@duetds/components 9.12.2 → 9.14.0

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

@@ -228,18 +228,18 @@ export class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fc5cbda348d0355f0d099d89dd8418207b762788', class: {
+        return (h(Host, { key: '6901fea371dda6fd20b8c14a15f007356a4f0a38', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '3e9bd6fc04f24564eb9cb3a6a2810a4eae817316', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '59b5b0b6b1a791fadf53a07f33466cb10ed3dedb', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: 'bb24a52b6f19eb479d5d89611382093095eec895', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '3f0973a591d40475081199c18df434406de413c4', name: "collapse-button-label" })))), h("div", { key: '7fecc01c6395afef2353c3eb4e3447c1e019daf1', class: {
+            } }, h("duet-button", { key: 'ef2ce19aa8cbf5829d7f54d3b79a53d84e79f4a3', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '2c0f7231015097adadcd7143cef863b8c75da68c', name: "collapse-button-label" })))), h("div", { key: 'efdef383e022816af6dfd91ae609ab81d5ef1fa1', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), h("div", { key: 'eef96129135056ddd374f36b2aa85e385a675dca', class: {
+            } }, this.buttons && this.renderButton("left"), h("div", { key: 'a429707e2ff1d17f2865300ee65a42c1ff4217f1', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -247,7 +247,7 @@ export class DuetScrollable {
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
                 "duet-scrollable-stretch": this.stretch,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: 'd7b6a4370e3ab8766a882fd00768e71266f2f4b1' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '792a604368bc6fe33577173b8986babb17e95050' })), this.buttons && this.renderButton("right"))));
     }
     static get is() { return "duet-scrollable"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-section-layout/duet-section-layout.js

@@ -14,13 +14,13 @@ export class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '6bc31c9e1170800e377bae9bfddbfb0f50b3747d', class: {
+        return (h(Host, { key: '3760201c8af426d8ce0a3e736e1ea158aa52d98e', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '56cdfd23f32d5ff47130d9f247b95d81fd57bad2', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'b1a797a77e8f60f14c966ceba0eb1c41fefdd7cc', class: {
+            } }, h("div", { key: '94d48826fd6b116936f4850e1e21b1cf761c7260', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'b33936aa900e4503eed9d5b82dbcdf07f51e9b19', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("section", { key: '87aec98914b281099c0a16b8d6e4e16048cafdc6', class: "duet-main" }, h("slot", { key: '116e073f6de9c5ffc8c84f967a4bfc2aff067440' }))))));
+            } }, h("section", { key: 'a2177f2b863ec3782382f8b5b512913af6bbe4b0', class: "duet-main" }, h("slot", { key: '446c361279e487f659f839b9b21b19ff7f6b0739' }))))));
     }
     static get is() { return "duet-section-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -169,7 +169,7 @@ export class DuetSelect {
         }))), h("div", { class: {
                 "duet-select": true,
                 [`duet-select-variation-${this.variation}`]: true,
-            }, "aria-hidden": "true" }, h("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (h("svg", { role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" })))) || (h("duet-icon", { theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), h("span", { class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), h("span", { class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && h("span", null, this.error)))));
+            }, "aria-hidden": "true" }, h("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (h("svg", { role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" })))) || (h("duet-icon", { theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), h("span", { class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), h("span", { class: "duet-select-help duet-select-error", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && h("span", null, this.error)))));
     }
     static get is() { return "duet-select"; }
     static get encapsulation() { return "scoped"; }

package/lib/collection/components/duet-shaped-image/duet-shaped-image.js

@@ -25,9 +25,9 @@ export class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (h(Host, { key: '16d09ec20d546b5d340f23ba2f6789c3be57026e', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '6c9753158ad968fe0b682108c5b29cc9bd202d62', class: {
+        return (h(Host, { key: 'b750a11c4dccb225ec7f6a62eb41137cd21a45b7', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '77296c3eed29b5b7fbd1f5296b194d2b4f74babc', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '66289a76e9b44b58bb3f3398e0d45c0d4dd97672', class: "shaped-image-mask", role: "presentation" }, h("span", { key: '0fba329399362e59f4ccf5721c1066c8d4bf7fae', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '6ca14f632c8c963c66895b10759946a4dae0ee90', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'ff5781d620721b0997aec9c03bf899a0a1e21ff6', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get is() { return "duet-shaped-image"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-share-chart/duet-share-chart.js

@@ -58,10 +58,10 @@ export class DuetShareChart {
         this.itemsTotalValue = this.items.reduce((total, { value }) => total + value, 0);
     }
     render() {
-        return (h(Host, { key: '0215aa7c7d7e02cf9cc239fd9582c00a933ddc5d' }, h("div", { key: 'f7d0d4503f87b5b91a58db6604e60d1bd5a69939', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items.map(item => (h("span", { class: "duet-share-chart-share", style: {
+        return (h(Host, { key: '3b18282d22572dd1fa224333f5cd1b50459873b9' }, h("div", { key: 'fb1a5532570e59e9d1998eccbaffc5e72cd23337', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items.map(item => (h("span", { class: "duet-share-chart-share", style: {
                 width: `${(item.value / this.itemsTotalValue) * 100}%`,
                 backgroundColor: getColorByName(item.color, this.theme),
-            } })))), h("ul", { key: '6da551b4f9bec7edaa8c58084d9e4cca2e212651', class: "duet-share-chart-item-list" }, this.items.map(item => (h("li", { class: { "duet-theme-turva": this.theme === "turva" } }, h("span", { class: "duet-share-chart-item-color", style: { background: getColorByName(item.color, this.theme) } }), h("span", { class: "duet-share-chart-item-text" }, item.text, ":"), h("span", { class: "duet-share-chart-item-value" }, "\u00A0", formatNumber(item.value), "\u00A0", this.unit), this.unit !== "%" && (h("duet-visually-hidden", null, `${formatNumber((item.value / this.itemsTotalValue) * 100, 0)} %`)))))), h("slot", { key: '8d64324a687b9858be5de32341b390e12721928a' })));
+            } })))), h("ul", { key: '4749f8f2d599d9e34b834aaa55a5919f1193aa9f', class: "duet-share-chart-item-list" }, this.items.map(item => (h("li", { class: { "duet-theme-turva": this.theme === "turva" } }, h("span", { class: "duet-share-chart-item-color", style: { background: getColorByName(item.color, this.theme) } }), h("span", { class: "duet-share-chart-item-text" }, item.text, ":"), h("span", { class: "duet-share-chart-item-value" }, "\u00A0", formatNumber(item.value), "\u00A0", this.unit), this.unit !== "%" && (h("duet-visually-hidden", null, `${formatNumber((item.value / this.itemsTotalValue) * 100, 0)} %`)))))), h("slot", { key: 'fa8b976fc09c00aebebe41cb580aee8664e93f3d' })));
     }
     static get is() { return "duet-share-chart"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-share-chart-item/duet-share-chart-item.js

@@ -8,7 +8,7 @@ export class DuetShareChartItem {
         this.color = undefined;
     }
     render() {
-        return (h(Host, { key: '0c89fc95cf25c2faf556ea7b7de8ace02d848ce9' }, h("div", { key: '8cdb7f31ae240b68eda387beb52855c36acef5e6', hidden: true }, h("slot", { key: '6858e722e101a5d677b61dada80744180b31fbe0' }))));
+        return (h(Host, { key: '964678edc7482f441fb29da520bfa057f1b439eb' }, h("div", { key: '82c6863c6cedf9dc2eaf19f1d148667126530eeb', hidden: true }, h("slot", { key: '918f828c6da1ba28432b192dd895df495d32fc5f' }))));
     }
     static get is() { return "duet-share-chart-item"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-show-more/duet-show-more.js

@@ -91,12 +91,12 @@ export class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (h(Host, { key: 'f3173450b4f7285549fb9eddf878c9fbb75539ac' }, h("div", { key: '6df93a8cfbb0308957ccf9755e3aa2a382f3390d', class: {
+        return (h(Host, { key: '5e26089215401ad079494ecfc48a5463ecd0be23' }, h("div", { key: 'ccc9db6a4f25f032076816c455c478bdd9a9689b', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, h("div", { key: 'ef68cd495253247788c1966b5fbf0794694dcee7', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "-1" : "" }, h("div", { key: '7ef4551d4014d3767c7c5c1295cdd932b573dbe5', class: { "slotted-content": true } }, h("slot", { key: 'cb62e16a9d8397cee71e1df9d905310e8c399c69' }))), h("duet-button", { key: 'b70902ab3cdb24cb1e63fc36c143bc6e39ace4d7', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.isSafariBrowser ? this.open : null, 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" }, h("span", { key: 'd38229ca020c8d226fade3be4a0be3ad502cbb06' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, h("div", { key: '9548a87e1fe2469470e5bc736e9be84ff49f1b29', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "-1" : "" }, h("div", { key: '89ad3dcc67ee7b8025483cbdb94e77380249869a', class: { "slotted-content": true } }, h("slot", { key: '3d8d799bfeceaa39c118f8b77ff1854e92111bf5' }))), h("duet-button", { key: 'e7215cf992e31e23150c57d3d5677584a38bd45e', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.isSafariBrowser ? this.open : null, 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" }, h("span", { key: 'dcf013a42f3580bae6247f0fc11925ca63967425' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
     }
     static get is() { return "duet-show-more"; }
     static get encapsulation() { return "shadow"; }

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

@@ -260,16 +260,16 @@ export class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (h(Host, { key: 'b06138095b2584f939132470fee653ef6407cfbc' }, h("div", { key: '7fe5aa734dc9d773a50f15fb1d33816d59bea675', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '058c7f9bcb9fd8a39023ce1af7928520b9256ca3', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '168dea6e198121886c481bf3cc4a5685e5e9b635', 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 (h(Host, { key: '9333789c721a340099e10ded0a75fd40e9a11351' }, h("div", { key: '401f5878c00c8844606f58cf65bd970fefc9aab7', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: 'ee8e733825dc3a76a590f10c5575b9b696c5c920', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: 'ceed0da1890638fbacd6ff8c98e1444545c4ce9f', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, h(FocusGuard, { key: '732f5891a311e78215c6b11c16e1ed53801a685e', moveFocusTo: this.closeButton }), h("div", { key: '99a512217fa513b1ba7ef090b9d70bd82607486b', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '04e5a3a6262b6bd74a618ea7aa4d5daabcc4efd5', class: "top" }, h("button", { key: 'e65ce50234a3cfb411c6520e890119f643056f4c', 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 }, h(FocusGuard, { key: '5ba5f11f9e65dd3b4e7f41dc425cb504fdf41227', moveFocusTo: this.closeButton }), h("div", { key: '644cb47533203d7a1a0411ad3d685f772f1727af', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '27811bda6d392533473673dd1f9e3384fc010c9a', class: "top" }, h("button", { key: 'afcf0a441eb2100eece645b01229005076a98b0b', 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 }, h("duet-icon", { key: '2e3b651ed8ddd41b52f4013c5c8ce5d5b13d2ecd', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '3c94f5082d687f924775f938ef39e8ec79a2b603', class: "sticky-header" }, h("slot", { key: 'bf3757c7225a27018e664a3f2dd6a21388e5792b', name: "sticky-header" }))), h("div", { key: '43abbab29280b8cea873b84eb79bacf574016e89', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: 'a1f41fbc6db6c3e139c86c5243947230e6d3f3c0', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '6333fb0cb464bd1bae7295a7ed3dba2f82aa4afe', class: "sticky-header" }, h("slot", { key: '9295f086423cb44b73d2df211b7095facfa77c79', name: "sticky-header" }))), h("div", { key: '1535ab887ae6f901cc97f3b7a7cd541d423e174c', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: 'acfbeb5b6e39ee7fe06abf4b0cb90515fe5e88c4' })), h(FocusGuard, { key: 'b20fb123efe1d1185aa0a1d2c62175c1f86aa909', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '5dff867d2868e62737eb06a1618c269187db5468' })), h(FocusGuard, { key: 'fcfc5f9ea11a7edac6b76a1479dfb0374b8f16eb', moveFocusTo: this.closeButton })))));
     }
     static get is() { return "duet-slideout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@ export class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (h(Host, { key: '2ab888a7ae849f65aa6e7f707bdb9a63e74fcb1e' }, h("div", { key: 'd439f10d6618e506cded6281ec65a0247b9fb77e', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '24c14d344ce2454cde7e260044717d45a472bfc0', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: '3d9e342638a8f134981efed8deadf7a3ca8f0d46' }))));
+        return (h(Host, { key: 'c66db470420b0ad32461c176e50d91cb9c7fdce1' }, h("div", { key: '75ef5e18c433d42a85004adbc38317a4168977c4', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: 'a94403410e36a5c06eff6ef2613ae91ceecfa9fd', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: 'ea26d4376d4ddb6cf4c4d44b9fd1f328588574e3' }))));
     }
     static get is() { return "duet-slideout-lang"; }
     static get encapsulation() { return "shadow"; }

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: '0c6039665ab2561e576a6ddecdea16747ce4ede5' }, h("a", { key: '920d7a0b2125b51dc657d24d7e82b9a06bdb8692', 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: 'caf4e1f4752341de847f8db58d8ee9fad36cd4cb', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: 'f296f631a1e6209e68af756fd75167c7599bb635', class: "label" }, h("span", { key: '28ef0dcec3dc83a84bb217c3861747d4dda14e03' }, h("span", { key: '5d29305621aadc14df4dddef30b0d4ba84469312', class: "label-container" }, h("span", { key: '6d47e37bfab72b3aa4e4f0608feb373ba5b86d02', class: "label-content" }, h("slot", { key: '012a8b929cf1d906b6591dc449599f08b33d12c7' })), this.external && (h("duet-icon", { key: '93f4efa4d9b438e029aeb62418e941b85e360b5e', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: 'ed01b9c3b4e9df44ff7b53d411e49f0b2a0bb3f7', name: "description" })), this.caret && (h("duet-icon", { key: '1406615037b8d7e69eb0928998bda003c1331b01', 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: '29142d3abf9500bbf41fb0334399d889b3c6cac8' }, h("div", { key: 'e3c759be99f70768e528062d8c9403c843412e4e', 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: 'ef315f5d782cc8166691b9650fb2d288cd749bcb', 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: 'c7ec5af321f7b990a7abd9e3998468c32eb5889d', class: "duet-slideout-icon" }, h("duet-icon", { key: '5b0465920cd92be28acf509dcac07b1b15225ce3', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '985dcc380110ebb5358c77323f2349e3ec31475b', class: "duet-slideout-badge" }))), h("span", { key: '3a82b4673433c943d0212e33c2ea85fc28e03fb9', class: "label" }, h("span", { key: 'e9ff6848d940ba31e433e16af1241ea22dc70f34', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '49829bd15762b30f0253d747768a9375bdd828a8', name: "label" })), h("duet-icon", { key: 'dd11e70aa5e00aa808d5bb0cad6b371fc35838a3', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '1340dc6879304f87fc1842250b66ec47ab38338f', 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: '1254f5551401ecdaadbca733bc0f74786aa14650', moveFocusTo: this.closeButton }), h("div", { key: 'e84762225ac2b0d641b500e4d039c2443f98edcf', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '49e12eb692d1f72c31b72b6dd8f70482a357a78a', class: "top" }, h("button", { key: 'd2c1948b8800dc2ef27858ea8f261b75715c8e18', 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: '59d40d2c0cede4aac9973bebf5703fae2a7b3cea', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '1204528b4ec168bebdbc0b69f84066932e2af607' }, this.label.innerHTML), h("button", { key: '45abbae93adaea97d81b4b93da0553a1264c8730', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '2eb2414a9984983a1ee5c79a5e3d6f140f0e8d37', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '5ddcb2fe67526dda050b26bb9c1f5b7bb81da169', class: "sticky-header" }, h("slot", { key: '355f117577e2e2bcdc171209bb8efc6137f6d7d6', name: "sticky-header" }))), h("div", { key: 'ccc3cfde0874f57edf185d4526087c5d0a0f9316', 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: 'a86fa10fb2acdd64dda1d060fc373cbc7e25c97d' })), h(FocusGuard, { key: '5fb6ce6a75597d05a4bd48ca02d8b0f861a129e3', 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: 'bb8b1ac89a6fc845377a16a9fda01cd1049bc720' }, h("div", { key: '7123e413dfedc3371870bafdeb2be97939432d84', 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: '1496c53a1a82284ab5ec469e99bdd8430f9d903d', 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: '3a64869e58fdd65da20d97be4c7aa791b46e39dc', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'bdb073b154537b81404d6011ca4a75a5a29b58c3', class: "label" }, h("slot", { key: '26b71b80a8c61e78ad52b9af8f95a1cf8b58a02e', name: "label" }), h("duet-icon", { key: 'aff4043c26c6768b5566ec4c9073faadc1405329', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'c90ac76831b43a4a92c5539a2a91b16b6a4101e2', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'a8ff7bee4522da310d4a86916a877d626e67970a' })))));
+            } }, h("slot", { key: '1be245b790ae436066a8f2c36957c4aa21923aac' })))));
     }
     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: 'cf4bc55628a80600bcc541119e56966f2a6b4a75', 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: '6d75d470c4189563cb0fc773734d02acac58c0ab', 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: '5314f7a471cde9aa11d4d8794058612683f41be8', 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: 'f6c645d88a079edf789d66abab661498513602f0', 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: '9659d286f003987775c67613356b88e4733915ac', 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: '09155a7a3327ac4e49f56eb5632872285f5d5bab', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'a57d5104e84e041986ea155939c05d52a7ec8a0a', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: '7c6149035beb257691e8e6849a0608cd47ba18cb', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'edb325e8ac2f2b2f91848c5a4688ab4ff0f31c03' }))));
     }
     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: '6451c0e04650a56832e3b55dfb562db4ddd484b2' }, h("nav", { key: '4322bfa5ae8eb0207c78e21d85bdb3c65e290ae1', 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: 'a4c9f8ecdab4fb8154b80b75bdf0764b70fd55cc', 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: 'fa313aef921cebfb7826c447e97d92237064ac78', class: "label" }, h("slot", { key: 'c346b15a97b5c5bf7aca4b6d1a659eb0aeae70f1', name: "label" }), h("duet-icon", { key: 'fd7cfc9e987128b16f195fdc4602fd5bc44f3453', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '0a7c79a9c68419f026435543666b9b28df6bcd41', 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: '30367df592ab0dada667a922dfe69f1a97dd63e3', 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: 'a42fa718e8fc1d41e2d87bad0dc276b8977c7dee', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '478a0ac25a2aae7aa09dad0d455804fbd97b2163' }), h("div", { key: '209d7083a63c7b3cb652d8d7cf40fa0276cd5927', class: "list-padding" }))), h("duet-overlay", { key: '0fe995dd00566aace4e6e4398c23717a0e022e49', "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: 'cb5e677b605455d234582b23f7014776882640ca', role: "listitem" }, h("div", { key: '038f74a0f7e4a5d2a692f710609cc35a0f0b8b9b', 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: '559b1fe4df7f7f2e2bba75966a78a26ca556e1a6', 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: 'b1446d0146342e9fffcfe689eb23a19520b3226b', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '27aad4809f2f613bfad1c9204f4cb0031951a411', class: "label" }, h("span", { key: '4565a4a2825fd8c0ff7e5b1607e29079ee91580a', class: "label-text" }, h("slot", { key: '374137f23f75556640572ce4e55ac8dea77b4eab', name: "label" })), h("duet-icon", { key: 'eb2ff3b2bb13cb24456bd05ff6e190b6f1ca52b3', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '49f18ebd3fc6765db9a5fd286649226ebe79ed42', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '324a1de65c74124df7da639f2968c59471f8511c' })))));
+            } }, h("slot", { key: 'dbc7854708620fc971a0fbc755e75d918975678f' })))));
     }
     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: '8b009426558f928de713ea2bb30eac1d4fe5b9fd' }, h("a", { key: '80067be3f308ddef002926e8e81a0e7e031f9e57', 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: '319594b6529b9a4c1c5cce67e79e33e062708171', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '645e44313c0a1311e04587b484f73bda875987f5', class: "label-container" }, h("span", { key: '2da2a5c2904e5507f1edb4d0bb7f414d976d10fd', class: "label" }, h("slot", { key: '5f47fe83755d3caa4d520b547fee609cd93017da' })), this.caret && h("duet-icon", { key: 'b89a6102c74ee5460b2ceffed40eb895d64f8d54', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: 'ff7a33663227d6dd8489f66b2b5929057da8c659', 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: 'eddc232862537069e646d18e8de3e6b7e5570f9d', role: "listitem" }, h(TagName, { key: '3203c493afd7c1fee94ab963d73d444ac214edc6', 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: 'c237f48ffb0a803f346e627f3378db0447095f04', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '5bc1441b2296f4e359097aa111e2943d7964f3d9', class: "label" }, h("span", { key: '7c2f284efc6f683f0fa8dd0999279b1e5815e5e3', class: "label-text" }, h("slot", { key: '688632c54762efe35b397ef550a184d49c3409a4' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '75a8d9157f7dc2a8408281b48727e0bcf5199165', 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: '1851290835bc0e6215a468b46de5d4b4507a1459', role: "listitem" }, h("a", { key: 'f69c3eb64a32fe2fb4751eefddd68e84fed53b97', 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: '682c9d777be7cc59c30b734aeb2c31843e45671c', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '24f70e921680f881498908e2b5269b8e3ac6b842', class: "label" }, h("slot", { key: '4f66a4338778fa2891eaa88c8ddffe65af1f7a30' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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: 'a23b4c54cab577cb3a039f42f5a6a2549e7519e7', class: {
+        return (h("div", { key: '8d00d531e80a9c26cf00ef7d0315105c478c02fb', 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: '283b13a54b34a647a29231849fc99ea735a49d03', role: "tablist", class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '8c9abd65ee9f805d69745ee46af2e3626fad5e8b', 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: '19b938c05e3285c7a752e4e76f51f18f2987c012', 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: '93070e930820e5f493f118e8d60c95b47d4fe47e', class: {
                 "duet-tab-group-content": true,
                 "duet-m-0": this.margin === "none",
                 "checked-group-content": this.variation === "checked",
-            } }, h("slot", { key: '7dc0a58a85f048760327d5f875aa715707dd34db' }))));
+            } }, h("slot", { key: '4b95faccd490ae74645f2eccf68636703ff1fae8' }))));
     }
     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: 'fc3dbefb9caed333ce27098bac9cad5154d0527d', 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: '34742ef188f22769be8c47a122f782193529f933' })));
     }
     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: '64b4d516cebc6fa24510aca130d70fc9bb513fb4' }, h("nav", { key: '9b6ce4135f83abc26ed0abd1220dec0c983784f5', 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: '4480fce81d73c41904c4f6045da68f4b938692e8', class: "container" }, h("div", { key: '077ee51ac07a8369f4ab3e33503080f63d2e3098', class: "list", role: "list" }, h("slot", { key: '7359e182598454aca46588af570ecc83e888d34f', name: "left" })), h("div", { key: '189d1363763a63c10040d2ae9843695027c52657', class: "list", role: "list" }, h("slot", { key: 'f10760c354e2a1d080107eff5dbde9c1bc3b1cf5', 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: 'a845cc23755fc7a4852b9a6034c7a3da2464af09', role: "listitem" }, h("div", { key: 'd9d3bc229d8ab3369a031fc1acc1e2b88452f797', 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: '4e2458e7f3458884e6ccc16d15e07e57611a4cb6', 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: '73cccaa547adab87c3480e6b1462a978568faf3f', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("span", { key: '81926dc68885ca6ca2290a298727b9d71fc2fc07', class: "label" }, h("slot", { key: '7d99a9ce05e38925b5782fe6f12716446afc2c8d', name: "label" }), h("duet-icon", { key: 'c83b298d4b3e2dadc25702efb503a4c6d2087356', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '5129184bb7ae73dd61761748c0d4bc91d963e320', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '2fd108c5736bde5e7829870a1c6d516126311c65' })))));
+            } }, h("slot", { key: 'edc919fd8370473ebf8ce396986c0ca90bb8a143' })))));
     }
     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: '3a8f1796da5e4eed80e084833b77f496163c9a84' }, h("a", { key: 'fd20d08ddf5814318cd34453e5c9d5c258bd613a', 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: '271f53fb65a420b00f3318a8ac0adeea352d0237', name: this.icon, size: "x-small", margin: "none" }), h("span", { key: '7f381a95d1a2838540bba5c109b07a73ebc2c91d', class: "label" }, h("slot", { key: 'a91086b05e18c4b125704df49f5302b291b3fc8b' })), this.active && (h("duet-icon", { key: 'e8039a105270b943bddb019a3f107badfeba322c', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     static get is() { return "duet-toolbar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }