@oslokommune/punkt-elements 17.1.3 → 18.0.0

package/dist/{header-KvJ1mGwA.js → header-v3GWAzOK.js}

@@ -1,18 +1,18 @@
-import { a as e, d as t, n, o as r, p as i, s as a, t as o } from "./element-ChsFgr_B.js";
-import { t as s } from "./class-map-CnWCnBSX.js";
-import { n as c, t as l } from "./element-with-slot-BvG9ctC-.js";
-import "./icon-D-LA22xD.js";
-import { t as u } from "./if-defined-CGzIlZ9-.js";
-import "./button-2-OSPJkj.js";
-import { n as d, t as f } from "./ref-CWD6PjVd.js";
+import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-BKSPVgs2.js";
+import { t as s } from "./class-map-F1DJHyb7.js";
+import { n as c, t as l } from "./element-with-slot-YUAUFRqw.js";
+import "./icon-HYU1f54x.js";
+import { t as u } from "./if-defined-BF8XcDi5.js";
+import "./button-C44vNLFC.js";
+import { n as d, t as f } from "./ref-Chc_DZAb.js";
 import { t as p } from "./booleanish-OQJTYSrw.js";
 import { n as m, o as h, t as g } from "./fetch-header-footer-data-Pc32etrk.js";
 import { n as _, t as v } from "./focus-trap-DG3pEuyJ.js";
 import { n as y, t as b } from "./scroll-lock-DAbNKAUy.js";
-import "./link-D-Eqm5KH.js";
-import "./textinput-CMP2jPP_.js";
-import "./searchinput-DwnjsvJ1.js";
-import "./header-menu-hVPXsb8g.js";
+import "./link-CQK0SH4H.js";
+import "./textinput-CRNrsRNV.js";
+import "./searchinput-Da7dKHBH.js";
+import "./header-menu-D522-VTV.js";
 //#region ../../shared-types/header.ts
 var x = (e) => typeof e.target == "string" ? {
 	title: e.title,
@@ -69,7 +69,7 @@ var x = (e) => typeof e.target == "string" ? {
 	restoreFocus() {
 		this.shouldRestoreFocus && this.lastFocusedElement && document.contains(this.lastFocusedElement) && this.lastFocusedElement.focus(), this.lastFocusedElement = null, this.shouldRestoreFocus = !1;
 	}
-}, T = class extends o {
+}, T = class extends a {
 	constructor(...e) {
 		super(...e), this.canChangeRepresentation = !1, this.logoutOnClick = !1;
 	}
@@ -88,74 +88,74 @@ var x = (e) => typeof e.target == "string" ? {
 	handleMenuItemClick(e) {
 		"onClick" in e && typeof e.onClick == "function" && e.onClick();
 	}
-	renderLinkOrButton(e, n) {
-		let r = "href" in e, a = s({
+	renderLinkOrButton(t, r) {
+		let i = "href" in t, a = s({
 			"pkt-user-menu__link": !0,
-			"pkt-link-button": !r,
-			"pkt-link": !r,
-			"pkt-link--icon-left": !r,
-			[n || ""]: !!n
+			"pkt-link-button": !i,
+			"pkt-link": !i,
+			"pkt-link--icon-left": !i,
+			[r || ""]: !!r
 		});
-		return r ? i`
+		return i ? e`
         <pkt-link
-          icon-name=${e.iconName || t}
-          href=${e.href}
-          class="pkt-user-menu__link ${n || ""}"
+          icon-name=${t.iconName || n}
+          href=${t.href}
+          class="pkt-user-menu__link ${r || ""}"
         >
-          ${e.title}
+          ${t.title}
         </pkt-link>
-      ` : i`
-      <button class=${a} type="button" @click=${() => this.handleMenuItemClick(e)}>
-        ${e.iconName ? i`<pkt-icon
-              name=${e.iconName}
+      ` : e`
+      <button class=${a} type="button" @click=${() => this.handleMenuItemClick(t)}>
+        ${t.iconName ? e`<pkt-icon
+              name=${t.iconName}
               class="pkt-link__icon"
               aria-hidden="true"
-            ></pkt-icon>` : t}
-        ${e.title}
+            ></pkt-icon>` : n}
+        ${t.title}
       </button>
     `;
 	}
-	renderLinkSection(e) {
-		return i`
+	renderLinkSection(t) {
+		return e`
       <ul class="pkt-user-menu__sublist">
-        ${e.map((e) => i`
-            <li class="pkt-user-menu__subitem">${this.renderLinkOrButton(e)}</li>
+        ${t.map((t) => e`
+            <li class="pkt-user-menu__subitem">${this.renderLinkOrButton(t)}</li>
           `)}
       </ul>
     `;
 	}
 	render() {
-		let e = this.userMenu?.map(S);
-		return i`
+		let t = this.userMenu?.map(S);
+		return e`
       <nav class="pkt-user-menu" aria-label="Meny for innlogget bruker">
         <ul class="pkt-user-menu__list">
           <!-- User section -->
-          ${this.user ? i`
+          ${this.user ? e`
                 <li class="pkt-user-menu__item">
                   <div class="pkt-user-menu__label">Pålogget som</div>
                   <div class="pkt-user-menu__name" translate="no">${this.user.name}</div>
-                  ${this.formattedLastLoggedIn ? i`
+                  ${this.formattedLastLoggedIn ? e`
                         <div class="pkt-user-menu__last-logged-in">
                           Sist pålogget: <time>${this.formattedLastLoggedIn}</time>
                         </div>
-                      ` : t}
+                      ` : n}
                 </li>
-              ` : t}
+              ` : n}
 
           <!-- User menu items -->
-          ${e && e.length > 0 ? i`
-                <li class="pkt-user-menu__item">${this.renderLinkSection(e)}</li>
-              ` : t}
+          ${t && t.length > 0 ? e`
+                <li class="pkt-user-menu__item">${this.renderLinkSection(t)}</li>
+              ` : n}
 
           <!-- Representing section -->
-          ${this.representing ? i`
+          ${this.representing ? e`
                 <li class="pkt-user-menu__item">
                   <div class="pkt-user-menu__label">Representerer</div>
                   <div class="pkt-user-menu__name" translate="no">${this.representing.name}</div>
-                  ${this.representing.orgNumber ? i`<div class="pkt-user-menu__org-number">
+                  ${this.representing.orgNumber ? e`<div class="pkt-user-menu__org-number">
                         Org.nr. ${this.representing.orgNumber}
-                      </div>` : t}
-                  ${this.canChangeRepresentation ? i`
+                      </div>` : n}
+                  ${this.canChangeRepresentation ? e`
                         <ul class="pkt-user-menu__sublist mt-size-16">
                           <li class="pkt-user-menu__subitem">
                             ${this.renderLinkOrButton({
@@ -165,12 +165,12 @@ var x = (e) => typeof e.target == "string" ? {
 		})}
                           </li>
                         </ul>
-                      ` : t}
+                      ` : n}
                 </li>
-              ` : t}
+              ` : n}
 
           <!-- Change representation without representing object -->
-          ${!this.representing && this.canChangeRepresentation ? i`
+          ${!this.representing && this.canChangeRepresentation ? e`
                 <li class="pkt-user-menu__item">
                   <ul class="pkt-user-menu__sublist">
                     <li class="pkt-user-menu__subitem">
@@ -182,10 +182,10 @@ var x = (e) => typeof e.target == "string" ? {
                     </li>
                   </ul>
                 </li>
-              ` : t}
+              ` : n}
 
           <!-- Logout -->
-          ${this.logoutOnClick ? i`
+          ${this.logoutOnClick ? e`
                 <li class="pkt-user-menu__item">
                   ${this.renderLinkOrButton({
 			title: "Logg ut",
@@ -193,29 +193,29 @@ var x = (e) => typeof e.target == "string" ? {
 			onClick: () => this.handleLogout()
 		})}
                 </li>
-              ` : t}
+              ` : n}
         </ul>
       </nav>
     `;
 	}
 };
-n([r({ type: Object })], T.prototype, "user", void 0), n([r({
+i([o({ type: Object })], T.prototype, "user", void 0), i([o({
 	type: String,
 	attribute: "formatted-last-logged-in"
-})], T.prototype, "formattedLastLoggedIn", void 0), n([r({ type: Object })], T.prototype, "representing", void 0), n([r({
+})], T.prototype, "formattedLastLoggedIn", void 0), i([o({ type: Object })], T.prototype, "representing", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
-})], T.prototype, "userMenu", void 0), n([r({
+})], T.prototype, "userMenu", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
 	converter: p
-})], T.prototype, "canChangeRepresentation", void 0), n([r({
+})], T.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "logout-on-click",
 	converter: p
 })], T.prototype, "logoutOnClick", void 0);
 try {
-	a("pkt-header-user-menu")(T);
+	t("pkt-header-user-menu")(T);
 } catch {
 	console.warn("Forsøker å definere <pkt-header-user-menu>, men den er allerede definert");
 }
@@ -225,7 +225,7 @@ var E = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
 typeof window < "u" && (window.pktLogoPath = window.pktLogoPath || E);
 var D = class extends l {
 	constructor(...e) {
-		super(...e), this.logoLink = h, this.logoPath = typeof window < "u" ? window.pktLogoPath : E, this.searchPlaceholder = "Søk", this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.slotMenuText = "Meny", this.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.openMenu = "none", this.alignSlotRight = !1, this.alignSearchRight = !1, this.headerRef = f(), this.userContainerRef = f(), this.slotContainerRef = f(), this.searchContainerRef = f(), this.slotContentRef = f(), this.searchMenuRef = f(), this.chrome = new w(this, () => ({
+		super(...e), this.logoLink = h, this.logoPath = typeof window < "u" ? window.pktLogoPath : E, this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.slotMenuText = "Meny", this.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.openMenu = "none", this.alignSlotRight = !1, this.alignSearchRight = !1, this.headerRef = f(), this.userContainerRef = f(), this.slotContainerRef = f(), this.searchContainerRef = f(), this.slotContentRef = f(), this.searchMenuRef = f(), this.chrome = new w(this, () => ({
 			mobileBreakpoint: this.mobileBreakpoint,
 			tabletBreakpoint: this.tabletBreakpoint,
 			position: this.position,
@@ -346,21 +346,24 @@ var D = class extends l {
 	get showLogoutInUserMenu() {
 		return this.hasLogOut && (this.logOutButtonPlacement === "userMenu" || this.logOutButtonPlacement === "both");
 	}
+	get headerStrings() {
+		return this.pktStrings.get("header");
+	}
 	renderLogo() {
-		if (this.hideLogo) return t;
-		let e = i`
+		if (this.hideLogo) return n;
+		let t = e`
       <pkt-icon name="oslologo" aria-hidden="true" path=${this.logoPath}></pkt-icon>
     `;
-		return i`
+		return e`
       <span class="pkt-header-service__logo">
         <a href=${this.logoLink} aria-label="Tilbake til forside" @click=${this.handleLogoClick}>
-          ${e}
+          ${t}
         </a>
       </span>
     `;
 	}
 	renderServiceName() {
-		return this.serviceName ? this.serviceLink && typeof this.serviceLink == "string" ? i`
+		return this.serviceName ? this.serviceLink && typeof this.serviceLink == "string" ? e`
         <span class="pkt-header-service__service-name" translate="no">
           <pkt-link
             href=${this.serviceLink}
@@ -370,7 +373,7 @@ var D = class extends l {
             ${this.serviceName}
           </pkt-link>
         </span>
-      ` : this.hasAttribute("service-link") ? i`
+      ` : this.hasAttribute("service-link") ? e`
         <span class="pkt-header-service__service-name" translate="no">
           <button
             class="pkt-link-button pkt-link pkt-header-service__service-link"
@@ -379,7 +382,7 @@ var D = class extends l {
             ${this.serviceName}
           </button>
         </span>
-      ` : i`
+      ` : e`
       <span
         class="pkt-header-service__service-name"
         translate="no"
@@ -387,24 +390,24 @@ var D = class extends l {
       >
         <span class="pkt-header-service__service-link">${this.serviceName}</span>
       </span>
-    ` : t;
+    ` : n;
 	}
 	renderSlotContainer() {
-		if (!this.hasSlotContent()) return t;
-		let e = s({
+		if (!this.hasSlotContent()) return n;
+		let t = s({
 			"pkt-header-service__slot-container": !0,
 			"is-open": this.openMenu === "slot"
-		}), n = s({
+		}), r = s({
 			"pkt-header-service__slot-content": !0,
 			"align-right": this.alignSlotRight
 		});
-		return i`
+		return e`
       <div
-        class=${e}
+        class=${t}
         @focusout=${(e) => this.handleFocusOut(e, "slot")}
         ${d(this.slotContainerRef)}
       >
-        ${this.isTablet && this.hasSlotContent() ? i`
+        ${this.isTablet && this.hasSlotContent() ? e`
               <pkt-button
                 skin="secondary"
                 variant=${this.slotMenuVariant}
@@ -414,16 +417,16 @@ var D = class extends l {
                 @click=${() => this.handleMenuToggle("slot")}
                 aria-expanded=${this.openMenu === "slot"}
                 aria-controls="mobile-slot-menu"
-                aria-label="Åpne meny"
+                aria-label=${this.headerStrings.openMenu}
               >
                 ${this.slotMenuText}
               </pkt-button>
-            ` : t}
+            ` : n}
         <div
-          class=${n}
+          class=${r}
           id="mobile-slot-menu"
-          role=${this.isTablet ? "group" : t}
-          aria-label=${this.isTablet ? "Meny" : t}
+          role=${this.isTablet ? "group" : n}
+          aria-label=${this.isTablet ? "Meny" : n}
           @click=${this.handleSlotContentClick}
           ${d(this.slotContentRef)}
         >
@@ -433,19 +436,19 @@ var D = class extends l {
     `;
 	}
 	renderSearch() {
-		if (!this.showSearch) return t;
+		if (!this.showSearch) return n;
 		if (this.isTablet) {
-			let e = s({
+			let t = s({
 				"pkt-header-service__search-container": !0,
 				"is-open": this.openMenu === "search"
-			}), n = s({
+			}), r = s({
 				"pkt-header-service__mobile-menu": !0,
 				"is-open": this.openMenu === "search",
 				"align-right": this.alignSearchRight
 			});
-			return i`
+			return e`
         <div
-          class=${e}
+          class=${t}
           @focusout=${(e) => this.handleFocusOut(e, "search")}
           ${d(this.searchContainerRef)}
         >
@@ -458,19 +461,19 @@ var D = class extends l {
             state=${this.openMenu === "search" ? "active" : "normal"}
             aria-expanded=${this.openMenu === "search"}
             aria-controls="mobile-search-menu"
-            aria-label="Åpne søkefelt"
+            aria-label=${this.headerStrings.openSearch}
           >
-            Søk
+            ${this.headerStrings.search}
           </pkt-button>
-          <div class=${n} ${d(this.searchMenuRef)}>
-            ${this.openMenu === "search" ? i`
+          <div class=${r} ${d(this.searchMenuRef)}>
+            ${this.openMenu === "search" ? e`
                   <pkt-textinput
                     id="mobile-search-menu"
                     class="pkt-header-service__search-input"
                     type="search"
-                    label="Søk"
+                    label=${this.headerStrings.search}
                     useWrapper="false"
-                    placeholder=${this.searchPlaceholder}
+                    placeholder=${this.searchPlaceholder ?? this.headerStrings.search}
                     value=${this.searchValue}
                     autofocus
                     fullwidth
@@ -479,19 +482,19 @@ var D = class extends l {
 				e.key === "Enter" && this.handleSearch(e.target.value);
 			}}
                   ></pkt-textinput>
-                ` : t}
+                ` : n}
           </div>
         </div>
       `;
 		}
-		return i`
+		return e`
       <pkt-textinput
         id="header-service-search"
         class="pkt-header-service__search-input"
         type="search"
-        label="Søk"
+        label=${this.headerStrings.search}
         useWrapper="false"
-        placeholder=${this.searchPlaceholder}
+        placeholder=${this.searchPlaceholder ?? this.headerStrings.search}
         value=${this.searchValue}
         @input=${this.handleSearchInputChange}
         @keydown=${this.handleSearchKeyDown}
@@ -499,13 +502,13 @@ var D = class extends l {
     `;
 	}
 	renderUserButton() {
-		if (!this.user) return t;
-		let e = s({
+		if (!this.user) return n;
+		let t = s({
 			"pkt-header-service__user-menu": this.isMobile === !1,
 			"pkt-header-service__mobile-menu": this.isMobile === !0,
 			"is-open": this.openMenu === "user"
 		});
-		return i`
+		return e`
       <div
         class="pkt-header-service__user-container"
         @focusout=${(e) => this.handleFocusOut(e, "user")}
@@ -527,11 +530,11 @@ var D = class extends l {
           <span class="pkt-sr-only">Brukermeny: </span>
           <span translate="no">${this.representing?.name || this.user.name}</span>
         </pkt-button>
-        ${this.openMenu === "user" && this.user ? i`
-              <div class=${e}>
+        ${this.openMenu === "user" && this.user ? e`
+              <div class=${t}>
                 <pkt-header-user-menu
                   .user=${this.user}
-                  formatted-last-logged-in=${this.formattedLastLoggedIn || t}
+                  formatted-last-logged-in=${this.formattedLastLoggedIn || n}
                   .representing=${this.representing}
                   .userMenu=${this.userMenu}
                   ?can-change-representation=${this.canChangeRepresentation}
@@ -543,12 +546,12 @@ var D = class extends l {
                   @log-out=${this.handleLogout}
                 ></pkt-header-user-menu>
               </div>
-            ` : t}
+            ` : n}
       </div>
     `;
 	}
 	renderHeader() {
-		let e = s({
+		let t = s({
 			"pkt-header-service": !0,
 			"pkt-header-service--compact": this.compact,
 			"pkt-header-service--mobile": this.isMobile,
@@ -557,17 +560,17 @@ var D = class extends l {
 			"pkt-header-service--sticky": this.isSticky,
 			"pkt-header-service--scroll-to-hide": this.shouldHideOnScroll,
 			"pkt-header-service--hidden": this.isHidden
-		}), n = s({
+		}), r = s({
 			"pkt-header-service__logo-area": !0,
 			"pkt-header-service__logo-area--without-service": !this.serviceName
 		});
-		return i`
-      <header class=${e} ${d(this.headerRef)}>
-        <div class=${n}>${this.renderLogo()} ${this.renderServiceName()}</div>
+		return e`
+      <header class=${t} ${d(this.headerRef)}>
+        <div class=${r}>${this.renderLogo()} ${this.renderServiceName()}</div>
 
-        ${this.hasSlotContent() || this.showSearch || this.showLogoutInHeader ? i`<div class="pkt-header-service__content">
+        ${this.hasSlotContent() || this.showSearch || this.showLogoutInHeader ? e`<div class="pkt-header-service__content">
               ${this.renderSlotContainer()} ${this.renderSearch()}
-              ${this.isTablet && this.showLogoutInHeader ? i`
+              ${this.isTablet && this.showLogoutInHeader ? e`
                     <pkt-button
                       skin="secondary"
                       size=${this.isMobile ? "small" : "medium"}
@@ -577,11 +580,11 @@ var D = class extends l {
                     >
                       Logg ut
                     </pkt-button>
-                  ` : t}
-            </div>` : t}
-        ${this.user || !this.isTablet && this.showLogoutInHeader ? i`<div class="pkt-header-service__user">
+                  ` : n}
+            </div>` : n}
+        ${this.user || !this.isTablet && this.showLogoutInHeader ? e`<div class="pkt-header-service__user">
               ${this.renderUserButton()}
-              ${!this.isTablet && this.showLogoutInHeader ? i`
+              ${!this.isTablet && this.showLogoutInHeader ? e`
                     <pkt-button
                       skin="tertiary"
                       size="medium"
@@ -591,95 +594,95 @@ var D = class extends l {
                     >
                       Logg ut
                     </pkt-button>
-                  ` : t}
-            </div>` : t}
+                  ` : n}
+            </div>` : n}
       </header>
     `;
 	}
 	render() {
-		let e = this.renderHeader();
+		let t = this.renderHeader();
 		if (this.isFixed) {
-			let t = s({
+			let n = s({
 				"pkt-header-service-spacer": !0,
 				"pkt-header-service-spacer--compact": this.compact,
 				"pkt-header-service-spacer--has-user": !!this.user,
 				"pkt-header-service-spacer--mobile": this.isMobile,
 				"pkt-header-service-spacer--tablet": this.isTablet
 			});
-			return i`
+			return e`
         <div class="pkt-header-service-wrapper">
-          ${e}
-          <div class=${t}></div>
+          ${t}
+          <div class=${n}></div>
         </div>
       `;
 		}
-		return e;
+		return t;
 	}
 };
-n([r({
+i([o({
 	type: String,
 	attribute: "service-name"
-})], D.prototype, "serviceName", void 0), n([r({
+})], D.prototype, "serviceName", void 0), i([o({
 	type: String,
 	attribute: "service-link"
-})], D.prototype, "serviceLink", void 0), n([r({
+})], D.prototype, "serviceLink", void 0), i([o({
 	type: String,
 	attribute: "logo-link"
-})], D.prototype, "logoLink", void 0), n([r({
+})], D.prototype, "logoLink", void 0), i([o({
 	type: String,
 	attribute: "logo-path"
-})], D.prototype, "logoPath", void 0), n([r({
+})], D.prototype, "logoPath", void 0), i([o({
 	type: String,
 	attribute: "search-placeholder"
-})], D.prototype, "searchPlaceholder", void 0), n([r({
+})], D.prototype, "searchPlaceholder", void 0), i([o({
 	type: String,
 	attribute: "search-value"
-})], D.prototype, "searchValue", void 0), n([r({
+})], D.prototype, "searchValue", void 0), i([o({
 	type: Number,
 	attribute: "mobile-breakpoint"
-})], D.prototype, "mobileBreakpoint", void 0), n([r({
+})], D.prototype, "mobileBreakpoint", void 0), i([o({
 	type: Number,
 	attribute: "tablet-breakpoint"
-})], D.prototype, "tabletBreakpoint", void 0), n([r({
+})], D.prototype, "tabletBreakpoint", void 0), i([o({
 	type: String,
 	attribute: "opened-menu"
-})], D.prototype, "openedMenu", void 0), n([r({
+})], D.prototype, "openedMenu", void 0), i([o({
 	type: String,
 	attribute: "log-out-button-placement"
-})], D.prototype, "logOutButtonPlacement", void 0), n([r({ type: String })], D.prototype, "position", void 0), n([r({
+})], D.prototype, "logOutButtonPlacement", void 0), i([o({ type: String })], D.prototype, "position", void 0), i([o({
 	type: String,
 	attribute: "scroll-behavior"
-})], D.prototype, "scrollBehavior", void 0), n([r({
+})], D.prototype, "scrollBehavior", void 0), i([o({
 	type: String,
 	attribute: "slot-menu-variant"
-})], D.prototype, "slotMenuVariant", void 0), n([r({
+})], D.prototype, "slotMenuVariant", void 0), i([o({
 	type: String,
 	attribute: "slot-menu-text"
-})], D.prototype, "slotMenuText", void 0), n([r({
+})], D.prototype, "slotMenuText", void 0), i([o({
 	type: Boolean,
 	attribute: "hide-logo",
 	converter: p
-})], D.prototype, "hideLogo", void 0), n([r({
+})], D.prototype, "hideLogo", void 0), i([o({
 	type: Boolean,
 	converter: p
-})], D.prototype, "compact", void 0), n([r({
+})], D.prototype, "compact", void 0), i([o({
 	type: Boolean,
 	attribute: "show-search",
 	converter: p
-})], D.prototype, "showSearch", void 0), n([r({
+})], D.prototype, "showSearch", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
 	converter: p
-})], D.prototype, "canChangeRepresentation", void 0), n([r({
+})], D.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "has-log-out",
 	converter: p
-})], D.prototype, "hasLogOut", void 0), n([r({ type: Object })], D.prototype, "user", void 0), n([r({
+})], D.prototype, "hasLogOut", void 0), i([o({ type: Object })], D.prototype, "user", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
-})], D.prototype, "userMenu", void 0), n([r({ type: Object })], D.prototype, "representing", void 0), n([e()], D.prototype, "openMenu", void 0), n([e()], D.prototype, "alignSlotRight", void 0), n([e()], D.prototype, "alignSearchRight", void 0);
+})], D.prototype, "userMenu", void 0), i([o({ type: Object })], D.prototype, "representing", void 0), i([r()], D.prototype, "openMenu", void 0), i([r()], D.prototype, "alignSlotRight", void 0), i([r()], D.prototype, "alignSearchRight", void 0);
 try {
-	a("pkt-header-service")(D);
+	t("pkt-header-service")(D);
 } catch {
 	console.warn("Forsøker å definere <pkt-header-service>, men den er allerede definert");
 }
@@ -687,7 +690,7 @@ try {
 //#region src/components/header/header-global.ts
 var O = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
 typeof window < "u" && (window.pktLogoPath = window.pktLogoPath || O);
-var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-header-global-search-panel", M = "pkt-header-global-search-toggle", N = class extends o {
+var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-header-global-search-panel", M = "pkt-header-global-search-toggle", N = class extends a {
 	constructor(...e) {
 		super(...e), this.locale = "nb-NO", this.logoLink = h, this.logoPath = typeof window < "u" ? window.pktLogoPath : O, this.position = "fixed", this.scrollBehavior = "hide", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1024, this.logOutButtonPlacement = "none", this.showSearch = !0, this.showContact = !0, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.openMenu = "none", this.loadError = !1, this.headerAnchor = {
 			top: 0,
@@ -848,42 +851,42 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 		}));
 	}
 	renderLogo() {
-		let e = i`
+		let t = e`
       <pkt-icon name="oslologo" aria-hidden="true" path=${u(this.logoPath)}></pkt-icon>
     `;
-		return i`
+		return e`
       <span class="pkt-header-global__logo">
         <a href=${this.logoLink} aria-label="Til hovedsiden" @click=${this.handleLogoClick}>
-          ${e}
+          ${t}
         </a>
       </span>
     `;
 	}
-	renderSearch(e) {
-		if (!this.showSearch) return t;
-		let n = e.search;
-		if (!n) return t;
-		let r = this.searchPlaceholder ?? n.input.placeholder;
-		return i`
+	renderSearch(t) {
+		if (!this.showSearch) return n;
+		let r = t.search;
+		if (!r) return n;
+		let i = this.searchPlaceholder ?? r.input.placeholder;
+		return e`
       <div class="pkt-header-global__search">
         <pkt-searchinput
           appearance="global"
           input-size=${this.isTablet ? "small" : "medium"}
           fullwidth
-          id=${n.input.id || "pkt-header-global-search"}
-          name=${u(n.input.name)}
-          placeholder=${u(r)}
-          aria-label=${u(e.i18n?.search)}
-          action=${n.endpoint}
+          id=${r.input.id || "pkt-header-global-search"}
+          name=${u(r.input.name)}
+          placeholder=${u(i)}
+          aria-label=${u(t.i18n?.search)}
+          action=${r.endpoint}
           method="get"
           @pkt-search=${(e) => this.handleSearch(e.detail.value)}
         ></pkt-searchinput>
       </div>
     `;
 	}
-	renderContact(e) {
-		if (!this.showContact || this.user) return t;
-		let n = e.header?.contact, r = s({
+	renderContact(t) {
+		if (!this.showContact || this.user) return n;
+		let r = t.header?.contact, i = s({
 			"pkt-header-global__contact": !0,
 			"pkt-btn": !0,
 			"pkt-btn--secondary": !0,
@@ -891,74 +894,74 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 			"pkt-btn--small": this.isMobile || this.isTablet,
 			"pkt-btn--medium": !this.isMobile && !this.isTablet
 		});
-		return n ? i`
-      <a class=${r} href=${n.url}>
-        <span class="pkt-btn__text">${n.text}</span>
+		return r ? e`
+      <a class=${i} href=${r.url}>
+        <span class="pkt-btn__text">${r.text}</span>
       </a>
-    ` : t;
+    ` : n;
 	}
 	get isLoading() {
 		return !this.localeData && !this.loadError;
 	}
-	renderMenuToggle(e) {
-		let t = e?.i18n?.menu || "Meny", n = this.openMenu === "menu";
-		return i`
+	renderMenuToggle(t) {
+		let n = t?.i18n?.menu || this.pktStrings.get("header").menu, r = this.openMenu === "menu";
+		return e`
       <pkt-button
         id=${A}
         class="pkt-header-global__menu-toggle"
         skin=${this.isMobile ? "tertiary" : "secondary"}
         variant=${this.isMobile ? "icon-only" : "icon-right"}
-        iconName=${n ? "close" : "menu"}
+        iconName=${r ? "close" : "menu"}
         size=${this.isTablet ? "small" : "medium"}
-        state=${n ? "active" : "normal"}
-        aria-expanded=${n}
+        state=${r ? "active" : "normal"}
+        aria-expanded=${r}
         aria-controls=${k}
         ?disabled=${this.isLoading}
         @click=${() => this.toggleMenu("menu")}
       >
-        ${t}
+        ${n}
       </pkt-button>
     `;
 	}
-	renderSearchToggle(e) {
-		if (!this.showSearch || !e.search) return t;
-		let n = this.openMenu === "search";
-		return i`
+	renderSearchToggle(t) {
+		if (!this.showSearch || !t.search) return n;
+		let r = this.openMenu === "search";
+		return e`
       <pkt-button
         id=${M}
         class="pkt-header-global__search-toggle"
         skin="primary"
-        color=${u(n ? void 0 : "yellow")}
+        color=${u(r ? void 0 : "yellow")}
         variant="icon-only"
-        iconName=${n ? "close" : "magnifying-glass-big"}
+        iconName=${r ? "close" : "magnifying-glass-big"}
         size=${this.isMobile ? "small" : "medium"}
-        state=${n ? "active" : "normal"}
-        aria-expanded=${n}
+        state=${r ? "active" : "normal"}
+        aria-expanded=${r}
         aria-controls=${j}
         @click=${() => this.toggleMenu("search")}
       >
-        ${e.i18n?.search || "Søk"}
+        ${t.i18n?.search || this.pktStrings.get("header").search}
       </pkt-button>
     `;
 	}
-	renderSearchPanel(e) {
-		let n = e.search;
-		if (this.openMenu !== "search" || !this.showSearch || !n) return t;
-		let r = this.searchPlaceholder ?? n.input.placeholder, a = s({
+	renderSearchPanel(t) {
+		let r = t.search;
+		if (this.openMenu !== "search" || !this.showSearch || !r) return n;
+		let i = this.searchPlaceholder ?? r.input.placeholder, a = s({
 			"pkt-header-global__search-panel": !0,
 			[`pkt-header-global__search-panel--${this.overlayBreakpointClass}`]: !!this.overlayBreakpointClass
 		});
-		return i`
+		return e`
       <div class=${a} id=${j} style=${this.overlayAnchorStyle}>
         <div class="pkt-header-global__search-panel-inner">
           <pkt-searchinput
             appearance="global"
             fullwidth
-            id=${n.input.id || "pkt-header-global-search"}
-            name=${u(n.input.name)}
-            placeholder=${u(r)}
-            aria-label=${u(e.i18n?.search || "Søk")}
-            action=${n.endpoint}
+            id=${r.input.id || "pkt-header-global-search"}
+            name=${u(r.input.name)}
+            placeholder=${u(i)}
+            aria-label=${u(t.i18n?.search || this.pktStrings.get("header").search)}
+            action=${r.endpoint}
             method="get"
             @pkt-search=${(e) => this.handleSearch(e.detail.value)}
           ></pkt-searchinput>
@@ -967,35 +970,35 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
     `;
 	}
 	renderUser() {
-		if (!this.user) return t;
-		let e = this.openMenu === "user", n = s({
+		if (!this.user) return n;
+		let t = this.openMenu === "user", r = s({
 			"pkt-header-global__user-menu": !0,
-			"is-open": e
+			"is-open": t
 		});
-		return i`
+		return e`
       <div class="pkt-header-global__user">
         <div
-          class="pkt-header-global__user-container ${e ? "is-open" : ""}"
+          class="pkt-header-global__user-container ${t ? "is-open" : ""}"
           ${d(this.userContainerRef)}
         >
           <pkt-button
             class="pkt-header-global__user-button"
             skin="secondary"
             size=${this.isTablet ? "small" : "medium"}
-            state=${e ? "active" : "normal"}
+            state=${t ? "active" : "normal"}
             variant="icons-right-and-left"
             iconName="user"
-            secondIconName=${e ? "chevron-thin-up" : "chevron-thin-down"}
+            secondIconName=${t ? "chevron-thin-up" : "chevron-thin-down"}
             @click=${() => this.toggleMenu("user")}
           >
             <span class="pkt-sr-only">Brukermeny: </span>
             <span translate="no">${this.representing?.name || this.user.name}</span>
           </pkt-button>
-          ${e ? i`
-                <div class=${n}>
+          ${t ? e`
+                <div class=${r}>
                   <pkt-header-user-menu
                     .user=${this.user}
-                    formatted-last-logged-in=${this.formattedLastLoggedIn || t}
+                    formatted-last-logged-in=${this.formattedLastLoggedIn || n}
                     .representing=${this.representing}
                     .userMenu=${this.userMenu}
                     ?can-change-representation=${this.canChangeRepresentation}
@@ -1004,7 +1007,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
                     @log-out=${() => this.handleLogout()}
                   ></pkt-header-user-menu>
                 </div>
-              ` : t}
+              ` : n}
         </div>
       </div>
     `;
@@ -1013,26 +1016,26 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 		return this.isMobile ? "mobile" : this.isTablet ? "tablet" : "";
 	}
 	renderMenu() {
-		if (this.openMenu !== "menu") return t;
-		let e = s({
+		if (this.openMenu !== "menu") return n;
+		let t = s({
 			"pkt-header-global__menu": !0,
 			[`pkt-header-global__menu--${this.overlayBreakpointClass}`]: !!this.overlayBreakpointClass
 		});
-		return i`
+		return e`
       <div
-        class=${e}
+        class=${t}
         id=${k}
         style=${this.overlayAnchorStyle}
         ${d(this.menuContainerRef)}
       >
-        ${this.localeData ? i`
+        ${this.localeData ? e`
               <pkt-header-menu
                 .data=${this.effectiveData}
                 locale=${this.locale}
                 open
                 mobile-breakpoint=${this.mobileBreakpoint}
               ></pkt-header-menu>
-            ` : i`
+            ` : e`
               <nav class="pkt-header-menu pkt-header-menu--open">
                 <p class="pkt-header-menu__error">Kunne ikke laste meny.</p>
               </nav>
@@ -1041,7 +1044,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
     `;
 	}
 	renderHeader() {
-		let e = s({
+		let t = s({
 			"pkt-header-global": !0,
 			"pkt-header-global--mobile": this.isMobile,
 			"pkt-header-global--tablet": this.isTablet,
@@ -1049,89 +1052,89 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 			"pkt-header-global--sticky": this.isSticky,
 			"pkt-header-global--scroll-to-hide": this.shouldHideOnScroll,
 			"pkt-header-global--hidden": this.isHidden
-		}), n = this.localeData, r = this.isMobile;
-		return i`
-      <header class=${e} ${d(this.headerRef)}>
+		}), r = this.localeData, i = this.isMobile;
+		return e`
+      <header class=${t} ${d(this.headerRef)}>
         <div class="pkt-header-global__logo-area">${this.renderLogo()}</div>
         <div class="pkt-header-global__content">
-          ${!r && n ? this.renderSearch(n) : t}
-          ${r && n ? this.renderSearchToggle(n) : t}
-          ${this.renderMenuToggle(n)}
-          ${!r && n ? this.renderContact(n) : t}
+          ${!i && r ? this.renderSearch(r) : n}
+          ${i && r ? this.renderSearchToggle(r) : n}
+          ${this.renderMenuToggle(r)}
+          ${!i && r ? this.renderContact(r) : n}
         </div>
         ${this.renderUser()}
       </header>
     `;
 	}
 	render() {
-		let e = this.renderHeader(), n = this.localeData, r = this.renderMenu(), a = n ? this.renderSearchPanel(n) : t;
+		let t = this.renderHeader(), r = this.localeData, i = this.renderMenu(), a = r ? this.renderSearchPanel(r) : n;
 		if (this.isFixed) {
-			let t = s({
+			let n = s({
 				"pkt-header-global-spacer": !0,
 				"pkt-header-global-spacer--mobile": this.isMobile,
 				"pkt-header-global-spacer--tablet": this.isTablet && !this.isMobile,
 				"pkt-header-global-spacer--has-user": !!this.user
 			});
-			return i`
+			return e`
         <div class="pkt-header-global-wrapper">
-          ${e}
-          <div class=${t}></div>
-          ${a}${r}
+          ${t}
+          <div class=${n}></div>
+          ${a}${i}
         </div>
       `;
 		}
-		return i`${e}${a}${r}`;
+		return e`${t}${a}${i}`;
 	}
 };
-n([r({
+i([o({
 	type: String,
 	attribute: "data-url"
-})], N.prototype, "dataUrl", void 0), n([r({
+})], N.prototype, "dataUrl", void 0), i([o({
 	type: Object,
 	attribute: !1
-})], N.prototype, "data", void 0), n([r({ type: String })], N.prototype, "locale", void 0), n([r({
+})], N.prototype, "data", void 0), i([o({ type: String })], N.prototype, "locale", void 0), i([o({
 	type: String,
 	attribute: "logo-link"
-})], N.prototype, "logoLink", void 0), n([r({
+})], N.prototype, "logoLink", void 0), i([o({
 	type: String,
 	attribute: "logo-path"
-})], N.prototype, "logoPath", void 0), n([r({
+})], N.prototype, "logoPath", void 0), i([o({
 	type: String,
 	attribute: "search-placeholder"
-})], N.prototype, "searchPlaceholder", void 0), n([r({ type: String })], N.prototype, "position", void 0), n([r({
+})], N.prototype, "searchPlaceholder", void 0), i([o({ type: String })], N.prototype, "position", void 0), i([o({
 	type: String,
 	attribute: "scroll-behavior"
-})], N.prototype, "scrollBehavior", void 0), n([r({
+})], N.prototype, "scrollBehavior", void 0), i([o({
 	type: Number,
 	attribute: "mobile-breakpoint"
-})], N.prototype, "mobileBreakpoint", void 0), n([r({
+})], N.prototype, "mobileBreakpoint", void 0), i([o({
 	type: Number,
 	attribute: "tablet-breakpoint"
-})], N.prototype, "tabletBreakpoint", void 0), n([r({
+})], N.prototype, "tabletBreakpoint", void 0), i([o({
 	type: String,
 	attribute: "log-out-button-placement"
-})], N.prototype, "logOutButtonPlacement", void 0), n([r({
+})], N.prototype, "logOutButtonPlacement", void 0), i([o({
 	type: Boolean,
 	attribute: "show-search",
 	converter: p
-})], N.prototype, "showSearch", void 0), n([r({
+})], N.prototype, "showSearch", void 0), i([o({
 	type: Boolean,
 	attribute: "show-contact",
 	converter: p
-})], N.prototype, "showContact", void 0), n([r({
+})], N.prototype, "showContact", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
 	converter: p
-})], N.prototype, "canChangeRepresentation", void 0), n([r({
+})], N.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "has-log-out",
 	converter: p
-})], N.prototype, "hasLogOut", void 0), n([r({ type: Object })], N.prototype, "user", void 0), n([r({
+})], N.prototype, "hasLogOut", void 0), i([o({ type: Object })], N.prototype, "user", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
-})], N.prototype, "userMenu", void 0), n([r({ type: Object })], N.prototype, "representing", void 0), n([e()], N.prototype, "openMenu", void 0), n([e()], N.prototype, "fetchedData", void 0), n([e()], N.prototype, "loadError", void 0), n([e()], N.prototype, "headerAnchor", void 0);
+})], N.prototype, "userMenu", void 0), i([o({ type: Object })], N.prototype, "representing", void 0), i([r()], N.prototype, "openMenu", void 0), i([r()], N.prototype, "fetchedData", void 0), i([r()], N.prototype, "loadError", void 0), i([r()], N.prototype, "headerAnchor", void 0);
 try {
-	a("pkt-header-global")(N);
+	t("pkt-header-global")(N);
 } catch {
 	console.warn("Forsøker å definere <pkt-header-global>, men den er allerede definert");
 }
@@ -1139,7 +1142,7 @@ try {
 //#region src/components/header/header.ts
 var P = class extends l {
 	constructor(...e) {
-		super(...e), this.type = "service", this.searchPlaceholder = "Søk", this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.slotMenuText = "Meny", this.hideLogo = !1, this.compact = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.showContact = !0;
+		super(...e), this.type = "service", this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.slotMenuText = "Meny", this.hideLogo = !1, this.compact = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.showContact = !0;
 	}
 	firstUpdated(e) {
 		super.firstUpdated(e), this.emitDeprecationWarnings();
@@ -1156,7 +1159,7 @@ var P = class extends l {
 		] : this.userMenu;
 	}
 	renderGlobal() {
-		return i`
+		return e`
       <pkt-header-global
         data-url=${u(this.dataUrl)}
         locale=${u(this.locale)}
@@ -1180,7 +1183,7 @@ var P = class extends l {
     `;
 	}
 	render() {
-		return this.type === "global" ? this.renderGlobal() : i`
+		return this.type === "global" ? this.renderGlobal() : e`
       <pkt-header-service
         service-name=${u(this.serviceName)}
         service-link=${u(this.serviceLink)}
@@ -1205,91 +1208,91 @@ var P = class extends l {
         .userMenu=${this.effectiveUserMenu}
         .representing=${this.representing}
       >
-        ${this.hasSlotContent() ? i`<div class="pkt-contents">${c(this)}</div>` : t}
+        ${this.hasSlotContent() ? e`<div class="pkt-contents">${c(this)}</div>` : n}
       </pkt-header-service>
     `;
 	}
 };
-n([r({ type: String })], P.prototype, "type", void 0), n([r({
+i([o({ type: String })], P.prototype, "type", void 0), i([o({
 	type: String,
 	attribute: "service-name"
-})], P.prototype, "serviceName", void 0), n([r({
+})], P.prototype, "serviceName", void 0), i([o({
 	type: String,
 	attribute: "service-link"
-})], P.prototype, "serviceLink", void 0), n([r({
+})], P.prototype, "serviceLink", void 0), i([o({
 	type: String,
 	attribute: "logo-link"
-})], P.prototype, "logoLink", void 0), n([r({
+})], P.prototype, "logoLink", void 0), i([o({
 	type: String,
 	attribute: "logo-path"
-})], P.prototype, "logoPath", void 0), n([r({
+})], P.prototype, "logoPath", void 0), i([o({
 	type: String,
 	attribute: "search-placeholder"
-})], P.prototype, "searchPlaceholder", void 0), n([r({
+})], P.prototype, "searchPlaceholder", void 0), i([o({
 	type: String,
 	attribute: "search-value"
-})], P.prototype, "searchValue", void 0), n([r({
+})], P.prototype, "searchValue", void 0), i([o({
 	type: Number,
 	attribute: "mobile-breakpoint"
-})], P.prototype, "mobileBreakpoint", void 0), n([r({
+})], P.prototype, "mobileBreakpoint", void 0), i([o({
 	type: Number,
 	attribute: "tablet-breakpoint"
-})], P.prototype, "tabletBreakpoint", void 0), n([r({
+})], P.prototype, "tabletBreakpoint", void 0), i([o({
 	type: String,
 	attribute: "opened-menu"
-})], P.prototype, "openedMenu", void 0), n([r({
+})], P.prototype, "openedMenu", void 0), i([o({
 	type: String,
 	attribute: "log-out-button-placement"
-})], P.prototype, "logOutButtonPlacement", void 0), n([r({ type: String })], P.prototype, "position", void 0), n([r({
+})], P.prototype, "logOutButtonPlacement", void 0), i([o({ type: String })], P.prototype, "position", void 0), i([o({
 	type: String,
 	attribute: "scroll-behavior"
-})], P.prototype, "scrollBehavior", void 0), n([r({
+})], P.prototype, "scrollBehavior", void 0), i([o({
 	type: String,
 	attribute: "slot-menu-variant"
-})], P.prototype, "slotMenuVariant", void 0), n([r({
+})], P.prototype, "slotMenuVariant", void 0), i([o({
 	type: String,
 	attribute: "slot-menu-text"
-})], P.prototype, "slotMenuText", void 0), n([r({
+})], P.prototype, "slotMenuText", void 0), i([o({
 	type: Boolean,
 	attribute: "hide-logo",
 	converter: p
-})], P.prototype, "hideLogo", void 0), n([r({
+})], P.prototype, "hideLogo", void 0), i([o({
 	type: Boolean,
 	converter: p
-})], P.prototype, "compact", void 0), n([r({
+})], P.prototype, "compact", void 0), i([o({
 	type: Boolean,
 	attribute: "show-search",
 	converter: p
-})], P.prototype, "showSearch", void 0), n([r({
+})], P.prototype, "showSearch", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
 	converter: p
-})], P.prototype, "canChangeRepresentation", void 0), n([r({
+})], P.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "has-log-out",
 	converter: p
-})], P.prototype, "hasLogOut", void 0), n([r({ type: Object })], P.prototype, "user", void 0), n([r({
+})], P.prototype, "hasLogOut", void 0), i([o({ type: Object })], P.prototype, "user", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
-})], P.prototype, "userMenu", void 0), n([r({ type: Object })], P.prototype, "representing", void 0), n([r({
+})], P.prototype, "userMenu", void 0), i([o({ type: Object })], P.prototype, "representing", void 0), i([o({
 	type: String,
 	attribute: "data-url"
-})], P.prototype, "dataUrl", void 0), n([r({
+})], P.prototype, "dataUrl", void 0), i([o({
 	type: Object,
 	attribute: !1
-})], P.prototype, "data", void 0), n([r({ type: String })], P.prototype, "locale", void 0), n([r({
+})], P.prototype, "data", void 0), i([o({ type: String })], P.prototype, "locale", void 0), i([o({
 	type: Boolean,
 	attribute: "show-contact",
 	converter: p
-})], P.prototype, "showContact", void 0), n([r({
+})], P.prototype, "showContact", void 0), i([o({
 	type: Array,
 	attribute: "user-menu-footer"
-})], P.prototype, "userMenuFooter", void 0), n([r({
+})], P.prototype, "userMenuFooter", void 0), i([o({
 	type: Array,
 	attribute: "user-options"
 })], P.prototype, "userOptions", void 0);
 try {
-	a("pkt-header")(P);
+	t("pkt-header")(P);
 } catch {
 	console.warn("Forsøker å definere <pkt-header>, men den er allerede definert");
 }