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

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

@@ -336,7 +336,7 @@ export class DuetChoice {
      */
     render() {
         const identifier = this.identifier || this.choiceId;
-        return (h(Host, { key: '769363c98f975c9f2881acdc911ba2cd28c36351', class: {
+        return (h(Host, { key: '6b043ca676b0915beba8f7395ab51da5e4b5cd9b', class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
@@ -344,10 +344,10 @@ export class DuetChoice {
                 "duet-theme-turva": this.theme === "turva",
                 "no-hover": this.isHovering,
                 disabled: this.getDisabled(),
-            } }, h("div", { key: '93dea4566ff9694947713e14e172c338ae0c8d8c', class: {
+            } }, h("div", { key: '0891860988aae6ccb6cdaba297bb752a056511ed', class: {
                 "duet-choice-card-flextainer": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("div", { key: '846c05b6a685ecba8be08d1c7bad60165452d98f', class: {
+            } }, h("div", { key: 'bce0c0ae884e3406707a4a4c369b4459d50c0093', class: {
                 "duet-choice-card": true,
                 "has-icon": !!this.icon,
                 "has-info": this.hasInfo,
@@ -356,16 +356,16 @@ export class DuetChoice {
                 collapsible: this.collapsible,
                 "collapsible-force-expanded": this.collapsibleForceExpanded,
                 "duet-p-0": this.padding === "none",
-            } }, this.type === "checkbox" && (h("input", { key: '033d896b5949802ed8031f649e5f82d438a59014', class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-label": this.getLabel(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.focusableElement = input) })), h("slot", { key: 'c9f2bf88993e31592ea467c16858bb8a57ac5e56', name: "choiceradioinput" }), h("label", { key: 'e038f367106ffd8712a0908d65d125b5f285a916', class: {
+            } }, this.type === "checkbox" && (h("input", { key: '89d5dd0ee3b36469a8dc76939682d6a9639d52a0', class: "duet-choice-input", type: this.type, onFocus: this.onFocus, onBlur: this.onBlur, onChange: this.onChange, disabled: this.getDisabled(), required: this.required, id: identifier, name: this.name, value: this.value, checked: this.checked, "aria-label": this.getLabel(), "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-labelledby": this.accessibleLabelledBy, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedby(), onKeyDown: this.handleKeyDown, ref: input => (this.focusableElement = input) })), h("slot", { key: '2745b90b9febcddd1617878dc85dbdca91bed103', name: "choiceradioinput" }), h("label", { key: '60293091e7005f427af03589faa2471a20a07dbd', class: {
                 "duet-choice-label": true,
                 "has-before-text": this.hasBeforeText,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.getDisabled(),
-            }, onClick: this.onClick }, this.hasBeforeText && h("slot", { key: '1b19e1fa3fcf5a3a3e16f5330a513adff661798e', name: "before-text" }), this.icon && (h("div", { key: 'cf7b7dba99cf4c93a0af8348841a548a0e4153aa', class: "duet-choice-card-icon" }, h("duet-icon", { key: '3adb65bb97bad88b84472b408c2c7582ad3e6012', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), h("div", { key: '8a85581545676b925ca39c614876f3cebb5553c4', class: "duet-choice-card-text" }, h("div", { key: '4baf1c808b3a8946f63cd5d64c135f29387910a1' }, this.hasLabel ? h("slot", { name: "label" }) : this.label), this.caption && (h("div", { key: 'd4d2e94b379c242853047e92b8ef3d02358d47ab' }, h("duet-spacer", { key: 'cb761b10de1afba742bcfb83cfcd0885e09d4da2', size: "xx-small" }), h("duet-caption", { key: 'f4238edc949718154d77c4a465d515b4eaeae3df', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (h("div", { key: 'e932cefc8acedea9b152c66d50bbe591be8cf04d' }, h("duet-spacer", { key: '1ea7940f74edb2bb99405091097530836c0412eb', size: "xx-small" }), h("slot", { key: '63fc4d2ad4a0f5d14666ff703ad4defaf2e950ed', name: "additional" })))), h("div", { key: '9ca502e4e6929ed03c09818909b708e6174392c9' }, h("div", { key: 'e2ec3f18108f7be37e7d38a3a8a6b7126ac37367', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && h("div", { key: 'aed8333ed8fcc374095721d94a070fec03761d47', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (h("button", { key: '209184ed7ae21002ff718c2efce27aa498db02d3', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
+            }, onClick: this.onClick }, this.hasBeforeText && h("slot", { key: 'ae4be026a3b09c369840065af56652403199f386', name: "before-text" }), this.icon && (h("div", { key: 'c7cb16471ff37dd3b02090dad05d7614f3d314bd', class: "duet-choice-card-icon" }, h("duet-icon", { key: 'addb288ef7d86b56bea8c1f332441a2c4cadb3d2', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), h("div", { key: 'b93a83dfd99fe82813d0daa25004ad9c5f4bb58f', class: "duet-choice-card-text" }, h("div", { key: '6c12ddc5fce7a4b360c8cd54f4c767cf3481af25' }, this.hasLabel ? h("slot", { name: "label" }) : this.label), this.caption && (h("div", { key: '2375bc05cb87c6aff0e56758c9f478103e3fde4e' }, h("duet-spacer", { key: 'ed9c38492bbd765fe2f7c8e00be12f022b21932b', size: "xx-small" }), h("duet-caption", { key: 'bd6ee17d7a87ee48ee817e3d22ae84f08ad1710c', margin: "none", selected: this.checked }, this.caption))), this.hasAdditional && (h("div", { key: '60864680b2473d89f940fa0cd8bfae6433838ae4' }, h("duet-spacer", { key: '303abb939ca6951fabf2e789877ce9fdc5192e68', size: "xx-small" }), h("slot", { key: '3c0f6a723591ecf194520eef02445741986e2ede', name: "additional" })))), h("div", { key: 'aab22344ed2b2b79259222456daed0c67007bd55' }, h("div", { key: '8414b4650724896fe86bb5883c29f25970fd5225', class: { "duet-checkmark-container": true, "duet-checkmark-radio": this.type === "radio" } }, this.checked && h("div", { key: '0fb93a9d51f221f5338009ab93ee9ed0dd840afc', class: "duet-checkmark" }))))), this.hasInfo && !this.collapsible && (h("button", { key: 'dd75d55f02a8b12d8914d92ad5fd09f7b16cd0f0', ref: button => (this.infoButtonEl = button), id: this.infoButtonId, class: {
                 "duet-choice-info-toggle": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, h("div", { key: 'eb76ae734893e6c9375d63a7ce73283437c3bf40', class: "duet-choice-info-icon" }, h("duet-icon", { key: '21eaedd36a86a68b74ccd1420dbe838f1e23d4f0', icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (h("span", { key: 'a681b8c754aa3d6e24a70f95bf7d7c6bf7d31f5c', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (h("div", { class: this.getClassNames(), id: this.expandId }, h("span", { class: {
+            }, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onClick: this.toggleInfo, disabled: this.getDisabled(), "aria-expanded": this.isInfoOpen ? "true" : "false", "aria-label": `${this.infoLabel} ${this.label}`, "aria-controls": this.expandId, tabindex: this.type === "radio" && !this.checked ? "-1" : "0", type: "button", onKeyUp: e => this.handleEscape(e) }, h("div", { key: 'acc75d0d4e81d63a1cadaf113f7a97727ec9b323', class: "duet-choice-info-icon" }, h("duet-icon", { key: 'dab37c8b277f1077f49ddadcd62a7b81e5590e0d', icon: infoIcon.svg, margin: "none", size: "small", color: "currentColor" }))))), this.collapsible && (h("span", { key: '2f6a4388ba251ee6e2d1125a5eed938899c730c8', id: `${this.choiceId}-collapsible-notification`, hidden: true }, this.collapsibleNotification)), this.collapsible || this.hasInfo ? (h("div", { class: this.getClassNames(), id: this.expandId }, h("span", { class: {
                 "duet-choice-section-visible": this.collapsible ? this.getExpanded() : this.isInfoOpen,
                 "duet-choice-section-hidden": this.collapsible ? !this.getExpanded() : !this.isInfoOpen,
             } }, h("span", { id: this.headerId }, h("slot", { name: "header" })), this.hasInfo ? (h("span", { ref: span => (this.infoContainer = span), tabindex: "0", class: "duet-choice-info-container", onKeyUp: e => this.handleEscape(e) }, h("span", null, h("slot", { name: "info" })), h("slot", null))) : (h("span", { id: `${this.choiceId}-collapsible-content` }, h("slot", null)))))) : null));

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

@@ -125,14 +125,14 @@ export class DuetChoiceGroup {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '0f05e4491b0ed604ed36ad5a20755a183f219e61', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
+        return (h(Host, { key: '1a1882dc018f8084af4b98bf1c1dd42eb6b4196e', onDuetChange: this.onSelect, onDuetChoiceReady: this.onChoiceReady, onDuetChoiceRemove: this.onChoiceRemove, class: {
                 horizontal: this.direction === "horizontal",
                 "duet-choice-group-breakpoint-x-small": this.responsive && this.breakpoint === "x-small",
                 "duet-choice-group-breakpoint-small": this.responsive && this.breakpoint === "small",
                 "duet-choice-group-breakpoint-medium": this.responsive && this.breakpoint === "medium",
                 "duet-choice-group-breakpoint-large": this.responsive && this.breakpoint === "large",
                 "duet-choice-group-breakpoint-x-large": this.responsive && this.breakpoint === "x-large",
-            } }, h("duet-fieldset", { key: 'c6b16eb32fa18224f1fca5450a1a00609ee0800c', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: '23ea892920b10486ec2ff7dc5c6893d4f4b58028', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '6f067a2d955d9a60728e5f8746650480d5719491', name: "tooltip" }), h("div", { key: 'e3bfaa0355f3eb50844f4e5a47dc02d0816380e2', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '8af6ad42073f04162bf0f7482e9987e1f386e7b5' })))));
+            } }, h("duet-fieldset", { key: '4e16e0509b823c92997d9f22bf0b760c5bab9584', label: this.label, labelHidden: this.labelHidden, compactLabel: true, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: 'ccca359a5153567adc4d64b1006700cd3c229230', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'b85ef08b02c0c4485c9051f84698b74d105ab2ed', name: "tooltip" }), h("div", { key: '76c59c3fdedd2bcbf0be91e55bffc45b1e18ae92', class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", { key: 'e0f5a4ae522a9d2b8eec286a9e40a4c5db764310' })))));
     }
     static get is() { return "duet-choice-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -105,14 +105,14 @@ export class DuetCollapsible {
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString(this.headingLevel) : "div";
-        return (h(Host, { key: 'e75871cb9a6fd0f3050c22c4ac9059c8daa8c2ca', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '4b9571caa365df133f607952f427d5f2662a61d6' }, h("button", { key: '29f111d38aeac967f9ef9e2696fe0da79b07210c', class: {
+        return (h(Host, { key: '41f36dde4e54009a1eb69c87caa20fe7174f54aa', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '2dfbc738dabf00e09f0dc410f340a2c149616e23' }, h("button", { key: '9cdec6df9a1ad914a9b1f7add28b4327a40026ea', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-collapsible-normal-weight": this.headingWeight === "normal",
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'f22a73bf54b611968e8e9ecfac22c4a5d912942a', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '3f1706b22520ee9e1856ba3d9bd8f4e04a026e20', margin: "none", size: this.getEquivalentIconSize(), icon: icon.svg })), h("div", { key: '88b89faf977d753d6d53f838d986b6ec567ed8e3', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '97304f5806f809b1d7e86306b60901ce96df2f8e', part: "duet-collapsible-after-heading" }, h("slot", { key: '0d37e9e85c477aa0f4b3f0f9b7209b429c917bd6', name: "after-heading" }))))), h("div", { key: 'cc27c3dca50171f016f3a0991a67f07334223f9b', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: 'b17cc5907e981ea030f3a070e6cad046e15af55c' }))));
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.accessibleLabel, "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '20969919d9bacce2a30a27f6b174a0d34ed2f87a', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: '8b1ce16944925dcbe76add2736fb4a9c2c4d8143', margin: "none", size: this.getEquivalentIconSize(), icon: icon.svg })), h("div", { key: 'ae5481e1aa50ea5752835acca560509f9e1ef31b', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '495b61f0b3f7d484f7af56bd8cde74b0fe6ae6b4', part: "duet-collapsible-after-heading" }, h("slot", { key: 'c95c048eba7d76b176a734ce678f9a26e124b495', name: "after-heading" }))))), h("div", { key: '291f50f458f1951bb540412845f77c3034969d7d', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '2b23d5343903b1fdb4e8977c1c6a1ab373928fe4' }))));
     }
     static get is() { return "duet-collapsible"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,10 +45,10 @@ export class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: 'ee161f82ee10fff2c20d0a1710bad6af28d693f4', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'b9252238696889b1c15f9c7ade693f7e0d28c5da', class: {
+        return (h(Host, { key: '5ed61598b80af8711f3d2f9eaa4fdecd21f25924', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '1cc0451adbb00abb3f21f72772afafc607645537', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: 'c9575adf25010f58a30f297b89355cf1c404a03e' }, this.name && (h("duet-heading", { key: '2158805949358fd34db41c0b182c384ea19e7691', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: 'f9372c59121b55e6247515dba14f557fd73a0c80', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: 'abf9dfb8a80916d11a756d51556f17d63ff3ccb1', class: "email" }, h("duet-icon", { key: '8ed9a810ce0a6523541e1f25221d6c0efbe04dfe', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'ebe066f4492bf29aa08c0ad4e7bffc3bc33da31d', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '95d380ceee42f69a6ed0f9d1c611a32a71fce355', class: "phone" }, h("duet-icon", { key: '785043c08e6fca93a358f385b4fe1a9fe52ce74b', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '3f798fe2fb406091faadec2e72b7da3ccced7b83', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '603dc620090b067f6798a117df506ba244163f3a', class: "call-to-action" }, h("duet-button", { key: '585f7cf08e0620af3af47ef41436a90d75aa48bd', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'f9c5a90f43159f6349b09b515bb9b75fc06bb7d3' }), h("slot", { key: 'aac7d0d9a759305ef4986cc11ce446f191f72133' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '18669b66f9db7ee238adfdfc6fbc051b8eddfe93' }, this.name && (h("duet-heading", { key: '47ef0fd1bd6d7f48668c8db2acb186776edb1485', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: 'b5810cd6f66e76919a62aff08048b053b5fcb7e1', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '8a769cdb536d5c6beb27c9ce4b6c4b582382997d', class: "email" }, h("duet-icon", { key: '4f6925ceb4dd1aa420856b88f60c49571a9275c4', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '21348f029d675509c0a0f2bbe8cd8488d20723ce', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '5567f627d05c5a4773885f41067d44977e923195', class: "phone" }, h("duet-icon", { key: '0acdaacb76ec2ff9ab686ae8745eb844040bb59f', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '402ad36efc575a97ab671058825c90b09bc0ad75', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '5ad0f70d4b0df654d19d4e47117d2144c76320e5', class: "call-to-action" }, h("duet-button", { key: '8f6f819df1e2808610de2e526e861a8af2220616', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '7491aa743dcd2c9c0c36d27e3c2b699ff8b3dd6b' }), h("slot", { key: 'ec876a8327e9c365021dcf5703d994caf048ad2e' }))));
     }
     static get is() { return "duet-contact-card"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js

@@ -40,7 +40,7 @@ export class DuetCookieConsent {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '61cde7dad29f6806c3bf5f598897ebab55a50c2c', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'acb59a9600f655eb3c485a7334dd078c03f82f56', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '5d1eb2561aef70174bb1ca9d11e44ae2d743a13a', class: "duet-cookie-consent-content" }, h("div", { key: 'ef24cb4ba0672188c6216da4007746b52fa46526', class: "expand" }, h("slot", { key: '7e170fcdf30814f4308ae952a2236e67b5fecf2e' })), h("duet-spacer", { key: '3155cd41922ea15d6543243292651832b353461f', size: "large", direction: "horizontal" }), h("div", { key: 'e6578866cc2ea81852778c514eb5c04f766a2dcc' }, h("duet-button", { key: 'dae7a5c4b619f93d19fbc3e72e0c782fbef9550f', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (h(Host, { key: '689e6e934833d5b1952ca793e3a1ab6348d0580a', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '0632d30885fd6a4fee5e2a27c3036377bddb87a7', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '2d8ee174ee56238b523a76ddabd1f8509a9a748d', class: "duet-cookie-consent-content" }, h("div", { key: '5477148aef761c9cf27ecf9881b2339271b4e356', class: "expand" }, h("slot", { key: 'b197d83da8b0abb133777f549dfab7f173e0dee5' })), h("duet-spacer", { key: '28c43b3724d64df6b911148cdf0d9de88aed7b0f', size: "large", direction: "horizontal" }), h("div", { key: '8a6d2e2f97ea12a9860b95692101fbc72aa3708a' }, h("duet-button", { key: '8642e8dccf5bd08d316245487af38820badf80ad', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     static get is() { return "duet-cookie-consent"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-date-picker/duet-date-picker.js

@@ -393,13 +393,13 @@ export class DuetDatePicker {
         if (maxDate) {
             maxYear = Math.min(maxYear, maxDate.getFullYear());
         }
-        return (h(Host, { key: 'f349fd70a53b7cd9729e6f4a519994e86cb60105', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h("div", { key: '3af25d99b276b29bffb5fb56e3807bd310a7b7b6', class: "duet-date" }, h(DatePickerInput, { key: '95cd7445820e3618f4e8553288a08a28c4013f5a', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), h("div", { key: '1601a61d1f4aae686581b6d232c996d6bd4b566f', class: {
+        return (h(Host, { key: 'ffbf4028a27b7ce50696f3735314e12b48644e83', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" } }, h("div", { key: 'be1ffaf5b189177ace8c0e537601247fb4c541e1', class: "duet-date" }, h(DatePickerInput, { key: '9f256d886f365c0ffb729b2e19d9695ae62d125d', hasFocus: this.inputHasFocus, value: this.value, valueAsDate: valueAsDate, formattedValue: this.inputValue, language: this.language, onInput: this.handleInputChange, onBlur: this.handleBlur, onFocus: this.handleFocus, onClick: this.toggleOpen, name: this.name, disabled: this.disabled, error: this.error || this.internalValidityError || null, role: this.role, required: this.required, theme: this.theme, tooltip: this.tooltip, tooltipDirection: this.tooltipDirection, labelHidden: this.labelHidden, placeholder: this.placeholder, inputLabel: this.label, identifier: this.identifier, buttonRef: element => (this.datePickerButton = element), inputRef: element => (this.datePickerInput = element), accessibleActiveDescendant: this.accessibleActiveDescendant, accessibleControls: this.accessibleControls, accessibleOwns: this.accessibleOwns, accessibleDescribedBy: this.accessibleDescribedBy, accessibleLiveError: this.accessibleLiveError, echoPlaceholder: this.echoPlaceholder, caption: this.caption })), h("div", { key: '083b96641cff2923eeb8b2a2811559674a3422a7', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-date-dialog": true,
                 left: this.direction === "left",
                 error: !!this.error,
                 active: this.open,
-            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("duet-overlay", { key: '96831a945399f6893f9e79d8aaa218bc02fe0a8e', visible: this.open, "display-device": "x-small" }), h(FocusGuard, { key: '9be207554c16e4a16118f5f36ae4bb64a9bad1f0', moveFocusTo: this.focusedDayNode }), h("div", { key: '20a4189123efcc2d4dced702d6d0fb7786de2479', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, h("duet-visually-hidden", { key: '3ad4621b49c92d3008920366eaea3d86075165d4', "aria-live": "polite" }, text.keyboardInstruction), h("div", { key: '05aa408db91c6f9af01134adcc7735f72065adc3', class: "duet-date-dialog-mobile-header" }, h(DuetInternalLabel, { key: 'c389ccaabf1427fa8e3c95e3d6e3d4d2d8886e80', margin: "none" }, this.label), h("button", { key: '91d67cff777873af7aee2764cfc1447b4e90437c', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, h("duet-icon", { key: '0a228d827ae9ffff2325163c45eda95dcca764db', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), h("duet-visually-hidden", { key: '7e3caabcab88f9f26acfd03c11d3e6f0ce198a76' }, text.closeLabel))), h("div", { key: '5588d1ba8e3f48fd340585d7c7e42096abc7e99a', class: "duet-date-dialog-header" }, h("div", { key: '72e458e1e52feb85527d09ff5bed9297104a512d', class: "duet-date-dialog-dropdowns" }, h("duet-visually-hidden", { key: '82b46e98af47e939e9c462ae9e89e7dbf65b697d' }, h("h2", { key: '5ffe7ed43d48807cbc4070b5ef130edf44c65b7c', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), h("duet-visually-hidden", { key: 'a3adba70c76a4e37aaa153740ce455b42efdd6cd' }, h("label", { key: '19fbfd0efc6efa48b4305a7d16949ef7d867a7df', htmlFor: this.monthSelectId }, text.monthSelectLabel)), h("div", { key: '7c1fab8f84e07002df8ddd2674f5cc78c872fbfd', class: "duet-date-dialog-select" }, h("select", { key: '4f66b02e6ba8ae82327c024bd2a0bb5fa244d4d6', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (h("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), h("div", { key: '979ca83f258b7cf38902554fec596ee9df4632b2', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h("span", { key: '00e5077816b80a68f32020074e8d848a3381996b' }, text.monthLabelsShort[focusedMonth]), h("duet-icon", { key: 'f4173da6638bd2d52b02ef8512f3201d34455e51', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), h("duet-visually-hidden", { key: '34ecaae386b30f78e10a37af7757f9cbebac5505' }, h("label", { key: '5cf0a3c7e8ca078e80ca46918b7fd4c981b6a799', htmlFor: this.yearSelectId }, text.yearSelectLabel)), h("div", { key: '51d3325c45e77f8df1574c96b27525ac13b950d9', class: "duet-date-dialog-select" }, h("select", { key: '3fbb50b63c06163b6529fd6acfa7c8e0b5aeec78', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (h("option", { key: year, selected: year === focusedYear }, year)))), h("div", { key: 'e15e16bf5d774d97ff915ab981e79e1fc0df08b4', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h("span", { key: '7d112442db2e32440ab4be7cecf8b427849d6ebc' }, this.focusedDay.getFullYear()), h("duet-icon", { key: '4d53be40feba0c07efa661626817f40e42588e3f', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), h("div", { key: 'a30130c0f3e97a3bf43919af86b7b029ef662c37', class: "duet-date-dialog-buttons" }, h("duet-action-button", { key: '572a31fff6ddf43e6d94a054eb3c9deb188c140d', accessibleLabel: i18n[this.language].prevMonthLabel, actionName: i18n[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), h("duet-action-button", { key: '443649deeff0e2f9c4ca9ecbf5f5522ad6a68218', accessibleLabel: i18n[this.language].nextMonthLabel, actionName: i18n[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), h(DatePickerMonth, { key: 'b9851b55c5898d04c9950805468cff2017c84335', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), h(FocusGuard, { key: 'c3d607ab65e9c2bf52946701cdbc9b5c5d20e716', moveFocusTo: this.closeButtonNode }))));
+            }, role: "dialog", "aria-modal": "true", "aria-hidden": this.open ? "false" : "true", "aria-labelledby": this.dialogLabelId, onTouchMove: this.handleTouchMove, onTouchStart: this.handleTouchStart, onTouchEnd: this.handleTouchEnd }, h("duet-overlay", { key: 'e996bbb11fb297a854c0b052a76bd901cc206b69', visible: this.open, "display-device": "x-small" }), h(FocusGuard, { key: 'fb326c88bc79b2fb26934d500ada890909df7353', moveFocusTo: this.focusedDayNode }), h("div", { key: '012cbf4ec8c8a86c8490df5858d0b51ce5cd8b92', class: "duet-date-dialog-wrapper", onKeyDown: this.handleEscKey, ref: element => (this.dialogWrapperNode = element) }, h("duet-visually-hidden", { key: '0a70e49f2bc2719fd766d604026711557e741918', "aria-live": "polite" }, text.keyboardInstruction), h("div", { key: '79509cb586c8498c5f450e63759e27d6dc10622a', class: "duet-date-dialog-mobile-header" }, h(DuetInternalLabel, { key: '4377e01f607d4de35728b1cdc8cbc298f6b19142', margin: "none" }, this.label), h("button", { key: '3287aeee04a35a036c1cdf5e93851cbb1b2a18d7', class: "duet-date-picker-close", ref: element => (this.closeButtonNode = element), onClick: () => this.hide(), type: "button" }, h("duet-icon", { key: 'dfcef3d22fa0a905e5b7de34da2c7c669d2e4cef', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xx-small" }), h("duet-visually-hidden", { key: 'cdf305c57bc94b51d148077ddfd30b3c29a989a0' }, text.closeLabel))), h("div", { key: '7e0171347a1da56e751c38f36de27f199fa2ec47', class: "duet-date-dialog-header" }, h("div", { key: '83306e6e3f77c536f522c30ad516423d90e4bf6b', class: "duet-date-dialog-dropdowns" }, h("duet-visually-hidden", { key: 'd12b4ec4e07e8c657a61c2e9fb944d0e87367cd4' }, h("h2", { key: 'ed4f5fa368effa1c5d0d49f0fed98c062ce66aaa', id: this.dialogLabelId, "aria-live": "polite", "aria-atomic": "true" }, text.monthLabels[focusedMonth], " ", this.focusedDay.getFullYear())), h("duet-visually-hidden", { key: '3049c56b3982abd6e9609e8bb39ccff0ff5fe4a6' }, h("label", { key: 'f81eb75848f18de93c98a21e2475545f5b18b11a', htmlFor: this.monthSelectId }, text.monthSelectLabel)), h("div", { key: '5cd66e4fbf36396e710f351fd7c36459a8515804', class: "duet-date-dialog-select" }, h("select", { key: '3dfa3aa9d7b96f84500d8af3b6c5dd6ff1325b20', id: this.monthSelectId, class: "duet-date-month-select", ref: element => (this.monthSelectNode = element), onChange: this.handleMonthSelect }, text.monthLabels.map((month, i) => (h("option", { key: month, value: i, selected: i === focusedMonth, disabled: !inRange(new Date(focusedYear, i, 1), minDate ? startOfMonth(minDate) : null, maxDate ? endOfMonth(maxDate) : null) }, month)))), h("div", { key: '1fb7b3f4fa0ecd6c9cf95613c50200df097e919c', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h("span", { key: '99a67cc02351674b14ffb24949672d2a02a48324' }, text.monthLabelsShort[focusedMonth]), h("duet-icon", { key: 'a7a4c1b2f6b361cd51737e60d59c26c97abe1a47', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" }))), h("duet-visually-hidden", { key: '49515f341552fba5f3151b093c2a5b1ddc53ee07' }, h("label", { key: '13f6235f20b354b5bece44b65e1b05f8dfa355dd', htmlFor: this.yearSelectId }, text.yearSelectLabel)), h("div", { key: '4bd86d771eea83a8bd24387e91b09baa8e1a22ad', class: "duet-date-dialog-select" }, h("select", { key: '027f699ba8c1da2af2525c937474e23595173ed0', id: this.yearSelectId, class: "duet-date-year-select", onChange: this.handleYearSelect }, range(minYear, maxYear).map(year => (h("option", { key: year, selected: year === focusedYear }, year)))), h("div", { key: '8b1b6158805a2bfac0bf1d11358d9ead7b053ef8', class: "duet-date-dialog-select-label", "aria-hidden": "true" }, h("span", { key: 'a49b7c229199f49a8e791d30c6164dfcb0a35b18' }, this.focusedDay.getFullYear()), h("duet-icon", { key: 'bc944c5c5d76c6f3fb6da35e5afa384d101952d9', name: "action-arrow-down-small", color: "currentColor", margin: "none", size: "xxx-small" })))), h("div", { key: '93a4f1129af6c3e723b951147d022243e053c3df', class: "duet-date-dialog-buttons" }, h("duet-action-button", { key: '5a13ca85a4fd737fedc9c7f5e623c3def16397ae', accessibleLabel: i18n[this.language].prevMonthLabel, actionName: i18n[this.language].prevMonthLabel, class: "duet-date-dialog-prev", onClick: this.handlePreviousMonthClick, disabled: prevMonthDisabled, "icon-name": "action-arrow-left-small" }, text.prevMonthLabel), h("duet-action-button", { key: '283fca10745ff21e1c0d0da2479121ef0d5ed890', accessibleLabel: i18n[this.language].nextMonthLabel, actionName: i18n[this.language].nextMonthLabel, class: "duet-date-dialog-next", onClick: this.handleNextMonthClick, disabled: nextMonthDisabled, "icon-name": "action-arrow-right-small" }, text.nextMonthLabel))), h(DatePickerMonth, { key: 'cc59e30b0a39e5a63682a2fb3da3c4080c7bc960', selectedDate: valueAsDate, focusedDate: this.focusedDay, onDateSelect: this.handleDaySelect, onKeyboardNavigation: this.handleKeyboardNavigation, labelledById: this.dialogLabelId, language: this.language, theme: this.theme, min: minDate, max: maxDate, focusedDayRef: element => (this.focusedDayNode = element), onFocusEnter: this.enableActiveFocus, onFocusExit: this.disableActiveFocus })), h(FocusGuard, { key: '9de58a8642b2f06882542924e86b3792f5bc54ad', moveFocusTo: this.closeButtonNode }))));
     }
     static get is() { return "duet-date-picker"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class DuetDivider {
      */
     render() {
         const background = getColorByName(this.color);
-        return (h("div", { key: 'c2cc3db06f08c31c90b7038ebaa32159765ae737', class: {
+        return (h("div", { key: '64511b39c68988b15d35f49ae4d6416b0937d6f2', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-m-s": this.margin === "small",
                 "duet-divider": true,

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { Build, h, Host } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { fieldSorter } from "../../utils/js-utils";
 import { isKeyboardClick } from "../../utils/keyboard-utils";
@@ -152,10 +152,7 @@ export class DuetEditableTable {
      * Render Methods
      */
     render() {
-        if (Build.isServer) {
-            return;
-        }
-        return (h(Host, { class: {
+        return (h(Host, { key: '3d5bf5011822ef87cfa0e0286c8cf91e8496bae2', class: {
                 [`duet-editable-table-${this.variation}`]: true,
                 "duet-editable-table": true,
                 [`duet-editable-table-${this.theme}`]: true,
@@ -165,7 +162,7 @@ export class DuetEditableTable {
                 "duet-editable-table-actions": !!this.actions,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("duet-table", { class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, h("table", { role: this.accessibleRole }, h("caption", null, h("slot", { name: "tcaption" })), h("thead", null, this.hasHeadSlotFirst && (h("tr", null, h("td", { class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (h("tr", null, h("td", { class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { name: "thead-last" }))))), h("tbody", null, this.renderTableBody()), this.hasFootSlot && (h("tfoot", null, h("tr", null, h("td", { class: "duet-editable-table-footer-menu", colSpan: 99 }, h("slot", { name: "tfoot" })))))))));
+            } }, h("duet-table", { key: 'ec986291dd0b4a8210449af3dd0f233e7ea5951b', class: "duet-editable-table-table", sticky: this.sticky, stickyDistance: this.stickyDistance, margin: this.margin, theme: this.theme, variation: this.variation, breakpoint: this.breakpoint, "hide-head-visually": this.hideHeadVisually }, h("table", { key: '1ae7b6227d4fb16d38ca46fcd3c164ba625cf18d', role: this.accessibleRole }, h("caption", { key: 'a78c14e03fad988f4b985eecb07674d90be9dafc' }, h("slot", { key: '3ab4a9d8f4f7a6818c4051e811d222bb31731fca', name: "tcaption" })), h("thead", { key: 'aca3450e23a6981df8a9bfefc6d4942914900138' }, this.hasHeadSlotFirst && (h("tr", { key: '95caf52351b79194f468e5f1b537e27514e3558e' }, h("td", { key: '35bea84e7baa12021a122bf6851d3a6b0a0105b3', class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { key: '6969c828d8f6717d2bc16daa2bb4d34225aacdcc', name: "thead-first" })))), this.renderTableHeader(), this.hasHeadSlotLast && (h("tr", { key: '64dc523c0369648863e076499b0ebb18f8f56ff4' }, h("td", { key: '64816f523901cd17e0f4481cb86e1596a0a079c3', class: "duet-editable-table-actions-menu", colSpan: 99 }, h("slot", { key: '6d69e2ee753e7dce6d3f47a7e7268cc5c0c10e12', name: "thead-last" }))))), h("tbody", { key: 'f5a526b833834a5d3601a479a9be3fd7de341d80' }, this.renderTableBody()), this.hasFootSlot && (h("tfoot", { key: '87bb8cfcad29c6033f95205666c0e09ae18f946b' }, h("tr", { key: '373cf5a124095988d9917422fd6c63da0bdd11b7' }, h("td", { key: 'ac6478d51c42552576d8e4f1708faebbec2d04fb', class: "duet-editable-table-footer-menu", colSpan: 99 }, h("slot", { key: 'b1257579708c35c4be3cb8148c63fd9d221ac8b3', name: "tfoot" })))))))));
     }
     static get is() { return "duet-editable-table"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-empty-state/duet-empty-state.js

@@ -20,11 +20,11 @@ export class DuetEmptyState {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'de95b8dde0a1b050210be7afc24bbd534f0cfc1a' }, h("div", { key: '2dde668c5bed949f10a84abb1e6108dabb5e12e8', class: {
+        return (h(Host, { key: '993a6ef0e6325e25bb547113748f9ddb5a564561' }, h("div", { key: '8a8d7bf1d9d47b9302566e1106f712a77049e1ec', class: {
                 "duet-empty-state": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-is-small": this.size === "small",
-            } }, h("duet-icon", { key: '0341402760ee9f9417e6c4716ac79831f4b2ef48', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '782e28c5c025f7f3aa7839d2fae882b0f159b2e8' }, h("slot", { key: 'fb7d4c425c9680cf0ea95048e16db7b566932941' })))));
+            } }, h("duet-icon", { key: 'b4fc41715d1bba5aa632b7d85916997d4ec33a76', color: "currentColor", name: this.icon, size: this.size === "small" ? "large" : "x-large" }), h("div", { key: '2d67fc5a87eab015934a6255187312023b906128' }, h("slot", { key: '66b103aa15ead0d1efeb6967798443edfc5c1d42' })))));
     }
     static get is() { return "duet-empty-state"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,20 +39,20 @@ export class DuetFieldset {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'ca59865ca0d6db9d10c70462818e285ec3208184', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: 'c89da8d67c7de257ae9409a4e54ee9812b4cb92b', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: 'c90be4dee8fe0279fbf6c4c3c928d137fe61f233', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: '3ad5f101a81531194d9f6524cfc75b3287f0d28e', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
             // NVDA and VoiceOver do not yet support aria-errormessage
             // once they do, we can remove errors from the aria-describedby
             // aria-errormessage={this.error ? this.errorId : null}
             class: {
                 "duet-fieldset": true,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("legend", { key: '036a03b77941dff9d7efc20417d373d71cc34ba3', id: this.labelId }, h(this.labelHeadingLevel, { key: 'cd0adcfea05900fd897c22362412a95c513b49e3' }, this.label), this.caption && h("span", { key: 'e10e9aab722d8171c79153380e4560f9ef3516e9' }, this.caption)), h("div", { key: '065decf08a99464352cd821eb3163a0ac558f026', class: {
+            } }, h("legend", { key: '213151ed1b0f84deb14a3e6a03b01bef9be36f6b', id: this.labelId }, h(this.labelHeadingLevel, { key: 'ab8f6890f78a7ae2c9b22e4c04bc38291bc5b164' }, this.label), this.caption && h("span", { key: '6aacc89f2c37744e16870ac20225109bc3313854' }, this.caption)), h("div", { key: '794ce3c1573e68c7cfb73d48ff7850511ac19109', class: {
                 "duet-legend-wrapper": true,
                 "duet-legend-has-caption": !!this.caption,
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, h("div", { key: 'e9ac0900cc8d721eb1e4b5e1be879c82e6e7f10c', class: "duet-fieldset-label" }, h("span", { key: '6c688a2ce71f8c756c42a9d4a9cf9405a1d89d12', "aria-hidden": "true" }, this.label), h("slot", { key: '7607eb09fce89802192ce8bcc0b7cf0ade619077', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '31677e80e585af8afa52abbe06f932e4a997bf77', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '46c3ed5a36d278084b31f59a6dfaa823e302dd8c', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '3b3227842435c8e6e6a646b32add95d18a7abad1' }), h("span", { key: '6b5656824bc1faabfe1519667e1e148b19703b02', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: 'f3399d78309f6caa9b62608e7e090b0684e1d012' }, this.error)))));
+            } }, h("div", { key: '96448a08b7e74689135328c41823d0041e0460a1', class: "duet-fieldset-label" }, h("span", { key: '2ee830f8dc815dc2fe7a5cdd28a7c8e587d00aa5', "aria-hidden": "true" }, this.label), h("slot", { key: 'd466637b64d4233f5dd1ed3695311a46d1e7e284', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '12e9e36fefa42445a363148a516db4f906e8f91e', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '543f734d48f22df932e73d2b9907e1afda57187a', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '34ebf937cbd6e396647aba6282a527698a8a0a89' }), h("span", { key: 'e810b0f8f8ab440f4a8956b72ab1a2a66bc04274', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '3cf4d71eb3ce812d1a5848961740a2b9c98f22a0' }, this.error)))));
     }
     static get is() { return "duet-fieldset"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-file-chooser/duet-file-chooser.js

@@ -38,7 +38,7 @@ export class DuetUploadItem {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '7dc8581b1c1cb947362a48413aa328ba66ed8958' }, h("duet-visually-hidden", { key: '7e5084aaaec4b91f34eb2e0902744751f3a7818b', "aria-hidden": "true" }, h("input", { key: 'ddc3d9e9c6fdb590a529fc506b291f6edbd07730', ref: input => {
+        return (h(Host, { key: '926fcc76b3ab1a4b3487828c7e8c2b2c27d99908' }, h("duet-visually-hidden", { key: 'bae6ad6046effdb6fcd799f7f4402b9b28a338c5', "aria-hidden": "true" }, h("input", { key: 'e7e5106bbb4de343baa858eb76739022df33d5d6', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,

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

@@ -116,15 +116,15 @@ export class DuetFooter {
     render() {
         const text = getLocaleString(i18n, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (h("footer", { key: '984434597100f2619e70f0fb78942e03971633ba', class: {
+        return (h("footer", { key: '1cdd005df7644fd86ab52f88c8b291a4a117c257', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '54916b84623acfa5541d9c4fd744405251657f4c', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: '1750f3f4dfdc27ca09ad5aeb8109bda2bd05ec77', class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: '2ae4978654a0581d936bf5ceb783983fff52f3f1', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: 'd7d006c75ecc0f652431fdab896396077bbbff14', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, h("div", { key: 'bb9d1aca77e745616b992c4c298987db3c17aea7', class: "footer-top-logo" }, h("duet-logo", { key: '6e7b06875f6fbe9c37ee62e55e998ed3a21a8721', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '21c24e081d8345e51e292e294a185ad6823e2353', class: "footer-top-right-container" }, h("slot", { key: '5432347d10fd601d8d676c3228f0695370f96db6', name: "info" }), h("div", { key: '27d2b49fdac1ab15bebcce259432bc8d9827a02d', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, h("div", { key: '6a782f5bba005411db4a29657a3015ebefae6bc6', class: "footer-top-logo" }, h("duet-logo", { key: '6309f936a91496f2fac4fcd69c81b6dd41b81414', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '09e751f50a0229013c3b7f5ddf3ff8c5ca0bd4e3', class: "footer-top-right-container" }, h("slot", { key: 'c5fbd7a8d9132a2858a811dad7ad6d94ad31249f', name: "info" }), h("div", { key: '15559c461dc869347b68b44dbb1b2c7df5d5bba0', class: "footer-top-items" }, this.processedItems &&
             this.processedItems.map((item, index) => {
                 var _a, _b, _c, _d, _e, _f;
                 return (h(Fragment, null, index > 0 && h("duet-spacer", { size: "x-large", direction: "horizontal" }), h("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:"))
@@ -134,7 +134,7 @@ export class DuetFooter {
                             : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
                         ? "medium"
                         : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
-            }))))), h("slot", { key: '2d0660ceb4c7f5696d1dddd46506d84ea879ed19', name: "extra" }), h("p", { key: '0c6ad47b06a8db2a3668bcb26a48d8f5e5c0e460', class: "duet-footer-menu", part: "menu" }, h("span", { key: 'e2540585ee767f554113a6f8d796b9ebdeed13ba', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '8fb63fa6bf02d4876aa2d8a555768a53bf168762', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: '8a21168dfc250e46ca4e16cd302108ca43b51dc2' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: 'b0a1683053d60ace83a92a07b2800649d4b976f5', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), h("slot", { key: 'f4c7a3476693477b5c53f3877d40cb13c2e37ac1', name: "extra" }), h("p", { key: '795ec0bcbffd0df07b2cfecc96e0bac31a20d7af', class: "duet-footer-menu", part: "menu" }, h("span", { key: 'ebbd1b69487f6b698001c92641354f27c28ecac9', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '4f9ab134874edfce12a01631556a49762592b84a', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: '6c299f198bdd74f1da639096ab73dc6b2e552285' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: newWindowIconSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: '7144f88dd4d2ca95506b609f77cfa752cda215f3', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     static get is() { return "duet-footer"; }
     static get encapsulation() { return "shadow"; }

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

@@ -119,7 +119,7 @@ export class DuetGrid {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'fd65566d78340fbb5446524cb7c18694f40f219e', class: {
+        return (h(Host, { key: 'cb5bd9c4309fb0032446255aaed26f0442596f07', class: {
                 "duet-grid": true,
                 "duet-no-stacking": !this.responsive,
                 "duet-grid-align-top": this.alignment === "top", // flex-start
@@ -146,7 +146,7 @@ export class DuetGrid {
                 "duet-grid-row-reverse": this.rowReverse,
                 [`duet-grid-variation-${this.gridTemplate ? "grid" : "flex"}`]: true,
                 [`duet-grid-template-${this.gridTemplate}`]: true,
-            } }, h("slot", { key: 'acc5ce23bb2454400755b6dac1f31db22d00877b' })));
+            } }, h("slot", { key: '809a8de54de8b002bda6ce79cee4a081fb61db62' })));
     }
     static get is() { return "duet-grid"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class DuetGridItem {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '89acf29883fafc4e79dcb26e288ae0b7540c43a1', style: {
+        return (h(Host, { key: '69107559554a11d43aeace87439dd5ee0983c961', style: {
                 "min-width": this.minWidth,
                 "max-width": this.maxWidth,
             }, class: {
@@ -43,7 +43,7 @@ export class DuetGridItem {
                 "duet-grid-item-br-medium": this.breakpoint === "medium",
                 "duet-grid-item-br-large": this.breakpoint === "large",
                 "duet-grid-item-br-x-large": this.breakpoint === "x-large",
-            } }, h("slot", { key: '44bf045264a1cfe27bd16f2eab6881a2eb7850b6' })));
+            } }, h("slot", { key: '17a808b61e7dd20826bed76c60721c3458d2a24d' })));
     }
     static get is() { return "duet-grid-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class DuetHeading {
     render() {
         const TagName = sanitizeString(this.level);
         const color = getColorByName(this.color);
-        return (h(TagName, { key: 'f606e3e4de6cf69ec6743328d4e9e8bbce5fe66b', class: {
+        return (h(TagName, { key: 'd6111a5efd3a6e43fc10dc2223468788376d74b1', class: {
                 "duet-heading": true,
                 "duet-heading-border": this.border !== false,
                 "duet-heading-border-solid": this.border === "solid",
@@ -44,7 +44,7 @@ export class DuetHeading {
                 [this.visualLevel ? this.visualLevel : this.level]: true,
                 "duet-theme-turva": this.theme === "turva",
                 "fixed-size": this.fixedSize,
-            }, style: { color }, part: "duet-heading" }, h("slot", { key: '57fe6321051376c1b8dd03ceb22130a79d916745' })));
+            }, style: { color }, part: "duet-heading" }, h("slot", { key: '4ee1f23ec7f6b46353e873baf5321b15de2e2933' })));
     }
     static get is() { return "duet-heading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -158,7 +158,7 @@ export class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (h("div", { key: '0c4038b005e7b453195addcd524b72d6ba2b3f86', role: "region", class: {
+        return (h("div", { key: 'e94f90e20a29e2d621f86ee213f6c2243d162445', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -176,17 +176,17 @@ export class DuetHero {
                 "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
                 "duet-hero-left-align": this.leftAlign && !campaignOrSection,
                 "duet-hero-narrow": this.layout === "narrow",
-            }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", { key: '2cb744f9d21aae8900369096bffd08e271402053', class: "background-area" }, h("div", { key: '9a6c181bff667af0cc99f16896ff702761736e68', class: "background-container" }, h("div", { key: '9d96ddb71b6ff095622a709796aca2c64b30deb2', class: "background" }, h("img", { key: '5c7b3ac41baf0186fc4f63bd9970bf16c2dc74dc', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { key: 'eb4469222c17d13a1fa751cb60da7292dcdf5749', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: '80278ce211fb2d3085d68ab1cb531d8ea7a01466', class: { "background-area": true, [this.layout]: true } }, h("div", { key: '73d1a5d1e768ae43b2c118c0b8b18e6855a116ab', class: { "background-container": true, [this.layout]: true } }, h("div", { key: 'e65bbd5ad6ee10717273740a1cf5f4f9e55bb069', class: { background: true, [this.layout]: true } }, h("div", { key: '006f31a8ec8a628d32a7a910cfffe9058a314a54', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: '655eb93298ed822cec744262497129f5470fdc52', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: 'fe646994943778c82b885c51ef0486aac015a99a', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: '685632469ce5465d35954d83b52463421bdfbf20', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { key: '377041432c9d2ed89fb8d76f9930a5d754464869', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { key: 'c2adf4a16bdc21724bbdbb99353fbb494632ea08', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: 'fa66a3685808028cb23b95c6f509995469cbef1c', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: '47590fda0e8e1d0342bdaa3f879e71b6d86c3873', class: "background-area" }, h("div", { key: '3a18024fff5df5404b8e8f4406dcbdbfcfc5017c', class: "background" }, h("div", { key: '159c2abcc696ca752a3d7657bd0714377dad40fa', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '3a56d7ab5ed83ec71182d607a79d4566953d8627', class: "brand-shape" }), h("div", { key: '4d0ee4bc1e28d66da1bcf2b0cb5cd47dcf1ae8b3', class: "brand-shaped-image" }, h("div", { key: '6e1345fbc0cf5e553df210e81c39de26e11c5714', class: "brand-shaped-image-wrapper" }, h("div", { key: '7ea88df1647ed0473e3c92b547118cd27c13e51e', class: "brand-shaped-image-bg", style: styles })))))), h("div", { key: '7f01db8e264b2e73a20426055b5a270281def01a', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: 'cd6ee31a587dc5728f1086208e34609c4cb41576', class: "duet-hero-image-mask" }, h("div", { key: '240753cdf68d85b41903e1d6134e83627c36ea20', class: "duet-hero-image-wrapper" }, h("div", { key: '6cafe1f5e91d8ec09c6deac64d10a2e18dc7dfa0', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (h("div", { key: '42d227de39c2c3c2f363d6254ad0443447f14b5a', class: "duet-hero-back" }, h("duet-button", { key: '417c38fa04a95e3fa3c050d338cab9715949ee26', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (h("div", { key: 'd2805e8c50587b1d9429e1fb547cd6bd3c2f0caa', class: "background-area" }, h("div", { key: 'c9a3b0cf5625a51b6aa1e1f6ed724af21f849843', class: "background-container" }, h("div", { key: 'b8b95accc3dc9da76f14f281dc2ab4bc02313342', class: "background" }, h("img", { key: '41740e87fe1763274cc824723be0a18fde8f913d', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), h("div", { key: '324aca6d2bb6f53c9fdba4b3f47d43f354a3db9e', class: "brand-shape" })))), this.variation === "product" && this.image && (h("div", { key: 'b31b3eb18d3a11bfbe0460ed69b8744732850bcd', class: { "background-area": true, [this.layout]: true } }, h("div", { key: '97fc7ad7186b000694d126a1cb3689224c662fac', class: { "background-container": true, [this.layout]: true } }, h("div", { key: '34a2a34d6ae23cdd9ff7b58359d63277c752c1d7', class: { background: true, [this.layout]: true } }, h("div", { key: 'fcd72c89b529c5fee2e7e8028fa190c7a915e79f', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && h("div", { key: 'cca68e8548c8cd174cc7cc8b7e63b2e53afb8aeb', class: { "brand-shape": true, [this.layout]: true } }), h("div", { key: 'd76e7b9ae4edc17cfe4fad1e251b84d5c85ba57a', class: { "brand-shaped-image": true, [this.layout]: true } }, h("div", { key: '183d07b9496cd97c0876f38952e5a00eb38bb027', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, h("div", { key: '109ae295f586d933c705f0fd68483683a1bf1952', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (h("div", { key: '01aa5b4d12e7da5eaa9fa2e15dcba0d5ed2ca690', class: { "brand-shaped-icon": true, [this.layout]: true } }, h("duet-icon", { key: 'e2f95e5602e26bd54c22573cf774a128121a9f86', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (h("div", { key: '1d19d92c16528ed5d12db36fe10f7def13671929', class: "background-area" }, h("div", { key: 'b1226899172307df0f7dfeaae3ce2c085e92c029', class: "background" }, h("div", { key: '441d8603995a0733a541e29ad09e972d0cb15ba6', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'f25ad10e9820803be974b2bcab9ae47b4548fb1c', class: "brand-shape" }), h("div", { key: '67daae3aa88aa2c7688d40fb2a01a31569043c1d', class: "brand-shaped-image" }, h("div", { key: '20e1761bbdcb1a8de0bb7ad849d89bb79274de29', class: "brand-shaped-image-wrapper" }, h("div", { key: '175dddd394e91859ed9acb84069a5f663de45784', class: "brand-shaped-image-bg", style: styles })))))), h("div", { key: 'e52f7ce7723142caca1199d63054b05aeb46b487', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (h("div", { key: 'c3c5e67c1673454493b6f87022b58fab436af214', class: "duet-hero-image-mask" }, h("div", { key: 'ccc3fada5d524e9b40252a8b4ae2eaa8fc83b2b4', class: "duet-hero-image-wrapper" }, h("div", { key: '8260b76e2982ce1ced990c617ed3eecaf6ebc02b', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (h("div", { key: 'db59a2dc4d31b5d96938f5fe3388674c0c8e23a0', class: "duet-hero-back" }, h("duet-button", { key: '17b285351662cedc0ab18fb9c917456360c07875', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
                 label: this.processedBack.label,
                 href: this.processedBack.href,
                 id: this.processedBack.id,
                 analyticsId: this.processedBack.analyticsId,
-            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (h("duet-icon", { key: '66063cd0b99415c605abe15352a9b71168037059', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: '4a3fcc41f5daaf4d700068aa75197cd68a46bc11', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: '62051b4ac62ec3a47501537478ee19e709d10166', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (h("span", null, h("slot", { name: "pre-heading" }))))), h("slot", { key: 'ea902d83a964060c8597405b0b24e1679af35e98', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: 'd77ac46a19fa244d4dcb33a68b44a3ff7cba8e4f', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (h("span", null, h("slot", { name: "heading" }))))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: 'c21c9d1e62d0eec3999fe1feaff0cec00179f5cc', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("span", { key: '9199c48d4fc9f198b7d8b9dee733b2f11eed776b' }, h("slot", { key: 'c42f417640ac4c491cfdc8365fa3e6b42e736777', name: "subheading" })))), this.description && (h("duet-paragraph", { key: '30dda4b5e866efe5078f4fe416b1e869cdd41d96', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: 'ed22cd538744a99e79f4f4114da63273bc87cd8f', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (h("duet-list-item", null, h("span", { slot: "label" }, item.label), h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (h("duet-button", { key: '3bc7ef7148147a5d45bd58da145ad45a1bc446d7', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), h("slot", { key: 'decca9d5a65846b314106812964952a4a31dd749' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: '241e28061c2c805cb601a4f76298856359bfec12', class: "duet-hero-links" }, this.processedActions.map(item => (h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, h("div", { class: "duet-hero-action-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (h("div", { class: "duet-hero-action-arrow" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (h("duet-icon", { key: 'cd47afcdd3ad0b29ab77e4a6607d67912b7ad622', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), h("div", { key: '146703fafb1fc4dc9ea2f2d2fa046e9c5f6a83ca', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (h("duet-paragraph", { key: '2bac2c1aaefc60820bc76520f0b29b3b48436c75', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (h("span", null, h("slot", { name: "pre-heading" }))))), h("slot", { key: '8b6cad2e6fca42922483e23dfca68f42d7089f5c', name: "badge" }), (this.heading || this.hasHeadingSlot) && (h("duet-heading", { key: '06038a734f66a0155cae26f98da0b4fcf2f9401a', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? (this.heading) : (h("span", null, h("slot", { name: "heading" }))))), campaignOrSection && this.hasSubHeadingSlot && (h("duet-heading", { key: '6e179e7350e2c2507c1ff603b45e0b268da217ba', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, h("span", { key: '260ebb7f3ba965307c42633d1de47996c63171f1' }, h("slot", { key: '907759e2d96ebbb092071621861990327d37a9c2', name: "subheading" })))), this.description && (h("duet-paragraph", { key: '40dbf2c1f5b744b8e296ed56ff7510c144fa5e95', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (h("duet-list", { key: '94d5c36f4e16c448afb625cab0aa6528b95f5fda', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (h("duet-list-item", null, h("span", { slot: "label" }, item.label), h("span", { slot: "value" }, item.value)))))), this.buttonLabel && (h("duet-button", { key: 'e63f1c64ddd9bc34028ff6a4453664b523332d20', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), h("slot", { key: '07a78ea1daea8738a89cd4d238a094e7f073aafa' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (h("div", { key: '8891d77fc3cd9d49d6b087b6ff6a6b08e5836187', class: "duet-hero-links" }, this.processedActions.map(item => (h("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, h("div", { class: "duet-hero-action-icon" }, h("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), h("span", null, item.label), item.external && h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (h("div", { class: "duet-hero-action-arrow" }, h("duet-icon", { icon: newWindowIcon.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && h("div", { key: '004ab35e7ed914486fbcd85ec53efe7bdc2b98ce', class: "duet-hero-image", style: styles }), h("slot", { key: '63d9b82445adb55bb89618092ed1e4178d6b8755', name: "bottom" }))));
+            this.variation !== "content" && h("div", { key: '660cc6236529deef09e28fda903d13b7b46a82be', class: "duet-hero-image", style: styles }), h("slot", { key: '545f334b84334546dd98f2d1fa53f32f16858912', name: "bottom" }))));
     }
     static get is() { return "duet-hero"; }
     static get encapsulation() { return "shadow"; }

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

@@ -97,11 +97,11 @@ export class DuetIcon {
             : {};
         const iconStyles = Object.assign({}, iconRotationStyles);
         const shapeStyle = this.shape === "brand-rotated" ? "duet-icon-shape-brand" : `duet-icon-shape-${this.shape}`;
-        return (h(Host, { key: 'bcc69839a12f0f324283e2ac3fcdcc0bf9f62f97', class: {
+        return (h(Host, { key: 'a83fc64820f4d8e3fa899c0d87db806507109ca6', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-icon-has-outline": !!this.outline,
                 "duet-icon-has-background": !!this.background,
-            } }, h("span", { key: '7b11a7a766f0b472bea854c1f39971d73a499b9b', "aria-hidden": "true", style: styles, class: {
+            } }, h("span", { key: 'aeb374aef989718fc1af3b6013b29f7a0ab238f9', "aria-hidden": "true", style: styles, class: {
                 "duet-icon": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
@@ -110,7 +110,7 @@ export class DuetIcon {
                 [shapeStyle]: true,
                 rotated: this.shape === "brand-rotated" && this.theme !== "turva",
                 "duet-icon-not-responsive": !this.responsive,
-            } }, h("span", { key: 'e84a88efa8d6d8f3b04c288939d3a36b80095878', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
+            } }, h("span", { key: 'ff774fd041bbe256dddbb84db5a568d1ab4e9c80', "aria-hidden": "true", class: { "duet-icon-svg": true, rotated: this.shape === "brand-rotated" && this.theme !== "turva" }, "data-name": this.name, innerHTML: this.svgContent, style: iconStyles }))));
     }
     static get is() { return "duet-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -433,7 +433,7 @@ export class DuetInput {
             this.type !== "password" &&
             this.type !== "time" &&
             this.variation !== "button";
-        return (h(Host, { key: '333cc6592b2d5b9894fc4b988ad3ea168fa43364', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (h("duet-visually-hidden", { key: 'b82fbdf57c7808e651be27016b9a52d973ae91a0', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), h("div", { key: '84e07b5c88ebc1cff8aec3aa56503d9095be2bf4', class: {
+        return (h(Host, { key: '27157f0e0ef781231dc53f62242c93dd77416fe3', class: { "duet-expand": this.expand, "duet-m-0": this.margin === "none" }, onKeyUp: e => this.keyHandler(e) }, this.type === "time" && (h("duet-visually-hidden", { key: '0950770844044af41ffeb7f505312cf68dbc2fa6', "aria-live": "polite", "aria-atomic": "true" }, selectedTime ? `${this.timeAnnouncement[this.language]} ${selectedTime.toLocaleTimeString()}` : "")), h("div", { key: '0487bdedb2b60c45282063b1d0c4effeb6b79829', class: {
                 "duet-input-container": true,
                 "duet-theme-turva": this.theme === "turva",
                 [`duet-input-variation-${this.variation}`]: true,
@@ -447,7 +447,7 @@ export class DuetInput {
                 "has-clear": this.clear,
                 "has-focus": this.isFocused,
                 disabled: this.disabled,
-            } }, h("div", { key: '3807adacf6f68441add5bad31f2ab0e9879918f1', class: "duet-input-label-container" }, h(DuetInternalLabel, { key: '7eb559ce3bd02797f3e4c45d4b33732b75d4c1c1', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '71c3501094f969cc96ed9a976dedb290a5ceb620', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '6baba9baf34d6bd0800ee51f21e61818336f8adf', name: "tooltip" })), this.caption && (h("duet-caption", { key: 'dbb04535b568f18aac343d4de36ab8210d982ce3', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: '1ad89ab8fec2b2ead4f2bae22e2c4375dd5ba492', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (h("duet-caption", { key: 'f9583dc96cc5244f7bfc817c11743214bc2adf18', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (h("duet-visually-hidden", { key: '8f73030c01312a5439a2015e11401ee743bd3e63', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), h("input", Object.assign({ key: '189cad1e64b76eca71acced6f128ad6d1eab4087', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
+            } }, h("div", { key: '40e554a5592ea303807714f476945a51d4cd0302', class: "duet-input-label-container" }, h(DuetInternalLabel, { key: '82145a5b72cfa13cce38d0e8af3e8d0f8aa7fab7', theme: this.theme === "turva" ? "turva" : "default", margin: this.isCaptionVisible ? "small" : "auto", color: this.labelColor, weight: this.labelWeight, id: this.labelId, for: identifier }, this.label), this.tooltip && (h("duet-tooltip", { key: '74e0e7af69d8365d2066b542eba340291b76a9ec', class: "duet-input-tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label, theme: this.theme === "turva" ? "turva" : "default" }, this.tooltip)), h("slot", { key: '5ccfc047cab7357c2e6e55808ccf9f111be22276', name: "tooltip" })), this.caption && (h("duet-caption", { key: '160a25f13bd945f574883cc89b5b829082a18008', id: this.topCaptionId, size: "medium" }, this.caption)), h("div", { key: 'cab2e63b8540c1fdf2e91547b340e2bc6e9c4031', class: "duet-input-relative" }, this.placeholder && this.echoPlaceholder && (this.value || this.type === "time") && (h("duet-caption", { key: 'f57924871c11446e290fbaace72833a2de1dbe44', id: this.topCaptionPlaceholderId, class: "duet-input-placeholder", margin: "none", size: "small" }, this.placeholder)), this.chips && (h("duet-visually-hidden", { key: '5f06062a838de900d4375ff88cb41d81e9b10cb1', id: this.chipCountId }, ", ", `${this.getAllChips().length} ${getLocaleString(this.chipsSelectedDesriptionLabel)}`, ",")), h("input", Object.assign({ key: 'b609360af202b5553aad22388d27d3373044a9d6', ref: input => (this.nativeInput = input), onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, type: this.getInputType(), class: {
                 "duet-input": true,
                 disabled: this.disabled,
                 "is-number": this.component === "number",
@@ -455,16 +455,16 @@ export class DuetInput {
                 "after-chip": this.getAllChips().length > 0,
                 "align-right": this.inputAlign === "right",
                 [`input-padding-${this.inputPadding}`]: true,
-            }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (h("div", { key: '9daad03593568dc78f055cbf40419505a5d025e3', class: "duet-input-icon" }, h("duet-icon", { key: '1b13db87a6de47d331b4380895c6595d30239a47', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h("div", { key: 'b75b0fa5f2b3f07790f7d77cf9c4019767db0d7f', class: {
+            }, value: this.value, disabled: this.disabled, "aria-invalid": this.error ? "true" : "false", "aria-labelledby": this.accessibleLabelledBy ? `${this.labelId} ${this.accessibleLabelledBy}` : this.labelId, "aria-controls": this.accessibleControls, "aria-autocomplete": this.accessibleAutocomplete, "aria-activedescendant": this.accessibleActiveDescendant, "aria-details": this.accessibleDetails, "aria-description": this.accessibleDescription, "aria-expanded": this.accessibleExpanded, "aria-haspopup": this.accessibleHasPopup, "aria-owns": this.accessibleOwns, "aria-describedby": this.getAriaDescribedBy(), placeholder: this.placeholder, spellcheck: "false", minlength: this.minlength, maxlength: this.maxlength, autocomplete: this.type === "password" ? "off" : this.autoComplete, required: this.required, role: this.role, name: this.name, id: identifier }, inputProps)), !this.value && hasInputIcon && (h("div", { key: '5a464779c56b22fa5e47864b08645a6000b9e367', class: "duet-input-icon" }, h("duet-icon", { key: '07c479f447dbc3e7c0c49fdf2aa96635afb428e3', margin: "none", size: "small", icon: icons[this.type].svg, color: "currentColor" }))), this.clear && this.value && (h("div", { key: '7fa36d6ad59a8b190d640412faf6d57f50b60c7f', class: {
                 "duet-input-clear-icon": true,
                 "duet-input-clear-icon-single": !hasInputIcon,
                 "duet-input-clear-icon-double": !!this.icon,
                 "duet-input-clear-icon-button": this.variation === "button",
-            } }, h("button", { key: '80c66c59708051be5f379fdd91a344cb0ed9f8f8', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, h("duet-icon", { key: '54deca04f6cdee8a182fb2aa3d51958d6010dbc5', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (h("div", { key: '4fec603dae85338565381f3ebeaed8bbf8819306', class: "duet-input-icon" }, h("duet-icon", { key: '3c70c1392d44731bd3dc3f4c4b68d93c8a6849df', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && h("slot", { key: 'c872cfaae6b7d0fdfd41d0a3b068d4d7e39b5aa7', name: "button" }), this.variation === "revealable" && (h("duet-button", { key: '4c7c6d7057023525b7872958b96df4342af1de66', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
+            } }, h("button", { key: 'dfd9300e5066f5954a1d9c2064442d6bda1c55c4', onClick: this.handleClearClick, id: this.clearId, "aria-label": this.clearLabel[this.language], "aria-keyshortcuts": "Escape" }, h("duet-icon", { key: '555bcd3e91c25634dcff7e6fe5943f03911aa9ad', margin: "none", size: "medium", name: "action-clear-input", color: "currentColor" })))), this.icon && this.variation !== "button" && (h("div", { key: '2b55687e10eccff71ee6a9352374bbe6580a31fb', class: "duet-input-icon" }, h("duet-icon", { key: 'e2c67768dfdaac05944a056a7ada779c597dd296', margin: "none", size: "small", name: this.icon, color: "currentColor" }))), this.variation === "button" && h("slot", { key: '2f973344b0c97c66d9b4ec434c40cbe2b63f7fde', name: "button" }), this.variation === "revealable" && (h("duet-button", { key: 'a357be477c11b6b966bb15109feaaa7bd9a6381b', ref: button => (this.togglePasswordRevealedButton = button), onBlur: this.onBlur, onFocus: this.onFocus, onClick: this.togglePasswordRevealed, icon: this.isPasswordRevealed ? "action-hide" : "action-show", accessibleLabel: this.isPasswordRevealed
                 ? this.hidePasswordLabel[this.language]
-                : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (h("duet-visually-hidden", { key: '51ef610ac3de74e693645a1a1ef61abe92919150' }, h("span", { key: '9468f1b6652e6185e9eb6e8f74e94c8f09f35bb4', "aria-live": "polite" }, this.isPasswordRevealed
+                : this.showPasswordLabel[this.language], margin: "none", variation: "input-button-embedded", fixed: true, iconOnly: true })), this.variation === "revealable" && this.isPasswordRevealed !== undefined && (h("duet-visually-hidden", { key: '23d4b1ae14b4a0c21c4fbde49023db0d6413ee73' }, h("span", { key: '9891ed43653dfa4c27457299fb1f3bbc3c248943', "aria-live": "polite" }, this.isPasswordRevealed
             ? this.passwordShownAriaAnnouncement[this.language]
-            : this.passwordHiddenAriaAnnouncement[this.language]))), h("slot", { key: '8314f654030ef6d2734821d8981d9cf99e3cec3a' })), h("span", { key: 'ea14b3e64d0cacef959eb1af64d8a9a4a9636dde', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '2c33714525b3646ffa87e3ccb51b0c082d10a8f3', class: "duet-input-error" }, this.error)))));
+            : this.passwordHiddenAriaAnnouncement[this.language]))), h("slot", { key: '55200ed3023d68f4f7fbd8acaa523e5b616221f9' })), h("span", { key: '5172ad8b5d0544b20e7fd5d2a9ba37c4a8eb6aa5', class: "duet-input-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '97f1f28f046074d7a450b1b56b1af793d41a734d', class: "duet-input-error" }, this.error)))));
     }
     static get is() { return "duet-input"; }
     static get encapsulation() { return "shadow"; }