@oslokommune/punkt-elements 16.18.0 → 16.19.0

package/dist/{header-BgVpJMHQ.js → header-DONTGbD9.js}

@@ -1,13 +1,13 @@
-import { c as e, d as t, l as n, o as r, r as i, s as a, t as o } from "./element-cZ85T_aa.js";
-import { t as s } from "./class-map-C8HuhNzZ.js";
-import { n as c, t as l } from "./element-with-slot-4J2o3SeU.js";
-import "./icon-CZQkrK6B.js";
-import { t as u } from "./if-defined-Cjj8qN-Z.js";
-import "./button-ZYlrRRfu.js";
-import { n as d, t as f } from "./ref-RS8Uv6uC.js";
-import { t as p } from "./booleanish-CRaKZ75t.js";
-import "./link-CT0LB3S7.js";
-import "./textinput-DhoupEyI.js";
+import { a as e, d as t, n, o as r, p as i, s as a, t as o } from "./element-CduG0XyF.js";
+import { t as s } from "./class-map-DH9hlJny.js";
+import { n as c, t as l } from "./element-with-slot-BVj9MXzi.js";
+import "./icon-LaKyBKON.js";
+import { t as u } from "./if-defined-VShASPdu.js";
+import "./button-CR-KWhTT.js";
+import { n as d, t as f } from "./ref-BgoHEsEt.js";
+import { t as p } from "./booleanish-BmcOU-43.js";
+import "./link-ClUNY__5.js";
+import "./textinput-CZrBM-Fj.js";
 //#region ../../shared-types/header.ts
 var m = (e) => typeof e.target == "string" ? {
 	title: e.title,
@@ -46,38 +46,38 @@ var m = (e) => typeof e.target == "string" ? {
 	handleMenuItemClick(e) {
 		"onClick" in e && typeof e.onClick == "function" && e.onClick();
 	}
-	renderLinkOrButton(e, r) {
-		let i = "href" in e, a = s({
+	renderLinkOrButton(e, n) {
+		let r = "href" in e, a = s({
 			"pkt-user-menu__link": !0,
-			"pkt-link-button": !i,
-			"pkt-link": !i,
-			"pkt-link--icon-left": !i,
-			[r || ""]: !!r
+			"pkt-link-button": !r,
+			"pkt-link": !r,
+			"pkt-link--icon-left": !r,
+			[n || ""]: !!n
 		});
-		return i ? t`
+		return r ? i`
         <pkt-link
-          icon-name=${e.iconName || n}
+          icon-name=${e.iconName || t}
           href=${e.href}
           aria-hidden="true"
-          class="pkt-user-menu__link ${r || ""}"
+          class="pkt-user-menu__link ${n || ""}"
         >
           ${e.title}
         </pkt-link>
-      ` : t`
+      ` : i`
       <button class=${a} type="button" @click=${() => this.handleMenuItemClick(e)}>
-        ${e.iconName ? t`<pkt-icon
+        ${e.iconName ? i`<pkt-icon
               name=${e.iconName}
               class="pkt-link__icon"
               aria-hidden="true"
-            ></pkt-icon>` : n}
+            ></pkt-icon>` : t}
         ${e.title}
       </button>
     `;
 	}
 	renderLinkSection(e) {
-		return t`
+		return i`
       <ul class="pkt-user-menu__sublist">
-        ${e.map((e) => t`
+        ${e.map((e) => i`
             <li class="pkt-user-menu__subitem">${this.renderLinkOrButton(e)}</li>
           `)}
       </ul>
@@ -85,36 +85,36 @@ var m = (e) => typeof e.target == "string" ? {
 	}
 	render() {
 		let e = this.userMenu?.map(h);
-		return t`
+		return i`
       <nav class="pkt-user-menu" aria-label="Meny for innlogget bruker">
         <ul class="pkt-user-menu__list">
           <!-- User section -->
-          ${this.user ? t`
+          ${this.user ? i`
                 <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 ? t`
+                  ${this.formattedLastLoggedIn ? i`
                         <div class="pkt-user-menu__last-logged-in">
                           Sist pålogget: <time>${this.formattedLastLoggedIn}</time>
                         </div>
-                      ` : n}
+                      ` : t}
                 </li>
-              ` : n}
+              ` : t}
 
           <!-- User menu items -->
-          ${e && e.length > 0 ? t`
+          ${e && e.length > 0 ? i`
                 <li class="pkt-user-menu__item">${this.renderLinkSection(e)}</li>
-              ` : n}
+              ` : t}
 
           <!-- Representing section -->
-          ${this.representing ? t`
+          ${this.representing ? i`
                 <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 ? t`<div class="pkt-user-menu__org-number">
+                  ${this.representing.orgNumber ? i`<div class="pkt-user-menu__org-number">
                         Org.nr. ${this.representing.orgNumber}
-                      </div>` : n}
-                  ${this.canChangeRepresentation ? t`
+                      </div>` : t}
+                  ${this.canChangeRepresentation ? i`
                         <ul class="pkt-user-menu__sublist mt-size-16">
                           <li class="pkt-user-menu__subitem">
                             ${this.renderLinkOrButton({
@@ -124,12 +124,12 @@ var m = (e) => typeof e.target == "string" ? {
 		})}
                           </li>
                         </ul>
-                      ` : n}
+                      ` : t}
                 </li>
-              ` : n}
+              ` : t}
 
           <!-- Change representation without representing object -->
-          ${!this.representing && this.canChangeRepresentation ? t`
+          ${!this.representing && this.canChangeRepresentation ? i`
                 <li class="pkt-user-menu__item">
                   <ul class="pkt-user-menu__sublist">
                     <li class="pkt-user-menu__subitem">
@@ -141,10 +141,10 @@ var m = (e) => typeof e.target == "string" ? {
                     </li>
                   </ul>
                 </li>
-              ` : n}
+              ` : t}
 
           <!-- Logout -->
-          ${this.logoutOnClick ? t`
+          ${this.logoutOnClick ? i`
                 <li class="pkt-user-menu__item">
                   ${this.renderLinkOrButton({
 			title: "Logg ut",
@@ -152,29 +152,29 @@ var m = (e) => typeof e.target == "string" ? {
 			onClick: () => this.handleLogout()
 		})}
                 </li>
-              ` : n}
+              ` : t}
         </ul>
       </nav>
     `;
 	}
 };
-i([a({ type: Object })], _.prototype, "user", void 0), i([a({
+n([r({ type: Object })], _.prototype, "user", void 0), n([r({
 	type: String,
 	attribute: "formatted-last-logged-in"
-})], _.prototype, "formattedLastLoggedIn", void 0), i([a({ type: Object })], _.prototype, "representing", void 0), i([a({
+})], _.prototype, "formattedLastLoggedIn", void 0), n([r({ type: Object })], _.prototype, "representing", void 0), n([r({
 	type: Array,
 	attribute: "user-menu"
-})], _.prototype, "userMenu", void 0), i([a({
+})], _.prototype, "userMenu", void 0), n([r({
 	type: Boolean,
 	attribute: "can-change-representation",
 	converter: p
-})], _.prototype, "canChangeRepresentation", void 0), i([a({
+})], _.prototype, "canChangeRepresentation", void 0), n([r({
 	type: Boolean,
 	attribute: "logout-on-click",
 	converter: p
 })], _.prototype, "logoutOnClick", void 0);
 try {
-	e("pkt-header-user-menu")(_);
+	a("pkt-header-user-menu")(_);
 } catch {
 	console.warn("Forsøker å definere <pkt-header-user-menu>, men den er allerede definert");
 }
@@ -324,17 +324,17 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
 		return this.hasLogOut && (this.logOutButtonPlacement === "userMenu" || this.logOutButtonPlacement === "both");
 	}
 	renderLogo() {
-		if (this.hideLogo) return n;
-		let e = t`
+		if (this.hideLogo) return t;
+		let e = i`
       <pkt-icon name="oslologo" aria-hidden="true" path=${v}></pkt-icon>
     `;
-		return this.logoLink && typeof this.logoLink == "string" ? t`
+		return this.logoLink && typeof this.logoLink == "string" ? i`
         <span class="pkt-header-service__logo">
           <a href=${this.logoLink} aria-label="Tilbake til forside" @click=${this.handleLogoClick}>
             ${e}
           </a>
         </span>
-      ` : this.hasAttribute("logo-link") ? t`
+      ` : this.hasAttribute("logo-link") ? i`
         <span class="pkt-header-service__logo">
           <button
             aria-label="Tilbake til forside"
@@ -344,12 +344,12 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
             ${e}
           </button>
         </span>
-      ` : t`
+      ` : i`
       <span class="pkt-header-service__logo" @click=${this.handleLogoClick}>${e}</span>
     `;
 	}
 	renderServiceName() {
-		return this.serviceName ? this.serviceLink && typeof this.serviceLink == "string" ? t`
+		return this.serviceName ? this.serviceLink && typeof this.serviceLink == "string" ? i`
         <span class="pkt-header-service__service-name" translate="no">
           <pkt-link
             href=${this.serviceLink}
@@ -359,7 +359,7 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
             ${this.serviceName}
           </pkt-link>
         </span>
-      ` : this.hasAttribute("service-link") ? t`
+      ` : this.hasAttribute("service-link") ? i`
         <span class="pkt-header-service__service-name" translate="no">
           <button
             class="pkt-link-button pkt-link pkt-header-service__service-link"
@@ -368,28 +368,28 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
             ${this.serviceName}
           </button>
         </span>
-      ` : t`
+      ` : i`
       <span class="pkt-header-service__service-name" translate="no" @click=${this.handleServiceClick}>
         <span class="pkt-header-service__service-link">${this.serviceName}</span>
       </span>
-    ` : n;
+    ` : t;
 	}
 	renderSlotContainer() {
-		if (!this.hasSlotContent()) return n;
+		if (!this.hasSlotContent()) return t;
 		let e = s({
 			"pkt-header-service__slot-container": !0,
 			"is-open": this.openMenu === "slot"
-		}), r = s({
+		}), n = s({
 			"pkt-header-service__slot-content": !0,
 			"align-right": this.alignSlotRight
 		});
-		return t`
+		return i`
       <div
         class=${e}
         @focusout=${(e) => this.handleFocusOut(e, "slot")}
         ${d(this.slotContainerRef)}
       >
-        ${this.isTablet && this.hasSlotContent() ? t`
+        ${this.isTablet && this.hasSlotContent() ? i`
               <pkt-button
                 skin="secondary"
                 variant=${this.slotMenuVariant}
@@ -403,12 +403,12 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
               >
                 ${this.slotMenuText}
               </pkt-button>
-            ` : n}
+            ` : t}
         <div
-          class=${r}
+          class=${n}
           id="mobile-slot-menu"
-          role=${this.isTablet ? "menu" : n}
-          aria-label=${this.isTablet ? "Meny" : n}
+          role=${this.isTablet ? "menu" : t}
+          aria-label=${this.isTablet ? "Meny" : t}
           ${d(this.slotContentRef)}
         >
           ${c(this)}
@@ -417,17 +417,17 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
     `;
 	}
 	renderSearch() {
-		if (!this.showSearch) return n;
+		if (!this.showSearch) return t;
 		if (this.isTablet) {
 			let e = s({
 				"pkt-header-service__search-container": !0,
 				"is-open": this.openMenu === "search"
-			}), r = s({
+			}), n = s({
 				"pkt-header-service__mobile-menu": !0,
 				"is-open": this.openMenu === "search",
 				"align-right": this.alignSearchRight
 			});
-			return t`
+			return i`
         <div
           class=${e}
           @focusout=${(e) => this.handleFocusOut(e, "search")}
@@ -446,8 +446,8 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
           >
             Søk
           </pkt-button>
-          <div class=${r} ${d(this.searchMenuRef)}>
-            ${this.openMenu === "search" ? t`
+          <div class=${n} ${d(this.searchMenuRef)}>
+            ${this.openMenu === "search" ? i`
                   <pkt-textinput
                     id="mobile-search-menu"
                     class="pkt-header-service__search-input"
@@ -463,12 +463,12 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
 				e.key === "Enter" && this.handleSearch(e.target.value);
 			}}
                   ></pkt-textinput>
-                ` : n}
+                ` : t}
           </div>
         </div>
       `;
 		}
-		return t`
+		return i`
       <pkt-textinput
         id="header-service-search"
         class="pkt-header-service__search-input"
@@ -483,13 +483,13 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
     `;
 	}
 	renderUserButton() {
-		if (!this.user) return n;
+		if (!this.user) return t;
 		let e = s({
 			"pkt-header-service__user-menu": this.isMobile === !1,
 			"pkt-header-service__mobile-menu": this.isMobile === !0,
 			"is-open": this.openMenu === "user"
 		});
-		return t`
+		return i`
       <div
         class="pkt-header-service__user-container"
         @focusout=${(e) => this.handleFocusOut(e, "user")}
@@ -511,11 +511,11 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = 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 ? t`
+        ${this.openMenu === "user" && this.user ? i`
               <div class=${e}>
                 <pkt-header-user-menu
                   .user=${this.user}
-                  formatted-last-logged-in=${this.formattedLastLoggedIn || n}
+                  formatted-last-logged-in=${this.formattedLastLoggedIn || t}
                   .representing=${this.representing}
                   .userMenu=${this.userMenu}
                   ?can-change-representation=${this.canChangeRepresentation}
@@ -527,7 +527,7 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
                   @log-out=${this.handleLogout}
                 ></pkt-header-user-menu>
               </div>
-            ` : n}
+            ` : t}
       </div>
     `;
 	}
@@ -540,17 +540,17 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
 			"pkt-header-service--fixed": this.isFixed,
 			"pkt-header-service--scroll-to-hide": this.shouldHideOnScroll,
 			"pkt-header-service--hidden": this.isHidden
-		}), r = s({
+		}), n = s({
 			"pkt-header-service__logo-area": !0,
 			"pkt-header-service__logo-area--without-service": !this.serviceName
 		});
-		return t`
+		return i`
       <header class=${e} ${d(this.headerRef)}>
-        <div class=${r}>${this.renderLogo()} ${this.renderServiceName()}</div>
+        <div class=${n}>${this.renderLogo()} ${this.renderServiceName()}</div>
 
-        ${this.hasSlotContent() || this.showSearch || this.showLogoutInHeader ? t`<div class="pkt-header-service__content">
+        ${this.hasSlotContent() || this.showSearch || this.showLogoutInHeader ? i`<div class="pkt-header-service__content">
               ${this.renderSlotContainer()} ${this.renderSearch()}
-              ${this.isTablet && this.showLogoutInHeader ? t`
+              ${this.isTablet && this.showLogoutInHeader ? i`
                     <pkt-button
                       skin="secondary"
                       size=${this.isMobile ? "small" : "medium"}
@@ -560,11 +560,11 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
                     >
                       Logg ut
                     </pkt-button>
-                  ` : n}
-            </div>` : n}
-        ${this.user || !this.isTablet && this.showLogoutInHeader ? t`<div class="pkt-header-service__user">
+                  ` : t}
+            </div>` : t}
+        ${this.user || !this.isTablet && this.showLogoutInHeader ? i`<div class="pkt-header-service__user">
               ${this.renderUserButton()}
-              ${!this.isTablet && this.showLogoutInHeader ? t`
+              ${!this.isTablet && this.showLogoutInHeader ? i`
                     <pkt-button
                       skin="tertiary"
                       size="medium"
@@ -574,14 +574,14 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
                     >
                       Logg ut
                     </pkt-button>
-                  ` : n}
-            </div>` : n}
+                  ` : t}
+            </div>` : t}
       </header>
     `;
 	}
 	render() {
 		let e = this.renderHeader();
-		return this.isFixed ? t`
+		return this.isFixed ? i`
         <div class="pkt-header-service-wrapper">
           ${e}
           <div class=${s({
@@ -595,67 +595,67 @@ var v = "https://punkt-cdn.oslo.kommune.no/latest/logos/", y = class extends l {
       ` : e;
 	}
 };
-i([a({
+n([r({
 	type: String,
 	attribute: "service-name"
-})], y.prototype, "serviceName", void 0), i([a({
+})], y.prototype, "serviceName", void 0), n([r({
 	type: String,
 	attribute: "service-link"
-})], y.prototype, "serviceLink", void 0), i([a({
+})], y.prototype, "serviceLink", void 0), n([r({
 	type: String,
 	attribute: "logo-link"
-})], y.prototype, "logoLink", void 0), i([a({
+})], y.prototype, "logoLink", void 0), n([r({
 	type: String,
 	attribute: "search-placeholder"
-})], y.prototype, "searchPlaceholder", void 0), i([a({
+})], y.prototype, "searchPlaceholder", void 0), n([r({
 	type: String,
 	attribute: "search-value"
-})], y.prototype, "searchValue", void 0), i([a({
+})], y.prototype, "searchValue", void 0), n([r({
 	type: Number,
 	attribute: "mobile-breakpoint"
-})], y.prototype, "mobileBreakpoint", void 0), i([a({
+})], y.prototype, "mobileBreakpoint", void 0), n([r({
 	type: Number,
 	attribute: "tablet-breakpoint"
-})], y.prototype, "tabletBreakpoint", void 0), i([a({
+})], y.prototype, "tabletBreakpoint", void 0), n([r({
 	type: String,
 	attribute: "opened-menu"
-})], y.prototype, "openedMenu", void 0), i([a({
+})], y.prototype, "openedMenu", void 0), n([r({
 	type: String,
 	attribute: "log-out-button-placement"
-})], y.prototype, "logOutButtonPlacement", void 0), i([a({ type: String })], y.prototype, "position", void 0), i([a({
+})], y.prototype, "logOutButtonPlacement", void 0), n([r({ type: String })], y.prototype, "position", void 0), n([r({
 	type: String,
 	attribute: "scroll-behavior"
-})], y.prototype, "scrollBehavior", void 0), i([a({
+})], y.prototype, "scrollBehavior", void 0), n([r({
 	type: String,
 	attribute: "slot-menu-variant"
-})], y.prototype, "slotMenuVariant", void 0), i([a({
+})], y.prototype, "slotMenuVariant", void 0), n([r({
 	type: String,
 	attribute: "slot-menu-text"
-})], y.prototype, "slotMenuText", void 0), i([a({
+})], y.prototype, "slotMenuText", void 0), n([r({
 	type: Boolean,
 	attribute: "hide-logo",
 	converter: p
-})], y.prototype, "hideLogo", void 0), i([a({
+})], y.prototype, "hideLogo", void 0), n([r({
 	type: Boolean,
 	converter: p
-})], y.prototype, "compact", void 0), i([a({
+})], y.prototype, "compact", void 0), n([r({
 	type: Boolean,
 	attribute: "show-search",
 	converter: p
-})], y.prototype, "showSearch", void 0), i([a({
+})], y.prototype, "showSearch", void 0), n([r({
 	type: Boolean,
 	attribute: "can-change-representation",
 	converter: p
-})], y.prototype, "canChangeRepresentation", void 0), i([a({
+})], y.prototype, "canChangeRepresentation", void 0), n([r({
 	type: Boolean,
 	attribute: "has-log-out",
 	converter: p
-})], y.prototype, "hasLogOut", void 0), i([a({ type: Object })], y.prototype, "user", void 0), i([a({
+})], y.prototype, "hasLogOut", void 0), n([r({ type: Object })], y.prototype, "user", void 0), n([r({
 	type: Array,
 	attribute: "user-menu"
-})], y.prototype, "userMenu", void 0), i([a({ type: Object })], y.prototype, "representing", void 0), i([r()], y.prototype, "isMobile", void 0), i([r()], y.prototype, "isTablet", void 0), i([r()], y.prototype, "openMenu", void 0), i([r()], y.prototype, "isHidden", void 0), i([r()], y.prototype, "componentWidth", void 0), i([r()], y.prototype, "alignSlotRight", void 0), i([r()], y.prototype, "alignSearchRight", void 0);
+})], y.prototype, "userMenu", void 0), n([r({ type: Object })], y.prototype, "representing", void 0), n([e()], y.prototype, "isMobile", void 0), n([e()], y.prototype, "isTablet", void 0), n([e()], y.prototype, "openMenu", void 0), n([e()], y.prototype, "isHidden", void 0), n([e()], y.prototype, "componentWidth", void 0), n([e()], y.prototype, "alignSlotRight", void 0), n([e()], y.prototype, "alignSearchRight", void 0);
 try {
-	e("pkt-header-service")(y);
+	a("pkt-header-service")(y);
 } catch {
 	console.warn("Forsøker å definere <pkt-header-service>, men den er allerede definert");
 }
@@ -680,7 +680,7 @@ var b = class extends l {
 		] : this.userMenu;
 	}
 	render() {
-		return t`
+		return i`
       <pkt-header-service
         service-name=${u(this.serviceName)}
         service-link=${u(this.serviceLink)}
@@ -704,78 +704,78 @@ var b = class extends l {
         .userMenu=${this.effectiveUserMenu}
         .representing=${this.representing}
       >
-        ${this.hasSlotContent() ? t`<div class="pkt-contents">${c(this)}</div>` : n}
+        ${this.hasSlotContent() ? i`<div class="pkt-contents">${c(this)}</div>` : t}
       </pkt-header-service>
     `;
 	}
 };
-i([a({
+n([r({
 	type: String,
 	attribute: "service-name"
-})], b.prototype, "serviceName", void 0), i([a({
+})], b.prototype, "serviceName", void 0), n([r({
 	type: String,
 	attribute: "service-link"
-})], b.prototype, "serviceLink", void 0), i([a({
+})], b.prototype, "serviceLink", void 0), n([r({
 	type: String,
 	attribute: "logo-link"
-})], b.prototype, "logoLink", void 0), i([a({
+})], b.prototype, "logoLink", void 0), n([r({
 	type: String,
 	attribute: "search-placeholder"
-})], b.prototype, "searchPlaceholder", void 0), i([a({
+})], b.prototype, "searchPlaceholder", void 0), n([r({
 	type: String,
 	attribute: "search-value"
-})], b.prototype, "searchValue", void 0), i([a({
+})], b.prototype, "searchValue", void 0), n([r({
 	type: Number,
 	attribute: "mobile-breakpoint"
-})], b.prototype, "mobileBreakpoint", void 0), i([a({
+})], b.prototype, "mobileBreakpoint", void 0), n([r({
 	type: Number,
 	attribute: "tablet-breakpoint"
-})], b.prototype, "tabletBreakpoint", void 0), i([a({
+})], b.prototype, "tabletBreakpoint", void 0), n([r({
 	type: String,
 	attribute: "opened-menu"
-})], b.prototype, "openedMenu", void 0), i([a({
+})], b.prototype, "openedMenu", void 0), n([r({
 	type: String,
 	attribute: "log-out-button-placement"
-})], b.prototype, "logOutButtonPlacement", void 0), i([a({ type: String })], b.prototype, "position", void 0), i([a({
+})], b.prototype, "logOutButtonPlacement", void 0), n([r({ type: String })], b.prototype, "position", void 0), n([r({
 	type: String,
 	attribute: "scroll-behavior"
-})], b.prototype, "scrollBehavior", void 0), i([a({
+})], b.prototype, "scrollBehavior", void 0), n([r({
 	type: String,
 	attribute: "slot-menu-variant"
-})], b.prototype, "slotMenuVariant", void 0), i([a({
+})], b.prototype, "slotMenuVariant", void 0), n([r({
 	type: String,
 	attribute: "slot-menu-text"
-})], b.prototype, "slotMenuText", void 0), i([a({
+})], b.prototype, "slotMenuText", void 0), n([r({
 	type: Boolean,
 	attribute: "hide-logo",
 	converter: p
-})], b.prototype, "hideLogo", void 0), i([a({
+})], b.prototype, "hideLogo", void 0), n([r({
 	type: Boolean,
 	converter: p
-})], b.prototype, "compact", void 0), i([a({
+})], b.prototype, "compact", void 0), n([r({
 	type: Boolean,
 	attribute: "show-search",
 	converter: p
-})], b.prototype, "showSearch", void 0), i([a({
+})], b.prototype, "showSearch", void 0), n([r({
 	type: Boolean,
 	attribute: "can-change-representation",
 	converter: p
-})], b.prototype, "canChangeRepresentation", void 0), i([a({
+})], b.prototype, "canChangeRepresentation", void 0), n([r({
 	type: Boolean,
 	attribute: "has-log-out",
 	converter: p
-})], b.prototype, "hasLogOut", void 0), i([a({ type: Object })], b.prototype, "user", void 0), i([a({
+})], b.prototype, "hasLogOut", void 0), n([r({ type: Object })], b.prototype, "user", void 0), n([r({
 	type: Array,
 	attribute: "user-menu"
-})], b.prototype, "userMenu", void 0), i([a({ type: Object })], b.prototype, "representing", void 0), i([a({
+})], b.prototype, "userMenu", void 0), n([r({ type: Object })], b.prototype, "representing", void 0), n([r({
 	type: Array,
 	attribute: "user-menu-footer"
-})], b.prototype, "userMenuFooter", void 0), i([a({
+})], b.prototype, "userMenuFooter", void 0), n([r({
 	type: Array,
 	attribute: "user-options"
 })], b.prototype, "userOptions", void 0);
 try {
-	e("pkt-header")(b);
+	a("pkt-header")(b);
 } catch {
 	console.warn("Forsøker å definere <pkt-header>, men den er allerede definert");
 }