@duetds/components 9.12.1 → 9.13.0

package/lib/collection/components/duet-slideout-link/duet-slideout-link.js

@@ -42,12 +42,12 @@ export class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'a40416f8f46c552dc52f47dc5a20dd6b297e5451' }, h("a", { key: '0c1100e6fa2c94b27b1de37cf9fb7110f1b015b7', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (h(Host, { key: '37e7f55eccaef46f0fdb0cc722167b3d2be07250' }, h("a", { key: '7888b5689d718e5618dbd8119513c9ad0bd88eaa', target: !this.href ? null : this.external ? "_blank" : "_self", 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.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (h("duet-icon", { key: 'cfa9532a3b552492020986415bf5f6f12082f2b5', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '3d388ab4d01f32217775f5ef88ad46daef148235', class: "label" }, h("span", { key: 'f75a096671d5b8f97c067cfacbda83d3bd9d8db8' }, h("span", { key: '2aec2f0aef1f95cce2d253b3b7b381d38161bcdc', class: "label-container" }, h("span", { key: '9b16b7cfe6ca4fdae793736fae5523bdf5371bd5', class: "label-content" }, h("slot", { key: '5597bac9103fd5b2e1d09e2b943d83c9e8f79d82' })), this.external && (h("duet-icon", { key: '5902a878fe378a712b9704f7a72cbd34e5386b8c', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: 'c017fa9fefdcdef5c3f5ce50e7814e3ad31b427f', name: "description" })), this.caret && (h("duet-icon", { key: 'ad14153a7ae8c4392a9677bd83dfa69101986e04', 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.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (h("duet-icon", { key: '0fdcbb18f34d423c59650e55bccee40efedb9f49', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '06d69d19e7780580efd75a285c6d58008dc7ef4e', class: "label" }, h("span", { key: '6db329897b1ad576bce79b2da3c2586992786239' }, h("span", { key: '01b2c540cb6096bf321cd52272c7bfc7284f9532', class: "label-container" }, h("span", { key: 'fd2b7ff9885cd3a24f1b81e14b0e972daf606da9', class: "label-content" }, h("slot", { key: 'c05ee9479a383f4a3a99d1060054e4b07a510337' })), this.external && (h("duet-icon", { key: '669c2f06ba1388a117029c4bebb472a22a51d90e', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: '81fe3d16cde666a547216e35ebfe7c4d9289713b', name: "description" })), this.caret && (h("duet-icon", { key: '31f873adfe1e59fc420ea6cafcc9133a10e92f43', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     static get is() { return "duet-slideout-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-panel/duet-slideout-panel.js

@@ -159,23 +159,23 @@ export class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: 'c618207a4d1f48bf3d6826e1403f814dfefab575' }, h("div", { key: '24aeed548e03a4ba674fd5273c4f702f8121db77', class: {
+        return (h(Host, { key: '56eb135660ee88050732a5d2fea1ad481f9eb292' }, h("div", { key: 'ac82e6b523a166482f63f844fe4665bb9c51cf67', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: '86f88c9bbe4895bd068180e5b995b33f32d02062', 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: {
+            } }, h("button", { key: '237fd45dcf65a5276ba815e0b1f96edf37f34792', 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 && (h("div", { key: '4c2c622204fdd0f993285435eb35d99c469deba7', class: "duet-slideout-icon" }, h("duet-icon", { key: '47471be5905639b85633ca7c078fc8a2b8b3434c', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '010cb1b61008c593fdc2ae9a75b85f4333bbf6b4', class: "duet-slideout-badge" }))), h("span", { key: '83e55977bce3226cacaddf855b620fca72b06d39', class: "label" }, h("span", { key: '9d2cab5ad2ffd23583afc55ddf53cab71f8a3774', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'd5ae73ff0c7304bf80d6a42bb58265fadadc6261', name: "label" })), h("duet-icon", { key: 'b1500d208ee1d7f73139aef3eb067d7f88bd161f', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: 'b4b7095bd5b8b0bf9123970308284d05910d29ff', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: 'eb4918cee89d1a28119e7c96a41dd30876b9882e', class: "duet-slideout-icon" }, h("duet-icon", { key: '585083f0736aca5f20850536cf4ac576354d0adb', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: 'e5b2e4bc6d70118c462ab6740e6c89a588babebe', class: "duet-slideout-badge" }))), h("span", { key: '2c533f9ab954b21ad9ee1f489a896f8661d6b744', class: "label" }, h("span", { key: 'd18761f73625fe1ed2061413dde2ef1649e0d8e6', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'b8877cefe56a922264fd7b8cfdb59699b321cca6', name: "label" })), h("duet-icon", { key: '9223672f3ef2c5f4e24d93180266c12ebb81f873', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '970e055462866b6c2e0d9f8f61fa0f44014e1f8c', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: 'b727beeabc7dbf3ddac34ec3bb2b83088fdd8a64', moveFocusTo: this.closeButton }), h("div", { key: 'ae27f00c16f42cdc381e039374ca60469b7e47e8', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '2247b741022af7ea503e766eb23d88317153e4be', class: "top" }, h("button", { key: 'b5845650af972cd12875faf5f7591636fb26e936', 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 }, h(FocusGuard, { key: '55077ddbf3f4b2b9f7418ac25e18925d0790f51d', moveFocusTo: this.closeButton }), h("div", { key: '173896613871ccb4612a777f81cc7aa099f846dd', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '5de8816912ec989b3c3a592f71d82769f81705cc', class: "top" }, h("button", { key: '7daaf548d0726af440efe31d65dda28ab7b10590', 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 }, h("duet-icon", { key: '9db41b0be45366ff69d05b07144ddb0e61200fef', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '3c77687dc007b4c7f2d8f64db30a512cfccb84c7' }, this.label.innerHTML), h("button", { key: 'b483ddbfbb812cd765892a1233b51ebeb609f794', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '4c752e1fae7537d84b3a4d0c5c3f49a65510129a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '90a3a6cc8807e8d3d47532498277130ad8b06cc5', class: "sticky-header" }, h("slot", { key: 'bb9821613913f9b1698091345f6f9570a6b53c05', name: "sticky-header" }))), h("div", { key: 'efed104d95f95cfe31d0a4e785c54f089c221811', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, h("duet-icon", { key: '51d4e6709d84ea7ae022637b49b0f3fe1848374b', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '8fb630a47d81b8cd39c2b41eee44de476ee2d909' }, this.label.innerHTML), h("button", { key: 'ebe66dcf5fb90368364bf99aa17e16a1c1f618a7', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: 'a625e7fe337d30f0663e785b574ea068fcafa161', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '5c949cc572f5fece64b0fcb5054ba0feb7e3852a', class: "sticky-header" }, h("slot", { key: '967df86d4dcad22d11b312e508de6114fa2e40cd', name: "sticky-header" }))), h("div", { key: '2fad52921cca02a904eb498d690d27284e6a928e', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: 'fa57d978d819397f7b0ef84ed9e5581899d41750' })), h(FocusGuard, { key: 'b42d0431e7a6c14f457ca07a5d703dfa22039b5f', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '8877447b3854175bbd232289e9e3309f6efea81f' })), h(FocusGuard, { key: '9f96ad5a3cfb71dc1991b8f91e2fa4d7c0710a87', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout-panel"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-slideout-panel-dropdown/duet-slideout-panel-dropdown.js

@@ -40,16 +40,16 @@ export class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '61e8058eef36825a98bc85533bcb5f23e81fdbf6' }, h("div", { key: '613bc029822550b61c975eaff0ec1734cffbe115', class: {
+        return (h(Host, { key: '56faee9144d28aa60667fdf09a6cb8505a2d5019' }, h("div", { key: '13fac67091478d3f93b4dcdda87d78769cb684f7', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: '7d0ea9527674af103958a94c574fa929bf33fdc1', 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: {
+            } }, h("button", { key: 'ca6bcd9c33c48f8ce6c6b6beecdc6f2abb3049d0', 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 && h("duet-icon", { key: '59a45ada4c16c2acb57d285f0ecd174d70548a37', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'c8e5930cbece0e969fe96b9f534227b4d76fccd8', class: "label" }, h("slot", { key: '21485c8cafd5de8ce62f7eb0a23bb75cf1ac87d8', name: "label" }), h("duet-icon", { key: 'd47eb2b8e169425338c1671f41bef35a2e22e8b3', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '18622029483e38d5b07f8058aef4899f3e0289f9', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'b3635153f84663988ea84257c9cfaa5d3aea7a2f', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'ef13c8e149d1736216107e243d27ccbb6f303cb7', class: "label" }, h("slot", { key: '58486ebae7658383e393bcbcde5db4af478a4bc8', name: "label" }), h("duet-icon", { key: '3935b244f34872dc262934a8754596ce50bb255a', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '6368cfe15f050458ab5a859977b8d5144316bd52', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'a8ff7bee4522da310d4a86916a877d626e67970a' })))));
+            } }, h("slot", { key: '7e5c69e4d53d0832a3f833c6bc297c3069f12fa7' })))));
     }
     static get is() { return "duet-slideout-panel-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-spacer/duet-spacer.js

@@ -13,7 +13,7 @@ export class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0a1ee47833e88bac28442b1bd65fc934f615be83', class: {
+        return (h(Host, { key: 'd55d6a4ae72006fe3463b80b1485a2ef55dd215d', class: {
                 "duet-spacer": true,
                 "duet-spacer-xx-small": this.breakpoint === "xx-small",
                 "duet-spacer-x-small": this.breakpoint === "x-small",

package/lib/collection/components/duet-spinner/duet-spinner.js

@@ -20,11 +20,11 @@ export class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (h(Host, { key: 'a7f033d3dc6eb117a0bc7467cabf4e5e3f8ff4b8', class: {
+        return (h(Host, { key: 'bb0f449eae50af0507131759837be15719c3d181', 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",
-            } }, h("div", { key: '4914107fd36f1a5ac9d77871ad5a0d7373e70359', class: {
+            } }, h("div", { key: '10b2a6011a04cac3a30fc48265a3c38c6efe96da', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));

package/lib/collection/components/duet-status-icon/duet-status-icon.js

@@ -73,10 +73,10 @@ export class DuetStatusIcon {
         }
     }
     render() {
-        return (h(Host, { key: 'f312ca2d2c72d562db976219a24fe72b14952ae0', class: {
+        return (h(Host, { key: '0c7e9e81aa0df937ac47bcfaf99525e669866704', class: {
                 [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, h("duet-icon", { key: 'a1a9463867f3801ab1a3b5dcbbf8d1a8df84487a', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, h("duet-icon", { key: '8b806b24e99faa5637683e31bdb29aea671c1097', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
     static get is() { return "duet-status-icon"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-stepper/duet-stepper.js

@@ -101,7 +101,7 @@ export class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fe47ed64b8023aa730babf53656e72184f937483', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '88422772394488a36ea8a058393a0435fe73637c', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: '0e681560769ea5572ee4d6590ef4d680856b6d30', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: '4148e310b4635d4add0a7a599e94eee69821c485' }))));
+        return (h(Host, { key: '740a97432ec3cd68e37e0d1c15ef857fda784e03', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'cd7bb18ecc5f6912692e126352addfd6d261ed31', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'e544dcae3ddc94efef5586ec9cf89101c4438be7', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'a66d4563c4a9f66d31e8bb14502a10c70d663baa' }))));
     }
     static get is() { return "duet-stepper"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.js

@@ -122,19 +122,19 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '8d2a6b2a0b7c84afb8d61508907992f8b6bdda06' }, h("nav", { key: '98d23766ad48d99a0838520d6f67ce91b412198e', class: {
+        return (h(Host, { key: 'b9ed84c0da82f7c093fa3cc5c9602ca1fe44a4ed' }, h("nav", { key: '0f8fe04555854be9bc7c6a2d15a15653ffbd1016', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: 'd7480f342588cc6a36320b77a896dcab23b6eaa6', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: 'b6399d5854b6f89f428c24fa3a43fdd67de000d2', 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 }, h("span", { key: '4993924e6fc711bebf1730098bfce3b03352d3a3', class: "label" }, h("slot", { key: '96d2a2598974b954d7356e30f0944a1391889b81', name: "label" }), h("duet-icon", { key: '31f715447d28b021e55472a6f0206d416ec9bfad', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'dcee976dcad422cad0659ab4660908a5a3cc199a', class: {
+            }, onClick: this.onClick }, h("span", { key: '1d5e8668c8b750f4972504df8bed57245ef5eabc', class: "label" }, h("slot", { key: '20c27756f7a5aad70a898fff440360f28c28d91b', name: "label" }), h("duet-icon", { key: '43057e0edf41bb7e391ca83b88945a2b9b25ef2e', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'c5e37557b3b340b72d9884217c94e2901278e597', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: '06f7df5458d96f348d6ee9fd51ed36b8882b786b', 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" }, h("div", { key: 'dce4cefa83a6e80dc7c8360c282317a135c4c0ab', 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) }, h("div", { key: '8e176f888c84b7c1ac873f24412679426a872326', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: 'f4df0b6566761ccbde3d382f29a1100bfb12ad15' }), h("div", { key: '5f95cb75994341f33fe801a198c6d907c08b497c', class: "list-padding" }))), h("duet-overlay", { key: 'af3a1f80bede46a7a8aba422119493ae64fb8cf0', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '75d2f4b701d7f2b44c305da5bb697d4cf73faf1d', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: 'e5b60df2f15ee80a4a6bd17960ef48be2bde1756' }), h("div", { key: '5b8e5fd8fa81cf1fade618d0211471941dae339a', class: "list-padding" }))), h("duet-overlay", { key: '2fdc9e8c03721caed4b5b2d05b436375cd57b39e', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     static get is() { return "duet-submenu-bar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-dropdown/duet-submenu-bar-dropdown.js

@@ -96,18 +96,18 @@ export class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '78764f2fa2d385122f181df83f8aa19f28f519b1', role: "listitem" }, h("div", { key: 'b951d99383563ef459e188871d36f0de73f49ea0', class: {
+        return (h(Host, { key: '70868aabae55a1cf5a33ffa60fa5f4503538dea9', role: "listitem" }, h("div", { key: '9809d5a4eab393c96dd7851edb141543e3133768', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: 'b34fbbfaa54487ccca2504b88f204665b8295f8b', 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: {
+            } }, h("button", { key: '28578844117f1a8125be55516cff56ac1e8a7f15', 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 && (h("duet-icon", { key: '133885d52099c50ce44995b63cfecb8b57abff4e', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '04e4ca0fe30c6c22697c93d45616a9be37f518fd', class: "label" }, h("span", { key: '31af52e632b10711c32e673ec2b077595e5ed3b3', class: "label-text" }, h("slot", { key: 'a27acda9d5e996be374c51890d8ffa076ece5cca', name: "label" })), h("duet-icon", { key: '5c7b7c11b80e7da0c737d48501c90d896076ae57', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '4924c49a1deb22b6f833235b5c665b9bb2f32c0d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '9c8abf604b85505fcb162655ba88d8ee98d0c33f', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'e5ede13eceef98527bf96e09fa02bed5f3a56596', class: "label" }, h("span", { key: 'f6c75d3c08f19179ee759a0d049eae30f2c9f464', class: "label-text" }, h("slot", { key: '02f6d7e96cb114febddb08e4ff3d0acb074c9033', name: "label" })), h("duet-icon", { key: 'd1e66d3f724512be2a0da418530fd733beefa784', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '5dbf142f285d703e83580e73497a92bf79173a63', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '324a1de65c74124df7da639f2968c59471f8511c' })))));
+            } }, h("slot", { key: 'f20c64dc6799152a072355db08285ae3254a21a4' })))));
     }
     static get is() { return "duet-submenu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-dropdown-link/duet-submenu-bar-dropdown-link.js

@@ -31,12 +31,12 @@ export class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4c88ac33c4d5a8c55dcf089231ac23a7c3107ffa' }, h("a", { key: '4ef81ca8437bbc26bd559fc76ac8434d35a52f3b', class: {
+        return (h(Host, { key: '70dc6010e5c86ad45da1c5181093ccdd36aedf8c' }, h("a", { key: '88f6be423630593baa34df5aaa95658f4d62e144', 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 && h("duet-icon", { key: '8c837f0188dc98d57c0a2a746bf3e9361feb2777', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '913bb6c4477411898a7e7ff43ea85c0afaf97f2f', class: "label-container" }, h("span", { key: 'e3117259f4bd9101db5fe1587ee4b1785fe31440', class: "label" }, h("slot", { key: '8a4bb1311544492d308473df41ad19e82ac9162c' })), this.caret && h("duet-icon", { key: '10fa1e1927b9c6a4a6186a547498505065c86927', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: 'bd0321e5a2da527156ae208eaace152c92bb2a67', 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 && h("duet-icon", { key: '1b8442b9b12ea7e7d70a4cafb650f44e623ed079', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '649f4c2ba3d389a010c5a2d931d88052ab32738a', class: "label-container" }, h("span", { key: '0956e484078fe3c11a3dbc9c583c9a00f78beb22', class: "label" }, h("slot", { key: 'd38dda8929e0d9fd12abe02ea3e43dc4514699be' })), this.caret && h("duet-icon", { key: '0ae18e14eb823bcac1af33ae2bd4fbab222296e1', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '2e54718adef2328ea759432eea812e3e959931e7', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-submenu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-submenu-bar-item/duet-submenu-bar-item.js

@@ -57,7 +57,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: '8fb2aff6481efd09c3311a2114bc40ed8ba9cd06', role: "listitem" }, h(TagName, { key: 'e5146d02c7e463de148535b30ae968f5a4ab6f26', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: 'f1b826b1a8f8621331d580399681fbc04558d7f8', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '04075e5d9ff4f33cae9131923277731134313a80', class: "label" }, h("span", { key: '0009392cf8fce40690b9c0cfd703b7936c889976', class: "label-text" }, h("slot", { key: 'fee724aaecfd6f7a8d9b7deda76b7030d050dbfe' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '26150ce8a2f3a10ab89341ccdba9ec83f491dd3e', class: {
+        return (h(Host, { key: '15d1f01cbd76c4ced8aa252ed81917561aeeef90', role: "listitem" }, h(TagName, { key: '9f15d11e5868c3a481013409fb19379340a330f9', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: 'bdd450ab99c8780a4cbde43bfafda57632e452a2', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '3fa29d16137ca86381aade1733233f69c9aa2ac4', class: "label" }, h("span", { key: 'a3156e9e1fe7b81cc1f0c651e17c8e05482901fb', class: "label-text" }, h("slot", { key: '50b0c3530a7acd735a6d0d563bd4a59fee5512db' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'c9d8546f6eea591cf4932bf78364aae8eac66f4d', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

package/lib/collection/components/duet-submenu-bar-link/duet-submenu-bar-link.js

@@ -29,7 +29,7 @@ export class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '9296bbea6c18f9a71e8f8af622d3373fc11bda98', role: "listitem" }, h("a", { key: '3604e921c4cd954ed3887f771139f4d7b406d5ec', 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 && (h("duet-icon", { key: 'ffa831cdf89e889ee004b2820ff091747061c3db', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '604fc3f30829cf1e4e58a4bb02b08644cb6bfd37', class: "label" }, h("slot", { key: '3d7acd4cea860399f4618e8bfc99229b072c8d16' })))));
+        return (h(Host, { key: 'cf46769797af8d0cfbfc34a5d9f754e064b23da3', role: "listitem" }, h("a", { key: 'ba77c3487605554e93c2628b6ca4a13558dd63cc', 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 && (h("duet-icon", { key: '80b4386830ee4f24c1898e7fc81b06cb5542aad3', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '5232690bfa4c2ead759d2dd89a08efa0cb0ddb39', class: "label" }, h("slot", { key: 'b27e4d3d3cdb1ff0005ac3ffca339852c0ae0b2b' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tab-group/duet-tab-group.js

@@ -159,10 +159,10 @@ export class DuetTabGroup {
         return localTabs;
     }
     getButtonId(index) {
-        return `${this.id}-button-${index}`;
+        return `${this.identifier}-button-${index}`;
     }
     getTabId(index) {
-        return `${this.id}-tab-${index}`;
+        return `${this.identifier}-tab-${index}`;
     }
     getAccessibleDescription(index) {
         const description = this.tabs[index].getAttribute("accessible-description") || null;
@@ -211,13 +211,13 @@ export class DuetTabGroup {
                 [`duet-notification-mark-${element.notificationMark}`]: !!element.notificationMark,
                 [largeBreakpoint]: ["default", "plain", "plain-scrolling"].includes(this.variation) ? true : false,
             }, onClick: () => this.onTabSelect(index), onKeyDown: ev => this.handleKeyDown(ev) }, this.variation === "checked" ? (h("div", { class: { "checked-tab-content": true, "stackable-checked-tab-content": this.tabs.length <= 3 } }, h("div", { class: { "checked-tab-description": true, "stackable-description": this.tabs.length <= 3 } }, h("p", null, element.label), h("p", { class: { "tab-caption": true, selected: element.selected } }, element.caption)), h("div", { class: { "stackable-checkmark": this.tabs.length <= 3 } }, h("duet-checkmark", { theme: this.theme, checked: element.selected, type: "radio", "presentation-only": true, center: true })))) : (element.label))));
-        return (h("div", { key: '65d54bf37b3b0932c751aa4e83f624640ebe9582', class: {
+        return (h("div", { key: 'ba7736ac0b95d5470fb0ed873d4b38a154dcbb64', class: {
                 "duet-tab-group": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variationClass]: true,
                 "duet-tab-plain-scrolling": this.variation === "plain-scrolling",
                 "duet-tab-group-scrolls": true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '7e87ceae30d8592e78e653583cef697027c5795f', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '4a074d5dbd67da42ed48f8d3dfe9ec4310236d80', 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,
@@ -228,11 +228,11 @@ export class DuetTabGroup {
             } }, this.variation === "checked" ? (buttons) : (h("div", { class: {
                 "duet-tab-group-scrollable-wrapper": true,
                 "duet-tab-group-fill-space-wrapper": this.fillSpace && this.variation === "default",
-            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), h("div", { key: 'ffe1a88c1c80818ba0406333400d4aa4e3ae6101', class: {
+            } }, this.fillSpace && !this.stretch && this.variation === "default" && (h("div", { class: "duet-scrollable-stretch-overlay" }, h("div", { class: "background" }), h("div", { class: "border" }))), h("duet-scrollable", { selected: this.selected, identifier: this.identifier, gap: ["default", "plain", "plain-scrolling"].includes(this.variation) ? "none" : "large", buttonPosition: this.variation === "default" ? "absolute" : "relative", center: this.isCentered() ? this.isCentered() : this.element.style.textAlign == "center", theme: this.theme, stretch: this.stretch }, buttons)))), h("div", { key: 'f5f7596722133e827c24c7db62ddba338bbfb1bf', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: '11959e3d29cc4dfda1bffdda369167447e1b3449' }))));
+            } }, h("slot", { key: 'cfbca5d14ae3d8ea6b76d6c7d48a1d3f8f6dfcce' }))));
     }
     static get is() { return "duet-tab-group"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-table/duet-table.js

@@ -113,7 +113,7 @@ export class DuetTable {
         });
     }
     render() {
-        return (h(Host, { key: '97ec17516c3b7f8a75b2f2d8b64e21358260e1e3', class: {
+        return (h(Host, { key: '13f47629478b7705622fc91ddc04badedba77dfe', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -122,7 +122,7 @@ export class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, h("slot", { key: '174a174db7425f0abc109ad212ab9a665adc8797' })));
+            } }, h("slot", { key: '0d23468c6d252e529c9297dc635590f372c025c8' })));
     }
     static get is() { return "duet-table"; }
     static get originalStyleUrls() {

package/lib/collection/components/duet-toolbar/duet-toolbar.js

@@ -31,11 +31,11 @@ export class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: '6301566c93e6b145d22bad6bcb31789f0593a96f' }, h("nav", { key: 'ad0bbe4c43561300bddb50b0cd7cdd80c5a025e3', class: {
+        return (h(Host, { key: '1b26e3981203dbae3216d276dd83f7f60ddb5184' }, h("nav", { key: 'f8b9f1f97884e9fb74afcdb598962684871f942d', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '36e62bed30255a942618f621f32c7a26bdf7c514', class: "container" }, h("div", { key: '1258a107abf18e98c8e2bb990e34d4a1776e9910', class: "list", role: "list" }, h("slot", { key: '4f0fe520c8c97d62a0a712cfc1d4b4e421d77cde', name: "left" })), h("div", { key: 'cb4a979f8b6d4f84e15220470cb2dabd65f8f214', class: "list", role: "list" }, h("slot", { key: 'c944f6535582a302a3f46d5e080f8f699bd29e28', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'f17013b753eff5838cf4415d2bb388d4025a92d9', class: "container" }, h("div", { key: '597857dd4c29a1172996e68893b65631714761cc', class: "list", role: "list" }, h("slot", { key: '6fbaec704bb93b8568ac6cf039f45af1202423a0', name: "left" })), h("div", { key: '3eb765f8f290491f0641e9ca188545e8fbb4f344', class: "list", role: "list" }, h("slot", { key: '6cc0db90a4eaa2da03be6ac05abe32d5e120cd8e', name: "right" }))))));
     }
     static get is() { return "duet-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown/duet-toolbar-dropdown.js

@@ -50,18 +50,18 @@ export class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '0b8cbe3b2a0eaa38961889e309248bbd259df40a', role: "listitem" }, h("div", { key: '6713be8fed5314332f787c2643396c0b6f44a8c0', class: {
+        return (h(Host, { key: 'e3e0b0413cd3bb1ac40c4e7e2b62e5b283d4f01b', role: "listitem" }, h("div", { key: '1ed23dc163be5fccf92e84b22748b65f5b382450', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, h("button", { key: '7c2c4377d8daaa7f8ac6580c440eaf1bca0ced14', 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: {
+            } }, h("button", { key: '2ff445e277b068bb749a9289450765c267e3650a', 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 && (h("duet-icon", { key: 'b664adfb38964f86d503234d08e1871570362891', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '8d464f1c2efd3b97691b559538646dc3a5997257', class: "label" }, h("slot", { key: '2a9dc2e3b6f9854ade2eb01c2f0b9339a1e62944', name: "label" }), h("duet-icon", { key: '97946700977ddbe9dcfd358da924af897aa2cc47', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'fef6e1298aa54d098be2d59d6c359463a8d84b8d', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'f432f08d46fc050de9869d812b98669093a33e49', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '89ac028982a6343570fdebf2c92be6ea447fc038', class: "label" }, h("slot", { key: '48e08bb48a393700258882aec5dd454fe9e634ed', name: "label" }), h("duet-icon", { key: 'c184176e214992303b1f5432048696b45f585849', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '8a612f1e69417f1a1dae5a2992271d364dd8a8f1', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '2fd108c5736bde5e7829870a1c6d516126311c65' })))));
+            } }, h("slot", { key: 'a81f13bd3fb026cf6d2a3d6e3f479eb651fc69d6' })))));
     }
     static get is() { return "duet-toolbar-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-dropdown-link/duet-toolbar-dropdown-link.js

@@ -31,11 +31,11 @@ export class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '7f5c0acd0faacf90510907af022ee4556ce380bc' }, h("a", { key: '4f51071661fe2817f8089127bdd9e818e66904a4', class: {
+        return (h(Host, { key: '645f93450f0caf5a8c1df824e05e63efde366c4b' }, h("a", { key: '0bae9657b6fce539b28fffb2b3f6b8a131609dc2', 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 && h("duet-icon", { key: 'f18f48ce85691f6d2f837ade9fe1ec7ab420ab18', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '48998f260fa82d5ada758522d5570cc9939d4cff', class: "label" }, h("slot", { key: '1dd3ea4e1d9e6d9f3922b84e2f7cb980bc2a1c4e' })), this.active && (h("duet-icon", { key: '28571a95af879191791a45ab24c58a711a34c9da', 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 && h("duet-icon", { key: '96c0041583fdbf915f5aeedc503ac3300a30821e', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '3ae8836e9a88f633afab3d9232c1fad48b8dd493', class: "label" }, h("slot", { key: 'f1f35cebdf4d521a8614244e868ec9cb07977e7b' })), this.active && (h("duet-icon", { key: '8e68e9e11d5ef1f41229a22148b2004b884b4b7e', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-item/duet-toolbar-item.js

@@ -57,17 +57,17 @@ export class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (h(Host, { key: 'bf46329025604d972bc34c639050486fc750317c', role: "listitem" }, h(TagName, { key: '59a86221efe05afb386de7931b5b814430c49b55', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '2d0b83d83b3a9ffe81c3548b5063031c3ec3b4ed', role: "listitem" }, h(TagName, { key: 'd37ea9c4e7b0e64d48bd131f83c6e96cef0abe77', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '15effba3bcf065aac1a18f203bd77710bd0fed94', class: "duet-toolbar-icon" }, h("duet-icon", { key: '698910e1228fc84ad5965edfec7a1fdb01b23ebb', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '44247cd65d2a6338d0e141646d5cccd5f175cf39', class: "duet-toolbar-badge" }))), h("slot", { key: 'a5f6209331d7e76536565dcdebfe59fdac76e7a0' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: 'a42fb7d0db4dbbfec1b8d23f67f111497c4a858d', class: "duet-toolbar-icon" }, h("duet-icon", { key: '70974166f99d7a31629b685f355fa57610f7f766', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("div", { key: '482d4ad7407f7d7ca7117f121e2e14de1e56b9cf', class: "duet-toolbar-icon" }, h("duet-icon", { key: '4f192028d160dace9ef06866270904fd8678e892', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && h("div", { key: '9eb9caf3dafec0fffe8064a3257f149e8a5d21cf', class: "duet-toolbar-badge" }))), h("slot", { key: '4b6b9cb23199194276c367c962a45b509b3f87fa' }), (this.trailingIcon || (this.url && this.external)) && (h("div", { key: '164365e260e98746e1da3030667d3ca0f50b84a0', class: "duet-toolbar-icon" }, h("duet-icon", { key: '4ff06acf193e967429202e08ba6016ec3a55d258', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: 'ca9569dbfee6d37092b1c410bb3668ff0092f9ac', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? newWindowIcon.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && h("div", { key: '670c38e01c6a1571d0300152fcfa6a744c7f1045', class: "duet-toolbar-badge" }))))));
     }
     static get is() { return "duet-toolbar-item"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-toolbar-link/duet-toolbar-link.js

@@ -24,12 +24,12 @@ export class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (h(Host, { key: '2d795b9691d8e662c306d83b74cdc36efeb8e8b4', role: "listitem" }, h("a", { key: '0f9b847c98d54e2a027b6b02e08eb95c40e71bba', class: {
+        return (h(Host, { key: '18a7b211c2e20259e170b01bda4dd1cda7bdcc46', role: "listitem" }, h("a", { key: 'b151faf80ab544b2bf82223f1aa925d0911957ca', 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 && (h("duet-icon", { key: '32d964043e7ee301921032c18c565dc678cd8479', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '61e8c6e21293fbc114219864b3149a68ba5185b6' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '1ed9551d4d8c83820b356395628c3cb267fb46cc', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: 'cba520b591daf1ad9fbe70581a2b97a249b21861' }))));
     }
     static get is() { return "duet-toolbar-link"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-button.js

@@ -39,13 +39,13 @@ export class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = h("duet-visually-hidden", { key: '2555b42d14b1184bd5676cc67868b1a9cdfbd822' }, this.accessibleLabel);
-        return (h(Host, { key: 'b65ee76b5e10b58cc10295bd81c97c965961c38e' }, h("button", { key: 'ae7df09813547331f52c1e5144edb1fbf2481f56', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = h("duet-visually-hidden", { key: '7106b1bb9e87cd78196542ca565a2ed1dd2f439a' }, this.accessibleLabel);
+        return (h(Host, { key: 'a8c7ee7f61c14fff400cb660e2f9d858e99e3f71' }, h("button", { key: 'c8ece0bb13184553a6c208d2e42e4c774cf1a7c4', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
-            } }, h("svg", { key: '1ceed24d0753b41eb6ef88431d28b07586add533', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '46e6ab90def78612c5dbfae9680d55aea26bd505', 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" }), h("circle", { key: '57104a7bdbd3337ad0229bc787566caa8e56e897', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'bd15c659076d50f436d1334d201520826deb9ff7', 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 ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
+            } }, h("svg", { key: 'accbafb234802a0515078d8b7b6b6ef8ba282de4', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fba958ef3715f6c723a7992e27b2b6f9c032e314', 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" }), h("circle", { key: '9bcb4036acd865594c8f9ad37b04d429e85f650a', cx: "11.625", cy: "7.125", r: "1.125" }), h("path", { key: 'bff2dba440a3f3a100225bb06f2af68fc813e06b', 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 ? (h("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
     }
     static get is() { return "duet-tooltip-button"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tooltip/duet-tooltip-popup.js

@@ -53,11 +53,11 @@ export class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (h(Host, { key: '4afc9d8a5713f3f924775a572121129900d2803f' }, h("div", { key: '4078e38f6a7d8a941b4ab13b96e05a7c1bf1189b', class: {
+        return (h(Host, { key: '9a5bab8a640a8e21f3394ce5e23493ebc22d0aad' }, h("div", { key: '047fb1564878ea17fd9f2bf8133755b37fa2ace4', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, h(FocusGuard, { key: 'ac4b85a9665b93f4dbfd985d753dbf9da029592d', moveFocusTo: this.buttonEl }), h("div", { key: '8b0df4aac716b54347179d8162858ddedb7b1aad', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: '01dd262d096caf24adcdbc441da6653babf5479b' })), h("div", { key: '0ea44ba7343535cb66ad68f35883de3d02947873', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: '9678162aa8df92e7331615269d85ba54a4a11351', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: 'c5bdfbd938a2b7f3afbe62c97dcf3b08162248b8', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: 'b717c5104b68dbd37f98ade061215676be4074f6', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'f8fac7d9a9a0e5e1cb0e2da4e94aaf0e0e4eb088' }, this.accessibleCloseLabel)), h(FocusGuard, { key: '940e103aaa832d480b9ba76c1bae9c35f5703ee6', moveFocusTo: this.contentEl }))));
+            } }, h(FocusGuard, { key: 'fb8136dc7dce4c5830fb860e79e64ea04d07c657', moveFocusTo: this.buttonEl }), h("div", { key: 'beaffa1e94ab151c8eea0f81cedb7293ea7d0389', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, h("slot", { key: 'd4a552a72620c431c91961aa6d8f7ed221f85f08' })), h("div", { key: '020780a90ed0a9cd5081e281fbed8e9d8abd1181', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, h("div", { key: 'ee14dc7fb877dd3bb59b8ad7150163801aed006e', class: { "arrow-container": true, [this.placement]: true } })), h("button", { key: '1647e888863c3fc509ddd94b3425cfda80786ac3', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, h("duet-icon", { key: '423141f0683fda8e7a1d4034c7b4f315a7bb3fc2', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), h("duet-visually-hidden", { key: 'c9021c4343e71a413b841fd7d41dc222d0852b13' }, this.accessibleCloseLabel)), h(FocusGuard, { key: 'ecc8993e7816a4dda3de97fea5bd5581f5c20748', moveFocusTo: this.contentEl }))));
     }
     static get is() { return "duet-tooltip-popup"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-tray/duet-tray.js

@@ -87,14 +87,14 @@ export class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'bf6e81e920b108bb0c1240e8c0f089378dc41d5a', class: {
+        return (h("div", { key: '8ef830e96bfe8d9128c59456fc070df78f630164', 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,
-            } }, h("div", { key: 'fe8e75d6af91e1674787158fe991825ebc2bcce4', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '5a841acf673365109d5d23d99aef671104ec2b3a' })), this.hasAdditionalContent && (h(Fragment, { key: '4ed1e0b7510573c770b2a21cc3f43cf4898d7373' }, h("button", { key: '4cb4fa89cd3c7c89687650e96849d60c6680c41e', "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 } }, h("duet-icon", { key: '9b4e5f2fb96f99ec712b2bd8971f9725c72ae51d', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: '4c49492147f864a874bf548f7d974db8512d3845' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '862a3afbc81a6051679710072344c7dbfe4f46c7', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'df95bc59dce98a608be748801748bfcf57eeb27f', class: "duet-tray-expandable-content" }, h("slot", { key: '4dd97cf777ef09ccbbdf61a5bd79f3405bf9d4cd', name: "additional" })))))));
+            } }, h("div", { key: '5ca07e6221362e98885e3f64d1891d034994dd61', class: "duet-tray-default-content", role: "status" }, h("slot", { key: '0693a066c13436b2d3ffd1ba0260c4181b3b84c8' })), this.hasAdditionalContent && (h(Fragment, { key: 'ce5f7de71969dff3df7191129bbbbdd2b2233db4' }, h("button", { key: 'c0388f7a10346736c79b4d4f149e862fc7d7270a', "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 } }, h("duet-icon", { key: '8525ba4f5430d9bcd88e9488c98e076cdd837160', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), h("duet-visually-hidden", { key: 'e4a5d67ff8f05ec5721ca45c8dd87e446c3d204d' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), h("div", { key: '74e06a06b27e68e1668ff24c516665548e9c0e0a', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, h("div", { key: 'e14c02a1f2c668ab8fb2642033fca0d1c4785361', class: "duet-tray-expandable-content" }, h("slot", { key: '63e0d9a8c19b98b1b80cadde886b64d942fd48d1', name: "additional" })))))));
     }
     static get is() { return "duet-tray"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload/duet-upload.js

@@ -753,10 +753,10 @@ export class DuetUpload {
             this.externalUploadButton.accessibleLabel = `${this.externalUploadButton.innerText}. ${caption}`;
         }
         // @ts-ignore
-        return (h(Host, { key: 'f9ee10da87fd3355fcdd111de9f144c0d7c2b166', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '5a6c4b3035d050ce23a552a1c41979faa0c17cb0', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: '432dc470d2efd214fe1d88d543c38f406a4e780a', name: "header" }), !this.files.size && (h("duet-empty-state", { key: '52b0aab8690ef9199d1608041674a372e9a791c9', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '3b47a899fea671720085c8d3355cb7aa7b30189b', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '6e6d3af2664ebbbf73e244ef4693d7603d72da66', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '2ab9e83fb0412a27c031b264b9a677c2ec7c2595', 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 && h("slot", { key: 'd545f2932dc0c960ea21bafa8ba7ee2bfa592143', name: "filefooter" }), h("slot", { key: '50e7c76f552cecf4d61d629a51fd6b96777fb648', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: '98e1b98cb84e96aa7cb4a974273c7fbf9d81db53', margin: "none", size: "small" }, h("div", { key: '422397c62df67cfac2908473e490429b6ce35188', class: "upload-bottom-caption" }, caption))), h("slot", { key: 'f62ca6af83cae8a0ad4c4ed2236c34b0aebf5e82', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: 'f9827fd2d5057ebe8a9206b9ae367e14382ea6b2' }, h("duet-spacer", { key: '726f7fe1442e5beaf238abda4f7b4b984f673230', size: "large" }), h("duet-button", { key: '72a8245cb718d0a29f7ffe155688bed7e118ce2d', id: this.buttonId, onClick: this.startUpload, "accessible-controls": identifier, disabled: this.fileMaxReached, "accessible-label": this.accessibleButtonLabel || `${this.buttonLabel}. ${caption}`, "accessible-owns": identifier, size: "small", variation: "secondary", fixed: true, icon: "action-add-circle", part: this.identifier ? `${this.identifier}-button-upload` : "duet-upload-button-upload" }, this.buttonLabel))), (this.fileMaxReached ||
+        return (h(Host, { key: '1cf963112372b0839905ebd303f16cfae5aa5917', class: { "duet-m-0": this.margin === "none" } }, h("duet-fieldset", { key: '35564b78c8b82f58b93f9a7460399f57967e19bf', "label-heading-level": this.headerHeadingLevel, "label-hidden": this.hideHeader, label: this.label }, h("slot", { key: 'faf369cde5952486b48923f2c913e4c049d156f6', name: "header" }), !this.files.size && (h("duet-empty-state", { key: 'e472abcf75d492b1c4cb7a9b59cbe67b23d318f6', id: this.labelId, part: this.identifier ? `${this.identifier}-empty-state` : "duet-upload-empty-state", icon: "messaging-attachment" }, h("duet-paragraph", { key: '421fac3a1916616bb493ba375f9b3d23e2a61fd0', margin: "none" }, this.fileListEmpty))), !!this.files.size && h("slot", { key: '18b91ef0ca261cb796b9a03f2409c7172da19a82', name: "fileheader" }), !!this.files.size && (h("duet-upload-aria-status", { key: '080c19a8966ab4943ef3ed1698b475ecc44c346e', 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 && h("slot", { key: '7c1f27c8b8536a6112d6a1746812b80b672fbd96', name: "filefooter" }), h("slot", { key: 'd5889f6e90bc40cc6031cbfb99c3f28e80fced37', name: "uploadfooter" }), this.captionOnBottom && (h("duet-caption", { key: 'b4c43409de0dbfe70dd43939dea8c733493348cf', margin: "none", size: "small" }, h("div", { key: 'f5c70becb6e99a87a9059885ca2bfc3748e0df10', class: "upload-bottom-caption" }, caption))), h("slot", { key: '01adfecfb33b057497a73c43c2c7caaab1c4a9e2', name: "afterfooter" }), !this.hideButton && (h(Fragment, { key: '601403192ed82f9b3508e62ab701daab90c313d2' }, h("duet-spacer", { key: 'b387500c9d551a371d1c2e01a5ccfdeb130826e8', size: "large" }), h("duet-button", { key: '681d70016955aeaaf21fbea4edf92fd7c28ccec0', 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) && (h(Fragment, { key: '9b42acb8206cd9db5b01b839dc458f5be93d2c30' }, h("duet-spacer", { key: '8010d59d3fda9775fcfaac799a1d7923c36ca280', size: "medium" }), h("duet-alert", { key: 'd78bb705dbfee5d5f3d161f030680effa67c5ca7', 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)))), h("duet-visually-hidden", { key: '37ab8ffec8b318cea26e2d538ab0653949211fb4', "aria-hidden": "true" }, h("input", { key: '195d6bf7e5360d3f10c3fc149927c9f911f11bf0', ref: input => {
+            this.filesToUploadTotalSizeIsAboveMax) && (h(Fragment, { key: '0d1fa3fccf78c8af90c14195219c988a5d53b161' }, h("duet-spacer", { key: '7602cb47424ab7b5ed19654956b4235691e97f91', size: "medium" }), h("duet-alert", { key: '54a5be1c79fc490445d3f9fb36efa0c113d619d0', 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)))), h("duet-visually-hidden", { key: '78a670de5fef020407da2b18bd07d6b056c818ed', "aria-hidden": "true" }, h("input", { key: '04ce3da566f26a64f42a30eba51914031ad1dcc9', 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,

package/lib/collection/components/duet-upload-aria-status/duet-upload-aria-status.js

@@ -64,7 +64,7 @@ export class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '9685e13fa1fc7c234bb0e0c1f54badc3fd1b06bc', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'aeb1d5dcd04a29bb048877305ff3f836c401b62e' }, this.statusMessage)));
+        return (h(Host, { key: '29a5f69ac1efab8c5faba9b62b86ae0201b67f92', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, h("duet-visually-hidden", { key: 'def6c734ea787016244670da4652bbca170ee664' }, this.statusMessage)));
     }
     static get is() { return "duet-upload-aria-status"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-upload-item/duet-upload-item.js

@@ -80,9 +80,9 @@ export class DuetUploadItem {
         const { uid, meta, item } = this.data;
         const Badges = meta && meta.badges ? (h("span", null, meta.badges.map(badgeText => (h("duet-badge", { color: "primary" }, badgeText))))) : undefined;
         const actionDescription = `${meta && meta.badges ? meta.badges.join(",") : ""} ${item.name}`;
-        return (h("div", { key: '47b3f6734e4ec029b85e75707475f33cb344fe99', class: {
+        return (h("div", { key: '1f218828b275a4e375e1abc5bdfc07efd523cc65', class: {
                 "upload-item-row": true,
-            } }, this.showCategory && (h("div", { key: '9f3245fc9798dd7ee33f3effd527cba287b2f0f9', class: "item-categories" }, h("duet-heading", { key: '4d6390d907e4f0be74cf5f6d0024b7e2cfde3b4d', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '78328ed91fcd4ea4388444334f2dab84f84667be', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '74ecff305108fc3131f5c0b38c1473420053378e', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '39b5f7cdc1a411c5aa933b3248f103835c272359', class: "item-actions" }, this.actions.map(actionItem => {
+            } }, this.showCategory && (h("div", { key: '658d56994cf4d0ba61795e1acb9fe240af8ff721', class: "item-categories" }, h("duet-heading", { key: '43c031580760f22c5e947204718a95d7dd04d344', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.categoryLabel)), Badges)), h("div", { key: '1c1a0d54400f909928885b373f98b250bd06cec0', class: { "item-name": true, "no-category": !this.showCategory } }, !!this.label && (h("duet-heading", { key: '4255fa3f11831fc197e8f757bb4fbb6261592ead', class: "heading", color: "color-secondary", level: "h6", weight: "semibold" }, getLocaleString(this.label))), this.getFileNameLine()), h("div", { key: '5195ccc35498ad7538d7aba059262d4704d600a8', class: "item-actions" }, this.actions.map(actionItem => {
             return (h("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) }));
         }))));
     }

package/lib/collection/components/duet-visually-hidden/duet-visually-hidden.js

@@ -8,7 +8,7 @@ export class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '114de21c2185f7ab3139c4013b977553a92c188d', class: "duet-visually-hidden" }, h("slot", { key: '51e6369be89e6cf0b6db34475754e25f82dc5eef' })));
+        return (h(Host, { key: 'e229d70e362b7d02aba28a752b8c394ac6d596e4', class: "duet-visually-hidden" }, h("slot", { key: '207e150e69b29418863501b85afdcc555d449355' })));
     }
     static get is() { return "duet-visually-hidden"; }
     static get encapsulation() { return "shadow"; }