@duetds/components 10.0.0-alpha.2 → 10.0.0-alpha.3

package/hydrate/index.js

@@ -1474,16 +1474,16 @@ var emitEvent = (elm, name, opts) => {
 };
 var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
 var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
+  let style = styles$1.get(scopeId2);
   {
     style = cssText;
   }
-  styles.set(scopeId2, style);
+  styles$1.set(scopeId2, style);
 };
 var addStyle = (styleContainerNode, cmpMeta, mode) => {
   var _a;
   const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
+  const style = styles$1.get(scopeId2);
   styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
   if (style) {
     if (typeof style === "string") {
@@ -1973,7 +1973,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         style = Cstr.style;
       }
       const scopeId2 = getScopeId(cmpMeta);
-      if (!styles.has(scopeId2)) {
+      if (!styles$1.has(scopeId2)) {
         const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
         registerStyle(scopeId2, style);
         endRegisterStyles();
@@ -2648,7 +2648,7 @@ var Build = {
   isServer: true,
   isTesting: false
 };
-var styles = /* @__PURE__ */ new Map();
+var styles$1 = /* @__PURE__ */ new Map();
 
 const inheritGlobalTheme = (component) => {
     // this minor change enables duet-theme-XXXXX instead of just duet-theme-turva
@@ -3986,12 +3986,12 @@ class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (hAsync(Host, { key: 'ae708838b39b1a8db655ca27383e92baba3795fd', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '29dbf98cb938dcd05be7a57c20e355db1e05b1df', class: {
+        return (hAsync(Host, { key: 'e5ff68cbd5bf1a9e34b5a74654fdec8b9ce7dabb', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '3c19f7548eb36111bd247e764b137a85d2538f1d', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("slot", { key: 'aa2b310511ff50a759a7ef772a38ddbe196ef74a' }))));
+            } }, hAsync("slot", { key: '066ed983a29dc14e2616d83bcf36ed46a6eb05c4' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBadgeStyle0; }
@@ -4181,14 +4181,14 @@ class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '40039dc021f3bad94fd13cf99da9d9d0de8f68a7', role: "listitem" }, hAsync("div", { key: '8208ce2c97c5ddffbb262dbe191f07d71fb8741d', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '0d1655e8b1119eb81366df2808daad4844495e1c', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: '47cb74d024694bf8b53c372ec5256d883de7a79e', class: {
+        return (hAsync(Host, { key: '2d557fd06bc2f923fc3a1d6076008cb9cdadad39', role: "listitem" }, hAsync("div", { key: 'a38aac901dc9b016d5efd3ba22b34d256655e282', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '285c0b2cbdedbaa26bd587bc1a72e92cce833f8b', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: 'c17c5fbf1f84df0766452a9f06119fa4f7880949', 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: '86ee4831b6e005533aecf1371f13fe4e7af742a3', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && hAsync("duet-spacer", { key: '25868dfb7eaf17d0eb274284762291a990a549e5', size: "x-small", direction: "horizontal" }),
-        ], hAsync("slot", { key: 'dc22ae47f49397cc88f3b1d48a0ca047c081abf2' })))));
+            hAsync("duet-icon", { key: 'e42d427cb7512929790a36cf7bcb8309ad615ad7', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && hAsync("duet-spacer", { key: 'e993ee67d5a14e88e808ad636eb8778d2ed334fd', size: "x-small", direction: "horizontal" }),
+        ], hAsync("slot", { key: 'c0a6bb1e1aed7da544851e852023f0139a328022' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbStyle0; }
@@ -4249,11 +4249,11 @@ class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (hAsync(Host, { key: 'eb7b2e1fa288283c0cee25d2ca736f1e2b0c20e0' }, hAsync("nav", { key: '0fd682f03a66a5ace3ddd82f24a198fbcf934c11', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (hAsync(Host, { key: 'b29fa1c29f832b5173a6f30e3e81383b816d0b18' }, hAsync("nav", { key: 'f7e7663d0a602a4c9f02468d54113cf3350e85a1', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, hAsync("div", { key: 'ce482ca58e56cf134d6cd9eb89da7ad0f86c4d43', class: "container" }, hAsync("div", { key: '4e49822a247fbc27d2ee8d11c7e15401e4906cf8', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '40de9a013b3521d649df9e070cdfca80c04aafdb' })), hAsync("div", { key: '6f16a5234caf4512abf463e1509134b78fd599c3', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '907f549692f35ee96b2273485f5667b11fba763e', class: "bottom-border bottom-border--nav" }))));
+            } }, hAsync("div", { key: '1424535cfc3acfc02cd33286a9842c59b4483d06', class: "container" }, hAsync("div", { key: '3bed0500aa7c9f598a4c0fc57c037899f0cc9039', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '6e4cde5793075f7a75085823737ecfebf7b407a3' })), hAsync("div", { key: '57d436b5f0aab642c590c4af70078e26791405eb', class: "bottom-border bottom-border--container" })), hAsync("div", { key: 'd2ec591e3d2739dbf0a59c6216008b1ced2e5a48', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbsStyle0; }
@@ -4607,11 +4607,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: '1b4cbe35da31a702d426b208e1320028b3112f9a' }, hAsync("div", { key: 'fab24aac061b0c7920309f3290a5a8159e37a0c4', class: {
+        return (hAsync(Host, { key: '53420cb240f39349ae66450dc91f20a4cb43f6ad' }, hAsync("div", { key: '9d1c788d25eb614f0dd7887410b62873e5b6623d', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("figure", { key: '8f550e61a90cbad9121cd324a6c6cc4e433cafd0', class: "container" }, hAsync("duet-icon", { key: '5dd94e456b38480e892dedd68ccf223f4f25b5a9', 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: '4ea5035888ae6ad897f92f66f0b6cd46de7e76d3' }, hAsync("slot", { key: '2a646124096ae8b25c2f29ada8a993bf7294cab5' })), this.hasAuthorSlot && (hAsync("figcaption", { key: '164a3bedfcb1ffd6156b47ffe430818a910f4b6c', class: "author" }, hAsync("span", { key: 'd7ce517642be6e5ab5c17e690b927f5a78c4f41d' }, "\u2014 "), hAsync("slot", { key: 'e29dd6eb00f784b90876edabc7cc69f02a736359', name: "author" })))))));
+            } }, hAsync("figure", { key: '9e9ee10955241a7b2996f03d1afa66fb829785aa', class: "container" }, hAsync("duet-icon", { key: '7a39335b4292024aa8158854a0a5bffc778f4732', 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: '2e1e5a9554f5d68e7c0d73a0a1ccb12a89998c67' }, hAsync("slot", { key: '272543bd9df5201872a805c824006e7af13892f2' })), this.hasAuthorSlot && (hAsync("figcaption", { key: 'a8bed17504c945ecba4103eee63602200d28b9a3', class: "author" }, hAsync("span", { key: '565ae8d03018d87763e3c4bb7ae8a551b98f256e' }, "\u2014 "), hAsync("slot", { key: '235af7e37f6b961bd784ecc87c26a2c0c82b6268', name: "author" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCalloutStyle0; }
@@ -4817,7 +4817,7 @@ class DuetCard {
     }; }
 }
 
-const duetCheckboxCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(:last-child:not(:only-child)){margin-bottom:0 !important}:host(.duet-m-0){margin:0 !important}.duet-label{position:relative;z-index:100;display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva .duet-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label span{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container{position:relative;width:100%;height:100%}.duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox+label::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:4px}.duet-theme-turva .duet-checkbox+label::before{border-color:rgb(23, 28, 58)}.duet-checkbox:checked+label::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva .duet-checkbox:checked+label::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox+label{position:static}.duet-checkbox:checked+label::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled]{cursor:default}.duet-checkbox[disabled]+label{color:rgb(98, 121, 138)}.duet-theme-turva .duet-checkbox[disabled]+label{color:rgb(143, 147, 158)}.duet-checkbox[disabled]+label::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-checkbox[disabled]+label::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled]:checked+label::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva .duet-checkbox[disabled]:checked+label::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-checkbox-error{margin-left:31px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-theme-turva .duet-checkbox-error{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(214, 28, 82)}.duet-label-hidden .duet-label span,.duet-label-hidden .duet-checkbox-error span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const duetCheckboxCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:8px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host(:last-child:not(:only-child)){margin-bottom:0 !important}:host(.duet-m-0){margin:0 !important}.duet-label{position:relative;z-index:100;display:inline;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);vertical-align:top;cursor:pointer;background:transparent;transition:300ms ease}.duet-theme-turva .duet-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-label span{display:inline-block;width:calc(100% - 32px);font-size:1rem;font-weight:400;vertical-align:top}.duet-checkbox-container{position:relative;width:100%;height:100%}.duet-checkbox{padding:14px !important;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;opacity:0}.duet-checkbox+label::before{z-index:100;display:inline-block;width:20px;height:20px;margin:2px 10px 1px 1px;vertical-align:top;content:\"\";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:4px}.duet-theme-turva .duet-checkbox+label::before{border-color:rgb(23, 28, 58)}.duet-checkbox:checked+label::before{background:rgb(0, 119, 179);border:1px solid rgb(0, 119, 179)}.duet-theme-turva .duet-checkbox:checked+label::before{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-checkbox:focus+label::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-checkbox[aria-invalid=true]+label::before{background:#fdf4f6;border-color:rgb(214, 28, 82)}.duet-checkbox+label{position:static}.duet-checkbox:checked+label::after{position:absolute;top:6px;left:5px;z-index:200;width:12px;height:12px;pointer-events:none;content:\"\";background:transparent url(\"data:image/svg+xml,%3Csvg%20fill%3D%27white%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23.374.287a1.5%2C1.5%2C0%2C0%2C0-2.093.345L7.246%2C20.2%2C2.561%2C15.511A1.5%2C1.5%2C0%2C1%2C0%2C.439%2C17.632l5.935%2C5.934a1.525%2C1.525%2C0%2C0%2C0%2C2.279-.186l15.066-21A1.5%2C1.5%2C0%2C0%2C0%2C23.374.287Z%27%20%2F%3E%3C%2Fsvg%3E\") no-repeat 0 0;background-size:100% auto}.duet-checkbox[disabled]{cursor:default}.duet-checkbox[disabled]+label{color:rgb(98, 121, 138)}.duet-theme-turva .duet-checkbox[disabled]+label{color:rgb(143, 147, 158)}.duet-checkbox[disabled]+label::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-checkbox[disabled]+label::before{border-color:rgb(199, 202, 207)}.duet-checkbox[disabled]:checked+label::before{background:rgb(127, 150, 165);border:1px solid rgb(127, 150, 165)}.duet-theme-turva .duet-checkbox[disabled]:checked+label::before{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}.duet-checkbox-error{margin-left:31px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-theme-turva .duet-checkbox-error{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(214, 28, 82)}.duet-label-hidden .duet-label span,.duet-label-hidden .duet-checkbox-error span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 var DuetCheckboxStyle0 = duetCheckboxCss;
 
 class DuetCheckbox {
@@ -4913,9 +4913,12 @@ class DuetCheckbox {
      * Always the last one in the class.
      */
     render() {
-        {
-            return;
-        }
+        const identifier = this.identifier || this.checkboxId;
+        return (hAsync(Host, { key: '384b2451cc9f332a9b8ac970d3b8ca514cef04ac', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '7054f176fd64937eb3e3593a4c250d3b859bc513', class: {
+                "duet-checkbox-container": true,
+                "duet-label-hidden": this.labelHidden,
+                "duet-theme-turva": this.theme === "turva",
+            } }, hAsync("input", { key: '065d7c5a7572d7b35eae0a737b4e8893c95eb973', ref: input => (this.nativeInput = input), type: "checkbox", onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, value: this.value, class: { "duet-checkbox": true, disabled: this.disabled }, checked: this.checked, disabled: this.disabled, tabindex: this.accessibleIndex, "aria-invalid": this.error ? "true" : "false", "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.getDescribedBy(), "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-selected": this.accessibleSelected, required: this.required, role: this.role, name: this.name, id: identifier }), hAsync("label", { key: '230c32312aebf8539e4c8082bb30062f09db2bc7', class: "duet-label", htmlFor: identifier }, hAsync("span", { key: 'fc1c8a054c43f487513405bb0e592c114a7969bf' }, this.label)), hAsync("div", { key: 'ff34862455f6c81370d7860c8c45b7f64b792fbc', class: "duet-checkbox-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'c0ae8d05ca74b8955f1ee2f312a515d020ef997e' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCheckboxStyle0; }
@@ -4972,11 +4975,11 @@ class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '4f894c8f4f3ec363b66b92d64106650948eddbd9', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '97af2cb562ab2260fff669a97236d17119417883', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: '0017ec40a1dfa14357bb3ae08b409b537549b953', class: {
+        return (hAsync(Host, { key: '3335002173407bc53f41ea2f00546e1bd2d7409a', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '425322a3f86e075e76d6d3bcd17580954b4e0b32', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: 'd4fe569278f4c88e090bbbafd65e5422027a0551', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && hAsync("div", { key: 'bf36ed6a59e749c98ec6f3862c013998343c2077', class: "duet-checkmark" })))));
+            } }, this.checked && hAsync("div", { key: 'ad4abd3130942074b35869850cc3b386a8ae5dde', class: "duet-checkmark" })))));
     }
     static get style() { return DuetCheckmarkStyle0; }
     static get cmpMeta() { return {
@@ -5298,7 +5301,7 @@ class DuetChip {
             onBlur: this.onBlur,
             ref: el => (this.focusableElement = el),
         };
-        return (hAsync(Host, { key: 'a1e4d371f57abce15c06aa88bf2faab012bde60a', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: '48b8e4b70be8c4511a33be55c6fd25ec850fe1c2', class: classes }, hAsync("button", Object.assign({ key: 'ec9084347d6c67fb665312422a36282f753900af', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: '733df1c9acec6cd645b28f8ed86af4c48a79273a', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '001d0ccf56f2d072f7e861bbb950f75ff6673223', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '7ddfa4406408234c391bcf674c0ba8aaaec21ee0' })))), this.variation === "input" && (hAsync("span", { key: '727e2fc07c26dff9c68fcae934c1925aca396155', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: 'ea5ee0837d8912fbb3434a2a38c7bc4d5d0975b5', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), hAsync("span", { key: 'b318ffad1b0057ef1812018dc1e524ec8cf62091', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: 'c85184dcc2864532c7820bc01eb1ad48d9ef0fbd', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'd8871a7204049ace2b8295db0a13428caa96b57a' })), hAsync("button", { key: 'ec772bd91b3a8131145348fc67703f3ee4515702', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, hAsync("duet-icon", { key: '903ab2300e7a977392b42927034941e43292d983', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: '3660c3e7ff2a0eaff17ebbe34981cbf5909d0f0d', class: classes }, hAsync("input", Object.assign({ key: 'd46cb417fe2464eb10908d01929c125e9bea5677', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '4ee86b0611315406cbd1b6dfbcdd42106ba84554', htmlFor: identifier }, this.icon && (hAsync("span", { key: '9514104bed3050807ea0b30550f9c0892d545daa', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: 'f8000d1fce7ecbba8072545eaa78014913109aca', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '3d9ad0a9a4075b1d4e9339c485ee3180cf44cae1', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '2d5eef8328f0fa155877cb1f21017024140f81aa' }), this.popupElement && (hAsync("span", { key: 'a8073e5008dd5aebab4ed7af69a2be3833cc5103', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: '124c026eecc172483e1988197edfa334736dbee4', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: '78b2f4b2f12a5d37a82a44ec03c121548ec26c05', class: classes }, hAsync("slot", { key: '7d0f2d9039581110bad1cac19a35fc64b5554930', name: "input" }), hAsync("label", { key: '12093ea0d2a2d97b73b7847384a80108e3e6eb3d', htmlFor: identifier }, this.icon && (hAsync("span", { key: '073c4aeefdf6b0e9c4b39c2d821c157f3f8c7285', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '20a39d0858cfba1c30c25532485adbc904fb3fe4', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '2b7124ccc84b91f81b938a7f52e193daf7002cd0', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '9165ca7f004968f8c8505822c98281eec4583329' }))))));
+        return (hAsync(Host, { key: 'c807c6a1d6acd3d0962de84a928a38cf53236a5a', class: { [this.variation]: true } }, this.variation === "button" && (hAsync("span", { key: '654486c3496a0967a02987d40d8b8bd03c8d1670', class: classes }, hAsync("button", Object.assign({ key: '819d1fadbf81a1e7deea06efc7c8ad55544f77bb', id: identifier, "aria-label": this.accessibleLabel, "aria-haspopup": this.getAccessiblePopup(), "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: '043b8a685b69fd201c8a081902f6197c87201d95', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '7ca324221a0d9408218d525187d3dcda8e006946', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '0cda4e568fc73c0e51053068649a1d1fb4fc1177' })))), this.variation === "input" && (hAsync("span", { key: '4bdfa14a7478fe54a31d6d3519fe7a38a28e8a64', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: '60f136d595f23bec8a342b725826b824f72be70d', id: identifier, class: "duet-chip-input-button", value: this.value, "aria-label": this.accessibleLabel, onMouseOver: () => (this.inputChipHover = true), onMouseOut: () => (this.inputChipHover = false), onClick: () => (this.selected = !this.selected) }, focusHandlers), hAsync("span", { key: '8e9e702baeb8b2fe5fdc3767e679dbe938adf2c8', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '799c6adbd554313f3500698037c0441bd784ec14', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'b1b7649a3beff52e78f0d2007446b4284c13301d' })), hAsync("button", { key: 'b28b696e73ece749bc5c3ac0a731eb12a74da0fb', class: "duet-chip-remove-button", "aria-label": this.getAccessibleDeleteLabel(), onClick: this.onRemoveClick, onFocus: () => (this.inputChipDeleteFocus = true), onBlur: () => (this.inputChipDeleteFocus = false), ref: el => (this.deleteButtonElement = el) }, hAsync("duet-icon", { key: '77be3ad13c9f382af3f937ed5b1310b966e51a9f', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: '93b90e998c5a818f72f0d6d93d236ca292027a2f', class: classes }, hAsync("input", Object.assign({ key: 'fbc7ce95bc52c216fa093d8f8626953ffb813329', "aria-haspopup": this.getAccessiblePopup(), "aria-controls": (_a = this.popupElement) === null || _a === void 0 ? void 0 : _a.id, "aria-expanded": this.getAccessibleExpanded(), "aria-disabled": this.disabled ? "true" : undefined, id: identifier, type: "checkbox", name: this.name, value: this.value, checked: this.checked, onClick: this.onFilterClick, onChange: this.onFilterChange }, focusHandlers)), hAsync("label", { key: '820f38348fd3237fa736c42db58592aceecbc6d8', htmlFor: identifier }, this.icon && (hAsync("span", { key: '8053c7905e2d4b3e307122ed0019abf487f33ddb', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '62b6b611984e54ec22ac7f893e913a13ed79f183', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: 'bc6cc9a473b6e2ff0579bf2ed90bb9b93676217c', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '6acef4f05a0f83c4678687dd3ca78cdaf1b85047' }), this.popupElement && (hAsync("span", { key: '04fd8374230c5f07247d141543e6ed469d5a2f3e', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: '2bda624c98b44339a4107b9619873ce1cc3257b6', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: 'fb27bb6b3d1d4bbb71a2f5f3da20fdce13e1f3dc', class: classes }, hAsync("slot", { key: 'a1a2b8eabfae06bcbbab88b3578598cceac14be7', name: "input" }), hAsync("label", { key: 'e81d7abd6774b9980454d70548c8c23ffb62a083', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'ef056f08b0f3aa56ec9403066f9c49c106405d42', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '1e7dc968a93057da85bfad2d9311f9cb1345671e', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: 'fc5ecbe16b5154635cfbb6bd4d1422eaf118b837', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: 'bec129dc84a1a901d84dfd5b57bf3f0f455e1822' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -5676,7 +5679,7 @@ class DuetChoice {
      */
     render() {
         const identifier = this.identifier || this.choiceId;
-        return (hAsync(Host, { key: '769363c98f975c9f2881acdc911ba2cd28c36351', class: {
+        return (hAsync(Host, { key: '6b043ca676b0915beba8f7395ab51da5e4b5cd9b', class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
@@ -5684,10 +5687,10 @@ class DuetChoice {
                 "duet-theme-turva": this.theme === "turva",
                 "no-hover": this.isHovering,
                 disabled: this.getDisabled(),
-            } }, hAsync("div", { key: '93dea4566ff9694947713e14e172c338ae0c8d8c', class: {
+            } }, hAsync("div", { key: '0891860988aae6ccb6cdaba297bb752a056511ed', class: {
                 "duet-choice-card-flextainer": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("div", { key: '846c05b6a685ecba8be08d1c7bad60165452d98f', class: {
+            } }, hAsync("div", { key: 'bce0c0ae884e3406707a4a4c369b4459d50c0093', class: {
                 "duet-choice-card": true,
                 "has-icon": !!this.icon,
                 "has-info": this.hasInfo,
@@ -5696,16 +5699,16 @@ class DuetChoice {
                 collapsible: this.collapsible,
                 "collapsible-force-expanded": this.collapsibleForceExpanded,
                 "duet-p-0": this.padding === "none",
-            } }, this.type === "checkbox" && (hAsync("input", { key: '033d896b5949802ed8031f649e5f82d438a59014', class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-label": this.getLabel(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.focusableElement = input) })), hAsync("slot", { key: 'c9f2bf88993e31592ea467c16858bb8a57ac5e56', name: "choiceradioinput" }), hAsync("label", { key: 'e038f367106ffd8712a0908d65d125b5f285a916', class: {
+            } }, this.type === "checkbox" && (hAsync("input", { key: '89d5dd0ee3b36469a8dc76939682d6a9639d52a0', class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-label": this.getLabel(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.focusableElement = input) })), hAsync("slot", { key: '2745b90b9febcddd1617878dc85dbdca91bed103', name: "choiceradioinput" }), hAsync("label", { key: '60293091e7005f427af03589faa2471a20a07dbd', class: {
                 "duet-choice-label": true,
                 "has-before-text": this.hasBeforeText,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.getDisabled(),
-            }, onClick: this.onClick }, this.hasBeforeText && hAsync("slot", { key: '1b19e1fa3fcf5a3a3e16f5330a513adff661798e', name: "before-text" }), this.icon && (hAsync("div", { key: 'cf7b7dba99cf4c93a0af8348841a548a0e4153aa', class: "duet-choice-card-icon" }, hAsync("duet-icon", { key: '3adb65bb97bad88b84472b408c2c7582ad3e6012', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), hAsync("div", { key: '8a85581545676b925ca39c614876f3cebb5553c4', class: "duet-choice-card-text" }, hAsync("div", { key: '4baf1c808b3a8946f63cd5d64c135f29387910a1' }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label), this.caption && (hAsync("div", { key: 'd4d2e94b379c242853047e92b8ef3d02358d47ab' }, hAsync("duet-spacer", { key: 'cb761b10de1afba742bcfb83cfcd0885e09d4da2', size: "xx-small" }), hAsync("duet-caption", { key: 'f4238edc949718154d77c4a465d515b4eaeae3df', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (hAsync("div", { key: 'e932cefc8acedea9b152c66d50bbe591be8cf04d' }, hAsync("duet-spacer", { key: '1ea7940f74edb2bb99405091097530836c0412eb', size: "xx-small" }), hAsync("slot", { key: '63fc4d2ad4a0f5d14666ff703ad4defaf2e950ed', name: "additional" })))), hAsync("div", { key: '9ca502e4e6929ed03c09818909b708e6174392c9' }, hAsync("div", { key: 'e2ec3f18108f7be37e7d38a3a8a6b7126ac37367', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && hAsync("div", { key: 'aed8333ed8fcc374095721d94a070fec03761d47', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (hAsync("button", { key: '209184ed7ae21002ff718c2efce27aa498db02d3', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
+            }, onClick: this.onClick }, this.hasBeforeText && hAsync("slot", { key: 'ae4be026a3b09c369840065af56652403199f386', name: "before-text" }), this.icon && (hAsync("div", { key: 'c7cb16471ff37dd3b02090dad05d7614f3d314bd', class: "duet-choice-card-icon" }, hAsync("duet-icon", { key: 'addb288ef7d86b56bea8c1f332441a2c4cadb3d2', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), hAsync("div", { key: 'b93a83dfd99fe82813d0daa25004ad9c5f4bb58f', class: "duet-choice-card-text" }, hAsync("div", { key: '6c12ddc5fce7a4b360c8cd54f4c767cf3481af25' }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label), this.caption && (hAsync("div", { key: '2375bc05cb87c6aff0e56758c9f478103e3fde4e' }, hAsync("duet-spacer", { key: 'ed9c38492bbd765fe2f7c8e00be12f022b21932b', size: "xx-small" }), hAsync("duet-caption", { key: 'bd6ee17d7a87ee48ee817e3d22ae84f08ad1710c', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (hAsync("div", { key: '60864680b2473d89f940fa0cd8bfae6433838ae4' }, hAsync("duet-spacer", { key: '303abb939ca6951fabf2e789877ce9fdc5192e68', size: "xx-small" }), hAsync("slot", { key: '3c0f6a723591ecf194520eef02445741986e2ede', name: "additional" })))), hAsync("div", { key: 'aab22344ed2b2b79259222456daed0c67007bd55' }, hAsync("div", { key: '8414b4650724896fe86bb5883c29f25970fd5225', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && hAsync("div", { key: '0fb93a9d51f221f5338009ab93ee9ed0dd840afc', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (hAsync("button", { key: 'dd75d55f02a8b12d8914d92ad5fd09f7b16cd0f0', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
                 "duet-choice-info-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, hAsync("div", { key: 'eb76ae734893e6c9375d63a7ce73283437c3bf40', class: "duet-choice-info-icon" }, hAsync("duet-icon", { key: '21eaedd36a86a68b74ccd1420dbe838f1e23d4f0', icon: messagingInfo.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (hAsync("span", { key: 'a681b8c754aa3d6e24a70f95bf7d7c6bf7d31f5c', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (hAsync("div", { class: this.getClassNames(), id: this.expandId }, hAsync("span", { class: {
+            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, hAsync("div", { key: 'acc75d0d4e81d63a1cadaf113f7a97727ec9b323', class: "duet-choice-info-icon" }, hAsync("duet-icon", { key: 'dab37c8b277f1077f49ddadcd62a7b81e5590e0d', icon: messagingInfo.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (hAsync("span", { key: '2f6a4388ba251ee6e2d1125a5eed938899c730c8', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (hAsync("div", { class: this.getClassNames(), id: this.expandId }, hAsync("span", { class: {
                 "duet-choice-section-visible": this.collapsible ? this.getExpanded() : this.isInfoOpen,
                 "duet-choice-section-hidden": this.collapsible ? !this.getExpanded() : !this.isInfoOpen,
             } }, hAsync("span", { id: this.headerId }, hAsync("slot", { name: "header" })), this.hasInfo ? (hAsync("span", { ref: span => (this.infoContainer = span), tabindex: "0", class: "duet-choice-info-container", onKeyUp: e => this.handleEscape(e) }, hAsync("span", null, hAsync("slot", { name: "info" })), hAsync("slot", null))) : (hAsync("span", { id: `${this.choiceId}-collapsible-content` }, hAsync("slot", null)))))) : null));
@@ -5879,14 +5882,14 @@ class DuetChoiceGroup {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '0f05e4491b0ed604ed36ad5a20755a183f219e61', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
+        return (hAsync(Host, { key: '1a1882dc018f8084af4b98bf1c1dd42eb6b4196e', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
                 horizontal: this.direction === "horizontal",
                 "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
                 "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",
                 "duet-choice-group-breakpoint-medium": this.responsive && this.breakpoint === "medium",
                 "duet-choice-group-breakpoint-large": this.responsive && this.breakpoint === "large",
                 "duet-choice-group-breakpoint-x-large": this.responsive && this.breakpoint === "x-large",
-            } }, hAsync("duet-fieldset", { key: 'c6b16eb32fa18224f1fca5450a1a00609ee0800c', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: '23ea892920b10486ec2ff7dc5c6893d4f4b58028', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '6f067a2d955d9a60728e5f8746650480d5719491', name: "tooltip" }), hAsync("div", { key: 'e3bfaa0355f3eb50844f4e5a47dc02d0816380e2', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '8af6ad42073f04162bf0f7482e9987e1f386e7b5' })))));
+            } }, hAsync("duet-fieldset", { key: '4e16e0509b823c92997d9f22bf0b760c5bab9584', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: 'ccca359a5153567adc4d64b1006700cd3c229230', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: 'b85ef08b02c0c4485c9051f84698b74d105ab2ed', name: "tooltip" }), hAsync("div", { key: '76c59c3fdedd2bcbf0be91e55bffc45b1e18ae92', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: 'e0f5a4ae522a9d2b8eec286a9e40a4c5db764310' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -6777,14 +6780,14 @@ class DuetCollapsible {
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString$1(this.headingLevel) : "div";
-        return (hAsync(Host, { key: 'e75871cb9a6fd0f3050c22c4ac9059c8daa8c2ca', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '4b9571caa365df133f607952f427d5f2662a61d6' }, hAsync("button", { key: '29f111d38aeac967f9ef9e2696fe0da79b07210c', class: {
+        return (hAsync(Host, { key: '41f36dde4e54009a1eb69c87caa20fe7174f54aa', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, hAsync(HeadingTagName, { key: '2dfbc738dabf00e09f0dc410f340a2c149616e23' }, hAsync("button", { key: '9cdec6df9a1ad914a9b1f7add28b4327a40026ea', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-collapsible-normal-weight": this.headingWeight === "normal",
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("div", { key: 'f22a73bf54b611968e8e9ecfac22c4a5d912942a', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: '3f1706b22520ee9e1856ba3d9bd8f4e04a026e20', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: '88b89faf977d753d6d53f838d986b6ec567ed8e3', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '97304f5806f809b1d7e86306b60901ce96df2f8e', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: '0d37e9e85c477aa0f4b3f0f9b7209b429c917bd6', name: "after-heading" }))))), hAsync("div", { key: 'cc27c3dca50171f016f3a0991a67f07334223f9b', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: 'b17cc5907e981ea030f3a070e6cad046e15af55c' }))));
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, hAsync("div", { key: '20969919d9bacce2a30a27f6b174a0d34ed2f87a', class: "duet-collapsible-heading-icon" }, hAsync("duet-icon", { key: '8b1ce16944925dcbe76add2736fb4a9c2c4d8143', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), hAsync("div", { key: 'ae5481e1aa50ea5752835acca560509f9e1ef31b', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (hAsync("div", { key: '495b61f0b3f7d484f7af56bd8cde74b0fe6ae6b4', part: "duet-collapsible-after-heading" }, hAsync("slot", { key: 'c95c048eba7d76b176a734ce678f9a26e124b495', name: "after-heading" }))))), hAsync("div", { key: '291f50f458f1951bb540412845f77c3034969d7d', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, hAsync("slot", { key: '2b23d5343903b1fdb4e8977c1c6a1ab373928fe4' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCollapsibleStyle0; }
@@ -7402,10 +7405,10 @@ class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (hAsync(Host, { key: 'ee161f82ee10fff2c20d0a1710bad6af28d693f4', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'b9252238696889b1c15f9c7ade693f7e0d28c5da', class: {
+        return (hAsync(Host, { key: '5ed61598b80af8711f3d2f9eaa4fdecd21f25924', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '1cc0451adbb00abb3f21f72772afafc607645537', 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: 'c9575adf25010f58a30f297b89355cf1c404a03e' }, this.name && (hAsync("duet-heading", { key: '2158805949358fd34db41c0b182c384ea19e7691', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: 'f9372c59121b55e6247515dba14f557fd73a0c80', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: 'abf9dfb8a80916d11a756d51556f17d63ff3ccb1', class: "email" }, hAsync("duet-icon", { key: '8ed9a810ce0a6523541e1f25221d6c0efbe04dfe', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'ebe066f4492bf29aa08c0ad4e7bffc3bc33da31d', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '95d380ceee42f69a6ed0f9d1c611a32a71fce355', class: "phone" }, hAsync("duet-icon", { key: '785043c08e6fca93a358f385b4fe1a9fe52ce74b', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '3f798fe2fb406091faadec2e72b7da3ccced7b83', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '603dc620090b067f6798a117df506ba244163f3a', class: "call-to-action" }, hAsync("duet-button", { key: '585f7cf08e0620af3af47ef41436a90d75aa48bd', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: 'f9c5a90f43159f6349b09b515bb9b75fc06bb7d3' }), hAsync("slot", { key: 'aac7d0d9a759305ef4986cc11ce446f191f72133' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: '18669b66f9db7ee238adfdfc6fbc051b8eddfe93' }, this.name && (hAsync("duet-heading", { key: '47ef0fd1bd6d7f48668c8db2acb186776edb1485', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: 'b5810cd6f66e76919a62aff08048b053b5fcb7e1', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '8a769cdb536d5c6beb27c9ce4b6c4b582382997d', class: "email" }, hAsync("duet-icon", { key: '4f6925ceb4dd1aa420856b88f60c49571a9275c4', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '21348f029d675509c0a0f2bbe8cd8488d20723ce', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '5567f627d05c5a4773885f41067d44977e923195', class: "phone" }, hAsync("duet-icon", { key: '0acdaacb76ec2ff9ab686ae8745eb844040bb59f', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '402ad36efc575a97ab671058825c90b09bc0ad75', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '5ad0f70d4b0df654d19d4e47117d2144c76320e5', class: "call-to-action" }, hAsync("duet-button", { key: '8f6f819df1e2808610de2e526e861a8af2220616', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '7491aa743dcd2c9c0c36d27e3c2b699ff8b3dd6b' }), hAsync("slot", { key: 'ec876a8327e9c365021dcf5703d994caf048ad2e' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetContactCardStyle0; }
@@ -7472,7 +7475,7 @@ class DuetCookieConsent {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '61cde7dad29f6806c3bf5f598897ebab55a50c2c', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: 'acb59a9600f655eb3c485a7334dd078c03f82f56', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '5d1eb2561aef70174bb1ca9d11e44ae2d743a13a', class: "duet-cookie-consent-content" }, hAsync("div", { key: 'ef24cb4ba0672188c6216da4007746b52fa46526', class: "expand" }, hAsync("slot", { key: '7e170fcdf30814f4308ae952a2236e67b5fecf2e' })), hAsync("duet-spacer", { key: '3155cd41922ea15d6543243292651832b353461f', size: "large", direction: "horizontal" }), hAsync("div", { key: 'e6578866cc2ea81852778c514eb5c04f766a2dcc' }, hAsync("duet-button", { key: 'dae7a5c4b619f93d19fbc3e72e0c782fbef9550f', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (hAsync(Host, { key: '689e6e934833d5b1952ca793e3a1ab6348d0580a', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '0632d30885fd6a4fee5e2a27c3036377bddb87a7', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '2d8ee174ee56238b523a76ddabd1f8509a9a748d', class: "duet-cookie-consent-content" }, hAsync("div", { key: '5477148aef761c9cf27ecf9881b2339271b4e356', class: "expand" }, hAsync("slot", { key: 'b197d83da8b0abb133777f549dfab7f173e0dee5' })), hAsync("duet-spacer", { key: '28c43b3724d64df6b911148cdf0d9de88aed7b0f', size: "large", direction: "horizontal" }), hAsync("div", { key: '8a6d2e2f97ea12a9860b95692101fbc72aa3708a' }, hAsync("duet-button", { key: '8642e8dccf5bd08d316245487af38820badf80ad', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCookieConsentStyle0; }
@@ -8291,13 +8294,13 @@ class DuetDatePicker {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (hAsync(Host, { key: 'f349fd70a53b7cd9729e6f4a519994e86cb60105', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '3af25d99b276b29bffb5fb56e3807bd310a7b7b6', class: "duet-date" }, hAsync(DatePickerInput, { key: '95cd7445820e3618f4e8553288a08a28c4013f5a', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), hAsync("div", { key: '1601a61d1f4aae686581b6d232c996d6bd4b566f', class: {
+        return (hAsync(Host, { key: 'ffbf4028a27b7ce50696f3735314e12b48644e83', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'be1ffaf5b189177ace8c0e537601247fb4c541e1', class: "duet-date" }, hAsync(DatePickerInput, { key: '9f256d886f365c0ffb729b2e19d9695ae62d125d', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), hAsync("div", { key: '083b96641cff2923eeb8b2a2811559674a3422a7', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-date-dialog": true,
                 left: this.direction === "left",
                 error: !!this.error,
                 active: this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, hAsync("duet-overlay", { key: '96831a945399f6893f9e79d8aaa218bc02fe0a8e', visible: this.open, "display-device": "x-small" }), hAsync(FocusGuard, { key: '9be207554c16e4a16118f5f36ae4bb64a9bad1f0', moveFocusTo: this.focusedDayNode }), hAsync("div", { key: '20a4189123efcc2d4dced702d6d0fb7786de2479', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { key: '3ad4621b49c92d3008920366eaea3d86075165d4', "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { key: '05aa408db91c6f9af01134adcc7735f72065adc3', class: "duet-date-dialog-mobile-header" }, hAsync(DuetInternalLabel, { key: 'c389ccaabf1427fa8e3c95e3d6e3d4d2d8886e80', margin: "none" }, this.label), hAsync("button", { key: '91d67cff777873af7aee2764cfc1447b4e90437c', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { key: '0a228d827ae9ffff2325163c45eda95dcca764db', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", { key: '7e3caabcab88f9f26acfd03c11d3e6f0ce198a76' }, text.closeLabel))), hAsync("div", { key: '5588d1ba8e3f48fd340585d7c7e42096abc7e99a', class: "duet-date-dialog-header" }, hAsync("div", { key: '72e458e1e52feb85527d09ff5bed9297104a512d', class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", { key: '82b46e98af47e939e9c462ae9e89e7dbf65b697d' }, hAsync("h2", { key: '5ffe7ed43d48807cbc4070b5ef130edf44c65b7c', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", { key: 'a3adba70c76a4e37aaa153740ce455b42efdd6cd' }, hAsync("label", { key: '19fbfd0efc6efa48b4305a7d16949ef7d867a7df', htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { key: '7c1fab8f84e07002df8ddd2674f5cc78c872fbfd', class: "duet-date-dialog-select" }, hAsync("select", { key: '4f66b02e6ba8ae82327c024bd2a0bb5fa244d4d6', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (hAsync("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), hAsync("div", { key: '979ca83f258b7cf38902554fec596ee9df4632b2', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '00e5077816b80a68f32020074e8d848a3381996b' }, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { key: 'f4173da6638bd2d52b02ef8512f3201d34455e51', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", { key: '34ecaae386b30f78e10a37af7757f9cbebac5505' }, hAsync("label", { key: '5cf0a3c7e8ca078e80ca46918b7fd4c981b6a799', htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { key: '51d3325c45e77f8df1574c96b27525ac13b950d9', class: "duet-date-dialog-select" }, hAsync("select", { key: '3fbb50b63c06163b6529fd6acfa7c8e0b5aeec78', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (hAsync("option", { key: year, selected: year === focusedYear }, year)))), hAsync("div", { key: 'e15e16bf5d774d97ff915ab981e79e1fc0df08b4', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '7d112442db2e32440ab4be7cecf8b427849d6ebc' }, this.focusedDay.getFullYear()), hAsync("duet-icon", { key: '4d53be40feba0c07efa661626817f40e42588e3f', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { key: 'a30130c0f3e97a3bf43919af86b7b029ef662c37', class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { key: '572a31fff6ddf43e6d94a054eb3c9deb188c140d', accessibleLabel: i18n$2[this.language].prevMonthLabel, actionName: i18n$2[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), hAsync("duet-action-button", { key: '443649deeff0e2f9c4ca9ecbf5f5522ad6a68218', accessibleLabel: i18n$2[this.language].nextMonthLabel, actionName: i18n$2[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), hAsync(DatePickerMonth, { key: 'b9851b55c5898d04c9950805468cff2017c84335', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), hAsync(FocusGuard, { key: 'c3d607ab65e9c2bf52946701cdbc9b5c5d20e716', moveFocusTo: this.closeButtonNode }))));
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, hAsync("duet-overlay", { key: 'e996bbb11fb297a854c0b052a76bd901cc206b69', visible: this.open, "display-device": "x-small" }), hAsync(FocusGuard, { key: 'fb326c88bc79b2fb26934d500ada890909df7353', moveFocusTo: this.focusedDayNode }), hAsync("div", { key: '012cbf4ec8c8a86c8490df5858d0b51ce5cd8b92', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { key: '0a70e49f2bc2719fd766d604026711557e741918', "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { key: '79509cb586c8498c5f450e63759e27d6dc10622a', class: "duet-date-dialog-mobile-header" }, hAsync(DuetInternalLabel, { key: '4377e01f607d4de35728b1cdc8cbc298f6b19142', margin: "none" }, this.label), hAsync("button", { key: '3287aeee04a35a036c1cdf5e93851cbb1b2a18d7', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { key: 'dfcef3d22fa0a905e5b7de34da2c7c669d2e4cef', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", { key: 'cdf305c57bc94b51d148077ddfd30b3c29a989a0' }, text.closeLabel))), hAsync("div", { key: '7e0171347a1da56e751c38f36de27f199fa2ec47', class: "duet-date-dialog-header" }, hAsync("div", { key: '83306e6e3f77c536f522c30ad516423d90e4bf6b', class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", { key: 'd12b4ec4e07e8c657a61c2e9fb944d0e87367cd4' }, hAsync("h2", { key: 'ed4f5fa368effa1c5d0d49f0fed98c062ce66aaa', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", { key: '3049c56b3982abd6e9609e8bb39ccff0ff5fe4a6' }, hAsync("label", { key: 'f81eb75848f18de93c98a21e2475545f5b18b11a', htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { key: '5cd66e4fbf36396e710f351fd7c36459a8515804', class: "duet-date-dialog-select" }, hAsync("select", { key: '3dfa3aa9d7b96f84500d8af3b6c5dd6ff1325b20', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (hAsync("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), hAsync("div", { key: '1fb7b3f4fa0ecd6c9cf95613c50200df097e919c', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '99a67cc02351674b14ffb24949672d2a02a48324' }, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { key: 'a7a4c1b2f6b361cd51737e60d59c26c97abe1a47', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", { key: '49515f341552fba5f3151b093c2a5b1ddc53ee07' }, hAsync("label", { key: '13f6235f20b354b5bece44b65e1b05f8dfa355dd', htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { key: '4bd86d771eea83a8bd24387e91b09baa8e1a22ad', class: "duet-date-dialog-select" }, hAsync("select", { key: '027f699ba8c1da2af2525c937474e23595173ed0', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (hAsync("option", { key: year, selected: year === focusedYear }, year)))), hAsync("div", { key: '8b1b6158805a2bfac0bf1d11358d9ead7b053ef8', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: 'a49b7c229199f49a8e791d30c6164dfcb0a35b18' }, this.focusedDay.getFullYear()), hAsync("duet-icon", { key: 'bc944c5c5d76c6f3fb6da35e5afa384d101952d9', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { key: '93a4f1129af6c3e723b951147d022243e053c3df', class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { key: '5a13ca85a4fd737fedc9c7f5e623c3def16397ae', accessibleLabel: i18n$2[this.language].prevMonthLabel, actionName: i18n$2[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), hAsync("duet-action-button", { key: '283fca10745ff21e1c0d0da2479121ef0d5ed890', accessibleLabel: i18n$2[this.language].nextMonthLabel, actionName: i18n$2[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), hAsync(DatePickerMonth, { key: 'cc59e30b0a39e5a63682a2fb3da3c4080c7bc960', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), hAsync(FocusGuard, { key: '9de58a8642b2f06882542924e86b3792f5bc54ad', moveFocusTo: this.closeButtonNode }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -8377,7 +8380,7 @@ class DuetDivider {
      */
     render() {
         const background = getColorByName(this.color);
-        return (hAsync("div", { key: 'c2cc3db06f08c31c90b7038ebaa32159765ae737', class: {
+        return (hAsync("div", { key: '64511b39c68988b15d35f49ae4d6416b0937d6f2', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,
@@ -8562,9 +8565,17 @@ class DuetEditableTable {
      * Render Methods
      */
     render() {
-        {
-            return;
-        }
+        return (hAsync(Host, { key: '3d5bf5011822ef87cfa0e0286c8cf91e8496bae2', class: {
+                [`duet-editable-table-${this.variation}`]: true,
+                "duet-editable-table": true,
+                [`duet-editable-table-${this.theme}`]: true,
+                // sticky only valid when in regular table layout
+                "duet-editable-table-scrollable": this.breakpoint === "none-scrollable",
+                "duet-editable-table-sortable": this.sortable,
+                "duet-editable-table-actions": !!this.actions,
+                "duet-m-0": this.margin === "none",
+                "duet-theme-turva": this.theme === "turva",
+            } }, hAsync("duet-table", { key: 'ec986291dd0b4a8210449af3dd0f233e7ea5951b', class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, hAsync("table", { key: '1ae7b6227d4fb16d38ca46fcd3c164ba625cf18d', role: this.accessibleRole }, hAsync("caption", { key: 'a78c14e03fad988f4b985eecb07674d90be9dafc' }, hAsync("slot", { key: '3ab4a9d8f4f7a6818c4051e811d222bb31731fca', name: "tcaption" })), hAsync("thead", { key: 'aca3450e23a6981df8a9bfefc6d4942914900138' }, this.hasHeadSlotFirst && (hAsync("tr", { key: '95caf52351b79194f468e5f1b537e27514e3558e' }, hAsync("td", { key: '35bea84e7baa12021a122bf6851d3a6b0a0105b3', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '6969c828d8f6717d2bc16daa2bb4d34225aacdcc', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (hAsync("tr", { key: '64dc523c0369648863e076499b0ebb18f8f56ff4' }, hAsync("td", { key: '64816f523901cd17e0f4481cb86e1596a0a079c3', class: "duet-editable-table-actions-menu", colSpan: 99 }, hAsync("slot", { key: '6d69e2ee753e7dce6d3f47a7e7268cc5c0c10e12', name: "thead-last" }))))), hAsync("tbody", { key: 'f5a526b833834a5d3601a479a9be3fd7de341d80' }, this.renderTableBody()), this.hasFootSlot && (hAsync("tfoot", { key: '87bb8cfcad29c6033f95205666c0e09ae18f946b' }, hAsync("tr", { key: '373cf5a124095988d9917422fd6c63da0bdd11b7' }, hAsync("td", { key: 'ac6478d51c42552576d8e4f1708faebbec2d04fb', class: "duet-editable-table-footer-menu", colSpan: 99 }, hAsync("slot", { key: 'b1257579708c35c4be3cb8148c63fd9d221ac8b3', name: "tfoot" })))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetEditableTableStyle0; }
@@ -8614,11 +8625,11 @@ class DuetEmptyState {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'de95b8dde0a1b050210be7afc24bbd534f0cfc1a' }, hAsync("div", { key: '2dde668c5bed949f10a84abb1e6108dabb5e12e8', class: {
+        return (hAsync(Host, { key: '993a6ef0e6325e25bb547113748f9ddb5a564561' }, hAsync("div", { key: '8a8d7bf1d9d47b9302566e1106f712a77049e1ec', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, hAsync("duet-icon", { key: '0341402760ee9f9417e6c4716ac79831f4b2ef48', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '782e28c5c025f7f3aa7839d2fae882b0f159b2e8' }, hAsync("slot", { key: 'fb7d4c425c9680cf0ea95048e16db7b566932941' })))));
+            } }, hAsync("duet-icon", { key: 'b4fc41715d1bba5aa632b7d85916997d4ec33a76', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), hAsync("div", { key: '2d67fc5a87eab015934a6255187312023b906128' }, hAsync("slot", { key: '66b103aa15ead0d1efeb6967798443edfc5c1d42' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetEmptyStateStyle0; }
@@ -8674,20 +8685,20 @@ class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'ca59865ca0d6db9d10c70462818e285ec3208184', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: 'c89da8d67c7de257ae9409a4e54ee9812b4cb92b', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (hAsync(Host, { key: 'c90be4dee8fe0279fbf6c4c3c928d137fe61f233', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: '3ad5f101a81531194d9f6524cfc75b3287f0d28e', "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: '036a03b77941dff9d7efc20417d373d71cc34ba3', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'cd0adcfea05900fd897c22362412a95c513b49e3' }, this.label), this.caption && hAsync("span", { key: 'e10e9aab722d8171c79153380e4560f9ef3516e9' }, this.caption)), hAsync("div", { key: '065decf08a99464352cd821eb3163a0ac558f026', class: {
+            } }, hAsync("legend", { key: '213151ed1b0f84deb14a3e6a03b01bef9be36f6b', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'ab8f6890f78a7ae2c9b22e4c04bc38291bc5b164' }, this.label), this.caption && hAsync("span", { key: '6aacc89f2c37744e16870ac20225109bc3313854' }, this.caption)), hAsync("div", { key: '794ce3c1573e68c7cfb73d48ff7850511ac19109', 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: 'e9ac0900cc8d721eb1e4b5e1be879c82e6e7f10c', class: "duet-fieldset-label" }, hAsync("span", { key: '6c688a2ce71f8c756c42a9d4a9cf9405a1d89d12', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '7607eb09fce89802192ce8bcc0b7cf0ade619077', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '31677e80e585af8afa52abbe06f932e4a997bf77', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '46c3ed5a36d278084b31f59a6dfaa823e302dd8c', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '3b3227842435c8e6e6a646b32add95d18a7abad1' }), hAsync("span", { key: '6b5656824bc1faabfe1519667e1e148b19703b02', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'f3399d78309f6caa9b62608e7e090b0684e1d012' }, this.error)))));
+            } }, hAsync("div", { key: '96448a08b7e74689135328c41823d0041e0460a1', class: "duet-fieldset-label" }, hAsync("span", { key: '2ee830f8dc815dc2fe7a5cdd28a7c8e587d00aa5', "aria-hidden": "true" }, this.label), hAsync("slot", { key: 'd466637b64d4233f5dd1ed3695311a46d1e7e284', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '12e9e36fefa42445a363148a516db4f906e8f91e', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '543f734d48f22df932e73d2b9907e1afda57187a', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: '34ebf937cbd6e396647aba6282a527698a8a0a89' }), hAsync("span", { key: 'e810b0f8f8ab440f4a8956b72ab1a2a66bc04274', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '3cf4d71eb3ce812d1a5848961740a2b9c98f22a0' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetFieldsetStyle0; }
@@ -8831,15 +8842,15 @@ class DuetFooter {
     render() {
         const text = getLocaleString(i18n$1, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (hAsync("footer", { key: '984434597100f2619e70f0fb78942e03971633ba', class: {
+        return (hAsync("footer", { key: '1cdd005df7644fd86ab52f88c8b291a4a117c257', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '54916b84623acfa5541d9c4fd744405251657f4c', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: '1750f3f4dfdc27ca09ad5aeb8109bda2bd05ec77', class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '2ae4978654a0581d936bf5ceb783983fff52f3f1', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: 'd7d006c75ecc0f652431fdab896396077bbbff14', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, hAsync("div", { key: 'bb9d1aca77e745616b992c4c298987db3c17aea7', class: "footer-top-logo" }, hAsync("duet-logo", { key: '6e7b06875f6fbe9c37ee62e55e998ed3a21a8721', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '21c24e081d8345e51e292e294a185ad6823e2353', class: "footer-top-right-container" }, hAsync("slot", { key: '5432347d10fd601d8d676c3228f0695370f96db6', name: "info" }), hAsync("div", { key: '27d2b49fdac1ab15bebcce259432bc8d9827a02d', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, hAsync("div", { key: '6a782f5bba005411db4a29657a3015ebefae6bc6', class: "footer-top-logo" }, hAsync("duet-logo", { key: '6309f936a91496f2fac4fcd69c81b6dd41b81414', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '09e751f50a0229013c3b7f5ddf3ff8c5ca0bd4e3', class: "footer-top-right-container" }, hAsync("slot", { key: 'c5fbd7a8d9132a2858a811dad7ad6d94ad31249f', name: "info" }), hAsync("div", { key: '15559c461dc869347b68b44dbb1b2c7df5d5bba0', class: "footer-top-items" }, this.processedItems &&
             this.processedItems.map((item, index) => {
                 var _a, _b, _c, _d, _e, _f;
                 return (hAsync(Fragment, null, index > 0 && hAsync("duet-spacer", { size: "x-large", direction: "horizontal" }), hAsync("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:"))
@@ -8849,7 +8860,7 @@ class DuetFooter {
                             : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
                         ? "medium"
                         : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
-            }))))), hAsync("slot", { key: '2d0660ceb4c7f5696d1dddd46506d84ea879ed19', name: "extra" }), hAsync("p", { key: '0c6ad47b06a8db2a3668bcb26a48d8f5e5c0e460', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: 'e2540585ee767f554113a6f8d796b9ebdeed13ba', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: '8fb63fa6bf02d4876aa2d8a555768a53bf168762', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '8a21168dfc250e46ca4e16cd302108ca43b51dc2' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: 'b0a1683053d60ace83a92a07b2800649d4b976f5', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), hAsync("slot", { key: 'f4c7a3476693477b5c53f3877d40cb13c2e37ac1', name: "extra" }), hAsync("p", { key: '795ec0bcbffd0df07b2cfecc96e0bac31a20d7af', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: 'ebbd1b69487f6b698001c92641354f27c28ecac9', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: '4f9ab134874edfce12a01631556a49762592b84a', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '6c299f198bdd74f1da639096ab73dc6b2e552285' }, this.processedMenu.map(item => (hAsync("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (hAsync(Fragment, null, hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), hAsync("span", { class: "duet-footer-external" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), hAsync("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), hAsync("p", { key: '7144f88dd4d2ca95506b609f77cfa752cda215f3', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9053,7 +9064,7 @@ class DuetGrid {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'fd65566d78340fbb5446524cb7c18694f40f219e', class: {
+        return (hAsync(Host, { key: 'cb5bd9c4309fb0032446255aaed26f0442596f07', class: {
                 "duet-grid": true,
                 "duet-no-stacking": !this.responsive,
                 "duet-grid-align-top": this.alignment === "top", // flex-start
@@ -9080,7 +9091,7 @@ class DuetGrid {
                 "duet-grid-row-reverse": this.rowReverse,
                 [`duet-grid-variation-${this.gridTemplate ? "grid" : "flex"}`]: true,
                 [`duet-grid-template-${this.gridTemplate}`]: true,
-            } }, hAsync("slot", { key: 'acc5ce23bb2454400755b6dac1f31db22d00877b' })));
+            } }, hAsync("slot", { key: '809a8de54de8b002bda6ce79cee4a081fb61db62' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9136,7 +9147,7 @@ class DuetGridItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '89acf29883fafc4e79dcb26e288ae0b7540c43a1', style: {
+        return (hAsync(Host, { key: '69107559554a11d43aeace87439dd5ee0983c961', style: {
                 "min-width": this.minWidth,
                 "max-width": this.maxWidth,
             }, class: {
@@ -9153,7 +9164,7 @@ class DuetGridItem {
                 "duet-grid-item-br-medium": this.breakpoint === "medium",
                 "duet-grid-item-br-large": this.breakpoint === "large",
                 "duet-grid-item-br-x-large": this.breakpoint === "x-large",
-            } }, hAsync("slot", { key: '44bf045264a1cfe27bd16f2eab6881a2eb7850b6' })));
+            } }, hAsync("slot", { key: '17a808b61e7dd20826bed76c60721c3458d2a24d' })));
     }
     static get style() { return DuetGridItemStyle0; }
     static get cmpMeta() { return {
@@ -10017,7 +10028,7 @@ class DuetHeading {
     render() {
         const TagName = sanitizeString$1(this.level);
         const color = getColorByName(this.color);
-        return (hAsync(TagName, { key: 'f606e3e4de6cf69ec6743328d4e9e8bbce5fe66b', class: {
+        return (hAsync(TagName, { key: 'd6111a5efd3a6e43fc10dc2223468788376d74b1', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -10028,7 +10039,7 @@ class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '57fe6321051376c1b8dd03ceb22130a79d916745' })));
+            }, style: { color }, part: "duet-heading" }, hAsync("slot", { key: '4ee1f23ec7f6b46353e873baf5321b15de2e2933' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetHeadingStyle0; }
@@ -10208,7 +10219,7 @@ class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (hAsync("div", { key: '0c4038b005e7b453195addcd524b72d6ba2b3f86', role: "region", class: {
+        return (hAsync("div", { key: 'e94f90e20a29e2d621f86ee213f6c2243d162445', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -10226,17 +10237,17 @@ class DuetHero {
                 "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
                 "duet-hero-left-align": this.leftAlign && !campaignOrSection,
                 "duet-hero-narrow": this.layout === "narrow",
-            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: '2cb744f9d21aae8900369096bffd08e271402053', class: "background-area" }, hAsync("div", { key: '9a6c181bff667af0cc99f16896ff702761736e68', class: "background-container" }, hAsync("div", { key: '9d96ddb71b6ff095622a709796aca2c64b30deb2', class: "background" }, hAsync("img", { key: '5c7b3ac41baf0186fc4f63bd9970bf16c2dc74dc', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: 'eb4469222c17d13a1fa751cb60da7292dcdf5749', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '80278ce211fb2d3085d68ab1cb531d8ea7a01466', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '73d1a5d1e768ae43b2c118c0b8b18e6855a116ab', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: 'e65bbd5ad6ee10717273740a1cf5f4f9e55bb069', class: { background: true, [this.layout]: true } }, hAsync("div", { key: '006f31a8ec8a628d32a7a910cfffe9058a314a54', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '655eb93298ed822cec744262497129f5470fdc52', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: 'fe646994943778c82b885c51ef0486aac015a99a', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '685632469ce5465d35954d83b52463421bdfbf20', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '377041432c9d2ed89fb8d76f9930a5d754464869', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: 'c2adf4a16bdc21724bbdbb99353fbb494632ea08', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'fa66a3685808028cb23b95c6f509995469cbef1c', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: '47590fda0e8e1d0342bdaa3f879e71b6d86c3873', class: "background-area" }, hAsync("div", { key: '3a18024fff5df5404b8e8f4406dcbdbfcfc5017c', class: "background" }, hAsync("div", { key: '159c2abcc696ca752a3d7657bd0714377dad40fa', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '3a56d7ab5ed83ec71182d607a79d4566953d8627', class: "brand-shape" }), hAsync("div", { key: '4d0ee4bc1e28d66da1bcf2b0cb5cd47dcf1ae8b3', class: "brand-shaped-image" }, hAsync("div", { key: '6e1345fbc0cf5e553df210e81c39de26e11c5714', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: '7ea88df1647ed0473e3c92b547118cd27c13e51e', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '7f01db8e264b2e73a20426055b5a270281def01a', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: 'cd6ee31a587dc5728f1086208e34609c4cb41576', class: "duet-hero-image-mask" }, hAsync("div", { key: '240753cdf68d85b41903e1d6134e83627c36ea20', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '6cafe1f5e91d8ec09c6deac64d10a2e18dc7dfa0', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (hAsync("div", { key: '42d227de39c2c3c2f363d6254ad0443447f14b5a', class: "duet-hero-back" }, hAsync("duet-button", { key: '417c38fa04a95e3fa3c050d338cab9715949ee26', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: 'd2805e8c50587b1d9429e1fb547cd6bd3c2f0caa', class: "background-area" }, hAsync("div", { key: 'c9a3b0cf5625a51b6aa1e1f6ed724af21f849843', class: "background-container" }, hAsync("div", { key: 'b8b95accc3dc9da76f14f281dc2ab4bc02313342', class: "background" }, hAsync("img", { key: '41740e87fe1763274cc824723be0a18fde8f913d', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '324aca6d2bb6f53c9fdba4b3f47d43f354a3db9e', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: 'b31b3eb18d3a11bfbe0460ed69b8744732850bcd', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '97fc7ad7186b000694d126a1cb3689224c662fac', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '34a2a34d6ae23cdd9ff7b58359d63277c752c1d7', class: { background: true, [this.layout]: true } }, hAsync("div", { key: 'fcd72c89b529c5fee2e7e8028fa190c7a915e79f', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: 'cca68e8548c8cd174cc7cc8b7e63b2e53afb8aeb', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: 'd76e7b9ae4edc17cfe4fad1e251b84d5c85ba57a', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '183d07b9496cd97c0876f38952e5a00eb38bb027', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '109ae295f586d933c705f0fd68483683a1bf1952', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '01aa5b4d12e7da5eaa9fa2e15dcba0d5ed2ca690', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'e2f95e5602e26bd54c22573cf774a128121a9f86', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: '1d19d92c16528ed5d12db36fe10f7def13671929', class: "background-area" }, hAsync("div", { key: 'b1226899172307df0f7dfeaae3ce2c085e92c029', class: "background" }, hAsync("div", { key: '441d8603995a0733a541e29ad09e972d0cb15ba6', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'f25ad10e9820803be974b2bcab9ae47b4548fb1c', class: "brand-shape" }), hAsync("div", { key: '67daae3aa88aa2c7688d40fb2a01a31569043c1d', class: "brand-shaped-image" }, hAsync("div", { key: '20e1761bbdcb1a8de0bb7ad849d89bb79274de29', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: '175dddd394e91859ed9acb84069a5f663de45784', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: 'e52f7ce7723142caca1199d63054b05aeb46b487', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: 'c3c5e67c1673454493b6f87022b58fab436af214', class: "duet-hero-image-mask" }, hAsync("div", { key: 'ccc3fada5d524e9b40252a8b4ae2eaa8fc83b2b4', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '8260b76e2982ce1ced990c617ed3eecaf6ebc02b', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (hAsync("div", { key: 'db59a2dc4d31b5d96938f5fe3388674c0c8e23a0', class: "duet-hero-back" }, hAsync("duet-button", { key: '17b285351662cedc0ab18fb9c917456360c07875', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
                 label: this.processedBack.label,
                 href: this.processedBack.href,
                 id: this.processedBack.id,
                 analyticsId: this.processedBack.analyticsId,
-            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: '66063cd0b99415c605abe15352a9b71168037059', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '4a3fcc41f5daaf4d700068aa75197cd68a46bc11', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '62051b4ac62ec3a47501537478ee19e709d10166', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: 'ea902d83a964060c8597405b0b24e1679af35e98', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: 'd77ac46a19fa244d4dcb33a68b44a3ff7cba8e4f', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (hAsync("span", null, hAsync("slot", { name: "heading" }))))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: 'c21c9d1e62d0eec3999fe1feaff0cec00179f5cc', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("span", { key: '9199c48d4fc9f198b7d8b9dee733b2f11eed776b' }, hAsync("slot", { key: 'c42f417640ac4c491cfdc8365fa3e6b42e736777', name: "subheading" })))), this.description && (hAsync("duet-paragraph", { key: '30dda4b5e866efe5078f4fe416b1e869cdd41d96', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: 'ed22cd538744a99e79f4f4114da63273bc87cd8f', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: '3bc7ef7148147a5d45bd58da145ad45a1bc446d7', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: 'decca9d5a65846b314106812964952a4a31dd749' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: '241e28061c2c805cb601a4f76298856359bfec12', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: 'cd47afcdd3ad0b29ab77e4a6607d67912b7ad622', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: '146703fafb1fc4dc9ea2f2d2fa046e9c5f6a83ca', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '2bac2c1aaefc60820bc76520f0b29b3b48436c75', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: '8b6cad2e6fca42922483e23dfca68f42d7089f5c', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: '06038a734f66a0155cae26f98da0b4fcf2f9401a', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (hAsync("span", null, hAsync("slot", { name: "heading" }))))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: '6e179e7350e2c2507c1ff603b45e0b268da217ba', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("span", { key: '260ebb7f3ba965307c42633d1de47996c63171f1' }, hAsync("slot", { key: '907759e2d96ebbb092071621861990327d37a9c2', name: "subheading" })))), this.description && (hAsync("duet-paragraph", { key: '40dbf2c1f5b744b8e296ed56ff7510c144fa5e95', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '94d5c36f4e16c448afb625cab0aa6528b95f5fda', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: 'e63f1c64ddd9bc34028ff6a4453664b523332d20', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: '07a78ea1daea8738a89cd4d238a094e7f073aafa' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: '8891d77fc3cd9d49d6b087b6ff6a6b08e5836187', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && hAsync("div", { key: '004ab35e7ed914486fbcd85ec53efe7bdc2b98ce', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '63d9b82445adb55bb89618092ed1e4178d6b8755', name: "bottom" }))));
+            this.variation !== "content" && hAsync("div", { key: '660cc6236529deef09e28fda903d13b7b46a82be', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '545f334b84334546dd98f2d1fa53f32f16858912', name: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10362,11 +10373,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: 'bcc69839a12f0f324283e2ac3fcdcc0bf9f62f97', class: {
+        return (hAsync(Host, { key: 'a83fc64820f4d8e3fa899c0d87db806507109ca6', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, hAsync("span", { key: '7b11a7a766f0b472bea854c1f39971d73a499b9b', "aria-hidden": "true", style: styles, class: {
+            } }, hAsync("span", { key: 'aeb374aef989718fc1af3b6013b29f7a0ab238f9', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -10375,7 +10386,7 @@ class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, hAsync("span", { key: 'e84a88efa8d6d8f3b04c288939d3a36b80095878', "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: 'ff774fd041bbe256dddbb84db5a568d1ab4e9c80', "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 {
@@ -10890,7 +10901,7 @@ class DuetInput {
             this.type !== "password" &&
             this.type !== "time" &&
             this.variation !== "button";
-        return (hAsync(Host, { key: '333cc6592b2d5b9894fc4b988ad3ea168fa43364', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { key: 'b82fbdf57c7808e651be27016b9a52d973ae91a0', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { key: '84e07b5c88ebc1cff8aec3aa56503d9095be2bf4', class: {
+        return (hAsync(Host, { key: '27157f0e0ef781231dc53f62242c93dd77416fe3', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { key: '0950770844044af41ffeb7f505312cf68dbc2fa6', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { key: '0487bdedb2b60c45282063b1d0c4effeb6b79829', class: {
                 "duet-input-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 [`duet-input-variation-${this.variation}`]: true,
@@ -10904,7 +10915,7 @@ class DuetInput {
                 "has-clear": this.clear,
                 "has-focus": this.isFocused,
                 disabled: this.disabled,
-            } }, hAsync("div", { key: '3807adacf6f68441add5bad31f2ab0e9879918f1', class: "duet-input-label-container" }, hAsync(DuetInternalLabel, { key: '7eb559ce3bd02797f3e4c45d4b33732b75d4c1c1', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '71c3501094f969cc96ed9a976dedb290a5ceb620', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '6baba9baf34d6bd0800ee51f21e61818336f8adf', name: "tooltip" })), this.caption && (hAsync("duet-caption", { key: 'dbb04535b568f18aac343d4de36ab8210d982ce3', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '1ad89ab8fec2b2ead4f2bae22e2c4375dd5ba492', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { key: 'f9583dc96cc5244f7bfc817c11743214bc2adf18', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (hAsync("duet-visually-hidden", { key: '8f73030c01312a5439a2015e11401ee743bd3e63', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), hAsync("input", Object.assign({ key: '189cad1e64b76eca71acced6f128ad6d1eab4087', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
+            } }, hAsync("div", { key: '40e554a5592ea303807714f476945a51d4cd0302', class: "duet-input-label-container" }, hAsync(DuetInternalLabel, { key: '82145a5b72cfa13cce38d0e8af3e8d0f8aa7fab7', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '74e0e7af69d8365d2066b542eba340291b76a9ec', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: '5ccfc047cab7357c2e6e55808ccf9f111be22276', name: "tooltip" })), this.caption && (hAsync("duet-caption", { key: '160a25f13bd945f574883cc89b5b829082a18008', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'cab2e63b8540c1fdf2e91547b340e2bc6e9c4031', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { key: 'f57924871c11446e290fbaace72833a2de1dbe44', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (hAsync("duet-visually-hidden", { key: '5f06062a838de900d4375ff88cb41d81e9b10cb1', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), hAsync("input", Object.assign({ key: 'b609360af202b5553aad22388d27d3373044a9d6', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
                 "duet-input": true,
                 disabled: this.disabled,
                 "is-number": this.component === "number",
@@ -10912,16 +10923,16 @@ class DuetInput {
                 "after-chip": this.getAllChips().length > 0,
                 "align-right": this.inputAlign === "right",
                 [`input-padding-${this.inputPadding}`]: true,
-            }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (hAsync("div", { key: '9daad03593568dc78f055cbf40419505a5d025e3', class: "duet-input-icon" }, hAsync("duet-icon", { key: '1b13db87a6de47d331b4380895c6595d30239a47', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { key: 'b75b0fa5f2b3f07790f7d77cf9c4019767db0d7f', class: {
+            }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (hAsync("div", { key: '5a464779c56b22fa5e47864b08645a6000b9e367', class: "duet-input-icon" }, hAsync("duet-icon", { key: '07c479f447dbc3e7c0c49fdf2aa96635afb428e3', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { key: '7fa36d6ad59a8b190d640412faf6d57f50b60c7f', class: {
                 "duet-input-clear-icon": true,
                 "duet-input-clear-icon-single": !hasInputIcon,
                 "duet-input-clear-icon-double": !!this.icon,
                 "duet-input-clear-icon-button": this.variation === "button",
-            } }, hAsync("button", { key: '80c66c59708051be5f379fdd91a344cb0ed9f8f8', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { key: '54deca04f6cdee8a182fb2aa3d51958d6010dbc5', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { key: '4fec603dae85338565381f3ebeaed8bbf8819306', class: "duet-input-icon" }, hAsync("duet-icon", { key: '3c70c1392d44731bd3dc3f4c4b68d93c8a6849df', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { key: 'c872cfaae6b7d0fdfd41d0a3b068d4d7e39b5aa7', name: "button" }), this.variation === "revealable" && (hAsync("duet-button", { key: '4c7c6d7057023525b7872958b96df4342af1de66', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
+            } }, hAsync("button", { key: 'dfd9300e5066f5954a1d9c2064442d6bda1c55c4', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { key: '555bcd3e91c25634dcff7e6fe5943f03911aa9ad', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { key: '2b55687e10eccff71ee6a9352374bbe6580a31fb', class: "duet-input-icon" }, hAsync("duet-icon", { key: 'e2c67768dfdaac05944a056a7ada779c597dd296', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { key: '2f973344b0c97c66d9b4ec434c40cbe2b63f7fde', name: "button" }), this.variation === "revealable" && (hAsync("duet-button", { key: 'a357be477c11b6b966bb15109feaaa7bd9a6381b', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
                 ? this.hidePasswordLabel[this.language]
-                : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (hAsync("duet-visually-hidden", { key: '51ef610ac3de74e693645a1a1ef61abe92919150' }, hAsync("span", { key: '9468f1b6652e6185e9eb6e8f74e94c8f09f35bb4', "aria-live": "polite" }, this.isPasswordRevealed
+                : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (hAsync("duet-visually-hidden", { key: '23d4b1ae14b4a0c21c4fbde49023db0d6413ee73' }, hAsync("span", { key: '9891ed43653dfa4c27457299fb1f3bbc3c248943', "aria-live": "polite" }, this.isPasswordRevealed
             ? this.passwordShownAriaAnnouncement[this.language]
-            : this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", { key: '8314f654030ef6d2734821d8981d9cf99e3cec3a' })), hAsync("span", { key: 'ea14b3e64d0cacef959eb1af64d8a9a4a9636dde', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '2c33714525b3646ffa87e3ccb51b0c082d10a8f3', class: "duet-input-error" }, this.error)))));
+            : this.passwordHiddenAriaAnnouncement[this.language]))), hAsync("slot", { key: '55200ed3023d68f4f7fbd8acaa523e5b616221f9' })), hAsync("span", { key: '5172ad8b5d0544b20e7fd5d2a9ba37c4a8eb6aa5', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '97f1f28f046074d7a450b1b56b1af793d41a734d', class: "duet-input-error" }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -11090,24 +11101,24 @@ class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '90f647eba78b36ab1d85e0a560b038ffc21303a2', class: {
+        return (hAsync(Host, { key: 'c4699088f31020eb2b8ed7d4ecef65514bc3d28d', class: {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '1431a32d05c84c241a2d8c7159e612e609e2824c', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: '60671d632fc27c596bdfcc7d615a48dc21f8b9a8', class: {
+            } }, hAsync("div", { key: '075e7f223d3dda19f6f5ac9f29494eda8ffc7ff9', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (hAsync("div", { key: 'f3127c1c4f7fefdce569c2c30c77d990a1b9e11d', class: {
                 "duet-layout-top": true,
                 "duet-center": this.center,
-            } }, hAsync("div", { key: '5550861a3548f488f5626097295495e42f1da21b', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: '50d4f55c8a796813d02274f30346110262213a88', name: "top" })))), hAsync("div", { key: '1225a8d5b7023bc36962ce3ac6def89d972435d1', class: {
+            } }, hAsync("div", { key: '4954d9c1c200c323bf2b4906e862ede88190c025', class: "duet-layout-top-wrapper" }, hAsync("slot", { key: 'e176f01c9d6662ee1bcfb0b9c6a0bc73b258abd6', name: "top" })))), hAsync("div", { key: '85c1e1219c0745d92be32716169f2097a1051ac8', class: {
                 "duet-layout": true,
                 "has-sidebar": this.hasSidebar,
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("main", { key: '0e584acec6dc315e435bd00361e1ff3b374d04c0', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: '301f7c76d42a45373c5bf769e9293ede7d38e05c', name: "page-heading" }), hAsync("slot", { key: 'cc8b9f7018c621c98ebb261167a92cace2b8ab62', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '811455504b48787253def2101178f1aeb6f497fd', class: "duet-sidebar" }, hAsync("div", { key: '6bd13075032951b5837f51e7ffec4ab0966b16da', class: {
+            } }, hAsync("main", { key: '7c70810abab73c6419db8ee5c1271ba34e877892', class: "duet-main" }, this.hasPageHeading && hAsync("slot", { key: 'd60f45fe444f1de3089fb2207d169cc0bbfb1d5c', name: "page-heading" }), hAsync("slot", { key: 'cf79d7bd693259864500a1b9285b3bbc84c42326', name: "main" })), this.hasSidebar && (hAsync("aside", { key: '8c2c2c6e31a690aa01f72a03f2f62c0929902e09', class: "duet-sidebar" }, hAsync("div", { key: '3b846f204a5b322134649c2b822d3c7bdb03447b', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, hAsync("slot", { key: '9dd5da1cca1abfb7f3946c2e9b254f76f4edf609', name: "sidebar" }))))))));
+            } }, hAsync("slot", { key: 'ea597d8559fa042256c715339923f3fc885d8e50', name: "sidebar" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetLayoutStyle0; }
@@ -11272,10 +11283,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: 'e7cb6ea76d92ed46bca6c328a17e50755ea4c750', class: {
+        return (hAsync(Host, { key: '4daa11135671269c348f387b30b1252c5f12b2ee', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: 'c6c6d30ed3774822aeae25f20e0bd227f71b397b', href: this.url, class: {
+            } }, hAsync(Tag, { key: '7e2c94f2a8695bd756e4efbb074f42614a342ca2', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -11398,7 +11409,7 @@ class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("dl", { key: '2494b68d174f2bed0ca129e8970a12ccf09d3532', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: '966205c93097469e4b0e1c92aa7e7f264a235ae3' })));
+        return (hAsync("dl", { key: '0f63ce12f7d83722524fecc8e803c455f636d277', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, hAsync("slot", { key: 'd8dc331b6707093063ae55cb8024fa723b7adbca' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -11448,14 +11459,14 @@ class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b6d3629f682ab9c7962c63213a42d93633b7b5ae', class: {
+        return (hAsync(Host, { key: '95db1eb8cfa0c88dad6a34ca300fd710a8f2d773', 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: '6fd5bb285e0657c6669dcd1aa45983655ae96e44' }, hAsync("slot", { key: '3042541fb55b198c4f183ddcbd5d3a318f20c0f6', name: "label" })), hAsync("dd", { key: 'd925ef59c712ea7ea6308c65ff10e8e2293202bb' }, hAsync("slot", { key: 'e38113683d53d0a1a23f80c900784c148ade05de', name: "value" }))));
+            } }, hAsync("dt", { key: '27457dbebf1c7f29cd87199d1044d1830e00e1f9' }, hAsync("slot", { key: '6760928d435314ff885b768ab2f74917a7891a46', name: "label" })), hAsync("dd", { key: '97ae930888f789b056413956ee6bc8240252d9c6' }, hAsync("slot", { key: '9a1daf78702df7b6b000e8d10aa8a848058f38ca', name: "value" }))));
     }
     static get style() { return DuetListItemStyle0; }
     static get cmpMeta() { return {
@@ -11548,7 +11559,7 @@ class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (hAsync(Host, { key: 'e0134b0c6453f025fbb84513f17ad1fe857841fd', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: '5d97b1065c652c700fef53b4cdd3c92e3a49a82f', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (hAsync(Host, { key: '755522a4d8a0d79b25a402de924b39757c3eff92', class: { "duet-m-0": this.margin === "none" } }, hAsync(TagName, { key: '03328ec8c5569b1f4203846cbbdc3014028a36ea', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",
@@ -11726,14 +11737,14 @@ class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (hAsync(Host, { key: '7424032f4fe4cf9e7391b652faddecf381ffd039' }, hAsync("nav", { key: '8c3201741b36da474a2241e8ba5b3e1dfb53a61e', class: {
+        return (hAsync(Host, { key: '879fc36781875cd6dea48e11839a85a185085dc0' }, hAsync("nav", { key: '2ea40e5fc7e651f516d4f9edae5ac2f71fd4fee9', class: {
                 "duet-menu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 "horizontal-nav": isUsedAsAdditionalHorizontalNav,
                 "duet-menu-bar-slim": !this.centerSlotUsed,
                 hidden: this.hidden && this.hideOnScroll,
                 bottom: this.onBottom,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '343657eeb7bbc89db0881a7bb0fe485bfcd6cdd6', class: "top" }), hAsync("div", { key: '7252aede6443560c0dd9d9b1da3be093312468aa', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: '95c2d74cb086c7ae350a20b2f10555ac8a9ccf18' }, hAsync("duet-logo", { key: '00d5ca62ce150e05e4015f1597692ed9122303e0', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: 'd11a1fe47483eaa847dd6e1b33fe3f022182056f', class: "list center", role: "list" }, hAsync("div", { key: '70d5324316868d9eac48fcf6f6519fce58f08411', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: '3565b69ae8c95cbe9dcda578b6870cfcb680fa3e', name: "center" }), hAsync("div", { key: 'ea2d3738b94bcfec575da5cb1e2896e152780f2c', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: 'bc825dee9988ee497c9df9ef96a94c76d58e0de9', class: "list right", role: "list" }, hAsync("slot", { key: '3ebc272f053762d22d0fb80bc22093edf171fffa', name: "right" }))), hAsync("div", { key: '6ee303d3e34ebda33fefbd13d0b13ea0d43fbfa6', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'ff8cc7d764c170ddd58d7ed93375961a95db7e20', class: "top" }), hAsync("div", { key: 'f1a58089bfde393327f4602887e2c3bb850f2344', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: 'f3ef014e2ea267d5b52553854490be997f13cf25' }, hAsync("duet-logo", { key: '063b69ae891ce4cb9bc6960aa0f0a9dbeca46cb8', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '241a7083365bb7b039787e4f8debcd9185092057', class: "list center", role: "list" }, hAsync("div", { key: 'e91f65554fe261b6eac8f2e27b1a38a41f26ad11', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: '54aca3809af67d932ccde820be7575dceb6c422c', name: "center" }), hAsync("div", { key: '89998cee04eba79bb73de1a494b5a6b87790276b', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: 'e949ddcfac19ccaf615fdcbc2ce2faacbf7b9a91', class: "list right", role: "list" }, hAsync("slot", { key: 'c29da062d16c0070f56c034008c6cc911f6570b2', name: "right" }))), hAsync("div", { key: '02cca0e6a68888052ccc9721adc8d8692b6f2841', class: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarStyle0; }
@@ -11800,10 +11811,10 @@ class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7ede8c9b9c82a2c6bcdcfc416f3794834ab77293', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '6910d36f8ae066a551ca0143b2f34ec38775dfdb', ref: button => (this.nativeButton = button), class: {
+        return (hAsync(Host, { key: '640df6e6807e77ded11a2793dac96c1783152ca6', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '1fb58e8bf4bc3c2b2d562f26527aa2e2ba048dcf', 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: '0e45ee09f68a3aac1f440e01ace151783be7c120', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '1a0b04b92ffc25cf50f594a50d02be255f24aeba' }))));
+            }, "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: '81483d7b24188277fff27a75241baa455429c396', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'fb62d6b302940eead24c6abcce7bd63018285701' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarButtonStyle0; }
@@ -11886,17 +11897,17 @@ class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '30ea5bdc409a19c4f606a08a851fc3a91f636e87', role: "listitem" }, hAsync("div", { key: '60eacea3711c3398f19bb391127b0a3742f6c779', class: {
+        return (hAsync(Host, { key: '8b40cdb860995adb53e2af728a887e9b4708691a', role: "listitem" }, hAsync("div", { key: '2f82e317fa1e0047cf4c39cc95f108bfc44a8f39', 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: '87b94f39ed7bbbf01ec425ccadb044d64d797c59', 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: '1224e23b4a0ff1f364096bea12eb4f865444d1d8', 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: '5d1abdaafbd7e5b1bb75e46863f7d178799ee757', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'a1d04c25159935646c9613c3f59d176af8a3ee3d', class: "label" }, hAsync("slot", { key: '48e78d6657df24ad22b495d244702169de00cfda', name: "label" }), hAsync("duet-icon", { key: '5577398b8bd80946812d5f3a816684707852337d', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '14071561dd61cdc2e5d918323587f4d30674d2dc', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '2a4af8378e45ded016940bfc47fa885ce2df9ce7', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '1f04992d67aaae7bff60adbffc1b44ce51888e89', class: "label" }, hAsync("slot", { key: '80a68b5b749449101c198271ea76e59ba299d36a', name: "label" }), hAsync("duet-icon", { key: 'c52a29144937f583f2acdd6fa295c22f66e9bda7', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'e3585849f0b032094ebe1121f8923a4c6fab798b', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'c42c206ba4b3c97f6dcd92c72a1cffc13d57834c' })))));
+            } }, hAsync("slot", { key: 'c73b647bb5890887f3de54d54a2858190c57e630' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownStyle0; }
@@ -11956,11 +11967,11 @@ class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'fe377ce2b21f3ec7de8c6db577d706ed4e9e8745' }, hAsync("a", { key: '583c2614e636104b1b2ff40c597e127550be5f5e', class: {
+        return (hAsync(Host, { key: 'c965e7903be45582dba26411b6dafa610efee277' }, hAsync("a", { key: '548353a242840f57bf155fa2acef059db4b99037', 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: '147d4e4ca57001748a3adf41757770577efb3113', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '3b471e970dfa2dbb5054245bd0c459860a629c91' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'f67150954824158f3ddd8512ccbc759cac7eef98', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: 'd8f7e857839f68b0ed63d68d43093b42e8232a15' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownLinkStyle0; }
@@ -12024,11 +12035,11 @@ class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (hAsync(Host, { key: '9a4fa3850a59a9e92ed6453f83ba66510ba98eed', role: "listitem" }, hAsync(TagName, { key: '89b1d29049ab6f5a5cde267a3ff6488c1fc9ee6f', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: '76d2f9d042bc0e53b7cc18ec3392809ec28741ec', role: "listitem" }, hAsync(TagName, { key: '610690beca56e7dad3a586a5e3dcfcd8371c8b97', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-menu-bar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '4c323e8083d3dabfa32c7ad10d5cef783c25b50e', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '2cdf47895c4330542078da87b401ca6e51467c6c' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'e0c912d7168f8ae6072f5329d3d451da30adf4db', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '0c6ff2c355336b6ec6047c0974ed85b608021ead', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '0172426db559c60d93da9fcc61dc9ac9f2d84c50' }), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '91dff051070148a6f4f70aca4dcffe59b0f8f19f', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -12083,11 +12094,11 @@ class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '944fc042969f5fb1c958f2e2b3c3b90cf4ed09e8', role: "listitem" }, hAsync("a", { key: '8a379484694ccdd6eac62c98606b3d0410fd012f', class: {
+        return (hAsync(Host, { key: 'e2fe10eefaa50b8a12212c834d5f518c9ad14917', role: "listitem" }, hAsync("a", { key: '929e202f5253e131b76f99ebeb2ceb65c597cef1', 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: '6cb57d184b32ccf2d88b480cf6e14febee77d8bd', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'be23134b984610bea7ed18384aad517712760e84' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '4670f1ffd76084d038e8b17dfac26a13fb793667', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '18c4355e146e6e752116f7df05bf265967a0606f' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarLinkStyle0; }
@@ -12338,18 +12349,18 @@ class DuetModal {
         var _a, _b;
         let iconColor = "primary";
         let closeColor = "secondary";
-        const closingButton = (hAsync("div", { key: '0a05dbaf283737a1f77b62ab112c88b353464350', class: "duet-modal-close" }, hAsync("duet-button", { key: '3a87f9968b872763efed783e1014d1117f1d375f', 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: 'e3680a1a39e49c693a42fc7fb9759bc668d40db6', class: "duet-modal-close" }, hAsync("duet-button", { key: 'f83e0f5cb99b5a95989e6c142c12dd4abdccd4c5', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
         if (this.theme === "turva") {
             iconColor = "primary-turva";
             closeColor = "secondary-turva";
         }
-        return (hAsync("div", { key: 'c93f95ce929ec3c82786932e3d6a0fe5d82d3173', 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: '958d3dcd432c8954835f6cb522b2fe09bccafaa4', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
                 "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: '874d509e0e869ace4ec126dc6c4316f1618ac0d9', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: 'fe13b5967653c95bb6fc6087d048de8b0dddae5c', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, hAsync("duet-overlay", { key: 'fbc2fc13d50311db1c8a0a4f2cc2803129eafe58', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), hAsync("div", { key: '8a07986bcfc3448a09fef42541dbe3cfada8bdcb', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -12360,18 +12371,18 @@ class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, hAsync("div", { key: '97db4dc604168bf16f732f70233bea7b08bc3269', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
+            } }, hAsync("div", { key: 'a0b9f37bf6628afa8f99e12a917d57eaeec54583', 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: 'e238c81f94ffdef58ced08126a52e121e010c1ba' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: 'e6c7fe686edbee8d767ceb94c6c355b9de5f2932', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && hAsync("duet-spacer", { key: '9168f67fd2f8ede394df502d619287153224558e' }), this.hasStickyHeader ? (hAsync("div", { class: "duet-modal-sticky-header" }, closingButton, hAsync("slot", { name: "sticky-header" }))) : (closingButton), hAsync("div", { key: '9f08ea38b797e2f08e90b844af00bc7520f74524', class: {
                 "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: '503f1759d8da05b03424f7cd4dc4fcbc1475b750', class: "duet-modal-header" }, hAsync("span", { key: '4da34d236160f41ebebcbedf021756e2e7f16e7a', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: 'a4ec96d9dbce295980f9310f4e346b7db2b2ae1c', name: "top" })), this.icon && hAsync("duet-icon", { key: '189ce6c874db5b0c63f6a4f99832467967660c36', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: '1ea245199b5d0824fc099b8efd3c0c78a5685c46', "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: 'b6445a691a50ba8c5c675e400b5452ffc8076df5', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: '5931daa7f184bfe4639353d28004a6c940b36854', size: "large", color: "primary" }))), hAsync("div", { key: '3fb83728c1ecb7aa1c1c5cebfb426322e57065eb', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '34cade5d14c9b734a6c330b9648a2d3d33cbe878' })))))));
+            } }, hAsync("div", { key: '46de5037af55d3b54aea4f8a133aa3ed573c0599', class: "duet-modal-header" }, hAsync("span", { key: 'ce17770a8dd4f97629729ab7823f9f7da02e5234', class: "duet-modal-inner-slot-top" }, hAsync("slot", { key: 'b347be9693d36ac02bd0bbfb004c84fbe2a27b2f', name: "top" })), this.icon && hAsync("duet-icon", { key: '4e60fc0b0a51d95dcc67841be4e780c5e71538e0', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (hAsync("duet-heading", { key: '3749e6adf5b669773e1ecf50e989b8dceac017bd', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (hAsync("div", { key: 'ec5d5a5d428cc6cd4cb86c1c7ba9e34f0725a4c0', class: "duet-modal-spinner" }, hAsync("duet-spinner", { key: 'c4459171ed652867da2bcc125dcab78ba11aca07', size: "large", color: "primary" }))), hAsync("div", { key: '4aa8b636aca91d1178fc3749a905d467c102461e', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, hAsync("slot", { key: '47bb63f76e7bb4ae0a4c765bc4fbd4f26a8b47f9' })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12636,23 +12647,23 @@ class DuetMultiselect {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: 'f026bdeb8bb0f3a21e0d475184c114d991c8d34e', class: {
+        return (hAsync(Host, { key: '66db5f574c720ea5892865581aaaca95e7bfc202', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: '569bc0190751f00772059cbd51ba08f2d62777ee', class: {
+            } }, hAsync("div", { key: '18447b64923b698d42addcd13946ae5b79d7c367', class: {
                 "duet-multiselect-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync(DuetInternalLabel, { key: '9ccfbdef3eda53f54915bceb8be96f0d54747856', 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: '4a8d21958a685c3cd6315993fd5b3d494dacd199', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '319372a0fc0afb4677c04ccb1299051cd37b10b7', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'e49778d6f971a2470b56dafa5d9c366547b0d97d', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'c16590fa2fe0ba12853e17418cba4fc448118cda', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '3efc98df5282fb803d1bc6a0c523fda27d73733c', 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: '4db581abd2111bf21ba6a9a1558e31d08941a829', 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: '204ef6ae4834f01ecc5cdddd5e1c2ad17d748e13', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '613f579cc5815b7afc078625a9950c4b2ff50678' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: '84f2d116cc6e8174dd4f2195188328eaf14bde41', 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: '28e23226381c96642cca173e6e38f4f643dd408a', 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: 'bd781fbf42bf6c0123228368f0018b16904e754c', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, hAsync(DuetInternalLabel, { key: '92b58e72baf765345116e2d8aeadb73f2081f93e', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: 'fead19d08c45ed8cbc145afe829b09d0397428e9', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '462b6065093b4d84bcfdb35398eb726289bf8a04', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '6671b5e26502d71c3232822fe12e880a18c6a6e1', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '9b7b7dcfc90d7ac84a065822cc942908f1c5db23', class: "duet-multiselect-wrapper" }, hAsync("button", { key: '2245ab42ac2ae7e8b058f6d3e040370a9d87f268', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, hAsync("span", { key: 'bf248bbe82cc02c50116cec46aa4a770557a7dc1', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (hAsync("span", { key: '2a257d9881a89deb043d104e39915201364f0eb1', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '59e46400cc9f5b4cff182d0171ffd92efcbd28be' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: '8bc274f5908872b24f0665f1b9e320bc3cef9d0d', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '737a6a477e1555ba07abd6bf584fd53c5922833b', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), hAsync("div", { key: '34738d348dd5456962d4b992b769a6d94bec9495', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
                 "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: '0ede9f28954863adf658287122fa470e9e8ed06d', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '3fc7f60c219943b97faf4d68e0bafd82c9ec2e07', 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: 'ca0f4aaaf9206e4474d72f0c70b6292200566f64', 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: '9b11edb9360d491679322c8ad4deb6a68bb1e8b5', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: '62404c51498d8a9946ab949ab0e0fe084e989eee', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), hAsync("button", { key: 'c157c1fc780f85ca1e2c8268ff4e1c71dd40b6e4', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
             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: 'e467be93fd702a5c5a902e1d2458f4fe25447083', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'ec391ad7dbf44a8b305a55fd7db7edf3497e6d71' }, this.error)))));
+            })))))), hAsync("span", { key: '74e0ecd38efb1cd7851f16e542eac089080bd3f2', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '7a1632365136bc299d70f12d986622451ad4661f' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -12721,7 +12732,7 @@ class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'c5ab5dae2e7d22ca95bc16e28afef27ae15afcb0' }, hAsync("div", { key: '4dce1e440de9e33921a8d156dd2a7e524e6a6f19', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: '6172b6cf2f4def6008bcf4738d66aff2042e9a0a' }), hAsync("slot", { key: 'd363f92ea1b28f1d09b413affc48e6780fb6374b', name: "mobile" }), hAsync("slot", { key: '6a7323e9949b9d2c68ddf41048c23aefa4873f0d', name: "desktop" }))));
+        return (hAsync(Host, { key: '95a630a67e5b566bc05641ac7a676ed3ac63f5ee' }, hAsync("div", { key: 'abcbac50ff4631707152e35779d9519a845a38b8', class: { container: true, sticky: this.sticky } }, hAsync("slot", { key: '5f39c9e47f3897bd0c2911e40c71e6944aef19d6' }), hAsync("slot", { key: 'd1c4f88457d7db9695701abbc982b1f589909871', name: "mobile" }), hAsync("slot", { key: '810fa9cf8b03c900cd4923d2b8a3fc89f8c872af', name: "desktop" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNavStyle0; }
@@ -12780,11 +12791,11 @@ class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (hAsync("div", { key: '890f3393ed0551fe1b939f89f6d2f04e892c4913', role: "listitem", class: {
+        return (hAsync("div", { key: '98ec72c6cce7947b7263eeb3f46e33e22a990877', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("a", { key: 'cc685fd8b8b81325ed7e98bc08ae5503066ac612', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: '0e5be7a64538f4da436284ad7284230f1f86028d', class: "duet-notification-container" }, hAsync("div", { key: '307f2270705569eefc4200d8b2b0ff452116821d', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: 'bbdb2452de67bf6e56bd8540ad0d34fc0a8d77e1', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: 'f01eee90a99d84210a27e271e3b2338cd35bb524' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: '6173ca5bd3321cffdcaee2ae9e8fa48c84c46651', class: "duet-notification-content" }, hAsync("slot", { key: '10edf0a272da934786f59453fb9700e5f8a53de0' })), hAsync("div", { key: '2dfad6249fe5be7e28f37fa6ddfb665f7cbd04f3', class: "duet-notification-date" }, this.date)))));
+            } }, hAsync("a", { key: '3736a06027a73aa7ba30e0c4b8a120c6772c0c6f', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: 'ba330229b218d4e4b58d2078e62ef7fb8dd84755', class: "duet-notification-container" }, hAsync("div", { key: 'b3e977745d175b1df1b238399d72822511cdbc2c', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: '7899dd2e03bc72ff907719a515064f96c5a85a1f', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '120a6ec03a1e30297fb74201aec8842a95544cd6' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: 'a9cefa6b12b79148d75b238395613eb03b1cbdb8', class: "duet-notification-content" }, hAsync("slot", { key: '227250fa90780100b094ef165074f2699daf3fee' })), hAsync("div", { key: '8f8e56cf0596df33ebbb471fa7dc4297acd660aa', class: "duet-notification-date" }, this.date)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNotificationStyle0; }
@@ -12902,10 +12913,10 @@ class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'd3c48a796945f129730ee58bb90a5d74fbe2d20a', class: {
+        return (hAsync("div", { key: '1fcd96bf0423aef4ee96911cda6cbfd17dd7b5af', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: 'a475ca447ada0163de80bc07e655202171c5e303', 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: '6b0367bfa98ae6940f657ebd59591f6a9f37f88b', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: 'd2fbb0ac6b02c5df43ffd02aa3267af80e0cb2e8', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: '4d461ddfeb0718e2e8b02cc26b8a06a4302a54ac', class: "duet-drawer-badge" }))), hAsync("span", { key: '3648203174b5eb431f9f3c7d294c66c151435f1f', class: "duet-drawer-label" }, this.label), hAsync("div", { key: '98c6a53d3f09666c54320fc0805ee7b1acedcb01', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '025d6d0ed15cce1e08a4256fbe8bda777b8d98eb', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: 'bda418ac6381015dbbb2c588764161883af0e9c8', id: "duet-drawer-content", class: {
+            }, onKeyDown: this.handleKeyDown }, hAsync("button", { key: '816332facf413ea0d4982e49a75bd6c8deb01384', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (hAsync("div", { key: '2f2bb9fc0bf11b71afc63b575b558580be8d2bef', class: "duet-drawer-icon" }, hAsync("duet-icon", { key: '894cf661f00dd98fde6c4588eff2f0e117294b6c', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && hAsync("div", { key: '58e7f6dd2b4d6900bc1eb5b80c5f82a26a1eed5b', class: "duet-drawer-badge" }))), hAsync("span", { key: 'd6fc2d433a6eabc135bc6298fc9ef47c2633b876', class: "duet-drawer-label" }, this.label), hAsync("div", { key: 'd6e08501623205f6dfd9c9196fa19b5b44a5246f', class: "duet-drawer-caret" }, hAsync("duet-icon", { key: '265d0ff440812f953004ec0e621e6c568635968b', margin: "none", size: "auto", icon: actionArrowDownSmall.svg, color: "currentColor" }))), hAsync("div", { key: '0f557b4cd9db14546ae95e18f0e790bb30cbb93d', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",
@@ -13292,11 +13303,11 @@ class DuetNumberInput {
         const identifier = this.identifier || this.inputId;
         const maxlength = `${this.localizeValue(this.max)} ${this.unit}`.length;
         const cleanedValue = !!this.value ? SafeParseFloat(this.value, this.locale) : null;
-        return (hAsync(Host, { key: '27634a68033872b85ed0ac1d2baa3ab694680d41', class: {
+        return (hAsync(Host, { key: '3da7c782ce445861599dc9a836d50866b7950bef', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-expand": this.expand,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("div", { key: '6827f8b2e63c45d4c1a102af1cc451806e22c6b2', class: "duet-number-container" }, hAsync("duet-input", { key: '6ebc92848603fb489852d878a1d26aa75401527d', ref: input => (this.duetInputElement = input), onDuetChange: event => this.handleChange(event), onDuetFocus: this.handleFocus, onDuetBlur: event => this.handleBlur(event), onKeyDown: event => this.handleKeyDown(event), label: this.label, value: this.value ? `${this.value} ${this.unit}` : "", error: this.error, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": cleanedValue != null ? cleanedValue : "", maxlength: maxlength, name: this.name, component: "number", required: this.required, disabled: this.disabled, role: this.role, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true, numericKeyboard: true, autoComplete: "off", type: "text", accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleLabelledBy: this.accessibleLabelledBy, accessibleDescription: this.accessibleDescription, accessibleDetails: this.accessibleDetails, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy }, hAsync("slot", { key: '8d5588224b8d90b55c49aedf839923eccff05d0f', name: "tooltip" }), hAsync("div", { key: '26ecdb715139c53e42ad0365ddde6b73b66ba525', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, hAsync("button", { key: '9ee76518bfa2851ddb3c195b1f2ae44b55b81a94', disabled: this.disabled, "aria-disabled": cleanedValue == null || cleanedValue === this.min ? "true" : "false", class: "duet-number-button duet-number-button-subtract", onClick: this.subtract, type: "button" }, hAsync("duet-visually-hidden", { key: 'af735c2a71d3ec8f158bad31f424f58eda96b371' }, this.accessibleSubtract, " ", this.step), hAsync("duet-icon", { key: '315b5a60f0c2930f1ebdbf54fa61b6f00ca2a2cc', icon: actionSubtract.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), hAsync("button", { key: '9b0f29334057be1214d1ed30a1cf192f5a40bca2', disabled: this.disabled, "aria-disabled": cleanedValue === this.max ? "true" : "false", class: "duet-number-button duet-number-button-add", onClick: this.add, type: "button" }, hAsync("duet-visually-hidden", { key: 'dad3dcf4e65c811e03147889494f664b875f0b95' }, this.accessibleAdd, " ", this.step), hAsync("duet-icon", { key: 'd9662ee9fd8d82605e4ee26c0b00826500674b0a', icon: actionAdd.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (hAsync("duet-visually-hidden", { key: '974d023f255a72941f249af920c4ffbff4786b37', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
+            } }, hAsync("div", { key: 'a42d62f6fbf766e1d8ca3289cedad8c0da51683d', class: "duet-number-container" }, hAsync("duet-input", { key: '802ffebd0db05445c6644fac9a8cd77a36a2df32', ref: input => (this.duetInputElement = input), onDuetChange: event => this.handleChange(event), onDuetFocus: this.handleFocus, onDuetBlur: event => this.handleBlur(event), onKeyDown: event => this.handleKeyDown(event), label: this.label, value: this.value ? `${this.value} ${this.unit}` : "", error: this.error, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": cleanedValue != null ? cleanedValue : "", maxlength: maxlength, name: this.name, component: "number", required: this.required, disabled: this.disabled, role: this.role, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true, numericKeyboard: true, autoComplete: "off", type: "text", accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleLabelledBy: this.accessibleLabelledBy, accessibleDescription: this.accessibleDescription, accessibleDetails: this.accessibleDetails, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy }, hAsync("slot", { key: 'e724d4f60cb5ae0847b2280ff46141601b922955', name: "tooltip" }), hAsync("div", { key: 'bddebaeb4d842b216f3c5ab57d27398c9072ecba', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, hAsync("button", { key: '9c0809c67e56135776e7f7730a11f5f2da4fabd8', disabled: this.disabled, "aria-disabled": cleanedValue == null || cleanedValue === this.min ? "true" : "false", class: "duet-number-button duet-number-button-subtract", onClick: this.subtract, type: "button" }, hAsync("duet-visually-hidden", { key: 'd8771c771af162cf210be52b909ff79a6e0b7e49' }, this.accessibleSubtract, " ", this.step), hAsync("duet-icon", { key: '35c87ddeaf36725a3c5502711615eae4f15e4329', icon: actionSubtract.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), hAsync("button", { key: '8988e8d80684cdd0d3a561e3e418d5bdf799d0de', disabled: this.disabled, "aria-disabled": cleanedValue === this.max ? "true" : "false", class: "duet-number-button duet-number-button-add", onClick: this.add, type: "button" }, hAsync("duet-visually-hidden", { key: '163ab6c2ccdc27ec467ff3acdb2ece1b789c57d7' }, this.accessibleAdd, " ", this.step), hAsync("duet-icon", { key: 'da61399d82dcb9263d33dd636279857685fda111', icon: actionAdd.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (hAsync("duet-visually-hidden", { key: '4370e4cd37e5acc790bec55999ec64bfcd5b2467', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNumberInputStyle0; }
@@ -13385,7 +13396,7 @@ class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '06582c6852e2d6982612c3acc9fa8bbd09a275e3', "aria-hidden": "true" }, hAsync("div", { key: '4e3a9651ea3d397a1ea974216514c2e29ff35082', style: { zIndex: this.zIndex }, class: {
+        return (hAsync(Host, { key: 'd8f034b2c2abc3f7adc006ba65c93afe843bdb2b', "aria-hidden": "true" }, hAsync("div", { key: '25c36326e9753e221143c4fbcb502ed37e31a2d2', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,
@@ -13455,12 +13466,12 @@ class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (hAsync("div", { key: '3f0397cbed93e749d4486cf990007f59ea93ce13', class: {
+        return (hAsync("div", { key: '9effa4b9be0ae8f00bf5d788432fda116d34b81d', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, hAsync("div", { key: '1b66828676f13f2949f1ae77f184a1febc9c1f9c', class: "background" }, this.theme === "turva" && hAsync("div", { key: 'c7d6eb30d8a969debc22e0dac7e5d63a1ad23431', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'eff5674f587d91449d40c1c58ec1d736123dae4b', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: 'bead352c11517d3cdc8bbe778872a5d1aeac3933', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: 'af08880826e40a0c82a800625801f4783fe9bac8', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'a0b0a5baf486627155ea0e5bb385752b62d5617a', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '12d4f1a5336805f643f0a3aa25c40a688e92253c', class: "heading" }, hAsync("slot", { key: 'ff2c2f3da8dd82cd5943f24f1bedc609a13ae5d1', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: 'a1e2fe5be47a7fb043006deddc1e728154062db9' }, hAsync("duet-spacer", { key: '7b1923732eec7a9b35f9b5b8a15687be6212fd90', size: "large" }), hAsync("div", { key: 'b6c4d4905ea4a19c0b466e1492debe516a0e2e6c', role: "presentation" }, this.progressIndicator()))))));
+            } }, hAsync("div", { key: 'c33fc9a029847d3625137fb1173cab7b55c1fdf4', class: "background" }, this.theme === "turva" && hAsync("div", { key: '304c53b99ade8cb534bc65d5b7a2579584e3c185', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '632793449d119b5462f43410f643ffe62a9c01d0', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '58aed705c28aca08e7fcdf9edbd6a9281ca73c09', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '3b736388304bf35620ad364ddc957f500c0f097e', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: '3040e3c7deaba2c0c9670a6ec4c83b34d297f8ab', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: 'a7bd8c26779cfada416fc8f14db5c12ea8af90a0', class: "heading" }, hAsync("slot", { key: 'd681185baeb0f2b731c3d89668862a20dae5ba6f', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (hAsync("div", { key: '79e742c4b910b78046f2a3fec20cde71e1a652da' }, hAsync("duet-spacer", { key: '12e3d41455301f3fdf04f432a1754c10112e4b33', size: "large" }), hAsync("div", { key: '52cd3a295ebab421be2e543455af743f7040970f', role: "presentation" }, this.progressIndicator()))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPageHeadingStyle0; }
@@ -13815,32 +13826,32 @@ class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'daea491f2370780c5e3e6a4cd10b222c6f204bad', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '0056afc5f4b9f874a19554b938d03df0b13caa5e', 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: '30de52a909e492fdf1657c4bd3eebd9f2b5e7ce5', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: 'f9d6d3b7dd05fbe03ac5ce4f26a970fc0a910148', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
                 "duet-pagination-nav": true,
                 [`duet-pagination-variation-${this.variation}`]: true,
-            } }, this.numbersStore !== "" && (hAsync("div", { key: 'c0fa6438d96e246e62a4ce15c1638c118cc63053', "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: '09ae84b926b6e97750610c4428d192209311eb52', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: 'fcc9993c0f574de2425b2393371f56a5494521bb', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (hAsync("div", { key: 'b9dd4683843d23fd6b20949c3450975618bc89de', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, hAsync("duet-badge", { key: '2542f6c5314a62428349bd0436797981da27c338', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '711c642a86b6dc98cdbdc16da341c54a7b8766ba', id: this.listId, class: {
                 "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: '8127fcbb52bfda473e30eeeaa34073717065aad5', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (hAsync("li", { key: '718fab989ed95629e2f0f1931050e108d33af422', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: 'b3f562761d6472473e40aa2658c1d5382c7ac8a9', 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: '0d47396b8bb09354305c09e4f0e587c8b433e8ea', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '7a1ef30c44c48f27ecdcc2bf82cc485f9673c94d', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), hAsync("li", { key: 'd115b1124e52420444757f87d6624d2e40e77a89', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '8fd72a014f15fdd035a3a9fa78ed220d55c3d9e7', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '52d006b1e131affc614ab29024a7848a01915203', 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: 'dc791af4a42d6a664dfe1baf2b1c35f47a7d627b' }, hAsync("li", { key: 'd1d84353c99d4076b5bd8ac6383d0e95253f96bf', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '5cb0dc775e9ca49bf7bf667ae76ef0ee36b6d0c2', 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: '4062749e18165803b2c4937749e77dc230443aa7', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: '6d07aebfe3bb2ddc457f3453b36eb7a837a2c5c8', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '1d465e129c648a19fa45c841dfcf19e90369513f', 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: 'f73557f0b2e790a5b5cfff9cdff6a05eaab02d8c', 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: '386478132136a68d5c922d38b667dc96a156576f' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: '2c7367f40dd3a559cec343a371211d540a23b37b', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'df7704130f6009b9474f00b03e5c3671ea66a7a1', 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: '366cb74b1e6b6966eae94e513a9fbda1ab8cdbd0', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: '22971b983614be021c0669a769f7ede8f434364e', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'a7c6988541fe49affc34d3cdcc27f42fcc06f0ae', 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: '892a8fa21fed391bfc0d4f0cc470c8a43abb9591' }, hAsync("li", { key: 'a9a0723b8cac250b46469ae8fbfccb12d3445cb8', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'd4f9df2d63ec2fbb5146ba5f1dc9f53daf1751c3', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, hAsync("div", { key: 'c15f10460ee1306690c5db36ff31aa040f11d9d9', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: '3962965f5d1e02c314dcfbcbd11674f0ca1e4ce1', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '1fad2120a544e51c5873833b118a009939c14666', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, hAsync("div", { key: 'ac8ef66bae9e009774d16bf21fc5661ae360ed11', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
+            this.shouldDisplayNavigation() && (hAsync(Fragment, { key: '31467f256cb9d230e4b5380fd3692cea3f9c5f18' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: 'da33ca9bd87f9404b0fd44bc8cefc86f0e74694e', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '87c534e17d295316d3f55a2fb9a295de896bc242', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, hAsync("div", { key: 'f24ee3b11997ee6c9bb6679b72b835207cd1e40c', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: '59e1750d08f948b3f137bc256a3bf07529b6f738', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '326c765824df1ec4bca3ab5267f8a0ffe865e374', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
                 ? this.processedPageLinks[this.processedPageLinks.length - 1]
-                : undefined }, hAsync("div", { key: '4fffc0cf1c3272ba864a279d7d358f17d0ea71aa', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '7aeb378f34c1a3a5d7634dba9954fc313e1a2a5d', class: {
+                : undefined }, hAsync("div", { key: '78cd1fc5457e7f3196d53dfc08e6fca9389a711e', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '5d76476a62efbb068ca0c6a1cff04e0099c395ed', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '692fb6352c1cfab7cb27e15196eae4cc492b4596', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '3209c80c6eec5207fc6a37af528397eedf2f0f70', 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: 'cc45b6cc3f4e6ffb875ba66c879122404305370d', 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: 'bf2ed784874ca4a76e96fd6d6b05f448c8485e6f', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '3028a4c627308fd49384465465882bb4fd9be7f6', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, hAsync("duet-action-button", { key: '85815333b5d1a0ab326e11bc457240284557d92e', 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 })))))));
     }
@@ -13914,7 +13925,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: '3cf5f2bd4aeee4bd1c6314a7ac8d54539a87b895', "aria-describedby": this.id }, hAsync("p", { key: '1f9c9162b385ac72e8a47f7f80b69293ea6bfc78', id: this.id, class: {
+        return (hAsync(Host, { key: '4cdc1e2db953dc363eb77f14bf5c8473cd22c7ca', "aria-describedby": this.id }, hAsync("p", { key: '6fc77faf20566dc0442bb36f20079aeca48ea41f', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -13922,7 +13933,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: 'd5c6a5b6d69f600454a85ad01f39406fd57b7188' }))));
+            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: 'df2a9f9c672fe560e62f97addbef69d72b13fefe' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetParagraphStyle0; }
@@ -15552,14 +15563,14 @@ class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (hAsync(Host, { key: '4754c8522cdd93a4e90398840cb321821636b489' }, hAsync("div", { key: '45ceb31093aa93bf21e61daed2c77c4ba816556f', ref: element => {
+        return (hAsync(Host, { key: '28c5e0e22a1dbbf5ee9bf81e54b75ca0c7749eae' }, hAsync("div", { key: '0317bf8bda1b57bd2bf509bb54b34209d81f79da', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, hAsync("slot", { key: '88dde9607c352adc70eb6a27b5fab917585cef1e' }))));
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, hAsync("slot", { key: '483a49bb29aac53e169c9b14432b8135c0e50b9d' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -15666,11 +15677,11 @@ class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (hAsync(Host, { key: 'd8a0f9f62ecc1abedce8431e27331ff3d88f4c24', role: this.accessibleRole }, hAsync(TagName, { key: '998d7156c8a1e789405240a5927923e83130eb48', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { key: 'db04fcce497b69525b6dafe5179aaff15a61a98f', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: 'f67feb833576c6272f80097877c16cc0c68f41f8', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'bd8abe74d51a7398ab7ba70813dc1449ad5e0bb4' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: '3f75ee757d5ff1b5fa9055b897fd51c31f6919d5', name: this.url && this.external
+        return (hAsync(Host, { key: 'cba4450c5f4e743f1c54c4736930fd263acba1db', role: this.accessibleRole }, hAsync(TagName, { key: '94c16ad9906c2ea626f186a405a044f8c0fdc38b', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { key: 'bc37f155bb1a3c6e0519f1b673682840e7cc2838', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '641cb769d15e68d2e05893737b2712cb22916084', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'c4e79af7b0a972b68a6a30ca479d3fe49ec0ac57' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: 'd5ae36ac91afb6b5f9a6bfe461a10b68ee0f916e', name: this.url && this.external
                 ? actionNewWindowSmall.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: 'e716737df75eb8ee5512b2075e37ef539fe4ef2c', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: '79631aaffd5c2b020ebc6f37f0770147ae8291fa', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPopupMenuItemStyle0; }
@@ -15825,12 +15836,12 @@ class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (hAsync(Host, { key: 'cf0d6881f2f47a55a8143ca7b3456883bb2d772a', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '928893cdc7ec06b1d2c063bb97534847c647272e', class: {
+        return (hAsync(Host, { key: '9cbbef0f84fc9ea0995f4efc404887a3d7fcb2b7', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '9dd49ad5394f7da06b48728c697953383359411d', 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: '364938761185a64da7aa41156bc9537a98214cd9', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: '2c0cf1389b24e9f83d2ceaa0f8c9b7d61497be6d', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: '1d0b3d4c573a508916a2764704371938cde06015', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: '2b37c5cdafaed100d881143c347afb3c61001204', class: "pre-heading" }, hAsync("slot", { key: '25a7c6af10e95f45da8d0b541f62deef43e1425c', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: 'd442b4843e6ef12edaf638fa40ea1dfeb7530b67', class: "heading" }, hAsync("duet-heading", { key: 'a958109c2ee15936268c1f4d2442c882b2201f23', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: 'c0e6cfbc00e165a7d268e523f70fb9bd35319d74' }, hAsync("slot", { key: '0486de64216f817a4beea3c033cc8358b1c5e0e4', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '290862c134b87ef88be10e76b8bbcdd4d3b81e4a', class: "description" }, hAsync("duet-paragraph", { key: '62c172d0ca03aaf5a07eebc9ba746522b3ad4111', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '2e1aa4953e82e554989d540ea3457b4e3bf41ab1' }, hAsync("slot", { key: 'e84b12f234411a1cc96e6e3162a1c0c18014dd2b', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '2fb7c4c6c1c6e1726ea7ae5b2dc98964523f7161', class: "action" }, hAsync("slot", { key: '62ed799aa718b7dfe639a2c06e868ed5d019d881', name: "action" }))))))));
+            }, style: bannerStyles }, hAsync(TagName, { key: 'c2b5c8a5e4ef259545158bac573a4c8886b42bf4', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: 'c4454d6d77a763e9b218ef80e36612106b8f445e', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: '29407ebb77fb8476c8d809f4e79a3b1f358cf351', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: 'ac5d2e4aaef3010cf71bda6e27042f61fccb3729', class: "pre-heading" }, hAsync("slot", { key: '33dead9d00d09fd214d33b3ee9f6845f56ca33d9', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '8236efa41a9c1d6f467bb203cb26b6d49b7ea6a9', class: "heading" }, hAsync("duet-heading", { key: 'fa5e03a97c417d2949e8733bf47922b855795e49', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: 'dd4ced53071aef1ff71c5f1fac916bf69626c45d' }, hAsync("slot", { key: 'a0137eac1c27d9571776388d2dc119a9ac17e994', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '75b0fd24b1399ac5b24bbb8bcf4a9de3366c578a', class: "description" }, hAsync("duet-paragraph", { key: 'cc88387c1d90099543510e6340dbac160cb55a49', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '02328a4e2f140346c6acbdb616fc3cfb6c06b7d7' }, hAsync("slot", { key: '0f693c364072b59acb520ef2eeae2fcda3801415', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: '66dd94ac45bd090224ce22454abfb822bca0c057', class: "action" }, hAsync("slot", { key: 'b9906bef566f51030ef45a227f468139d67f8e5e', name: "action" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPromoCardStyle0; }
@@ -16019,16 +16030,16 @@ class DuetRadio {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '45b1545ee1fba45f0e798ecc8d00e3a1008626f8', onClick: this.onClick, class: {
+        return (hAsync(Host, { key: 'd0e3f85414ec58c2ad43fc2b5270169f0215d135', onClick: this.onClick, class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("div", { key: '08a710d7eba8d2d525f28914ee1a607772193aad', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: '0ae4454c2bbca3802ff1e39a9a8cc9fa8e5a0f55', name: "input" }), hAsync("label", { key: '135a95b34307d57a9af5fe5768da8df2a74e7803', inert: true, ref: element => (this.labelElement = element), class: {
+            } }, hAsync("div", { key: '53abf70ecca3cb7982df21e96daf3e534d9830ea', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("slot", { key: 'bb6b9872a4cad75a191a8ac5b1e7e0678fb8f2d5', name: "input" }), hAsync("label", { key: '9ed92050ef44dbc0c78dc3e815ff9ab50d118c2d', inert: true, ref: element => (this.labelElement = element), class: {
                 "duet-label": true,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.disabled || this.groupDisabled,
-            } }, hAsync("div", { key: '908ecfc2809c9ff575ded9cc37c034921d7c4966', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
+            } }, hAsync("div", { key: '58c329e0c4ff19df4d30be153a66aac885dcc89d', class: "duet-label-content" }, this.hasLabel ? hAsync("slot", { name: "label" }) : this.label)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetRadioStyle0; }
@@ -16179,7 +16190,7 @@ class DuetRadioGroup {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'e516156e7c44831a8e14c4025a5533d4b2a4b7c9', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("duet-fieldset", { key: 'dec5b7cb93bc57ea111b05a52dc0a3c2bf34cd79', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: 'e26e641c572e513574e148f6fb7132a6456a5692', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '27b29b5694912bcbac44b04c4842eaf18acfb941', name: "tooltip" }), hAsync("div", { key: '6ddeead79d117c688fcb68166a7eecbd51f5b7df', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '3b8f61ca49010d8ebd8aed718c514a5e51f9feaf' })))));
+        return (hAsync(Host, { key: '3a6b38dcbedc3d7de4f597f08f5a1d2edb58a1d4', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("duet-fieldset", { key: 'd0dbe02e0ea371acaa38f790f1d2e3e9dc0b196f', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (hAsync("duet-tooltip", { key: 'a34345c14c27c8700ea94229d874ab8e33338529', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '69c039a5f7cc4fcb98c5f7e625326bebbc10f75e', name: "tooltip" }), hAsync("div", { key: '48e785f3dcf8e2ed2fc5b77847cc351dc0d3fcc6', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, hAsync("slot", { key: '4c2428af487971b847ca3e704a878719629003a4' })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16329,13 +16340,13 @@ class DuetRangeSlider {
         const rangeStyles = {
             background: `-webkit-linear-gradient(left,${active} 0%,${active} ${percentage}%,${inactive} ${percentage}%)`,
         };
-        return (hAsync(Host, { key: '0462822be845868f320cd128459db2c4dd0c3d9b', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, hAsync("div", { key: '4dad1dcb14b05b79dad097337e2f99827eecaa1e', class: {
+        return (hAsync(Host, { key: '98fe15c2f253a8bee32d5271e6de03605e669c28', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, hAsync("div", { key: 'e2344803fd443a83024cf3fcfe9ed87d952d1038', class: {
                 "duet-range-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-ie": isInternetExplorer(),
                 "duet-range-disabled": this.disabled,
-            } }, hAsync(DuetInternalLabel, { key: '90a4b100e8b76d1acb45eb27a611bba1bbf49a69', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), hAsync("output", { key: 'e3bb3da27713b30b891522bb338688c03e26f630', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), hAsync("input", { key: 'a47f6a94847e123d96917777681312c340cc2b0d', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
+            } }, hAsync(DuetInternalLabel, { key: '0780aee7170b90a56e56e59abe19287e536ed531', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), hAsync("output", { key: 'eef1575763000465607bb91eec29b4491df22660', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), hAsync("input", { key: 'e38f080b37e93b2abc1ce740d413c349ce4c893f', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetRangeSliderStyle0; }
@@ -16538,10 +16549,10 @@ class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'e398ec0cf2d35150c78f4e3475fd7e4c95d646ad', class: {
+        return (hAsync("div", { key: '72ad680e3e9c66bb07767d39809f1c9238e72e57', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '24a874579791e03416eb316216ea44c6d35d7e0b', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: '13d2b13c96b44797b61192a0e99c63ec0098e7a6', 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: 'd8b25262e3f9549252640e5479b83dd2c7ea4930', 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: '06a6d22a4872a4f52d52853769e886b5101016a9', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: 'a91caa95ba2262118e2d0a5615da3bbdc3cd456d', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), hAsync("duet-action-button", { key: 'a03a4cdd46c44378b5e544f0a1287320a58cfc58', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16791,21 +16802,21 @@ class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b4198b556c21a0b793694cfc88c23d2ae01d50bf', class: {
+        return (hAsync(Host, { key: 'a615541856004f499ebf50d5e5608767efb8b93f', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'c15a9e37829ff7f41eb5c90156f78086777a44d7', class: {
+            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'f94e6cbc5b8e816e690081c52850d86da9e0c7e6', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, hAsync("duet-button", { key: '69ac59727a4efdf372e05a241e53f3f465278782', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '9ae0e03e390f546425e0c4a36ba4e1b14e9df548', name: "collapse-button-label" })))), hAsync("div", { key: '693aa91ad582ae80b569a3d1c1cdcd6a2fd5b4fc', class: {
+            } }, hAsync("duet-button", { key: '9bb20f2bf9d4cc10917024919804a036d69b28dc', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '02222171b679ea3ee4f6e931a37ba7ffb1670f09', name: "collapse-button-label" })))), hAsync("div", { key: 'bfafba89bd0c00e36d3c71b7aea5a292f073316c', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
-            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), hAsync("div", { key: 'f24739dbd27c222602e2aaf283e1ebdbc9a4af0b', class: {
+            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), hAsync("div", { key: '8c8b72b33792da063fb60d24522ab10a242744f8', 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: 'a27f4a34f1c196b441eebf291c9cfd9e2a632299' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: '80ac0420e2b267216fcddfe290981cfcb4a42efb' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16850,13 +16861,13 @@ class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7f434babace607653e64faabeddb9c27bb616862', class: {
+        return (hAsync(Host, { key: '883281c4d36620c02a5129bf0869df95cfefb080', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '9fbdea587d94910e97eb9ecbea464c1778fc1ff8', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'f4c957ebabd014d3ebf626d7539f3542314ce0a1', class: {
+            } }, hAsync("div", { key: 'ded8633d4a4715dc90e7c5af1fd541a12f2ee2ed', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'd95357d7a48dc127142e992a03093b3c702f48f5', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, hAsync("section", { key: 'd803f587fb3f7f481d22d2a3e3566bcd85c7f98b', class: "duet-main" }, hAsync("slot", { key: 'fb1c82948b2d25d0437c41743abf0f9ed666b4d5' }))))));
+            } }, hAsync("section", { key: '02b0d5d37ad5d0d54cb35da96240641a8a215104', class: "duet-main" }, hAsync("slot", { key: '451accf2ba4c6147d461b426821cf8dc60276830' }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSectionLayoutStyle0; }
@@ -17025,23 +17036,23 @@ class DuetSelect {
      */
     render() {
         const identifier = this.identifier || this.selectId;
-        return (hAsync(Host, { key: 'bd1cd4a2660e45da2fb493044616763b5a3647ba', onClick: this.onClick, class: {
+        return (hAsync(Host, { key: '847b57caa876d33226540190655ebad3853321a6', onClick: this.onClick, class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
                 [`duet-select-variation-${this.variation}`]: true,
-            } }, hAsync("div", { key: 'aef18c8ba1ee18ee499b288ad547a75f5a3c50a9', class: {
+            } }, hAsync("div", { key: 'cd440b3b4732daf0682e132f0d8882749b44fb58', class: {
                 "duet-select-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 [`duet-select-variation-${this.variation}`]: true,
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            } }, hAsync(DuetInternalLabel, { key: 'bad0c8edb046095825421fe176015191b7804c48', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '3a0c6874942328e5e19044795e84ef6d0e07692e', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '55d0e7bbf1b6b3e3410ac285ad18e6da898849e8', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'b1a9e77468369ff27a82b118969ea3b9f9a3fc8c', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'e270cb88ad9052b728ef03ead56f0252d2e8f462', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: '12930580f285581fe053b8ddf1324225c81f3950', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), hAsync("select", { key: 'f73cfe41d22e6d9026f5d06ed065a72121a2b41d', ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (hAsync("option", { key: '5619b544a3384c91cfba96da767d68fbcb7be961', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (hAsync("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
+            } }, hAsync(DuetInternalLabel, { key: 'f5a95e470436a18716d2e8776fdc3c797462cc17', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: '4596fd07d9e1e2b54c1a1ecd1a4b11d9a252d64b', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '534a7a1d55d25a1bac04d7e875eedea92b750401', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'f6209eb669879a3ffd5e3f75c22635a3a43420cf', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: 'c3fdbdee82e459e1799fd579e9d9ef72e3875afb', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: '15f9255e6167fb72ef530e01b11d220684e46ba8', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), hAsync("select", { key: '548ce61c3912e40c99466af3191224b2d11c1104', ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (hAsync("option", { key: 'fce5373b96ac5d37357ddec517c50cac493005e7', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (hAsync("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
             return isOptionGroup(item) ? this.renderOptionGroup(item) : this.renderOption(item);
-        }))), hAsync("div", { key: 'f974bf3a78d2dcbfa73c9dd96577763e4a20baa3', class: {
+        }))), hAsync("div", { key: '27bcfaaa3cb88cba2bd54a46bad51c2a1a077010', class: {
                 "duet-select": true,
                 [`duet-select-variation-${this.variation}`]: true,
-            }, "aria-hidden": "true" }, hAsync("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (hAsync("svg", { key: '9c3d42b8d018ae1297ca037caaf5dede76cb42e9', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'ab5b8cd45262ba2b5a5e92d7ec6a2cec14e1b6e4', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" })))) || (hAsync("duet-icon", { key: '84d2fce4fbc908844c0fb8c0b9250fa5793a699e', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), hAsync("span", { key: '09ee517b4824e30be4b8be968d9340fc838ec766', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { key: '00f904cbf78e346c9dbffb96dc135aa1af17922b', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '3512d2545bf3931a47320a8f84ef404df0aebdf1' }, this.error)))));
+            }, "aria-hidden": "true" }, hAsync("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (hAsync("svg", { key: '5ff56760239bbf6df5fd1196c431bb0d2922ce40', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'af31312140ff712064d8549cb23cc6132e72d1cc', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" })))) || (hAsync("duet-icon", { key: '662ea26357efc0545567b0878932aba619a02e8c', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), hAsync("span", { key: '084a9edb74ffb5de18b3dbb737fd18feb04582ef', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { key: '59fda925694a93e39fca62495ba1164a6a046ca4', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '40def81c304d6e95679f9078ebacaee423d2682b' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17114,9 +17125,9 @@ class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (hAsync(Host, { key: '555cbcb9c76cbda51c3c4cede13d764de7334c4e', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '11704c842ec39f85048625cc78eb3dac55c18508', class: {
+        return (hAsync(Host, { key: 'dcaade25a4513e5f2d4d3bd518e2c799003d4275', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '780b2751e70e2ec3ab3d4b10944f35276cbce6f5', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: 'f4ebb6576b8d69bc929ccae1662a87bc7c2481c7', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: 'd7d83206a5d52dd0ec81ea25256ace0b0f68df6c', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '5f69b32a95213f6537bcee749c3dd150aa2d8e16', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '7e86facd6020a261ed81bd150a1f2d6155c6cef3', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get style() { return DuetShapedImageStyle0; }
     static get cmpMeta() { return {
@@ -17224,12 +17235,12 @@ class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (hAsync(Host, { key: 'e795502d610ccc4d9fb5e2820c6e50a58b1f1d9d' }, hAsync("div", { key: '7f3dc284c84c60fea4742b85c080e43e4529b6f8', class: {
+        return (hAsync(Host, { key: '7aabc68122e39e13570c288807ddf7217bf2c794' }, hAsync("div", { key: 'd6624d52f08b44fd3a8bc120e4b91f27c7780930', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, hAsync("div", { key: '7f2d9de11a429a5d9e219cdeb5835e2ea8be2c2b', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: 'f10b510dd9a1369178d5bc4259d2ef55fc569e10', class: { "slotted-content": true } }, hAsync("slot", { key: '21169537ec721827e96bd24710de3f5d6d81fa8f' }))), hAsync("duet-button", { key: 'fd0aae5f657aeab52c5a9a49003e0d70c3644a10', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, hAsync("span", { key: 'e4996c3f3a786b12ef395679e892ccce7d84399d' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, hAsync("div", { key: 'ae9e3f907c01acca68e65d494d95d5cb94fc98dc', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: 'b48162785643ad6cf19317034330292fb9b68d35', class: { "slotted-content": true } }, hAsync("slot", { key: 'fbf4b3787e4da0aece2faa1572b17d2f90e5a305' }))), hAsync("duet-button", { key: '607c79dca958f12c36b480232904934bfd75c2b7', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, hAsync("span", { key: 'fc42b31d2ecdc7f250776565b6dc19fba34d3919' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetShowMoreStyle0; }
@@ -17716,16 +17727,16 @@ class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (hAsync(Host, { key: '7e5384e7a8da21a6bfcd4e6f84f8c0cb60d3250a' }, hAsync("div", { key: 'a0ddecf72e05002132592afbea9ab503e8929698', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: 'bd9eb4bb301549c79486fbec4ec9cc3306001152', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '8bcb933d1862b16a784105144cbb830b085b7a37', 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: '4642a8ace569ca295407eda479135ae7fd5617bf' }, hAsync("div", { key: '7df49b85ec162cd738dca6cfcdac057a87bbdc13', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && hAsync("duet-overlay", { key: '71364dcd7bdac4d224eae40ef7b43ee2571a1adf', visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: '62eade96c8ad9c494d3843adc75b19b7ad18cada', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, hAsync(FocusGuard, { key: '4f32ae824a9963b9324a6a75aec30a1ec3b9da34', moveFocusTo: this.closeButton }), hAsync("div", { key: 'b3a2d23360f0080c3345925ab2dd3ba71726102e', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '346320e78d1b3b31cd27505873e27d9de14e7105', class: "top" }, hAsync("button", { key: '70bd3ca676c250d31bf67ffc0cd4900c73d2e093', 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: '2a3b77e3e65a92028c5dc3b787f85165e15eeb79', moveFocusTo: this.closeButton }), hAsync("div", { key: '4b0dc292f4e488e4d0d0499c5c2c5e5cced54d35', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '6eabc63710bcbb2f2673eb2fe25bb5b88b6697bb', class: "top" }, hAsync("button", { key: 'e697b74648bb04e0083b88d3bb8e808de86d7112', 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: '1aa814b1f9015483a3b4bc7f473b5aede84f3cd0', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'f11c81c8efcdca2ddb6cdc987e2e1f220d467398', class: "sticky-header" }, hAsync("slot", { key: 'e0bf8ba236ee29c1f1b497df27b337ab1f96628a', name: "sticky-header" }))), hAsync("div", { key: 'dbf227d18aed0d6d3db65db6522ffda1b69d8dba', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: '9d03c80e89da1ef8a573fc482b7cc248e9c777a5', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '807b9077f797cde0ae3d59701d5d9cb5adecf989', class: "sticky-header" }, hAsync("slot", { key: '2f1e747dad6226d8894931fcbfcc1716014e9a7e', name: "sticky-header" }))), hAsync("div", { key: 'b14462c558ad7ec4030c461de80e604a9bd1204a', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, hAsync("slot", { key: 'facef4d207e8df7c34a8aeca8595d832fd6de5e6' })), hAsync(FocusGuard, { key: '5733820870caa0acd80b157d88b03ae1797360b8', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: 'ee510eec06bfef03ad124b9cd0ea5a26aeaad9cf' })), hAsync(FocusGuard, { key: '64f7a35f2435307ca7572160445c4fad38812c87', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17792,7 +17803,7 @@ class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (hAsync(Host, { key: 'd163f56230650efc540cf21892239905271a775e' }, hAsync("div", { key: '7b1d95d36da23db34a90055407a7f307ab0d4ffa', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '07ed0679705221e14ba5e20d0db83a5b3073a7cf', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: 'e847d0a2bf84e7099988d6bc9f6e59dfa0ba99d7' }))));
+        return (hAsync(Host, { key: 'ddcf74f6f9956aed294267c44d303dd55fbe3787' }, hAsync("div", { key: 'c2ba37177d4da127cda839a185f10e710fa15b27', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '2bd80d6e4172136199b09a0d253000cee7b32755', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: 'c5cd4fb6164fb66b1f29e54a22f3f5ce9d598313' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLangStyle0; }
@@ -17836,12 +17847,12 @@ class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'dbcb8bf6b8c65743fb716cbdda625cf4ea5162f8' }, hAsync("a", { key: '542c9910bad183af64eff3b965ef1cec19b4ac7b', class: {
+        return (hAsync(Host, { key: '027e3177eadbb7b1088621004a4f7f68408ac8e2' }, hAsync("a", { key: '3b6ce366fa7b130eaa334549877432208a39f3ae', 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: 'c192e191c1323e742022c48651a75c16017b4837', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: 'b0e214e358e524f13a884c78e1d78118b171e3ed', class: "label" }, hAsync("span", { key: 'af8697663031dc729bc98cf7c15cd2d58a03f861' }, hAsync("slot", { key: '84b1b365ac8fabcbf3c6451a8aa51caa18010aa9' }), hAsync("slot", { key: '82b78e911b41cfd441fb9eab798093f6b726c993', name: "description" })), this.caret && (hAsync("duet-icon", { key: 'ee835e2bd7427531239041e03b19ed4335b8ad74', 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: 'bcdbd8ccd3efea6d4c8c5ba4ae777081aab436fb', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '2105537967051cfce46c9a186cb5f44d874cf93e', class: "label" }, hAsync("span", { key: 'd39b5d6d226c4d63e12c15f3bdc90ff77ec4d403' }, hAsync("slot", { key: '9281d4780b5f92907b6c714c398b1d6878f1ce2e' }), hAsync("slot", { key: '3660468cfff291bab3a352d533e77daf9bff1ed4', name: "description" })), this.caret && (hAsync("duet-icon", { key: 'ba4668517c998df298bd8935d4f25ef7ad4c6970', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLinkStyle0; }
@@ -18001,23 +18012,23 @@ class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (hAsync(Host, { key: '0318776fab9cea36b44efcbd8a066fc7a71aa59e' }, hAsync("div", { key: '1d95822243d5c86ec5b5173e4e681b4146e4476f', class: {
+        return (hAsync(Host, { key: '3cc575a27526f9eb936cc77fbd5d73fae704a02e' }, hAsync("div", { key: '54f6df02833967cc73e36fea9e3bc054e9b6aa73', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: 'a45e36b09686a148c2ba62e9984627920710ecb7', 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: '2757a9e467ee80835f260ea3631fbe561f2aabf5', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onClick, inert: this.open }, this.icon && (hAsync("div", { key: '6f2dee22c324bf4ead87048ebff2a20c47ca896a', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: '44e1cac15f61dab325132fcc3514c8e0354cc43a', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '024312ec408282554844e751ab4b49d05b96b548', class: "duet-slideout-badge" }))), hAsync("span", { key: '283051aa5c3b14ee17ca9da70c094a57235e749e', class: "label" }, hAsync("span", { key: '81b5642422add92e13dbf34d95a26c0588858de7', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: 'd44a3600f9a66a1768a530317ee8e97d61d7d5a4', name: "label" })), hAsync("duet-icon", { key: '4e27c46508e15f8a57b08025121d7a30386fd7e1', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '0e7fce1743db4fe772c3165ea76ddd2b5215e3c3', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (hAsync("div", { key: '227406b6650708fc7fd1904d7c7d528692edaf64', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: '36401c7328497294e9c894e9dd6d27937a51c494', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '7e06124b0bd84ab528b325885bc3c0babbd08742', class: "duet-slideout-badge" }))), hAsync("span", { key: '9a846cb510d44c0af591554b22f23efab9560448', class: "label" }, hAsync("span", { key: '6307191c9aa066915943fc6111c8c9de795c13cb', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: 'c52bc96f6bd93f8183fd8f05d551218a0f67e637', name: "label" })), hAsync("duet-icon", { key: '74c42ebef00e4feeb6205718db4b7ef1315d3855', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: 'bc171acb5cbbe6c929fdb639dc3aa6bfb11740b1', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, hAsync(FocusGuard, { key: '40a3ed99c1bf1bceb7378326804d3f5e76a2caf0', moveFocusTo: this.closeButton }), hAsync("div", { key: '513ce8191e12b73aa0ec22360499905c9a120aca', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'f6d518848785f147415050e356dcfe42e00e64af', class: "top" }, hAsync("button", { key: '6c6d3320016eeabed6b06b5d997bf0fe871b7d5b', 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: '4db620b5032b9f8b5f37a4ba07ad387fc38b680f', moveFocusTo: this.closeButton }), hAsync("div", { key: '8a4b956558e630cf3ab6b148a94bfbde4300b7ea', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'ddd353e3cf2e9d4d938cd9402e440459a64809af', class: "top" }, hAsync("button", { key: '7fcb43d03e0a15af4a12f67e7b2810efb595d02b', 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: 'e68686b85946c9e54babfb2aa7012e37048b6a23', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: 'b2082182002d6fc1687fdbe1a75c30a62061a083' }, this.label.innerHTML), hAsync("button", { key: 'b6cfea3156d9398f6ff290c6abbdbdff55a16edd', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '4f973e329f5254a4d6fbb230bb2e1c815d07fab5', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'b2f3ca3d5bd5e4881cfbe6acd61b8ff209408f35', class: "sticky-header" }, hAsync("slot", { key: '9a1594cd89ffce28613a575b53219736fcf02bae', name: "sticky-header" }))), hAsync("div", { key: '74a5a1eefa940a78f4904f118fbb22da52177d83', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, hAsync("duet-icon", { key: '98891c6a2349246b457f003ed501770a2289afe7', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '1b052537ae01f496e1d175c6f99134048278c3fd' }, this.label.innerHTML), hAsync("button", { key: '8b4098001333b24d00d1dde0a39f9b6ee9b065cc', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: 'd0e70007d5554ddb18292fa3d90a136198c89c3a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'a3abfbd5e6b8616670c4ba95ba76ba89b5d84f70', class: "sticky-header" }, hAsync("slot", { key: '0276df7b3885dfe4b806db392e6f1a2000df5894', name: "sticky-header" }))), hAsync("div", { key: '20894d6bbfece88c8094cef54fede14b97469ead', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, hAsync("slot", { key: '59168289af3be6afbf35af828da4800c1209809c' })), hAsync(FocusGuard, { key: '688c55a2b0881c10204aa353123bc524c88a23b9', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: 'e6fa25439fd7062824cc0fae6b4c7cb2e258f089' })), hAsync(FocusGuard, { key: '9cb7008c88d6f03f06a0e027c8fd174277b99fd6', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18087,16 +18098,16 @@ class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f7a1b3521e799c7792945551a66c1c295dd5ffdc' }, hAsync("div", { key: 'd63da6a1f3650e633c97795042a7b34b8ad48302', class: {
+        return (hAsync(Host, { key: 'd473e124378cf692756294cbc4b63ece1c24fa37' }, hAsync("div", { key: '555568422a4a461d1687f9524152552d06214e81', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: 'ed40e8b4d2a431e4f578ea26583a70b8977d951c', 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: '54f92eef148b91fb1649a00e797489545b9c0ae5', 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: '44a4510103738db121e37e1d18f3a5f2484e7683', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'b2ce145800f498a7382885190458bb49205b7ada', class: "label" }, hAsync("slot", { key: '6ce00dfcd2d2ef3ac62143b9150b80f1ecc9a69d', name: "label" }), hAsync("duet-icon", { key: 'e6890351789e07002b0b9fc85d79baf6862bd239', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '81a201018140f6519e9ed18baec3855790ef4cb4', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: '5e2e285e54edbd2b5178e0caf582ad4ae63da2ed', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '55fc2889f31dc259aea19bf6c758dcb38630feed', class: "label" }, hAsync("slot", { key: 'fd41a86f0c71f73e589940ad8910143439f4f739', name: "label" }), hAsync("duet-icon", { key: '35236f2cd06ad8fc37299319e1430bc92059fd12', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: 'd9b4c34b5e9ca0611f1a1eed1dda3fd2ad8627d7', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '473c54c7f46f6cb77f5656ff8c7d60106836aa73' })))));
+            } }, hAsync("slot", { key: '746111498d9301b53d6a7d835296ab60e149eaae' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }
@@ -18131,7 +18142,7 @@ class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '9983782e43b5323f7af87b3b18656794fa851208', class: {
+        return (hAsync(Host, { key: '2aa5669c773f8841ad33637ee24c845c7eeb5dd2', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",
@@ -18182,11 +18193,11 @@ class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (hAsync(Host, { key: 'dee78f5cd0044c327f345f8fc6f36a79eb92552e', class: {
+        return (hAsync(Host, { key: 'f415bd43d421b7106fdbd90bd2c187879ff17c17', 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: 'e896d825e335fa91c0b583b17fce6b5012fee1ca', class: {
+            } }, hAsync("div", { key: '34b4c350a642f331b9776f5ce12e3c7a2990b3d7', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));
@@ -18292,13 +18303,13 @@ class DuetStep {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '4824107e0acf23c2c8705c98bf936075b57f0832', class: {
+        return (hAsync("div", { key: 'cf7f017c189308e969ac8fc319fff799b44b675b', class: {
                 "duet-step": true,
                 [`is-${this.state}`]: true,
                 "rounded-top": this.roundedTop,
                 "rounded-bottom": this.roundedBottom,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("div", { key: '090c1ada985e57f936ac65154af4e1cde73cf820', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, hAsync("div", { key: '2fe4d50db56975760a58c1aa4a326758fbceeac8', "aria-hidden": "true" }, hAsync("div", { key: '9c2265041152125c05b017c65f432b9ec0c758d6', class: "duet-step-counter" }, this.renderStepCounter())), hAsync("duet-spacer", { key: '3820e59fd9b9cb0b9618eed034474a90293f3985', direction: "horizontal", size: "large", breakpoint: "small" }), hAsync("duet-spacer", { key: '9c3a323b02d4543d4791ba77a2bf90d2e0ed77bd', direction: "horizontal", size: "medium", breakpoint: "x-small" }), hAsync("div", { key: 'a50916963ca0efc77a309f009255f283b5584258' }, hAsync("duet-heading", { key: '637ef135f7d47160eba76bf7d736e0f0a8086282', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), hAsync("duet-spacer", { key: 'efe8ebfe55fbc93f526803ac66c469492967f21d', direction: "horizontal", size: "large" }), hAsync("div", { key: '0974cb5ac0bb24d1cf9bd7a1bfa2eaac4a67f18f', class: "duet-step-heading-slot" }, hAsync("slot", { key: 'f7ee80ecb5f96068f5dfc59f1a42cd17fca1f2c3', name: "heading-content" }))), hAsync("div", { key: '31fab92932786d05ac222d35e3097b4f4d9a014d', class: "duet-step-content-wrapper" }, hAsync("div", { key: '00679961075564d18dbd7faffa05618cf3dac572', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, hAsync("slot", { key: '898ad6c5810daff1adeb5d85ff6db990ae3d7c43' })))));
+            } }, hAsync("div", { key: '2742f57e0e278b597d2fb9715b6b85207446064f', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, hAsync("div", { key: 'c32bbaed270ec8ea14228ca59f7077128c952b78', "aria-hidden": "true" }, hAsync("div", { key: 'fee937f7b9f3ef92d303fa0502f29632558c3967', class: "duet-step-counter" }, this.renderStepCounter())), hAsync("duet-spacer", { key: '8fa4deb09aaa709141dcfd6d4b8b2969840fb48d', direction: "horizontal", size: "large", breakpoint: "small" }), hAsync("duet-spacer", { key: 'dadc92ff570d92e7e600918019ab84ea6f22ca36', direction: "horizontal", size: "medium", breakpoint: "x-small" }), hAsync("div", { key: '412ba9538aea65069601a21a229a13e38a959cf1' }, hAsync("duet-heading", { key: 'b85991761212bba3610b566a9cf48b28562859d6', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), hAsync("duet-spacer", { key: '7b28ba235ac2d4ef273bb4825a1bb53e4069150e', direction: "horizontal", size: "large" }), hAsync("div", { key: '74230c5744cf324e8f406a8d0dfadce54f8cf82d', class: "duet-step-heading-slot" }, hAsync("slot", { key: '74ef4c487e447ba8fc2dfa181a27d5bead1f7cd1', name: "heading-content" }))), hAsync("div", { key: 'a4df2c7c64cbb35185b4d7665235a85d1c503ea0', class: "duet-step-content-wrapper" }, hAsync("div", { key: '0a2fbd936f386294c6fe75bbacb3bd2b324a6311', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, hAsync("slot", { key: 'a748fceef07a8ec5cc280d1e7d655b3e9ae14860' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetStepStyle0; }
@@ -18422,7 +18433,7 @@ class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a9fd058aba3edef3374cccd0a93f842c0f9aaeb2', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '0669c1d5037caa0fd14184e653d7bcd8bff5c84e', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'c129a1a808027193572c28b4708b9bc036b117c2', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'c6d77528bc6dcd5f9e3fd0d2a3ae62253fca0114' }))));
+        return (hAsync(Host, { key: '082c93b48c5dfaadde04f9352ef6181ccdb38334', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '703904a5ecf2f0eb09c89c65639ec8ade1f674e6', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: 'aa4c9cec5585ee50da88bf4143ee998bbe98f9db', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: '708b76a314c85e496f66a12f9f578c2f97e8a96b' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18567,19 +18578,19 @@ class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a63e21429e735858870de3a6c6b4f1d641ea0536' }, hAsync("nav", { key: 'ec81c1ea9da9a6a1f976e4f809a44f5a0cc9129f', class: {
+        return (hAsync(Host, { key: 'ea56c035a544993c18dce5a3164ee203e287352f' }, hAsync("nav", { key: '9410059fc6de0b9ead6a7c387d0412f5a26b70f3', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '9c7afa7571d91d251c0a9ed320dcfaefe4ff10ec', 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: '27e0fddeffe5a7c093a5270e350236812c7a9c86', 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: '670e006fcab56b5057addd32c86e78c488a6a954', class: "label" }, hAsync("slot", { key: '6aeb5157b136b0d51ea614df7170db9901d7159a', name: "label" }), hAsync("duet-icon", { key: 'd7801a42f75a4b6dfde7c1bd197b5c4aafb7eb03', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: 'b527227c328438130d7ec32a80c7d9ac8ee472b2', class: {
+            }, onClick: this.onClick }, hAsync("span", { key: 'da29ea7a5ceb616f6e727539e47c3a46b38a83c1', class: "label" }, hAsync("slot", { key: '83fabbf6803d799627cdc4b7b427d07613fc855b', name: "label" }), hAsync("duet-icon", { key: '16eba6cc2f9871260789c21fe184d6846ad7b199', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '1f722a24bf9a82cc6110a258db43df328947c3a6', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, hAsync("div", { key: '60bcdce4e176cf742905e6eb6e50d4dc8046b1be', 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: 'fc121e02816e700bf9bbb83a21ca202c4356a339', 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: '69d9ea394265451a554e19db4e5105e21027a61e', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '95f8cedf2b0590010f0a6560531e9306350b2c37' }), hAsync("div", { key: '780946443cd19822597df52bd006d3d3a30c2e5f', class: "list-padding" }))), hAsync("duet-overlay", { key: '19734aa5ac1dd7c03192d3310518173fa8a43c07', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: '6e43327f6bac2c8614ab0e18160248abc9038523', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '56d8860ecde5b13838f8951f7c3bc71d6f67ea84' }), hAsync("div", { key: '1c57c208d07a9082d2c1f639c7a679a8c8cfa44e', class: "list-padding" }))), hAsync("duet-overlay", { key: 'd6605341c64e6086535892c24201655ba260984e', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -18700,18 +18711,18 @@ class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '950ec986065630156024e30fc4ff3808bd83331e', role: "listitem" }, hAsync("div", { key: '8aa74d12b0b0e63f82062c705b61f3881a130ece', class: {
+        return (hAsync(Host, { key: 'dbe67ca5e8969c25e00b21789ace2b3333fa9f83', role: "listitem" }, hAsync("div", { key: 'af7f49d3f8004673eb2fbc5caacf125644257b1f', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, hAsync("button", { key: '06132dc834775c0f78a00690e71381f2f8bc48dd', 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: '6bdb9006795459b7fc8250e7e0b50c4dc3836f8b', 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: '5808b4d746aacc6834d5c7cfc886cb2318ca11bf', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '4d1a960326bb00837cdffa7d7968d1a09c246656', class: "label" }, hAsync("span", { key: '0b0fab9353193d5f65ba7a40474548653b0bd233', class: "label-text" }, hAsync("slot", { key: '6270448ade06bfe7555500c63eba0c0dd4bc589a', name: "label" })), hAsync("duet-icon", { key: '445ce13635b1ac94a6059dfa0cc74925bdb42829', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '72428c05d80b77b7443611c15548731847faf492', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '7351a62029da296d445ae8cca2930853c4dd71ed', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '3e90e7c718f28a7aea7c0593a8316348ae45df42', class: "label" }, hAsync("span", { key: '25d4bd4818e5946b36e5821b6f41beb2bc6b9e90', class: "label-text" }, hAsync("slot", { key: '35c9b86fe5328041cbd228b5b54937dd5ead9682', name: "label" })), hAsync("duet-icon", { key: 'b542830855f09f4386a00623e81188c3847314e8', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '884cca9d45a91703c9d39cdc27e9d7f576fd667f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'da23085cb0178dc3a796bfef1127aff57a055703' })))));
+            } }, hAsync("slot", { key: 'c670ddeff29a0e408436e7be0f65f37047b6d5b5' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownStyle0; }
@@ -18763,12 +18774,12 @@ class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a746efa1453d4cec928e66f4122f1a1b593e8442' }, hAsync("a", { key: '6c959b9aad16526f25fa0f8c94d544e47850a69b', class: {
+        return (hAsync(Host, { key: 'd9bf8b959631193d6f3f43b692c9676345ccee13' }, hAsync("a", { key: '7d5b7455b0f524636ab19ce917e4455dc177ce70', 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: 'c0fc8773a756787903d3e312ebabdae1f5854445', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'e3970bb855fdb008fe5c71d5b70ffaa0c95c6ca1', class: "label-container" }, hAsync("span", { key: '615e56e9b3b4c900b96ae2e77435dcfd29a9a321', class: "label" }, hAsync("slot", { key: '66142de58ca0b982f962787e57583acf2645acd2' })), this.caret && hAsync("duet-icon", { key: '690f5210ff9271e47c36a9ec86fbe0c427a7e823', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '019e32fdb4672495348327df056ff55e5654c91d', 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: 'd7c3fd1e9b8a41b7ce6e3cd25080a91b0c7d6016', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '20d44dabb05864b92b0b22738eac84a5abf3704c', class: "label-container" }, hAsync("span", { key: '9315948652add6e10e7da692b3e1a7c5d1951de8', class: "label" }, hAsync("slot", { key: '6a3d5cab2ef53af7702050b635aa8499755ae529' })), this.caret && hAsync("duet-icon", { key: '696c65250b22665f8f3dbf53e48b1fa143017995', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: 'ebbaa8d86e0b2b2316fe79d62a7792db28e1196f', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
@@ -18842,7 +18853,7 @@ class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (hAsync(Host, { key: 'bbd6de093fd02cb675b6a27822e8fd64ae2e6e36', role: "listitem" }, hAsync(TagName, { key: '857df988d8c2d9ee3c830455d97496903f43af24', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '77a2683b345776fdd073d562025d01ad7b42b8cf', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'e5e54d900b8e9861fd7f687c302a83e9a5d26087', class: "label" }, hAsync("span", { key: '7b8893ae6bd4a6209763cd1e88606495db78f84e', class: "label-text" }, hAsync("slot", { key: 'bd0380cd2eee95bed2c16884fdc77827a7748da2' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '94315f7a4d4ab2444536fec20724bbbeaee83a65', class: {
+        return (hAsync(Host, { key: '9b58300e549e07f8d602bacb3f16cd612e84ffbb', role: "listitem" }, hAsync(TagName, { key: '51335abf288a934ee2518e2ca05727cea7833bc7', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '35adf7829385efe26c9412bb25d6d28175a21922', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '0194c9310d97abac5f4a29ead95c975ab00c1faa', class: "label" }, hAsync("span", { key: '8ec232e32e64fba21b3716e8f165cd36199c1673', class: "label-text" }, hAsync("slot", { key: '8945c541d7ede0ff362d9b48f6066f4665aafc9f' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: '7f21d4325c823b403a5a4e04b73bb82241362ddb', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -18903,7 +18914,7 @@ class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd500cddc2f019854bae1756301dc68ae23835b10', role: "listitem" }, hAsync("a", { key: '3688cdd47046d93cae4ad667a348881d35449cb8', 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: 'c620d6cac216344f07879ad271f2488f9e4a3036', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '82438bf5ee24adf621d9e342de9886829f193176', class: "label" }, hAsync("slot", { key: '5ee0ae247c68b887845ce939e812e7923b994be8' })))));
+        return (hAsync(Host, { key: '2d44998a36518c013b11ebacab17b616834ab27c', role: "listitem" }, hAsync("a", { key: '848befb6c1d67cfe2ea4cd7c1431c15e3ebbe484', 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: '9344282a522be5d1ee0396e8fd93becd53d423a5', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: 'a4a42910fa379e78ebe4711a47ea8338dc5d53b8', class: "label" }, hAsync("slot", { key: 'c2fcb5acc1c26e0fca2a087238f281f1e931dc09' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarLinkStyle0; }
@@ -19013,7 +19024,7 @@ class DuetTab {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '82a68331e195880eaab4d0975ebe843c8b0383e8', ref: element => {
+        return (hAsync("div", { key: '59ef255c0b4a74dfce1a9c826163b9d7e6bf2e6a', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -19022,7 +19033,7 @@ class DuetTab {
                 "duet-tab": true,
                 selected: this.selected,
                 "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, hAsync("slot", { key: '1c63bb93ad6c9c031569794c156568497ee28b27' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, hAsync("slot", { key: '578fe62eaf0bc30216b55f128f04463b7fe5eb88' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -19254,27 +19265,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: '55b19c0083ced74f0862c8879512d8a7ac550ccf', class: {
+        return (hAsync("div", { key: 'e0f45c74bfcf70ef285031d2cefe9676f73fa1a1', 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: 'fa42a4e505fb4d94cfde64470682bcda87c4e8a8', 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: '67a5b742600e566ff2217a3145ce9f7ab2a70aa1', 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: '5a4ba1e8089bd37f2bcd012ef58285369eb0282f', role: "tablist", class: {
+            }) })), hAsync("div", { key: '85da5c9758a9440e31caac2659f44157e65ad2fa', 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: 'd80d6fdd3ad52d8c0dfd13d7ae1d906703eac971', class: {
+            } }, this.renderTab()), hAsync("div", { key: 'e44faf2ce5439c15cce9afa44b09a96b028fa228', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, hAsync("slot", { key: 'a14facc65a69917ede3d270a93919e949aa5116e' }))));
+            } }, hAsync("slot", { key: 'ef3760dd2409dbc0e5cc35cb5e5e173a83817667' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTabGroupStyle0; }
@@ -19307,8 +19318,501 @@ class DuetTabGroup {
     }; }
 }
 
-const duetTableCss = "duet-table{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;font-variant-numeric:tabular-nums}duet-table table,duet-table thead,duet-table tbody,duet-table tfoot,duet-table th,duet-table td,duet-table tr{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}duet-table.duet-m-0{margin:0 !important}duet-table table{width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;text-align:left;border-spacing:0;border-collapse:separate}duet-table.duet-table-hide-head-visually.duet-table-hide-head-visually thead,duet-table.duet-table-hide-head-visually.duet-table-hide-head-visually thead *{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}duet-table.duet-theme-turva table{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}duet-table td{-webkit-hyphens:auto;hyphens:auto;color:rgb(8, 42, 77)}duet-table.duet-theme-turva td{color:rgb(23, 28, 58)}duet-table th{font-weight:600;line-height:1.25;color:rgb(98, 121, 138);text-align:left}duet-table.duet-theme-turva th{color:rgb(143, 147, 158)}duet-table tbody th{font-weight:600;color:rgb(8, 42, 77)}duet-table.duet-theme-turva tbody th{color:rgb(23, 28, 58)}duet-table .duet-table-action-row td:last-child{justify-self:end;padding-right:20px !important;white-space:nowrap}duet-table span.duet-table-cell-heading{display:none}.duet-table-flattened table,.duet-table-flattened thead,.duet-table-flattened tbody,.duet-table-flattened tfoot,.duet-table-flattened th,.duet-table-flattened td,.duet-table-flattened tr{display:block}.duet-table-flattened thead tr{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-table-flattened td{line-height:1.25}.duet-table-flattened td:not(:last-child){margin-bottom:16px !important}.duet-table-flattened td span.duet-table-cell-heading{margin-bottom:4px !important;display:block;font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-table-flattened.duet-theme-turva td span.duet-table-cell-heading{color:rgb(23, 28, 58)}.duet-table-flattened tbody td,.duet-table-flattened tbody th,.duet-table-flattened tfoot td{padding:0 !important;text-align:left !important}.duet-table-flattened tbody th{font-weight:600;line-height:1.25;color:rgb(98, 121, 138);text-align:left}.duet-table-sticky thead th{position:sticky;top:0;background:rgb(255, 255, 255)}.duet-table-striped td,.duet-table-striped th{padding:20px !important}@media (max-width: 35.9375em){.duet-table-striped td,.duet-table-striped th{padding:20px 12px !important}}.duet-table-striped tbody th{background:rgb(255, 255, 255)}.duet-table-striped.duet-table-sticky thead th{border-bottom:1px solid rgb(212, 223, 229)}.duet-table-striped.duet-table-sticky.duet-theme-turva thead th{border-bottom-color:rgb(222, 224, 228)}.duet-table-striped tbody:not(:first-of-type) th{padding-top:40px !important}.duet-table-striped tbody:only-of-type tr:nth-of-type(odd){background:rgba(4, 81, 128, 0.04)}.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd){background:rgba(23, 28, 58, 0.04)}.duet-table-striped tbody:not(:only-of-type) tr:nth-of-type(even){background:rgba(4, 81, 128, 0.04)}.duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even){background:rgba(23, 28, 58, 0.04)}.duet-table-striped tfoot td{border-top:1px solid rgb(212, 223, 229)}.duet-table-striped.duet-theme-turva tfoot td{border-top-color:rgb(222, 224, 228)}.duet-table-striped.duet-table-flattened tbody:not(:first-of-type) th{padding-top:20px !important}.duet-table-striped.duet-table-flattened tr{padding:20px !important}.duet-table-striped.duet-table-flattened tfoot td{border-top:0}.duet-table-striped.duet-table-flattened tfoot tr{border-top:1px solid rgb(212, 223, 229)}.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr{border-top-color:rgb(222, 224, 228)}.duet-table-fixed th,.duet-table-minimal th,.duet-table-plain th{padding:16px !important;border-bottom:1px solid rgb(98, 121, 138)}.duet-table-fixed th:first-child,.duet-table-minimal th:first-child,.duet-table-plain th:first-child{padding-left:0 !important}.duet-table-fixed th:last-child,.duet-table-minimal th:last-child,.duet-table-plain th:last-child{padding-right:0 !important}.duet-theme-turva.duet-table-fixed th,.duet-theme-turva.duet-table-minimal th,.duet-theme-turva.duet-table-plain th{border-bottom-color:rgb(113, 118, 132)}.duet-table-fixed tbody th,.duet-table-minimal tbody th,.duet-table-plain tbody th{padding-top:40px !important;border-bottom-color:rgb(212, 223, 229)}.duet-theme-turva.duet-table-fixed tbody th,.duet-theme-turva.duet-table-minimal tbody th,.duet-theme-turva.duet-table-plain tbody th{border-bottom-color:rgb(222, 224, 228)}.duet-table-fixed td,.duet-table-minimal td,.duet-table-plain td{padding:16px !important}.duet-table-fixed td:first-child,.duet-table-minimal td:first-child,.duet-table-plain td:first-child{padding-left:0 !important}.duet-table-fixed td:last-child,.duet-table-minimal td:last-child,.duet-table-plain td:last-child{padding-right:0 !important}.duet-table-fixed tbody td,.duet-table-minimal tbody td,.duet-table-plain tbody td{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-table-fixed tbody td,.duet-theme-turva.duet-table-minimal tbody td,.duet-theme-turva.duet-table-plain tbody td{border-bottom-color:rgb(222, 224, 228)}.duet-table-flattened.duet-table-fixed tbody:first-of-type th,.duet-table-flattened.duet-table-minimal tbody:first-of-type th,.duet-table-flattened.duet-table-plain tbody:first-of-type th{padding-top:0 !important}.duet-table-flattened.duet-table-fixed td,.duet-table-flattened.duet-table-minimal td,.duet-table-flattened.duet-table-plain td,.duet-table-flattened.duet-table-fixed tbody th,.duet-table-flattened.duet-table-minimal tbody th,.duet-table-flattened.duet-table-plain tbody th{border-bottom:0}.duet-table-flattened.duet-table-fixed tr,.duet-table-flattened.duet-table-minimal tr,.duet-table-flattened.duet-table-plain tr{padding:20px 0 !important}.duet-table-flattened.duet-table-fixed tbody th,.duet-table-flattened.duet-table-minimal tbody th,.duet-table-flattened.duet-table-plain tbody th{padding-top:20px !important}.duet-table-flattened.duet-table-fixed tfoot td,.duet-table-flattened.duet-table-minimal tfoot td,.duet-table-flattened.duet-table-plain tfoot td{margin-bottom:4px !important}.duet-table-flattened.duet-table-fixed tbody:not(:only-of-type) tr:first-child,.duet-table-flattened.duet-table-minimal tbody:not(:only-of-type) tr:first-child,.duet-table-flattened.duet-table-plain tbody:not(:only-of-type) tr:first-child{border-bottom:0}.duet-table-plain.duet-table-flattened tbody tr{border-bottom:1px solid rgb(212, 223, 229)}.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr{border-bottom-color:rgb(222, 224, 228)}.duet-table-minimal tbody tr,.duet-table-minimal tbody tr td{vertical-align:top;border-bottom:0 none}.duet-table-minimal tbody tr:last-of-type,.duet-table-minimal tbody tr:last-of-type td{border-bottom:1px solid rgb(212, 223, 229)}.duet-table-minimal.duet-table-flattened tbody tr,.duet-table-minimal.duet-table-flattened tbody tr td{border-bottom:0 none}.duet-table-minimal.duet-table-flattened tbody tr td[data-heading]::before{display:none}.duet-table-minimal.duet-table-flattened tfoot{border-top:1px solid rgb(212, 223, 229)}.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot{border-top-color:rgb(222, 224, 228)}.duet-table-fixed table{table-layout:fixed}.duet-table-fixed tbody tr,.duet-table-fixed tbody tr td,.duet-table-fixed tbody tr td:first-child{padding:4px !important;vertical-align:text-bottom;border-bottom:0 none}.duet-table-fixed thead{display:none}.duet-table-fixed tbody tr,.duet-table-fixed tbody tr td{border-bottom:0 none}.duet-table-fixed:not(.duet-table-flattened) tfoot{border-top:1px solid rgb(212, 223, 229)}.duet-table-fixed:not(.duet-table-flattened).duet-theme-turva tfoot{border-top-color:rgb(222, 224, 228)}.duet-table-scrollable{position:relative;width:100%;overflow-x:auto;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;background-repeat:no-repeat;background-attachment:local, local, scroll, scroll;background-size:100px 100%, 100px 100%, 12px 100%, 12px 100%}.duet-table-selected-column{background:rgba(0, 119, 179, 0.08)}.duet-theme-turva .duet-table-selected-column{background:rgba(113, 118, 132, 0.08)}.duet-table-sortable tbody tr td:first-child,.duet-table-sortable thead tr th:first-child{padding:20px}.duet-table-sortable:not(.duet-table-flattened) tfoot{border-top:1px solid rgb(212, 223, 229)}.duet-table-sortable:not(.duet-table-flattened).duet-theme-turva tfoot{border-top-color:rgb(222, 224, 228)}.duet-table-actions table{table-layout:auto}.duet-table-actions thead th:last-child{width:1px;white-space:nowrap}.duet-editable-table-table.duet-table-flattened tr{display:grid;grid-template-columns:repeat(2, 1fr);grid-auto-rows:auto;gap:10px}.duet-editable-table-table.duet-table-flattened tr.duet-table-action-row td:last-child::before{padding:0;content:\"\"}.duet-editable-table-table.duet-table-flattened td{grid-column:1/2}.duet-editable-table-table.duet-table-flattened td:first-child{grid-row:1;grid-column:1}.duet-editable-table-table.duet-table-flattened td:last-child{grid-row:1;grid-column:2}";
-var DuetTableStyle0 = duetTableCss;
+const styles = `
+duet-table {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  background: transparent;
+  border: 0;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+  margin-bottom: ${spaceLarge} !important;
+  display: block;
+  font-variant-numeric: tabular-nums;
+
+  table,
+  thead,
+  tbody,
+  tfoot,
+  th,
+  td,
+  tr {
+    box-sizing: border-box;
+    padding: 0;
+    margin: 0;
+    background: transparent;
+    border: 0;
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    appearance: none;
+  }
+
+  &.duet-m-0 {
+    margin: 0 !important;
+  }
+
+  table {
+    width: 100%;
+    font-family: ${fontFamilyText};
+    font-size: ${fontSizeMedium};
+    text-align: left;
+    border-spacing: 0;
+    border-collapse: separate;
+  }
+
+  &.duet-table-hide-head-visually.duet-table-hide-head-visually {
+    thead,
+    thead * {
+      position: absolute !important;
+      top: 0;
+      width: 1px !important;
+      height: 1px !important;
+      padding: 0 !important;
+      overflow: hidden !important;
+      clip: rect(1px, 1px, 1px, 1px) !important;
+      border: 0 !important;
+    }
+  }
+
+  &.duet-theme-turva table {
+    font-family: ${fontFamilyTextTurva};
+  }
+
+  td {
+    -webkit-hyphens: auto;
+    hyphens: auto;
+    color: ${colorSecondary};
+  }
+
+  &.duet-theme-turva td {
+    color: ${colorSecondaryTurva};
+  }
+
+  th {
+    font-weight: ${fontWeightSemiBold};
+    line-height: ${lineHeightSmall};
+    color: ${colorGrayDarker};
+    text-align: left;
+  }
+
+  &.duet-theme-turva th {
+    color: ${colorGrayDarkTurva};
+  }
+
+  tbody th {
+    font-weight: ${fontWeightSemiBold};
+    color: ${colorSecondary};
+  }
+
+  &.duet-theme-turva tbody th {
+    color: ${colorSecondaryTurva};
+  }
+
+  & .duet-table-action-row {
+    & td:last-child {
+      justify-self: end;
+      padding-right: ${spaceLarge} !important;
+      white-space: nowrap;
+    }
+  }
+
+  span.duet-table-cell-heading {
+    display: none;
+  }
+}
+
+.duet-table-flattened {
+  table,
+  thead,
+  tbody,
+  tfoot,
+  th,
+  td,
+  tr {
+    display: block;
+  }
+
+  thead tr {
+    position: absolute !important;
+    top: 0;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    overflow: hidden !important;
+    clip: rect(1px, 1px, 1px, 1px) !important;
+    border: 0 !important;
+  }
+
+  td {
+    line-height: ${lineHeightSmall};
+
+    &:not(:last-child) {
+      margin-bottom: ${spaceMedium};
+    }
+
+    span.duet-table-cell-heading {
+      margin-bottom: ${spaceXxSmall};
+      display: block;
+      font-size: ${fontSizeMedium};
+      font-weight: ${fontWeightSemiBold};
+      color: ${colorSecondary};
+    }
+  }
+
+  &.duet-theme-turva td span.duet-table-cell-heading {
+    color: ${colorSecondaryTurva};
+  }
+
+  tbody td,
+  tbody th,
+  tfoot td {
+    padding: 0 !important;
+    text-align: left !important;
+  }
+
+  tbody th {
+    font-weight: ${fontWeightSemiBold};
+    line-height: ${lineHeightSmall};
+    color: ${colorGrayDarker};
+    text-align: left;
+  }
+}
+
+.duet-table-sticky thead th {
+  position: sticky;
+  top: 0;
+  background: ${colorGrayLightest};
+}
+
+.duet-table-striped {
+  td,
+  th {
+    padding: ${spaceLarge} !important;
+    @media ${mediaQueryXSmall.replace("'", "").replace("'", "")} {
+      padding: ${spaceLarge} ${spaceSmall} !important;
+    }
+  }
+
+  tbody th {
+    background: ${colorGrayLightest};
+  }
+
+  &.duet-table-sticky {
+    thead th {
+      border-bottom: 1px solid ${colorGrayLight};
+    }
+
+    &.duet-theme-turva thead th {
+      border-bottom-color: ${colorGrayLightTurva};
+    }
+  }
+
+  tbody:not(:first-of-type) th {
+    padding-top: calc(${spaceLarge} * 2) !important;
+  }
+
+  tbody:only-of-type tr:nth-of-type(odd) {
+    background: rgba(4, 81, 128, 0.04);
+  }
+
+  &.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {
+    background: rgba(${colorSecondaryTurva}, 0.04);
+  }
+
+  tbody:not(:only-of-type) tr:nth-of-type(even) {
+    background: rgba(4, 81, 128, 0.04);
+  }
+
+  &.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even) {
+    background: rgba(${colorSecondaryTurva}, 0.04);
+  }
+
+  tfoot td {
+    border-top: 1px solid ${colorGrayLight};
+  }
+
+  &.duet-theme-turva tfoot td {
+    border-top-color: ${colorGrayLightTurva};
+  }
+
+  &.duet-table-flattened {
+    tbody:not(:first-of-type) th {
+      padding-top: ${spaceLarge} !important;
+    }
+
+    tr {
+      padding: ${spaceLarge} !important;
+    }
+
+    tfoot {
+      td {
+        border-top: 0;
+      }
+
+      tr {
+        border-top: 1px solid ${colorGrayLight};
+      }
+    }
+
+    &.duet-theme-turva tfoot tr {
+      border-top-color: ${colorGrayLightTurva};
+    }
+  }
+}
+
+.duet-table-plain, .duet-table-fixed, .duet-table-minimal {
+  th {
+    padding: ${spaceMedium} !important;
+    border-bottom: 1px solid ${colorGrayDarker};
+
+    &:first-child {
+      padding-left: 0 !important;
+    }
+
+    &:last-child {
+      padding-right: 0 !important;
+    }
+  }
+
+  &.duet-theme-turva th {
+    border-bottom-color: ${colorGrayDarkerTurva};
+  }
+
+  tbody th {
+    padding-top: calc(${spaceLarge} * 2) !important;
+    border-bottom-color: ${colorGrayLight};
+  }
+
+  &.duet-theme-turva tbody th {
+    border-bottom-color: ${colorGrayLightTurva};
+  }
+
+  td {
+    padding: ${spaceMedium} !important;
+
+    &:first-child {
+      padding-left: 0 !important;
+    }
+
+    &:last-child {
+      padding-right: 0 !important;
+    }
+  }
+
+  tbody td {
+    border-bottom: 1px solid ${colorGrayLight};
+  }
+
+  &.duet-theme-turva tbody td {
+    border-bottom-color: ${colorGrayLightTurva};
+  }
+
+  &.duet-table-flattened {
+    tbody:first-of-type th {
+      padding-top: 0 !important;
+    }
+
+    td,
+    tbody th {
+      border-bottom: 0;
+    }
+
+    tr {
+      padding: ${spaceLarge} 0 !important;
+    }
+
+    tbody th {
+      padding-top: ${spaceLarge} !important;
+    }
+
+    tfoot td {
+      margin-bottom: ${spaceXxSmall} !important;
+    }
+
+    tbody:not(:only-of-type) tr:first-child {
+      border-bottom: 0;
+    }
+  }
+}
+
+.duet-table-plain {
+
+  &.duet-table-flattened {
+    tbody tr {
+      border-bottom: 1px solid ${colorGrayLight};
+    }
+
+    &.duet-theme-turva tbody tr {
+      border-bottom-color: ${colorGrayLightTurva};
+    }
+  }
+}
+
+.duet-table-minimal {
+
+  tbody tr,
+  tbody tr td {
+    vertical-align: top;
+    border-bottom: 0 none;
+  }
+
+  tbody tr:last-of-type,
+  tbody tr:last-of-type td {
+    border-bottom: 1px solid ${colorGrayLight};
+  }
+
+  &.duet-table-flattened {
+    tbody tr,
+    tbody tr td {
+      border-bottom: 0 none;
+    }
+
+    tbody tr td[data-heading]::before {
+      display: none;
+    }
+
+    tfoot {
+      border-top: 1px solid ${colorGrayLight};
+    }
+
+    &.duet-theme-turva tfoot {
+      border-top-color: ${colorGrayLightTurva};
+    }
+  }
+}
+
+.duet-table-fixed {
+
+  table {
+    table-layout: fixed;
+  }
+
+  tbody tr,
+  tbody tr td,
+  tbody tr td:first-child {
+    padding: 4px !important;
+    vertical-align: text-bottom;
+    border-bottom: 0 none;
+  }
+
+  thead {
+    display: none;
+  }
+
+  tbody tr,
+  tbody tr td {
+    border-bottom: 0 none;
+  }
+
+  &:not(.duet-table-flattened) {
+    tfoot {
+      border-top: 1px solid ${colorGrayLight};
+    }
+
+    &.duet-theme-turva tfoot {
+      border-top-color: ${colorGrayLightTurva};
+    }
+  }
+}
+.duet-table-scrollable {
+  position: relative;
+  width: 100%;
+  overflow-x: auto;
+  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;
+  background-repeat: no-repeat;
+  background-attachment: local, local, scroll, scroll;
+  background-size: 100px 100%, 100px 100%, 12px 100%, 12px 100%;
+}
+
+.duet-table-selected-column {
+  background: rgba(${colorPrimary}, 0.08);
+
+  .duet-theme-turva & {
+    background: rgba(${colorGrayDarkerTurva}, 0.08);
+  }
+}
+
+.duet-table-sortable {
+  tbody tr td:first-child,
+  thead tr th:first-child {
+    padding: ${spaceLarge};
+  }
+
+  &:not(.duet-table-flattened) {
+    tfoot {
+      border-top: 1px solid ${colorGrayLight};
+    }
+
+    &.duet-theme-turva tfoot {
+      border-top-color: ${colorGrayLightTurva};
+    }
+  }
+}
+
+
+.duet-table-actions {
+  table {
+    table-layout: auto;
+  }
+
+  thead {
+    & th:last-child {
+      width: 1px;
+      white-space: nowrap;
+    }
+  }
+}
+
+.duet-editable-table-table.duet-table-flattened {
+  tr {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-auto-rows: auto;
+    gap: 10px;
+
+    &.duet-table-action-row td:last-child::before {
+      padding: 0;
+      content: "";
+    }
+  }
+
+  td {
+    grid-column: 1 / 2;
+
+    &:first-child {
+      grid-row: 1;
+      grid-column: 1;
+    }
+
+    &:last-child {
+      grid-row: 1;
+      grid-column: 2;
+    }
+  }
+}
+`.replace(/[\n\r\t]/gm, "");
+function createStyles(element) {
+    const rootNode = element.getRootNode();
+    const isInShadowRoot = rootNode instanceof ShadowRoot;
+    if (isInShadowRoot) {
+        const sheet = new CSSStyleSheet();
+        sheet.replace(styles).then(() => {
+            rootNode.adoptedStyleSheets.push(sheet);
+        });
+    }
+    else {
+        const previousStyleElement = document.querySelector("style#duet-table-styles");
+        if (previousStyleElement) {
+            return;
+        }
+        const styleElement = document.createElement("style");
+        styleElement.id = "duet-table-styles";
+        styleElement.innerHTML = styles;
+        document.head.append(styleElement);
+    }
+}
 
 const stickyTopValues = {
     none: 0,
@@ -19343,6 +19847,7 @@ class DuetTable {
         }
     }
     connectedCallback() {
+        createStyles(this.element);
         {
             return;
         }
@@ -19378,7 +19883,7 @@ class DuetTable {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'fe804ab98faa5a67150c751bb1c75fffd76d9979', class: {
+        return (hAsync(Host, { key: 'a02e59e614dfac870270c7e3d74e04fb2802c527', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -19387,15 +19892,14 @@ class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, hAsync("slot", { key: '5771327fbab3d42432e014a2f527de6c865d4999' })));
+            } }, hAsync("slot", { key: 'd3938a251798e10cd525715687c827fd449272cc' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
         "language": ["watchLanguageStateHandler"]
     }; }
-    static get style() { return DuetTableStyle0; }
     static get cmpMeta() { return {
-        "$flags$": 4,
+        "$flags$": 9,
         "$tagName$": "duet-table",
         "$members$": {
             "theme": [1025],
@@ -19581,17 +20085,17 @@ class DuetTextarea {
      */
     render() {
         const identifier = this.identifier || this.textareaId;
-        return (hAsync(Host, { key: '3464ae302a0a5d5c887a331e3550c8fa3dcd7162', class: {
+        return (hAsync(Host, { key: '49e8e10db6bb3a82dba74429a4ef16fd0f1adca5', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-has-counter": this.counter && !this.error,
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: '978e5736c81e0166f9268c875e6688d528b5962a', class: {
+            } }, hAsync("div", { key: '3ebe6d991a459d25fcb624c6be6d7287cd6f2856', class: {
                 "duet-textarea-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-label-hidden": this.labelHidden,
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            } }, hAsync(DuetInternalLabel, { key: 'acdfc1c7ff2213b9bc2ae22d0df671dc662530c5', 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: '744fc7ed55f9e6e309d085d2b4d7b6570ab082c1', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'e30e5ff63c68f40f67659852379b94900d7766e7', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '1c45d6d2fcf37e765fa52e71fddb5bf4501ad684', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: '3ecae1e53fde36ad09855189ded9f4db6ae66186', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: '130a8a8ab7da05cb546a7062868dce091ddc37b8', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: 'e0bb89af0dc04035955549f847426a3a556ceaa9', 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: 'c0c8298e15d3c59ed98fb4360ee8f51e720be244', alignment: "stretch" }, hAsync("duet-grid-item", { key: '897903be716ae4f138a75f6fbce0a8cb43abbc73', margin: "none", fill: true }, hAsync("div", { key: '668f83d7eeb1d96e8450568a37a6134dc80ca7c0', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'c3d07dc5c524d1fb9c3dba1878bf3dbc2c7baeeb' }, this.error))), hAsync("duet-grid-item", { key: '32452898c098f736f18daed1a7adcc33bc64869c', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: '794d07d1f318b92f803c092c13187abb6b3102b7', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: '25fd4397e3d9139040bd3eb54449ba1183fa4131', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
+            } }, hAsync(DuetInternalLabel, { key: '431f2df70846aae2a6d04f75e66c0ae702f77bb2', 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: '3c8ee3d71cbefc2d3859d5c78a09357599fa3d93', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'ecbbd7b2de0465087b6559c8941e2273e5d6e25a', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: 'bbfa15caf320dfda6ae6d48b0c9c6fe0fe25e284', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: 'c91f39fb9542a81ed961971d304517124a7046ae', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: '5f550265ff6c886f752c33ca662d56890d9f21a8', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: '0b24c58e21a7b62f658e573f13e44d68d5639df0', 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: '8b7934cf5d66a8dd93054007879d3755f24edce4', alignment: "stretch" }, hAsync("duet-grid-item", { key: '04e9818c668a06504b70dd73a925fdfd2734eee7', margin: "none", fill: true }, hAsync("div", { key: '6fe4e85fb3d4935cc1374c4027a73e76bb499604', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'ee5eb2a2149271a7644588aa8e36c4046c7fa59e' }, this.error))), hAsync("duet-grid-item", { key: '47937bb1385e1385d5445e978714896dadd5b320', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: 'd681d37404d792fc9b1e379b6c84cb21c6f23190', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: 'e044e35903993d4f9ac1c589bfb148eb02db83f1', class: "duet-visually-hidden", id: this.characterCountId, ref: el => {
                 this.hiddenCounterLabel = el;
             } })))));
     }
@@ -19723,12 +20227,12 @@ class DuetToggle {
      */
     render() {
         const identifier = this.identifier || this.toggleId;
-        return (hAsync(Host, { key: '72296626084b22e1e913073a7cab579306a9351f', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '27f25315d1e9fe41194f3234bb8a9981e9a6a182', class: {
+        return (hAsync(Host, { key: '694e8b1cb37f0b0b1842ff3d6c185029579e0b1f', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '167e4372a5554dce04af310a69ed4c4e0c6ee3ed', class: {
                 "duet-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-side-label": this.labelPosition !== "top",
                 "duet-reverse-label": this.labelPosition === "right",
-            } }, hAsync(DuetInternalLabel, { key: '717144b9f527406c0c865f2b361b307fd0405adc', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), hAsync("label", { key: 'd142c9a5d7972009c5f3a287547f54206776550f', class: "duet-switch" }, hAsync("input", { key: 'b41af320a24f9b2baabe3051a44c4b1d60400e37', type: "checkbox", value: this.value, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, id: identifier, role: this.role, name: this.name, checked: this.checked, required: this.required, disabled: this.disabled, ref: input => (this.nativeInput = input) }), hAsync("div", { key: '51ba5bed4ddbcdea28fe16ff61b0b5889e3c0eb8', class: "duet-slider" })))));
+            } }, hAsync(DuetInternalLabel, { key: '125d2ac85be7fc1097655a5d14257c480861b7d4', theme: this.theme, color: this.labelColor, weight: this.labelWeight, for: identifier, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), hAsync("label", { key: '8f91d032e9063ff55aaf2c0058d2e5d401ad8724', class: "duet-switch" }, hAsync("input", { key: 'c9bc713caaf82122725cb37f320f3318ce102fd8', type: "checkbox", value: this.value, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, id: identifier, role: this.role, name: this.name, checked: this.checked, required: this.required, disabled: this.disabled, ref: input => (this.nativeInput = input) }), hAsync("div", { key: '01ff73ea8682b434fa35435c3e6ceb1f0ddb650d', class: "duet-slider" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -19799,11 +20303,11 @@ class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '21d533cd790fd3160001662f405fd6d576238601' }, hAsync("nav", { key: '7b6dd43ab8c737929acec750be80136d3f5bb007', class: {
+        return (hAsync(Host, { key: '188a69397278acb8403cb0798a75fbc9d80a0d45' }, hAsync("nav", { key: 'e215710483f2e92e44b12755d131bd1b7c3503fe', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'c6858334c5f7a5a760775d6cb1d5f3c8439f10a7', class: "container" }, hAsync("div", { key: '28485640df44e2daf65bee426b757931d7fe01e8', class: "list", role: "list" }, hAsync("slot", { key: '7fe71028d8cd2e938ec176fcf8a3bf9dd1d2e446', name: "left" })), hAsync("div", { key: 'a5fa75c98324be554112c6bead973905e2144371', class: "list", role: "list" }, hAsync("slot", { key: '277f1bafd019f0e03080d3c830be989eac1dd461', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'eacf66f064b8f43f140fb37852432c08d2bc4cde', class: "container" }, hAsync("div", { key: 'fc3781dbe2dda46e2452d996dcabf0fc29f07695', class: "list", role: "list" }, hAsync("slot", { key: '291e04fd4f9b9aa3bc0a63577593825bcc51a94d', name: "left" })), hAsync("div", { key: '3f9cfd1df02a12b5186353c61bb14b587308f1d4', class: "list", role: "list" }, hAsync("slot", { key: '7ab7c8a0f368b4d569370887ca4b5aefa2724893', name: "right" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarStyle0; }
@@ -19871,18 +20375,18 @@ class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '3f216acdbee35637a06bba1ad6bd31c79060c485', role: "listitem" }, hAsync("div", { key: 'f327067f1cca48416dbadf416c81beb395f68bf6', class: {
+        return (hAsync(Host, { key: 'b9c82af8341d828827b7c5536dda939aca2f2cda', role: "listitem" }, hAsync("div", { key: 'a8d047838de2e4b01362bf0cd8e7c1ba25490d23', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, hAsync("button", { key: '7dc771dbb2a86dea2b8765ce9913edf088f789f6', 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: '02b9012547af6361406a20419a042e19317e5cb4', 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: 'dddf695359ec083dc8f227c5e1deae8a5506b73f', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: 'd334e49d8815344ab29ac8db03eb694ddb496a54', class: "label" }, hAsync("slot", { key: '348fcd3dd00b6a81b94d33771f6e4557284bd16d', name: "label" }), hAsync("duet-icon", { key: '7dc2d3d54ff3117e2f48e687f3a762db43a837d4', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '90d305c6cecfb3fd7ee23ce5169cdcad6c4dd66f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'b6ebb6cb14ebcb9d6d9763c915dcb4b0299c842d', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: 'c12058a53fa6dd527225b99c19afe407728915b5', class: "label" }, hAsync("slot", { key: '32968bac767897e9da6913bd81eabcc7db113006', name: "label" }), hAsync("duet-icon", { key: '6f02485c14f602b5f9147de5d85a10296341d5bf', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '69af428a1a3159f77134ec15939af57d8b2a5ee0', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'eda0a71fd30d9a00a11d61a797243b2da1d4e19a' })))));
+            } }, hAsync("slot", { key: '80bd5bf933f8fe6af768ee625f4fcaea1bd961b0' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownStyle0; }
@@ -19935,11 +20439,11 @@ class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '8cb69dd33c2d35233088309fd5cdad8c1d16ed01' }, hAsync("a", { key: 'c805b960def6061680c14e5b401d1854c52f94a6', class: {
+        return (hAsync(Host, { key: 'e6284cb0d289f8b64e26d5588c12aac7d490b170' }, hAsync("a", { key: '56812f3a45834d09c37c304491daa0a7b8573c8e', 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: 'aa73a86d1c127f99f803b772bd2ae89b207fab30', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '7435a9263b6389e3a4a2e980a6528741c3b7a46f', class: "label" }, hAsync("slot", { key: '5bdd6f17bf41ee7a6f6dec80b9f3c9f741a1fc27' })), this.active && (hAsync("duet-icon", { key: '6d9294ed304b2652d8cf535f549edad17fc6965d', 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: '3a1f39a9f5c3fdfba1b4849b289b874ee6d0d3bf', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: 'ad7c40813561cb6d3c215b0986a25f0aeadac435', class: "label" }, hAsync("slot", { key: 'ee1ffcf539b6fc36dab482151cbea393d7582ef0' })), this.active && (hAsync("duet-icon", { key: 'b95754e56d673cd0330bc41aefd6a6a48e25cff6', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownLinkStyle0; }
@@ -20014,17 +20518,17 @@ class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: 'dd49a814af5543b3c5322f9ba0f14b94c1f2c0ff', role: "listitem" }, hAsync(TagName, { key: '99e8b130d9de3a738aa494473908afa59fcb5c9d', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: '5c9c5d91e896d720dafdbdd0a087ecbf2fed62a1', role: "listitem" }, hAsync(TagName, { key: '9cd2ac354b443cb850cdc9a3dab0798927db4b90', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("div", { key: 'f2cb988f3e1224d79d1fe65d289e08364b43d75f', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '8608706b7b512cfe61e35f4eb63a41804ac0085d', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: 'c4a5b2eba922d2bcaf1e90c63d496d6e0e8a282f', class: "duet-toolbar-badge" }))), hAsync("slot", { key: 'c4c8114069e098da845703905b77f15c4bb1c743' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '7f21cf0cd2a5aeca2685360049504e5daab02c3b', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '0c39d469df56947c3cec7f2e377906f0f48d0ef6', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("div", { key: '6b275748935ac11b86a4abb677debff450804ecf', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '6076231664a2a10b0d78400436f506ba46beacfd', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: '56380ea981d2c92215213646d3e16ab0e1af9f3e', class: "duet-toolbar-badge" }))), hAsync("slot", { key: '464fb2cde04cf2e57bd136bdc4ea15a84117b478' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '9e6f3430c39e7c426de9bc8ebe4e5229bc2c474d', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '3a5b1dfffd22b2a06c25f06a8665f1458e881d63', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: 'a59af5319ed0f896c0ba81b8c6234d7ebed0d3f2', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: 'adb45d78113ceec08f8577d445b43145506f9334', class: "duet-toolbar-badge" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarItemStyle0; }
@@ -20078,12 +20582,12 @@ class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '2656a1b596a4b66cf46c4f417335e35eb881dab2', role: "listitem" }, hAsync("a", { key: 'ce034bce2589926b97d4bb34280799747927414f', class: {
+        return (hAsync(Host, { key: 'fc85b821b21b1c14c76dc287a8cf4c2ec2eef5f4', role: "listitem" }, hAsync("a", { key: '1d04a6e6b8f053d336f7b1e64bb43b1f3af5ca72', 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: '0fc473d63161aaa4922c4557f902e170f68464ed', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'beba45fdc4e282f23e04735c6491c67f65ac7b7f' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '12a6f9ab1d2acfb541abc22579c85304d5e52c3b', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'bc2beb7e22a6152835e1d475d8a888b3fbe3b37b' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarLinkStyle0; }
@@ -20355,12 +20859,12 @@ class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '9072e8917cb41793dea41b85387c0d0ed01364ab' }, hAsync("button", { key: '873fe45b6a53107875d7f6cbd52edcef6c35a4cd', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (hAsync(Host, { key: 'ae2e6b2178ee576213dd23b3454d9301c7d76445' }, hAsync("button", { key: '828b657596897f539bcb09e9c61f8351a105dbf3', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
-            } }, hAsync("svg", { key: '323d7874dea1e157dfa25d203eb3dda93e4a4100', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'ef7df8fea96fc5f5adfec07ac1c7176c58f5939e', 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: 'd5e097119c80dbcee1e9a8b40e0a8e1416991c78', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'a85da0b6a9f044e2584d7a0cfbab5ff3045ee19a', 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: 'f1910fbcf2abe0cd566aafc35bff9aafafba261c', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'cb30d10b660bb70e460cc38411be2085d25e40f5', 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: '0aa8e5f682f4d4bbfde4b77ef9a1db672cabb281', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'c35b7243eb4c68c3668ecfaa0c90fb2672b7d25e', 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; }
@@ -20428,11 +20932,11 @@ class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (hAsync(Host, { key: '8acc3821b4d946db588b369f4b6a49949049aef3' }, hAsync("div", { key: '4e67df16578e9d684c13956359696ebb46aaa431', class: {
+        return (hAsync(Host, { key: '964556bf2968cb31ee22add9a0e5f776b8bf6d97' }, hAsync("div", { key: '82334ed0e1c500f24b71337475a2d54236f3e87a', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, hAsync(FocusGuard, { key: 'f80a8056489ea1d33f28e35e02956080855b8e0c', moveFocusTo: this.buttonEl }), hAsync("div", { key: '776dd94339d875a1a66e6384792b6ceb1c6aa3d0', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '5ca5cb490bbd841897e92550487d5ec2994c1454' })), hAsync("div", { key: '0d94a795e9e48495dfaf0f89a2deb85168e28e93', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '55de0f4a7b2af1fdc80591cf22164528677038b3', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '5c666a5fa3eeb84d1b9cae6a8e8c9ead45c44b69', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '50e2ef126f129c562fe92652d057f7295d1c67f2', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '1453b395ca04e521704846b572d7165cc150f0ff' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '75fbf5e7a95c4f2a30064a47e2e1c3905c2ee289', moveFocusTo: this.contentEl }))));
+            } }, hAsync(FocusGuard, { key: '42360ef43ddb6feb72e5fe4cc4133ab0338946a1', moveFocusTo: this.buttonEl }), hAsync("div", { key: 'f72ad11e31a3e94c9e605cb08b65f93e7718ddfd', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '3259ef9c053e2db1b0bad6cc6dc0f444081163d9' })), hAsync("div", { key: 'e278204fb9d9cfd336fe51a7b3902a8193b27191', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '292a12a67948c7186631bc1bb17a4897ba17f2f0', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: 'e624c12dff7a645bbb09fc938ae55366afdea858', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '6913f2962c93f355f3336636b1b2b806cd09561a', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '1a4ffc8085ae871cfa321a0aef3b4c88354fe077' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '9db665a257c4fdd8152612ddc981e14d3534debd', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipPopupStyle0; }
@@ -20540,14 +21044,14 @@ class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '978707965f7036c59164be861c06e3a95d0b010c', class: {
+        return (hAsync("div", { key: 'e3792fad133de97e663da30b97f7f1b2178d37ef', 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: 'fa71800b202335afe225062b6546c259024d1ebc', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '88504b3e7785cb2c996ca2a69f4f7613b3142641' })), this.hasAdditionalContent && (hAsync(Fragment, { key: 'b7bbc3062d4b56e76021d7fb1e275033b1d973de' }, hAsync("button", { key: '9f63e2b609caa6ba75251270b1e3f21e2c51900f', "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: '1976d894857521dba637850fd6d0f67dc5d2fb7c', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '52a51dd5b1c5f590ab6b69cb14f229df0b7af8cd' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '6258528ccbe8a9bb546ad35639457757583a4914', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: '79124cc2718b71d49e3ce57eaa405f7663f2db1e', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '842a4506b47dae4db5b81bd1fe551e09a08672f0', name: "additional" })))))));
+            } }, hAsync("div", { key: 'bd59a764acecbe3ef06cd35bd66f1dfef7510f61', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '130a7f33d591f4217c0cb53518c64263fb157835' })), this.hasAdditionalContent && (hAsync(Fragment, { key: 'b6f16fc8d0d2f00496c7621e586ce20fbda294bc' }, hAsync("button", { key: '80c8ef3feaacc7dfbee92487b4c45b76a29c06ad', "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: '6ee4d016a02a102e29cbec8a4529911ff0971adf', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '647c81ca9f0ff38f430d4d941b482d86bf4f9e59' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '5c4e077f923a7ea0089832043d9c00f57370c536', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: '22cac37f81a3f69ffc0fb81fb547d8c358080c19', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '68324e24bafd484cd8639d23fdc0ed6c9ffd053e', name: "additional" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTrayStyle0; }
@@ -21663,10 +22167,10 @@ class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (hAsync(Host, { key: 'd9a06a80ee3dbe6c14afeba29034210c0876e030', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '91dd6b9b6702eda6b91bde8051ba3dc19f61897f', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: 'db5e4b9f271fe451b5d22f7400ec4c0d3a6f138e', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: '27ba6010ee533701bf11a149427d2216c8ce29d9', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: 'e89c1d5f4ec256d1e3a78c3c39d2e70abf10e8e6', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '42eadc522cef6c31bf92926536586c335f70aa29', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '73e49bd8b917493fe195e9a41485bc92f7b28f87', 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: 'f4af2ea636e86ad99ea095816a947160842e473a', name: "filefooter" }), hAsync("slot", { key: '4f5808dd9f1d1f59a22358e889b465603fcf66e5', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: '098d617ed6b92abb83204dfd0c02f38aee307091', margin: "none", size: "small" }, hAsync("div", { key: 'df692c821b64ef7d2a8e00f1b798e0d6ea28589b', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: 'f5c2d00cef8aea857176ccfa0cf3ff52eb4b07ec', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '6950dea516b4b35f4e5fb7c9d37afd340a151a14' }, hAsync("duet-spacer", { key: '24eac12d73d7ed5ad8fab3be0777d7452bf326d7', size: "large" }), hAsync("duet-button", { key: 'fb63b67dfcd988535867d4fde83bd13c110d9f1c', 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: 'f22b72ae72f670b1d3b96699cc22b916e44805bb', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: 'd9062ebd9b108b426984ea6336014d707816be6a', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: 'f05cf1d0a76d07a12e0169d4554344860fe8d5e9', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: '5f6ea952dccd0579fa97ae6e751c727bb2b72383', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: 'b99e0d6949b2377b83a5b8e3ba4fab263685e427', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '0de37444dc62aac38f4ce95cb488cbd9c6485814', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: '0d169ad657e0ae9af98769dd2c7b007899826afe', 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: 'a957b0255feb705762d39f4615bd9a49a4569017', name: "filefooter" }), hAsync("slot", { key: 'f76b8605d58a7659c2dd0aa29c48a1f34e4a18a9', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: '3c3b2d1cc4929a960035feb0055c41d435a2cfba', margin: "none", size: "small" }, hAsync("div", { key: 'e5f8bd26ec72800dd78794620d3d1dcfb4c55ad8', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: 'c3d1e3f1725fdddfaad3eec7fdc9ed7cb3ef8b5b', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '25b1dfcfeb51ed4dce30e9dc0dfd4bf3e5adb41e' }, hAsync("duet-spacer", { key: 'd19f3991e372c617a6b9509adbc062a03f390090', size: "large" }), hAsync("duet-button", { key: '8536bf08e8becf2c50e0fff041facbe975f18ad5', 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: '749d1166c084a9b2919b909ee7ab9246d2c0ebe7' }, hAsync("duet-spacer", { key: '907c8f0f2709cf387eef1b2bb815335ded8ad30d', size: "medium" }), hAsync("duet-alert", { key: '792b424865e2a20fe34eeb248cbd00e376bcd646', 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: '31b3a469d2722362b44ee1e89e468f79e313fc7e', "aria-hidden": "true" }, hAsync("input", { key: 'ee5f9699f2d29c0ac92d0ba78c3e007a0cc327cd', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: '970bfa230702ba75dc8f8ac9e71f4183c4c3c0d7' }, hAsync("duet-spacer", { key: '72b8c0c087760db99ce3fdda33e33471b9606d61', size: "medium" }), hAsync("duet-alert", { key: '0769bcb8f099a5094dba69584d27909b915a1b18', 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: 'fba8af1631c5f83e159c7070c9680fb36e5e2d80', "aria-hidden": "true" }, hAsync("input", { key: '0c7c75a5a7328dfde2317095e37b363108c6423f', 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,
@@ -21987,7 +22491,7 @@ class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '177f33a14fe939c866cc4b465b1886899d97af29', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '410c70a49016691f5795d537a66ead6cc2a9bb64' }, this.statusMessage)));
+        return (hAsync(Host, { key: '26f9145a9517170dfe1ba393f2c5ad65b0b06a02', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '972991ded0b6c0b7006d97923b1a0f554b7ab597' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -22054,7 +22558,7 @@ class DuetUploadItem$1 {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '7dc8581b1c1cb947362a48413aa328ba66ed8958' }, hAsync("duet-visually-hidden", { key: '7e5084aaaec4b91f34eb2e0902744751f3a7818b', "aria-hidden": "true" }, hAsync("input", { key: 'ddc3d9e9c6fdb590a529fc506b291f6edbd07730', ref: input => {
+        return (hAsync(Host, { key: '926fcc76b3ab1a4b3487828c7e8c2b2c27d99908' }, hAsync("duet-visually-hidden", { key: 'bae6ad6046effdb6fcd799f7f4402b9b28a338c5', "aria-hidden": "true" }, hAsync("input", { key: 'e7e5106bbb4de343baa858eb76739022df33d5d6', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,
@@ -22166,9 +22670,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: '499163ce1be1b45ff2d97156ce06d7d9f3fefeb2', class: {
+        return (hAsync("div", { key: 'c8c6c57d941704bc0ddb5c25e0e76287ca4469a1', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (hAsync("div", { key: '0486c8703101bcb3837161c24ad0fc1a4ffe215f', class: "item-categories" }, hAsync("duet-heading", { key: '292cc4893eebebb39be0360efc9559c5de47b22e', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '8e6c67e49f9b5bc79fc011bc44362392eb3b7b24', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '24f05bb11ee5970722963e688fd5c5e797a0e77c', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '1c93322e3405f0c329978af89b70c91e7eb9733d', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (hAsync("div", { key: '0789dde74b01d1ee704ee518dda0975c31413989', class: "item-categories" }, hAsync("duet-heading", { key: 'fb76eeb96a18a1bc8c5073a41b0656ab506a4b40', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: 'cb374b138f6cf6c4124a810ed423aa1424105eec', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '19db25ee3bf0a7034ac787e6fa511cbd3c0b3b91', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '4c918f6aff58a949d21146cad2fbfb3e30d09b48', 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) }));
         }))));
     }
@@ -22209,7 +22713,7 @@ class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'cd9e7fe168ed42bfa9fc4751303db7edd312ce75', class: "duet-visually-hidden" }, hAsync("slot", { key: 'bd33aa5a8f5cf442fab2f40ef59b13c36b32eb9d' })));
+        return (hAsync(Host, { key: 'f655733ff3605a6ba0993f8e37ac51650f8366bb', class: "duet-visually-hidden" }, hAsync("slot", { key: '4825e5d1d6c0268ea3f2b81dab7c44bcd2715046' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetVisuallyHiddenStyle0; }