@duetds/components 10.6.0 → 10.8.0

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

@@ -181,17 +181,17 @@ export class DuetRadio {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '7042b59543dd4cf7627ca41b07a3fee3598c684d', class: {
+        return (h(Host, { key: '29c7e9f14ff4c754ebba4120c003a837a0ac32f0', class: {
                 vertical: this.groupDirection === "vertical",
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
-            } }, h("div", { key: '39a07c45edaba71d4380c430c48a9f8f2d5e6786', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: '5c3161f12b2def6f54245a063751ba5608fa13fd', name: "input" }), h("label", { key: 'a98ef594efee0f9ef478eb4163c4757dec88b3b4', inert: true, ref: element => (this.labelElement = element), class: {
+            } }, h("div", { key: 'd2408d28b5d18fd9f039e12263dfea29aebe3b00', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: '73c0247859265711e30f1b2aa9a6d88e8fec2d65', name: "input" }), h("label", { key: '03196671dde4b1ec067e049f1d9a10715fa48cda', 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: 'a1293298a68f71ccf0b6bba309bae33ff66932a9', class: "duet-label-content" }, this.hasLabel ? h("slot", { name: "label" }) : this.label)))));
+            } }, h("div", { key: '49caed7ab06483a88f1ec6e13b42d58bbd6d0c49', 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

@@ -158,7 +158,7 @@ export class DuetRadioGroup {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '02e9f8d2279ba0a17975acd1fbe2a47de0b0ab70', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: '47e6bc188d4c4e575d75d36367da122316d96bc0', 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: '18d3f763a86f215663b520717b293bf2310a8f6f', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '0c7ba1f9d7b007e9a7b410270305bfe7c8bb0a11', name: "tooltip", slot: "tooltip" }), h("div", { key: 'a10eb9b3e81d3d8bffb7105380f718da84c61f4b', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '9010cb8e811a5ee69fb6e03c9d1b44fa92f9c60c' })))));
+        return (h(Host, { key: 'b2b6d23b32ce0192c2793ac76f8178b4658abf78', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: '51275fe0f808f32e82bda0389f306546f006eb9d', 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: 'f12dac2f01fd32293e7d075e70ecedad6695709e', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'bb8d90fd7e329d57129fc7594ad6cd13e142fe3c', name: "tooltip", slot: "tooltip" }), h("div", { key: 'c49b8642d476b6b3a43d286481523adf573d5232', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '7a0f2eb3f85a4ac1803ae0be898aadc1360a98ea' })))));
     }
     static get is() { return "duet-radio-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -156,13 +156,13 @@ export class DuetRangeSlider {
         const rangeStyles = {
             background: `-webkit-linear-gradient(left,${active} 0%,${active} ${percentage}%,${inactive} ${percentage}%)`,
         };
-        return (h(Host, { key: 'e210a09d9e24ecda74f73465103e52fd0ef3e151', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, h("div", { key: 'c06f45aec60dddfd2bc63c0c37e985fb4892262c', class: {
+        return (h(Host, { key: '740ff7d06f193b8bfe148e68702228b0e969e177', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, h("div", { key: 'd401cbcaed967a4f946771a878893bbdf5b8b765', 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: '3c28b5f14ecf125f07146f93500cfc765e895583', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), h("output", { key: 'a87614cb264ff78db2d931ae109f6c982c057c9d', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), h("input", { key: 'efeb770492d9fb26cf60c72b9a5dda6de43dc583', 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: 'd19d2ae90fe8aba1b8894566f9cd1c445c56df7a', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), h("output", { key: 'c596df8a741761dd493cf18adf08f7f0f1f4b94f', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), h("input", { key: 'de318d3817d8f23921312361fe2f35fa9b79dc88', 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

@@ -196,10 +196,10 @@ export class DuetRangeStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'adfdba923ae5fd9a6dfba50fe1c4f55e3b87a865', class: {
+        return (h("div", { key: 'ee60a3b8c9a38eef22d54525e2173980f4471a80', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '4377af5c4c12a8fd56b793dc809cfa21aa2e7850', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '02f43f05ea407fd7d55a108dc6656e0f05490dc3', 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: '0b970f02212426d7e73e3fe136f14e2ff3c44879', 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: '802f99d51d6cab2ed946337466def72d9fdad351', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '396ccc56f5b5617029313bc1ade243103a5b1a2a', 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: '90f158af1224b99186b4b24b6089b37afa9264f0', 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

@@ -284,18 +284,18 @@ export class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '2f5fa75837cec7537480b0f5eac81c17cb26187e', class: {
+        return (h(Host, { key: '8c26c49fa79b5ae44744540e1910fc5cd23e2280', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '5764bbcb0703456241a485b5d588d65a3d1a8ede', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: 'a56b751635fce29f6cd1838c696267913e1a8bb7', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: 'f9f251d19c6d1a268b47f92f8b3cd894c95e07f6', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '50f2782ad08fd6caa181c7eaa25f7feef7c98a2b', name: "collapse-button-label" })))), h("div", { key: '52b2a5731b450693bb4b3a978dbdb2d7f14777d6', class: {
+            } }, h("duet-button", { key: '5dbff0b7fbcdc5be8d30276efc1d537e14715133', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: 'eba374d5ac518957c878f5c8b7610cc749776908', name: "collapse-button-label" })))), h("div", { key: '3aa49b4cc6c52939d07e56f53aa02f915cc94dfd', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
                 "duet-theme-turva": this.theme === "turva",
-            } }, this.buttons && this.renderButton("left"), h("div", { key: '8df63d3abb46a93cc86cc38eb801ef6a0843b51b', class: {
+            } }, this.buttons && this.renderButton("left"), h("div", { key: 'c85bf3929c372cbea0b8be43f5e9aa912ef0df2e', class: {
                 "duet-scrollable-list": true,
                 [`duet-scrollable-list--${this.buttonPosition}`]: true,
                 [`gap-${this.gap}`]: true,
@@ -303,7 +303,7 @@ export class DuetScrollable {
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
                 [`duet-scrollable-list--${this.buttonPosition}`]: this.buttonPosition === "absolute",
                 "duet-scrollable-stretch": this.stretch,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '5377464cb77bfd26de8b9cdea7c827e08b0db428' })), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: 'a5b51ed3a159ce2b580850e8973800c75af4b3d5' })), 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

@@ -24,13 +24,13 @@ export class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '4640f2d203680d402788b83e99eab0612d23d220', class: {
+        return (h(Host, { key: 'b94e0fb95034731dd6fa96fd68011589fef87858', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: 'df70de3be2c50ec188dc9aab16af90d6c45d6aea', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: '6424120aabf584d6b9f0c9e5dacae247f271ae63', class: {
+            } }, h("div", { key: '12e1c3868a43482d02a1e9103593015035dfce3d', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: '058f4850f071237d9fa1eb4eec97f760b8113a25', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("section", { key: 'e970057e762239839d30b4d710f4d25cd9b56a2a', class: "duet-main" }, h("slot", { key: '75bc9cc77d08d730e98e956dcec2c4ba15bf6274' }))))));
+            } }, h("section", { key: '6138f2dda261d7823a9b6b5db4e0c8c7d7e0a335', class: "duet-main" }, h("slot", { key: '3d190b45ea4e7c773c4c74c12486c802d8067536' }))))));
     }
     static get is() { return "duet-section-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -197,23 +197,23 @@ export class DuetSelect {
      */
     render() {
         const identifier = this.identifier || this.selectId;
-        return (h(Host, { key: '799e751c3066521f3910c7e2bc2f1b4f01a05f2c', class: {
+        return (h(Host, { key: '05edeb2d61b86141dafcb6a3a124497b41bb0242', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-expand": this.expand,
                 [`duet-select-variation-${this.variation}`]: true,
-            } }, h("div", { key: '8ec31867c99664d323116a2d157edf312eb876d9', class: {
+            } }, h("div", { key: '897d4e5471ec22b463adb6629b2d3c7ed2e4c8e1', 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: '9694bfe254e28f6410a09c0a29e8ffe90bcc197a', 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: '8fac7e29561cacaed838f86255b710e12cf1e10c', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'c118cf285f1596c85dd059fddfcd2a50fdb48a25', name: "tooltip" }), this.caption && (h("duet-caption", { key: '7876fa88354fffd01170deb8fa2f2e2fcd860fe1', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: '0cbf3b4fcf5157ff3c99be21f90207845dc0a12f', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: '46c2e4892c502a84b7fa294a4d7dfd89dd365bbe', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), h("slot", { key: 'c149307dc10d95ac9344429c7cb59afc8e7c8f1c' }), h("select", { key: 'f87920eea326497e41432be046c0a4bc2b881f82', 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: '5609b3644ed2101cc3854bce7dcb15f5bcc72c79', 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: '50c26fd239285a6a168f54f0974c94fa4d5ccc5e', 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: '3337a7a9d80314cd7bd69816200ea8adc9ed64cc', direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'e59013542be31c7f564f347ac36c6c58716c1fad', name: "tooltip" }), this.caption && (h("duet-caption", { key: '6f9a2f7d3b1891be67ef2d99320466d6b89d4945', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: '856cb3b0e207b4c440b9542c3aed96f5d35b3c3b', class: "duet-select-wrapper" }, this.placeholder && this.echoPlaceholder && this.value && (h("duet-caption", { key: '20ca49020566bd26705715a12279ad043ea0d40d', id: this.topCaptionPlaceholderId, class: "duet-select-placeholder", size: "small" }, this.placeholder)), h("slot", { key: '5d2dd785db740afbe15e754d2080f39fb93534fb' }), h("select", { key: '2e2f8e99ae58d570c4756ae8801ce5d1293ae806', 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: 'a6b868ec1eefe2c508c38a73a97d1e19f1e04f14', 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: 'b720c0d90de10217e72b8871927fe949302bce19', class: {
+        }))), h("div", { key: 'bb4b1ce4fcc1ced68464eb4e89e65b2f31d9c489', 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: '90a28c7ccb87098d9f4963e4b633f9ed73ce135d', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'aaf93f626f11f884d04a8ada7ac4c822859429a1', 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: '2bed857103ccb9dc5f21ef9c161afec22e38d417', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), h("span", { key: 'af52dc23224f33ed088274a5c2561508217ba5df', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), h("span", { key: '68d71610557182c9be1913478e6177b7a66388ab', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && h("span", { key: 'e49610ecbba0ae7e275e182bdfc0941d1870cdbb', class: "duet-select-error" }, this.error)))));
+            }, "aria-hidden": "true" }, h("span", { key: this.value, class: "duet-select-selected-value" }, this.getSelectedItemLabel()), (this.variation === "default" && (h("svg", { key: 'dd8a6f6455d08d562c17bc41295567fbf6c2b756', role: "img", class: "duet-select-icon", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'efc3261cede3e5ec10932481cd2a2415bb4ff6b3', 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: '973409781026e93c2b343a47895c2051152ccf66', theme: this.theme, name: "action-arrow-down-small", color: "currentColor", margin: "none", size: this.variation === "compact" ? "xxx-small" : "xx-small" }))), h("span", { key: '8c4375727be85a26ebc724cefb69600193a5a3af', class: "duet-keep-container-height", role: "presention", "aria-hidden": "true" }, "_")), h("span", { key: '184737a1361d67fc58be1e54e92ce17b1e9b9d9b', class: "duet-select-help", id: this.errorId, "aria-live": this.accessibleLiveError, "aria-atomic": "true", "aria-relevant": "additions removals" }, this.error && h("span", { key: '20bb85898431127cd66bc9b71ac18b99d9075ae7', class: "duet-select-error" }, this.error)))));
     }
     static get is() { return "duet-select"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,9 +33,9 @@ export class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (h(Host, { key: 'bc7cef36e9635c521aaabfc2fb434aeb06162417', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: 'dee81d6f9a48a4c8f09778feb1629e37ef7e5309', class: {
+        return (h(Host, { key: '7b1d056821d3a87f329524519264ae42642f79b2', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: 'cfee37d6e11b4c774057f6e93efc6b4411b4535c', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: 'c585a6c401f0dff23dfa95452fdafc5c1a6a6473', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'b2d811551b33952948948abb7d5abc4d34a6a129', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '1b81306ffb9c9c34a2301b952ed6894705f2cb03', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'de6e0992fec3395802b4ed7863e969b26405a329', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get is() { return "duet-shaped-image"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,12 +63,12 @@ export class DuetShareChart {
         this.itemsTotalValue = this.items.reduce((total, { value }) => total + value, 0);
     }
     render() {
-        return (h(Host, { key: '89abfd2c95426a08eedbb1d09d4394ea0267868b' }, h("div", { key: 'cbdab21514d3ebb70be42df8b110026cc09230e0', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items
+        return (h(Host, { key: 'cbf28a10c67b0f2b45f925b2fc1e3307eb28b417' }, h("div", { key: '5d21486e2571bf894d01ff990a144334a1c54690', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items
             .filter(i => !!i.value)
             .map(item => (h("span", { class: "duet-share-chart-share", style: {
                 width: `${(item.value / this.itemsTotalValue) * 100}%`,
                 backgroundColor: getColorByName(item.color, this.theme),
-            } })))), h("ul", { key: 'b4a9f997fc34340201a694935403f61fae0d7af8', class: "duet-share-chart-item-list" }, this.items.map(item => (h("li", { class: { "duet-theme-turva": this.theme === "turva" } }, h("span", { class: "duet-share-chart-item-color", style: { background: getColorByName(item.color, this.theme) } }), h("span", { class: "duet-share-chart-item-text" }, item.text, ":"), h("span", { class: "duet-share-chart-item-value" }, "\u00A0", formatNumber(item.value), "\u00A0", this.unit), this.unit !== "%" && (h("duet-visually-hidden", null, `${formatNumber((item.value / this.itemsTotalValue) * 100, 0)} %`)))))), h("slot", { key: 'a9cf601d34533e368d69ddc7f40adbc0b9c5b413' })));
+            } })))), h("ul", { key: 'd292d9aecfdbc152d1c2cc8beb81abb295580fe7', class: "duet-share-chart-item-list" }, this.items.map(item => (h("li", { class: { "duet-theme-turva": this.theme === "turva" } }, h("span", { class: "duet-share-chart-item-color", style: { background: getColorByName(item.color, this.theme) } }), h("span", { class: "duet-share-chart-item-text" }, item.text, ":"), h("span", { class: "duet-share-chart-item-value" }, "\u00A0", formatNumber(item.value), "\u00A0", this.unit), this.unit !== "%" && (h("duet-visually-hidden", null, `${formatNumber((item.value / this.itemsTotalValue) * 100, 0)} %`)))))), h("slot", { key: '12967cf08700fdf0fee3741b3ba552c6eb89d565' })));
     }
     static get is() { return "duet-share-chart"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class DuetShareChartItem {
         this.value = 0;
     }
     render() {
-        return (h(Host, { key: 'aa8f13f668d97b03cbe5aefed617945493e9cb95' }, h("div", { key: '11e8bc3d3a5ac3139982782b8f1eb6b8a3503c7f', hidden: true }, h("slot", { key: '005ad83f4d9dfb8577d850b61772efc58f06abba' }))));
+        return (h(Host, { key: 'a4f958f8110b3d7c6c18999ab4c96346923715e6' }, h("div", { key: 'e0253794e39235b6e3f93d475c7a84a21f9ae8ef', hidden: true }, h("slot", { key: '8ce6f29e00278febb2225437385987fcfac48eb7' }))));
     }
     static get is() { return "duet-share-chart-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -136,12 +136,12 @@ export class DuetShowMore {
      * Always the last one of the class.
      */
     render() {
-        return (h(Host, { key: 'd09f18e15e280f4a09bae1d89d8eb471c4b885a3' }, h("div", { key: '949dbbcd73eb37252f098b4bc3e169ec0e3adc5b', class: {
+        return (h(Host, { key: '9afe7d7d486b0149b0d7d0f2f565ebed0a06125b' }, h("div", { key: '68e86cab291190cd4e56871e3dbb8456a8e67a8e', class: {
                 "duet-show-more": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
                 open: this.open,
-            } }, h("div", { key: '5c78082532033803e3d40d1b855b73eb03b91416', ref: ref => (this.contentElement = ref), class: { content: true, "duet-theme-turva": this.theme === "turva" }, id: this.contentId, tabindex: this.open ? "-1" : "" }, h("div", { key: 'ee8ff8232b890ccc701009ceec3c1949f63c1298', class: { "slotted-content": true } }, h("slot", { key: '8c48e2cf5d3b4c62e03b1ebf3486041f30bd92dd' }))), h("duet-button", { key: 'f310b7cc5c62fd6300054a8147d0b8733ca6dee7', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.isSafariBrowser ? this.open : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: '059e01e1c0ea1424eaac85471b3d4a80258f3aec' }, this.open ? this.showLessLabel : this.showMoreLabel)))));
+            } }, h("div", { key: '3e95652047d8e72819869f278ae30a1c2c387f6c', ref: ref => (this.contentElement = ref), class: { content: true, "duet-theme-turva": this.theme === "turva" }, id: this.contentId, tabindex: this.open ? "-1" : "" }, h("div", { key: 'be27b4b6e37c644fc4022ab4b628adb4f220a08d', class: { "slotted-content": true } }, h("slot", { key: 'f0f1bb220a099f21340da94176c281667a8a5287' }))), h("duet-button", { key: '04759c15d2218db3332056e41d1ee5725237aba0', id: this.buttonId, variation: "plain", "accessible-label": this.buttonAriaOpen ? this.showLessAccessibleLabel : this.showMoreAccessibleLabel, "accessible-expanded": this.buttonAriaOpen ? "true" : "false", "accessible-controls": this.contentId, accessiblePressed: this.isSafariBrowser ? this.open : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown, "icon-right": true, icon: this.open ? "action-arrow-up-small" : "action-arrow-down-small", "icon-size": "medium-small", size: "small", margin: this.buttonMargin, padding: this.buttonPadding, theme: this.theme === "turva" ? "turva" : "default" }, h("span", { key: '6219f2cd6af88b56a9e829bf667e00565b7a8109' }, 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

@@ -302,17 +302,17 @@ export class DuetSlideout {
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (h(Host, { key: '0108b967b88b222c02678c818e16c9b7082e565f' }, h("div", { key: 'ede488f0a452f668d8762bf343aac847202eb4db', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '88e7002a39c769781f72cd680f4aabbf8a75a1af', visible: this.open, zIndex: "600" }), h("div", { key: '7f8a29e110f8be3f4575b66f7d374bd27b6e9eaf', 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: 'c5298a04c706d21901c666657d022fbf6ac2ccbf' }, h("div", { key: 'f449518506a39eb2112fe07828e9d345b225cb39', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: 'b6e2a80e4cf4e73870a108661bf73a29b41e7e85', visible: this.open, zIndex: "600" }), h("div", { key: '53b4cf1cef91b08e31c8c1a39d98a327c6d6f409', 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: 'e62a77fddb1231b075f5cd54cd1b882fe7d61976', moveFocusTo: this.closeButton }), h("div", { key: 'e6a1feee906e95af23c3f41c5a0b6871d8196a45', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'a91a16a339b6c51b7d34d4eb594c318662bf9a8d', class: "top" }, h("button", { key: 'daa5d0a898487a3da98b911c4ca57f5a4608d242', 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: 'babca49248ba28d1e2811593058ee32742712507', moveFocusTo: this.closeButton }), h("div", { key: '75123b9e195240e64ad91ca08d38f2b8333ae8fc', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '4d8806dd671066b064e4f7176332b756d654080b', class: "top" }, h("button", { key: 'f4aee0f201feb52d93f93d9a52a28912860c7614', 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,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '85ca78592d2f03801c02b30b2e23ca8153ebf7af', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '9c3b0cb1ca5f6528f62023b180903017fe8e7a08', class: "sticky-header" }, h("slot", { key: '6e09d463fbe87684f26f1bd778b9beaeeb105cae', name: "sticky-header" }))), h("div", { key: 'f8d0792c76b29d516beae014bbc4468b884370c4', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '548f982fcbb29297168b949fdeb169765ad3615a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '22bc0ca96855476ea148c016e7434be2beee9823', class: "sticky-header" }, h("slot", { key: 'ab6575d6303c56291d08d6276f150216de2e17d5', name: "sticky-header" }))), h("div", { key: 'cb6c393cb05fd8be1d487755cc123786e93ccfb6', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: '334688b5dee96e633747c6a8c38f5a5da6677e13' })), h(FocusGuard, { key: '129eea547ce75a8325c6aed5d3bccd6f6b380d9f', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: 'efd0a4ced368a63a52de97e6ca0416461d4e0dfc' })), h(FocusGuard, { key: '395ee2fb97043653972a9082f82f6a423abfcbfe', 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

@@ -38,7 +38,7 @@ export class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (h(Host, { key: '110365f6f4eb9258855cfc4f936a4953a56f2309' }, h("div", { key: '5553f593915deb08fb2f3cbe1ca6b9271253aabf', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '217672b8691657d2854df050f6cb56a794011fcf', name: "navigation-language", margin: "none", color: "secondary", size: "small" }), h("slot", { key: 'c43b3dc4a59d9b0cb5b3a765742b6671ae6f5125' }))));
+        return (h(Host, { key: '4553d896b4bfdb640ba3d098ea57128d964a19b6' }, h("div", { key: 'e296a886f0cb3243458c937866a41f2b4be3a538', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: 'bb80517845c1ee6384be27ed48efc598befb18b3', name: "navigation-language", margin: "none", color: "secondary", size: "small" }), h("slot", { key: '8bd61a2b46aa5d6f488d1ef61d260ca1f2d6c698' }))));
     }
     static get is() { return "duet-slideout-lang"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,12 +77,12 @@ export class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'dc6e16cb08fd3e309601ebfe4bd1b64cdb83fa3c' }, h("a", { key: '565a7243cf494ed6e8ec78435b3b90490dfae422', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (h(Host, { key: '0fa4145e0ed6826a49aafd34c4ca247e7f2960e8' }, h("a", { key: '8b44ab4f3639e42c46dd9868586eb42a6066f808', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
                 "duet-slideout-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [this.size]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": (this.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (h("duet-icon", { key: '61a9ba050ab811c82ec0f824e2235a4fd3c7bc2b', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "small", margin: "none" })), h("div", { key: 'f481a2e77aed5fa8e0781be21f7dd3527fc24532', class: "label" }, h("span", { key: '2e1a3676bac5ea9d24198535c3f56a1913485450' }, h("span", { key: 'c6d4fc5cfab9566872f9f7f442b4171f8e9f3849', class: "label-container" }, h("span", { key: '55332c9a4587cdef32f32cd2e740d2e9edcc19b3', class: "label-content" }, h("slot", { key: '94c66169219750becb8d9f068cd2744cb761bf3c' })), this.external && (h("duet-icon", { key: '5208591ea13aa8bf9b7f90ce40cb858de42a173f', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: '44418b62998ee7874f226014f4cdcd47a454a164', name: "description" })), this.caret && (h("duet-icon", { key: '052f984772e360db9890e2d5259bc8687732c00e', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": (this.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (h("duet-icon", { key: '7de46db5dc6aee8706a63e96c136aa36b3092716', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "small", margin: "none" })), h("div", { key: 'edf5b92481f2c7678b5e8d74dd08f62c60875593', class: "label" }, h("span", { key: 'df63061c436078c2decf3ebaabb2e7909ec6df2b' }, h("span", { key: '79e134bfc5b40595760793751a4dfde4b4895638', class: "label-container" }, h("span", { key: 'a69d00a9b25e5ff0a709c27bd5418691a20eb1e3', class: "label-content" }, h("slot", { key: 'abf04341872118d105d8703dca1566d6aa33f6ea' })), this.external && (h("duet-icon", { key: '695eb8fbfe860d0dc19475a255139f9c042ad9e9', class: "external-icon", theme: this.theme, name: newWindowIcon.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: '1587bcc9a12db87d4c4c153d6e938ca136acfedc', name: "description" })), this.caret && (h("duet-icon", { key: 'd40e0716e4dfa8a6b20fbeebb8c19b6868c11087', 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

@@ -174,25 +174,25 @@ export class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: 'fbd7429209de850f01c9de0266dc72f3b775b356' }, h("div", { key: '4557fd410088b0964d37d559659dc84775f91c25', class: {
+        return (h(Host, { key: 'd6f887a4066a57a089fbb66e8dcf9738025fcf32' }, h("div", { key: '9e4366a8bf2394467c60c58d9c6e28d3a73eeb70', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, this.badge && h("duet-indicator", { key: '7752c2550f1db28decc53457ffd25543326252cc', variation: "change" }), h("button", { key: 'ae2c1a996d362e9149fa4ca30ffdab94be68d401', 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: {
+            } }, this.badge && h("duet-indicator", { key: '8653c304ca1073549efb1b3b1e530c1d44a414de', variation: "change" }), h("button", { key: 'b5597ee44dfd1e7cd694670e16a6c89cfbac979d', 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,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: 'cbca67b1ec025b984b94bef89fadc9cc1da7d23f', class: "duet-slideout-icon" }, h("duet-icon", { key: 'b741ec1ced8ffb83a771d8d2594dc53fc03c0f6d', name: this.icon, size: "small", margin: "none", color: "secondary" }))), h("span", { key: 'a1357fa71e1c4a68a9cc68fe44e0b583aa99e6b9', class: "label" }, h("span", { key: '74d6c5d655727bc16f27783ceb6bdb987f0db273', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '59649775a8186f71318b4eb15234c9ab653e4e0a', name: "label" })), h("duet-icon", { key: '4d04a7b2554356e55c9771f626f7ddec2c0d0b6c', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: 'a85b7f26f2c8742f9508fabc33a762814efe2c26', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: '72c123b4d7dafd5c7f390c38422ec80206d0f2c1', class: "duet-slideout-icon" }, h("duet-icon", { key: '28a9b256bb5d354e8da1c5f7221781e727d800e8', name: this.icon, size: "small", margin: "none", color: "secondary" }))), h("span", { key: '202044837e321fbacb1ff3cee181a7bef41d0119', class: "label" }, h("span", { key: 'f638d3d0ef1668cf7d427de10ac54e74b39011db', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '3c854c284b0b9efb93e849ca20595949f8436e58', name: "label" })), h("duet-icon", { key: '05ab8ab345187d418d2e847ea7b9fb95b9df48ac', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '4997c8cf6f2f442211a671c1f996e7f0a5bad5b0', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: 'd490bd8e05eba04f62fec39b3adc4a1eccbec6f2', moveFocusTo: this.closeButton }), h("div", { key: 'fe6122ebc2685c788677e117e1d4f5867187f00e', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '4ef75f568f7dba81c6f83a78a3ec3d7bcd752d05', class: "top" }, h("button", { key: '279bc9fa5744a2fa5ca47ac96c668dde6e2b0191', 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: '3d7fbcc1526cc861f8b8ed25cd150cd0776e41e2', moveFocusTo: this.closeButton }), h("div", { key: '6263ee14fb4ed01b3882fd5aee6072085b4d2673', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '7129481501bde51cde421266fa427feb71d60e96', class: "top" }, h("button", { key: '9c9b4a36175962ecfd9d4d55315a6f7387dd83fb', 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,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick }, h("duet-icon", { key: '75687b7eab0a837dd81ad953a94e140c841de384', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: 'f9e44d04288188dfc6d48daf73fa55db5a813800' }, this.label.innerHTML), h("button", { key: 'b545c269d0be2c72fd8b09dbda7774e867965077', class: { close: true, "duet-theme-turva": this.theme === "turva" }, type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: '7953b1dc8766021775b78886a787f860a43d5a47', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '1a9ae12c349d77a5fa2431bc4ff4ef67ac7cfb17', class: "sticky-header" }, h("slot", { key: '83ff1bb883c4b4dc691fb66feb4d94d184deb0b1', name: "sticky-header" }))), h("div", { key: 'cfdbea08a5a492608a7c51a114584d225fb9463a', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, h("duet-icon", { key: 'd993b8b1ca9f1dd5246c09d0aa6c1e2af14f8404', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '7548145c9fefcb76a430cc3ab53c4dce08c0e244' }, this.label.innerHTML), h("button", { key: '05f09bf1036ae0db17edd1f0dccbc3e67a0d3e78', class: { close: true, "duet-theme-turva": this.theme === "turva" }, type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: 'eb271988b011397d50d77fb303e0902d987ea717', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '14aa2af7d6c1c6671056fed4a92d1982a24da715', class: "sticky-header" }, h("slot", { key: 'ceace8c522d5236bc7814d85aed1fefb88645c63', name: "sticky-header" }))), h("div", { key: 'a21d4a36e5a0d09ec6d2352c78a40ab9b7d26b94', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: 'add52c19cb2d07b884cf89221c7d274e8568a8b9' })), h(FocusGuard, { key: '5edef9782dbb6e21f309050ffde3aefe3fbacbea', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '59691db3416b43696ca5620275e7be271cc84595' })), h(FocusGuard, { key: 'd1840ad6416502b10cd8bfe89c091c5265fc89ac', 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

@@ -52,18 +52,18 @@ export class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'd9d5a0fb10d7b741720abfb3a6d2c89d9ef8703c' }, h("div", { key: '28fbb84a7341bbb0eb2943f886ba4ef4f4c2b3f0', class: {
+        return (h(Host, { key: 'b8179a5080947725342d197344710fbb8c99fee2' }, h("div", { key: 'dfb6f63b98b77618b5f556d2008bb2745c5164ac', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'eb769cad3c4b9c6cd6e55278a2a764ddfac78251', 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: '6a31f384af8ec340aa0d26d3fb18efe76855d18b', 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,
                 "duet-theme-turva": this.theme === "turva",
-            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'd78b626a5ff04513b4c5f706ffbc897a09d5c6d6', name: this.icon, size: "small", margin: "none", color: "secondary" }), h("span", { key: '4462c0ff6f10990d7c7831038b2aa8216089ad1c', class: "label" }, h("slot", { key: '789471a218c9e6e78f3b6e17290ba28b9310992d', name: "label" }), h("duet-icon", { key: '58a41b48fe383657c7ec09139c31945c6b51d7b1', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'b6126db96949f78288a01e35d3b7b266fef58ce8', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: '10ffc7f65f631843ec04d4a016061155033d633e', name: this.icon, size: "small", margin: "none", color: "secondary" }), h("span", { key: 'de2ae3fe7a4de7974c3b839d245449d8b7268abc', class: "label" }, h("slot", { key: 'e2f3a31a59d5baf185f7a49076b5fa47d2a9eba2', name: "label" }), h("duet-icon", { key: '654ec9b0d065f01e1f144c3de8838ccd9a16a38c', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'e14ff7d4a35724a16e4463d19c7ac7abfa1e2aa7', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("slot", { key: 'df9daef8ce3c9cb1b147c3d4797afce38b454d4a' })))));
+            } }, h("slot", { key: 'd2ccb0322e0d7b4a2bb757bd5d23cebfe60db960' })))));
     }
     static get is() { return "duet-slideout-panel-dropdown"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class DuetSpacer {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'b494dd7486aac50ad7c79b76b0476a66fb197a89', class: {
+        return (h(Host, { key: 'd6cd3738f2f7e8184419c36dab8844ba5bbb5e1e', 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

@@ -25,7 +25,7 @@ export class DuetSpinner {
      */
     render() {
         const color = !!this.color && this.color === "currentColor" ? "currentColor" : getColorByName(this.color, this.theme);
-        return (h(Host, { key: 'f8c4a6b68356300f7738d2c59038d47abdf54124' }, h("div", { key: 'a8aeaf976bec157057a095337bcad89d26eebd8a', class: {
+        return (h(Host, { key: '2bc7c46f85e5bc998bdacbd35c9c1446f69cbafb' }, h("div", { key: '7d7f56f381399e446b907acf07560819c0cbe769', class: {
                 "duet-spinner": true,
                 [this.size]: true,
                 "duet-theme-turva": this.theme === "turva",

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

@@ -85,11 +85,11 @@ export class DuetStatusIcon {
         }
     }
     render() {
-        return (h(Host, { key: '5ac9742af4e473a663ebf16a972686ae4f68f3a3', class: {
+        return (h(Host, { key: '1ca69dd10d6b02ca1861ed79ca6893995846297a', class: {
                 [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
                 "duet-m-0": this.margin === "none",
-            } }, h("duet-icon", { key: 'b0dcc778049ee9d2877e6a27019f288de08693b9', icon: this.getIcon(), size: this.size, margin: "none" })));
+            } }, h("duet-icon", { key: 'fa7ba272523dad56aca0e17ce988da0f737ba2dd', icon: this.getIcon(), size: this.size, margin: "none" })));
     }
     static get is() { return "duet-status-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -93,13 +93,13 @@ export class DuetStep {
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: '37dcde2a09c0e543e37af2938511c4e872d5cae3', class: {
+        return (h("div", { key: '410f3ba5a4c08c17e565dca5914c6397a8b4a9bb', 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: '60cc26eaba669788bb129ee58c8396455bcbe98e', 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: 'd8bf199c1d4708327bc68f2ca7ca34881e606d9d', "aria-hidden": "true" }, h("div", { key: '85d3a85ac2a10d5d890752aca579d63d307b2b40', class: "duet-step-counter" }, this.renderStepCounter())), h("duet-spacer", { key: '601144eff6f14bb9a339f50496acd851426e42f4', direction: "horizontal", size: "large", breakpoint: "small" }), h("duet-spacer", { key: 'cbee8cd26ef8ff6a7da62b4103ca125f2d507563', direction: "horizontal", size: "medium", breakpoint: "x-small" }), h("div", { key: '98021d88fc8448ed6f6a74b933c7bc0fd8f26ec5' }, h("duet-heading", { key: 'fd4de9e77b6d8bc773ca4431344cf97bdfe136be', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h("duet-spacer", { key: '1da55e5c04eca24aa75cc45977ddaa5d0de92020', direction: "horizontal", size: "large" }), h("div", { key: '300dddded08ecc1b218a501076f95f2fd9b8a233', class: "duet-step-heading-slot" }, h("slot", { key: '7a2cabe2f5d9855beb86893c4b9446217ba7725d', name: "heading-content" }))), h("div", { key: 'f1ea6a3b0bc0c6a2572e6912ec674c42432f5f56', class: "duet-step-content-wrapper" }, h("div", { key: '9bd2104be04904785340ecce44e3b91093555aad', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h("slot", { key: 'fa019373955fff315ba8324a011a6cdc64bdadd1' })))));
+            } }, h("div", { key: 'c32f962589b722dd4cdff4570236e5461844d9f2', 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: '534b449b0149f14c71c8a255e97f438f1fb534b3', "aria-hidden": "true" }, h("div", { key: '83026292f5ad4c4fd49cfb3eabd2788af1fd4780', class: "duet-step-counter" }, this.renderStepCounter())), h("duet-spacer", { key: '40bd8de5bb73973ce94b92840593dfa62db9652d', direction: "horizontal", size: "large", breakpoint: "small" }), h("duet-spacer", { key: 'e821c6539548079ca25a9bf9fb2a23c3514933de', direction: "horizontal", size: "medium", breakpoint: "x-small" }), h("div", { key: 'a30345d3bc25835f4f949a35cc5f904dddd23d89' }, h("duet-heading", { key: '5bff2f4ba60be7e1fc9055a5768e9833185ab3aa', theme: this.theme, level: this.headingLevel, visualLevel: "h4", color: this.headingColor(), margin: "none" }, this.heading)), h("duet-spacer", { key: '975fd245cc2446e5e5512e14d2321c52e14fb956', direction: "horizontal", size: "large" }), h("div", { key: '3fcc998e525a6466b3e3145ff3761785e90ec3b8', class: "duet-step-heading-slot" }, h("slot", { key: 'e9d50a730784ed9bd962dca7d877ad087fa4609d', name: "heading-content" }))), h("div", { key: '55ac85266d0d99b8395ea4767eb4ac2286803ec5', class: "duet-step-content-wrapper" }, h("div", { key: 'aba80e085e8739ac8c87c4e1ead392b3d1965017', class: "duet-step-content", role: "region", "aria-labelledby": this.buttonId, id: this.contentId }, h("slot", { key: 'e45dc448e50cc6a3a025de1c1869e1dca0591caa' })))));
     }
     static get is() { return "duet-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '6f441de1f6aa9336d4981a9727b0a5b79267ce06', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'bb37128420e9ec5b31375d46408fa6b201c23a73', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'e39cc64f5bcac69f03283de656b47440b8cd6141', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: '747ef3274ad5dda720a3632086ae1b240e6f30f8' }))));
+        return (h(Host, { key: 'ad7496622f65e7ea3efc00cd1d5cde5f83bee8de', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '6a48c6be81c8b46c82d4b3004b28ce5c7b50c345', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, h("duet-visually-hidden", { key: 'b121f34975d226d3dc3bfc78c30507d0d8ad359f', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), h("slot", { key: '6cc98ee6e6fde161ec959cceee943d8e13e9054d' }))));
     }
     static get is() { return "duet-stepper"; }
     static get encapsulation() { return "shadow"; }

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

@@ -131,19 +131,19 @@ export class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '3ff35419759d1a9ad9b6bf47beadc27a1e9b4fd5' }, h("nav", { key: '0c4826d0281672c9c4cd38467846e87300693186', class: {
+        return (h(Host, { key: '816ecf621e240e3cf6a2288aab18767528ef10b0' }, h("nav", { key: 'aee92ffb8c65faaa013ddfdf10c40ec4f467030f', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (h("button", { key: '686fb5823190f88c99fb23ef6432ac1585f6ee45', 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: 'c6d43080e7c320cfb23321f04aaf242a00d08a0d', 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: '5f09108a31bcd0f1ddd63396fd305151549aed05', class: "label" }, h("slot", { key: '30e775986f716fbad49c5c6d8470d2fe67e600b4', name: "label" }), h("duet-icon", { key: 'a78cf4548c27b73fcf82844dca0157dbcbf13364', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: '0194dee3ce095f88700eae27ff5a99868f9078c0', class: {
+            }, onClick: this.onClick }, h("span", { key: '724fe14b534bb7275701c6ee57f6eba306ed21ce', class: "label" }, h("slot", { key: '1e761ff10257510e5a44b581d3c6bbae8e3fd1f2', name: "label" }), h("duet-icon", { key: 'ca72a4a98873e59b5dfd602408c05913de7b7070', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), h("div", { key: 'beed4388ee3ff813baa6c1fe93c8bfddb6c7529f', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, h("div", { key: '8a79a253a3d22aa4f5f6d29888ce8ddc4481a495', 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: 'e294e75a427015c1cbbde13893a39ea85f1f7835', 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: 'abd6d1c3b5be7df89c5e315dda8a2a1261616f01', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: '45f3b141e48cc834563d75f322a9233fb738e673' }), h("div", { key: '81a672a413497e5e2f5889f8bad070cb7bfd01b7', class: "list-padding" }))), h("duet-overlay", { key: '6a77a27276d5fa07e17f2ca21ec0d62fa1b252f8', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, h("div", { key: '99cf2dbeac35681c212fa459d303036f74c6e66e', class: "list", role: this.mobile ? "presentation" : "list" }, h("slot", { key: 'fb30bed27a6b2d3dc7289043e4814b5aa076e210' }), h("div", { key: '09ccbcb5e99b2579ea961dddbdda729420d0f43f', class: "list-padding" }))), h("duet-overlay", { key: 'c95ed4b5f791d6c6cab6ade6fb4269a00dc4af1d', "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

@@ -108,18 +108,18 @@ export class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '9db89f3062b1138f1cbaaacd84a97026ff56c5ff', role: "listitem" }, h("div", { key: '0f9e619dc382e085278c5f36fc978241760b3e70', class: {
+        return (h(Host, { key: 'b51e8416e33625711e381e53bec0724889b3d4a1', role: "listitem" }, h("div", { key: '44c9b2f36c4579b75175240b1ab037d48fabed5d', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, h("button", { key: '1ecf4e3ee3775963e103647d5d76c7b4a59d0445', 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: '9142786ada48453874be341a2409d16c83e91347', 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: 'a8f70f3768575a3bca672d8918ba83a1077e9603', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'a53417b0ca2642132cf89acfbb1022b593c1a28b', class: "label" }, h("span", { key: '45fca6c9e11c261e27861f263dc2f200e1dfe15a', class: "label-text" }, h("slot", { key: 'cbda020e4fac6600b839cb9c70309914eb80c5eb', name: "label" })), h("duet-icon", { key: 'f4276eaab67b32aec06ce3f1f3b88541ade918f4', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '82c3d5e082beabeb0efc9d240c9d5d921f1b3f45', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (h("duet-icon", { key: 'e0dba09b06d16f60131bf1ac7744e7867e77a9c3', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'da38470a493fbbae28f1e9ab1217f63fa8106937', class: "label" }, h("span", { key: '64980453db932e88d8dfe8f88f28e1aa5eb14c66', class: "label-text" }, h("slot", { key: 'f8dc584414a25bd7ab46519ebc01e0b9f1892db0', name: "label" })), h("duet-icon", { key: '1ede41bfa5de2236c4f2d1dbfc3c470864710fca', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), h("div", { key: '18aec6f6c56e6b784c2e74fe652e9cce530b675f', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '77eaa9506cdf662ffb1d04163e20e1d55d59fec0' })))));
+            } }, h("slot", { key: '8dc7c90b3bf98db886ad26d888b54899eb399a29' })))));
     }
     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

@@ -49,12 +49,12 @@ export class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '1f3a52370b17848c34c4e5d67d2ea95e4d7c8132' }, h("a", { key: '5375c770391baab31637c149774f551bef8ebb72', class: {
+        return (h(Host, { key: '46fc9ecd76bd0715d98c22b8e9b0fc81fa13b151' }, h("a", { key: '3bd490d3d6485f2a2aa481cbcd294c76f18670ec', 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: '33cdb0067f000f88f498f6f09e051a9e52a7f08c', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: '9f3eef8e19ff33804e27a02abac519eae7511670', class: "label-container" }, h("span", { key: '3d4ca78914093332e94dd1dbad77128afd5c9fa5', class: "label" }, h("slot", { key: 'ee23c1e008fa9921e6338e6970a320dca9153819' })), this.caret && h("duet-icon", { key: 'c584820003432e257e36b9ba412f9b4685503730', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '9e91428c0825aed310abae4214ee7f7fb3f77bf4', 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: 'ad47b72b28599ba487f8c98ed70b01514e3e1086', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("span", { key: 'df8c68c67625c6c7c4ef9363225bdddc13946d6f', class: "label-container" }, h("span", { key: '2befba9fc4edcedfc11cd3554439fa795d8baaf3', class: "label" }, h("slot", { key: '0ff3ae9e9ea866cc6bf02cf51ef3c157101164b5' })), this.caret && h("duet-icon", { key: '5206b89fd11d42de2c5072746c8a0de5d01e8236', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (h("duet-icon", { key: '4ef4476f43c827135b27937299b87b29e8026412', 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

@@ -80,7 +80,7 @@ export class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (h(Host, { key: 'c675c500658117f8fa1fe3629f63caf42fa5cfc5', role: "listitem" }, h(TagName, { key: '444e618b383e220a1f564ae17479db6d34f2b195', 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: 'fd9700bf1c3d961a93743de0d869f484553b16bf', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: '0f4c3625759850d77add064f64408d776f1f46a1', class: "label" }, h("span", { key: 'abda37eff9b40128fcf46e0c81120eaaa5b0e260', class: "label-text" }, h("slot", { key: '2669839ad630664e4c309a77845668a80b6b807d' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'fc997b7d0c63d208f6a5e492fea73e1b30c86706', class: {
+        return (h(Host, { key: 'a6d866946b9ba85265cc7df4d98403697d619606', role: "listitem" }, h(TagName, { key: '32a6f64535cfb4468e4df774b840203265d183d8', 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: '49ecd11776943249f4563c1131a9f76dff3914e9', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), h("div", { key: 'b129913e594e27a973bd72edcb1cde1eb5cb3e1e', class: "label" }, h("span", { key: '0f6a39e368b2e40b6ba401586fc4daa9442cf8f0', class: "label-text" }, h("slot", { key: '00bfacd528e419c0e68e6d9c8040d36f0cc0b71c' })), (this.trailingIcon || this.external) && (h("duet-icon", { key: 'e44a9f410642e5acd3f79250bf80844393789527', 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

@@ -41,7 +41,7 @@ export class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'cee1435399e91c4d88abe58e3172d8093bf58796', role: "listitem" }, h("a", { key: '094e7647704343b0511d58f7856eba9f5449ba0f', 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: '85b33b8d9609e1962cbac3e9fb57bc648042c4e6', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '22bc415cdb1cb8ba85aa0ed47367985443675de8', class: "label" }, h("slot", { key: '2a2a7bdb82c185690ae5b73df3d449716ed80e6c' })))));
+        return (h(Host, { key: '61a7e1fc2b326138c7cfc134690d1c4f190fe946', role: "listitem" }, h("a", { key: 'd5322e03b0df04c31a0937d405679c24674b35d6', 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: '5f5def1255fed4d06a745760805a4d5305165c2e', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), h("span", { key: '5c0f68184f743f8252c0a05efa52fbd7b6bcd5c0', class: "label" }, h("slot", { key: 'd372e57f8d53c24773f8f0583e73194abeab8601' })))));
     }
     static get is() { return "duet-submenu-bar-link"; }
     static get encapsulation() { return "shadow"; }