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

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

@@ -43,24 +43,24 @@ export class DuetLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '90f647eba78b36ab1d85e0a560b038ffc21303a2', class: {
+        return (h(Host, { key: 'c4699088f31020eb2b8ed7d4ecef65514bc3d28d', class: {
                 center: this.center,
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '1431a32d05c84c241a2d8c7159e612e609e2824c', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (h("div", { key: '60671d632fc27c596bdfcc7d615a48dc21f8b9a8', class: {
+            } }, h("div", { key: '075e7f223d3dda19f6f5ac9f29494eda8ffc7ff9', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, this.hasTop && (h("div", { key: 'f3127c1c4f7fefdce569c2c30c77d990a1b9e11d', class: {
                 "duet-layout-top": true,
                 "duet-center": this.center,
-            } }, h("div", { key: '5550861a3548f488f5626097295495e42f1da21b', class: "duet-layout-top-wrapper" }, h("slot", { key: '50d4f55c8a796813d02274f30346110262213a88', name: "top" })))), h("div", { key: '1225a8d5b7023bc36962ce3ac6def89d972435d1', class: {
+            } }, h("div", { key: '4954d9c1c200c323bf2b4906e862ede88190c025', class: "duet-layout-top-wrapper" }, h("slot", { key: 'e176f01c9d6662ee1bcfb0b9c6a0bc73b258abd6', name: "top" })))), h("div", { key: '85c1e1219c0745d92be32716169f2097a1051ac8', class: {
                 "duet-layout": true,
                 "has-sidebar": this.hasSidebar,
                 "duet-center": this.center,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("main", { key: '0e584acec6dc315e435bd00361e1ff3b374d04c0', class: "duet-main" }, this.hasPageHeading && h("slot", { key: '301f7c76d42a45373c5bf769e9293ede7d38e05c', name: "page-heading" }), h("slot", { key: 'cc8b9f7018c621c98ebb261167a92cace2b8ab62', name: "main" })), this.hasSidebar && (h("aside", { key: '811455504b48787253def2101178f1aeb6f497fd', class: "duet-sidebar" }, h("div", { key: '6bd13075032951b5837f51e7ffec4ab0966b16da', class: {
+            } }, h("main", { key: '7c70810abab73c6419db8ee5c1271ba34e877892', class: "duet-main" }, this.hasPageHeading && h("slot", { key: 'd60f45fe444f1de3089fb2207d169cc0bbfb1d5c', name: "page-heading" }), h("slot", { key: 'cf79d7bd693259864500a1b9285b3bbc84c42326', name: "main" })), this.hasSidebar && (h("aside", { key: '8c2c2c6e31a690aa01f72a03f2f62c0929902e09', class: "duet-sidebar" }, h("div", { key: '3b846f204a5b322134649c2b822d3c7bdb03447b', class: {
                 "duet-sidebar-container": true,
                 "has-tabs": this.tabs,
                 sticky: this.sticky,
                 [this.stickyDistance]: this.sticky,
-            } }, h("slot", { key: '9dd5da1cca1abfb7f3946c2e9b254f76f4edf609', name: "sidebar" }))))))));
+            } }, h("slot", { key: 'ea597d8559fa042256c715339923f3fc885d8e50', name: "sidebar" }))))))));
     }
     static get is() { return "duet-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -142,10 +142,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: 'e7cb6ea76d92ed46bca6c328a17e50755ea4c750', class: {
+        return (h(Host, { key: '4daa11135671269c348f387b30b1252c5f12b2ee', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: 'c6c6d30ed3774822aeae25f20e0bd227f71b397b', href: this.url, class: {
+            } }, h(Tag, { key: '7e2c94f2a8695bd756e4efbb074f42614a342ca2', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,

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

@@ -72,7 +72,7 @@ export class DuetList {
      * Always the last one in the class.
      */
     render() {
-        return (h("dl", { key: '2494b68d174f2bed0ca129e8970a12ccf09d3532', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: '966205c93097469e4b0e1c92aa7e7f264a235ae3' })));
+        return (h("dl", { key: '0f63ce12f7d83722524fecc8e803c455f636d277', class: { "duet-list-component": true, "duet-m-0": this.margin === "none" } }, h("slot", { key: 'd8dc331b6707093063ae55cb8024fa723b7adbca' })));
     }
     static get is() { return "duet-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,14 +16,14 @@ export class DuetListItem {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'b6d3629f682ab9c7962c63213a42d93633b7b5ae', class: {
+        return (h(Host, { key: '95db1eb8cfa0c88dad6a34ca300fd710a8f2d773', class: {
                 "duet-no-stacking": !this.responsive,
                 "duet-list-item-breakpoint-x-small": this.breakpoint === "x-small",
                 "duet-list-item-breakpoint-small": this.breakpoint === "small",
                 "duet-list-item-breakpoint-medium": this.breakpoint === "medium",
                 "duet-list-item-breakpoint-large": this.breakpoint === "large",
                 "duet-list-item-breakpoint-x-large": this.breakpoint === "x-large",
-            } }, h("dt", { key: '6fd5bb285e0657c6669dcd1aa45983655ae96e44' }, h("slot", { key: '3042541fb55b198c4f183ddcbd5d3a318f20c0f6', name: "label" })), h("dd", { key: 'd925ef59c712ea7ea6308c65ff10e8e2293202bb' }, h("slot", { key: 'e38113683d53d0a1a23f80c900784c148ade05de', name: "value" }))));
+            } }, h("dt", { key: '27457dbebf1c7f29cd87199d1044d1830e00e1f9' }, h("slot", { key: '6760928d435314ff885b768ab2f74917a7891a46', name: "label" })), h("dd", { key: '97ae930888f789b056413956ee6bc8240252d9c6' }, h("slot", { key: '9a1daf78702df7b6b000e8d10aa8a848058f38ca', name: "value" }))));
     }
     static get is() { return "duet-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -79,7 +79,7 @@ export class DuetLogo {
      */
     render() {
         const TagName = this.href ? "a" : "div";
-        return (h(Host, { key: 'e0134b0c6453f025fbb84513f17ad1fe857841fd', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: '5d97b1065c652c700fef53b4cdd3c92e3a49a82f', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
+        return (h(Host, { key: '755522a4d8a0d79b25a402de924b39757c3eff92', class: { "duet-m-0": this.margin === "none" } }, h(TagName, { key: '03328ec8c5569b1f4203846cbbdc3014028a36ea', href: this.href, ref: link => (this.nativeLink = link), "aria-label": this.accessibleLabel, class: {
                 "duet-logo": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",

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

@@ -153,14 +153,14 @@ export class DuetMenuBar {
     render() {
         const slideoutAvailable = document.querySelectorAll("duet-slideout").length > 0;
         const isUsedAsAdditionalHorizontalNav = slideoutAvailable && !this.logo;
-        return (h(Host, { key: '7424032f4fe4cf9e7391b652faddecf381ffd039' }, h("nav", { key: '8c3201741b36da474a2241e8ba5b3e1dfb53a61e', class: {
+        return (h(Host, { key: '879fc36781875cd6dea48e11839a85a185085dc0' }, h("nav", { key: '2ea40e5fc7e651f516d4f9edae5ac2f71fd4fee9', class: {
                 "duet-menu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 "horizontal-nav": isUsedAsAdditionalHorizontalNav,
                 "duet-menu-bar-slim": !this.centerSlotUsed,
                 hidden: this.hidden && this.hideOnScroll,
                 bottom: this.onBottom,
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '343657eeb7bbc89db0881a7bb0fe485bfcd6cdd6', class: "top" }), h("div", { key: '7252aede6443560c0dd9d9b1da3be093312468aa', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", { key: '95c2d74cb086c7ae350a20b2f10555ac8a9ccf18' }, h("duet-logo", { key: '00d5ca62ce150e05e4015f1597692ed9122303e0', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), h("div", { key: 'd11a1fe47483eaa847dd6e1b33fe3f022182056f', class: "list center", role: "list" }, h("div", { key: '70d5324316868d9eac48fcf6f6519fce58f08411', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), h("slot", { key: '3565b69ae8c95cbe9dcda578b6870cfcb680fa3e', name: "center" }), h("div", { key: 'ea2d3738b94bcfec575da5cb1e2896e152780f2c', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), h("div", { key: 'bc825dee9988ee497c9df9ef96a94c76d58e0de9', class: "list right", role: "list" }, h("slot", { key: '3ebc272f053762d22d0fb80bc22093edf171fffa', name: "right" }))), h("div", { key: '6ee303d3e34ebda33fefbd13d0b13ea0d43fbfa6', class: "bottom" }))));
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'ff8cc7d764c170ddd58d7ed93375961a95db7e20', class: "top" }), h("div", { key: 'f1a58089bfde393327f4602887e2c3bb850f2344', class: { container: true }, ref: el => (this.container = el), onScroll: () => this.scrollbarCheck() }, this.logo && (h("div", { key: 'f3ef014e2ea267d5b52553854490be997f13cf25' }, h("duet-logo", { key: '063b69ae891ce4cb9bc6960aa0f0a9dbeca46cb8', size: this.logoSize, margin: "none", theme: this.theme, href: this.logoHref, accessibleLabel: this.logoLinkAccessibleLabel, onClick: this.handleLogoClick, language: this.language }))), h("div", { key: '241a7083365bb7b039787e4f8debcd9185092057', class: "list center", role: "list" }, h("div", { key: 'e91f65554fe261b6eac8f2e27b1a38a41f26ad11', class: "more-left", hidden: !this.leftMoreVisible, role: "presentation" }), h("slot", { key: '54aca3809af67d932ccde820be7575dceb6c422c', name: "center" }), h("div", { key: '89998cee04eba79bb73de1a494b5a6b87790276b', class: "more-right", hidden: !this.rightMoreVisible, role: "presentation" })), h("div", { key: 'e949ddcfac19ccaf615fdcbc2ce2faacbf7b9a91', class: "list right", role: "list" }, h("slot", { key: 'c29da062d16c0070f56c034008c6cc911f6570b2', name: "right" }))), h("div", { key: '02cca0e6a68888052ccc9721adc8d8692b6f2841', class: "bottom" }))));
     }
     static get is() { return "duet-menu-bar"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-menu-bar-button/duet-menu-bar-button.js

@@ -38,10 +38,10 @@ export class DuetMenuBarButton {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '7ede8c9b9c82a2c6bcdcfc416f3794834ab77293', role: "listitem", onfocus: () => this.setFocus() }, h("button", { key: '6910d36f8ae066a551ca0143b2f34ec38775dfdb', ref: button => (this.nativeButton = button), class: {
+        return (h(Host, { key: '640df6e6807e77ded11a2793dac96c1783152ca6', role: "listitem", onfocus: () => this.setFocus() }, h("button", { key: '1fb58e8bf4bc3c2b2d562f26527aa2e2ba048dcf', ref: button => (this.nativeButton = button), class: {
                 "duet-menu-bar-button": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (h("duet-icon", { key: '0e45ee09f68a3aac1f440e01ace151783be7c120', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: '1a0b04b92ffc25cf50f594a50d02be255f24aeba' }))));
+            }, "aria-controls": this.accessibleControls, "aria-label": this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-pressed": this.accessiblePressed != null ? this.accessiblePressed.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined }, this.icon && (h("duet-icon", { key: '81483d7b24188277fff27a75241baa455429c396', class: "menu-bar-button-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: 'fb62d6b302940eead24c6abcce7bd63018285701' }))));
     }
     static get is() { return "duet-menu-bar-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,17 +54,17 @@ export class DuetMenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '30ea5bdc409a19c4f606a08a851fc3a91f636e87', role: "listitem" }, h("div", { key: '60eacea3711c3398f19bb391127b0a3742f6c779', class: {
+        return (h(Host, { key: '8b40cdb860995adb53e2af728a887e9b4708691a', role: "listitem" }, h("div", { key: '2f82e317fa1e0047cf4c39cc95f108bfc44a8f39', class: {
                 "duet-menu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
                 [`duet-menu-bar-dropdown--slot-${this.getVariant()}`]: true,
-            } }, h("button", { key: '87b94f39ed7bbbf01ec425ccadb044d64d797c59', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '1224e23b4a0ff1f364096bea12eb4f865444d1d8', ref: element => (this.button = element), "aria-label": this.accessibleLabel, "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '5d1abdaafbd7e5b1bb75e46863f7d178799ee757', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'a1d04c25159935646c9613c3f59d176af8a3ee3d', class: "label" }, h("slot", { key: '48e78d6657df24ad22b495d244702169de00cfda', name: "label" }), h("duet-icon", { key: '5577398b8bd80946812d5f3a816684707852337d', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '14071561dd61cdc2e5d918323587f4d30674d2dc', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '2a4af8378e45ded016940bfc47fa885ce2df9ce7', class: "menu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '1f04992d67aaae7bff60adbffc1b44ce51888e89', class: "label" }, h("slot", { key: '80a68b5b749449101c198271ea76e59ba299d36a', name: "label" }), h("duet-icon", { key: 'c52a29144937f583f2acdd6fa295c22f66e9bda7', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: 'e3585849f0b032094ebe1121f8923a4c6fab798b', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'c42c206ba4b3c97f6dcd92c72a1cffc13d57834c' })))));
+            } }, h("slot", { key: 'c73b647bb5890887f3de54d54a2858190c57e630' })))));
     }
     static get is() { return "duet-menu-bar-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,11 +40,11 @@ export class DuetMenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fe377ce2b21f3ec7de8c6db577d706ed4e9e8745' }, h("a", { key: '583c2614e636104b1b2ff40c597e127550be5f5e', class: {
+        return (h(Host, { key: 'c965e7903be45582dba26411b6dafa610efee277' }, h("a", { key: '548353a242840f57bf155fa2acef059db4b99037', class: {
                 "duet-menu-bar-dropdown-link": true,
                 [`duet-menu-bar-dropdown-link--slot-${this.getVariant()}`]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '147d4e4ca57001748a3adf41757770577efb3113', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: '3b471e970dfa2dbb5054245bd0c459860a629c91' }))));
+            }, href: this.href, role: "menuitem", onKeyUp: e => this.handleEscape(e), "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'f67150954824158f3ddd8512ccbc759cac7eef98', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), h("slot", { key: 'd8f7e857839f68b0ed63d68d43093b42e8232a15' }))));
     }
     static get is() { return "duet-menu-bar-dropdown-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,11 +48,11 @@ export class DuetMenuBarItem {
      */
     render() {
         const TagName = this.url ? "a" : "button";
-        return (h(Host, { key: '9a4fa3850a59a9e92ed6453f83ba66510ba98eed', role: "listitem" }, h(TagName, { key: '89b1d29049ab6f5a5cde267a3ff6488c1fc9ee6f', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (h(Host, { key: '76d2f9d042bc0e53b7cc18ec3392809ec28741ec', role: "listitem" }, h(TagName, { key: '610690beca56e7dad3a586a5e3dcfcd8371c8b97', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-menu-bar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '4c323e8083d3dabfa32c7ad10d5cef783c25b50e', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '2cdf47895c4330542078da87b401ca6e51467c6c' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'e0c912d7168f8ae6072f5329d3d451da30adf4db', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '0c6ff2c355336b6ec6047c0974ed85b608021ead', class: "leading-icon", size: "auto", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" })), h("slot", { key: '0172426db559c60d93da9fcc61dc9ac9f2d84c50' }), (this.trailingIcon || this.external) && (h("duet-icon", { key: '91dff051070148a6f4f70aca4dcffe59b0f8f19f', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,

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

@@ -22,11 +22,11 @@ export class DuetMenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '944fc042969f5fb1c958f2e2b3c3b90cf4ed09e8', role: "listitem" }, h("a", { key: '8a379484694ccdd6eac62c98606b3d0410fd012f', class: {
+        return (h(Host, { key: 'e2fe10eefaa50b8a12212c834d5f518c9ad14917', role: "listitem" }, h("a", { key: '929e202f5253e131b76f99ebeb2ceb65c597cef1', class: {
                 "duet-menu-bar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '6cb57d184b32ccf2d88b480cf6e14febee77d8bd', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: 'be23134b984610bea7ed18384aad517712760e84' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: '4670f1ffd76084d038e8b17dfac26a13fb793667', class: "menu-bar-link-icon", theme: this.theme, size: "auto", name: this.icon, margin: "none", color: "currentColor" })), h("slot", { key: '18c4355e146e6e752116f7df05bf265967a0606f' }))));
     }
     static get is() { return "duet-menu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -249,18 +249,18 @@ export class DuetModal {
         var _a, _b;
         let iconColor = "primary";
         let closeColor = "secondary";
-        const closingButton = (h("div", { key: '0a05dbaf283737a1f77b62ab112c88b353464350', class: "duet-modal-close" }, h("duet-button", { key: '3a87f9968b872763efed783e1014d1117f1d375f', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
+        const closingButton = (h("div", { key: 'e3680a1a39e49c693a42fc7fb9759bc668d40db6', class: "duet-modal-close" }, h("duet-button", { key: 'f83e0f5cb99b5a95989e6c142c12dd4abdccd4c5', ref: button => (this.buttonEl = button), variation: "plain", accessibleLabel: this.accessibleCloseLabel, color: closeColor, iconSize: "large", icon: "navigation-close", iconOnly: true, margin: "none", theme: this.theme, onClick: ev => this.closeModal(ev), fixed: true })));
         if (this.theme === "turva") {
             iconColor = "primary-turva";
             closeColor = "secondary-turva";
         }
-        return (h("div", { key: 'c93f95ce929ec3c82786932e3d6a0fe5d82d3173', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
+        return (h("div", { key: '958d3dcd432c8954835f6cb522b2fe09bccafaa4', ref: modal => (this.modalEl = modal), "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : this.heading, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-describedby": this.accessibleDescribedBy, role: this.variation === "loader" ? "alert" : "dialog", "aria-modal": this.isSafariBrowser ? false : true, tabindex: "-1", class: {
                 "duet-modal-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-modal-active": this.open,
                 "duet-modal-slide-up": this.variation === "slide-up",
                 "duet-modal-has-sticky-header": this.hasStickyHeader,
-            } }, h("duet-overlay", { key: '874d509e0e869ace4ec126dc6c4316f1618ac0d9', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), h("div", { key: 'fe13b5967653c95bb6fc6087d048de8b0dddae5c', ref: modalInner => (this.modalInnerEl = modalInner), class: {
+            } }, h("duet-overlay", { key: 'fbc2fc13d50311db1c8a0a4f2cc2803129eafe58', "z-index": "-1", visible: this.open, variation: this.variation === "loader" ? "white" : "default" }), h("div", { key: '8a07986bcfc3448a09fef42541dbe3cfada8bdcb', ref: modalInner => (this.modalInnerEl = modalInner), class: {
                 "duet-modal-inner": true,
                 [this.size]: true,
                 "duet-modal-slide-up": this.variation === "slide-up",
@@ -271,18 +271,18 @@ export class DuetModal {
                         this.closeModal(e);
                     }
                 }
-            } }, h("div", { key: '97db4dc604168bf16f732f70233bea7b08bc3269', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
+            } }, h("div", { key: 'a0b9f37bf6628afa8f99e12a917d57eaeec54583', ref: modalContentEl => (this.modalContentEl = modalContentEl), class: {
                 "duet-modal": true,
                 "duet-modal-has-sticky-header": this.hasStickyHeader,
                 [this.size]: true,
                 [this.variation]: true,
-            } }, this.gutterSize !== "none" && !this.hasStickyHeader && h("duet-spacer", { key: 'e238c81f94ffdef58ced08126a52e121e010c1ba' }), this.hasStickyHeader ? (h("div", { class: "duet-modal-sticky-header" }, closingButton, h("slot", { name: "sticky-header" }))) : (closingButton), h("div", { key: 'e6c7fe686edbee8d767ceb94c6c355b9de5f2932', class: {
+            } }, this.gutterSize !== "none" && !this.hasStickyHeader && h("duet-spacer", { key: '9168f67fd2f8ede394df502d619287153224558e' }), this.hasStickyHeader ? (h("div", { class: "duet-modal-sticky-header" }, closingButton, h("slot", { name: "sticky-header" }))) : (closingButton), h("div", { key: '9f08ea38b797e2f08e90b844af00bc7520f74524', class: {
                 "duet-modal-body": true,
                 "duet-modal-gutter-none": this.gutterSize === "none",
                 "duet-modal-gutter-small": this.gutterSize === "small",
                 "duet-modal-gutter-medium": this.gutterSize === "medium",
                 "duet-modal-gutter-large": this.gutterSize === "large",
-            } }, h("div", { key: '503f1759d8da05b03424f7cd4dc4fcbc1475b750', class: "duet-modal-header" }, h("span", { key: '4da34d236160f41ebebcbedf021756e2e7f16e7a', class: "duet-modal-inner-slot-top" }, h("slot", { key: 'a4ec96d9dbce295980f9310f4e346b7db2b2ae1c', name: "top" })), this.icon && h("duet-icon", { key: '189ce6c874db5b0c63f6a4f99832467967660c36', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (h("duet-heading", { key: '1ea245199b5d0824fc099b8efd3c0c78a5685c46', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (h("div", { key: 'b6445a691a50ba8c5c675e400b5452ffc8076df5', class: "duet-modal-spinner" }, h("duet-spinner", { key: '5931daa7f184bfe4639353d28004a6c940b36854', size: "large", color: "primary" }))), h("div", { key: '3fb83728c1ecb7aa1c1c5cebfb426322e57065eb', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, h("slot", { key: '34cade5d14c9b734a6c330b9648a2d3d33cbe878' })))))));
+            } }, h("div", { key: '46de5037af55d3b54aea4f8a133aa3ed573c0599', class: "duet-modal-header" }, h("span", { key: 'ce17770a8dd4f97629729ab7823f9f7da02e5234', class: "duet-modal-inner-slot-top" }, h("slot", { key: 'b347be9693d36ac02bd0bbfb004c84fbe2a27b2f', name: "top" })), this.icon && h("duet-icon", { key: '4e60fc0b0a51d95dcc67841be4e780c5e71538e0', name: this.icon, size: "xx-large", color: this.color || iconColor }), this.heading && (h("duet-heading", { key: '3749e6adf5b669773e1ecf50e989b8dceac017bd', "visual-level": (_b = this.headingVisualLevel) !== null && _b !== void 0 ? _b : this.headingLevel, level: this.headingLevel, theme: this.theme }, this.heading))), this.variation === "loader" && (h("div", { key: 'ec5d5a5d428cc6cd4cb86c1c7ba9e34f0725a4c0', class: "duet-modal-spinner" }, h("duet-spinner", { key: 'c4459171ed652867da2bcc125dcab78ba11aca07', size: "large", color: "primary" }))), h("div", { key: '4aa8b636aca91d1178fc3749a905d467c102461e', class: "duet-modal-inner-slot-default", ref: el => (this.slotContainerEl = el), "aria-live": this.variation === "loader" ? "assertive" : "off" }, h("slot", { key: '47bb63f76e7bb4ae0a4c765bc4fbd4f26a8b47f9' })))))));
     }
     static get is() { return "duet-modal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -224,23 +224,23 @@ export class DuetMultiselect {
      */
     render() {
         var _a;
-        return (h(Host, { key: 'f026bdeb8bb0f3a21e0d475184c114d991c8d34e', class: {
+        return (h(Host, { key: '66db5f574c720ea5892865581aaaca95e7bfc202', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
-            } }, h("div", { key: '569bc0190751f00772059cbd51ba08f2d62777ee', class: {
+            } }, h("div", { key: '18447b64923b698d42addcd13946ae5b79d7c367', class: {
                 "duet-multiselect-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, h(DuetInternalLabel, { key: '9ccfbdef3eda53f54915bceb8be96f0d54747856', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '4a8d21958a685c3cd6315993fd5b3d494dacd199', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '319372a0fc0afb4677c04ccb1299051cd37b10b7', name: "tooltip" }), this.caption && (h("duet-caption", { key: 'e49778d6f971a2470b56dafa5d9c366547b0d97d', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: 'c16590fa2fe0ba12853e17418cba4fc448118cda', class: "duet-multiselect-wrapper" }, h("button", { key: '3efc98df5282fb803d1bc6a0c523fda27d73733c', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, h("span", { key: '4db581abd2111bf21ba6a9a1558e31d08941a829', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (h("span", { key: '204ef6ae4834f01ecc5cdddd5e1c2ad17d748e13', class: "duet-multiselect-badge" }, this.value.length, h("duet-visually-hidden", { key: '613f579cc5815b7afc078625a9950c4b2ff50678' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), h("svg", { key: '84f2d116cc6e8174dd4f2195188328eaf14bde41', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '28e23226381c96642cca173e6e38f4f643dd408a', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), h("div", { key: 'bd781fbf42bf6c0123228368f0018b16904e754c', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
+            }, onKeyDown: (e) => this.onMultiselectKeyDown(e) }, h(DuetInternalLabel, { key: '92b58e72baf765345116e2d8aeadb73f2081f93e', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: this.identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: 'fead19d08c45ed8cbc145afe829b09d0397428e9', class: "duet-multiselect-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '462b6065093b4d84bcfdb35398eb726289bf8a04', name: "tooltip" }), this.caption && (h("duet-caption", { key: '6671b5e26502d71c3232822fe12e880a18c6a6e1', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: '9b7b7dcfc90d7ac84a065822cc942908f1c5db23', class: "duet-multiselect-wrapper" }, h("button", { key: '2245ab42ac2ae7e8b058f6d3e040370a9d87f268', id: this.identifier, ref: el => (this.multiselectElement = el), class: { "duet-multiselect": true, "duet-multiselect-active": this.checkboxesVisible }, tabindex: "0", onClick: () => this.toggleCheckboxes(), onFocus: e => this.onFocus(e), onBlur: e => this.onBlur(e), role: "combobox", "aria-expanded": this.checkboxesVisible ? "true" : "false", "aria-haspopup": "listbox", "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-owns": `${this.identifier}-checkboxes`, onKeyDown: (e) => this.onMultiselectInputKeyDown(e), disabled: this.disabled }, h("span", { key: 'bf248bbe82cc02c50116cec46aa4a770557a7dc1', role: "textbox", "aria-readonly": "true", "aria-multiline": "false", "aria-autocomplete": "none", "aria-controls": `${this.identifier}-checkboxes`, "aria-label": this.placeholderLabel[this.language], class: "duet-multiselect-label" }, this.placeholder), this.value && this.value.length > 0 && (h("span", { key: '2a257d9881a89deb043d104e39915201364f0eb1', class: "duet-multiselect-badge" }, this.value.length, h("duet-visually-hidden", { key: '59e46400cc9f5b4cff182d0171ffd92efcbd28be' }, this.selectedLangObject[this.language], ", ", this.value.map(item => item.label).join(", ")))), h("svg", { key: '8bc274f5908872b24f0665f1b9e320bc3cef9d0d', class: { "duet-multiselect-icon": true, "duet-multiselect-icon--rotate": this.checkboxesVisible }, fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '737a6a477e1555ba07abd6bf584fd53c5922833b', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" }))), h("div", { key: '34738d348dd5456962d4b992b769a6d94bec9495', id: `${this.identifier}-checkboxes`, role: "listbox", class: {
                 "duet-multiselect-checkboxes": true,
                 "duet-multiselect-checkboxes-active": this.checkboxesVisible,
-            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (h("div", { key: '0ede9f28954863adf658287122fa470e9e8ed06d', class: "duet-multiselect-all-control-buttons" }, h("button", { key: '3fc7f60c219943b97faf4d68e0bafd82c9ec2e07', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), h("button", { key: 'ca0f4aaaf9206e4474d72f0c70b6292200566f64', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
+            }, "aria-activedescendant": this.activeDescendant, "aria-multiselectable": "true" }, ((_a = this.processedItems) === null || _a === void 0 ? void 0 : _a.length) && this.allControls && (h("div", { key: '9b11edb9360d491679322c8ad4deb6a68bb1e8b5', class: "duet-multiselect-all-control-buttons" }, h("button", { key: '62404c51498d8a9946ab949ab0e0fe084e989eee', class: "duet-multiselect-select-all", onClick: this.handleSelectAllClick, id: this.getOptionIdentifier(-2), onKeyDown: (e) => this.onCheckboxKeyDown(e, -2) }, this.selectAllLabel[this.language]), h("button", { key: 'c157c1fc780f85ca1e2c8268ff4e1c71dd40b6e4', class: "duet-multiselect-clear-all", onClick: this.handleClearAllClick, id: this.getOptionIdentifier(-1), onKeyDown: (e) => this.onCheckboxKeyDown(e, -1) }, this.clearAllLabel[this.language]))), this.processedItems &&
             this.processedGroups.map(group => (h("fieldset", null, group.label && h("legend", null, group.label), group.items.map((item, key) => {
                 var _a, _b;
                 return (h("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
-            })))))), h("span", { key: 'e467be93fd702a5c5a902e1d2458f4fe25447083', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'ec391ad7dbf44a8b305a55fd7db7edf3497e6d71' }, this.error)))));
+            })))))), h("span", { key: '74e0ecd38efb1cd7851f16e542eac089080bd3f2', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '7a1632365136bc299d70f12d986622451ad4661f' }, this.error)))));
     }
     static get is() { return "duet-multiselect"; }
     static get encapsulation() { return "shadow"; }

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

@@ -24,7 +24,7 @@ export class DuetNav {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'c5ab5dae2e7d22ca95bc16e28afef27ae15afcb0' }, h("div", { key: '4dce1e440de9e33921a8d156dd2a7e524e6a6f19', class: { container: true, sticky: this.sticky } }, h("slot", { key: '6172b6cf2f4def6008bcf4738d66aff2042e9a0a' }), h("slot", { key: 'd363f92ea1b28f1d09b413affc48e6780fb6374b', name: "mobile" }), h("slot", { key: '6a7323e9949b9d2c68ddf41048c23aefa4873f0d', name: "desktop" }))));
+        return (h(Host, { key: '95a630a67e5b566bc05641ac7a676ed3ac63f5ee' }, h("div", { key: 'abcbac50ff4631707152e35779d9519a845a38b8', class: { container: true, sticky: this.sticky } }, h("slot", { key: '5f39c9e47f3897bd0c2911e40c71e6944aef19d6' }), h("slot", { key: 'd1c4f88457d7db9695701abbc982b1f589909871', name: "mobile" }), h("slot", { key: '810fa9cf8b03c900cd4923d2b8a3fc89f8c872af', name: "desktop" }))));
     }
     static get is() { return "duet-nav"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,11 +43,11 @@ export class DuetNotification {
         this.linkElement.focus(options);
     }
     render() {
-        return (h("div", { key: '890f3393ed0551fe1b939f89f6d2f04e892c4913', role: "listitem", class: {
+        return (h("div", { key: '98ec72c6cce7947b7263eeb3f46e33e22a990877', role: "listitem", class: {
                 "duet-notification": true,
                 "duet-notification-highlight": this.highlight,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("a", { key: 'cc685fd8b8b81325ed7e98bc08ae5503066ac612', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: '0e5be7a64538f4da436284ad7284230f1f86028d', class: "duet-notification-container" }, h("div", { key: '307f2270705569eefc4200d8b2b0ff452116821d', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: 'bbdb2452de67bf6e56bd8540ad0d34fc0a8d77e1', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: 'f01eee90a99d84210a27e271e3b2338cd35bb524' }, this.accessibleLabelUnread, ":")))), h("div", { key: '6173ca5bd3321cffdcaee2ae9e8fa48c84c46651', class: "duet-notification-content" }, h("slot", { key: '10edf0a272da934786f59453fb9700e5f8a53de0' })), h("div", { key: '2dfad6249fe5be7e28f37fa6ddfb665f7cbd04f3', class: "duet-notification-date" }, this.date)))));
+            } }, h("a", { key: '3736a06027a73aa7ba30e0c4b8a120c6772c0c6f', ref: element => (this.linkElement = element), href: this.url, target: this.external ? "_blank" : "_self" }, h("div", { key: 'ba330229b218d4e4b58d2078e62ef7fb8dd84755', class: "duet-notification-container" }, h("div", { key: 'b3e977745d175b1df1b238399d72822511cdbc2c', class: "duet-notification-badge-container" }, this.highlight && (h("div", { key: '7899dd2e03bc72ff907719a515064f96c5a85a1f', class: "duet-notification-badge" }, h("duet-visually-hidden", { key: '120a6ec03a1e30297fb74201aec8842a95544cd6' }, this.accessibleLabelUnread, ":")))), h("div", { key: 'a9cefa6b12b79148d75b238395613eb03b1cbdb8', class: "duet-notification-content" }, h("slot", { key: '227250fa90780100b094ef165074f2699daf3fee' })), h("div", { key: '8f8e56cf0596df33ebbb471fa7dc4297acd660aa', class: "duet-notification-date" }, this.date)))));
     }
     static get is() { return "duet-notification"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-notification-drawer/duet-notification-drawer.js

@@ -96,10 +96,10 @@ export class DuetNotificationDrawer {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'd3c48a796945f129730ee58bb90a5d74fbe2d20a', class: {
+        return (h("div", { key: '1fcd96bf0423aef4ee96911cda6cbfd17dd7b5af', class: {
                 "duet-drawer": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: this.handleKeyDown }, h("button", { key: 'a475ca447ada0163de80bc07e655202171c5e303', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (h("div", { key: '6b0367bfa98ae6940f657ebd59591f6a9f37f88b', class: "duet-drawer-icon" }, h("duet-icon", { key: 'd2fbb0ac6b02c5df43ffd02aa3267af80e0cb2e8', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && h("div", { key: '4d461ddfeb0718e2e8b02cc26b8a06a4302a54ac', class: "duet-drawer-badge" }))), h("span", { key: '3648203174b5eb431f9f3c7d294c66c151435f1f', class: "duet-drawer-label" }, this.label), h("div", { key: '98c6a53d3f09666c54320fc0805ee7b1acedcb01', class: "duet-drawer-caret" }, h("duet-icon", { key: '025d6d0ed15cce1e08a4256fbe8bda777b8d98eb', margin: "none", size: "auto", icon: arrowDownIcon.svg, color: "currentColor" }))), h("div", { key: 'bda418ac6381015dbbb2c588764161883af0e9c8', id: "duet-drawer-content", class: {
+            }, onKeyDown: this.handleKeyDown }, h("button", { key: '816332facf413ea0d4982e49a75bd6c8deb01384', ref: el => (this.drawerButtonEl = el), type: "button", class: "duet-drawer-toggle", id: "duet-drawer-toggle", "aria-controls": "duet-drawer-content", "aria-expanded": this.isOpen ? "true" : "false", onClick: this.toggleMenu }, this.icon && (h("div", { key: '2f2bb9fc0bf11b71afc63b575b558580be8d2bef', class: "duet-drawer-icon" }, h("duet-icon", { key: '894cf661f00dd98fde6c4588eff2f0e117294b6c', margin: "none", size: "x-small", name: this.icon, color: "currentColor" }), this.badge && h("div", { key: '58e7f6dd2b4d6900bc1eb5b80c5f82a26a1eed5b', class: "duet-drawer-badge" }))), h("span", { key: 'd6fc2d433a6eabc135bc6298fc9ef47c2633b876', class: "duet-drawer-label" }, this.label), h("div", { key: 'd6e08501623205f6dfd9c9196fa19b5b44a5246f', class: "duet-drawer-caret" }, h("duet-icon", { key: '265d0ff440812f953004ec0e621e6c568635968b', margin: "none", size: "auto", icon: arrowDownIcon.svg, color: "currentColor" }))), h("div", { key: '0f557b4cd9db14546ae95e18f0e790bb30cbb93d', id: "duet-drawer-content", class: {
                 "duet-drawer-content": true,
                 "duet-drawer-right": this.direction === "right",
                 "duet-drawer-left": this.direction === "left",

package/lib/collection/components/duet-number-input/duet-number-input.js

@@ -296,11 +296,11 @@ export class DuetNumberInput {
         const identifier = this.identifier || this.inputId;
         const maxlength = `${this.localizeValue(this.max)} ${this.unit}`.length;
         const cleanedValue = !!this.value ? SafeParseFloat(this.value, this.locale) : null;
-        return (h(Host, { key: '27634a68033872b85ed0ac1d2baa3ab694680d41', class: {
+        return (h(Host, { key: '3da7c782ce445861599dc9a836d50866b7950bef', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-expand": this.expand,
                 "duet-m-0": this.margin === "none",
-            } }, h("div", { key: '6827f8b2e63c45d4c1a102af1cc451806e22c6b2', class: "duet-number-container" }, h("duet-input", { key: '6ebc92848603fb489852d878a1d26aa75401527d', ref: input => (this.duetInputElement = input), onDuetChange: event => this.handleChange(event), onDuetFocus: this.handleFocus, onDuetBlur: event => this.handleBlur(event), onKeyDown: event => this.handleKeyDown(event), label: this.label, value: this.value ? `${this.value} ${this.unit}` : "", error: this.error, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": cleanedValue != null ? cleanedValue : "", maxlength: maxlength, name: this.name, component: "number", required: this.required, disabled: this.disabled, role: this.role, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true, numericKeyboard: true, autoComplete: "off", type: "text", accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleLabelledBy: this.accessibleLabelledBy, accessibleDescription: this.accessibleDescription, accessibleDetails: this.accessibleDetails, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy }, h("slot", { key: '8d5588224b8d90b55c49aedf839923eccff05d0f', name: "tooltip" }), h("div", { key: '26ecdb715139c53e42ad0365ddde6b73b66ba525', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, h("button", { key: '9ee76518bfa2851ddb3c195b1f2ae44b55b81a94', disabled: this.disabled, "aria-disabled": cleanedValue == null || cleanedValue === this.min ? "true" : "false", class: "duet-number-button duet-number-button-subtract", onClick: this.subtract, type: "button" }, h("duet-visually-hidden", { key: 'af735c2a71d3ec8f158bad31f424f58eda96b371' }, this.accessibleSubtract, " ", this.step), h("duet-icon", { key: '315b5a60f0c2930f1ebdbf54fa61b6f00ca2a2cc', icon: subtractIcon.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), h("button", { key: '9b0f29334057be1214d1ed30a1cf192f5a40bca2', disabled: this.disabled, "aria-disabled": cleanedValue === this.max ? "true" : "false", class: "duet-number-button duet-number-button-add", onClick: this.add, type: "button" }, h("duet-visually-hidden", { key: 'dad3dcf4e65c811e03147889494f664b875f0b95' }, this.accessibleAdd, " ", this.step), h("duet-icon", { key: 'd9662ee9fd8d82605e4ee26c0b00826500674b0a', icon: addIcon.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (h("duet-visually-hidden", { key: '974d023f255a72941f249af920c4ffbff4786b37', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
+            } }, h("div", { key: 'a42d62f6fbf766e1d8ca3289cedad8c0da51683d', class: "duet-number-container" }, h("duet-input", { key: '802ffebd0db05445c6644fac9a8cd77a36a2df32', ref: input => (this.duetInputElement = input), onDuetChange: event => this.handleChange(event), onDuetFocus: this.handleFocus, onDuetBlur: event => this.handleBlur(event), onKeyDown: event => this.handleKeyDown(event), label: this.label, value: this.value ? `${this.value} ${this.unit}` : "", error: this.error, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": cleanedValue != null ? cleanedValue : "", maxlength: maxlength, name: this.name, component: "number", required: this.required, disabled: this.disabled, role: this.role, labelHidden: this.labelHidden, tooltip: this.tooltip, identifier: identifier, theme: this.theme, margin: "none", expand: true, numericKeyboard: true, autoComplete: "off", type: "text", accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleLabelledBy: this.accessibleLabelledBy, accessibleDescription: this.accessibleDescription, accessibleDetails: this.accessibleDetails, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy }, h("slot", { key: 'e724d4f60cb5ae0847b2280ff46141601b922955', name: "tooltip" }), h("div", { key: 'bddebaeb4d842b216f3c5ab57d27398c9072ecba', class: { "duet-number-buttons": true, "duet-no-label": this.labelHidden } }, h("button", { key: '9c0809c67e56135776e7f7730a11f5f2da4fabd8', disabled: this.disabled, "aria-disabled": cleanedValue == null || cleanedValue === this.min ? "true" : "false", class: "duet-number-button duet-number-button-subtract", onClick: this.subtract, type: "button" }, h("duet-visually-hidden", { key: 'd8771c771af162cf210be52b909ff79a6e0b7e49' }, this.accessibleSubtract, " ", this.step), h("duet-icon", { key: '35c87ddeaf36725a3c5502711615eae4f15e4329', icon: subtractIcon.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })), h("button", { key: '8988e8d80684cdd0d3a561e3e418d5bdf799d0de', disabled: this.disabled, "aria-disabled": cleanedValue === this.max ? "true" : "false", class: "duet-number-button duet-number-button-add", onClick: this.add, type: "button" }, h("duet-visually-hidden", { key: '163ab6c2ccdc27ec467ff3acdb2ece1b789c57d7' }, this.accessibleAdd, " ", this.step), h("duet-icon", { key: 'da61399d82dcb9263d33dd636279857685fda111', icon: addIcon.svg, size: "small", margin: "none", color: this.theme === "turva" ? "secondary-turva" : "secondary" })))), this.accessibleLiveEnabled && (h("duet-visually-hidden", { key: '4370e4cd37e5acc790bec55999ec64bfcd5b2467', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement())))));
     }
     static get is() { return "duet-number-input"; }
     static get encapsulation() { return "shadow"; }

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

@@ -35,7 +35,7 @@ export class DuetOverlay {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '06582c6852e2d6982612c3acc9fa8bbd09a275e3', "aria-hidden": "true" }, h("div", { key: '4e3a9651ea3d397a1ea974216514c2e29ff35082', style: { zIndex: this.zIndex }, class: {
+        return (h(Host, { key: 'd8f034b2c2abc3f7adc006ba65c93afe843bdb2b', "aria-hidden": "true" }, h("div", { key: '25c36326e9753e221143c4fbcb502ed37e31a2d2', style: { zIndex: this.zIndex }, class: {
                 "duet-overlay": true,
                 "duet-theme-turva": this.theme === "turva",
                 "keep-stacking-context": this.keepStackingContext,

package/lib/collection/components/duet-page-heading/duet-page-heading.js

@@ -35,12 +35,12 @@ export class DuetPageHeading {
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (h("div", { key: '3f0397cbed93e749d4486cf990007f59ea93ce13', class: {
+        return (h("div", { key: '9effa4b9be0ae8f00bf5d788432fda116d34b81d', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, h("div", { key: '1b66828676f13f2949f1ae77f184a1febc9c1f9c', class: "background" }, this.theme === "turva" && h("div", { key: 'c7d6eb30d8a969debc22e0dac7e5d63a1ad23431', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'eff5674f587d91449d40c1c58ec1d736123dae4b', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: 'bead352c11517d3cdc8bbe778872a5d1aeac3933', class: "brand-shape second-shape" }), this.icon && (h("div", { key: 'af08880826e40a0c82a800625801f4783fe9bac8', class: "brand-shaped-icon" }, h("duet-icon", { key: 'a0b0a5baf486627155ea0e5bb385752b62d5617a', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '12d4f1a5336805f643f0a3aa25c40a688e92253c', class: "heading" }, h("slot", { key: 'ff2c2f3da8dd82cd5943f24f1bedc609a13ae5d1', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: 'a1e2fe5be47a7fb043006deddc1e728154062db9' }, h("duet-spacer", { key: '7b1923732eec7a9b35f9b5b8a15687be6212fd90', size: "large" }), h("div", { key: 'b6c4d4905ea4a19c0b466e1492debe516a0e2e6c', role: "presentation" }, this.progressIndicator()))))));
+            } }, h("div", { key: 'c33fc9a029847d3625137fb1173cab7b55c1fdf4', class: "background" }, this.theme === "turva" && h("div", { key: '304c53b99ade8cb534bc65d5b7a2579584e3c185', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '632793449d119b5462f43410f643ffe62a9c01d0', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: '58aed705c28aca08e7fcdf9edbd6a9281ca73c09', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '3b736388304bf35620ad364ddc957f500c0f097e', class: "brand-shaped-icon" }, h("duet-icon", { key: '3040e3c7deaba2c0c9670a6ec4c83b34d297f8ab', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: 'a7bd8c26779cfada416fc8f14db5c12ea8af90a0', class: "heading" }, h("slot", { key: 'd681185baeb0f2b731c3d89668862a20dae5ba6f', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: '79e742c4b910b78046f2a3fec20cde71e1a652da' }, h("duet-spacer", { key: '12e3d41455301f3fdf04f432a1754c10112e4b33', size: "large" }), h("div", { key: '52cd3a295ebab421be2e543455af743f7040970f', role: "presentation" }, this.progressIndicator()))))));
     }
     static get is() { return "duet-page-heading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -342,32 +342,32 @@ export class DuetPagination {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'daea491f2370780c5e3e6a4cd10b222c6f204bad', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: '0056afc5f4b9f874a19554b938d03df0b13caa5e', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
+        return (h(Host, { key: '30de52a909e492fdf1657c4bd3eebd9f2b5e7ce5', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: 'f9d6d3b7dd05fbe03ac5ce4f26a970fc0a910148', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
                 "duet-pagination-nav": true,
                 [`duet-pagination-variation-${this.variation}`]: true,
-            } }, this.numbersStore !== "" && (h("div", { key: 'c0fa6438d96e246e62a4ce15c1638c118cc63053', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, h("duet-badge", { key: '09ae84b926b6e97750610c4428d192209311eb52', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: 'fcc9993c0f574de2425b2393371f56a5494521bb', id: this.listId, class: {
+            } }, this.numbersStore !== "" && (h("div", { key: 'b9dd4683843d23fd6b20949c3450975618bc89de', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, h("duet-badge", { key: '2542f6c5314a62428349bd0436797981da27c338', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: '711c642a86b6dc98cdbdc16da341c54a7b8766ba', id: this.listId, class: {
                 "duet-pagination": true,
                 "duet-pagination-is-dimmed": this.numbersStore !== "",
-            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: '8127fcbb52bfda473e30eeeaa34073717065aad5', class: {
+            }, role: "menubar", "aria-label": this.accessibleLabels.pagination_label, "aria-description": this.accessibleLabels.description }, (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: '718fab989ed95629e2f0f1931050e108d33af422', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: 'b3f562761d6472473e40aa2658c1d5382c7ac8a9', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), h("li", { key: '0d47396b8bb09354305c09e4f0e587c8b433e8ea', class: {
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '7a1ef30c44c48f27ecdcc2bf82cc485f9673c94d', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), h("li", { key: 'd115b1124e52420444757f87d6624d2e40e77a89', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '8fd72a014f15fdd035a3a9fa78ed220d55c3d9e7', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '52d006b1e131affc614ab29024a7848a01915203', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
                 (this.current <= 1 && this.processedPageLinks) ||
-                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (h(Fragment, { key: 'dc791af4a42d6a664dfe1baf2b1c35f47a7d627b' }, h("li", { key: 'd1d84353c99d4076b5bd8ac6383d0e95253f96bf', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: '5cb0dc775e9ca49bf7bf667ae76ef0ee36b6d0c2', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, h("div", { key: '4062749e18165803b2c4937749e77dc230443aa7', class: "duet-pagination-page-number" }, "1"))), h("li", { key: '6d07aebfe3bb2ddc457f3453b36eb7a837a2c5c8', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: '1d465e129c648a19fa45c841dfcf19e90369513f', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, h("div", { key: 'f73557f0b2e790a5b5cfff9cdff6a05eaab02d8c', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
-            this.shouldDisplayNavigation() && (h(Fragment, { key: '386478132136a68d5c922d38b667dc96a156576f' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: '2c7367f40dd3a559cec343a371211d540a23b37b', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: 'df7704130f6009b9474f00b03e5c3671ea66a7a1', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, h("div", { key: '366cb74b1e6b6966eae94e513a9fbda1ab8cdbd0', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: '22971b983614be021c0669a769f7ede8f434364e', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'a7c6988541fe49affc34d3cdcc27f42fcc06f0ae', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
+                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (h(Fragment, { key: '892a8fa21fed391bfc0d4f0cc470c8a43abb9591' }, h("li", { key: 'a9a0723b8cac250b46469ae8fbfccb12d3445cb8', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'd4f9df2d63ec2fbb5146ba5f1dc9f53daf1751c3', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-back", "center-text": "true", variation: "plain", color: this.theme !== "turva" ? "secondary" : "secondary-turva", margin: "none", accessibleLabel: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, h("div", { key: 'c15f10460ee1306690c5db36ff31aa040f11d9d9', class: "duet-pagination-page-number" }, "1"))), h("li", { key: '3962965f5d1e02c314dcfbcbd11674f0ca1e4ce1', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: '1fad2120a544e51c5873833b118a009939c14666', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-back", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.prev_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, h("div", { key: 'ac8ef66bae9e009774d16bf21fc5661ae360ed11', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
+            this.shouldDisplayNavigation() && (h(Fragment, { key: '31467f256cb9d230e4b5380fd3692cea3f9c5f18' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: 'da33ca9bd87f9404b0fd44bc8cefc86f0e74694e', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: '87c534e17d295316d3f55a2fb9a295de896bc242', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-dots-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.next_section.replace("{0}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, h("div", { key: 'f24ee3b11997ee6c9bb6679b72b835207cd1e40c', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: '59e1750d08f948b3f137bc256a3bf07529b6f738', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: '326c765824df1ec4bca3ab5267f8a0ffe865e374', disabled: this.disabled, class: "duet-pagination-link duet-pagination-link-jump-forward", "center-text": "true", color: this.theme !== "turva" ? "secondary" : "secondary-turva", variation: "plain", margin: "none", accessibleLabel: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
                 ? this.processedPageLinks[this.processedPageLinks.length - 1]
-                : undefined }, h("div", { key: '4fffc0cf1c3272ba864a279d7d358f17d0ea71aa', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: '7aeb378f34c1a3a5d7634dba9954fc313e1a2a5d', class: {
+                : undefined }, h("div", { key: '78cd1fc5457e7f3196d53dfc08e6fca9389a711e', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: '5d76476a62efbb068ca0c6a1cff04e0099c395ed', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '692fb6352c1cfab7cb27e15196eae4cc492b4596', disabled: !!((this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '3209c80c6eec5207fc6a37af528397eedf2f0f70', disabled: !!((this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
-                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: 'cc45b6cc3f4e6ffb875ba66c879122404305370d', class: {
+                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: 'bf2ed784874ca4a76e96fd6d6b05f448c8485e6f', class: {
                 "duet-pagination-page-button": true,
                 "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '3028a4c627308fd49384465465882bb4fd9be7f6', disabled: (this.current === this.totalPages &&
+            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '85815333b5d1a0ab326e11bc457240284557d92e', disabled: (this.current === this.totalPages &&
                 this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
                 this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
     }

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

@@ -32,7 +32,7 @@ export class DuetParagraph {
         const color = getColorByName(this.color);
         // aria-describedby is to fix accessibility issue in Chrome where duet-paragraphs
         // are not announced when placed inside duet-modal
-        return (h(Host, { key: '3cf5f2bd4aeee4bd1c6314a7ac8d54539a87b895', "aria-describedby": this.id }, h("p", { key: '1f9c9162b385ac72e8a47f7f80b69293ea6bfc78', id: this.id, class: {
+        return (h(Host, { key: '4cdc1e2db953dc363eb77f14bf5c8473cd22c7ca', "aria-describedby": this.id }, h("p", { key: '6fc77faf20566dc0442bb36f20079aeca48ea41f', id: this.id, class: {
                 "duet-paragraph": true,
                 "duet-paragraph-small": this.size === "small",
                 "duet-paragraph-semi-bold": this.weight === "semi-bold",
@@ -40,7 +40,7 @@ export class DuetParagraph {
                 "duet-m-0": this.margin === "none",
                 [this.variation]: true,
                 "duet-theme-turva": this.theme === "turva",
-            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: 'd5c6a5b6d69f600454a85ad01f39406fd57b7188' }))));
+            }, style: { color }, part: "duet-paragraph" }, h("slot", { key: 'df2a9f9c672fe560e62f97addbef69d72b13fefe' }))));
     }
     static get is() { return "duet-paragraph"; }
     static get encapsulation() { return "shadow"; }

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

@@ -277,14 +277,14 @@ export class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (h(Host, { key: '4754c8522cdd93a4e90398840cb321821636b489' }, h("div", { key: '45ceb31093aa93bf21e61daed2c77c4ba816556f', ref: element => {
+        return (h(Host, { key: '28c5e0e22a1dbbf5ee9bf81e54b75ca0c7749eae' }, h("div", { key: '0317bf8bda1b57bd2bf509bb54b34209d81f79da', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, h("slot", { key: '88dde9607c352adc70eb6a27b5fab917585cef1e' }))));
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, h("slot", { key: '483a49bb29aac53e169c9b14432b8135c0e50b9d' }))));
     }
     static get is() { return "duet-popup-menu"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-popup-menu-item/duet-popup-menu-item.js

@@ -66,11 +66,11 @@ export class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (h(Host, { key: 'd8a0f9f62ecc1abedce8431e27331ff3d88f4c24', role: this.accessibleRole }, h(TagName, { key: '998d7156c8a1e789405240a5927923e83130eb48', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'db04fcce497b69525b6dafe5179aaff15a61a98f', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: 'f67feb833576c6272f80097877c16cc0c68f41f8', class: "duet-popup-menu-item-label" }, h("slot", { key: 'bd8abe74d51a7398ab7ba70813dc1449ad5e0bb4' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: '3f75ee757d5ff1b5fa9055b897fd51c31f6919d5', name: this.url && this.external
+        return (h(Host, { key: 'cba4450c5f4e743f1c54c4736930fd263acba1db', role: this.accessibleRole }, h(TagName, { key: '94c16ad9906c2ea626f186a405a044f8c0fdc38b', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (h("duet-icon", { key: 'bc37f155bb1a3c6e0519f1b673682840e7cc2838', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), h("span", { key: '641cb769d15e68d2e05893737b2712cb22916084', class: "duet-popup-menu-item-label" }, h("slot", { key: 'c4e79af7b0a972b68a6a30ca479d3fe49ec0ac57' })), (this.trailingIcon || this.active || (this.url && this.external)) && (h("duet-icon", { key: 'd5ae36ac91afb6b5f9a6bfe461a10b68ee0f916e', name: this.url && this.external
                 ? newWindowIcon.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: 'e716737df75eb8ee5512b2075e37ef539fe4ef2c', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && h("span", { key: '79631aaffd5c2b020ebc6f37f0770147ae8291fa', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     static get is() { return "duet-popup-menu-item"; }
     static get encapsulation() { return "shadow"; }