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

package/lib/collection/components/duet-promo-card/duet-promo-card.js

@@ -53,12 +53,12 @@ export class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: 'cf0d6881f2f47a55a8143ca7b3456883bb2d772a', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '928893cdc7ec06b1d2c063bb97534847c647272e', class: {
+        return (h(Host, { key: '9cbbef0f84fc9ea0995f4efc404887a3d7fcb2b7', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '9dd49ad5394f7da06b48728c697953383359411d', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: '364938761185a64da7aa41156bc9537a98214cd9', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: '2c0cf1389b24e9f83d2ceaa0f8c9b7d61497be6d', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '1d0b3d4c573a508916a2764704371938cde06015', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '2b37c5cdafaed100d881143c347afb3c61001204', class: "pre-heading" }, h("slot", { key: '25a7c6af10e95f45da8d0b541f62deef43e1425c', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: 'd442b4843e6ef12edaf638fa40ea1dfeb7530b67', class: "heading" }, h("duet-heading", { key: 'a958109c2ee15936268c1f4d2442c882b2201f23', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: 'c0e6cfbc00e165a7d268e523f70fb9bd35319d74' }, h("slot", { key: '0486de64216f817a4beea3c033cc8358b1c5e0e4', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '290862c134b87ef88be10e76b8bbcdd4d3b81e4a', class: "description" }, h("duet-paragraph", { key: '62c172d0ca03aaf5a07eebc9ba746522b3ad4111', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '2e1aa4953e82e554989d540ea3457b4e3bf41ab1' }, h("slot", { key: 'e84b12f234411a1cc96e6e3162a1c0c18014dd2b', name: "description" }))))), this.hasActionSlot && (h("div", { key: '2fb7c4c6c1c6e1726ea7ae5b2dc98964523f7161', class: "action" }, h("slot", { key: '62ed799aa718b7dfe639a2c06e868ed5d019d881', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: 'c2b5c8a5e4ef259545158bac573a4c8886b42bf4', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'c4454d6d77a763e9b218ef80e36612106b8f445e', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '29407ebb77fb8476c8d809f4e79a3b1f358cf351', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: 'ac5d2e4aaef3010cf71bda6e27042f61fccb3729', class: "pre-heading" }, h("slot", { key: '33dead9d00d09fd214d33b3ee9f6845f56ca33d9', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '8236efa41a9c1d6f467bb203cb26b6d49b7ea6a9', class: "heading" }, h("duet-heading", { key: 'fa5e03a97c417d2949e8733bf47922b855795e49', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: 'dd4ced53071aef1ff71c5f1fac916bf69626c45d' }, h("slot", { key: 'a0137eac1c27d9571776388d2dc119a9ac17e994', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '75b0fd24b1399ac5b24bbb8bcf4a9de3366c578a', class: "description" }, h("duet-paragraph", { key: 'cc88387c1d90099543510e6340dbac160cb55a49', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '02328a4e2f140346c6acbdb616fc3cfb6c06b7d7' }, h("slot", { key: '0f693c364072b59acb520ef2eeae2fcda3801415', name: "description" }))))), this.hasActionSlot && (h("div", { key: '66dd94ac45bd090224ce22454abfb822bca0c057', class: "action" }, h("slot", { key: 'b9906bef566f51030ef45a227f468139d67f8e5e', name: "action" }))))))));
     }
     static get is() { return "duet-promo-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -164,16 +164,16 @@ export class DuetRadio {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '45b1545ee1fba45f0e798ecc8d00e3a1008626f8', onClick: this.onClick, class: {
+        return (h(Host, { key: 'd0e3f85414ec58c2ad43fc2b5270169f0215d135', onClick: this.onClick, class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
-            } }, h("div", { key: '08a710d7eba8d2d525f28914ee1a607772193aad', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: '0ae4454c2bbca3802ff1e39a9a8cc9fa8e5a0f55', name: "input" }), h("label", { key: '135a95b34307d57a9af5fe5768da8df2a74e7803', inert: true, ref: element => (this.labelElement = element), class: {
+            } }, h("div", { key: '53abf70ecca3cb7982df21e96daf3e534d9830ea', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: 'bb6b9872a4cad75a191a8ac5b1e7e0678fb8f2d5', name: "input" }), h("label", { key: '9ed92050ef44dbc0c78dc3e815ff9ab50d118c2d', inert: true, ref: element => (this.labelElement = element), class: {
                 "duet-label": true,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.disabled || this.groupDisabled,
-            } }, h("div", { key: '908ecfc2809c9ff575ded9cc37c034921d7c4966', class: "duet-label-content" }, this.hasLabel ? h("slot", { name: "label" }) : this.label)))));
+            } }, h("div", { key: '58c329e0c4ff19df4d30be153a66aac885dcc89d', class: "duet-label-content" }, this.hasLabel ? h("slot", { name: "label" }) : this.label)))));
     }
     static get is() { return "duet-radio"; }
     static get encapsulation() { return "shadow"; }

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

@@ -113,7 +113,7 @@ export class DuetRadioGroup {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'e516156e7c44831a8e14c4025a5533d4b2a4b7c9', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: 'dec5b7cb93bc57ea111b05a52dc0a3c2bf34cd79', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: 'e26e641c572e513574e148f6fb7132a6456a5692', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '27b29b5694912bcbac44b04c4842eaf18acfb941', name: "tooltip" }), h("div", { key: '6ddeead79d117c688fcb68166a7eecbd51f5b7df', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '3b8f61ca49010d8ebd8aed718c514a5e51f9feaf' })))));
+        return (h(Host, { key: '3a6b38dcbedc3d7de4f597f08f5a1d2edb58a1d4', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: 'd0dbe02e0ea371acaa38f790f1d2e3e9dc0b196f', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: 'a34345c14c27c8700ea94229d874ab8e33338529', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '69c039a5f7cc4fcb98c5f7e625326bebbc10f75e', name: "tooltip" }), h("div", { key: '48e785f3dcf8e2ed2fc5b77847cc351dc0d3fcc6', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '4c2428af487971b847ca3e704a878719629003a4' })))));
     }
     static get is() { return "duet-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-range-slider/duet-range-slider.js

@@ -117,13 +117,13 @@ export class DuetRangeSlider {
         const rangeStyles = {
             background: `-webkit-linear-gradient(left,${active} 0%,${active} ${percentage}%,${inactive} ${percentage}%)`,
         };
-        return (h(Host, { key: '0462822be845868f320cd128459db2c4dd0c3d9b', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, h("div", { key: '4dad1dcb14b05b79dad097337e2f99827eecaa1e', class: {
+        return (h(Host, { key: '98fe15c2f253a8bee32d5271e6de03605e669c28', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, h("div", { key: 'e2344803fd443a83024cf3fcfe9ed87d952d1038', class: {
                 "duet-range-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-ie": isInternetExplorer(),
                 "duet-range-disabled": this.disabled,
-            } }, h(DuetInternalLabel, { key: '90a4b100e8b76d1acb45eb27a611bba1bbf49a69', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), h("output", { key: 'e3bb3da27713b30b891522bb338688c03e26f630', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), h("input", { key: 'a47f6a94847e123d96917777681312c340cc2b0d', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
+            } }, h(DuetInternalLabel, { key: '0780aee7170b90a56e56e59abe19287e536ed531', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), h("output", { key: 'eef1575763000465607bb91eec29b4491df22660', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), h("input", { key: 'e38f080b37e93b2abc1ce740d413c349ce4c893f', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
     }
     static get is() { return "duet-range-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -169,10 +169,10 @@ export class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'e398ec0cf2d35150c78f4e3475fd7e4c95d646ad', class: {
+        return (h("div", { key: '72ad680e3e9c66bb07767d39809f1c9238e72e57', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '24a874579791e03416eb316216ea44c6d35d7e0b', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '13d2b13c96b44797b61192a0e99c63ec0098e7a6', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: 'd8b25262e3f9549252640e5479b83dd2c7ea4930', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '06a6d22a4872a4f52d52853769e886b5101016a9', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: 'a91caa95ba2262118e2d0a5615da3bbdc3cd456d', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: 'a03a4cdd46c44378b5e544f0a1287320a58cfc58', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
     }
     static get is() { return "duet-range-stepper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -222,21 +222,21 @@ export class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'b4198b556c21a0b793694cfc88c23d2ae01d50bf', class: {
+        return (h(Host, { key: 'a615541856004f499ebf50d5e5608767efb8b93f', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: 'c15a9e37829ff7f41eb5c90156f78086777a44d7', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: 'f94e6cbc5b8e816e690081c52850d86da9e0c7e6', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: '69ac59727a4efdf372e05a241e53f3f465278782', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '9ae0e03e390f546425e0c4a36ba4e1b14e9df548', name: "collapse-button-label" })))), h("div", { key: '693aa91ad582ae80b569a3d1c1cdcd6a2fd5b4fc', class: {
+            } }, h("duet-button", { key: '9bb20f2bf9d4cc10917024919804a036d69b28dc', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '02222171b679ea3ee4f6e931a37ba7ffb1670f09', name: "collapse-button-label" })))), h("div", { key: 'bfafba89bd0c00e36d3c71b7aea5a292f073316c', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
-            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), h("div", { key: 'f24739dbd27c222602e2aaf283e1ebdbc9a4af0b', class: {
+            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), h("div", { key: '8c8b72b33792da063fb60d24522ab10a242744f8', class: {
                 "duet-scrollable-list": true,
                 collapsed: this.collapsed,
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: 'a27f4a34f1c196b441eebf291c9cfd9e2a632299' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '80ac0420e2b267216fcddfe290981cfcb4a42efb' })), this.renderFadeOverlay("right"), 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: '7f434babace607653e64faabeddb9c27bb616862', class: {
+        return (h(Host, { key: '883281c4d36620c02a5129bf0869df95cfefb080', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '9fbdea587d94910e97eb9ecbea464c1778fc1ff8', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'f4c957ebabd014d3ebf626d7539f3542314ce0a1', class: {
+            } }, h("div", { key: 'ded8633d4a4715dc90e7c5af1fd541a12f2ee2ed', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'd95357d7a48dc127142e992a03093b3c702f48f5', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("section", { key: 'd803f587fb3f7f481d22d2a3e3566bcd85c7f98b', class: "duet-main" }, h("slot", { key: 'fb1c82948b2d25d0437c41743abf0f9ed666b4d5' }))))));
+            } }, h("section", { key: '02b0d5d37ad5d0d54cb35da96240641a8a215104', class: "duet-main" }, h("slot", { key: '451accf2ba4c6147d461b426821cf8dc60276830' }))))));
     }
     static get is() { return "duet-section-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -151,23 +151,23 @@ export class DuetSelect {
      */
     render() {
         const identifier = this.identifier || this.selectId;
-        return (h(Host, { key: 'bd1cd4a2660e45da2fb493044616763b5a3647ba', onClick: this.onClick, class: {
+        return (h(Host, { key: '847b57caa876d33226540190655ebad3853321a6', onClick: this.onClick, class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
                 [`duet-select-variation-${this.variation}`]: true,
-            } }, h("div", { key: 'aef18c8ba1ee18ee499b288ad547a75f5a3c50a9', class: {
+            } }, h("div", { key: 'cd440b3b4732daf0682e132f0d8882749b44fb58', class: {
                 "duet-select-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 [`duet-select-variation-${this.variation}`]: true,
                 "duet-input-top-caption-shown": this.isCaptionVisible,
                 "has-error": !!this.error,
-            } }, h(DuetInternalLabel, { key: 'bad0c8edb046095825421fe176015191b7804c48', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '3a0c6874942328e5e19044795e84ef6d0e07692e', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '55d0e7bbf1b6b3e3410ac285ad18e6da898849e8', name: "tooltip" }), this.caption && (h("duet-caption", { key: 'b1a9e77468369ff27a82b118969ea3b9f9a3fc8c', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: 'e270cb88ad9052b728ef03ead56f0252d2e8f462', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: '12930580f285581fe053b8ddf1324225c81f3950', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), h("select", { key: 'f73cfe41d22e6d9026f5d06ed065a72121a2b41d', ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (h("option", { key: '5619b544a3384c91cfba96da767d68fbcb7be961', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (h("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
+            } }, h(DuetInternalLabel, { key: 'f5a95e470436a18716d2e8776fdc3c797462cc17', theme: this.theme === "turva" ? "turva" : "default", class: { "duet-has-tooltip": !!this.tooltip }, color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '4596fd07d9e1e2b54c1a1ecd1a4b11d9a252d64b', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '534a7a1d55d25a1bac04d7e875eedea92b750401', name: "tooltip" }), this.caption && (h("duet-caption", { key: 'f6209eb669879a3ffd5e3f75c22635a3a43420cf', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: 'c3fdbdee82e459e1799fd579e9d9ef72e3875afb', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: '15f9255e6167fb72ef530e01b11d220684e46ba8', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), h("select", { key: '548ce61c3912e40c99466af3191224b2d11c1104', ref: select => (this.nativeSelect = select), disabled: this.disabled, name: this.name, id: identifier, role: this.role, "aria-labelledby": this.labelId, "aria-describedby": this.getDescribedBy(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, required: this.required }, this.placeholder && (h("option", { key: 'fce5373b96ac5d37357ddec517c50cac493005e7', disabled: true, selected: true, value: "" }, this.placeholder)), !this.processedItems ? (h("option", null, "Virhe valintoja ladattaessa. P\u00E4ivit\u00E4 sivu ja kokeile uusiksi.")) : (this.processedItems.map(item => {
             return isOptionGroup(item) ? this.renderOptionGroup(item) : this.renderOption(item);
-        }))), h("div", { key: 'f974bf3a78d2dcbfa73c9dd96577763e4a20baa3', class: {
+        }))), h("div", { key: '27bcfaaa3cb88cba2bd54a46bad51c2a1a077010', 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", { key: '9c3d42b8d018ae1297ca037caaf5dede76cb42e9', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ab5b8cd45262ba2b5a5e92d7ec6a2cec14e1b6e4', 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", { key: '84d2fce4fbc908844c0fb8c0b9250fa5793a699e', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), h("span", { key: '09ee517b4824e30be4b8be968d9340fc838ec766', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), h("span", { key: '00f904cbf78e346c9dbffb96dc135aa1af17922b', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && h("span", { key: '3512d2545bf3931a47320a8f84ef404df0aebdf1' }, this.error)))));
+            }, "aria-hidden": "true" }, h("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (h("svg", { key: '5ff56760239bbf6df5fd1196c431bb0d2922ce40', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'af31312140ff712064d8549cb23cc6132e72d1cc', d: "m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z" })))) || (h("duet-icon", { key: '662ea26357efc0545567b0878932aba619a02e8c', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), h("span", { key: '084a9edb74ffb5de18b3dbb737fd18feb04582ef', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), h("span", { key: '59fda925694a93e39fca62495ba1164a6a046ca4', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && h("span", { key: '40def81c304d6e95679f9078ebacaee423d2682b' }, this.error)))));
     }
     static get is() { return "duet-select"; }
     static get encapsulation() { return "shadow"; }

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: '555cbcb9c76cbda51c3c4cede13d764de7334c4e', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '11704c842ec39f85048625cc78eb3dac55c18508', class: {
+        return (h(Host, { key: 'dcaade25a4513e5f2d4d3bd518e2c799003d4275', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '780b2751e70e2ec3ab3d4b10944f35276cbce6f5', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: 'f4ebb6576b8d69bc929ccae1662a87bc7c2481c7', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'd7d83206a5d52dd0ec81ea25256ace0b0f68df6c', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '5f69b32a95213f6537bcee749c3dd150aa2d8e16', class: "shaped-image-mask", role: "presentation" }, h("span", { key: '7e86facd6020a261ed81bd150a1f2d6155c6cef3', 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-show-more/duet-show-more.js

@@ -90,12 +90,12 @@ export class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (h(Host, { key: 'e795502d610ccc4d9fb5e2820c6e50a58b1f1d9d' }, h("div", { key: '7f3dc284c84c60fea4742b85c080e43e4529b6f8', class: {
+        return (h(Host, { key: '7aabc68122e39e13570c288807ddf7217bf2c794' }, h("div", { key: 'd6624d52f08b44fd3a8bc120e4b91f27c7780930', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, h("div", { key: '7f2d9de11a429a5d9e219cdeb5835e2ea8be2c2b', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, h("div", { key: 'f10b510dd9a1369178d5bc4259d2ef55fc569e10', class: { "slotted-content": true } }, h("slot", { key: '21169537ec721827e96bd24710de3f5d6d81fa8f' }))), h("duet-button", { key: 'fd0aae5f657aeab52c5a9a49003e0d70c3644a10', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: 'e4996c3f3a786b12ef395679e892ccce7d84399d' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, h("div", { key: 'ae9e3f907c01acca68e65d494d95d5cb94fc98dc', ref: ref => (this.contentElement = ref), class: { content: true }, id: this.contentId, tabindex: this.open ? "0" : "" }, h("div", { key: 'b48162785643ad6cf19317034330292fb9b68d35', class: { "slotted-content": true } }, h("slot", { key: 'fbf4b3787e4da0aece2faa1572b17d2f90e5a305' }))), h("duet-button", { key: '607c79dca958f12c36b480232904934bfd75c2b7', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.open, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: 'fc42b31d2ecdc7f250776565b6dc19fba34d3919' }, 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

@@ -243,16 +243,16 @@ export class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (h(Host, { key: '7e5384e7a8da21a6bfcd4e6f84f8c0cb60d3250a' }, h("div", { key: 'a0ddecf72e05002132592afbea9ab503e8929698', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: 'bd9eb4bb301549c79486fbec4ec9cc3306001152', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '8bcb933d1862b16a784105144cbb830b085b7a37', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (h(Host, { key: '4642a8ace569ca295407eda479135ae7fd5617bf' }, h("div", { key: '7df49b85ec162cd738dca6cfcdac057a87bbdc13', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '71364dcd7bdac4d224eae40ef7b43ee2571a1adf', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '62eade96c8ad9c494d3843adc75b19b7ad18cada', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, h(FocusGuard, { key: '4f32ae824a9963b9324a6a75aec30a1ec3b9da34', moveFocusTo: this.closeButton }), h("div", { key: 'b3a2d23360f0080c3345925ab2dd3ba71726102e', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '346320e78d1b3b31cd27505873e27d9de14e7105', class: "top" }, h("button", { key: '70bd3ca676c250d31bf67ffc0cd4900c73d2e093', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: '2a3b77e3e65a92028c5dc3b787f85165e15eeb79', moveFocusTo: this.closeButton }), h("div", { key: '4b0dc292f4e488e4d0d0499c5c2c5e5cced54d35', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '6eabc63710bcbb2f2673eb2fe25bb5b88b6697bb', class: "top" }, h("button", { key: 'e697b74648bb04e0083b88d3bb8e808de86d7112', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
-            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '1aa814b1f9015483a3b4bc7f473b5aede84f3cd0', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'f11c81c8efcdca2ddb6cdc987e2e1f220d467398', class: "sticky-header" }, h("slot", { key: 'e0bf8ba236ee29c1f1b497df27b337ab1f96628a', name: "sticky-header" }))), h("div", { key: 'dbf227d18aed0d6d3db65db6522ffda1b69d8dba', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '9d03c80e89da1ef8a573fc482b7cc248e9c777a5', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '807b9077f797cde0ae3d59701d5d9cb5adecf989', class: "sticky-header" }, h("slot", { key: '2f1e747dad6226d8894931fcbfcc1716014e9a7e', name: "sticky-header" }))), h("div", { key: 'b14462c558ad7ec4030c461de80e604a9bd1204a', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: 'facef4d207e8df7c34a8aeca8595d832fd6de5e6' })), h(FocusGuard, { key: '5733820870caa0acd80b157d88b03ae1797360b8', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: 'ee510eec06bfef03ad124b9cd0ea5a26aeaad9cf' })), h(FocusGuard, { key: '64f7a35f2435307ca7572160445c4fad38812c87', 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: 'd163f56230650efc540cf21892239905271a775e' }, h("div", { key: '7b1d95d36da23db34a90055407a7f307ab0d4ffa', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '07ed0679705221e14ba5e20d0db83a5b3073a7cf', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: 'e847d0a2bf84e7099988d6bc9f6e59dfa0ba99d7' }))));
+        return (h(Host, { key: 'ddcf74f6f9956aed294267c44d303dd55fbe3787' }, h("div", { key: 'c2ba37177d4da127cda839a185f10e710fa15b27', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '2bd80d6e4172136199b09a0d253000cee7b32755', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: 'c5cd4fb6164fb66b1f29e54a22f3f5ce9d598313' }))));
     }
     static get is() { return "duet-slideout-lang"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,12 +26,12 @@ export class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'dbcb8bf6b8c65743fb716cbdda625cf4ea5162f8' }, h("a", { key: '542c9910bad183af64eff3b965ef1cec19b4ac7b', class: {
+        return (h(Host, { key: '027e3177eadbb7b1088621004a4f7f68408ac8e2' }, h("a", { key: '3b6ce366fa7b130eaa334549877432208a39f3ae', class: {
                 "duet-slideout-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [this.size]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'c192e191c1323e742022c48651a75c16017b4837', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: 'b0e214e358e524f13a884c78e1d78118b171e3ed', class: "label" }, h("span", { key: 'af8697663031dc729bc98cf7c15cd2d58a03f861' }, h("slot", { key: '84b1b365ac8fabcbf3c6451a8aa51caa18010aa9' }), h("slot", { key: '82b78e911b41cfd441fb9eab798093f6b726c993', name: "description" })), this.caret && (h("duet-icon", { key: 'ee835e2bd7427531239041e03b19ed4335b8ad74', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'bcdbd8ccd3efea6d4c8c5ba4ae777081aab436fb', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '2105537967051cfce46c9a186cb5f44d874cf93e', class: "label" }, h("span", { key: 'd39b5d6d226c4d63e12c15f3bdc90ff77ec4d403' }, h("slot", { key: '9281d4780b5f92907b6c714c398b1d6878f1ce2e' }), h("slot", { key: '3660468cfff291bab3a352d533e77daf9bff1ed4', name: "description" })), this.caret && (h("duet-icon", { key: 'ba4668517c998df298bd8935d4f25ef7ad4c6970', 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: '0318776fab9cea36b44efcbd8a066fc7a71aa59e' }, h("div", { key: '1d95822243d5c86ec5b5173e4e681b4146e4476f', class: {
+        return (h(Host, { key: '3cc575a27526f9eb936cc77fbd5d73fae704a02e' }, h("div", { key: '54f6df02833967cc73e36fea9e3bc054e9b6aa73', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'a45e36b09686a148c2ba62e9984627920710ecb7', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '2757a9e467ee80835f260ea3631fbe561f2aabf5', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: '6f2dee22c324bf4ead87048ebff2a20c47ca896a', class: "duet-slideout-icon" }, h("duet-icon", { key: '44e1cac15f61dab325132fcc3514c8e0354cc43a', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '024312ec408282554844e751ab4b49d05b96b548', class: "duet-slideout-badge" }))), h("span", { key: '283051aa5c3b14ee17ca9da70c094a57235e749e', class: "label" }, h("span", { key: '81b5642422add92e13dbf34d95a26c0588858de7', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'd44a3600f9a66a1768a530317ee8e97d61d7d5a4', name: "label" })), h("duet-icon", { key: '4e27c46508e15f8a57b08025121d7a30386fd7e1', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '0e7fce1743db4fe772c3165ea76ddd2b5215e3c3', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: '227406b6650708fc7fd1904d7c7d528692edaf64', class: "duet-slideout-icon" }, h("duet-icon", { key: '36401c7328497294e9c894e9dd6d27937a51c494', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '7e06124b0bd84ab528b325885bc3c0babbd08742', class: "duet-slideout-badge" }))), h("span", { key: '9a846cb510d44c0af591554b22f23efab9560448', class: "label" }, h("span", { key: '6307191c9aa066915943fc6111c8c9de795c13cb', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'c52bc96f6bd93f8183fd8f05d551218a0f67e637', name: "label" })), h("duet-icon", { key: '74c42ebef00e4feeb6205718db4b7ef1315d3855', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: 'bc171acb5cbbe6c929fdb639dc3aa6bfb11740b1', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: '40a3ed99c1bf1bceb7378326804d3f5e76a2caf0', moveFocusTo: this.closeButton }), h("div", { key: '513ce8191e12b73aa0ec22360499905c9a120aca', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'f6d518848785f147415050e356dcfe42e00e64af', class: "top" }, h("button", { key: '6c6d3320016eeabed6b06b5d997bf0fe871b7d5b', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: '4db620b5032b9f8b5f37a4ba07ad387fc38b680f', moveFocusTo: this.closeButton }), h("div", { key: '8a4b956558e630cf3ab6b148a94bfbde4300b7ea', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'ddd353e3cf2e9d4d938cd9402e440459a64809af', class: "top" }, h("button", { key: '7fcb43d03e0a15af4a12f67e7b2810efb595d02b', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
                 back: true,
-            }, onClick: this.onClick }, h("duet-icon", { key: 'e68686b85946c9e54babfb2aa7012e37048b6a23', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: 'b2082182002d6fc1687fdbe1a75c30a62061a083' }, this.label.innerHTML), h("button", { key: 'b6cfea3156d9398f6ff290c6abbdbdff55a16edd', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '4f973e329f5254a4d6fbb230bb2e1c815d07fab5', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'b2f3ca3d5bd5e4881cfbe6acd61b8ff209408f35', class: "sticky-header" }, h("slot", { key: '9a1594cd89ffce28613a575b53219736fcf02bae', name: "sticky-header" }))), h("div", { key: '74a5a1eefa940a78f4904f118fbb22da52177d83', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, h("duet-icon", { key: '98891c6a2349246b457f003ed501770a2289afe7', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '1b052537ae01f496e1d175c6f99134048278c3fd' }, this.label.innerHTML), h("button", { key: '8b4098001333b24d00d1dde0a39f9b6ee9b065cc', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: 'd0e70007d5554ddb18292fa3d90a136198c89c3a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'a3abfbd5e6b8616670c4ba95ba76ba89b5d84f70', class: "sticky-header" }, h("slot", { key: '0276df7b3885dfe4b806db392e6f1a2000df5894', name: "sticky-header" }))), h("div", { key: '20894d6bbfece88c8094cef54fede14b97469ead', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: '59168289af3be6afbf35af828da4800c1209809c' })), h(FocusGuard, { key: '688c55a2b0881c10204aa353123bc524c88a23b9', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: 'e6fa25439fd7062824cc0fae6b4c7cb2e258f089' })), h(FocusGuard, { key: '9cb7008c88d6f03f06a0e027c8fd174277b99fd6', 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: 'f7a1b3521e799c7792945551a66c1c295dd5ffdc' }, h("div", { key: 'd63da6a1f3650e633c97795042a7b34b8ad48302', class: {
+        return (h(Host, { key: 'd473e124378cf692756294cbc4b63ece1c24fa37' }, h("div", { key: '555568422a4a461d1687f9524152552d06214e81', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'ed40e8b4d2a431e4f578ea26583a70b8977d951c', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '54f92eef148b91fb1649a00e797489545b9c0ae5', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 active: this.active,
-            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: '44a4510103738db121e37e1d18f3a5f2484e7683', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'b2ce145800f498a7382885190458bb49205b7ada', class: "label" }, h("slot", { key: '6ce00dfcd2d2ef3ac62143b9150b80f1ecc9a69d', name: "label" }), h("duet-icon", { key: 'e6890351789e07002b0b9fc85d79baf6862bd239', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '81a201018140f6519e9ed18baec3855790ef4cb4', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: '5e2e285e54edbd2b5178e0caf582ad4ae63da2ed', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: '55fc2889f31dc259aea19bf6c758dcb38630feed', class: "label" }, h("slot", { key: 'fd41a86f0c71f73e589940ad8910143439f4f739', name: "label" }), h("duet-icon", { key: '35236f2cd06ad8fc37299319e1430bc92059fd12', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'd9b4c34b5e9ca0611f1a1eed1dda3fd2ad8627d7', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '473c54c7f46f6cb77f5656ff8c7d60106836aa73' })))));
+            } }, h("slot", { key: '746111498d9301b53d6a7d835296ab60e149eaae' })))));
     }
     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: '9983782e43b5323f7af87b3b18656794fa851208', class: {
+        return (h(Host, { key: '2aa5669c773f8841ad33637ee24c845c7eeb5dd2', 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

@@ -23,11 +23,11 @@ export class DuetSpinner {
      */
     render() {
         const color = this.color === "currentColor" ? "currentColor" : getColorByName(this.color);
-        return (h(Host, { key: 'dee78f5cd0044c327f345f8fc6f36a79eb92552e', class: {
+        return (h(Host, { key: 'f415bd43d421b7106fdbd90bd2c187879ff17c17', class: {
                 "duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
                 "duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
                 "duet-theme-default": this.theme === "default" && this.color !== "currentColor",
-            } }, h("div", { key: 'e896d825e335fa91c0b583b17fce6b5012fee1ca', class: {
+            } }, h("div", { key: '34b4c350a642f331b9776f5ce12e3c7a2990b3d7', class: {
                 "duet-spinner": true,
                 [this.size]: true,
             }, style: { color }, "aria-label": this.accessibleLabel })));

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

@@ -84,13 +84,13 @@ export class DuetStep {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '4824107e0acf23c2c8705c98bf936075b57f0832', class: {
+        return (h("div", { key: 'cf7f017c189308e969ac8fc319fff799b44b675b', class: {
                 "duet-step": true,
                 [`is-${this.state}`]: true,
                 "rounded-top": this.roundedTop,
                 "rounded-bottom": this.roundedBottom,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: '090c1ada985e57f936ac65154af4e1cde73cf820', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, h("div", { key: '2fe4d50db56975760a58c1aa4a326758fbceeac8', "aria-hidden": "true" }, h("div", { key: '9c2265041152125c05b017c65f432b9ec0c758d6', class: "duet-step-counter" }, this.renderStepCounter())), h("duet-spacer", { key: '3820e59fd9b9cb0b9618eed034474a90293f3985', direction: "horizontal", size: "large", breakpoint: "small" }), h("duet-spacer", { key: '9c3a323b02d4543d4791ba77a2bf90d2e0ed77bd', direction: "horizontal", size: "medium", breakpoint: "x-small" }), h("div", { key: 'a50916963ca0efc77a309f009255f283b5584258' }, h("duet-heading", { key: '637ef135f7d47160eba76bf7d736e0f0a8086282', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h("duet-spacer", { key: 'efe8ebfe55fbc93f526803ac66c469492967f21d', direction: "horizontal", size: "large" }), h("div", { key: '0974cb5ac0bb24d1cf9bd7a1bfa2eaac4a67f18f', class: "duet-step-heading-slot" }, h("slot", { key: 'f7ee80ecb5f96068f5dfc59f1a42cd17fca1f2c3', name: "heading-content" }))), h("div", { key: '31fab92932786d05ac222d35e3097b4f4d9a014d', class: "duet-step-content-wrapper" }, h("div", { key: '00679961075564d18dbd7faffa05618cf3dac572', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h("slot", { key: '898ad6c5810daff1adeb5d85ff6db990ae3d7c43' })))));
+            } }, h("div", { key: '2742f57e0e278b597d2fb9715b6b85207446064f', class: "duet-step-heading", id: this.buttonId, role: this.state !== "current" ? "button" : "region", "aria-current": this.state === "current" ? "step" : undefined, tabindex: this.state !== "current" ? "0" : undefined, "aria-disabled": this.isClickDisabled().toString(), "aria-expanded": (this.state === "current").toString(), "aria-controls": this.contentId, "aria-selected": (this.state === "current").toString(), onClick: this.handleClick, onKeyDown: this.handleKeyDown, ref: element => (this.buttonElement = element) }, h("div", { key: 'c32bbaed270ec8ea14228ca59f7077128c952b78', "aria-hidden": "true" }, h("div", { key: 'fee937f7b9f3ef92d303fa0502f29632558c3967', class: "duet-step-counter" }, this.renderStepCounter())), h("duet-spacer", { key: '8fa4deb09aaa709141dcfd6d4b8b2969840fb48d', direction: "horizontal", size: "large", breakpoint: "small" }), h("duet-spacer", { key: 'dadc92ff570d92e7e600918019ab84ea6f22ca36', direction: "horizontal", size: "medium", breakpoint: "x-small" }), h("div", { key: '412ba9538aea65069601a21a229a13e38a959cf1' }, h("duet-heading", { key: 'b85991761212bba3610b566a9cf48b28562859d6', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h("duet-spacer", { key: '7b28ba235ac2d4ef273bb4825a1bb53e4069150e', direction: "horizontal", size: "large" }), h("div", { key: '74230c5744cf324e8f406a8d0dfadce54f8cf82d', class: "duet-step-heading-slot" }, h("slot", { key: '74ef4c487e447ba8fc2dfa181a27d5bead1f7cd1', name: "heading-content" }))), h("div", { key: 'a4df2c7c64cbb35185b4d7665235a85d1c503ea0', class: "duet-step-content-wrapper" }, h("div", { key: '0a2fbd936f386294c6fe75bbacb3bd2b324a6311', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h("slot", { key: 'a748fceef07a8ec5cc280d1e7d655b3e9ae14860' })))));
     }
     static get is() { return "duet-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -88,7 +88,7 @@ export class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'a9fd058aba3edef3374cccd0a93f842c0f9aaeb2', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '0669c1d5037caa0fd14184e653d7bcd8bff5c84e', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'c129a1a808027193572c28b4708b9bc036b117c2', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: 'c6d77528bc6dcd5f9e3fd0d2a3ae62253fca0114' }))));
+        return (h(Host, { key: '082c93b48c5dfaadde04f9352ef6181ccdb38334', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '703904a5ecf2f0eb09c89c65639ec8ade1f674e6', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'aa4c9cec5585ee50da88bf4143ee998bbe98f9db', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: '708b76a314c85e496f66a12f9f578c2f97e8a96b' }))));
     }
     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: 'a63e21429e735858870de3a6c6b4f1d641ea0536' }, h("nav", { key: 'ec81c1ea9da9a6a1f976e4f809a44f5a0cc9129f', class: {
+        return (h(Host, { key: 'ea56c035a544993c18dce5a3164ee203e287352f' }, h("nav", { key: '9410059fc6de0b9ead6a7c387d0412f5a26b70f3', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '9c7afa7571d91d251c0a9ed320dcfaefe4ff10ec', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '27e0fddeffe5a7c093a5270e350236812c7a9c86', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick }, h("span", { key: '670e006fcab56b5057addd32c86e78c488a6a954', class: "label" }, h("slot", { key: '6aeb5157b136b0d51ea614df7170db9901d7159a', name: "label" }), h("duet-icon", { key: 'd7801a42f75a4b6dfde7c1bd197b5c4aafb7eb03', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'b527227c328438130d7ec32a80c7d9ac8ee472b2', class: {
+            }, onClick: this.onClick }, h("span", { key: 'da29ea7a5ceb616f6e727539e47c3a46b38a83c1', class: "label" }, h("slot", { key: '83fabbf6803d799627cdc4b7b427d07613fc855b', name: "label" }), h("duet-icon", { key: '16eba6cc2f9871260789c21fe184d6846ad7b199', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '1f722a24bf9a82cc6110a258db43df328947c3a6', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: '60bcdce4e176cf742905e6eb6e50d4dc8046b1be', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, h("div", { key: 'fc121e02816e700bf9bbb83a21ca202c4356a339', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
                 items: true,
                 hidden: !this.open,
-            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '69d9ea394265451a554e19db4e5105e21027a61e', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '95f8cedf2b0590010f0a6560531e9306350b2c37' }), h("div", { key: '780946443cd19822597df52bd006d3d3a30c2e5f', class: "list-padding" }))), h("duet-overlay", { key: '19734aa5ac1dd7c03192d3310518173fa8a43c07', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '6e43327f6bac2c8614ab0e18160248abc9038523', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '56d8860ecde5b13838f8951f7c3bc71d6f67ea84' }), h("div", { key: '1c57c208d07a9082d2c1f639c7a679a8c8cfa44e', class: "list-padding" }))), h("duet-overlay", { key: 'd6605341c64e6086535892c24201655ba260984e', "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: '950ec986065630156024e30fc4ff3808bd83331e', role: "listitem" }, h("div", { key: '8aa74d12b0b0e63f82062c705b61f3881a130ece', class: {
+        return (h(Host, { key: 'dbe67ca5e8969c25e00b21789ace2b3333fa9f83', role: "listitem" }, h("div", { key: 'af7f49d3f8004673eb2fbc5caacf125644257b1f', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: '06132dc834775c0f78a00690e71381f2f8bc48dd', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '6bdb9006795459b7fc8250e7e0b50c4dc3836f8b', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 open: this.open,
                 active: this.active,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '5808b4d746aacc6834d5c7cfc886cb2318ca11bf', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '4d1a960326bb00837cdffa7d7968d1a09c246656', class: "label" }, h("span", { key: '0b0fab9353193d5f65ba7a40474548653b0bd233', class: "label-text" }, h("slot", { key: '6270448ade06bfe7555500c63eba0c0dd4bc589a', name: "label" })), h("duet-icon", { key: '445ce13635b1ac94a6059dfa0cc74925bdb42829', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '72428c05d80b77b7443611c15548731847faf492', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: '7351a62029da296d445ae8cca2930853c4dd71ed', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '3e90e7c718f28a7aea7c0593a8316348ae45df42', class: "label" }, h("span", { key: '25d4bd4818e5946b36e5821b6f41beb2bc6b9e90', class: "label-text" }, h("slot", { key: '35c9b86fe5328041cbd228b5b54937dd5ead9682', name: "label" })), h("duet-icon", { key: 'b542830855f09f4386a00623e81188c3847314e8', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '884cca9d45a91703c9d39cdc27e9d7f576fd667f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: 'da23085cb0178dc3a796bfef1127aff57a055703' })))));
+            } }, h("slot", { key: 'c670ddeff29a0e408436e7be0f65f37047b6d5b5' })))));
     }
     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: 'a746efa1453d4cec928e66f4122f1a1b593e8442' }, h("a", { key: '6c959b9aad16526f25fa0f8c94d544e47850a69b', class: {
+        return (h(Host, { key: 'd9bf8b959631193d6f3f43b692c9676345ccee13' }, h("a", { key: '7d5b7455b0f524636ab19ce917e4455dc177ce70', class: {
                 "duet-submenu-bar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 highlight: this.highlight,
                 active: this.active,
-            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: 'c0fc8773a756787903d3e312ebabdae1f5854445', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: 'e3970bb855fdb008fe5c71d5b70ffaa0c95c6ca1', class: "label-container" }, h("span", { key: '615e56e9b3b4c900b96ae2e77435dcfd29a9a321', class: "label" }, h("slot", { key: '66142de58ca0b982f962787e57583acf2645acd2' })), this.caret && h("duet-icon", { key: '690f5210ff9271e47c36a9ec86fbe0c427a7e823', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '019e32fdb4672495348327df056ff55e5654c91d', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && h("duet-icon", { key: 'd7c3fd1e9b8a41b7ce6e3cd25080a91b0c7d6016', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '20d44dabb05864b92b0b22738eac84a5abf3704c', class: "label-container" }, h("span", { key: '9315948652add6e10e7da692b3e1a7c5d1951de8', class: "label" }, h("slot", { key: '6a3d5cab2ef53af7702050b635aa8499755ae529' })), this.caret && h("duet-icon", { key: '696c65250b22665f8f3dbf53e48b1fa143017995', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: 'ebbaa8d86e0b2b2316fe79d62a7792db28e1196f', 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: 'bbd6de093fd02cb675b6a27822e8fd64ae2e6e36', role: "listitem" }, h(TagName, { key: '857df988d8c2d9ee3c830455d97496903f43af24', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '77a2683b345776fdd073d562025d01ad7b42b8cf', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'e5e54d900b8e9861fd7f687c302a83e9a5d26087', class: "label" }, h("span", { key: '7b8893ae6bd4a6209763cd1e88606495db78f84e', class: "label-text" }, h("slot", { key: 'bd0380cd2eee95bed2c16884fdc77827a7748da2' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '94315f7a4d4ab2444536fec20724bbbeaee83a65', class: {
+        return (h(Host, { key: '9b58300e549e07f8d602bacb3f16cd612e84ffbb', role: "listitem" }, h(TagName, { key: '51335abf288a934ee2518e2ca05727cea7833bc7', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (h("duet-icon", { key: '35adf7829385efe26c9412bb25d6d28175a21922', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '0194c9310d97abac5f4a29ead95c975ab00c1faa', class: "label" }, h("span", { key: '8ec232e32e64fba21b3716e8f165cd36199c1673', class: "label-text" }, h("slot", { key: '8945c541d7ede0ff362d9b48f6066f4665aafc9f' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: '7f21d4325c823b403a5a4e04b73bb82241362ddb', 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: 'd500cddc2f019854bae1756301dc68ae23835b10', role: "listitem" }, h("a", { key: '3688cdd47046d93cae4ad667a348881d35449cb8', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: 'c620d6cac216344f07879ad271f2488f9e4a3036', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '82438bf5ee24adf621d9e342de9886829f193176', class: "label" }, h("slot", { key: '5ee0ae247c68b887845ce939e812e7923b994be8' })))));
+        return (h(Host, { key: '2d44998a36518c013b11ebacab17b616834ab27c', role: "listitem" }, h("a", { key: '848befb6c1d67cfe2ea4cd7c1431c15e3ebbe484', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (h("duet-icon", { key: '9344282a522be5d1ee0396e8fd93becd53d423a5', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: 'a4a42910fa379e78ebe4711a47ea8338dc5d53b8', class: "label" }, h("slot", { key: 'c2fcb5acc1c26e0fca2a087238f281f1e931dc09' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -93,7 +93,7 @@ export class DuetTab {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '82a68331e195880eaab4d0975ebe843c8b0383e8', ref: element => {
+        return (h("div", { key: '59ef255c0b4a74dfce1a9c826163b9d7e6bf2e6a', ref: element => {
                 if (!this.contentId) {
                     this.tabpanelElement = element;
                 }
@@ -102,7 +102,7 @@ export class DuetTab {
                 "duet-tab": true,
                 selected: this.selected,
                 "has-content-id": !!this.contentId,
-            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: '1c63bb93ad6c9c031569794c156568497ee28b27' })));
+            }, "aria-description": this.accessibleDescription, "aria-labelledby": this.accessibleLabelledBy, tabindex: "-1" }, h("slot", { key: '578fe62eaf0bc30216b55f128f04463b7fe5eb88' })));
     }
     static get is() { return "duet-tab"; }
     static get encapsulation() { return "shadow"; }