@duetds/components 9.2.3 → 9.2.5

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

@@ -350,7 +350,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         }
                     }
@@ -499,12 +499,12 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectItem": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItem"
                         },
                         "DuetMultiselectItemGroup": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectItemGroup"
                         }
                     }
@@ -697,7 +697,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -718,7 +718,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }
@@ -739,7 +739,7 @@ export class DuetMultiselect {
                     "references": {
                         "DuetMultiselectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-multiselect/duet-multiselect.tsx",
                             "id": "src/components/duet-multiselect/duet-multiselect.tsx::DuetMultiselectEvent"
                         }
                     }

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

@@ -32,6 +32,7 @@
 .duet-notification {
   display: block;
   padding: 16px;
+  padding-bottom: 0;
   cursor: pointer;
 }
 :host(:first-of-type) .duet-notification {
@@ -78,6 +79,7 @@
 .duet-notification-container {
   position: relative;
   display: flex;
+  padding-bottom: 16px;
   border-bottom: 1px solid rgb(212, 223, 229);
 }
 
@@ -131,6 +133,7 @@
     opacity: 1;
   }
   .duet-notification {
+    padding: 16px;
     border-bottom: 1px solid rgb(212, 223, 229);
   }
   .duet-notification:hover {
@@ -141,6 +144,7 @@
     background: rgb(240, 247, 250);
   }
   .duet-notification-container {
+    padding-bottom: 0;
     border-bottom-style: none;
   }
 }

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

@@ -299,7 +299,7 @@ export class DuetNotificationDrawer {
                     "references": {
                         "DuetNotificationDrawerDirection": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-notification-drawer/duet-notification-drawer.tsx",
                             "id": "src/components/duet-notification-drawer/duet-notification-drawer.tsx::DuetNotificationDrawerDirection"
                         }
                     }

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

@@ -31,7 +31,7 @@ export class DuetNumberInput {
                 this.subtract(ev);
             }
             else if (isBackspaceKey(ev)) {
-                this.clearValue();
+                this.clearValue(ev);
             }
         };
         this.handleChange = (ev) => {
@@ -53,6 +53,9 @@ export class DuetNumberInput {
                     });
                 }
                 catch (e) {
+                    if (input.value !== "-") {
+                        this.clearValue(ev);
+                    }
                     this.duetInput.emit({
                         component: "duet-number-input",
                         originalEvent: ev,
@@ -266,9 +269,12 @@ export class DuetNumberInput {
         const currentValue = SafeParseFloat(this.value, this.locale);
         return this.value === undefined || this.value === null || isNaN(currentValue) ? null : currentValue;
     }
-    clearValue() {
-        this.value = null;
+    clearValue(ev) {
         this.duetInputElement.value = "";
+        if (this.value !== null) {
+            this.value = null;
+            this.emitNull(ev);
+        }
     }
     formatAnnouncement() {
         const current = !!this.value ? SafeParseFloat(this.value, this.locale) : null;
@@ -1102,7 +1108,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1123,7 +1129,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1144,7 +1150,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }
@@ -1165,7 +1171,7 @@ export class DuetNumberInput {
                     "references": {
                         "DuetNumberInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-number-input/duet-number-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-number-input/duet-number-input.tsx",
                             "id": "src/components/duet-number-input/duet-number-input.tsx::DuetNumberInputEvent"
                         }
                     }

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

@@ -158,7 +158,7 @@ export class DuetOverlay {
                     "references": {
                         "OverlayDisplayDevice": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-overlay/duet-overlay.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-overlay/duet-overlay.tsx",
                             "id": "src/components/duet-overlay/duet-overlay.tsx::OverlayDisplayDevice"
                         }
                     }

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

@@ -208,4 +208,18 @@
 .duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon {
   position: relative;
   top: -3px;
+}
+.duet-page-heading .progress-indicator {
+  display: flex;
+  flex-direction: row;
+  gap: 4px;
+}
+.duet-page-heading .progress-step {
+  width: 100%;
+  height: 4px;
+  background-color: rgb(181, 198, 208);
+  border-radius: 2px;
+}
+.duet-page-heading .progress-step.active {
+  background-color: rgb(0, 119, 179);
 }

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

@@ -11,6 +11,8 @@ export class DuetPageHeading {
         this.theme = "";
         this.icon = "";
         this.layout = "narrow";
+        this.progressCurrentStep = undefined;
+        this.progressTotalSteps = undefined;
     }
     /**
      * Component lifecycle events.
@@ -18,18 +20,27 @@ export class DuetPageHeading {
     componentWillLoad() {
         inheritGlobalTheme(this);
     }
+    progressIndicator() {
+        return (h("div", { class: "progress-indicator" }, Array.from({ length: Math.ceil(this.progressTotalSteps) }, (_, i) => {
+            const indicatorStep = i + 1;
+            return (h("div", { class: {
+                    "progress-step": true,
+                    active: indicatorStep <= this.progressCurrentStep,
+                } }));
+        })));
+    }
     /**
      * render() function
      * Always the last one in the class.
      */
     render() {
         const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (h("div", { key: '7158f6bb1baba0316e310548c2f11fbba22ed802', class: {
+        return (h("div", { key: '2a170e4c6fc33fdba313ded3c3f01a78c9ac0866', class: {
                 "duet-page-heading": true,
                 "duet-theme-turva": this.theme === "turva",
                 "has-icon": !!this.icon,
                 [layout]: true,
-            } }, h("div", { key: '9279bef8f915599c716557dcb4cfae9e8ebdcdd7', class: "background" }, this.theme === "turva" && h("div", { key: '88fee514b2c9d6db4993c6070e379e6d354b7f91', class: "background-mask" }), this.theme !== "turva" && h("div", { key: 'cf612c48b8322c7b6f8d15e9e3ae7929ebfc754c', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: 'c370d729b95244f6b94a6dc1ad15494af14bdcad', class: "brand-shape second-shape" }), this.icon && (h("div", { key: 'c6d34424c53f9fd3d0596a04d2fc111e78c36187', class: "brand-shaped-icon" }, h("duet-icon", { key: 'df9bf6856c35d65c8490b3c4738a56ffb5a1b8ee', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '275b220fddac6f60e953cc2dee0aaf6a9766807a', class: "heading" }, h("slot", { key: 'fb7b03458b5853815d412eddd93a164f21d102c6', name: "heading" }))));
+            } }, h("div", { key: '4b02d9d0134c3cb06bba6bdbd1b20f9d2d26e56a', class: "background" }, this.theme === "turva" && h("div", { key: 'ba779c516b2646ea7b062bd893a5928a91770b51', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '975ea6aff24cd955e428eb5c92312984dc034d56', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: 'cc7486a21275418c5bb85daef2f87a8272b94aa7', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '47ea901848ac5c4e50bc3c961d9bfa6f904d6d37', class: "brand-shaped-icon" }, h("duet-icon", { key: '370ac1f81a9d150ca01159b00a60cd8a730aef5f', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: '0b151e3015924091b9e9a35145e23754234641ef', class: "heading" }, h("slot", { key: '89c063ef8fceed0f4c75255f29dcd7200f394976', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: 'ee3688b0e6d3145fbf47501fc353caa398898e5f' }, h("duet-spacer", { key: '0b86d382eee4c4287419fe1c660970f943c32cba', size: "large" }), h("div", { key: 'e0010cce92077310161c55fd134b022eb8f7e035', role: "presentation" }, this.progressIndicator()))))));
     }
     static get is() { return "duet-page-heading"; }
     static get encapsulation() { return "shadow"; }
@@ -116,6 +127,44 @@ export class DuetPageHeading {
                 "attribute": "layout",
                 "reflect": false,
                 "defaultValue": "\"narrow\""
+            },
+            "progressCurrentStep": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Current step of total steps in progress indicator.\n(Current step should start from 1, not 0.)\nTo render a progress indicator both progressTotalSteps and progressCurrentStep must be given."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "progress-current-step",
+                "reflect": false
+            },
+            "progressTotalSteps": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Total steps amount in progress indicator.\nTo render a progress indicator both progressTotalSteps and progressCurrentStep must be given"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "progress-total-steps",
+                "reflect": false
             }
         };
     }

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

@@ -440,7 +440,7 @@ export class DuetPagination {
                     "references": {
                         "DuetPaginationVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
                             "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationVariation"
                         }
                     }
@@ -757,7 +757,7 @@ export class DuetPagination {
                     "references": {
                         "DuetPaginationPageEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-pagination/duet-pagination.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-pagination/duet-pagination.tsx",
                             "id": "src/components/duet-pagination/duet-pagination.tsx::DuetPaginationPageEvent"
                         }
                     }

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

@@ -117,7 +117,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphSize"
                         }
                     }
@@ -143,7 +143,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphWeight": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphWeight"
                         }
                     }
@@ -169,7 +169,7 @@ export class DuetParagraph {
                     "references": {
                         "DuetParagraphVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-paragraph/duet-paragraph.tsx",
                             "id": "src/components/duet-paragraph/duet-paragraph.tsx::DuetParagraphVariation"
                         }
                     }

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

@@ -67,9 +67,10 @@ export class DuetPopupMenu {
         return this._controller;
     }
     set controller(value) {
-        if (this.controller === value) {
+        if (this._controller === value) {
             return;
         }
+        this._controller = value;
         if (typeof value === "string") {
             this.setOpenButton(document.getElementById(value));
             if (this.openButton) {
@@ -129,7 +130,6 @@ export class DuetPopupMenu {
         if (this.open) {
             // When Esc is pressed the menu should be closed
             if (isEscapeKey(evt)) {
-                this.focusOpenButton();
                 this.hide();
             }
         }
@@ -237,7 +237,7 @@ export class DuetPopupMenu {
             }
             setTimeout(() => {
                 if (this.accessibleRole === "menu") {
-                    this.focusOpenButton();
+                    focusElement(this.openButton);
                 }
                 this.duetToggle.emit({ open: this.open, component: "duet-popup-menu" });
                 if (this.accessibleRole !== "listbox") {
@@ -246,11 +246,6 @@ export class DuetPopupMenu {
             }, 200);
         }
     }
-    focusOpenButton() {
-        if (this.open) {
-            focusElement(this.openButton);
-        }
-    }
     get itemElements() {
         return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"));
     }
@@ -270,9 +265,9 @@ export class DuetPopupMenu {
             position: this.position,
             overflowY: "auto",
         };
-        return (h(Host, { key: '1573445d7c27f2e19d2ce614aba54a6af305ff86' }, h("div", { key: '15d45b18fb7164b94698327e601076a3f51b1216', ref: element => {
+        return (h(Host, { key: '6f01f7eafea79d3c69ef598afc5a20855221f9c2' }, h("div", { key: '36e0125cb273a008f3db4931f74102df5ef34e98', ref: element => {
                 this.menuElement = element;
-            }, style: styles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, h("slot", { key: 'ea1ea99244036c122bb61dff60cb09c0b4393979' }))));
+            }, style: styles, class: { open: this.open, "duet-popup-menu-list": true, "duet-theme-turva": this.theme === "turva" }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, h("slot", { key: '90f75ecc2d205e0dcf4277e45607e177c5d8ea30' }))));
     }
     static get is() { return "duet-popup-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -617,7 +612,7 @@ export class DuetPopupMenu {
                     "references": {
                         "DuetPopupMenuEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu/duet-popup-menu.tsx",
                             "id": "src/components/duet-popup-menu/duet-popup-menu.tsx::DuetPopupMenuEvent"
                         }
                     }

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

@@ -395,7 +395,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
                             "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
                         }
                     }
@@ -416,7 +416,7 @@ export class DuetPopupMenuItem {
                     "references": {
                         "DuetPopupMenuItemEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-popup-menu-item/duet-popup-menu-item.tsx",
                             "id": "src/components/duet-popup-menu-item/duet-popup-menu-item.tsx::DuetPopupMenuItemEvent"
                         }
                     }

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

@@ -53,12 +53,12 @@ export class DuetPromoCard {
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: '772d875fe0dbb9ad3b6f40df395cabd07b65cfe2', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '3e37a0d57ea0b9a20d515d7aac02ef2b087c4865', class: {
+        return (h(Host, { key: 'c1a1de7dff739a9682d326b8d95ebc1a6b654116', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: 'ca9a98e6b0fd507a266e7df4ea2c9f633c025e94', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: 'bc154d41c8fd9637d3daa3be4eaedf1ade6c56c4', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: '49a36a008c5006f0b7ece514c2eb178819a1e3af', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: 'd699b44c77b9de41cfa1f04703026c3eff90701c', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '6fbe038e30a5e8b6f9736e937a51f6ee4bcd4c9a', class: "pre-heading" }, h("slot", { key: '7e1dd94953f263d5fd5f7403baf9a64fe214d97d', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '87d9413ef845107bb0ea9f90b63460590073ce90', class: "heading" }, h("duet-heading", { key: '6e79bd35cdb2cde71100983934b0233d3e81f725', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: '254924fd6185e8ccdc63cb0be081c14e9e9eef8c' }, h("slot", { key: '881f4c33051834e4a4056634b1b8a5ef6baf36c6', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '0365ddf81b773ef61c09232ac70453ce567e86e9', class: "description" }, h("duet-paragraph", { key: '54d6256f80f50b3720a17de720cab84540e231bb', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: 'ec4c19a46660221400004023fdf87eb5ade14e44' }, h("slot", { key: 'e76c95070806c41c03dfad3251b4167236d031cf', name: "description" }))))), this.hasActionSlot && (h("div", { key: 'da3dee3c187b02a607a4c2f26ae42111ce78fde1', class: "action" }, h("slot", { key: '5d84d7ea30fff32b3de78694f4dd9c7df4d96383', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: 'ecd0f55f11b5ab945cb5f8731bfcdf0f9896329f', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: '5e172fe31a4f2f5f2a1a332fa8d8b5a1cbf3d01e', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '0dd4c9c41fea8db65956d2c844fb78a97ab279ef', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '2d89e751682632487cfcefcdce063886070711a1', class: "pre-heading" }, h("slot", { key: '0e4a51c40d95dd0080de19cd45bf70e117f4a131', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '72a74b257a084c3ddf7e7285da10875c21db8790', class: "heading" }, h("duet-heading", { key: 'b34a76dad87e9726296d775f3145b2c7b640bee4', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: '3fd56ffd4b2600856059091709f347f689e8a017' }, h("slot", { key: 'ce33481480a296bc9884ed1de8b77e31232b0f23', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: 'a3c2f1b7a9bc92599183ce1ea8aabebd0849b30b', class: "description" }, h("duet-paragraph", { key: '2e90a512af33afbf6635faa626ff038d3beb2034', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '0d774578043b823e14e314169fdcde5d4a4f002d' }, h("slot", { key: '2da893d28fe769d4d5b9bc46104be41223eb96d8', name: "description" }))))), this.hasActionSlot && (h("div", { key: 'b20a53961de0cf3392ab726634262978ecb3a6f1', class: "action" }, h("slot", { key: '1221939ab0a8061182f7b648c104ad75ae6f36b4', name: "action" }))))))));
     }
     static get is() { return "duet-promo-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -590,7 +590,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -611,7 +611,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }
@@ -632,7 +632,7 @@ export class DuetRadio {
                     "references": {
                         "DuetRadioEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-radio/duet-radio.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-radio/duet-radio.tsx",
                             "id": "src/components/duet-radio/duet-radio.tsx::DuetRadioEvent"
                         }
                     }

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

@@ -611,7 +611,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }
@@ -632,7 +632,7 @@ export class DuetRangeSlider {
                     "references": {
                         "DuetRangeChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-slider/duet-range-slider.tsx",
                             "id": "src/components/duet-range-slider/duet-range-slider.tsx::DuetRangeChangeEvent"
                         }
                     }

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

@@ -395,7 +395,7 @@ export class DuetRangeStepper {
                     "references": {
                         "DuetRangeStepperUpdateEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-range-stepper/duet-range-stepper.tsx",
                             "id": "src/components/duet-range-stepper/duet-range-stepper.tsx::DuetRangeStepperUpdateEvent"
                         }
                     }

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

@@ -222,21 +222,21 @@ export class DuetScrollable {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '44691d4a1b441b106e337cf3f53a6936631f5480', class: {
+        return (h(Host, { key: 'ba1e4f4c2221fec32507a3ba66829f2f34dcb225', class: {
                 "duet-theme-turva": this.theme === "turva",
                 "duet-theme-default": this.theme === "default",
-            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '07fc1a65d6b9b303aa619d3b0f5942b3615ab3ec', class: {
+            } }, this.hasCollapseButtonLabelSlot && (h("div", { key: '5d9131e9e7be00a46d1f919d04127586cc9a6d91', class: {
                 collapse: true,
                 hide: !this.needsScrolling && !this.collapsed,
-            } }, h("duet-button", { key: '49d9240985d93addb7dae6aad6d5443cc8205b70', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: 'c215d89df2f21047ef1fb2c094c70c6e78869ffa', name: "collapse-button-label" })))), h("div", { key: 'ebdf63f1649ffacf763b4ac6ff52576bca674e83', class: {
+            } }, h("duet-button", { key: 'af675db06e61bd24d608ba0395ca54bd8feac172', variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { key: '686ee5f4804f2a3ffd059778eee189633615bf37', name: "collapse-button-label" })))), h("div", { key: '074caf18d31c3b9a019cebf7ca2e8ac6b7ca61e4', class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
-            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), h("div", { key: 'a202dcd5c66b6b5aa69c73903b113dd76078ba0d', class: {
+            } }, this.buttons && this.renderButton("left"), this.renderFadeOverlay("left"), h("div", { key: '64cd0312d4a7b8db126efb7c153519d8c99f61a5', class: {
                 "duet-scrollable-list": true,
                 collapsed: this.collapsed,
                 [`duet-overflow-padding--${this.padding}`]: this.padding !== "none",
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: 'd35f08ff8a30abc8b3bc99e09701c88768d5615c' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", { key: '380081180cef409cb8b9e6cd4e572e0699678137' })), this.renderFadeOverlay("right"), this.buttons && this.renderButton("right"))));
     }
     static get is() { return "duet-scrollable"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,13 +14,13 @@ export class DuetSectionLayout {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '8773917ab1861426ac154e88a578116470c60558', class: {
+        return (h(Host, { key: '5a0fe7bda2f99a571bb9a91389d22bb429b92176', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: '905163b782b84e3989df7c4cb90a5f965152b4e5', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'c3886b18a98df150ba61452fd9edb065a7ec483f', class: {
+            } }, h("div", { key: 'fa8ce66fb4314c7b613db9d9c8a41a6184998e6f', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'eec70679e3914498d52cf5fabc0b6f107afcb263', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("section", { key: 'a5e69845c34da96deca2f68270a1431c17186933', class: "duet-main" }, h("slot", { key: 'a1dffe9da76bdc8169e5356463f4426b5e15a7d6' }))))));
+            } }, h("section", { key: 'a6816d9b522355e91cd3e226d5501b50b27ca0cc', class: "duet-main" }, h("slot", { key: 'be71578ddc8566d81734e0e036416767b0c42899' }))))));
     }
     static get is() { return "duet-section-layout"; }
     static get encapsulation() { return "shadow"; }

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

@@ -194,7 +194,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectVariation"
                         }
                     }
@@ -544,7 +544,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectItems": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectItems"
                         }
                     }
@@ -753,7 +753,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }
@@ -774,7 +774,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }
@@ -795,7 +795,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }

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

@@ -25,9 +25,9 @@ export class DuetShapedImage {
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (h(Host, { key: '5df9410ffe66931da7f0559adbceaafd268eef43', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: 'abcaa854db75c947ce79be2b14b0a7ad47fbb59d', class: {
+        return (h(Host, { key: 'cb4154853051eec78a10658344407c1653d737b3', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '5cab0035d46b9e020cf7e4a18105a999646ad437', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '2891f9a50a69234a4caee374bedd5d145bc8e945', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'd6a4e824422d03984a69fdf34a815f569a30e636', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '8c2d2bb60ac9042377402dea4453e4ec17885aac', class: "shaped-image-mask", role: "presentation" }, h("span", { key: '765b32769035c6746c0412be9fe3b70bf8c75039', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get is() { return "duet-shaped-image"; }
     static get encapsulation() { return "shadow"; }

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

@@ -467,7 +467,7 @@ export class DuetShowMore {
                     "references": {
                         "DuetShowMoreToggleEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-show-more/duet-show-more.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-show-more/duet-show-more.tsx",
                             "id": "src/components/duet-show-more/duet-show-more.tsx::DuetShowMoreToggleEvent"
                         }
                     }