@duetds/components 8.7.1 → 8.7.3

package/hydrate/index.js

@@ -3575,12 +3575,12 @@ class DuetBadge {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (hAsync(Host, { key: 'c2ea9d2c0fa542ce15a331b897255ddd269a9aa7', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: 'af1bf65c2440d312bb0a4b271e4743b3b9cfacc8', class: {
+        return (hAsync(Host, { key: '813fa2ff37c4116616bb1c74af786cf596dc2301', class: { "duet-m-0": this.margin === "none" } }, hAsync("span", { key: 'faaface854b590a790bc1fbf98a9b79adcba3fa7', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("slot", { key: '290964c30c35cf1926a1834f8156aabd2c26db58' }))));
+            } }, hAsync("slot", { key: 'e05dee56ece896025bfe134a6ae5c45e15366232' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBadgeStyle0; }
@@ -3606,7 +3606,7 @@ const DuetPicture = ({ img, sources }) => {
         hAsync("img", Object.assign({}, img))));
 };
 
-const duetBannerCss = "*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-right: 36px !important;\n  margin-bottom: 36px !important;\n  display: flex;\n  justify-content: center;\n  width: auto;\n  container: duet-banner-container;\n  container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n  margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n  margin: 0 !important;\n}\n\n.duet-banner {\n  display: grid;\n  grid-template-rows: min-content 1fr;\n  width: 100%;\n  height: 100%;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  text-align: left;\n  border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n  padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n  margin: 0 !important;\n}\n.duet-banner .visual {\n  position: relative;\n  display: none;\n  overflow: hidden;\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n  .duet-banner .visual {\n    /* stylelint-enable */\n    display: block;\n  }\n}\n.duet-banner .visual .image-container {\n  position: relative;\n  aspect-ratio: 2/1;\n  overflow: hidden;\n}\n.duet-banner .visual .image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n.duet-banner .visual .icon {\n  position: absolute;\n}\n.duet-banner .visual .brand-shape {\n  position: absolute;\n  top: 0;\n  left: 72%;\n  display: none;\n  width: 100%;\n  height: 100%;\n  mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n  hyphens: auto;\n}\n.duet-banner .action {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding-top: 16px;\n}\n.duet-banner .visual {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n}\n.duet-banner .visual .icon {\n  bottom: 30px;\n  left: 15px;\n}\n.duet-banner.duet-theme-turva {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n  /* stylelint-disable */\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n    top: 36px;\n    left: 168px;\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-medium .content, .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 28px 28px 28px 0;\n  }\n  .duet-banner.size-medium .action, .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n@container duet-banner-container (min-width: 586px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    left: 80%;\n  }\n}\n.duet-banner.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n  .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .icon {\n    top: 40px;\n    bottom: auto;\n    left: 335px;\n  }\n  .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 48px 48px 48px 0;\n  }\n  .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}";
+const duetBannerCss = "*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-right: 36px !important;\n  margin-bottom: 36px !important;\n  display: flex;\n  justify-content: center;\n  width: auto;\n  container: duet-banner-container;\n  container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n  margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n  margin: 0 !important;\n}\n\n.duet-banner {\n  display: grid;\n  grid-template-rows: min-content 1fr;\n  width: 100%;\n  height: 100%;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  text-align: left;\n  border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n  padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n  margin: 0 !important;\n}\n.duet-banner .visual {\n  position: relative;\n  display: none;\n  overflow: hidden;\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n  .duet-banner .visual {\n    /* stylelint-enable */\n    display: block;\n  }\n}\n.duet-banner .visual .image-container {\n  position: relative;\n  aspect-ratio: 2/1;\n  overflow: hidden;\n}\n.duet-banner .visual .image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n.duet-banner .visual .icon {\n  position: absolute;\n}\n.duet-banner .visual .brand-shape {\n  position: absolute;\n  top: 0;\n  left: 72%;\n  display: none;\n  width: 100%;\n  height: 100%;\n  mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n  hyphens: auto;\n}\n.duet-banner .action {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding-top: 16px;\n}\n.duet-banner .visual {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n}\n.duet-banner .visual .icon {\n  bottom: 30px;\n  left: 15px;\n}\n.duet-banner.duet-theme-turva {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n  /* stylelint-disable */\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n    top: 36px;\n    left: 168px;\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-medium .content, .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 28px 28px 28px 0;\n  }\n  .duet-banner.size-medium .action, .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n@container duet-banner-container (min-width: 586px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    left: 80%;\n  }\n}\n.duet-banner.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n  .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .icon {\n    top: 40px;\n    bottom: auto;\n    left: 335px;\n  }\n  .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 48px 48px 48px 0;\n  }\n  .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n.duet-banner.no-image {\n  display: flex;\n  justify-content: center;\n  padding: 36px 20px;\n}\n.duet-banner.no-image .visual {\n  display: none;\n}\n.duet-banner.no-image .content {\n  width: 100%;\n  max-width: 720px;\n  padding: 0;\n}\n.duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.no-image.size-medium, .duet-banner.no-image.size-large {\n    /* stylelint-enable */\n    padding: 48px;\n  }\n}";
 var DuetBannerStyle0 = duetBannerCss;
 
 /**
@@ -3694,13 +3694,14 @@ class DuetBanner {
             img: { src: this.image, alt: "", loading: "lazy", class: "image", role: "presentation" },
             sources: parsePossibleJSON(this.sources),
         };
-        return (hAsync(Host, { key: 'b8716b8067524ae7e4c29e56cdc37d6219c7743a', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '02cd16540e44371af624eddac279c4f587e911e9', class: {
+        return (hAsync(Host, { key: 'b8716b8067524ae7e4c29e56cdc37d6219c7743a', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '7c4b420d5a203fa5066f4a71a801c9fc288e179c', class: {
                 "duet-banner": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.currentSize]: true,
                 "size-medium": this.size === "medium" || this.size === "large",
                 "size-large": this.size === "large",
-            }, style: bannerStyles }, hAsync("div", { key: '139a6499f366d61dba763713cad381ed6780e5e8', class: "visual" }, hAsync("div", { key: 'b063d9ddddba0afe65d85ea7847c314f56a7c9b5', class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({ key: '40243ade7f94128dc59965b7fc184bcdd1757695' }, pictureSource))), 1 > 2  , hAsync("div", { key: '057519bbda570dc1974fb0da6a316599bc1c8052', style: bannerStyles, class: "brand-shape" })), hAsync("div", { key: '8140591188d37de89f21508632e870e2f1e844a6', class: "content" }, this.hasHeadingSlot && (hAsync("div", { key: 'e328e6c93200678b563b2eb7bc4c9c219ac4e37c', class: "heading" }, hAsync("duet-heading", { key: '4b6ca965e82932e54c27fbee842a7d05e7c6a05d', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", { key: '61946b6c9b4e1e86ca668d099005f2bfe073b258' }, hAsync("slot", { key: '06c16d35efd2abc4d9becbc4d402b0711e12a985', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: 'dc27ed7a4c11719b722de325e8bfd247acf9c5f7', class: "description", style: { color } }, hAsync("slot", { key: 'bacca610eede0d13c6797428cb0192ca1b813a1c', name: "description" }))), this.hasActionSlot && (hAsync("div", { key: 'ace462fab508ebc6c737038bf2fe23e1389002ea', class: "action" }, hAsync("slot", { key: 'a4cece87b4735721ab030480cc28d8082b0e2bcb', name: "action" })))))));
+                "no-image": !this.image,
+            }, style: bannerStyles }, hAsync("div", { key: 'dd84b698336d0c159b692bde709c6f10bfe414bf', class: "visual" }, hAsync("div", { key: 'c92d3fdabc120fa760c30ae44e90a29439817940', class: "image-container" }, this.image && hAsync(DuetPicture, Object.assign({ key: 'bab1712aa5f1ab77a6c96babc607a9a9d4359dd2' }, pictureSource))), 1 > 2  , hAsync("div", { key: '411fc99b5c017a4b89f4aa375d6725e9e85314e6', style: bannerStyles, class: "brand-shape" })), hAsync("div", { key: '6ba154b92216b98f00b33d740175760049157d14', class: "content" }, this.hasHeadingSlot && (hAsync("div", { key: 'ba3ab430999ab6f0823ab957b06bcc4077799c5a', class: "heading" }, hAsync("duet-heading", { key: '256ed05f27e6c6c3ec987d4039d6a7caf713458b', theme: this.theme, level: this.headingLevel, "visual-level": this.currentSize === "large" ? "h2" : "h3", "fixed-size": true, margin: "none", color: this.textColor }, hAsync("span", { key: '197dbc447ca8910b13c8317cd00507e034e84e6f' }, hAsync("slot", { key: 'cba3fcc030b0412d981e7cc94626e90aa628cb25', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: 'dbcc6142fe33db74bccac1d54a1fe2a8e8ccc064', class: "description", style: { color } }, hAsync("slot", { key: '1806ab5f5be1ee076c3978f1fcb676cef6b62893', name: "description" }))), this.hasActionSlot && (hAsync("div", { key: 'bf9fd56968048a53d15cc1849c2a3b4619851c49', class: "action" }, hAsync("slot", { key: '367d2a86cb83fe2d2bdb91ae1e133453e35ce895', name: "action" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBannerStyle0; }
@@ -3769,14 +3770,14 @@ class DuetBreadcrumb {
      */
     render() {
         var _a;
-        return (hAsync(Host, { key: '359ae28dfb18d2d046fe37336a6cfcbca4050020', role: "listitem" }, hAsync("div", { key: 'fa63a10176ffb7fc0852548b5cdad3de11313017', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: '3f4812106582ffa66c6a2e9945ab202405316d50', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: 'afd2f603bc04c3ec10e43333c473037f10ae36b6', class: {
+        return (hAsync(Host, { key: 'b6f3e1e75bd42d8d41e89e0f0ddc460735d0d5f7', role: "listitem" }, hAsync("div", { key: 'b331039ab43444323d0376d7a97501edd62bca26', class: "container" }, this.icon === "arrow-right-small-icon" && (hAsync("duet-icon", { key: 'dd9a5aa7cb2de0c4fc03d45994ec4f176b9da83b', class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" })), hAsync("a", { key: 'a8e1e00fe3965f650d56054bbe9416cb4a2f96d8', 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: '7c6a8a607ed039c68829995e64cbe236177b96a8', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
-            this.hasSlottedContent && hAsync("duet-spacer", { key: '1d21488a81bb71662d33c68b06014822ec4b6780', size: "x-small", direction: "horizontal" }),
-        ], hAsync("slot", { key: 'd31c6089569f94f9daa8189b213233c8d50a0062' })))));
+            hAsync("duet-icon", { key: 'd6bfff88d0862ec2dcf3278067695169a528a6c0', size: this.iconSize, name: this.icon, margin: "none", color: "currentColor" }),
+            this.hasSlottedContent && hAsync("duet-spacer", { key: 'af6ac987fcfc1b3756a4d8143f2624f54ccec31a', size: "x-small", direction: "horizontal" }),
+        ], hAsync("slot", { key: '431112825f7667756b9bfb13e641fe290b60f244' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbStyle0; }
@@ -3837,11 +3838,11 @@ class DuetBreadcrumbs {
      */
     render() {
         const color = getColorByName(this.color);
-        return (hAsync(Host, { key: 'bec12db5b87b11910a7453f09d52e9b29d01cfd0' }, hAsync("nav", { key: 'dd7fe8be9e6af016a540b70113c8393b7b62297b', "aria-label": this.breadcrumbsAriaLabel, class: {
+        return (hAsync(Host, { key: '6005094e7bac41c2a8a29adf8046ca5231d34066' }, hAsync("nav", { key: 'ac2500d659dd3c902963e7af0edd1e6432f2aa3f', "aria-label": this.breadcrumbsAriaLabel, class: {
                 "duet-breadcrumbs": true,
                 "duet-theme-turva": this.theme === "turva",
                 [this.variation]: true,
-            } }, hAsync("div", { key: '933b37dd8fda5631332ef9d085a6f223f7e4aa22', class: "container" }, hAsync("div", { key: '4c4d3b06704d59e13707428f8913c6f3d6ff8e9b', role: "list", class: "list", style: { color } }, hAsync("slot", { key: 'bd0b46d3e528e491d332ec076899d7907153f9fc' })), hAsync("div", { key: '63432ec6ba26b107cc5d31fd4f385f6c50396750', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '6ecfd7e888ac888e5cba572c2766b656665c5fb0', class: "bottom-border bottom-border--nav" }))));
+            } }, hAsync("div", { key: '829e9f818a87449b89d41f32386e08ae6839497b', class: "container" }, hAsync("div", { key: 'd9c34522bc6d2ad205c847e4e8fe95a71a4d3ff9', role: "list", class: "list", style: { color } }, hAsync("slot", { key: '3ee81fac7e560f04536acc9aa13e3b342bdfc2bf' })), hAsync("div", { key: '13b589c5fb63ca7ff2e8d7129a1cc835a2b6f424', class: "bottom-border bottom-border--container" })), hAsync("div", { key: '9fa7fe0d22b33a77ba92f41eaff08fe3f5a739d2', class: "bottom-border bottom-border--nav" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetBreadcrumbsStyle0; }
@@ -3983,6 +3984,9 @@ class DuetButton {
         disconnectLanguageChangeObserver(this);
     }
     syncToProxyButton() {
+        if (this.disabled === false) {
+            this.element.removeAttribute("disabled");
+        }
         this.proxyButton.type = this.getButtonType();
         this.proxyButton.disabled = this.disabled;
         // attributes should be removed in cases where name/value is not set
@@ -4035,12 +4039,12 @@ class DuetButton {
         // enforce consistency for external links
         const icon = isExternalLink ? "action-new-window" : this.icon;
         const iconRight = isExternalLink ? true : this.iconRight;
-        const commonChildren = (hAsync("span", { key: 'e0ebfda3372f7e7d9e9528c2fbd2989bd5baf75c', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("span", { key: 'f8ea73acaa6c83d468f5088f986942bbf4be17b6', "aria-hidden": "true", class: {
+        const commonChildren = (hAsync("span", { key: '175bb8af989887b1f3c09549b95757984fafda22', class: { "duet-button-contents": true, "icon-right": iconRight }, style: { color: getColorByName(this.color) } }, icon && (hAsync("span", { key: 'c27d4012076d19e697ca12056499d02bbaaf5667', "aria-hidden": "true", class: {
                 "duet-button-icon": true,
                 left: !iconRight,
                 right: iconRight,
                 [this.getButtonIconSize()]: true,
-            } }, hAsync("duet-icon", { key: '0aead8e6eb9935f12858dd3bcd0260f84dd5cc75', size: "auto", margin: "none", name: icon, color: "currentColor" }))), hAsync("span", { key: '6352fc18f94e2ce195e92ba5591dcc5b0e71f08f', class: "duet-button-contents-slot" }, hAsync("slot", { key: '1a376bf753dee3c4ca50cc16482b05d70599f190' }))));
+            } }, hAsync("duet-icon", { key: '55ff5f4e621ff4396287b2478b626805f6b4cc18', size: "auto", margin: "none", name: icon, color: "currentColor" }))), hAsync("span", { key: '2686f673bf2aa13133b810e9aa8e2a2041e426b3', class: "duet-button-contents-slot" }, hAsync("slot", { key: '11a7a6dac5f579e19e7ded9914c954d0edd1e8db' }))));
         const size = this.size == "medium" || this.size == "small" || this.size == "x-small" ? this.size : "medium";
         const commonProps = {
             onFocus: this.onFocus,
@@ -4075,7 +4079,7 @@ class DuetButton {
             "aria-details": this.accessibleDetails,
             "aria-description": this.accessibleDescription,
         };
-        return (hAsync(Host, { key: 'b487b2aa94bb1ec71f2f778a9df3d3d1d812b6f3', onClick: this.handleClick, class: {
+        return (hAsync(Host, { key: '00b0b4bff689bbe5c51d3fabdfb8093c13816cd0', onClick: this.handleClick, class: {
                 "duet-m-0": this.margin === "none",
                 "duet-small": this.size === "small",
                 "duet-x-small": this.size === "x-small",
@@ -4083,13 +4087,13 @@ class DuetButton {
                 "duet-expand": this.expand,
                 [this.variation]: true,
                 "input-button": (_b = this.variation) === null || _b === void 0 ? void 0 : _b.startsWith("input-button"),
-            } }, hAsync("span", { key: '7317f692673b966bb8f35de3984dc03ccbf863d1', class: {
+            } }, hAsync("span", { key: '21b30db85548fad9886350e172f74455407d9f6d', class: {
                 "duet-button-container": true,
                 "duet-button-is-loading": this.loading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-button-negative": this.negative || this.variation === "negative",
                 [this.variation]: true,
-            } }, this.url ? (hAsync("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (hAsync("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && hAsync("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && hAsync("duet-spinner", { key: 'e3c03f3c11558a8c7aebf94e938d6b86efa42142', color: "currentColor" }))));
+            } }, this.url ? (hAsync("a", Object.assign({}, commonProps, { href: this.url, target: this.external ? "_blank" : "_self", rel: this.external ? "noopener" : undefined }), commonChildren, this.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal))) : (hAsync("button", Object.assign({}, commonProps, { type: this.getButtonType(), disabled: this.disabled, name: this.name, value: this.value, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, "aria-disabled": this.disabled }), commonChildren, this.loading && hAsync("duet-visually-hidden", null, " ", this.accessibleLabelLoading, " "))), this.loading && hAsync("duet-spinner", { key: 'dc75e3801e61c06621520d7589945b59a61664fc', color: "currentColor" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -4181,11 +4185,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: '50a8ffef2fd0df67ed6dd678fc5deca7451c6519' }, hAsync("div", { key: 'ea312f7420b7ff92cd689272a7930c52b8515fad', class: {
+        return (hAsync(Host, { key: '063480653c78ec3af7af88f78668f46b1cd68344' }, hAsync("div", { key: 'fc589663d377d0ca46888f970824e02d154a62f4', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("figure", { key: 'a7fbbee8a7f6b081fa4f6ce4d0f3167976d84248', class: "container" }, hAsync("duet-icon", { key: '6ebaaa2089435596aecad47e4275feb962bbc4a9', 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: '805e770a50fe9b9e45e194400fa47e0df8ba3b5a' }, hAsync("slot", { key: '3d2336838a7716738ff972974cf1255aa3fed669' })), this.hasAuthorSlot && (hAsync("figcaption", { key: '102d37e380278ad1a21c9a81a640ca998f6eb04c', class: "author" }, hAsync("span", { key: '6d0bba4ed057fb23690ff7f3a9510860d5447cfd' }, "\u2014 "), hAsync("slot", { key: '85c463879833de458492f6260ac0212dd9d5f879', name: "author" })))))));
+            } }, hAsync("figure", { key: '8c2c3b0181f3b62104132bef2a8c6e2a1875012d', class: "container" }, hAsync("duet-icon", { key: 'dbc8bfb4314be5079691951629f3639c3042e23c', 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: '7c441757835f32794f60ace1881cc4e0e4a54ee6' }, hAsync("slot", { key: '6fee2ce133ad3d735590e7f9bf740e2aa39ae0ba' })), this.hasAuthorSlot && (hAsync("figcaption", { key: '7f04066eceba4db7584cc676678e012601819204', class: "author" }, hAsync("span", { key: 'f38084061413441a935186b4f4fd75e2048ea8a8' }, "\u2014 "), hAsync("slot", { key: '0512a40598cdb8c637761a05fe0b3b90ed7bf22c', name: "author" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetCalloutStyle0; }
@@ -4546,11 +4550,11 @@ class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (hAsync(Host, { key: '75cdc17a166f46cf6e654ddb26c60b29f3c550e1', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: 'ed73c4db6ad6ed7815332c3ec9317e1cbca23942', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: 'cf193028e8d1fa0d351a186e4a250dc5c160a2ab', class: {
+        return (hAsync(Host, { key: '7fd977069f6d90e931bc1cc546dd5dcb1b3327a4', class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("div", { key: '6248db0eebc16f273f2e09182664e9aff4c8fc69', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, hAsync("div", { key: 'b2462908bca83b11023bd66451750e232403dbd7', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && hAsync("div", { key: '0821597580d4d34e2c5f5064ff78e4338ec990c9', class: "duet-checkmark" })))));
+            } }, this.checked && hAsync("div", { key: '58f1dfa0f6414c0b6e339562a7474d88f6ed593d', class: "duet-checkmark" })))));
     }
     static get style() { return DuetCheckmarkStyle0; }
     static get cmpMeta() { return {
@@ -6004,6 +6008,7 @@ class DuetCombobox {
         this.onKeyDown = (e) => {
             //if selection is made, close the list and update internal and external values
             const listItems = this.returnFilteredOrNonFiltered();
+            const listItemsSuggestions = listItems.filter(i => !this.selectedItems.has(i.id));
             // this should be set to undefined on everything BUT up/down arrow according to the aria 1.1 specs
             // https://www.w3.org/TR/wai-aria-practices-1.1/#combobox
             this.input.accessibleActiveDescendant = undefined;
@@ -6017,6 +6022,12 @@ class DuetCombobox {
                         this.updateSelectedItem(listItems[this.activeItem].id, true);
                     }
                 }
+                else if (!this.multiple &&
+                    this.listOpen &&
+                    listItemsSuggestions.length === 1 &&
+                    listItemsSuggestions[0].name.toLowerCase() === this.input.value.toLowerCase()) {
+                    this.updateSelectedItem(listItemsSuggestions[0].id, true);
+                }
                 this.activeItem = undefined;
                 this.listOpen = false;
                 return;
@@ -6323,6 +6334,13 @@ class DuetCombobox {
             return;
         }
         if (isBlurred && this.force) {
+            const listItems = this.returnFilteredOrNonFiltered();
+            if (!this.multiple &&
+                this.listOpen &&
+                listItems.length === 1 &&
+                listItems[0].name.toLowerCase() === this.input.value.toLowerCase()) {
+                this.updateSelectedItem(listItems[0].id, true);
+            }
             if (this.selectedItems.size === 0) {
                 this.input.value = "";
             }
@@ -6361,14 +6379,14 @@ class DuetCombobox {
             });
         }
     }
-    formatLabel(item, length, itemsLength) {
+    formatLabel(item, itemIndex, length, itemsLength) {
         if (!item || itemsLength === undefined) {
             return "";
         }
         const labelString = length === itemsLength ? this.accessibleLabels.item : this.accessibleLabels.itemFiltered;
         return labelString
             .replace("{name}", String(item.name))
-            .replace("{current}", String(this.activeItem + 1))
+            .replace("{current}", String(itemIndex + 1))
             .replace("{total}", String(length))
             .replace("{hiddenItems}", String(itemsLength - length));
     }
@@ -6508,10 +6526,10 @@ class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (hAsync(Host, { key: 'b674fc807cce1c817b2b31dd1825f3a190642c6d', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'b68429aaf66a828b9f42bcf700a918576da7acba', class: {
+        return (hAsync(Host, { key: '3c9fa25aeb7c045d4b6125136452fbc000e917b0', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '305d81e0a0ca2879b9ae99198f5625aa72d7055a', 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: '272aa33aa12d99826ff5fe2374676a48daada92d' }, this.name && (hAsync("duet-heading", { key: '1a6453e05d380f91303585547001924e6e5967fd', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '9eca18116b6526836aa593eaa4919e5f2f36e4b2', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: '2b0ddbf82dd582b527b4c1db30dea8942d6640cf', class: "email" }, hAsync("duet-icon", { key: 'c33e19a395ae75b1d6e432b4f3d75e38fbe701ef', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: '017a56f1452bf82445865f574e92c5b0ea917f1a', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '8f13ffc2706973678e7d60994f2c4e97e13009fa', class: "phone" }, hAsync("duet-icon", { key: '805a325b64354506973084bad6de2ed6600e78f7', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'a2675d71e041417e4a4d5f3ca168d5552d836fb9', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: 'bc888628c3b9b126025305ee3ab1ebbd5643b02c', class: "call-to-action" }, hAsync("duet-button", { key: 'c0a58c25990cadc362bd091e6f0ef9372ba5be25', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: '9851c5f372f29ec895b2c638f6d2bb17160af760' }), hAsync("slot", { key: '0af6c234d5db80e6ee5903b9844537a4f2e34d2d' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? hAsync("img", { class: "image", src: this.image, alt: this.name }) : hAsync("div", null), hAsync("div", { key: '097d0fa2b4bcdd11fc20ab44ef4efb0cdee60e64' }, this.name && (hAsync("duet-heading", { key: '2685492ee8f93e0bdfbbcc06069bede6254b95e7', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (hAsync("duet-paragraph", { key: '3e7ecd91d78612587c26fb59efeba51318ff23fa', class: "description", margin: "none", theme: theme }, this.description)), this.email && (hAsync("div", { key: 'db60baa08a325146189f570058a4eed39719794d', class: "email" }, hAsync("duet-icon", { key: '73f29608b716dba93b17aaf31b35343084bae481', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'aa4a3b2e81e0abe7fbfffae19f728330da02ed94', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (hAsync("div", { key: '8f357ececb303367c0f9e7a29b08a73e291696f0', class: "phone" }, hAsync("duet-icon", { key: '95623b4884cd04f1ccf7a05dd6e0fdd29ea0efc2', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), hAsync("duet-link", { key: 'debe51d2602cabd67192beb8e2a6b33f42cdc0ae', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (hAsync("div", { key: '0c53c226300fe7fe2430b096cb755865f239e58b', class: "call-to-action" }, hAsync("duet-button", { key: '59badc81218dbc05a54b0447d1487468cabe8024', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), hAsync("div", { key: 'e08bd939ffbeb843e958c046566bba918fdf1f01' }), hAsync("slot", { key: '5e6b4e8be69e1b5fd6babd5d616e3d3cbaa78138' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetContactCardStyle0; }
@@ -6941,6 +6959,7 @@ class DuetDatePicker {
         this.max = "";
         this.incrementYears = 10;
         this.validity = undefined;
+        this.accessibleLiveError = "polite";
     }
     updateValidity() {
         this.determineValidity(parseISODate(this.value));
@@ -7150,6 +7169,7 @@ class DuetDatePicker {
             "max": [1],
             "incrementYears": [2, "increment"],
             "validity": [1040],
+            "accessibleLiveError": [1, "accessible-live-error"],
             "open": [32],
             "focusedDay": [32],
             "inputValue": [32],
@@ -7482,20 +7502,20 @@ class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'ef488d03d8ab5898306fb32e6a37e66422abe71e', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: 'd9066fef1913a1bb7c1abc765891e0c671f10321', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (hAsync(Host, { key: '4b7d0d8326673fbc6e1e7c775e7fa4ee12d1bf33', class: { "duet-m-0": this.margin === "none" } }, hAsync("fieldset", { key: '24c00f00cb4bc4d9e765732e9aca337f8081e523', "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: '74fb853c07e685342be1e4dbed33f55e18b0139d', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'bb8637bad31e34aa017a8a8e7a94a22b726851c1' }, this.label), this.caption && hAsync("span", { key: 'e7012969462972e0e19025d262e1b99b1339590b' }, this.caption)), hAsync("div", { key: '81293e9d6b955e0d4d98c7e21adadf1aa653abdb', class: {
+            } }, hAsync("legend", { key: '25cc5a4565627e7253cf51ddd8387242901e5291', id: this.labelId }, hAsync(this.labelHeadingLevel, { key: 'b6fbd1a1aec1d5417c0402ca6e620989a214243d' }, this.label), this.caption && hAsync("span", { key: '8f2d3a785504eff5b08dacdd91f7563ea8d23556' }, this.caption)), hAsync("div", { key: '321ba668ccd5893bacfc4504144fe72afb9d7423', 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: '826e92ec6ea4979cfc5278b2b2e6d35b87beb402', class: "duet-fieldset-label" }, hAsync("span", { key: '7c0d0a85e2e782c1fa82d82b14cdbd953ef5759a', "aria-hidden": "true" }, this.label), hAsync("slot", { key: 'dc0e388e3171f83b8f10042f781bd82d5b21b670', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '6a107b24bfdca3a356c122ad85c6e3b3232751c3', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '10f0e84529d98709ab33cbcca888d6be559a634a', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: 'c6ebf5a81d24b65a5e716e41434a931b25451b45' }), hAsync("span", { key: '2296d9a54ef5a470002c5e841217741ce06e1216', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '25186afb78cdcff0737bb94ab25f48a8d7efc82c' }, this.error)))));
+            } }, hAsync("div", { key: '829ebed3b5303fc9745a4188341bc0f3265ab43c', class: "duet-fieldset-label" }, hAsync("span", { key: '8b510fdf1f3986a02a9c0bf8d68af86958d74d7c', "aria-hidden": "true" }, this.label), hAsync("slot", { key: '7cb0efc0b6f5790887cd1d1f971738d0050d03fc', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '60587899d57d4c56f83f2cc0419eed5e5d74fbc9', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: '503211941d2c58bb3b7b84c5c4dfa587b01f2ae5', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: 'b37c634b0db76801085598ab9b9e2b06321448f3' }), hAsync("span", { key: 'eb6c9de533eb068ef21e322df6d8e5f30ac75e07', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: 'ed99f6a92ade89c6e1f971dc4aa03985e3d87d57' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetFieldsetStyle0; }
@@ -7629,17 +7649,17 @@ class DuetFooter {
      * Always the last one in the class.
      */
     render() {
-        const text = getLocaleString(i18n$1);
+        const text = getLocaleString(i18n$1, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (hAsync("footer", { key: '47a97afd2b5b3f5e7460bb2e1dfc11cb7a5a496e', class: {
+        return (hAsync("footer", { key: '75ce11161efe6855a6a5b9ea3ac69f765607dc76', 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: 'c035ff684ed139032b909e424fef8f6e82cbcaab', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: '6202afea0bca318f33db3260864c90762a5921e8', class: {
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '23c753fba06a5ed4b0de30765fce8e919e291f05', class: "duet-footer-wrapper" }, this.variation !== "simple" && (hAsync("div", { key: 'd7e9578069a59e30d214706e33de6956ffe2cf3a', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, hAsync("div", { key: '677101a10fa913fc5e0415eb67971f98ca921182', class: "footer-top-logo" }, hAsync("duet-logo", { key: '569f9db0deb4fef8b257f410a5e397a54803c5df', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '29c11549ecc793726ed94a741755308744bb5ced', class: "footer-top-right-container" }, hAsync("slot", { key: '999fec8b73b976f2b31c50fee3d78e3579b8745e', name: "info" }), hAsync("div", { key: 'ba4730fee1d26a06608505fe16da12840a536797', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, hAsync("div", { key: '8ad9d1ea07a57748f5ebdd059988938a21267931', class: "footer-top-logo" }, hAsync("duet-logo", { key: '25ea3935ef88a5d3c1e42e9fdf64872588002a9e', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), hAsync("div", { key: '2006d743a6ed3d7488253961c4340f66496823a4', class: "footer-top-right-container" }, hAsync("slot", { key: 'd327dab130eabe791f9ae1018e5c4e9561ff565b', name: "info" }), hAsync("div", { key: 'ad543c47ee44aec916299a4bd621fbdfb8b926bb', 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", { 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:"))
@@ -7649,7 +7669,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: 'f17cf15b23236336833cfcab6d0f646c64b6e89e', name: "extra" }), hAsync("p", { key: '93dcb5735b5101fcbd9d3ac4d4ee5d90d74fcb50', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: '8112f2bc797cfa3cb445eb458427230348980373', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: '2dcda626564785607ae4ec642a2e01b8b5337ed8', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: '8f700b3e37d3e19d3b4605c194d051f9ec6a8f79' }, this.processedMenu.map(item => (hAsync("a", { 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: '532cf4e87f7ebb8ad68dfe12aabd12cceb7d1881', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), hAsync("slot", { key: '290581e40b6f214b20375b6aaa687ef30d2f8277', name: "extra" }), hAsync("p", { key: '9ed4238b3f37a84cc206e43f67b0c72fea3810ab', class: "duet-footer-menu", part: "menu" }, hAsync("span", { key: '388d43bba3aef1e0a88f65a2416217c6d76a236a', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), hAsync("span", { key: 'e7f66b6f310a9770ae74eb507f09824c8c3fff1c', class: "duet-footer-menu-links" }, this.processedMenu && (hAsync(Fragment, { key: 'f5e52871d8d27400126ee19b4720a45598d561cf' }, this.processedMenu.map(item => (hAsync("a", { 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: 'f8bd86bfb9707786b07f5e49ac957a0c0f3c0380', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -9119,11 +9139,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: 'a3593df5452b917ea5ef9564818dc2fecb2f0534', class: {
+        return (hAsync(Host, { key: '56b942a1ac469f7ccd921c88b0824a31f43192f7', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, hAsync("span", { key: 'f4e2d26101ca844b17c7bde3925de8ae98683763', "aria-hidden": "true", style: styles, class: {
+            } }, hAsync("span", { key: '0c151b14def0111c53d55b2af24a8484211dfc8a', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -9132,7 +9152,7 @@ class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, hAsync("span", { key: '21ed486b7bd353958a0a6971a442a3e4b0d804db', "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: '971aea6375e7dda9fbef44d886a032c9214e09a5', "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 {
@@ -9856,10 +9876,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: '6027d8a11fbed60c56a8e92444b240eddad70ead', class: {
+        return (hAsync(Host, { key: 'e36e1eeaa70e3b27fdd7bedc29d5cc1eefd6bee4', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: '9e8ab76a22b1f410e4a443a7e58780ed748bc188', href: this.url, class: {
+            } }, hAsync(Tag, { key: '67c80605b613db0d14289361318d4bfe090beca6', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -10032,14 +10052,14 @@ class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '9f02a32dfda740d8fd038119f27225599588fd97', class: {
+        return (hAsync(Host, { key: '0df4c6498653a7f20f8ac8d21f1044cd5ffd509b', 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: 'c057075af0ff47f791c6f6300c70ed2a9f67175b' }, hAsync("slot", { key: '19911d9d22137c269051f911be56d1921f9cea72', name: "label" })), hAsync("dd", { key: '80e6d9589f19c8205f50ddd613e7dbcd1ecc2b4e' }, hAsync("slot", { key: 'a2a02ff0eb23f44763b99336dc85ff076cd550a4', name: "value" }))));
+            } }, hAsync("dt", { key: 'dc9ead4dada3ad614b7099be0e86d80e05971257' }, hAsync("slot", { key: '48f7393a2af77be1e716dbb617de3951d5bfae8c', name: "label" })), hAsync("dd", { key: '571e2c23a8de7facceb48bf8bf2924f34e7a9505' }, hAsync("slot", { key: '2b5f6420744bbac07db85a58d9b3524f86b51549', name: "value" }))));
     }
     static get style() { return DuetListItemStyle0; }
     static get cmpMeta() { return {
@@ -10222,6 +10242,7 @@ class DuetMenuBar {
         this.leftMoreVisible = false;
         this.rightMoreVisible = false;
         this.theme = "";
+        this.language = getLanguage();
         this.logo = true;
         this.logoHref = undefined;
         this.logoLinkAccessibleLabel = undefined;
@@ -10271,11 +10292,11 @@ class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (hAsync(Host, { key: 'e0c70951b6da6e8803034bd42900d4dbfa54ac79' }, hAsync("nav", { key: '5285555f67d324807e8172105ed5abf03c8b1cf5', class: {
+        return (hAsync(Host, { key: '9386904e22c17ede07fce421b4ececdcc4462311' }, hAsync("nav", { key: 'ba224a6339f5402655e10937fb21812c7c174dc8', class: {
                 "duet-menu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 "horizontal-nav": isUsedAsAdditionalHorizontalNav,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '3fd377934d69bc86344dba7149a683a57cfe71be', class: "top" }), hAsync("div", { key: '9416dbe3b65729f6499ba081775dac80787318e3', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: '6a49b0084afc3334ba291fa5290d2a5a54ccbb24' }, hAsync("duet-logo", { key: 'ff8b0378e1b7a2045d79b6dae4eecc881b0a177e', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick }))), hAsync("div", { key: 'cfb2cc0ea70e46c53ee7b253db2db6d8617afd0d', class: "list center", role: "list" }, hAsync("div", { key: 'bbff4fca655c793453549d349e9e2dc533a4d2d2', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: 'c5368597c97b0ffef8938bb89f7918a0f5c6e3f4', name: "center" }), hAsync("div", { key: '846fd02740b36af7e14dde5d71e651bd52b1f7b8', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: '8b0d0c1497baa80cdaec88e5247e80098e496d5e', class: "list right", role: "list" }, hAsync("slot", { key: '43566b3116f0e4df1fa6b1d456af8f0580d7ded6', name: "right" }))), hAsync("div", { key: '0acb8611a0f18ca267b397ad53877c25c4f6c42a', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'c0da13104e0e312f453ba493cebc3d523635e2b2', class: "top" }), hAsync("div", { key: '03aaa19f264070866cc7e6536a7679972d53e3f5', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (hAsync("div", { key: '72234559418bbf0fbe2749343faa2e0d7cb07f46' }, hAsync("duet-logo", { key: 'dbbf0ecca199c2a470390441038c014ac147a7c9', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), hAsync("div", { key: '55048a334800842fbd6b6cf55917d10f8eea6642', class: "list center", role: "list" }, hAsync("div", { key: '6934aeb5d219dd31d7ad22993b08fd025e0c0e37', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), hAsync("slot", { key: 'edf21f84609df58a98fca817a3a5f25b4128bfb0', name: "center" }), hAsync("div", { key: '30d07068be15b133106e2ab6e6953029e08ca792', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), hAsync("div", { key: 'ead4201e0e8df9a2e1ec43254c3a63d167ff09da', class: "list right", role: "list" }, hAsync("slot", { key: '66cb29f7147b514d6944de416aacaa15b21fc730', name: "right" }))), hAsync("div", { key: '4e99473e810bac89400b9493887e9289340d0bdf', class: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarStyle0; }
@@ -10284,6 +10305,7 @@ class DuetMenuBar {
         "$tagName$": "duet-menu-bar",
         "$members$": {
             "theme": [1025],
+            "language": [1025],
             "logo": [1028],
             "logoHref": [1025, "logo-href"],
             "logoLinkAccessibleLabel": [1025, "logo-link-accessible-label"],
@@ -10337,10 +10359,10 @@ class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'e9ff5fdc9c677062662a1a11d59f2da1e2bfff26', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '96938596966833c0e5260b0fc3f7e00a4d2d9886', ref: button => (this.nativeButton = button), class: {
+        return (hAsync(Host, { key: '2d7d290b93ece34e74dbecb9b7d30a3a899b37b0', role: "listitem", onfocus: () => this.setFocus() }, hAsync("button", { key: '99cb1fbd3aab73f4c75484ee7755c00fdf521965', 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: '211b9373f51f8e927fced27e95b74d2328ac0188', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'abe25a1f98b6a0a072fd51e6dc29af8740311a02' }))));
+            }, "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: '811e8d68347707cf1011a541db3e857ec947e8d4', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '543ce298b12035fd8ebe69dfa5ca25f4c431a277' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarButtonStyle0; }
@@ -10423,17 +10445,17 @@ class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '7b666e1b5e5e5e3b75855ca9b709eed1796a32a4', role: "listitem" }, hAsync("div", { key: 'a385cebde1d61ec3fa612308ea4931e377c0bcb0', class: {
+        return (hAsync(Host, { key: 'f7cb616fbeb0e89cd04e89f7a19b73e4f6305b57', role: "listitem" }, hAsync("div", { key: 'a3f4701b11e9317377629b5fe2148530dab3c0a7', 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: '2b7716617decf49c99a67165f613a635687b11b1', 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: '928feac0a153bab46435694b95f4b0cbb2930874', 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: 'be1b090617c5e912ff7b22fcf02fc9f3c6baa02d', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'b138f9150e6e212978dac85aeb16350b631643a7', class: "label" }, hAsync("slot", { key: 'ad8408f7841203878ed849524ee9219f8bf68f66', name: "label" }), hAsync("duet-icon", { key: '020ff46e4b9aedc81de9a6b2868ebb8fbd417da6', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '47c1f7b100b73064dca1cdd964d97d070e5704db', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '7bd089cdec793c5853d3a2fb50c3f5c4ba579a4a', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'baf4943655e0fd4ec680eec5ecf523828ddb2584', class: "label" }, hAsync("slot", { key: '726942f2da202ad37393a7979a5ee49d3c830561', name: "label" }), hAsync("duet-icon", { key: '68c1eb71b7c4112ebc3ea30d62324c7c1b0aea4e', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '0f1c939e3cc1b537f176ca076a2e20bc38f804d7', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '120401394abf2260aebc4ce41c28ddcd82c171ce' })))));
+            } }, hAsync("slot", { key: '62b2f301e57348d2308017ceaff0f22b8858eaef' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownStyle0; }
@@ -10493,11 +10515,11 @@ class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'e9d92b5322f59dc27d352ea47d73b8163f959750' }, hAsync("a", { key: '93f48d001c0b6b744747d8f9bd59b8a14c8df74d', class: {
+        return (hAsync(Host, { key: 'f7702f6502c6ec2bed8ef4d87146a6523456a5e4' }, hAsync("a", { key: '5923a9d404aaa1b183edef94c7f66e305a0d4a46', 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: '2b231c97a41a7ed719a83d89a62eefc23e22c3ec', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '3f7c75809558580625c4ecce4bbe142ca99d51e4' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '29ac748920ac962f47fd43548ccdedb42b8517e1', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("slot", { key: '6e1f0d21b27a696c4bc2ba6369d884e7acc77db4' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarDropdownLinkStyle0; }
@@ -10549,11 +10571,11 @@ class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (hAsync(Host, { key: '6c9c94e3afe239db2ad4ac9743ace782d4ec84ff', role: "listitem" }, hAsync(TagName, { key: 'a0407b920548f68a68b0c96cc03bb03966a242b2', ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: 'a8d19e16b23cd70c744f29a603093db8846d522d', role: "listitem" }, hAsync(TagName, { key: '84e76a7bc574e20f77c1e8a09531e40c80d3d7f1', ref: element => (this.itemElement = element), class: {
                 "duet-menu-bar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '0c21edde98126006acb41edcf4288575691a487c', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '1945f308d808a5bc38c0ed607e5d7d70ff44ac6d' }), this.trailingIcon && (hAsync("duet-icon", { key: '703e85cd9ac06d465e7df8e832518bb4f65177ad', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '4a80b815a0d9ee32e7ab84210bfd0f004a754bd6', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '334e9b3d14cf86e8b3757f34953b047219b23a98' }), this.trailingIcon && (hAsync("duet-icon", { key: '8faee80d1e563ad7abca96c635f193a203ae44c2', class: {
                 "trailing-icon": true,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
@@ -10604,11 +10626,11 @@ class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2f893204e6787a355ce661f5cb2d6bfe6e56bcc8', role: "listitem" }, hAsync("a", { key: 'deffe377753abdde9fb1fa65840a0b389e9eef35', class: {
+        return (hAsync(Host, { key: '094d7e86967446a1b42ad3c0bd117815807d119c', role: "listitem" }, hAsync("a", { key: '0b7f1206828ff009f5470b77f6bfbf35cea8a096', 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: '2b104a8857071c4c4a896141dc29717cb3eae517', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: '627b9f6fd8dd467905acc1eb896162ddfb21877a' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '38082080f6bc0ac1ba5bb01a007424ed85c681ad', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), hAsync("slot", { key: 'c1b71a2b6af96adb50d6b47daaff277e4d369527' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetMenuBarLinkStyle0; }
@@ -11241,7 +11263,7 @@ class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '3b2496f7806deb24c2b91c846174bd64f2e3fc53' }, hAsync("div", { key: '9d17932300f5f1cbc6dd5b9120dccb46e36c32b3', class: "container" }, hAsync("slot", { key: 'ebc5a9923ac3e3b441dccc87d80b588810b44717' }), hAsync("slot", { key: '8ee01c4edc73f0ba261fff423c6dadc7eeb67251', name: "mobile" }), hAsync("slot", { key: '87dbeff01ad24c1a4aefd824f2cc64413ec0faa9', name: "desktop" }))));
+        return (hAsync(Host, { key: '9a0c3b353b5d18b60eaef2baf47a0b862216472b' }, hAsync("div", { key: '8e5cbd87881f498c82ab93c4047b87e6129c20d4', class: "container" }, hAsync("slot", { key: 'ff7f551d2833d0d4fe53c335694d973c02d5bc40' }), hAsync("slot", { key: 'd33c124ed54d4897ebd773650e1eacbb8bb9c1d8', name: "mobile" }), hAsync("slot", { key: 'c8423dcbb9873fd7fa4b6e6d7af566c0c7ea3e6b', name: "desktop" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNavStyle0; }
@@ -11299,11 +11321,11 @@ class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (hAsync("div", { key: '7b66b4910e2ebb20f4d2c4119802079a7164664b', role: "listitem", class: {
+        return (hAsync("div", { key: '31926a96290eaa70a332805dc930bab97aa91ee2', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("a", { key: 'bb98a609af0b145e942bf81e5619ab9c7ac2e36b', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: 'b3ce8b478aa6af7288eccefbfc2e20e420adf15f', class: "duet-notification-container" }, hAsync("div", { key: '6d389da1924357921cea153915fdc91d2a45a077', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: '94c0c8ebf2c63303cea7dedb4cc5a8c57e102a31', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: 'e31f704d6fbd9e4fcf19a3dfa164201f449411ca' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: '41c760598dd9822c309d3eb31f29887344e079ed', class: "duet-notification-content" }, hAsync("slot", { key: '512e4c2c39e507a972ce0b6181037976b4bb97f4' })), hAsync("div", { key: 'be179c4fcb84d2e34cf19581655402d2e47b334a', class: "duet-notification-date" }, this.date)))));
+            } }, hAsync("a", { key: '14e0e4e81c9d231084e314a981304362de7758be', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, hAsync("div", { key: '123fd56a88e760764c221f99d5a092f6f86c53c4', class: "duet-notification-container" }, hAsync("div", { key: '9c5ba90262fae4edc38fbb51cf615cfcf1f7b1fb', class: "duet-notification-badge-container" }, this.highlight && (hAsync("div", { key: '28988c4eae8aff0ba8beea8ea0ff59836d2c1010', class: "duet-notification-badge" }, hAsync("duet-visually-hidden", { key: '8625af9a335b53772307bc39c487bfa204ad7fef' }, this.accessibleLabelUnread, ":")))), hAsync("div", { key: 'c4e97807e5b766fe36cfdfe01f54e102a827de33', class: "duet-notification-content" }, hAsync("slot", { key: 'b6f2f399ba2d3b6016560ea8d45996bea0de10b1' })), hAsync("div", { key: 'a546eca5e3f2b25723040fe49ce6330a452a55a8', class: "duet-notification-date" }, this.date)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetNotificationStyle0; }
@@ -11943,12 +11965,12 @@ class DuetPageHeading {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'c05188694590ea8a9c653f053cea7d86b9441dad', class: {
+        return (hAsync("div", { key: '9a346b268bb3820e5c79d76269fb5c413944661e', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [this.layout]: true,
-            } }, hAsync("div", { key: 'd3da67130f0f7ee74fc891684a67d57ea4ad1375', class: "background" }, this.theme === "turva" && hAsync("div", { key: '0e0ee3121845a3105a11bd6e62ccd46cdad76895', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '5865db263e8def8f48b0c76cb7d21efd1310a1c3', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: '414ce8b1f41c0442303fec947cddcac7278a5835', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: 'eab5850133193f37c1aeee8a5e63b126a6fe4dea', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'd4ce35c725812665c47371b266a0c97a00585b41', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '56ea19496b230ef4e9b05285f3c931c494f77d7a', class: "heading" }, hAsync("slot", { key: '3da25ec3e7f55b94993048ce3a30dea944972ef2', name: "heading" }))));
+            } }, hAsync("div", { key: 'b177f432a795af434c7f40cf3e284bca548a2b80', class: "background" }, this.theme === "turva" && hAsync("div", { key: '9215c53675f84ff571474af2024d1f6947e29567', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: 'cbbea6d65b3986f9e43bb75bf2802f7ce8e084b4', class: "brand-shape" }), this.theme !== "turva" && hAsync("div", { key: 'd1d7d38dd810028e3e8f1f63827803983c7f56a2', class: "brand-shape second-shape" }), this.icon && (hAsync("div", { key: '07c767fa56d088367b4c9b52ce507c328be20e3f', class: "brand-shaped-icon" }, hAsync("duet-icon", { key: 'b224ae5b9b2dc1ea219d54dfb5f6fb830f0e0557', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), hAsync("div", { key: '24bad9ec98a8d14773f43d2218da6c9ae6227d56', class: "heading" }, hAsync("slot", { key: '34d1eedc45a21089b9b3ca71634373285e83b8ba', name: "heading" }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPageHeadingStyle0; }
@@ -12378,6 +12400,7 @@ var DuetParagraphStyle0 = duetParagraphCss;
 class DuetParagraph {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.id = createID("duet-paragraph");
         this.theme = "";
         this.margin = "auto";
         this.size = "medium";
@@ -12397,7 +12420,9 @@ class DuetParagraph {
      */
     render() {
         const color = getColorByName(this.color);
-        return (hAsync("p", { key: 'ffa70aecad7c7e0c2fff900310ba0dd9a11be1d1', class: {
+        // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
+        // are not announced when placed inside duet-modal
+        return (hAsync(Host, { key: 'c7b5b351b124c27505e15e2299a6a4d5772fe8d5', "aria-describedby": this.id }, hAsync("p", { key: '5d22488efc06c58bf883e6b450388e18c41a1f1d', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -12405,7 +12430,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: '9701deb7163c1b6aad4d18b690f01aea8d6a162e' })));
+            }, style: { color }, part: "duet-paragraph" }, hAsync("slot", { key: '1cf4198632e008eadea9b0d3bdf6f33cd66b7007' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetParagraphStyle0; }
@@ -14091,7 +14116,7 @@ class DuetPopupMenuItem {
             active: this.active,
             "duet-theme-turva": this.theme === "turva",
         };
-        return (hAsync(Host, { key: '6117171a46a997c303162325d0b92af293a3a5c9', role: this.accessibleRole }, hAsync(TagName, { key: '24ef77094f37e7afcc91b445a6e5c58b82ed379e', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "menuitem" ? -1 : 0, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { key: '268d7aa84d1688afe8c5e3646dd7c5619166634d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '25c35efb455d04d71b66c8766cf375d4ba9869a8', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: '228661a99b2f825c5563bc1779689cc352fd728b' })), (this.trailingIcon || this.active) && (hAsync("duet-icon", { key: '6718babaa66231e6914d33bbef66810bb0f46db2', name: this.active ? "messaging-checked-small" : this.trailingIcon, size: this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: '0d7fffcfc385c0c11045390120f1fcd9f6a4bf67', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+        return (hAsync(Host, { key: '80b018046d69005fdb9011144b2de9fd3adc731b', role: this.accessibleRole }, hAsync(TagName, { key: 'a7b5c05a5fb1b7b6999eb9a32418ac2f255980c8', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "menuitem" ? -1 : 0, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { key: 'beaef9eece706f94f8e9b5a5e1bd69bb1764e979', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '43bf3e1bd920656c855169445b45ed5cfbdae448', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: '3503f15d4cf7e9bd7b966a4dcb08f75c0a9d3c7b' })), (this.trailingIcon || this.active) && (hAsync("duet-icon", { key: '259b2cfe7a3f190672a053051e83152a1fcda298', name: this.active ? "messaging-checked-small" : this.trailingIcon, size: this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: 'facbf7915ac26f2258689873544f3cebcda6bdb8', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPopupMenuItemStyle0; }
@@ -14245,12 +14270,12 @@ class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (hAsync(Host, { key: 'dd179e38966112c037a1a97bf8a2e158915e5bf2', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: '904758e37acfcb134dcb8a85937c6959930773de', class: {
+        return (hAsync(Host, { key: '1fceac86194cde8be8411df802fce3cbc32c2a33', class: { "duet-m-0": this.margin === "none" } }, hAsync("aside", { key: 'a2972cefc7eda90ddb8d3cec9ffc47bce867b819', 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: 'ce81250935a84ea5a126443cb21ffb6eb65ae078', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: 'f3ba86ae2af7b012879d54c15b57a6c58926431a', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'a7035d2e3aeed02908acc329ac4dbca0f7b3d044', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: 'b7455d6f02facdd6b75f5cb0e8a2f045480027d3', class: "pre-heading" }, hAsync("slot", { key: 'bf56763d2469a30a790e150e9553573cf931bfbd', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: '69b837dc53ebcdad4a3be557ea21ffdc5dab34e8', class: "heading" }, hAsync("duet-heading", { key: '20090fa0c42004ae0e0b67253b0382c53d1621ca', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '45d5069071ee05529e70fd3dd1c6671f926c4048' }, hAsync("slot", { key: 'ba5349565ba963ee7a3c9ea0fafca05c1c6b1f66', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '9cec68f2befb06183a118b3b7474258ebfb64ef5', class: "description" }, hAsync("duet-paragraph", { key: '1fbb4c62a657cbc7aa743e7434a8454aa900cf97', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '4337ddb5fc7a59313c054862208f012135890cda' }, hAsync("slot", { key: '9e248444c7c071156e2502343d79e98b874d9484', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: 'debf6f99e39d7020982dbac8f0f130d99b8fcd63', class: "action" }, hAsync("slot", { key: '836e7a342d3b8b44e4ce5958a516d16755bc081c', name: "action" }))))))));
+            }, style: bannerStyles }, hAsync(TagName, { key: '884ba6e7c8e1e3d8327d28379f7b3592712e459d', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, hAsync("img", { key: 'd97956583131c433fed96a5c5c78e48aea7dcf4d', class: "image", src: this.image, alt: "", role: "presentation" }), hAsync("div", { key: 'ffd8ae45e80d9f814aefce601c9075ea14005565', class: "content" }, this.hasPreHeadingSlot && (hAsync("div", { key: 'bd86de82e0bee45cfd934dffabf7151b96b12d0f', class: "pre-heading" }, hAsync("slot", { key: 'f49fbc6582907f002cdc221b56915a488ba27654', name: "pre-heading" }))), this.hasHeadingSlot && (hAsync("div", { key: 'bf88ef5d8a33217e0e427e449aaaddf56bc02f29', class: "heading" }, hAsync("duet-heading", { key: 'e8246c04add20ee8a57965cbf32ab424c89894bb', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, hAsync("span", { key: '9e44ed8a8a7386a781079d9ec3b6cf659255f084' }, hAsync("slot", { key: 'ee0c8afd853efe649344773b4aea80de4dfb4261', name: "heading" }))))), this.hasDescriptionSlot && (hAsync("div", { key: '3435dfbb988b1e51b1d4959bf41b0ebad7e16391', class: "description" }, hAsync("duet-paragraph", { key: 'c9bccbc795307d0aa76fe39573ff66d2ea8dfb26', theme: this.theme, margin: "none", color: this.textColor }, hAsync("span", { key: '690b619959b022276253ac3a9901a87e40cf2aaa' }, hAsync("slot", { key: '5a992285eb1bea7f4db6def451463a64bb343880', name: "description" }))))), this.hasActionSlot && (hAsync("div", { key: 'f521fc1887fcb6665d9eab6109cae350267c2629', class: "action" }, hAsync("slot", { key: '348d9093056a98d29ff0114a14faf6dac749bee3', name: "action" }))))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPromoCardStyle0; }
@@ -14857,10 +14882,10 @@ class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '111693be22f93e2ca3e4850484ae8121ee67dd56', class: {
+        return (hAsync("div", { key: 'a92935b56e004e75b82f986000bcf1c3afaf24b2', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, hAsync("span", { key: '9497c2ddcc19d707e8db8064178b20d9d590ba5d', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: '0f99efec9db613dcb7fe9a1e512f321e5757946f', 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: 'a517133428ccb97769aa5e3ae906babd2e012932', 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: 'ff6e79d20675537cbff69b230b1faf1562c42c82', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), hAsync("duet-action-button", { key: '16cf1ae00638198cdbd2741aa42e65efbc7a3ab9', 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: 'b0fc37262024f452d9ff863080ce0901fb3fb3a8', 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 {
@@ -15054,36 +15079,36 @@ class DuetScrollable {
     render() {
         const arrowColor = this.theme === "turva" ? "color-primary-darker-turva" : "color-primary";
         const arrowColorDisabled = this.theme === "turva" ? "color-gray-turva" : "color-gray";
-        return (hAsync(Host, { key: '4fcbcaecb236d22e3d81a6d2269dcb564aeee649', class: {
+        return (hAsync(Host, { key: 'd2a5c93f74aaa92cc0aa19cdb35e74ca27281ca7', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: 'dfe6ad7c7d152f899bddbca6f8ae4564abc65f66', class: {
+            } }, this.hasCollapseButtonLabelSlot && (hAsync("div", { key: '18ea6bdd338875b7f370ac371485fecdc7acc995', class: {
                 collapse: true,
                 hide: !this.isScrollPaneContentSmallerThanWrapper && !this.collapsed,
-            } }, hAsync("duet-button", { key: '3402503fbbcc184c193518fdbc60bb2118c038cb', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: '40cce68dae00f3724cabbd691f665b72fc39f193', name: "collapse-button-label" })))), hAsync("div", { key: '181cc8c335be1c8a5cb5bbb0992650d0401aa60f', class: {
+            } }, hAsync("duet-button", { key: '528c8c0897ce763b151fd8b06f4cd27c4f373f2b', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, hAsync("slot", { key: 'ef0fa7be803670d02ad13065de2b5a9db3b339a9', name: "collapse-button-label" })))), hAsync("div", { key: 'b16641f5551eee2784f12e6cead15e8115317479', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
-            } }, hAsync("div", { key: '1f639ddf0e5818d4b14d5b5d677fd70021150732', class: {
+            } }, hAsync("div", { key: '56469a25557b2882adf346eeef65b7adf959ebfb', class: {
                 "duet-scrollable-button-container": true,
                 left: true,
                 "duet-scrollable-button-container--occluded": !this.isScrollPaneContentSmallerThanWrapper,
-            } }, hAsync("button", { key: '39dbfb43d7048347804b5d35a2a174cc0dc38070', part: `${this.identifier}-button-left`, "aria-hidden": "true", class: {
+            } }, hAsync("button", { key: 'e660b966d92f5eb9b1f83496fead98eef7b4bea7', part: `${this.identifier}-button-left`, "aria-hidden": "true", class: {
                 "duet-scrollable-button": true,
                 [`duet-scrollable-button--${this.buttonAlignment}`]: true,
                 "duet-scrollable-button--left": true,
-            }, onClick: () => this.scrollLeft(), disabled: this.scrollPaneAtStart, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { key: '9a183412d07974d452858ab9d7e4f3fa1e1ca239', color: this.scrollPaneAtStart ? arrowColorDisabled : arrowColor, name: "action-arrow-left", size: "small", margin: "none" }))), hAsync("div", { key: '6befc01423321a62ebb54e54edc9f3734d435887', class: {
+            }, onClick: () => this.scrollLeft(), disabled: this.scrollPaneAtStart, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { key: 'e6b03d5aef9b71b25707fa3fa9c3f4bb9176785f', color: this.scrollPaneAtStart ? arrowColorDisabled : arrowColor, name: "action-arrow-left", size: "small", margin: "none" }))), hAsync("div", { key: 'ef1381e95f5ce2c7df85f5d7ab27dd0993cddea5', class: {
                 "duet-scrollable-list": true,
                 collapsed: this.collapsed,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: 'b857a63d05c43c84d58b66847835b14adea92671' })), hAsync("div", { key: 'dff2e6af23b3201d89433c110189c72cded05227', class: {
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, hAsync("slot", { key: 'a7dcef6d0d3564efeb18447f50f8180b0ea3a086' })), hAsync("div", { key: 'ae1e68000832159e3ff81f6314b9e14a23608a4b', class: {
                 "duet-scrollable-button-container": true,
                 right: true,
                 "duet-scrollable-button-container--occluded": !this.isScrollPaneContentSmallerThanWrapper,
-            } }, hAsync("button", { key: 'ec0e6149990950c3f9f92597af6123b8bc1aa903', part: `${this.identifier}-button-right`, "aria-hidden": "true", class: {
+            } }, hAsync("button", { key: '24ff6945ae349ff90e49fb689fb267aa91f65685', part: `${this.identifier}-button-right`, "aria-hidden": "true", class: {
                 "duet-scrollable-button": true,
                 [`duet-scrollable-button--${this.buttonAlignment}`]: true,
                 "duet-scrollable-button--right": true,
-            }, onClick: () => this.scrollRight(), disabled: this.scrollPaneAtEnd, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { key: 'c234e9218a01017220da205292d69fd20ce2985f', color: this.scrollPaneAtEnd ? arrowColorDisabled : arrowColor, name: "action-arrow-right", size: "small", margin: "none" }))))));
+            }, onClick: () => this.scrollRight(), disabled: this.scrollPaneAtEnd, tabindex: "-1", hidden: !this.buttons }, hAsync("duet-icon", { key: '7384c2cfcde3ebcb8bf34ca313e70f5b79967cb0', color: this.scrollPaneAtEnd ? arrowColorDisabled : arrowColor, name: "action-arrow-right", size: "small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -15126,13 +15151,13 @@ class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f5c45c26ed1d22d93699ed794836c0946a846b90', class: {
+        return (hAsync(Host, { key: '6bc98c1f8cfba7788c3cf6a683537c4e20983623', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, hAsync("div", { key: '9d567d59d6d1762ca63e359e56cedf5fa9b264a6', class: {
+            } }, hAsync("div", { key: '75b0a33d0868bcc5511f7bc7efd6ccdd79c15568', class: {
                 "duet-layout": true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync("section", { key: '20de320e97dd1c56727d90166fa750cf45588eb2', class: "duet-main" }, hAsync("slot", { key: 'd78061d48e1b8480ee184297e09aa346e5f94ecc' })))));
+            } }, hAsync("section", { key: '2df1a07f8ac3f2a90bb0d88032436ce4ad6c6a3d', class: "duet-main" }, hAsync("slot", { key: 'b1d6048841e748393c122746191a85b6df6e4c69' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSectionLayoutStyle0; }
@@ -15374,9 +15399,9 @@ class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (hAsync(Host, { key: '8ead01568c296258869626437f5216e403e31583', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: '1cb0e51d54e12692aa3675ffd0e971ea7a268fb4', class: {
+        return (hAsync(Host, { key: 'cd0b0f6d908af8e5c1788f66c005af3d54ec8686', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, hAsync("span", { key: 'ab56ab6af75d0a182f5a02ead485ffc9f4205ea4', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: 'aab0e0ee894d1fac79d13fb3c733b89b849e8b4e', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '4f53551cbf381bc3a2ec3986f42442c8e099c9fe', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, hAsync("span", { key: '7933b45865574df0185d2ee4913cba4744215d87', class: "shaped-image-mask", role: "presentation" }, hAsync("span", { key: '5ad7e042965e34bc68d5e6f277a4f222590e83cc', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get style() { return DuetShapedImageStyle0; }
     static get cmpMeta() { return {
@@ -15484,12 +15509,12 @@ class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (hAsync(Host, { key: '2cd3a66448b7881b67531aa4430f8e43861fa9fd' }, hAsync("div", { key: '17a15de8f5f025b64c1cfd98e8917d67f569277f', class: {
+        return (hAsync(Host, { key: '6b46f3f0eab6ba2fdce84a8c418e9b923dc9a3e5' }, hAsync("div", { key: '15dd7aa5362e312a7fa8fa0b40ed2f7f66d48232', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, hAsync("div", { key: 'e23d42bf6e56b2def82bbf56f7dcb5dd7451b318', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: '5a38ad325305548cf5eb56496a011c02ae6fdea1', class: { "slotted-content": true } }, hAsync("slot", { key: '28accb673aa7cc76b4b863e28af8a6eaeb10310d' }))), hAsync("duet-button", { key: 'e035788f95d720cd37d0f3aa458f36d4e5f341da', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, this.open ? this.showLessLabel : this.showMoreLabel))));
+            } }, hAsync("div", { key: '854b6230d37ba521eee564e95775aa8f36c230c2', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, hAsync("div", { key: '659074cc474a92c398cbb11851d0a41a34ffa55a', class: { "slotted-content": true } }, hAsync("slot", { key: 'bded5897ef3f9953b537dbfc6821fd87d34cfc6a' }))), hAsync("duet-button", { key: '37931074ecf3bfb158c08dfd878a0d9718c72968', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, this.open ? this.showLessLabel : this.showMoreLabel))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetShowMoreStyle0; }
@@ -15519,7 +15544,7 @@ class DuetShowMore {
     }; }
 }
 
-const duetSlideoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}.duet-slideout.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)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:400;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(243, 249, 252)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 245, 247)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(0, 41, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}";
+const duetSlideoutCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}.duet-slideout.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)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:600;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(243, 249, 252)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 245, 247)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(0, 41, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}";
 var DuetSlideoutStyle0 = duetSlideoutCss;
 
 /**
@@ -15561,8 +15586,6 @@ class DuetSlideout {
             });
         };
         this.openButtonEventListener = (e) => {
-            e.stopPropagation();
-            e.preventDefault();
             this.onClick(e);
         };
         this.getOpenPanel = () => {
@@ -15710,15 +15733,15 @@ class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (hAsync(Host, { key: 'c9ea26fdce6a34534f6d72c0fb5393194d6e4135' }, hAsync("div", { key: '5d00e39e995fe0e44228041e579f93cd7c2b9277', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-overlay", { key: 'b73c4a7a13e3cfc3ee13e88327420d4bc48fe441', onClick: this.bgOnClick, visible: this.open, "display-device": "large" }), hAsync("div", { key: '947939e3e91119c6415d443245fc5a02f7b7b2ca', 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: 'ee5c63bf4e69dea4e35f18f6d196db7de0042453' }, hAsync("div", { key: '197c2c1644e44714b5e9c809e98d39635daf048b', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-overlay", { key: '1ac7d8474feee4bf35522dc8b7b7b11b1792e261', onClick: this.bgOnClick, visible: this.open, "display-device": "large", zIndex: "600" }), hAsync("div", { key: 'd25f1fe0042e52e7a015d1e8f4b23629c249ed80', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, hAsync(FocusGuard, { key: 'f9395d0c89a79bd3d8cc91f1558c0d890671be89', moveFocusTo: this.closeButton }), hAsync("div", { key: '568a1b8d04b0b58fa702f6b52185d9cb54e15510', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '679f685f87266cbbd373846bf3fe16d4b3d536a4', class: "top" }, hAsync("button", { key: '2d906478f7e804d00969ecc0d3a4eba35469a233', 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: 'a855293e1add653ccddb73d9324cc1c013062caf', moveFocusTo: this.closeButton }), hAsync("div", { key: 'ef8c08283e08acc3288e5f5a3e121333c72ea8f9', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '7c93af9e17a4588180d82d2257b82fc078cad7b9', class: "top" }, hAsync("button", { key: 'f14bbfbc8b8f631324b771836174b0166c945b26', 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: '1a66270885f0b416ad49840e7aba57695ec95a34', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'efba4d7f2ce14397f17f184395c44ce353525b2b', class: "sticky-header" }, hAsync("slot", { key: 'e974b4cf33304dcd69518073c7471e37853c0fe3', name: "sticky-header" }))), hAsync("div", { key: 'e7b7a5da675cb0382dc35d01e2400091770cce2b', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, hAsync("duet-icon", { key: '5281c68cd5e3d8eaec290a067b5306b3f065f3e7', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'c57ce1c918accfe7afd6c157eec4a17b4e3f5b52', class: "sticky-header" }, hAsync("slot", { key: '6a6d427586569f2093025cbfc9bad517b7a238d6', name: "sticky-header" }))), hAsync("div", { key: 'b41c04ae4bed1628cf07384f5ceed92b0dfa16c9', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, hAsync("slot", { key: '3221532a87925cb0e71b4f34394b69898d1d9cb8' })), hAsync(FocusGuard, { key: 'b38ad84aff4ba27042cf81205a6350b786c21288', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: '797f87bc5b7369e3fb8fd7e23b010b37ff26d135' })), hAsync(FocusGuard, { key: '2c85b38f7522bf83c184a5e38aa2548c2038c971', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -15783,7 +15806,7 @@ class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (hAsync(Host, { key: 'bdcde4baca4555b243033eda46925a238fe4629e' }, hAsync("div", { key: '9c609ae8ee5797889022d841dcc6394cdba85a0c', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: 'b8c1b8cf451f56abf9e745ed5b09e4a9e504d8a8', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '96de4be7042a59f6e099e3cfa9fe03ec75eb9e55' }))));
+        return (hAsync(Host, { key: '7fdf56886b7eef7853a2390545e83b43e1aea17b' }, hAsync("div", { key: '95c15df38395b09803b5a48382950a07d5d8a6b1', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '5500047f8d4ae1a3d118abd0e0e850211212cc4a', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '906ac6c0864cf946423ed34875c4c122e0784113' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLangStyle0; }
@@ -15827,12 +15850,12 @@ class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'a26a869ada04663dc584baeae852954a072dc5db' }, hAsync("a", { key: 'd52194edb1e8406a3fe11a67dfc99ea666d21706', class: {
+        return (hAsync(Host, { key: 'aa07296629d813134f481a3e1ebfb6d31951bc48' }, hAsync("a", { key: '56ae85701570dfa3ae4cae8f15fb395f9199776a', 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: '341d70309ece5eaafc3c0ce0c8830fce3bfa7964', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '020f4f51ca3697274ae4b0fad16df6edfb146d21', class: "label" }, hAsync("span", { key: '541c8c284a4d4ac55f4e9db0b8a8053017c4a9c8' }, hAsync("slot", { key: 'fc62442b08d2e8809d0a833df718dd60289b50d6' }), hAsync("slot", { key: 'a040efb23922687543e407c80da059b180d2e06a', name: "description" })), this.caret && (hAsync("duet-icon", { key: 'd328bc1b731e7487b84cae25e2148f2dda2a39dc', 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: '4872989601ff5a2c3ff458b53345292f358956a9', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '71fe6a89063381d1ec5d4a8d6960954660374bc0', class: "label" }, hAsync("span", { key: 'b9e2aca6c05cc945917f87d74b3f4c611814e8cb' }, hAsync("slot", { key: 'b917c1d51c62a2ab229c396f7afb3468c0b240e6' }), hAsync("slot", { key: '775dbc1e31d128b448b72e876f0f53609358c709', name: "description" })), this.caret && (hAsync("duet-icon", { key: '47c65d4e0cc5745e120730849beb97dcee30cb74', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLinkStyle0; }
@@ -15972,21 +15995,21 @@ class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (hAsync(Host, { key: '7529b480d84acd0e49ce7e92fb8e4488215c3749' }, hAsync("div", { key: '77e4a2159276f44637e749660d8e9e2f301c85f4', class: {
+        return (hAsync(Host, { key: '9acf8fe2847b4c64a7f6b4eb0da60ba089cef17c' }, hAsync("div", { key: '991a19e8594dc6de0dbe863d7bcc2964b697d13c', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: 'aea9d1b65df491e46ca20aaa7af214bacc61aa38', 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: '09d2a32ef6bac72694824d4c7f936e0d9e4689a7', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onClick, inert: this.open }, this.icon && hAsync("duet-icon", { key: '5854660f90117f71d39c3552031f5ecddd5c37f7', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: 'de0f367ea64efa2492d44018c7e76a2d5bc0b724', class: "label" }, hAsync("span", { key: '67613d87ac2ae308b15992c922b62a1903249cd1', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '7e4ecca7ac16709706bd12fb8479a2361fb9f6d4', name: "label" })), hAsync("duet-icon", { key: 'b8aed24115d3594d7c4023139ec6f5b7be086ab3', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: 'ed53b528049a8cb19f68a8c18524e6f8f61b61a6', class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && hAsync("duet-icon", { key: 'ef919ff385fd7834659dbb55615bd8b0249cdd53', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '5d080cf83d541b4a37918bd0c2dda41a117094db', class: "label" }, hAsync("span", { key: 'bb32bb7ea8b089addd2ff379902bf8b0f7f5b1d3', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '491b5b1e55b4ec016dca505cbee8a1b60ef08b65', name: "label" })), hAsync("duet-icon", { key: 'fa6723e85b14d65dca36edb98a256b222f98ec98', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '77b87195ca2d6e0f7707ab4d9a62f1fda0a9e9ef', class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, hAsync(FocusGuard, { key: '024ed93d2ef1aef7016039b41aaf87fa50f3bbf3', moveFocusTo: this.closeButton }), hAsync("div", { key: 'd474af16d3a888aecec5d0c1bbac591c4bfe7716', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'ea0e7598563bc86dba97778019afc4483d72ae74', class: "top" }, hAsync("button", { key: '3eec2cc80641990d05698cbee70698e12a8ba505', 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: 'dcb9df644548af19c2f68c7a72672f33bdc73e3e', moveFocusTo: this.closeButton }), hAsync("div", { key: '110935fa8a4b24e3b98860530c1449fd7ad670b4', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: '4010e6d1539ef9f875b9f6ddcfb5aa011b582471', class: "top" }, hAsync("button", { key: '33575102f7a8374f05dc5e7bf81bb5f34646dcb7', 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: '020444a802639800bca5fe83c1179f638b80936b', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '5b2fd1f0f5e7b456c5ff04a9f8aebd0ffb37e504' }, this.label.innerHTML), hAsync("button", { key: 'fd93a8eab4ebbbc691a0d75da55d4c82f8932d8a', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '31e874d3a9bbe8252f14a787ed5f9dc524a8d333', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '736c6220467deaefcb63b1794bc120540d6870c6', class: "sticky-header" }, hAsync("slot", { key: '15192f0e98aa36fbbaf3f8a59fe0803cc3edc246', name: "sticky-header" }))), hAsync("div", { key: '517dbf8a12c8519fb67890ede52fcb44734a04cb', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, hAsync("duet-icon", { key: '6f1f6f009426581e85db3faa8ecd0ac941d3656d', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '05551428f3acc8a217350eda46a6d6e07941ba74' }, this.label.innerHTML), hAsync("button", { key: 'de3db6242359f091c0ae4ccf02094c46b669fb96', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '9c14b105b8c94d0c50e5dcb65ee0601dbd6f62de', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: '3e1c751c2ed2a4448bd287f765018610a54d9949', class: "sticky-header" }, hAsync("slot", { key: 'da8c75609e58b2c35d57970ab74fadbf40bd38f5', name: "sticky-header" }))), hAsync("div", { key: '87302c58b38a0382eb3a23fd7d6f514acf5d2040', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, hAsync("slot", { key: '3b2f8ebb1ef036156fec177d4cdab3b9abaa765e' })), hAsync(FocusGuard, { key: '4237bce2b04484e60b1f74ce4a7637ba30fcf311', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: 'f1dc8b106309829e0959f62402bfa350c0546d9b' })), hAsync(FocusGuard, { key: 'f25025fee37d5665f0df8a33afb3edfb1afa6add', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16054,16 +16077,16 @@ class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f8bbbf107b9cb72539f3174c6ef5e0087eba3d52' }, hAsync("div", { key: '2c35501d67d1593d45aef2289a0205a4b71c88ba', class: {
+        return (hAsync(Host, { key: '8bd65996e3bfea744c0730e651df24d258bec3c7' }, hAsync("div", { key: '4d04156b1831757d0cd15287fe4baa3c300d4bd2', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: '625cd8bddc12068a97cf1cf1fe34722bf25f3f94', 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: 'c3d651d59e46dcfa5add2b09da4fbcd5443f1687', 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: '088ee3f0c467b5414c95edc9efb10c7faa15af24', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '43f0bb0b57b77b5f6a4794266e5e0492f32073ce', class: "label" }, hAsync("slot", { key: '1dc41ee147e812d5dc3b2d406e04a97b5647c2bf', name: "label" }), hAsync("duet-icon", { key: '35c3bd45fde0779c2ab1882918fda2a10c8fdf6b', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '9a732433c97c56f7010045c91de5dc9e7ef6e281', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: 'f680e74f6ae413a180b08776ee27cd5cb8de74a8', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '2a3047b55c2df7ac06dea3fe22131fb619aa9fd1', class: "label" }, hAsync("slot", { key: 'c24326301886814aef541f359c55dedccd1cc94c', name: "label" }), hAsync("duet-icon", { key: 'c7c1032d262a94a2ca59a89fc46ab514cbc64b07', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '53f5768df91fa9fe5f91ab54a8651d0dffbad19b', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '68925a69d3dd8f7f54dda0312963fc211184d822' })))));
+            } }, hAsync("slot", { key: '525bcea69da437c543ab01eb3b28030858ac6b72' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }
@@ -16098,7 +16121,7 @@ class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '560e7ad5451c97ac65ee8a4ba14aa0fcf45a7f6b', class: {
+        return (hAsync(Host, { key: '40b675c3998d7f2fb139eecbebbffae65909c618', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",
@@ -16149,11 +16172,11 @@ class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (hAsync(Host, { key: 'ceac3f63045824ecaa2a12eabf60584359b68e89', class: {
+        return (hAsync(Host, { key: 'b1e671b334eeab64ca1bd2ab92b81e49121fda13', 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: '8a202bab9dfced5467cd6d90715c88cd3381d1ee', class: {
+            } }, hAsync("div", { key: '8f4be2dc9da0d387c65967723ab09b22e50848c6', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));
@@ -16385,7 +16408,7 @@ class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f013786f1cbfdb3aaf08c8e92d992d4c9369487f', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '47977abfb90d5b16e3280b6969d30265f7c12e6d', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: '0a4054021d62f0e5110ca19130666e5de17ac1a2', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'e1b26fe38f5ea73070cb553686a65faa9c0a5283' }))));
+        return (hAsync(Host, { key: '6d5543d9c0d38e17b9008ee9883fa15bd52c9341', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '21344d1bc658a328ee145faf9fc7c1228f9dadac', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: '05a745bb68bbc4c0154912d1d7e8f88e997f6c6c', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: '42e7a878f269f7163bd2b13792c2b742f916fbbe' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16476,10 +16499,6 @@ class DuetSubmenuBar {
      */
     componentWillLoad() {
         inheritGlobalTheme(this);
-        const children = Array.from(this.element.children).filter(child => !child.hasAttribute("slot"));
-        for (const child of children) {
-            child.setAttribute("role", "listitem");
-        }
     }
     connectedCallback() {
         this.nav = document.querySelector("duet-nav > [slot='mobile']");
@@ -16515,15 +16534,15 @@ class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '69317e4ee80209eac5d1a870e8f6fa121945c731' }, hAsync("nav", { key: 'adfbdb06ac08c851a0f69104dbe0a8a09fcdbfee', class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '5cce21788254d2bc5e8e69c4f3b3519becc5a2a4', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+        return (hAsync(Host, { key: '90b5f28e48aa1b0b6f77bbfb898ccecf2a49cc5d' }, hAsync("nav", { key: '43b7873686e9824a0c76f33767ceec4312ab9c43', class: { "duet-submenu-bar": true, "duet-theme-turva": this.theme === "turva" }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '85e61d037ef8ff3df46eaa60e11423e31e527d50', 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: '2881e9809d7ad8e35ee4a2d02282528b6f54ae53', class: "label" }, hAsync("slot", { key: '1644f2923274be19458855ba0bf118a451c53c36', name: "label" }), hAsync("duet-icon", { key: '3856e2a363483d51c309d5945592be82874b9e21', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: 'b197d0e782dfba29f74d85a0f2e068167973055e', class: {
+            }, onClick: this.onClick }, hAsync("span", { key: '8fb0758bf61f9049f0c51df3f917d0877431bf6b', class: "label" }, hAsync("slot", { key: '050b262be035cae533a4e2bcccd5f709df575f9d', name: "label" }), hAsync("duet-icon", { key: 'bc49ae3efc5740b66ec94609a877f0c0238073b9', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: 'f5e8696a7b529f4feb624c94b263ea890e4d1a13', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, hAsync("div", { key: '419fdb636dcd7c22a6edddf39c1b03455e82a286', 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: '8d2ad99dc0deaac09a82a6c61168d901b10723fb', 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: 'dc84a18900ea3ea4c20ef22e97fd156689db8fc7', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: 'dfca01628d0ad873462277662227fc9a3f46b295' }), hAsync("div", { key: 'ae2577bcd57b05ab149d069fb45193ae9218f80f', class: "list-padding" }))), hAsync("duet-overlay", { key: '835e3cc04e688ea5205699931476a500cc9f9f8e', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: '697969d67fcae4095846a1c49f0fa71b77e9ef29', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: 'b4856ecbac162fee5bffaa9dc11673705f57f856' }), hAsync("div", { key: '51890de91846aa013f0d0b5d19f0bd6a5cde1c8f', class: "list-padding" }))), hAsync("duet-overlay", { key: '527832b63f6f6dc2ab957e608d7739b6364eee33', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -16642,18 +16661,18 @@ class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '6274bd7a43f80db2274aa70401a0979067b14241' }, hAsync("div", { key: 'a95830e26ac5c8582f6ee246f8b6aff6b584eab8', class: {
+        return (hAsync(Host, { key: 'c3cf8eb945cf4d95dc90722856d85478a478c3d1', role: "listitem" }, hAsync("div", { key: 'c33c4274767aa171529c12d7998be90c12c80d79', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, hAsync("button", { key: '46b70084564934de7aa1ebd31450d3d8d801f58d', 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: '0c2bca528aaf0c1f528634636e7d16007dd66e8e', 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: '93a04cbdf0406484e6f0ef74b091c2a81a5d79dc', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'da16606583842ba541aaf2635d86d3c144505822', class: "label" }, hAsync("span", { key: 'b19e1dc0a7c08dbac4ba7934d7a963f97ff94a32', class: "label-text" }, hAsync("slot", { key: 'f4e2bd0d75166f51371bd798c1fbf823f67b4e1c', name: "label" })), hAsync("duet-icon", { key: 'a2ef8e75498bbfa0c0386c14a9c85d756f8ba7a8', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '6a8277495e4af7f750246f736ea4c6873a038bf8', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'b6d67b23e9e144930f6dbd3f7cb645dcc08757bc', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'd4671d5f840303ad923d50ad7314a5ca13a95840', class: "label" }, hAsync("span", { key: 'ec5e80db693fdd7b50ad9fcf3d40300858bd3036', class: "label-text" }, hAsync("slot", { key: '42be40ec38e6e46bf516d581e0cf7204d3a43ecc', name: "label" })), hAsync("duet-icon", { key: '28fce54b06d8489c35a017371ccbcf3ff357261c', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '23ee904f9e7e8953b79be8c1903787e0ad0ed389', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: '645c0c44b00a3a1ab2e78dcdc24b1369bb972251' })))));
+            } }, hAsync("slot", { key: '18d9b43b76fd13faa5c1e95e50253d4ba067dbbd' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownStyle0; }
@@ -16705,12 +16724,12 @@ class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '8a0279e899342bbb7cc78247029e3da1e26999aa' }, hAsync("a", { key: 'dfb0b766d70ed1587460ca994f7d28fa589db2ba', class: {
+        return (hAsync(Host, { key: '7b6d4f944e09e3b9f4a545b35ca22b70354d4e89' }, hAsync("a", { key: '7c4d73a5f232691be4cd4ccc4e9687afdfdf46b2', 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: 'e613bd775722dd99bfa920d878fadc7646894db6', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'a5dfde043611ce5a4d476034060128f2d66780a9', class: "label-container" }, hAsync("span", { key: '270a140045cb7dcb5ee905637d02911176a406bd', class: "label" }, hAsync("slot", { key: '800e324290857b3cbaccb445b8448bf78c22b953' })), this.caret && hAsync("duet-icon", { key: '11aa7d0d718eb54806fd3449ea16eb215a2c8541', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '9256bee51ada54db092568c6c9bf3571b809b66f', 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: '931355f6d77cbd9390389fc19ba3523c71deaa37', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '4be80caa3ae757adf17b077286f0d05572bf8086', class: "label-container" }, hAsync("span", { key: '7c06307710f7bf1a54d31fef0fefe969ef5dbf86', class: "label" }, hAsync("slot", { key: '11223a3b3b50e53da0b37954dc228ef2cc2fb3c8' })), this.caret && hAsync("duet-icon", { key: '8f1bdbc98c7f0af7167528d6ddd015613196af72', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '06574ed40c1677c41256fde666620ec3eb367d7f', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
@@ -16771,7 +16790,8 @@ class DuetSubmenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (hAsync(Host, { key: 'abe5b5537a889effe530e1f9deac5c5ffb7db97e' }, hAsync(TagName, { key: 'dff0dcda980df21651e61f17bdbaf3ff043f74d9', ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: 'e11c2d8c80c483df7b879b509d830a795ae394c8', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '21349526758d043bef848e13088afd921562d7ab', class: "label" }, hAsync("span", { key: 'c4d410336df73a2d7e604015f4d914ac48095341', class: "label-text" }, hAsync("slot", { key: 'a33084f99de5cc4cbe1bda98368802c7de6c8108' })), this.trailingIcon && (hAsync("duet-icon", { key: '65d46ca91857c91355a419ab5d2229df633b5f6f', class: {
+        const role = this.url ? "link" : "button";
+        return (hAsync(Host, { key: '3809dacbf8986202a08f3ac76d4ff20222de6196', role: "listitem" }, hAsync(TagName, { key: '93b89f52f27aacdcf91a2117e56e4f54cc382ac0', ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role }, this.leadingIcon && (hAsync("duet-icon", { key: 'e1be87867c25236cbe0df20fae7c1c190aace67c', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'aabee6e7c69593910b223b29192891a590a1471b', class: "label" }, hAsync("span", { key: '03828b9abeaafe8228a76f1f7b8386314c5b3ef7', class: "label-text" }, hAsync("slot", { key: '4545df6039082a5d5caaaff535fcce876e9c4ba3' })), this.trailingIcon && (hAsync("duet-icon", { key: 'c3b95ea8302ed9d4bffc4fb49ee9015dc7f10bb4', class: {
                 "trailing-icon": true,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
@@ -16828,7 +16848,7 @@ class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'fdb4bda5a30e6c5018bc3636e2381a56ee01e4e3' }, hAsync("a", { key: 'd9f4e02a83f4f6878c7cb31d2201e3fd4150d580', 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: '59193a693a585ccd29d06c85088e9fdc67bca422', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: 'f0cd7c856a0f000e8d7e205d1a414454a0683d17', class: "label" }, hAsync("slot", { key: '4ad4ae7537067cc17a906b7c2ddcabe9a278aeaa' })))));
+        return (hAsync(Host, { key: 'fb94eb65690b10d78ba72790a1653d129d509aab', role: "listitem" }, hAsync("a", { key: '3997d3a5848880c3c8fe0a81ff3c0ea243bf1328', 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: '56fd2d97c86ae74b00ad7661840e543e12f771c2', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: 'cacd3d410a7774d1c9919af8f2fca12a7150fb65', class: "label" }, hAsync("slot", { key: 'ab7dc74da327c9eac6ed6c8a72edb1b194623949' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarLinkStyle0; }
@@ -17177,27 +17197,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: 'b25c23e9c7e9a3e5a6b522e1c200b651fb35225f', class: {
+        return (hAsync("div", { key: '79395ef8cc49dc783d525863fb219d1f7fe43153', 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: '8c1717c42f63f55fd0e66c2c981076fb7ebb822b', 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: 'b7d75be0eba4ed2c09b8960ca3b6df08988416a9', 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: 'e269e1dc5913d6d656634c19dfea91594c17a635', role: "tablist", class: {
+            }) })), hAsync("div", { key: 'e2a71b9c46644d3eeefab5ca1996ece52f78cde9', 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: '331c2d4ec2fdb88caa5f3c0057e81292d86028d5', class: {
+            } }, this.renderTab()), hAsync("div", { key: 'f0a6b86641a0e8091e2b33c27452f783b467338e', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, hAsync("slot", { key: 'a78e9aa86f7c03563db3d43eeb30e20845b0a043' }))));
+            } }, hAsync("slot", { key: 'eddd3592c216edd8c0e97ba087ee42a6e9cc1cc1' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTabGroupStyle0; }
@@ -17301,7 +17321,7 @@ class DuetTable {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'ab8dd44a4ed7d49de8ad2f11150455407c8d3a80', class: {
+        return (hAsync(Host, { key: '5281fe3906db3b9b3885493414cd38e683d7d49e', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -17310,7 +17330,7 @@ class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, hAsync("slot", { key: 'fe9ea56f8b1567513f3efdf1be6dbd5723e56f6e' })));
+            } }, hAsync("slot", { key: '1611870a74ea3903dc9c1fee47e66f7827c6b6e5' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17678,7 +17698,7 @@ class DuetToolbar {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "default";
-        return (hAsync(Host, { key: 'ca4c2dd159af6a75a64fd4559da9c58fa889abab' }, hAsync("nav", { key: 'b895cd71a3eb9c5c5b1e6057b81571e64d5059dc', class: { "duet-toolbar": true, "duet-theme-turva": this.theme === "turva", [variation]: true }, "aria-label": this.accessibleLabel }, hAsync("div", { key: 'ac696254f9a32fd837a9e3484d08e70648880ca2', class: "container" }, hAsync("div", { key: 'a37926ca410b7d7cc8c78418511d8c5d05338d8d', class: "list", role: "list" }, hAsync("slot", { key: '37bef6b5d253fe695bcf4bcfa9d277b616b7b98d', name: "left" })), hAsync("div", { key: '3b42c69dc892c874ab6a2d737a50bc8fff4c730c', class: "list", role: "list" }, hAsync("slot", { key: 'a1b11f4b740034718086be5efecf2353ca2389a5', name: "right" }))))));
+        return (hAsync(Host, { key: 'a2941e7aec6a5b9f320d7e7db068dde67d3799a3' }, hAsync("nav", { key: '813a83f40c3340e339d590e248d56c7e94efa58c', class: { "duet-toolbar": true, "duet-theme-turva": this.theme === "turva", [variation]: true }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '71a78f565f2cb4d2d2af83de3a43902ac7205823', class: "container" }, hAsync("div", { key: '8af413d1f26aaaeff1fa511e1dd4328ea2d568be', class: "list", role: "list" }, hAsync("slot", { key: 'b55720d01a77d0f568b7b5e647dfc3d00774002a', name: "left" })), hAsync("div", { key: '0e73411b7ebdc3cdb0ada1c5a86c3c4e67c7dc8e', class: "list", role: "list" }, hAsync("slot", { key: '74000372c85301502011e0405f1e5ae24c4da604', name: "right" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarStyle0; }
@@ -17746,18 +17766,18 @@ class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: 'b1ab90e367e74581bb2bbbbab3efca4befdb65af', role: "listitem" }, hAsync("div", { key: '8f911bb057a0b128bca7d7fe7d9c864fe0123f6a', class: {
+        return (hAsync(Host, { key: 'b267de99df676578b5c5879bfc4b33e63f53eb40', role: "listitem" }, hAsync("div", { key: '0f4a971d359bb6b05c6a0de70bd263b48ae42953', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, hAsync("button", { key: '250463f2bc27b86116406c9cc94ac3a0b2ad3dad', 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: '7fe26d57c4e2df698aaf1677171e14999adcee31', 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: '79bc60e4e8e87082abce55cb552bf6ec5653bf13', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '58325e1fe660100b8e5bfb0406b039dbe6dd12a2', class: "label" }, hAsync("slot", { key: '0e268220c2af6cbe5336502e28f4b1bd2231fda4', name: "label" }), hAsync("duet-icon", { key: '29849c94518deae5dd1be0f1e16aff39f380aad1', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'e3b7ce6dbf6f1c38a9859f90b91ec3036a458b8a', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'a1390f889f23f75052fd5c78915e12ee9e3c8930', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '7b7b8ad3931cc78a60ae96ebafe19fed542db012', class: "label" }, hAsync("slot", { key: 'fb9211a981fbbada64fd2b86c3583af226ebb626', name: "label" }), hAsync("duet-icon", { key: 'aaf1a322508dee44ff0e60d5bfc68381a568a922', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'd68a0e8ff628d5739efbe9cf3233d94cfa43e26f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'c864869cbf3ac102fc2f72966bec15e294e68fd6' })))));
+            } }, hAsync("slot", { key: '2d9b51cf80525f43ca11cc5e4b91dd6308251ad8' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownStyle0; }
@@ -17810,11 +17830,11 @@ class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'c348732450775e0dcf44a89feb7cdb439517a1a1' }, hAsync("a", { key: 'e4e1d391e62fdcf6a9174a44a43a60eae30424b5', class: {
+        return (hAsync(Host, { key: 'ca2c386337ef8052184214a47865bc93b192efea' }, hAsync("a", { key: '2601354c27b7ff3858e561585176e040d2bfce25', 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: '518f648837a592671dcb151d34fddd9fe1d1bddf', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: 'ec4f57aad2690c2f393b10be6b97f3dc51923c49', class: "label" }, hAsync("slot", { key: '606e746c11057f4b6fe522c72fb46ef812f09cbc' })), this.active && (hAsync("duet-icon", { key: '06b05bda87ec401f58c37ebb227bf5d79dfce23b', 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: '0f941114682ef7527bf69e9e5a42ef0d095a1b2b', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: 'f5eac01e244e0cf0bb48229c58076580fea8e5d6', class: "label" }, hAsync("slot", { key: 'afc1ab27f5e67371e52fa2e4da46b453b24ab75c' })), this.active && (hAsync("duet-icon", { key: '041c528108a13b672788bbc254d7d6c0ee362008', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownLinkStyle0; }
@@ -17870,12 +17890,12 @@ class DuetToolbarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '3e9682df2c32801eb6fe762073f655878533b2e9', role: "listitem" }, hAsync(TagName, { key: 'bdc5ace05432994caa73e7262221cd8090b6f635', ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: '5a54733855a26d30a01d1f7ba42806121f4f48d1', role: "listitem" }, hAsync(TagName, { key: 'fe27c8b4cf0118cb24013098aa893d298d152fa3', ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '8c263b1162d7042f9e0a128d7bc301ce3642bd22', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '4e3476e70043cf9f4abe7e317f2d59ade87e40e5' }), this.trailingIcon && (hAsync("duet-icon", { key: '0d0effa4d7022a1737bf0cc9f7ec5c6931f11cc5', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '51a40fedd8282ef1931b6e7b52c2f4fc9808ff33', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '7a0cdb1ffdd86c5d027d2bd0e63cef3d1c5f4f06' }), this.trailingIcon && (hAsync("duet-icon", { key: '3bbed07861a179498c6b0b2cb590b8725403a6d3', class: {
                 "trailing-icon": true,
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
             }, theme: this.theme, name: this.trailingIcon, margin: "none", size: this.trailingIcon === "action-arrow-down-small" ? "xxx-small" : "x-small", color: "currentColor" })))));
@@ -17928,12 +17948,12 @@ class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '0b1b75540b0e76392ccc42744e179a500cd3d7ad', role: "listitem" }, hAsync("a", { key: 'f010c63eaddd157e787951cea81ced2d0ab61957', class: {
+        return (hAsync(Host, { key: 'cf6800da1ce070afc7101b0798b0a76631cab3a2', role: "listitem" }, hAsync("a", { key: '6f1ea96961774cbe4d73bdfdf894bc8c11ff4dad', 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: 'f6a372c0c34607f1a8e87dd710c371e61e356e2e', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '341984fa0638ea8b79c0ff55a679d673a34b6376' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '51a73cb5a16cfaf854baa736574e423432acb751', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '9b752f107c4bcdbb32b0502b0a970ac115556ea1' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarLinkStyle0; }
@@ -18187,11 +18207,11 @@ class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '5c2bf987bfba5d4b7277cf6680df0901d66b557f' }, hAsync("button", { key: '123177d53f166dab9aafb3afe6ef7f8d6fd83bfb', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        return (hAsync(Host, { key: 'ce976f10516cd79a4616e573301788cdfb027cc1' }, hAsync("button", { key: 'e7df667f35fe25ac2267f96b3d4e58efd876b1e8', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
-            } }, hAsync("svg", { key: '0b04ba67bc365f18ead61cebb4b50e779e8779d1', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '912d6476f67026dda8ad23093d3e4db76afe5b60', 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: '7d8dfe057c870df330dbd26cfdc5c1f6c3e3c632', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'cff746a9eb12f439da3fe2469a716631939bd69a', 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: '01d7aef4ac85d656c0dd4de4de8716cb4d94f539', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '6aa5d232156fb0275a66d004af79cd1a2065c01d', 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: 'f717def87b4739a637fa7f0a6d9f026a190ac59d', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'fff9209dfe86fa98131cbe1cdd8c61e72ee6f678', 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; }
@@ -18258,11 +18278,11 @@ class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (hAsync(Host, { key: 'dc3ca4ba9ef2e919f83aca37e6341ff34395ffaa' }, hAsync("div", { key: 'efb0386ce9c7b976bf65aaf785540fcb5f0b719e', class: {
+        return (hAsync(Host, { key: '3a18853dc93a2adb31d64f60482297bde3737724' }, hAsync("div", { key: '20c2bfdb39d5182040c8c1376cd1ad1f950786f5', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, hAsync(FocusGuard, { key: 'd8932d7ddac08d3429c7972bfbebb070cb083f71', moveFocusTo: this.buttonEl }), hAsync("div", { key: '3d89efd0dfe21334173ae7141616a955439eb2c6', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: 'ae21e55ab3bfb1a25eb167c1a598a264a3568121' })), hAsync("div", { key: '88166e6bc68a62d6df21ed962d0a5a192fe27aef', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '27ec390ca052f884a69fd761d9196d29832c9160', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '21e54548f177faa13933fe6617e1ace266255d9e', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '9f1ac2403232e6aca7d25bf48b8b63632bd7ca2c', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '429898e8fa996f763fd5baf735a9b0b5301582a3' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: 'd42579384165f3d801045c761412e5d620103489', moveFocusTo: this.contentEl }))));
+            } }, hAsync(FocusGuard, { key: '2be535dfda66aa174f0c3d4eaae962e4aef47134', moveFocusTo: this.buttonEl }), hAsync("div", { key: '95156d5f84e049de96d4ce158cb18b7d07ac91d9', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: 0, id: this.tooltipId }, hAsync("slot", { key: '9ded3cfd459764324cb8c9454275c8fba4169802' })), hAsync("div", { key: '18e028859869f9b46f3f281d4d2619f072a885e9', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '09a889676159c3c659fc2292c877305ef8382c37', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '70806769df23fed5c7145a17fad13c12ed2aef6a', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: '61714adbfbf9677dcb00a6d96b50f7034b93cb24', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '3276a012463044b539d38df0879de85f1daeac44' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: 'c446cb8cb1d0246f2e5b284763bf7d28c8074699', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipPopupStyle0; }
@@ -18370,14 +18390,14 @@ class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: 'd886cb2bdb30f527fc0cbcdc7dfdc037b7957445', class: {
+        return (hAsync("div", { key: 'ee2f14ff774bc4fea662debc24e2a6831adfb289', 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: '4dd01b50a8b2a1193f482ff2d6ac8faad8844598', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '3b394a2c46dd52ace13372c021386695537e45a2' })), this.hasAdditionalContent && (hAsync(Fragment, { key: 'e1ae4eb82fddc625d018fc625050095693a0cb39' }, hAsync("button", { key: '64946a1df75ff28b45edaeb6989365b78fa18a01', "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: '15a329f00635b0a11dbcbfaab77c075006b4368d', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: 'b8a54bd169d936630907459d979f5f3d812e234f' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: 'b70a810a085e145d87d016daf31481e720cff3be', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: '06a8e71c2b515c185e842f8d98c1bbb7a8d77248', class: "duet-tray-expandable-content" }, hAsync("slot", { key: 'a4110b6fc431f61dafec49fddcefa9802b28bcc8', name: "additional" })))))));
+            } }, hAsync("div", { key: '6ba05414c6cccbcd24b39ea18867eb7207047e34', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '56932665c91448424cafefb15e58e800b8f46e01' })), this.hasAdditionalContent && (hAsync(Fragment, { key: 'd5840a8e96e3cb4b743e5884017f71dce8f3ac5d' }, hAsync("button", { key: '7fe35a548af11e360fdbc6da0010db3ccae8a25f', "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: 'b88dac2958c91495b09881ca04aee485da7a028b', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '6d82f6bbfd7922c5fe83f7eb4d00e63d51784656' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: 'ba8b9b2fbaea02fa5b6ea18a0c54dc3bd9b588a0', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: '84d6ba05d119969259a3c4de3c836f0dca268eb2', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '42d5d020a9028a67957dc6cfab863296d93a526e', name: "additional" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTrayStyle0; }
@@ -19490,13 +19510,13 @@ class DuetUpload {
         caption = caption.replace(/{maxbytestotal}/g, `${maxMegaBytesTotal.toString()} MB`);
         caption = caption.replace(/{filetypes}/g, this.allowedExtensions.split(",").join(", "));
         if (this.externalUploadButton) {
-            this.externalUploadButton.accessibleLabel = caption;
+            this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (hAsync(Host, { key: 'fbb23e4c7dafe25f609164ab839dfe2b773e4656', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '06b9887702d76107263650313313f1a9d0da18e1', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label, caption: !this.captionOnBottom ? caption : undefined }, hAsync("slot", { key: '09d08704944030cfcf9577d1e9ff5743530cb087', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: '9455c1f4ec1c6f23ec1d005aa6aa1f0c902ea6d5', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: '33c49028d666ce29fd441817062f5fce1d5d87df', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: 'ec41dfe1c379d717f4514d819118e8484feadc61', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: 'ba56e1700f6254c05f0aeebded23eb071c2712a8', 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: 'c751122858e240739f4a439b89f9ff7f7603ee65', name: "filefooter" }), hAsync("slot", { key: '44add8b2fd77cb942db72bd83cad90cab6e3b83a', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: 'b788d8ba602fe61da7ff8c06509ea0521027082f', margin: "none", size: "small" }, hAsync("div", { key: '905be51cf09c625bd19737b9fa28c85f7911a2a4', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: '2da304d7094152a7c38607af3d74d5d8b076c711', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: '74cc919f60e229c4fa1f7f8f4472c2d5cd731a6c' }, hAsync("duet-spacer", { key: 'f60c7893de953a3551e5f0b826bc34510e205d42', size: "large" }), hAsync("duet-button", { key: '20792f561a4a6b35ea120d6f24d5e6e49e366c7a', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel, "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: 'ba5705ec50051896eea4a8b718bf8f7da76be7c2', class: { "duet-m-0": this.margin === "none" } }, hAsync("duet-fieldset", { key: '2342c1e4807ad8b414da320305d80604a22f25da', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, hAsync("slot", { key: '036201bcb193439f230d157d30a0d9908f358cc3', name: "header" }), !this.files.size && (hAsync("duet-empty-state", { key: '20ab40f41f772e61c06ad88acb474d0ec7f84391', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, hAsync("duet-paragraph", { key: 'a0512f80328018f2df44dc5d62fc000f7a984ca5', margin: "none" }, this.fileListEmpty))), !!this.files.size && hAsync("slot", { key: '44fa381771bc6ec8cea6678cc6341dbf742e2929', name: "fileheader" }), !!this.files.size && (hAsync("duet-upload-aria-status", { key: 'a3c578faaf758019488d158eeb6c2ab8241f6b97', 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: 'b9fa0cdc377dc153c52253b1a3e5f79ec362092c', name: "filefooter" }), hAsync("slot", { key: '5c2d728228b40dcaf099cf09bfeb630ba4400646', name: "uploadfooter" }), this.captionOnBottom && (hAsync("duet-caption", { key: '8a6bc099f257a275b9dd56907e71cfa27ee39e5a', margin: "none", size: "small" }, hAsync("div", { key: '00cb65b848e0f4343227e0d8a6edb36721e0898b', class: "upload-bottom-caption" }, caption))), hAsync("slot", { key: '32298ca819a46adfbb2bb75495316a3b766b41cc', name: "afterfooter" }), !this.hideButton && (hAsync(Fragment, { key: 'e08ac52f1e10d774b6d4182c3e65ca8c4926e199' }, hAsync("duet-spacer", { key: 'ee36496895e76011c58e5efba415715a9e10245b', size: "large" }), hAsync("duet-button", { key: 'ea88a0383d21936f8e1257659d16c1c538e0180c', 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: 'dd237b355a77db2eb3c3a6bea07eae884ffce4ca' }, hAsync("duet-spacer", { key: '0ecfd226ae4a1b30e1a3598848327c9e7d1d6cce', size: "medium" }), hAsync("duet-alert", { key: '45e1d585869c782cd624d6c6c8bf93e819944980', 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: '3783514ca6994a7cabf2f2027c7a61f8147e633a', "aria-hidden": "true" }, hAsync("input", { key: '6e79027a037da18e89b2dbebdb6ce3d750d11c3b', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (hAsync(Fragment, { key: 'fc592425a1fb73c7ed842a2e9f97a9230656ea84' }, hAsync("duet-spacer", { key: 'f2eeb91a4aaa9b88a92a831fdeee9ac1185d613d', size: "medium" }), hAsync("duet-alert", { key: 'b28c29441595b510a4dba0bf90cd1ff8b0c154b0', 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: '4c28a57329e13a63f223623aec2bded1a1c45956', "aria-hidden": "true" }, hAsync("input", { key: '0f522f4bd041a1037b6492ce975099d336e6c8c6', 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,
@@ -19817,7 +19837,7 @@ class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f107e96e1a039ff07fa07dc6d45a85240bf183d0', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: 'ea0da6ca5f4f40aae2f60f49249bbdacbc41f0aa' }, this.statusMessage)));
+        return (hAsync(Host, { key: 'd987e9e8bf5e3a649817f942d6a4ab860769f9ec', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '564b4c6c8d9a519fb5eee566d9b5fd057b1b9a20' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -19996,9 +20016,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: '07ddbef4ef21f02175a48736e7983a83f4b190c7', class: {
+        return (hAsync("div", { key: 'ce6f559711b5fad043a9b1d9dd1abd78c1e3e925', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (hAsync("div", { key: 'e93b519ef05ae75e0a86921fb6c56cb88407adb0', class: "item-categories" }, hAsync("duet-heading", { key: '909a63e46f15c131d51e4809d19532a05aba87c3', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '10abceff20a434e7283dac07783f7de001b191f9', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: '719f0550088c559e3361a0895c3613f6a6782379', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '1e69b28960cba2a5fed18fe09d2ea3be1925dfeb', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (hAsync("div", { key: '7346081d7fdce1e18e2f60d6816c207ae8b920a7', class: "item-categories" }, hAsync("duet-heading", { key: '1a43870407f9655cc3aec47df7ac219e2106fbc3', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), hAsync("div", { key: '5676d2178396aa7ded5c38e756bddb82ed8ebce4', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (hAsync("duet-heading", { key: 'bd76f703674212d57d2767655d8da7bbfcef5ab6', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), hAsync("div", { key: '6ee737c5ee79a10470cf15e4853d0a8fc241d09d', 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) }));
         }))));
     }
@@ -20039,7 +20059,7 @@ class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'f52a0f31eb6101aee09189a09309b91db035a564', class: "duet-visually-hidden" }, hAsync("slot", { key: '49647fc127fd4b69e0a7f668d7ff87337ba33d9e' })));
+        return (hAsync(Host, { key: '1391d57bdc46c12c699eb9c0f24512e6169527cb', class: "duet-visually-hidden" }, hAsync("slot", { key: '3954c8b4f0a67197b2bcf14bd7e149815abf8074' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetVisuallyHiddenStyle0; }