@duetds/components 8.4.5 → 8.4.7

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

@@ -1,8 +1,9 @@
 /*!
  * 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 { getElementsFromDefaultSlot, hasSlot } from "../../utils/slot-utils";
 /**
  * @slot collapse-button-label - This is to label collapse button.
  */
@@ -12,8 +13,7 @@ export class DuetScrollable {
          * Private variables and constants index
          */
         this.currentIndex = 0;
-        this.tabListElement = undefined;
-        this.tabListClass = "duet-scrollable-list";
+        this.scrollPaneElement = undefined;
         this.hasCollapseButtonLabelSlot = false;
         this.resizeObserver = new ResizeObserver(entries => {
             var _a, _b, _c, _d;
@@ -22,41 +22,36 @@ export class DuetScrollable {
                 const currentWidth = (_b = (_a = entries[0]) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width;
                 const scrollWidth = (_d = (_c = entries[0]) === null || _c === void 0 ? void 0 : _c.target) === null || _d === void 0 ? void 0 : _d.scrollWidth;
                 // in order to avoid state "jumping" on the boundary condition we add a few pixels to the comparison
-                this.isTabContentSmallerThanWrapper = scrollWidth > currentWidth + 5;
+                this.isScrollPaneContentSmallerThanWrapper = scrollWidth > currentWidth + 5;
             }
         });
         this.collapsedOnClick = () => {
             this.collapsed = !this.collapsed;
         };
-        this.tablistAtStart = true;
-        this.isTabContentSmallerThanWrapper = false;
-        this.tablistAtEnd = false;
+        this.scrollPaneAtStart = true;
+        this.isScrollPaneContentSmallerThanWrapper = true;
+        this.scrollPaneAtEnd = false;
         this.childrenData = {};
         this.theme = "";
         this.identifier = "";
         this.collapsed = false;
         this.buttons = true;
+        this.buttonAlignment = "center";
         this.center = false;
         this.selected = 0;
     }
     watchPropHandler(newValue) {
-        this.scrollToTab(newValue, "center");
+        this.scrollToElement(newValue, "center");
     }
     /**
      * Component lifecycle events.
      */
     componentWillLoad() {
         inheritGlobalTheme(this);
-        this.hasCollapseButtonLabelSlot = Build.isServer
-            ? Array.from(this.element.children).filter(el => el.matches("[slot='collapse-button-label']")).length > 0
-            : !!this.element.querySelector(":scope > [slot='collapse-button-label']");
-        const slotted = Build.isServer
-            ? Array.from(this.element.children).filter(el => el.matches("[slot='collapse-button-label']"))
-            : this.element.querySelectorAll(":scope > :not([slot='collapse-button-label'])");
-        this.childrenData = { hasChildren: slotted && slotted.length > 0, numberOfChildren: slotted && slotted.length };
+        this.hasCollapseButtonLabelSlot = hasSlot(this.element, "collapse-button-label");
     }
     componentDidLoad() {
-        this.resizeObserver.observe(this.tabListElement);
+        this.resizeObserver.observe(this.scrollPaneElement);
     }
     disconnectedCallback() {
         this.resizeObserver.disconnect();
@@ -64,55 +59,56 @@ export class DuetScrollable {
     /**
      * Private methods.
      */
+    getScrollPaneElemnets() {
+        return getElementsFromDefaultSlot(this.element);
+    }
     getLastVisibleElement() {
-        const clientWidth = this.tabListElement.clientWidth;
-        const xValues = Array.from(this.element.querySelectorAll("button")).findIndex(element => element.getBoundingClientRect().x > clientWidth);
-        return xValues;
+        const clientWidth = this.scrollPaneElement.clientWidth;
+        const elementIndex = this.getScrollPaneElemnets().findIndex(el => el.getBoundingClientRect().x > clientWidth);
+        return elementIndex;
     }
     getFirstVisibleElement() {
-        const buttonCollection = this.element.querySelectorAll("button");
-        // reverse the array because we want the first invisible element form the middle, not the first in the list
-        const arrayOfXValues = Array.from(buttonCollection).map(el => el.getBoundingClientRect().x - el.getBoundingClientRect().width);
-        const xValues = arrayOfXValues.findIndex(element => {
-            return element > 0;
+        const arrayOfXValues = this.getScrollPaneElemnets().map(el => el.getBoundingClientRect().x - el.getBoundingClientRect().width);
+        const elementIndex = arrayOfXValues.findIndex(xValue => {
+            return xValue > 0;
         });
-        return xValues;
+        return elementIndex;
     }
-    updateScrollButtons(container = this.tabListElement) {
+    updateScrollButtons(container = this.scrollPaneElement) {
         if (!this.buttons) {
             return;
         }
         if (container.scrollLeft <= 0) {
-            this.tablistAtStart = true;
+            this.scrollPaneAtStart = true;
         }
         else if (container.scrollLeft > 0) {
-            this.tablistAtStart = false;
+            this.scrollPaneAtStart = false;
         }
         if (container.clientWidth + container.scrollLeft + 10 >= container.scrollWidth) {
-            this.tablistAtEnd = true;
+            this.scrollPaneAtEnd = true;
         }
         else if (container.clientWidth + container.scrollLeft + 10 < container.scrollWidth) {
-            this.tablistAtEnd = false;
+            this.scrollPaneAtEnd = false;
         }
     }
-    scrollToTab(index = this.currentIndex, inline) {
-        if (!this.childrenData.hasChildren) {
+    scrollToElement(index = this.currentIndex, inline) {
+        const elements = this.getScrollPaneElemnets();
+        if (!elements || elements.length === 0) {
             return;
         }
-        if (index + 1 >= this.childrenData.numberOfChildren) {
-            index = this.childrenData.numberOfChildren - 1;
+        if (index + 1 >= elements.length) {
+            index = elements.length - 1;
         }
         if (index < 0) {
             index = 0;
         }
-        const buttons = this.element.querySelectorAll("button");
         // store previous position
-        let prevPosition = buttons[0].getBoundingClientRect().x;
+        let prevPosition = elements[0].getBoundingClientRect().x;
         // iterations to run
         let ticksWhereScrollDidNotHappen = 5;
         const getAnimationFrame = () => {
             // if we get the same value enter the logic loop
-            if (buttons[0].getBoundingClientRect().x === prevPosition) {
+            if (elements[0].getBoundingClientRect().x === prevPosition) {
                 ticksWhereScrollDidNotHappen--;
                 // When iteration is not complete run the calculation again
                 if (ticksWhereScrollDidNotHappen !== 0) {
@@ -123,21 +119,21 @@ export class DuetScrollable {
             }
             else {
                 window.requestAnimationFrame(getAnimationFrame);
-                prevPosition = buttons[0].getBoundingClientRect().x;
+                prevPosition = elements[0].getBoundingClientRect().x;
             }
         };
-        buttons[index].scrollIntoView({ behavior: "smooth", inline });
+        elements[index].scrollIntoView({ behavior: "smooth", block: "nearest", inline });
         window.requestAnimationFrame(getAnimationFrame);
     }
     scrollLeft() {
-        this.tablistAtEnd = false;
+        this.scrollPaneAtEnd = false;
         const first = this.getFirstVisibleElement() - 1;
-        this.scrollToTab(first, "center");
+        this.scrollToElement(first, "center");
     }
     scrollRight() {
-        this.tablistAtStart = false;
+        this.scrollPaneAtStart = false;
         const last = this.getLastVisibleElement() + 1;
-        this.scrollToTab(last, "center");
+        this.scrollToElement(last, "center");
     }
     /**
      * render() function
@@ -149,23 +145,25 @@ export class DuetScrollable {
                 "duet-theme-default": this.theme === "default",
             } }, this.hasCollapseButtonLabelSlot && (h("div", { class: {
                 collapse: true,
-                hide: !this.isTabContentSmallerThanWrapper && !this.collapsed,
+                hide: !this.isScrollPaneContentSmallerThanWrapper && !this.collapsed,
             } }, h("duet-button", { variation: "plain", margin: "none", "center-text": true, onClick: () => this.collapsedOnClick() }, h("slot", { name: "collapse-button-label" })))), h("div", { class: {
                 "duet-scrollable-items": true,
                 buttons: this.buttons,
                 center: this.center,
             } }, h("button", { part: `${this.identifier}-button-left`, "aria-hidden": "true", class: {
                 "duet-scrollable-button": true,
+                [`duet-scrollable-button--${this.buttonAlignment}`]: true,
                 "duet-scrollable-button--left": true,
-                "duet-scrollable-button--occluded": !this.isTabContentSmallerThanWrapper,
-            }, onClick: () => this.scrollLeft(), disabled: this.tablistAtStart, tabindex: "-1", hidden: !this.buttons }, h("duet-icon", { name: "action-arrow-left-small", size: "small", margin: "none" })), h("div", { class: {
-                [this.tabListClass]: true,
+                "duet-scrollable-button--occluded": !this.isScrollPaneContentSmallerThanWrapper,
+            }, onClick: () => this.scrollLeft(), disabled: this.scrollPaneAtStart, tabindex: "-1", hidden: !this.buttons }, h("duet-icon", { name: "action-arrow-left-small", size: "small", margin: "none" })), h("div", { class: {
+                "duet-scrollable-list": true,
                 collapsed: this.collapsed,
-            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.tabListElement = element) }, h("slot", null)), h("button", { part: `${this.identifier}-button-right`, "aria-hidden": "true", class: {
+            }, onScroll: () => this.updateScrollButtons(), ref: element => (this.scrollPaneElement = element) }, h("slot", null)), h("button", { part: `${this.identifier}-button-right`, "aria-hidden": "true", class: {
                 "duet-scrollable-button": true,
+                [`duet-scrollable-button--${this.buttonAlignment}`]: true,
                 "duet-scrollable-button--right": true,
-                "duet-scrollable-button--occluded": !this.isTabContentSmallerThanWrapper,
-            }, onClick: () => this.scrollRight(), disabled: this.tablistAtEnd, tabindex: "-1", hidden: !this.buttons }, h("duet-icon", { name: "action-arrow-right-small", size: "small", margin: "none" })))));
+                "duet-scrollable-button--occluded": !this.isScrollPaneContentSmallerThanWrapper,
+            }, onClick: () => this.scrollRight(), disabled: this.scrollPaneAtEnd, tabindex: "-1", hidden: !this.buttons }, h("duet-icon", { name: "action-arrow-right-small", size: "small", margin: "none" })))));
     }
     static get is() { return "duet-scrollable"; }
     static get encapsulation() { return "shadow"; }
@@ -259,6 +257,24 @@ export class DuetScrollable {
                 "reflect": false,
                 "defaultValue": "true"
             },
+            "buttonAlignment": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"top\" | \"center\" | \"bottom\"",
+                    "resolved": "\"bottom\" | \"center\" | \"top\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Vertical alignment of the previous and forward buttons. Defaults to center."
+                },
+                "attribute": "button-alignment",
+                "reflect": false,
+                "defaultValue": "\"center\""
+            },
             "center": {
                 "type": "boolean",
                 "mutable": false,
@@ -299,9 +315,9 @@ export class DuetScrollable {
     }
     static get states() {
         return {
-            "tablistAtStart": {},
-            "isTabContentSmallerThanWrapper": {},
-            "tablistAtEnd": {},
+            "scrollPaneAtStart": {},
+            "isScrollPaneContentSmallerThanWrapper": {},
+            "scrollPaneAtEnd": {},
             "childrenData": {}
         };
     }

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

@@ -194,7 +194,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectVariation": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectVariation"
                         }
                     }
@@ -510,7 +510,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectItems": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectItems"
                         }
                     }
@@ -701,7 +701,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }
@@ -722,7 +722,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }
@@ -743,7 +743,7 @@ export class DuetSelect {
                     "references": {
                         "DuetSelectEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-select/duet-select.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-select/duet-select.tsx",
                             "id": "src/components/duet-select/duet-select.tsx::DuetSelectEvent"
                         }
                     }

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

@@ -439,7 +439,7 @@ export class DuetShowMore {
                     "references": {
                         "DuetShowMoreToggleEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-show-more/duet-show-more.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-show-more/duet-show-more.tsx",
                             "id": "src/components/duet-show-more/duet-show-more.tsx::DuetShowMoreToggleEvent"
                         }
                     }

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

@@ -357,7 +357,7 @@ export class DuetSlideout {
                     "references": {
                         "DuetSlideoutEventDetails": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-slideout/duet-slideout.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-slideout/duet-slideout.tsx",
                             "id": "src/components/duet-slideout/duet-slideout.tsx::DuetSlideoutEventDetails"
                         }
                     }

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

@@ -27,29 +27,11 @@ export class DuetSlideoutPanel {
             const labelSlotElement = this.element.querySelector("[slot='label']");
             this.label = labelSlotElement;
         };
-        this.onToggleClick = () => {
-            const toggle = !this.open;
-            this.open = toggle;
-            if (toggle) {
-                setTimeout(() => {
-                    const siblings = Array.from(this.element.parentElement.children);
-                    siblings.forEach(sibling => {
-                        if (sibling !== this.element) {
-                            sibling.inert = true;
-                        }
-                    });
-                    this.closeButton.focus();
-                }, 200);
-            }
-            else {
-                setTimeout(() => {
-                    const siblings = Array.from(this.element.parentElement.children);
-                    siblings.forEach(sibling => {
-                        sibling.inert = false;
-                    });
-                    this.openButton.focus();
-                }, 200);
-            }
+        this.toggleMenu = () => {
+            this.open = !this.open;
+        };
+        this.onClick = () => {
+            this.toggleMenu();
         };
         this.onCloseClick = e => {
             e.stopPropagation();
@@ -82,6 +64,31 @@ export class DuetSlideoutPanel {
     disconnectedCallback() {
         disconnectLanguageChangeObserver(this);
     }
+    handleOpenChange(newValue, oldValue) {
+        if (!!newValue === !!oldValue) {
+            return;
+        }
+        if (this.open && !oldValue) {
+            setTimeout(() => {
+                const siblings = Array.from(this.element.parentElement.children);
+                siblings.forEach(sibling => {
+                    if (sibling !== this.element) {
+                        sibling.inert = true;
+                    }
+                });
+                this.closeButton.focus();
+            }, 200);
+        }
+        else if (!this.open && oldValue) {
+            setTimeout(() => {
+                const siblings = Array.from(this.element.parentElement.children);
+                siblings.forEach(sibling => {
+                    sibling.inert = false;
+                });
+                this.openButton.focus();
+            }, 200);
+        }
+    }
     /**
      * Sets focus. Use this method instead of the global focus().
      */
@@ -119,12 +126,12 @@ export class DuetSlideoutPanel {
             } }, h("button", { ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onToggleClick, inert: this.open }, this.icon && h("duet-icon", { name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { class: "label" }, h("span", { class: { "label-text": true, [this.labelSize]: true } }, h("slot", { name: "label" })), h("duet-icon", { class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && h("duet-icon", { name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { class: "label" }, h("span", { class: { "label-text": true, [this.labelSize]: true } }, h("slot", { name: "label" })), h("duet-icon", { class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { class: {
                 dialog: true,
                 hidden: !this.open,
             }, style: styles }, h(FocusGuard, { moveFocusTo: this.closeButton }), h("div", { class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { class: "top" }, h("button", { ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
                 back: true,
-            }, onClick: this.onToggleClick }, h("duet-icon", { class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", null, this.label.innerHTML), h("button", { class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { class: "sticky-header" }, h("slot", { name: "sticky-header" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, h("duet-icon", { class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", null, this.label.innerHTML), h("button", { class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { class: "sticky-header" }, h("slot", { name: "sticky-header" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
             } }, h("slot", null)), h(FocusGuard, { moveFocusTo: this.closeButton })))));
     }
@@ -300,4 +307,10 @@ export class DuetSlideoutPanel {
         };
     }
     static get elementRef() { return "element"; }
+    static get watchers() {
+        return [{
+                "propName": "open",
+                "methodName": "handleOpenChange"
+            }];
+    }
 }

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

@@ -49,7 +49,7 @@ export class DuetSpacer {
                     "references": {
                         "DuetSpacerSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spacer/duet-spacer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx",
                             "id": "src/components/duet-spacer/duet-spacer.tsx::DuetSpacerSize"
                         }
                     }
@@ -97,7 +97,7 @@ export class DuetSpacer {
                     "references": {
                         "DuetSpacerBreakpoint": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spacer/duet-spacer.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spacer/duet-spacer.tsx",
                             "id": "src/components/duet-spacer/duet-spacer.tsx::DuetSpacerBreakpoint"
                         }
                     }

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

@@ -96,7 +96,7 @@ export class DuetSpinner {
                     "references": {
                         "DuetSpinnerSize": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-spinner/duet-spinner.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-spinner/duet-spinner.tsx",
                             "id": "src/components/duet-spinner/duet-spinner.tsx::DuetSpinnerSize"
                         }
                     }

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

@@ -202,7 +202,7 @@ export class DuetStep {
                     "references": {
                         "DuetStepState": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-step/duet-step.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-step/duet-step.tsx",
                             "id": "src/components/duet-step/duet-step.tsx::DuetStepState"
                         }
                     }
@@ -280,7 +280,7 @@ export class DuetStep {
                     "references": {
                         "DuetStepClickEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-step/duet-step.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-step/duet-step.tsx",
                             "id": "src/components/duet-step/duet-step.tsx::DuetStepClickEvent"
                         }
                     }

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

@@ -225,7 +225,7 @@ export class DuetStepper {
                     "references": {
                         "DuetStepChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-stepper/duet-stepper.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-stepper/duet-stepper.tsx",
                             "id": "src/components/duet-stepper/duet-stepper.tsx::DuetStepChangeEvent"
                         }
                     }

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

@@ -325,7 +325,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabVariation": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabVariation"
                         }
                     }
@@ -569,7 +569,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -590,7 +590,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -611,7 +611,7 @@ export class DuetTabGroup {
                     "references": {
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     }
@@ -635,7 +635,7 @@ export class DuetTabGroup {
                         },
                         "DuetTabGroupEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tab-group/duet-tab-group.tsx",
                             "id": "src/components/duet-tab-group/duet-tab-group.tsx::DuetTabGroupEvent"
                         }
                     },

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

@@ -807,7 +807,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -828,7 +828,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -849,7 +849,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }
@@ -870,7 +870,7 @@ export class DuetTextarea {
                     "references": {
                         "DuetTextareaEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-textarea/duet-textarea.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-textarea/duet-textarea.tsx",
                             "id": "src/components/duet-textarea/duet-textarea.tsx::DuetTextareaEvent"
                         }
                     }

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

@@ -486,7 +486,7 @@ export class DuetToggle {
                     "references": {
                         "DuetToggleChangeEvent": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-toggle/duet-toggle.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-toggle/duet-toggle.tsx",
                             "id": "src/components/duet-toggle/duet-toggle.tsx::DuetToggleChangeEvent"
                         }
                     }

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

@@ -440,7 +440,7 @@ export class DuetTooltip {
                     "references": {
                         "DuetTooltipBreakpoint": {
                             "location": "local",
-                            "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
+                            "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-tooltip/duet-tooltip.tsx",
                             "id": "src/components/duet-tooltip/duet-tooltip.tsx::DuetTooltipBreakpoint"
                         }
                     }