@duetds/components 10.0.0-alpha.9 → 10.1.0

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

@@ -15,6 +15,7 @@ import { inheritGlobalTheme } from "../../common/themeable-component";
 import { isArrowDownKey, isArrowLeftKey, isArrowRightKey, isArrowUpKey, isEscapeKey, isSpaceKey, subscribeTabbingChange, unsubscribeTabbingChange, } from "../../utils/keyboard-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
 import { parsePossibleJSON } from "../../utils/string-utils";
+import { postfixTheme } from "../../utils/token-utils";
 import { DuetHeaderDropdown } from "./duet-header-dropdown";
 import { DuetHeaderHamburger } from "./duet-header-hamburger";
 import { DuetHeaderIcon } from "./duet-header-icon";
@@ -39,6 +40,148 @@ export class DuetHeader {
         this.hasLanguageChanged = false;
         this.mql = [window.matchMedia(media_query_large.replace(/'/g, ""))];
         this.boundMqlFunctions = [];
+        /**
+         * State() variables
+         * Inlined decorator, alphabetical order.
+         */
+        this.isContactOpen = false;
+        this.isLanguageOpen = false;
+        this.isSessionOpen = false;
+        this.isSlideOutOpen = false;
+        this.isSegmentOpen = false;
+        this.openMenu = null;
+        this.closedActives = null;
+        this.processedItems = null;
+        this.processedLanguageItems = null;
+        this.processedContactItems = null;
+        this.processedSession = null;
+        this.processedSearch = null;
+        this.processedUser = null;
+        this.processedBack = null;
+        this.renderDesktopNav = Build.isServer ? true : (_a = this.mql[0]) === null || _a === void 0 ? void 0 : _a.matches;
+        /**
+         * Theme of the header.
+         */
+        this.theme = "";
+        /**
+         * The currently active language. This setting also changes the logo to match
+         * the chosen language.
+         * @deprecated this is now handled via the html lang tag, and is no longer used - kept to avoid breaking changes and ease unit testing
+         * @default "fi"
+         */
+        this.language = getLanguage();
+        /**
+         * Default strings for accessibleI18nLabels
+         * @default {
+          fi: {
+            skipLabel: "Siirry pääsisältöön",
+            changeLanguage: "Vaihda kieltä",
+            activeLanguage: "Suomi valittuna",
+          },
+          sv: {
+            skipLabel: "Hoppa till huvudinnehåll",
+            changeLanguage: "Ändra Språk",
+            activeLanguage: "Svenska valt",
+          },
+          en: {
+            skipLabel: "Skip to main content",
+            changeLanguage: "Change language",
+            activeLanguage: "English selected",
+          },
+        }
+         */
+        this.accessibleI18nLabelsDefaults = {
+            fi: {
+                skipLabel: "Siirry pääsisältöön",
+                changeLanguage: "Vaihda kieltä",
+                activeLanguage: "Suomi valittuna",
+            },
+            sv: {
+                skipLabel: "Gå till huvudinnehåll",
+                changeLanguage: "Ändra Språk",
+                activeLanguage: "Svenska valt",
+            },
+            en: {
+                skipLabel: "Skip to main content",
+                changeLanguage: "Change language",
+                activeLanguage: "English selected",
+            },
+        };
+        /**
+         * Adds i18n translations of all internally used textStrings
+         * @default {
+          fi: {
+            skipLabel: "Siirry pääsisältöön",
+            changeLanguage: "Vaihda kieltä",
+            activeLanguage: "Suomi valittuna",
+          },
+          sv: {
+            skipLabel: "Hoppa till huvudinnehåll",
+            changeLanguage: "Ändra Språk",
+            activeLanguage: "Svenska valt",
+          },
+          en: {
+            skipLabel: "Skip to main content",
+            changeLanguage: "Change language",
+            activeLanguage: "English selected",
+          },
+        }
+         */
+        this.accessibleI18nLabels = getLocaleString(this.accessibleI18nLabelsDefaults);
+        /**
+         * Property to change accessibleLabelExternal defaults on the component.
+         * normally you would handle these strings on an application level and override accessibleLabelExternal when needed
+         * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
+         */
+        this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
+        /**
+         * Adds accessible label for tooltip that is shown in external link (url & external have both been set)
+         * @default {fi: "Avautuu uuteen ikkunaan",sv: "Öppnas i nytt fönster",en: "Opens in a new window"}
+         */
+        this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
+        /**
+         * Property to change accessibleLabel defaults on the component.
+         * normally you would handle these strings on an application level and override accessibleLabel when needed
+         */
+        this.accessibleLabelDefaults = {
+            fi: "Valikko",
+            sv: "Meny",
+            en: "Menu",
+        };
+        /**
+         * Accessible label that is shown for screen reader users in the mobile
+         * navigation toggle. Not visible for normal users.
+         * @default {
+          fi: "Valikko",
+          sv: "Meny",
+          en: "Menu",
+        }
+         */
+        this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults);
+        /**
+         * URL that the logo link points to.
+         */
+        this.logoHref = "/";
+        /**
+         * The href of the current page item that is shown as “active”.
+         * Note: not available in multilevel headers.
+         */
+        this.currentHref = "/";
+        /**
+         * The ID of the element where "skip to content" link should take the user.
+         * If empty, the functionality won’t be rendered in the DOM.
+         */
+        this.skipToId = "";
+        /**
+         * Region that is shown next to the logo. If empty, region will be hidden.
+         * Note: not available in multilevel header.
+         */
+        this.region = "";
+        /**
+         * Label of the contact menu. If empty, contact menu will be hidden.
+         * Note: not available in multilevel headers.
+         */
+        this.contact = "";
         this.handleClick = (event, moveFocusToButton = false) => {
             if (event.data.analyticsId) {
                 this.duetAnalytics.emit({
@@ -195,61 +338,6 @@ export class DuetHeader {
                 originalEvent: ev,
             });
         };
-        this.isContactOpen = false;
-        this.isLanguageOpen = false;
-        this.isSessionOpen = false;
-        this.isSlideOutOpen = false;
-        this.isSegmentOpen = false;
-        this.openMenu = null;
-        this.closedActives = null;
-        this.processedItems = null;
-        this.processedLanguageItems = null;
-        this.processedContactItems = null;
-        this.processedSession = null;
-        this.processedSearch = null;
-        this.processedUser = null;
-        this.processedBack = null;
-        this.renderDesktopNav = Build.isServer ? true : (_a = this.mql[0]) === null || _a === void 0 ? void 0 : _a.matches;
-        this.theme = "";
-        this.language = getLanguage();
-        this.accessibleI18nLabelsDefaults = {
-            fi: {
-                skipLabel: "Siirry pääsisältöön",
-                changeLanguage: "Vaihda kieltä",
-                activeLanguage: "Suomi valittuna",
-            },
-            sv: {
-                skipLabel: "Gå till huvudinnehåll",
-                changeLanguage: "Ändra Språk",
-                activeLanguage: "Svenska valt",
-            },
-            en: {
-                skipLabel: "Skip to main content",
-                changeLanguage: "Change language",
-                activeLanguage: "English selected",
-            },
-        };
-        this.accessibleI18nLabels = getLocaleString(this.accessibleI18nLabelsDefaults);
-        this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
-        this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
-        this.accessibleLabelDefaults = {
-            fi: "Valikko",
-            sv: "Meny",
-            en: "Menu",
-        };
-        this.accessibleLabel = getLocaleString(this.accessibleLabelDefaults);
-        this.user = undefined;
-        this.logoHref = "/";
-        this.currentHref = "/";
-        this.skipToId = "";
-        this.items = undefined;
-        this.region = "";
-        this.session = undefined;
-        this.search = undefined;
-        this.back = undefined;
-        this.contact = "";
-        this.contactItems = undefined;
-        this.languageItems = undefined;
     }
     /**
      * Component lifecycle events.
@@ -429,7 +517,7 @@ export class DuetHeader {
         const skipToLabel = () => this.skipToId ? (h("a", { href: this.skipToId, class: "duet-header-skip", onClick: this.handleSkipClick }, skipLabel)) : null;
         const logo = () => (h("duet-logo", { href: this.logoHref, size: "medium", ref: el => (this.logoEl = el), language: this.language, theme: this.theme, onClick: this.handleLogoClick }));
         const largeLogo = () => (h("duet-logo", { href: this.logoHref, size: "large", ref: el => (this.logoEl = el), language: this.language, theme: this.theme, onClick: this.handleLogoClick }));
-        const contactDropdown = () => this.contact && this.processedContactItems ? (h(DuetHeaderDropdown, { id: "duet-header-contact", label: this.contact, icon: contactDropdownIcon.svg, active: this.isContactOpen, isOpen: this.isContactOpen, badge: false, toggleRef: el => (this.contactItemsButtonEl = el), itemsRef: el => (this.contactItemsEl = el), onToggle: event => this.toggleMenu(event, "contact") }, this.processedContactItems.map(item => (h("a", { role: "menuitem", href: item.href || "#", id: item.id, onClick: event => this.handleContactClick(event, item), onKeyDown: ev => this.handleArrowKeys(ev), target: item.external ? "_blank" : "_self" }, item.label, Build.isBrowser && item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-header-link-external" }, h("duet-icon", { name: "action-new-window-small", size: "xx-small", margin: "none", color: this.theme === "turva" ? "primary-turva" : "primary" }))))))))) : null;
+        const contactDropdown = () => this.contact && this.processedContactItems ? (h(DuetHeaderDropdown, { id: "duet-header-contact", label: this.contact, icon: contactDropdownIcon.svg, active: this.isContactOpen, isOpen: this.isContactOpen, badge: false, toggleRef: el => (this.contactItemsButtonEl = el), itemsRef: el => (this.contactItemsEl = el), onToggle: event => this.toggleMenu(event, "contact") }, this.processedContactItems.map(item => (h("a", { role: "menuitem", href: item.href || "#", id: item.id, onClick: event => this.handleContactClick(event, item), onKeyDown: ev => this.handleArrowKeys(ev), target: item.external ? "_blank" : "_self" }, item.label, Build.isBrowser && item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-header-link-external" }, h("duet-icon", { name: "action-new-window-small", size: "xx-small", margin: "none", color: postfixTheme("primary", this.theme) }))))))))) : null;
         const languageDropdown = () => this.language && this.processedLanguageItems ? (h(DuetHeaderDropdown, { id: "duet-header-language", label: this.language, icon: languageIcon.svg, accessibleText: `${changeLanguage}${this.hasLanguageChanged ? `, ${activeLanguage}` : ""}`, active: this.isLanguageOpen, isOpen: this.isLanguageOpen, badge: false, toggleRef: el => (this.languageItemsButtonEl = el), itemsRef: el => (this.languageItemsEl = el), onToggle: event => this.toggleMenu(event, "language") }, this.processedLanguageItems.map(item => (h("a", { class: { active: this.language === item.country }, "aria-selected": this.language === item.country, role: "menuitem", id: item.id, lang: item.country, href: item.href || "#", onClick: event => this.handleLanguageClick(event, item), onKeyDown: this.handleArrowKeys }, item.label))))) : null;
         const processedUserWithLink = () => this.processedUser && this.processedUser.href ? (h("a", { href: this.processedUser.href || "#", id: this.processedUser.id, class: "duet-header-user duet-header-button", onClick: this.handleUserClick }, h(DuetHeaderIcon, { icon: userIcon.svg }), h("span", { class: "duet-header-user-label" }, this.processedUser.label))) : null;
         const processedUserWithoutLink = () => this.processedUser && !this.processedUser.href ? (h("span", { id: this.processedUser.id, class: "duet-header-user duet-header-button duet-header-no-action" }, h(DuetHeaderIcon, { icon: userIcon.svg }), h("span", { class: "duet-header-user-label" }, this.processedUser.label))) : null;
@@ -443,7 +531,7 @@ export class DuetHeader {
                     "duet-theme-turva": this.theme === "turva",
                     "duet-header-back": true,
                     "duet-header-inactive": true,
-                }, part: "header" }, h("div", { class: "duet-header-top" }, skipToLabel(), h("duet-button", { url: this.processedBack.href, id: this.processedBack.id, theme: this.theme, variation: "plain", color: this.theme === "turva" ? "secondary-turva" : "secondary", icon: "navigation-arrow-left", iconSize: "large", onClick: this.handleBackClick }, this.processedBack.label), logo(), h("slot", { name: "logo-utility" }))))));
+                }, part: "header" }, h("div", { class: "duet-header-top" }, skipToLabel(), h("duet-button", { url: this.processedBack.href, id: this.processedBack.id, theme: this.theme, variation: "plain", color: postfixTheme("secondary", this.theme), icon: "navigation-arrow-left", iconSize: "large", onClick: this.handleBackClick }, this.processedBack.label), logo(), h("slot", { name: "logo-utility" }))))));
         }
         const itemsHaveSubItems = this.processedItems && this.processedItems.some(item => item.items && item.items.length > 0);
         const isSecondLevelActive = this.processedItems &&
@@ -542,6 +630,7 @@ export class DuetHeader {
         return {
             "theme": {
                 "type": "string",
+                "attribute": "theme",
                 "mutable": true,
                 "complexType": {
                     "original": "DuetTheme",
@@ -562,12 +651,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "theme",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "language": {
                 "type": "string",
+                "attribute": "language",
                 "mutable": true,
                 "complexType": {
                     "original": "DuetLanguage",
@@ -594,12 +683,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "language",
                 "reflect": false,
                 "defaultValue": "getLanguage()"
             },
             "accessibleI18nLabelsDefaults": {
                 "type": "string",
+                "attribute": "accessible-labels-default",
                 "mutable": false,
                 "complexType": {
                     "original": "| string\n    | Record<DuetLanguage, I18nText>",
@@ -616,7 +705,7 @@ export class DuetHeader {
                         },
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -632,12 +721,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-labels-default",
                 "reflect": false,
                 "defaultValue": "{\n    fi: {\n      skipLabel: \"Siirry p\u00E4\u00E4sis\u00E4lt\u00F6\u00F6n\",\n      changeLanguage: \"Vaihda kielt\u00E4\",\n      activeLanguage: \"Suomi valittuna\",\n    },\n    sv: {\n      skipLabel: \"G\u00E5 till huvudinneh\u00E5ll\",\n      changeLanguage: \"\u00C4ndra Spr\u00E5k\",\n      activeLanguage: \"Svenska valt\",\n    },\n    en: {\n      skipLabel: \"Skip to main content\",\n      changeLanguage: \"Change language\",\n      activeLanguage: \"English selected\",\n    },\n  }"
             },
             "accessibleI18nLabels": {
                 "type": "unknown",
+                "attribute": "accessible-i18n-labels",
                 "mutable": true,
                 "complexType": {
                     "original": "I18nText",
@@ -645,7 +734,7 @@ export class DuetHeader {
                     "references": {
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -665,6 +754,7 @@ export class DuetHeader {
             },
             "accessibleLabelExternalDefaults": {
                 "type": "string",
+                "attribute": "accessible-label-external-default",
                 "mutable": false,
                 "complexType": {
                     "original": "DuetLangObject | string",
@@ -688,12 +778,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-label-external-default",
                 "reflect": false,
                 "defaultValue": "DuetStringsExternalDefaults"
             },
             "accessibleLabelExternal": {
                 "type": "string",
+                "attribute": "accessible-label-external",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -711,12 +801,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-label-external",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.accessibleLabelExternalDefaults)"
             },
             "accessibleLabelDefaults": {
                 "type": "string",
+                "attribute": "accessible-label-default",
                 "mutable": false,
                 "complexType": {
                     "original": "DuetLangObject | string",
@@ -737,12 +827,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-label-default",
                 "reflect": false,
                 "defaultValue": "{\n    fi: \"Valikko\",\n    sv: \"Meny\",\n    en: \"Menu\",\n  }"
             },
             "accessibleLabel": {
                 "type": "string",
+                "attribute": "accessible-label",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -760,12 +850,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "accessible-label",
                 "reflect": false,
                 "defaultValue": "getLocaleString(this.accessibleLabelDefaults)"
             },
             "user": {
                 "type": "any",
+                "attribute": "user",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -780,11 +870,11 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "user",
                 "reflect": false
             },
             "logoHref": {
                 "type": "string",
+                "attribute": "logo-href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -799,12 +889,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "logo-href",
                 "reflect": false,
                 "defaultValue": "\"/\""
             },
             "currentHref": {
                 "type": "string",
+                "attribute": "current-href",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -819,12 +909,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "current-href",
                 "reflect": false,
                 "defaultValue": "\"/\""
             },
             "skipToId": {
                 "type": "string",
+                "attribute": "skip-to-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -839,12 +929,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "skip-to-id",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "items": {
                 "type": "any",
+                "attribute": "items",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -859,11 +949,11 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "items",
                 "reflect": false
             },
             "region": {
                 "type": "string",
+                "attribute": "region",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -878,12 +968,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "region",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "session": {
                 "type": "any",
+                "attribute": "session",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -898,11 +988,11 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "session",
                 "reflect": false
             },
             "search": {
                 "type": "any",
+                "attribute": "search",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -917,11 +1007,11 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "search",
                 "reflect": false
             },
             "back": {
                 "type": "any",
+                "attribute": "back",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -936,11 +1026,11 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "back",
                 "reflect": false
             },
             "contact": {
                 "type": "string",
+                "attribute": "contact",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -955,12 +1045,12 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "contact",
                 "reflect": false,
                 "defaultValue": "\"\""
             },
             "contactItems": {
                 "type": "any",
+                "attribute": "contact-items",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -975,11 +1065,11 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "contact-items",
                 "reflect": false
             },
             "languageItems": {
                 "type": "any",
+                "attribute": "language-items",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -994,7 +1084,6 @@ export class DuetHeader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "language-items",
                 "reflect": false
             }
         };
@@ -1038,7 +1127,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1059,7 +1148,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1080,7 +1169,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1101,7 +1190,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1122,7 +1211,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1143,7 +1232,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1164,7 +1253,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1185,7 +1274,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1206,7 +1295,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1227,7 +1316,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1248,7 +1337,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderAnalyticsEvent"
                         }
                     }
@@ -1269,7 +1358,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderMobileNavToggleEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderMobileNavToggleEvent"
                         }
                     }
@@ -1290,7 +1379,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/kasimir/projects/lahitapiola/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }