@duetds/components 10.0.0-alpha.1 → 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: '1e92c0aff2f7d6817644759f8fc0a338a12e651e', id: identifier, "aria-label": this.accessibleLabel, "aria-disabled": this.disabled ? "true" : undefined, name: this.name, value: this.value, onClick: this.disabled ? evt => evt.stopPropagation() : undefined }, focusHandlers), hAsync("span", { key: 'f0dfef6892bc184005d490ad2d1d5f9ff5c21fe9', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '490e975ca8e0573278761ac8fe978a5bac7f1188', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: '1e44610c8ab2868243517a700bfdb9e5adbd5d0d' })))), this.variation === "input" && (hAsync("span", { key: 'b4340e31757471ddf6e7e326c4738a34f57d668c', class: classes, "aria-label": this.getAccessibleInputChipLabel() }, hAsync("button", Object.assign({ key: 'dbb4afd5b7f46baa28a026ff4531db068eac8980', 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: '6e871c13f043685a2bd1fbf484256e801437a86b', class: "duet-chip-icon-container" }, this.icon && (hAsync("duet-icon", { key: '74c2893dc01e6e13a2baf628908c5f92a3bfc9d5', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }))), hAsync("slot", { key: 'f0600d50d6bc3a1b549d9d7b8a3c62d4d02ab53f' })), hAsync("button", { key: '70055da94df9cb43034d6b70e63c2748ca91eee5', 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: '1201fc54755c07ce2bbadfc2ec8aa29d5faa43eb', name: "activity-close", size: "xx-small", margin: "none", color: "currentColor" })))), this.variation === "filter" && (hAsync("span", { key: 'c6c3ddfc24d0bce8113029c644f01c5eceee6936', class: classes }, hAsync("input", Object.assign({ key: 'dae5813deea4c2b7798852027cc65d2be069fa05', "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: '5c7534979701b02d02649f0b77aadfae19568c15', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'a92359d55dae65066120c53db2f8fcfa09f89904', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '9193a5782a8848231e53276b90b0ce2e665e2812', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '78717f62e085fb0528f6ee7b141691f6c7555f42', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '7c210530d8bb610ac7aaadd0f4a7510ddd020d12' }), this.popupElement && (hAsync("span", { key: '2a6053db849ac7543ce7649c94a3fda09d7dd2f3', class: "duet-chip-popup-disclosure" }, hAsync("duet-icon", { key: 'e21b78ef1b4fca374c1112e4d492ed57f8ab9cab', name: "action-arrow-down-small", size: "xxx-small", margin: "none", color: "currentColor" })))))), this.variation === "radio" && (hAsync("span", { key: 'a964e2e03bfbf19d8a01f8475ee6d4b81c671c76', class: classes }, hAsync("slot", { key: '3b64cb528868bf3f36b83bfe613df41d7ee17513', name: "input" }), hAsync("label", { key: 'f3f52816c1229c2446f51642bcba073e95d44139', htmlFor: identifier }, this.icon && (hAsync("span", { key: 'e5d0dbadb5b2cc473dd1ad618bdc3f0e00d3f02c', class: "duet-chip-icon-container" }, hAsync("duet-icon", { key: '498cf093393d6b44a60aad4b73520d4f3ebecde2', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("duet-icon", { key: '153615d1f9923f824ca91a8799dfaebb9489ad47', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor", class: "check-mark" }))), hAsync("slot", { key: '6f89ed2bcee2e5cdf1b6505f04be602fad04b904' }))))));
+        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; }
@@ -7489,6 +7492,20 @@ class DuetCookieConsent {
     }; }
 }
 
+const DuetInternalLabel = (props, children) => {
+    const { theme = "", margin = "auto", size = "medium", weight = "semi-bold", color = "", id = "" } = props;
+    return (hAsync("label", { id: id, class: {
+            "duet-internal-label": true,
+            "duet-internal-label-small": size === "small",
+            "duet-theme-turva": theme === "turva",
+            "duet-small-margin": margin === "small",
+            "duet-m-0": margin === "none",
+            [`duet-weight-${weight}`]: true,
+            [`${props.class}`]: true,
+        }, htmlFor: props.for, style: { color } },
+        hAsync("span", null, children)));
+};
+
 const focusElement = (element) => {
     if ("setFocus" in element) {
         element.setFocus();
@@ -7891,7 +7908,7 @@ const DatePickerMonth = ({ selectedDate, focusedDate, labelledById, theme, langu
                 } }))))))))));
 };
 
-const duetDatePickerCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-theme-turva .duet-date-button{color:rgb(23, 28, 58);border-color:rgb(199, 202, 207)}.duet-date-button::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:\"\";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva .duet-date-button:disabled{background:rgb(245, 247, 250) !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{position:fixed;top:0;right:0;bottom:0;transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}}.duet-date-dialog.active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(222, 224, 228)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table{width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:2.6 !important;color:rgb(8, 42, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva .duet-date-table-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;color:rgb(23, 28, 58) !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-theme-turva .duet-date-table-button:hover{background:rgb(255, 227, 228) !important}.duet-date-table-button.today{z-index:200;color:rgb(0, 75, 129) !important;background:rgb(240, 247, 250) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-date-table-button.today{color:rgb(126, 2, 35) !important;background:rgb(255, 241, 241) !important;box-shadow:0 0 0 1px #171c3a !important}[aria-pressed=true] .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva [aria-pressed=true] .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}:focus .duet-date-table-button{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva :focus .duet-date-table-button{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(143, 147, 158) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva .duet-date-table-button.outside{color:rgb(143, 147, 158);background:rgb(245, 247, 250);box-shadow:none}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);pointer-events:none;border-radius:4px}.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-date-dialog-select span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(181, 198, 208)}@media (min-width: 36em){.duet-date-dialog-mobile-header{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(199, 202, 207)}.duet-date-dialog-mobile-header duet-label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header duet-label{display:none}}.duet-date-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(8, 42, 77) !important;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 247, 250) !important}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 247, 250) !important}.duet-date-picker-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-picker-close:focus{box-shadow:0 0 0 2px #171c3a !important}";
+const duetDatePickerCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-theme-turva .duet-date-button{color:rgb(23, 28, 58);border-color:rgb(199, 202, 207)}.duet-date-button::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:\"\";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva .duet-date-button:disabled{background:rgb(245, 247, 250) !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{position:fixed;top:0;right:0;bottom:0;transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}}.duet-date-dialog.active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(222, 224, 228)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table{width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:2.6 !important;color:rgb(8, 42, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva .duet-date-table-button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;color:rgb(23, 28, 58) !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-theme-turva .duet-date-table-button:hover{background:rgb(255, 227, 228) !important}.duet-date-table-button.today{z-index:200;color:rgb(0, 75, 129) !important;background:rgb(240, 247, 250) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-date-table-button.today{color:rgb(126, 2, 35) !important;background:rgb(255, 241, 241) !important;box-shadow:0 0 0 1px #171c3a !important}[aria-pressed=true] .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva [aria-pressed=true] .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}:focus .duet-date-table-button{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva :focus .duet-date-table-button{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(143, 147, 158) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva .duet-date-table-button.outside{color:rgb(143, 147, 158);background:rgb(245, 247, 250);box-shadow:none}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);pointer-events:none;border-radius:4px}.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-label{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-date-dialog-select span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(181, 198, 208)}@media (min-width: 36em){.duet-date-dialog-mobile-header{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(199, 202, 207)}.duet-date-dialog-mobile-header duet-label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header duet-label{display:none}}.duet-date-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(8, 42, 77) !important;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 247, 250) !important}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 247, 250) !important}.duet-date-picker-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-picker-close:focus{box-shadow:0 0 0 2px #171c3a !important}";
 var DuetDatePickerStyle0 = duetDatePickerCss;
 
 /**
@@ -8277,13 +8294,13 @@ class DuetDatePicker {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (hAsync(Host, { key: '48dfac6edc6326788eda85f8bf70bf5b4a0ff4ad', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'c3e6cf0d8d6e7ae3e917900e6c0093c53a13a44d', class: "duet-date" }, hAsync(DatePickerInput, { key: 'a440f6697d91cd0d0de2ab2c7c17d595e39bf9ae', 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: '856f8608b56c0a24bc287b35cd6e6edf51b42e1f', 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: 'dbfa04c5bf7c3f3982b22597fcad4b1029aa4539', visible: this.open, "display-device": "x-small" }), hAsync(FocusGuard, { key: '443af141eb824070c60ee455ea5dbeec2a37cdb7', moveFocusTo: this.focusedDayNode }), hAsync("div", { key: '107fd0fac02235e7567a3c4c39caa17209a45c29', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, hAsync("duet-visually-hidden", { key: '9cb6d9c06ec92d0d21e7fb0529f3c406ae5b741a', "aria-live": "polite" }, text.keyboardInstruction), hAsync("div", { key: '0752365441e95a42b6e3a17dc81aaa179342e5ca', class: "duet-date-dialog-mobile-header" }, hAsync("duet-label", { key: '6ffc63566ac1bd7484a2dacb2fcce822ce21c3c6', margin: "none" }, this.label), hAsync("button", { key: '248c0904984b9c5a67caf1892357d57e5ce60066', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, hAsync("duet-icon", { key: 'af984cb01089e8d9406c5b6bf0e67d2eeceb3beb', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), hAsync("duet-visually-hidden", { key: 'b8d0f1caeab887aa6b6651dcb193a7fa5525cbb7' }, text.closeLabel))), hAsync("div", { key: 'dd6610096ef2f1c7d7e5d4e0d1fac457362c5faf', class: "duet-date-dialog-header" }, hAsync("div", { key: 'd68c8dea57050c6fa051629f74add64e10cd38be', class: "duet-date-dialog-dropdowns" }, hAsync("duet-visually-hidden", { key: '58909421fde5e46cc2b1373e7e2d9532d6c1a03e' }, hAsync("h2", { key: '612d51f0e60b090a35458d90b0e9866ede633c83', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), hAsync("duet-visually-hidden", { key: 'b2463d984236267298af6c391d215c89f28c6488' }, hAsync("label", { key: '42e90c9b899b24cc40ac4c84e71a2c1d65043f51', htmlFor: this.monthSelectId }, text.monthSelectLabel)), hAsync("div", { key: '6d721a0d53346e15ce27eadc9eead200c7919610', class: "duet-date-dialog-select" }, hAsync("select", { key: '87df3cd45d626c59170b2f3874af646db4977c70', 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: 'eec62361035a4a7da7e473b35c83da7602db752b', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: 'ec536ccf980e51e293a7e6eea022761c447fdbc1' }, text.monthLabelsShort[focusedMonth]), hAsync("duet-icon", { key: 'f1a8731882be82bc403d1eb52575895255322d6f', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), hAsync("duet-visually-hidden", { key: '00a216897e04d308ce5750c8fa70e22e1ccc8138' }, hAsync("label", { key: '5ba713a95d1b746651a9d76bc0039373dfbeaa4d', htmlFor: this.yearSelectId }, text.yearSelectLabel)), hAsync("div", { key: '22dd0678e259984875717419a12860953b95cfb5', class: "duet-date-dialog-select" }, hAsync("select", { key: 'd78d55d784a66a3add24104426f3bcc0a8b0d22b', 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: '7d1ca2d567364c693db485929b0730e2d260c7ca', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, hAsync("span", { key: '2757b9f9910c6f2e1f7fb8b3d3adc65333bb679f' }, this.focusedDay.getFullYear()), hAsync("duet-icon", { key: 'dc068d24ccf9116a5c2e76e3bbdea7c356eb8eee', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), hAsync("div", { key: '34b00c0ca21c0d748927721b8ee5d1b830e1ce3a', class: "duet-date-dialog-buttons" }, hAsync("duet-action-button", { key: '1afdaac3260fc7c94c8a138b44f3aa608ea1b59d', 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: 'c2bef35e310c1ccc274ee52e17dcf790c4c3eb99', 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: 'a2f57b6196e1ee4ac2f53ed81b484622a49297dc', 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: 'be87303e8ba3831c94e72a8d07ca967ce35604a6', 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 {
@@ -8363,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,
@@ -8397,7 +8414,7 @@ const TableData = ({ data, groupId, alignment }, _children) => {
     }
 };
 
-const duetEditableTableCss = ".sc-duet-editable-table-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-actions-menu.sc-duet-editable-table{position:relative;padding:0 !important;margin:0}.duet-editable-table-actions-menu-button.sc-duet-editable-table{position:relative;right:-16px;float:right;padding:0}.duet-editable-table-actions-menu-icon.sc-duet-editable-table .duet-icon.sc-duet-editable-table{max-width:16px;max-height:16px}.duet-editable-table-row.duet-table-action-row.sc-duet-editable-table .duet-text-right.sc-duet-editable-table{text-align:right}.duet-editable-table-header.sc-duet-editable-table tr.sc-duet-editable-table .duet-editable-table-header-hidden.sc-duet-editable-table{padding:0 !important;font-size:0;border-bottom:0}";
+const duetEditableTableCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-actions-menu,td.duet-editable-table-actions-menu{position:relative;padding:0 !important;margin:0}.duet-editable-table-actions-menu-button{position:relative;right:-16px;float:right;padding:0}.duet-editable-table-actions-menu-icon .duet-icon{max-width:16px;max-height:16px}.duet-editable-table-row.duet-table-action-row .duet-text-right{text-align:right}.duet-editable-table-header tr .duet-editable-table-header-hidden{padding:0 !important;font-size:0;border-bottom:0}";
 var DuetEditableTableStyle0 = duetEditableTableCss;
 
 class DuetEditableTable {
@@ -8548,14 +8565,22 @@ 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; }
     static get cmpMeta() { return {
-        "$flags$": 6,
+        "$flags$": 9,
         "$tagName$": "duet-editable-table",
         "$members$": {
             "margin": [1],
@@ -8600,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; }
@@ -8660,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; }
@@ -8817,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:"))
@@ -8835,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 {
@@ -9039,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
@@ -9066,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 {
@@ -9122,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: {
@@ -9139,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 {
@@ -10003,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",
@@ -10014,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; }
@@ -10194,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,
@@ -10212,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 {
@@ -10348,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",
@@ -10361,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 {
@@ -10446,7 +10471,7 @@ function cleanValue(input, regex) {
     return newValue;
 }
 
-const duetInputCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip,::slotted(duet-tooltip){position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){right:auto}}duet-caption:not(:last-of-type){margin-bottom:0}.duet-input-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-input-icon{color:rgb(23, 28, 58)}.duet-input-container{position:relative;width:100%;height:100%}.duet-input-container.has-clear .duet-input-clear-icon{position:relative;z-index:250}.duet-input-container.has-clear .duet-input-clear-icon button{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear .duet-input-clear-icon button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-input-container.has-clear .duet-input-clear-icon button:focus,.duet-input-container.has-clear .duet-input-clear-icon button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear .duet-input-clear-icon button:active{opacity:0.75;transition:none}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single button{top:-48px;right:0}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double button{top:-24px;right:12px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-button button{top:-24px;right:0}.duet-input-container.has-clear.has-icon .duet-input-clear-icon{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container{justify-content:flex-start}}.duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small{padding:8px 10px !important}.duet-input.input-padding-x-small{padding:4px 6px !important}.duet-input.input-padding-xx-small{padding:0px 2px !important}.duet-input.is-number{padding-right:112px !important}.duet-input.is-date{padding-right:64px !important}.duet-input.after-chip{padding-left:8px !important}.has-error .duet-input{border-color:rgb(214, 28, 82) !important}.has-error .duet-input+.duet-input-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input+.duet-input-icon{color:rgb(214, 28, 82) !important}.has-icon .duet-input{padding-right:48px !important}.duet-theme-turva .duet-input{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) !important;border-color:rgb(143, 147, 158) !important}.duet-input.align-right{text-align:right}.duet-input::-ms-clear{display:none}.duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled]{color:rgb(8, 42, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-input[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-input:focus+.duet-input-icon{color:rgb(23, 28, 58)}.has-error .duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input:focus+.duet-input-icon{color:rgb(0, 119, 179)}.duet-input[type=search]:not(:placeholder-shown):focus+.duet-input-icon{display:none}.duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number]::-webkit-inner-spin-button,.duet-input[type=number]::-webkit-outer-spin-button,.duet-input[type=time]::-webkit-inner-spin-button,.duet-input[type=time]::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help span{display:block;margin-top:8px}.duet-theme-turva .duet-input-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative{position:relative;width:100%}.duet-input-variation-button{position:relative;width:100%}.duet-input-variation-button .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-button .duet-input-relative .duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable{position:relative;width:100%}.duet-input-variation-revealable ::-ms-reveal{display:none}.duet-input-variation-revealable .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-variation-revealable .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-revealable .duet-input-relative .duet-input{border-width:0 !important}.duet-input-variation-revealable .duet-input-relative .duet-input:focus,.duet-input-variation-revealable .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled .duet-input-relative{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus .duet-input-relative{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus .duet-input-relative{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips .duet-input-relative{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-container.has-chips .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips .duet-input-relative .duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips .duet-input-relative .duet-input:focus,.duet-input-container.has-chips .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}";
+const duetInputCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip,::slotted(duet-tooltip){position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){right:auto}}duet-caption:not(:last-of-type){margin-bottom:0}.duet-input-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-input-icon{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-input-icon{color:rgb(23, 28, 58)}.duet-input-container{position:relative;width:100%;height:100%}.duet-input-container.has-clear .duet-input-clear-icon{position:relative;z-index:250}.duet-input-container.has-clear .duet-input-clear-icon button{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 75, 129)}.duet-input-container.has-clear .duet-input-clear-icon button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-input-container.has-clear .duet-input-clear-icon button:focus,.duet-input-container.has-clear .duet-input-clear-icon button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear .duet-input-clear-icon button:active{opacity:0.75;transition:none}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-single button{top:-48px;right:0}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-double button{top:-24px;right:12px}.duet-input-container.has-clear .duet-input-clear-icon.duet-input-clear-icon-button button{top:-24px;right:0}.duet-input-container.has-clear.has-icon .duet-input-clear-icon{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button{color:rgb(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear .duet-input-clear-icon button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-input-label-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container{justify-content:flex-start}}.duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small{padding:8px 10px !important}.duet-input.input-padding-x-small{padding:4px 6px !important}.duet-input.input-padding-xx-small{padding:0px 2px !important}.duet-input.is-number{padding-right:112px !important}.duet-input.is-date{padding-right:64px !important}.duet-input.after-chip{padding-left:8px !important}.has-error .duet-input,.has-error .duet-input[disabled]{border-color:rgb(214, 28, 82) !important}.has-error .duet-input+.duet-input-icon,.has-error .duet-input[disabled]+.duet-input-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-input+.duet-input-icon{color:rgb(214, 28, 82) !important}.has-icon .duet-input{padding-right:48px !important}.duet-theme-turva .duet-input{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) !important;border-color:rgb(143, 147, 158) !important}.duet-input.align-right{text-align:right}.duet-input::-ms-clear{display:none}.duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled]{color:rgb(8, 42, 77) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-input[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-input:focus+.duet-input-icon{color:rgb(23, 28, 58)}.has-error .duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input:focus+.duet-input-icon{color:rgb(0, 119, 179)}.duet-input[type=search]:not(:placeholder-shown):focus+.duet-input-icon{display:none}.duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number]::-webkit-inner-spin-button,.duet-input[type=number]::-webkit-outer-spin-button,.duet-input[type=time]::-webkit-inner-spin-button,.duet-input[type=time]::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-input-help span{display:block;margin-top:8px}.duet-theme-turva .duet-input-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-input-help{color:rgb(214, 28, 82)}.duet-label-hidden label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative{position:relative;width:100%}.duet-input-variation-button{position:relative;width:100%}.duet-input-variation-button .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-button .duet-input-relative .duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable{position:relative;width:100%}.duet-input-variation-revealable ::-ms-reveal{display:none}.duet-input-variation-revealable .duet-input-relative{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-variation-revealable .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-variation-revealable .duet-input-relative duet-button{z-index:250;margin-bottom:0}.duet-input-variation-revealable .duet-input-relative .duet-input{border-width:0 !important}.duet-input-variation-revealable .duet-input-relative .duet-input:focus,.duet-input-variation-revealable .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled .duet-input-relative{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error .duet-input-relative{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.has-focus .duet-input-relative{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus .duet-input-relative{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error:hover:not(.disabled) .duet-input-relative{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips .duet-input-relative{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva .duet-input-container.has-chips .duet-input-relative{border-color:rgb(143, 147, 158)}.duet-input-container.has-chips .duet-input-relative .duet-input{flex-basis:4rem;flex-grow:1;padding-left:0 !important;margin-left:12px !important;border-width:0 !important}.duet-input-container.has-chips .duet-input-relative .duet-input:focus,.duet-input-container.has-chips .duet-input-relative .duet-input:hover{border-width:0 !important;box-shadow:none !important}";
 var DuetInputStyle0 = duetInputCss;
 
 const icons = {
@@ -10876,7 +10901,7 @@ class DuetInput {
             this.type !== "password" &&
             this.type !== "time" &&
             this.variation !== "button";
-        return (hAsync(Host, { key: 'e4e873f95bf94f97147a15b2587cce826ffe328d', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (hAsync("duet-visually-hidden", { key: '6c116b58cda98a99d0561e57f42478e6f95fe85b', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), hAsync("div", { key: 'dc417736dc38bf828bb78b5ef7c18b4fd0f55660', 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,
@@ -10890,7 +10915,7 @@ class DuetInput {
                 "has-clear": this.clear,
                 "has-focus": this.isFocused,
                 disabled: this.disabled,
-            } }, hAsync("div", { key: '3120dd57e859e1f11c7f871046ff93ca379f7d33', class: "duet-input-label-container" }, hAsync("duet-label", { key: '1625fdf912a8f117979ac70414b749e5920d6697', 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: '3e8fb18bae9803bd617d98fc326ff4879113505b', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'f9e4dca121a806252b7d523be78ae0db191ab05a', name: "tooltip" })), this.caption && (hAsync("duet-caption", { key: 'c3a0f5039b0a6a78600b26003cf742b6c100b715', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '6df3e2e0abb79ce6bf5347c6e52e03be6ac374e1', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (hAsync("duet-caption", { key: '3f6dec06ad90dba4cb28b08ed008252423f6db74', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (hAsync("duet-visually-hidden", { key: 'a53cd8aa2761ac6ebd7b5d6ee329573595c9aacf', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), hAsync("input", Object.assign({ key: '37decf03a973f6fa26a76961afc0598ab976b1e7', 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",
@@ -10898,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: '2b06ed113322c4e03fdcb04bf528cc9425307013', class: "duet-input-icon" }, hAsync("duet-icon", { key: 'b5d41a945b099d2c5ade8c121738a9d387599c80', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (hAsync("div", { key: 'f89624f414e9005f484f4d31b90edcf6ea81ca44', 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: 'aeedec82776de92e930bef230fdaed43552002a6', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, hAsync("duet-icon", { key: '92d15bab69bbfc0ea9b635c94b0edc5e5ddf4f3f', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (hAsync("div", { key: 'e16da8f6c4c252309cd6cf2fd9ad1d3f5ccdb547', class: "duet-input-icon" }, hAsync("duet-icon", { key: 'ee55dc419577e1bd21eca218717c1ec7a64f38c2', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && hAsync("slot", { key: '104d0b90682cd0508d684bebc22b9d4893d7181e', name: "button" }), this.variation === "revealable" && (hAsync("duet-button", { key: '838c0aef8ef924af565ad34a0004f4d5f187418f', 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: '902ec5a2c111186ed9cda34dcd1ad0d6666b74c7' }, hAsync("span", { key: '1c94535e903e542ff97a52cb871e91d4ab244646', "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: '9e346bbb5e1d4a0e78fe8ff3b79401c7988a4e91' })), hAsync("span", { key: '661e5d3ae11da4b71c4b024b6835b230008ddf42', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '66b313ab9b88db56592c542e1294012f6fbf3c10', 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 {
@@ -11076,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; }
@@ -11120,20 +11145,23 @@ var actionArrowRight={"title":"action-arrow-right","tags":"action arrow right ca
 var actionNewWindow={"title":"action-new-window","tags":"arrow open new window tab external link square box rectangle action","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M10.25 2a.75.75 0 1 1 0 1.5h-6.5A2.252 2.252 0 0 0 1.5 5.75v14.5a2.252 2.252 0 0 0 2.25 2.25h14.5a2.252 2.252 0 0 0 2.25-2.25v-6.5a.75.75 0 0 1 1.5 0v6.5A3.754 3.754 0 0 1 18.25 24H3.75A3.754 3.754 0 0 1 0 20.25V5.75A3.754 3.754 0 0 1 3.75 2zm12.985-2c.1 0 .198.02.29.058l.025.011a.726.726 0 0 1 .15.091l.066.059a.755.755 0 0 1 .109.138l.051.1c.04.092.06.192.06.293l-.001 6.363c0 .2-.078.389-.22.53a.743.743 0 0 1-.53.22.743.743 0 0 1-.53-.22.743.743 0 0 1-.22-.53V2.559L15.28 9.764a.75.75 0 0 1-1.06-1.06l7.204-7.205h-4.553a.744.744 0 0 1-.75-.75c0-.2.078-.388.22-.53A.743.743 0 0 1 16.87 0z\"/></svg>"};
 
 function getAccessibleLinkLabel(component) {
-    const textContext = component.element.textContent;
+    const textContent = component.element.textContent;
     if (component.accessibleLabel) {
         return component.accessibleLabel;
     }
-    if ((!!component.download || component.download === "") && textContext) {
-        return `${textContext}. ${component.accessibleLabelDownload}.`;
+    if ((!!component.download || component.download === "") && textContent) {
+        return `${textContent}. ${component.accessibleLabelDownload}.`;
+    }
+    if (component.external && textContent) {
+        return `${textContent}. ${component.accessibleLabelExternal}.`;
     }
-    if (component.external && textContext) {
-        return `${textContext}. ${component.accessibleLabelExternal}.`;
+    if (getElementsFromDefaultSlot(component.element).length) {
+        return textContent;
     }
     return null;
 }
 
-const duetLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{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-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none{padding:0}.block .block__icon{display:flex}.block .block__content{position:relative;bottom:2px}.block .block__chevron{align-self:center}.block .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}";
+const duetLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{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-style:normal;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none{padding:0}.block .block__icon{display:flex}.block .block__content{position:relative;bottom:2px}.block .block__chevron{align-self:center}.block .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.card{border-color:rgb(228, 236, 239);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}";
 var DuetLinkStyle0 = duetLinkCss;
 
 /**
@@ -11255,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,
@@ -11381,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 {
@@ -11431,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 {
@@ -11531,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",
@@ -11709,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; }
@@ -11783,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; }
@@ -11869,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; }
@@ -11939,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; }
@@ -12007,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,
@@ -12066,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; }
@@ -12321,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",
@@ -12343,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 {
@@ -12397,7 +12425,7 @@ class DuetModal {
     }; }
 }
 
-const duetMultiselectCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;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.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const duetMultiselectCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-multiselect-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;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.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:rgb(23, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(198, 12, 48)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.duet-theme-turva .duet-multiselect-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 var DuetMultiselectStyle0 = duetMultiselectCss;
 
 function toggleInArray(arr, item) {
@@ -12619,23 +12647,23 @@ class DuetMultiselect {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '3a671559e08eccdf48ad44b9e9b52b7d7e48e0c6', class: {
+        return (hAsync(Host, { key: '66db5f574c720ea5892865581aaaca95e7bfc202', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, hAsync("div", { key: 'fdf19e2d8b4d3b2badc1578e9024bb2aa3eb0c79', 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("duet-label", { key: 'a0fbdb1c0e5fb5bec6fd6bca6e2664daf8167857', 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: 'afa2b2750e582751ad2f939c06a926d642674d97', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '6de41caacf1f02a5c1a1d066fd374ff3c4a11c5a', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '27d956b0dda43a64bde53c69d5e09c3a1187aee7', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '4f7e7596be60a0108a21644d0673d5f80e28ecd3', class: "duet-multiselect-wrapper" }, hAsync("button", { key: 'bbcf2b3c97dc20be60de1436ab54a12299fe249c', 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: '6cbf96b0870b6bcce05de05913c5bb7c52fe0f52', 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: '314065c7594a074bc12181cb0e1ee435ee430430', class: "duet-multiselect-badge" }, this.value.length, hAsync("duet-visually-hidden", { key: '7aad3d1e91e90de0a0dfe7f36033e136c748d0ed' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), hAsync("svg", { key: 'e72d639f91e3d087689764dd2328c72e8d891702', 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: 'bb0c604921ecb5c00cf369fa4765093c88d62129', 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: 'a0ca77aba5de16cd53113ded0103d776062b84c9', 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: '867656e4631ed271950191a5144ef7ec14f782eb', class: "duet-multiselect-all-control-buttons" }, hAsync("button", { key: 'b55d9d3e7f6726a76301c32276608b307353e9d9', 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: '94d9f908ea389d09f404906f75121a7d38eac415', 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: '823e0b5d814cf797b45c231fded5191e17911527', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '8ffa0864b4ff78136869432028f26f80957d38a2' }, 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 {
@@ -12704,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; }
@@ -12763,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; }
@@ -12885,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",
@@ -13275,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; }
@@ -13368,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,
@@ -13438,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; }
@@ -13784,7 +13812,7 @@ class DuetPagination {
                 label: i.toString(),
             });
         }
-        const select = (hAsync("duet-select", { disabled: this.disabled, theme: this.theme, class: "duet-pagination-select", variation: "compact", items: JSON.stringify(items), value: this.current.toString(), label: this.accessibleLabels.select_label.replace("{0}", `${this.totalPages}`), labelHidden: true, onDuetChange: e => this.selectClickHandler(e) }));
+        const select = (hAsync("duet-select", { disabled: this.disabled, theme: this.theme, class: "duet-pagination-select", variation: "compact", items: JSON.stringify(items), value: this.current.toString(), label: this.accessibleLabels.select_label.replace("{0}", `${this.totalPages}`), labelHidden: true, onDuetChange: e => this.selectClickHandler(e), margin: "none" }));
         return (hAsync("li", null, select, hAsync("span", { class: "duet-pagination-total-pages", "aria-hidden": "true" }, "/ ", this.totalPages)));
     }
     shouldDisplayNavigation() {
@@ -13798,32 +13826,32 @@ class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '63ebab0bf7dea080db742a196ec6cadd4faf3422', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("nav", { key: '5b4e1021fb02a66c75a69bd9d38aa122b02f0853', 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: '93e3182cbbc58a95b98717a46d7b12493ec0818d', "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: '2c4d460cefbb01010e16f981ee02a88c72676697', theme: this.theme }, "jump to page : ", this.numbersStore))), hAsync("ol", { key: '34474987dd9a26aea05634587138e95af4fe450c', 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: 'c69df7d962b26a27a954c7d8bef8f535505a4cd1', 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: '901a11fde18ff828ab5ee44301b430f1551ff721', 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: 'deb4f81302119384f87796c6c571d3bff92394cc', 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: '43edc2b4276101f2a199656d97905fbb5c318d01', 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: 'e7bb804999bcc0049a36cee1cfed6eace4f69a9d' }, hAsync("li", { key: 'bc8e86d51a05ed7207c61130e03adab99972d990', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: 'c8cf1aa4d17fa21f4bac1df94d567ee7c6518926', 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: '949333bff2072db55bc94f2038c0dc17086075f7', class: "duet-pagination-page-number" }, "1"))), hAsync("li", { key: 'a60a0b5db53ce3ab2d53ef5d621cb116bfc54a24', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: 'ac69e69536e75c62726f5d0ebc403575ff059b2b', 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: 'e6fa249f0f887d99b24f8d98f8b2872c7d259ffe', 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: '68d65a89a09e8f96f8079165c10677ea7e28eb16' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (hAsync("li", { key: '2b3a962f01999ee98fa7404fb492d70facca7ce0', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, hAsync("duet-button", { key: '0007c2b7bfb175274c0d9bf0b6c44cb391573a4a', 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: '6fe7f71ea889cf3338600fd1bd0eb4f7ded1c02a', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), hAsync("li", { key: 'e2e34841b26b18aca84c76f43ef2d185528fefe4', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, hAsync("duet-button", { key: '8947ea4940b1e8df4759fdf76fc53c2f77febaf7', 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: '60e347e323fd4361a1cf408ee51e4bc67a9230d3', class: "duet-pagination-page-number" }, this.totalPages))))), hAsync("li", { key: '978ffca86c84b3fed8deaa3842f5ce5d1176699e', 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: '1d9c0a03632a95f0da443958fc9701410407ad24', 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: '6387079d576477e9fd25739cc58563a16f3d7f00', 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: '6b41bfa37ce32dbc2a977aa9110659c8720d04ab', 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 })))))));
     }
@@ -13897,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",
@@ -13905,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; }
@@ -15535,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 {
@@ -15649,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; }
@@ -15808,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; }
@@ -16002,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; }
@@ -16162,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 {
@@ -16199,7 +16227,7 @@ class DuetRadioGroup {
     }; }
 }
 
-const duetRangeSliderCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;text-align:left;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-range-container{position:relative;width:100%}.duet-output{position:absolute;top:12px;right:0;z-index:200;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-theme-turva .duet-output{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-range-disabled .duet-output{color:rgb(127, 150, 165)}.duet-range-disabled.duet-theme-turva .duet-output{color:rgb(143, 147, 158)}.duet-range{position:relative;z-index:100;width:100%;height:4px;background:rgb(181, 198, 208);border-radius:4px}.duet-theme-turva .duet-range{background:rgb(199, 202, 207)}.duet-ie .duet-range{display:block;width:auto;height:26px;background:transparent !important}.duet-range::-moz-range-track{height:1px;background:transparent !important;border:0;-moz-appearance:none}.duet-range::-ms-track{color:transparent;background:transparent;border:0}.duet-range:focus,.duet-range:active{outline:0}:host(.user-is-tabbing) .duet-range:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}:host(.user-is-tabbing) .duet-theme-turva .duet-range:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-range::-webkit-slider-runnable-track{background:transparent}.duet-range::-webkit-slider-thumb{position:relative;width:24px;height:24px;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%;transition:box-shadow 300ms ease;-webkit-appearance:none}.duet-theme-turva .duet-range::-webkit-slider-thumb{border-color:rgb(143, 147, 158)}.duet-range:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range::-moz-range-thumb{position:relative;width:24px;height:24px;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%;appearance:none}.duet-theme-turva .duet-range::-moz-range-thumb{border-color:rgb(143, 147, 158)}.duet-range:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%}.duet-theme-turva .duet-range::-ms-thumb{border-color:rgb(143, 147, 158)}.duet-range:disabled{background:rgb(181, 198, 208) !important}.duet-theme-turva .duet-range:disabled{background:rgb(199, 202, 207) !important}.duet-range:disabled::-webkit-slider-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva .duet-range:disabled::-webkit-slider-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range:disabled::-moz-range-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva .duet-range:disabled::-moz-range-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range:disabled::-ms-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva .duet-range:disabled::-ms-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-theme-turva .duet-range::-ms-fill-lower{background:rgb(198, 12, 48)}.duet-range::-ms-fill-upper{height:4px;background:rgb(181, 198, 208)}.duet-theme-turva .duet-range::-ms-fill-upper{background:rgb(199, 202, 207)}.duet-label-hidden duet-label,.duet-label-hidden output{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const duetRangeSliderCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;text-align:left;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-range-container{position:relative;width:100%}.duet-output{position:absolute;top:12px;right:0;z-index:200;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);background:rgb(255, 255, 255)}.duet-theme-turva .duet-output{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-range-disabled .duet-output{color:rgb(127, 150, 165)}.duet-range-disabled.duet-theme-turva .duet-output{color:rgb(143, 147, 158)}.duet-range{position:relative;z-index:100;width:100%;height:4px;background:rgb(181, 198, 208);border-radius:4px}.duet-theme-turva .duet-range{background:rgb(199, 202, 207)}.duet-ie .duet-range{display:block;width:auto;height:26px;background:transparent !important}.duet-range::-moz-range-track{height:1px;background:transparent !important;border:0;-moz-appearance:none}.duet-range::-ms-track{color:transparent;background:transparent;border:0}.duet-range:focus,.duet-range:active{outline:0}:host(.user-is-tabbing) .duet-range:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}:host(.user-is-tabbing) .duet-theme-turva .duet-range:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-range::-webkit-slider-runnable-track{background:transparent}.duet-range::-webkit-slider-thumb{position:relative;width:24px;height:24px;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%;transition:box-shadow 300ms ease;-webkit-appearance:none}.duet-theme-turva .duet-range::-webkit-slider-thumb{border-color:rgb(143, 147, 158)}.duet-range:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range::-moz-range-thumb{position:relative;width:24px;height:24px;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%;appearance:none}.duet-theme-turva .duet-range::-moz-range-thumb{border-color:rgb(143, 147, 158)}.duet-range:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:50%}.duet-theme-turva .duet-range::-ms-thumb{border-color:rgb(143, 147, 158)}.duet-range:disabled{background:rgb(181, 198, 208) !important}.duet-theme-turva .duet-range:disabled{background:rgb(199, 202, 207) !important}.duet-range:disabled::-webkit-slider-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva .duet-range:disabled::-webkit-slider-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range:disabled::-moz-range-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva .duet-range:disabled::-moz-range-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range:disabled::-ms-thumb{cursor:default;background:rgb(181, 198, 208);border-color:transparent}.duet-theme-turva .duet-range:disabled::-ms-thumb{background:rgb(199, 202, 207);border-color:transparent}.duet-range::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-theme-turva .duet-range::-ms-fill-lower{background:rgb(198, 12, 48)}.duet-range::-ms-fill-upper{height:4px;background:rgb(181, 198, 208)}.duet-theme-turva .duet-range::-ms-fill-upper{background:rgb(199, 202, 207)}.duet-label-hidden .duet-internal-label,.duet-label-hidden output{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 var DuetRangeSliderStyle0 = duetRangeSliderCss;
 
 const colors = {
@@ -16312,13 +16340,13 @@ class DuetRangeSlider {
         const rangeStyles = {
             background: `-webkit-linear-gradient(left,${active} 0%,${active} ${percentage}%,${inactive} ${percentage}%)`,
         };
-        return (hAsync(Host, { key: '88829030a8bbb0f4f4029de9ec16b04e3e476798', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, hAsync("div", { key: 'be11c8a8f243506acbd30ee4676104dbcea9a1ba', 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("duet-label", { key: 'c732b5fee1e4bfdb9873dfea49c26fdc34d6b03d', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small" }, this.label), hAsync("output", { key: '43e6503a9b071299e557c6e39b64679e32f8f483', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), hAsync("input", { key: '2cc4a064e002ac2c4ae45d6fd13f0bdc3401f5de', 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-label": this.label, "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; }
@@ -16521,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 {
@@ -16774,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 {
@@ -16833,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; }
@@ -16857,7 +16885,7 @@ class DuetSectionLayout {
     }; }
 }
 
-const duetSelectCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host.duet-select-variation-tiny,:host.duet-select-variation-compact{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}:host.duet-select-variation-compact{width:auto}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-select-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny{width:72px}.duet-select-wrapper{position:relative;width:100%;padding:15px 14px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-select-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny .duet-select-wrapper{width:81px;padding:0 !important}.duet-select-variation-compact .duet-select-wrapper{padding:0 !important;line-height:1}.duet-select-wrapper select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva .duet-select-wrapper select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper select:hover+.duet-select{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-select-wrapper select:hover+.duet-select{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-select-wrapper select:hover+.duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-select-wrapper select:hover+.duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper select:focus+.duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(23, 28, 58)}.duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(0, 119, 179)}.has-error .duet-select-wrapper select:focus+.duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-select-wrapper select:focus+.duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper select[disabled]{cursor:default !important}.duet-select-wrapper select[disabled]+.duet-select{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-select-wrapper select[disabled]+.duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper span.duet-keep-container-height{opacity:0}.duet-select-variation-compact .duet-select-wrapper span.duet-keep-container-height{display:none}.duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error .duet-select{border-color:rgb(214, 28, 82) !important}.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-select svg{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-select svg{color:rgb(23, 28, 58)}.duet-select-variation-tiny .duet-select,.duet-select-variation-compact .duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny .duet-select duet-icon,.duet-select-variation-compact .duet-select duet-icon{padding-left:10px}.duet-select-variation-compact .duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-select-help span{display:block;margin-top:8px}.duet-theme-turva .duet-select-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-select-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-select-help{color:rgb(214, 28, 82)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
+const duetSelectCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(:not(.duet-m-0)){margin-right:16px !important;margin-bottom:12px !important}:host(:not(.duet-m-0)):last-child,:host(:not(.duet-m-0)):last-of-type{margin-right:0 !important}@media (min-width: 36em){:host(.duet-expand){width:100% !important}}:host(.duet-select-variation-tiny),:host(.duet-select-variation-compact){position:relative;top:-2px;width:72px;margin:0;vertical-align:baseline}:host(.duet-select-variation-compact){width:auto}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-select-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny{width:72px}.duet-select-wrapper{position:relative;width:100%;padding:15px 14px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva .duet-select-wrapper{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-variation-tiny .duet-select-wrapper{width:81px;padding:0 !important}.duet-select-variation-compact .duet-select-wrapper{padding:0 !important;line-height:1}.duet-select-wrapper select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva .duet-select-wrapper select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-select-wrapper select:hover+.duet-select{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-select-wrapper select:hover+.duet-select{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-select-wrapper select:hover+.duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-select-wrapper select:hover+.duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper select:focus+.duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(23, 28, 58)}.duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(0, 119, 179)}.has-error .duet-select-wrapper select:focus+.duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-select-wrapper select:focus+.duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper select[disabled]{cursor:default !important}.duet-select-wrapper select[disabled]+.duet-select{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-select-wrapper select[disabled]+.duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper span.duet-keep-container-height{opacity:0}.duet-select-variation-compact .duet-select-wrapper span.duet-keep-container-height{display:none}.duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error .duet-select{border-color:rgb(214, 28, 82) !important}.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-select{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-select svg{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-select svg{color:rgb(23, 28, 58)}.duet-select-variation-tiny .duet-select,.duet-select-variation-compact .duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny .duet-select duet-icon,.duet-select-variation-compact .duet-select duet-icon{padding-left:10px}.duet-select-variation-compact .duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help{display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-select-help span{display:block;margin-top:8px}.duet-theme-turva .duet-select-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-select-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-select-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}";
 var DuetSelectStyle0 = duetSelectCss;
 
 function isOptionGroup(item) {
@@ -17008,23 +17036,23 @@ class DuetSelect {
      */
     render() {
         const identifier = this.identifier || this.selectId;
-        return (hAsync(Host, { key: '28f5db49f64ea0115fa20745df6d535fac98ca08', 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: '73e7a3937df41f97d6501cb393b05a1e11e07b97', 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("duet-label", { key: '1b908d4ce2db347aea7654f7d150c3536023be7e', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (hAsync("duet-tooltip", { key: 'f4ae4625f3844a0a4ff41ceeb5b09cc73f2c3139', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("slot", { key: '56432a29cd588587216dcb91b1d7fa29ae80c12d', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '2664591e6e79d7786ecd95e2136b7eb6ac46eb43', id: this.topCaptionId, size: "medium" }, this.caption)), hAsync("div", { key: '17a7d144eb109640535302879dc8e46622f7542a', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: '2777dafee5e8f98ca467b83cfa672aeb2bd51d26', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), hAsync("select", { key: '2d00bf64843b3d4402d75b50660baaa701e776bd', ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (hAsync("option", { key: '9f4a48986073692a67a221d489c3bc9402324828', 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: '00870092e20d5e30222ad0afa3072d1dfba03dce', 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: 'e1e57dfb22ba2d97a460c34b18a49355e8fa41a7', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '5fedaf97f4a4293f318512cc312d4c1d6ac9fce2', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" })))) || (hAsync("duet-icon", { key: '52b2404b48602331e322f5ccf6f338cf5dba46e4', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), hAsync("span", { key: 'c647fdcfac98bfd444789464f4e89f905a3db068', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), hAsync("span", { key: '2f8730fa473524bdc6fbfe52f295215fe023b984', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '438e8329537edfc708bb57ce8de8d91abb7aaae8' }, 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 {
@@ -17097,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 {
@@ -17207,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; }
@@ -17699,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 {
@@ -17775,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; }
@@ -17819,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; }
@@ -17984,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 {
@@ -18070,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; }
@@ -18114,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",
@@ -18165,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 })));
@@ -18275,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; }
@@ -18405,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 {
@@ -18550,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 {
@@ -18683,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; }
@@ -18746,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; }
@@ -18825,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,
@@ -18886,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; }
@@ -18996,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;
                 }
@@ -19005,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 {
@@ -19237,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; }
@@ -19290,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,
@@ -19326,6 +19847,7 @@ class DuetTable {
         }
     }
     connectedCallback() {
+        createStyles(this.element);
         {
             return;
         }
@@ -19361,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
@@ -19370,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],
@@ -19397,7 +19918,7 @@ class DuetTable {
     }; }
 }
 
-const duetTextareaCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva .duet-textarea{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva .duet-textarea[disabled]{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled]::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva .duet-textarea[disabled]::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled]:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help{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;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.duet-theme-turva .duet-textarea-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count{display:block;margin:8px 0 0 auto}";
+const duetTextareaCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva .duet-textarea{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva .duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva .duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva .duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva .duet-textarea[disabled]{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva .duet-textarea[disabled]::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled]::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva .duet-textarea[disabled]::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled]:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva .duet-textarea[disabled]:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help{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;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.duet-theme-turva .duet-textarea-help{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(143, 147, 158)}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count{display:block;margin:8px 0 0 auto}";
 var DuetTextareaStyle0 = duetTextareaCss;
 
 const CharacterCount = ({ value, maxlength, label, theme }) => {
@@ -19564,17 +20085,17 @@ class DuetTextarea {
      */
     render() {
         const identifier = this.identifier || this.textareaId;
-        return (hAsync(Host, { key: 'afb475015d0e4ad8439c1a2baf3ecd6196d608a4', 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: '0978415bfb413a15d80dfffc46c1e4d4990989dd', 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("duet-label", { key: 'd2bc5abddc08c58802a4123e8bfecd42d8ef286e', 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: 'ecb4778229571b2a0430cd8440a383b8e7a9ce4c', direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), hAsync("slot", { key: 'f55c7c3f480ed44c6476a276ecc8a21213b08ee9', name: "tooltip" }), this.caption && (hAsync("duet-caption", { key: '9508ae1e04ff3a74551efa81779c7e6f5ac5b3e8', id: this.topCaptionId, size: "medium", theme: this.theme === "turva" ? "turva" : "default" }, this.caption)), hAsync("div", { key: 'fa901006cd5a7ef28e443fb0ec1e289e7b91fd02', class: "duet-textarea-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (hAsync("duet-caption", { key: 'f352aa22e295837c2697022318f0ed3e27bdef8b', id: this.topCaptionPlaceholderId, class: "duet-textarea-placeholder", size: "small" }, this.placeholder)), hAsync("textarea", { key: 'b481afa761533533c22861249961fea2b6933a99', 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: '5448fd837456b03dbf6c6beb3fddc63e6ab767ff', alignment: "stretch" }, hAsync("duet-grid-item", { key: '23a4a4c7166b21e3749164f384def7a733421c59', margin: "none", fill: true }, hAsync("div", { key: 'a0d0109c87a899274270d83e5dd2ec30df16caa6', class: "duet-textarea-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'f23227e447ca85e2e8e79ebdea459d6ebfcd0420' }, this.error))), hAsync("duet-grid-item", { key: '3646d29d504b4f9c9cce38f66e58e8f994e54fb8', margin: "none", class: "duet-character-count-caption" }, this.counter && (hAsync(CharacterCount, { key: '83b2e50ae63c30e0cd0beff5891309b8ce36e6a7', theme: this.theme, value: this.value, maxlength: this.maxlength, label: this.counterLabel })))), this.counter && (hAsync("duet-visually-hidden", { key: '66fd9e4bab5013f6afd24a99dc1fbe2aa56ed5a9', 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;
             } })))));
     }
@@ -19628,7 +20149,7 @@ class DuetTextarea {
     }; }
 }
 
-const duetToggleCss = "*,*::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;-webkit-user-select:none;user-select:none;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(.duet-m-0){margin:0 !important}duet-label{display:block !important;width:100% !important}.duet-side-label{display:flex;gap:12px;align-items:center}.duet-side-label duet-label{width:auto !important}.duet-reverse-label{flex-direction:row-reverse}.duet-switch{position:relative;display:block;width:48px;height:28px}.duet-switch input{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-switch input:checked+.duet-slider{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva .duet-switch input:checked+.duet-slider{background-color:rgb(198, 12, 48)}.duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva .duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch input:disabled+.duet-slider{cursor:default}.duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-theme-turva .duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-switch input:disabled:not(:checked)+.duet-slider{background:#bfcbd2}.duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider{background:#c7c9cf}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255)}.duet-switch input:disabled:checked+.duet-slider{background:#80bbd9}.duet-theme-turva .duet-switch input:disabled:checked+.duet-slider{background:#e38698}:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}:host(.user-is-tabbing) .duet-theme-turva .duet-switch input:focus+.duet-slider{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:\"\";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva .duet-slider{background-color:rgb(143, 147, 158)}.duet-theme-turva .duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}";
+const duetToggleCss = ".duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{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;-webkit-user-select:none;user-select:none;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(.duet-m-0){margin:0 !important}duet-label{display:block !important;width:100% !important}.duet-side-label{display:flex;gap:12px;align-items:center}.duet-side-label duet-label{width:auto !important}.duet-reverse-label{flex-direction:row-reverse}.duet-switch{position:relative;display:block;width:48px;height:28px}.duet-switch input{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-switch input:checked+.duet-slider{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva .duet-switch input:checked+.duet-slider{background-color:rgb(198, 12, 48)}.duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva .duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch input:disabled+.duet-slider{cursor:default}.duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-theme-turva .duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-switch input:disabled:not(:checked)+.duet-slider{background:#bfcbd2}.duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider{background:#c7c9cf}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255)}.duet-switch input:disabled:checked+.duet-slider{background:#80bbd9}.duet-theme-turva .duet-switch input:disabled:checked+.duet-slider{background:#e38698}:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}:host(.user-is-tabbing) .duet-theme-turva .duet-switch input:focus+.duet-slider{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:\"\";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva .duet-slider{background-color:rgb(143, 147, 158)}.duet-theme-turva .duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}";
 var DuetToggleStyle0 = duetToggleCss;
 
 class DuetToggle {
@@ -19706,12 +20227,12 @@ class DuetToggle {
      */
     render() {
         const identifier = this.identifier || this.toggleId;
-        return (hAsync(Host, { key: 'f1b8c9c08fb1aee347e563410dca93a4ab121bac', onClick: this.disabled ? undefined : this.onClick, class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '68fbc5e970aa27bb23354da6ef76fe97ef7ac56c', 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("duet-label", { key: '71d8ab7afbe009e196619c59fc7f4d67e5014ecd', theme: this.theme, color: this.labelColor, weight: this.labelWeight, margin: this.labelPosition === "top" ? "auto" : "none" }, this.label), hAsync("label", { key: 'ad1ad4bb8249ff6999f9c8dfd48fd70ee658e80c', class: "duet-switch" }, hAsync("input", { key: '79c34fa10a7846e3e4751f314616a96ac7aaaacc', type: "checkbox", value: this.value, "aria-label": this.label, "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: '36aa5a3052136ff112b395ebac661c6496e64f93', 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 {
@@ -19782,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; }
@@ -19854,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; }
@@ -19918,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; }
@@ -19997,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; }
@@ -20061,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; }
@@ -20338,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; }
@@ -20411,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; }
@@ -20523,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; }
@@ -21646,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,
@@ -21970,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 {
@@ -22037,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,
@@ -22149,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) }));
         }))));
     }
@@ -22192,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; }