@duetds/components 9.1.2 → 9.2.0

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

@@ -307,7 +307,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipVariation"
                         }
                     }
@@ -331,7 +331,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipSize"
                         }
                     }
@@ -559,7 +559,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -580,7 +580,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -601,7 +601,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }
@@ -622,7 +622,7 @@ export class DuetChip {
                     "references": {
                         "DuetChipEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-chip/duet-chip.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-chip/duet-chip.tsx",
                             "id": "src/components/duet-chip/duet-chip.tsx::DuetChipEvent"
                         }
                     }

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

@@ -18,11 +18,11 @@ export class DuetCheckmark {
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: 'a365402604e0200c435b64dfcacbcd5cb642844e', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'cf11461aef561948a5533f4e80564656374ebdcb', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: 'dcfe8bd19c06e1b259bbc03e18ca468f1dc5ba00', class: {
+        return (h(Host, { key: '694951f0c8763ee7206e40f195d801b161cb970d', class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '81371523be24dcc91313d7933103e74bbab2bda3', role: this.presentationOnly ? "presentation" : null, class: { checked: this.checked } }, h("div", { key: '30578b86f60822622e625e5baf2356f550c33a6d', class: {
                 "duet-checkmark-container": true,
                 center: this.center,
                 "duet-checkmark-radio": this.type === "radio",
-            } }, this.checked && h("div", { key: '7c6b1f9fd55e641a7f91171e622ce1f8725d116d', class: "duet-checkmark" })))));
+            } }, this.checked && h("div", { key: 'd5b3c5f15bffdea7d89a80621c1aa4e96ae7ee0f', class: "duet-checkmark" })))));
     }
     static get is() { return "duet-checkmark"; }
     static get originalStyleUrls() {

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

@@ -998,7 +998,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1019,7 +1019,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1040,7 +1040,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }

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

@@ -231,7 +231,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleWeight": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleWeight"
                         }
                     }
@@ -255,7 +255,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleHeadingFontSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleHeadingFontSize"
                         }
                     }
@@ -355,7 +355,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleToggleEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleToggleEvent"
                         }
                     }

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

@@ -3,20 +3,16 @@
  */
 import { h } from "@stencil/core";
 import { regexEscape } from "../../utils/string-utils";
-export const DuetComboBoxSelect = ({ item, active, selected, label = undefined, clickHandler = e => {
+export const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {
     e.preventDefault();
 }, keyHandler = e => {
     e.preventDefault();
-}, search, isAndroidDevice, }) => {
+}, search, isAndroidDevice, id, }) => {
     const searchTerms = search
         .split(" ")
         .filter(term => !!term.trim())
         .map(term => regexEscape(term));
     const regEx = search !== "" ? new RegExp(`(${searchTerms.join("|")})`, "i") : undefined;
-    return (h("li", { class: {
-            "list-item": true,
-            option: true,
-            active: active,
-            selected: selected,
-        }, id: active ? "active_item" : "", "data-index": item.id, "aria-selected": active ? "true" : undefined, "aria-current": selected ? "true" : undefined, role: "option", "aria-label": label, tabindex: isAndroidDevice ? "-1" : null, onClick: e => clickHandler(e), onKeyUp: e => keyHandler(e) }, selected && h("duet-icon", { class: "option-icon", name: "messaging-checked", size: "xx-small", margin: "none" }), regEx ? (h("span", { class: "option-container", "aria-hidden": "true" }, h("span", { innerHTML: item.name.replace(regEx, '<span class="highlight sc-duet-combobox">$&</span>') }))) : (item.name), item.tags && h("span", { class: "option-tags" }, item.tags.join(", "))));
+    const highlightStyle = "text-decoration: underline";
+    return (h("duet-popup-menu-item", { id: activeDescendant ? id : "", active: selected, "data-index": item.id, "aria-selected": activeDescendant ? "true" : undefined, "aria-current": selected ? "true" : undefined, role: "option", "aria-label": label, tabindex: isAndroidDevice ? "-1" : null, onClick: e => clickHandler(e), onKeyUp: e => keyHandler(e), accessibleRole: "option", activeDescendant: activeDescendant }, regEx ? (h("span", { class: "option-container", "aria-hidden": "true" }, h("span", { innerHTML: item.name.replace(regEx, `<span style="${highlightStyle}">$&</span>`) }))) : (item.name), item.tags && h("span", { class: "option-tags" }, item.tags.join(", "))));
 };

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

@@ -24,85 +24,8 @@
 :host.duet-theme-turva a {
   color: rgb(23, 28, 58);
 }
-:host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item.option .option-tags {
-  color: rgb(116, 116, 117);
-}
-:host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item.option.selected {
-  background: rgb(244, 207, 214);
-}
-:host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item.active, :host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item:focus, :host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item:hover {
-  color: rgb(255, 255, 255);
-  background: rgb(198, 12, 48);
-}
-:host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item.active .option-tags, :host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item:focus .option-tags, :host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item:hover .option-tags {
-  color: rgb(255, 255, 255);
-}
-:host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item.active a, :host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item:focus a, :host.duet-theme-turva .duet-combobox-list .duet-combobox-listbox .list-item:hover a {
-  color: rgb(255, 255, 255);
-}
 
-.duet-combobox-list {
-  position: absolute;
-  top: calc(100% - 12px);
-  z-index: 700;
-  margin: 8px 0 0;
-  visibility: hidden;
-  background: rgb(255, 255, 255);
-  border-radius: 0 4px;
-  box-shadow: 0 2px 10px 0 rgba(0, 41, 77, 0.1);
-  opacity: 0;
-  transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;
-  transform: scale(0.96) translateZ(0) translateY(-20px);
-  transform-origin: top right;
-}
-.duet-combobox-list.open {
-  visibility: visible;
-  opacity: 1;
-  transition-property: transform, opacity;
-  transform: scale(1.0001) translateZ(0) translateY(0);
-}
-.duet-combobox-list .duet-combobox-listbox {
+.combobox-menu-container {
+  width: var(--popup-width);
   max-height: 200px;
-  padding: 0.75rem 0;
-  margin: 0;
-  overflow-y: scroll;
-  font-weight: 600;
-  list-style: none;
-  cursor: pointer;
-  scroll-behavior: smooth;
-}
-.duet-combobox-list .duet-combobox-listbox .list-item {
-  padding: 4px 0;
-}
-.duet-combobox-list .duet-combobox-listbox .list-item:not(.selected) {
-  padding-left: 16px;
-}
-.duet-combobox-list .duet-combobox-listbox .list-item:not(.selected) .highlight {
-  text-decoration: underline;
-}
-.duet-combobox-list .duet-combobox-listbox .list-item.option .option-tags {
-  float: right;
-  padding-right: 0.875rem;
-  font-weight: 400;
-  color: rgb(144, 149, 153);
-}
-.duet-combobox-list .duet-combobox-listbox .list-item.selected {
-  padding-left: 0;
-  background: rgb(205, 229, 241);
-}
-.duet-combobox-list .duet-combobox-listbox .list-item.selected.option .option-icon {
-  padding: 0 8px 0 8px;
-}
-.duet-combobox-list .duet-combobox-listbox .list-item.selected.option .option-tags {
-  color: rgb(144, 149, 153);
-}
-.duet-combobox-list .duet-combobox-listbox .list-item.active, .duet-combobox-list .duet-combobox-listbox .list-item:focus, .duet-combobox-list .duet-combobox-listbox .list-item:hover {
-  color: rgb(255, 255, 255);
-  background: rgb(0, 119, 179);
-}
-.duet-combobox-list .duet-combobox-listbox .list-item.active .option-tags, .duet-combobox-list .duet-combobox-listbox .list-item:focus .option-tags, .duet-combobox-list .duet-combobox-listbox .list-item:hover .option-tags {
-  color: rgb(255, 255, 255);
-}
-.duet-combobox-list .duet-combobox-listbox .list-item.active a, .duet-combobox-list .duet-combobox-listbox .list-item:focus a, .duet-combobox-list .duet-combobox-listbox .list-item:hover a {
-  color: rgb(255, 255, 255);
 }

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

@@ -14,14 +14,16 @@ export class DuetCombobox {
     constructor() {
         var _a, _b;
         this.listBoxId = createID("duet-combobox-list-element");
+        this.inputId = createID("duet-combobox-input-id");
+        this.activeDescendantId = createID("duet-combobox-active-descendant");
         this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
         this.resizeObserver = new ResizeObserver(debounce(entries => {
-            var _a, _b;
+            var _a, _b, _c;
             // otherwise, something is wrong, expecting 1 element only
             if ((entries === null || entries === void 0 ? void 0 : entries.length) === 1) {
                 const currentWidth = (_b = (_a = entries[0]) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width;
-                this.listContainer.style.width = `${currentWidth + 1}px`;
-                // this.listElement.style.width = `${currentWidth + 1}px`
+                const popupMenuPadding = parseInt((_c = getComputedStyle(this.listContainer.shadowRoot.querySelector(".duet-popup-menu-list"))) === null || _c === void 0 ? void 0 : _c.padding);
+                this.listContainer.style.setProperty("--popup-width", `${currentWidth - 2 * popupMenuPadding}px`);
             }
         }, 100));
         this.onInputChange = async (e) => {
@@ -46,6 +48,9 @@ export class DuetCombobox {
             if (!this.force && !this.multiple && this.selectedItems.size > 0 && newValue !== this.getSelectedItemLabel()) {
                 this.selectedItems.clear();
             }
+            if (!this.force && !this.multiple && newValue === "") {
+                this.value = undefined;
+            }
             this.listOpen = String(newValue).length >= this.minCharacters && ((_a = this.getFilteredItems()) === null || _a === void 0 ? void 0 : _a.length) > 0;
         };
         this.onKeyDown = (e) => {
@@ -76,6 +81,9 @@ export class DuetCombobox {
                 return;
             }
             if (isEscapeKey(e) || isTabKey(e)) {
+                if (this.listOpen) {
+                    e.preventDefault();
+                }
                 this.updateInputText(true);
                 this.activeItem = undefined;
                 this.listOpen = false;
@@ -108,7 +116,7 @@ export class DuetCombobox {
                 }
                 // this should be set to undefined on everything BUT up/down arrow according to the aria 1.1 specs
                 // https://www.w3.org/TR/wai-aria-practices-1.1/#combobox
-                this.input.accessibleActiveDescendant = "active_item";
+                this.input.accessibleActiveDescendant = this.activeDescendantId;
                 this.activeItem = nextActiveItem;
                 this.scrollToActive();
             }
@@ -149,8 +157,16 @@ export class DuetCombobox {
         this.openListOnClick = false;
         this.filterType = "startsWith";
     }
+    popupMenuOpenHandler() {
+        if (this.listOpen) {
+            this.listContainer.show();
+        }
+        else {
+            this.listContainer.hide();
+        }
+    }
     activeItemHandler(state) {
-        this.input.accessibleActiveDescendant = this.listOpen && (state || state === 0) ? `active_item` : "";
+        this.input.accessibleActiveDescendant = this.listOpen && (state || state === 0) ? this.activeDescendantId : "";
     }
     handleDocumentClick(e) {
         //we want to remove all user text if they have NOT selected from the dropdown
@@ -267,6 +283,7 @@ export class DuetCombobox {
         this.input.accessibleExpanded = this.listOpen ? "true" : "false";
         this.input.accessibleAutocomplete = "list";
         this.input.accessibleControls = this.listBoxId;
+        this.input.id = this.inputId;
         this.element.addEventListener("keydown", this.onKeyDown);
         connectLanguageChangeObserver(this, { prop: "accessibleLabels", defaults: "accessibleLabelDefaults" });
         this.processListOpenChange();
@@ -321,6 +338,7 @@ export class DuetCombobox {
         this.value = this.processedItems.filter(item => this.selectedItems.has(item.id)).map(item => item.value);
         this.input.value = "";
         this.updateChips();
+        this.input.setFocus();
     }
     /**
      * Add item with id to the selectedItems set. Used only when multiple is true.
@@ -355,6 +373,8 @@ export class DuetCombobox {
         if (this.selectedItems.has(id)) {
             this.selectedItems.delete(id);
             this.value = undefined;
+            this.input.value = "";
+            await this.input.setFocus();
         }
         else {
             this.selectedItems.clear();
@@ -362,7 +382,7 @@ export class DuetCombobox {
             this.value = this.processedItems.find(item => item.id === id).value;
         }
         if (emitEvent) {
-            this.emitChangeEvent(id);
+            this.emitChangeEvent(this.value && id);
         }
         await this.updateInputText();
     }
@@ -426,6 +446,7 @@ export class DuetCombobox {
             this.input.value = ""; // set value to empty so that cursor position follows accordingly
             this.input.value = await this.getSelectedItemLabel();
             this.input.scrollLeft = this.input.scrollWidth;
+            await this.input.setFocus();
         }
     }
     // Event handlers
@@ -445,7 +466,7 @@ export class DuetCombobox {
     }
     //function that scrolls to the li element with the class "active"
     scrollToActive() {
-        const activeElement = this.listElement.querySelector(".active");
+        const activeElement = document.getElementById(`${this.activeDescendantId}`); // this is undefined on 1st keydown, make it be valid to fix the issue
         if (activeElement) {
             activeElement.scrollIntoView({
                 behavior: "smooth",
@@ -520,16 +541,10 @@ export class DuetCombobox {
         return (h(Host, { class: {
                 "duet-combobox": true,
                 [`duet-theme-${this.theme}`]: true,
-            } }, h("slot", null), h("div", { class: {
-                "duet-combobox-list": true,
-                open: this.listOpen,
-            }, ref: el => (this.listContainer = el) }, h("ul", { class: {
-                "duet-combobox-listbox-open": this.listOpen,
-                "duet-combobox-listbox": true,
-            }, role: "listbox", ref: el => (this.listElement = el), id: this.listBoxId }, this.listOpen &&
+            } }, h("slot", null), h("div", null, h("duet-popup-menu", { id: this.listBoxId, controller: this.input, ref: el => (this.listContainer = el), accessibleRole: "listbox" }, h("div", { class: "combobox-menu-container" }, this.listOpen &&
             selectElements.map((item, index) => {
-                return (h(DuetComboBoxSelect, { item: item, active: index === this.activeItem, selected: this.selectedItems.has(item.id), search: this.inputValue, clickHandler: e => this.onListClick(e, item), label: this.formatLabel(item, index, selectElements.length, this.processedItems.length), isAndroidDevice: this.isAndroidDevice }));
-            })))));
+                return (h(DuetComboBoxSelect, { id: this.activeDescendantId, item: item, activeDescendant: index === this.activeItem, selected: this.selectedItems.has(item.id), search: this.inputValue, clickHandler: e => this.onListClick(e, item), label: this.formatLabel(item, index, selectElements.length, this.processedItems.length), isAndroidDevice: this.isAndroidDevice }));
+            }), h("duet-spacer", { size: "x-small" }))))));
     }
     static get is() { return "duet-combobox"; }
     static get encapsulation() { return "scoped"; }
@@ -712,7 +727,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     }
@@ -746,7 +761,7 @@ export class DuetCombobox {
                     "text": "Value of selected item/s. If multiple is true, value is an array of selected items, else it's a string."
                 },
                 "attribute": "value",
-                "reflect": true
+                "reflect": false
             },
             "minCharacters": {
                 "type": "number",
@@ -830,7 +845,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxEvent"
                         }
                     }
@@ -854,7 +869,7 @@ export class DuetCombobox {
                         },
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     },
@@ -873,6 +888,9 @@ export class DuetCombobox {
     static get elementRef() { return "element"; }
     static get watchers() {
         return [{
+                "propName": "listOpen",
+                "methodName": "popupMenuOpenHandler"
+            }, {
                 "propName": "activeItem",
                 "methodName": "activeItemHandler"
             }, {

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: 'c532807993d52b8f0054daa3af2c7f80e61fa810', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'bdd79055f3abe795b0ea44a9d7fdf7b08c656b60', class: {
+        return (h(Host, { key: '74f85ad21c040a5a98dee8c360b9958be3109855', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'd11d8de783ddd26e09d9e96923dc781f569e93f9', 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: 'f8d9f6d95737f5c485222a502b9d2502ede2a1cb' }, this.name && (h("duet-heading", { key: '10f87bf9b703fc0a609424b9d29130331b6151d8', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '9681851717e78eda1148c1117abddb24b4c12aff', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '6bf8e40774ac3672d0e74b1e251e8c48e70762fb', class: "email" }, h("duet-icon", { key: '2065dcdc7368544f350baf4635052d8c52c4b79d', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '552d329f8d98ab48633a920b6ca39737a7fc1f75', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '8670d1b4a2672a8921f4e4a49291873094261b7b', class: "phone" }, h("duet-icon", { key: '3428663c19aeab970654ad2ddc5e9e33a0a41259', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'f314ea75ea7d635b4fc128716dcc0aee5ff7b254', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'e2345368c3ba15cd74835e2aa61923038b3a205f', class: "call-to-action" }, h("duet-button", { key: '921f29a51d7a163a2246b451c3cae550cee443d9', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '9d98b0a893846972eac2a2285ad39e6f09a52fde' }), h("slot", { key: 'cf3781665288e173c754529dce701b834631c3a1' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '7e934c796778de29e95e94bebec6937048b78566' }, this.name && (h("duet-heading", { key: '26031bfeb5a46a69ebba836bd1cc714b077bb121', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '8768df03c1a5dfb04cdf1eda46da5a327bbf3324', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '92235e6bd3a7012a478cfd8100e4f5701f9ea950', class: "email" }, h("duet-icon", { key: '3fe17e7cc18b9f724be2627dcb4e0adf667aaf5b', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'cc356db4a9b7f198504873d3e335cd6f83d7c70c', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: 'b9e6b3cc84f4aa81599ff5b7cd626f3e5f03ab33', class: "phone" }, h("duet-icon", { key: '3223b182ee564f36ec8994536981eb6bc9fba82d', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '2396ee622e62c5a5be8dde2ecc9edecbb823cc9a', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'b5d4135434a9627822c9569ae9945bc5c3c2441a', class: "call-to-action" }, h("duet-button", { key: '7ebaddbe3b97f9916fada3f248c343eb7bd6bdde', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '12212314eff53718f85f30af84592ee6447b6b7b' }), h("slot", { key: 'd1d55182364ac381b7f4ce0bcdecc6c0643739bc' }))));
     }
     static get is() { return "duet-contact-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -117,7 +117,7 @@ export class DuetCookieConsent {
                     "references": {
                         "DuetCookieConsentEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
                             "id": "src/components/duet-cookie-consent/duet-cookie-consent.tsx::DuetCookieConsentEvent"
                         }
                     }

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

@@ -795,7 +795,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerDirection": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerDirection"
                         }
                     }
@@ -989,7 +989,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerChangeEvent"
                         }
                     }
@@ -1010,7 +1010,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerFocusEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
                         }
                     }
@@ -1031,7 +1031,7 @@ export class DuetDatePicker {
                     "references": {
                         "DuetDatePickerFocusEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
                             "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
                         }
                     }

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

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

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

@@ -304,7 +304,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableActions": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableActions"
                         }
                     }
@@ -329,7 +329,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableColumns": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableColumns"
                         }
                     }
@@ -354,7 +354,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetEditableTableRows": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableRows"
                         }
                     }
@@ -490,7 +490,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetTableToggleEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableToggleEvent"
                         }
                     }
@@ -511,7 +511,7 @@ export class DuetEditableTable {
                     "references": {
                         "DuetTableMenuEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
                             "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableMenuEvent"
                         }
                     }

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

@@ -97,7 +97,7 @@ export class DuetEmptyState {
                     "references": {
                         "DuetEmptyStateSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-empty-state/duet-empty-state.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-empty-state/duet-empty-state.tsx",
                             "id": "src/components/duet-empty-state/duet-empty-state.tsx::DuetEmptyStateSize"
                         }
                     }

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: '4da3e5f66820460f1ef0493f60f630c76d818473', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: 'ed739d61e287215e42e4506b4c71595540bc361d', "aria-labelledby": this.labelId, "aria-describedby": this.error ? this.errorId : null,
+        return (h(Host, { key: 'f1f3d444a12a63dc805ed39d5df2127e5bb1a6b0', class: { "duet-m-0": this.margin === "none" } }, h("fieldset", { key: 'ee4f9a2ecd2929ec5c3a8ef1451d576455fdeb3c', "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: '2bad3be10867df4d945fd05b0dc208107ed6a792', id: this.labelId }, h(this.labelHeadingLevel, { key: 'd6cc673f67359ddd2ee7e5edd740de0c465e1ac8' }, this.label), this.caption && h("span", { key: '1831049370a39c6d8ac1e63cad3f56516ffa2073' }, this.caption)), h("div", { key: '58aeac7ddfee203189ab2e9f9d796b370de6ab89', class: {
+            } }, h("legend", { key: 'f28701a95d80391e51b4da87c959632b5a8d1ffb', id: this.labelId }, h(this.labelHeadingLevel, { key: '00174cf4da53b36e02cbb1baa6e7f394e4837013' }, this.label), this.caption && h("span", { key: 'c9cd441e8bca0154ef1813ddfbde9dfaf340c5aa' }, this.caption)), h("div", { key: '50f3f035319e6d60aef074d6469e4a61577fc15b', 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: '5572f59933addae60637f304ffb1dc900313375e', class: "duet-fieldset-label" }, h("span", { key: '35c227c6950d0d5f2717a967d3d660022ef91915', "aria-hidden": "true" }, this.label), h("slot", { key: '1e0b4cff03a36a0e101e972b36d5bbfeef399e7f', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '139fb6fddaace73d9ef5e0d6c3c07b5281641f65', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '4603eb768b61f4b6b342c5b08549dd708bcc2c1b', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '6e0732f202a8228c0b5c10d2dfe54f072e829837' }), h("span", { key: '90b501fd275d5bdd63a500c2478e0831b48f2fbe', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '55be98cfad770433b98a20fa045e1bcb15433441' }, this.error)))));
+            } }, h("div", { key: '3295a828e865f3a098633a3dc6ef7a3be348aa26', class: "duet-fieldset-label" }, h("span", { key: '72f62a24e4815ff4a9807c030c32b6dedef0d667', "aria-hidden": "true" }, this.label), h("slot", { key: '890f95bd218c8b0bbdfc1a408c1449fa2b56afbb', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (h("div", { key: '8dc56ad89eb4bac4a5e4563f45200a8d2993dc47', class: "duet-fieldset-caption", "aria-hidden": "true" }, h("duet-caption", { key: '2321bfb5f6e91b96fbdf2514e697e9de2265b22d', theme: this.theme, margin: "none" }, this.caption)))), h("slot", { key: '27c31b44f71cdf4b5a4a7902c4df395f175f2e8e' }), h("span", { key: '31d68af77217b877f00493b906a41a03eb67672c', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && h("span", { key: '131471978f9b59dad56ad633dd52609578c66c62' }, this.error)))));
     }
     static get is() { return "duet-fieldset"; }
     static get encapsulation() { return "shadow"; }

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

@@ -137,7 +137,7 @@ export class DuetUploadItem {
                     "references": {
                         "DuetFileChooserEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-file-chooser/duet-file-chooser.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-file-chooser/duet-file-chooser.tsx",
                             "id": "src/components/duet-file-chooser/duet-file-chooser.tsx::DuetFileChooserEvent"
                         }
                     }