@oslokommune/punkt-elements 16.7.0 → 16.7.3

package/dist/pkt-header.js

@@ -1,19 +1,19 @@
-import { P as M, s as S } from "./element-with-slot-Dqk6-TRR.js";
-import { P as C, A as l, b as n, n as s, t as _ } from "./element-CPpT3rFQ.js";
+import { P as _, s as S } from "./element-with-slot-Dqk6-TRR.js";
+import { t as M, P as C, A as h, b as n, n as s } from "./element-CPpT3rFQ.js";
 import { o as $ } from "./if-defined-B0krMLad.js";
 import { b as d } from "./booleanish-C9R0tdXH.js";
-import { r as k } from "./state-C_1EOo3D.js";
-import { e as g } from "./class-map-CEnykyO_.js";
-import { e as f, n as y } from "./ref-Bg_Swj5w.js";
-import "./button-DEyvt1LI.js";
-import "./icon-BlKA8YuW.js";
-import "./link-Z_GizclR.js";
-import "./textinput-9lHjs4ce.js";
-const L = (e) => typeof e.target == "string" ? { title: e.title, iconName: e.iconName, href: e.target } : { title: e.title, iconName: e.iconName, onClick: e.target }, w = (e) => L(e), O = (e) => {
-  if (!e) return;
-  const t = typeof e == "string" ? new Date(e) : e;
-  if (!isNaN(t.getTime()))
-    return t.toLocaleDateString("nb-NO", {
+import { r as g } from "./state-C_1EOo3D.js";
+import { e as k } from "./class-map-CEnykyO_.js";
+import { e as b, n as f } from "./ref-Bg_Swj5w.js";
+import "./button-BiY-wlKF.js";
+import "./icon-CxQcIa5F.js";
+import "./link-Cdqgl60z.js";
+import "./textinput-r8udK0IX.js";
+const L = (o) => typeof o.target == "string" ? { title: o.title, iconName: o.iconName, href: o.target } : { title: o.title, iconName: o.iconName, onClick: o.target }, w = (o) => L(o), O = (o) => {
+  if (!o) return;
+  const e = typeof o == "string" ? new Date(o) : o;
+  if (!isNaN(e.getTime()))
+    return e.toLocaleDateString("nb-NO", {
       day: "numeric",
       month: "long",
       year: "numeric",
@@ -21,12 +21,12 @@ const L = (e) => typeof e.target == "string" ? { title: e.title, iconName: e.ico
       minute: "2-digit"
     });
 };
-var R = Object.defineProperty, B = Object.getOwnPropertyDescriptor, b = (e, t, i, u) => {
-  for (var a = u > 1 ? void 0 : u ? B(t, i) : t, p = e.length - 1, m; p >= 0; p--)
-    (m = e[p]) && (a = (u ? m(t, i, a) : m(a)) || a);
-  return u && a && R(t, i, a), a;
+var R = Object.defineProperty, y = (o, e, t, i) => {
+  for (var r = void 0, p = o.length - 1, m; p >= 0; p--)
+    (m = o[p]) && (r = m(e, t, r) || r);
+  return r && R(e, t, r), r;
 };
-let v = class extends C {
+class v extends C {
   constructor() {
     super(...arguments), this.canChangeRepresentation = !1, this.logoutOnClick = !1;
   }
@@ -50,7 +50,7 @@ let v = class extends C {
     "onClick" in e && typeof e.onClick == "function" && e.onClick();
   }
   renderLinkOrButton(e, t) {
-    const i = "href" in e, u = g({
+    const i = "href" in e, r = k({
       "pkt-user-menu__link": !0,
       "pkt-link-button": !i,
       "pkt-link": !i,
@@ -59,7 +59,7 @@ let v = class extends C {
     });
     return i ? n`
         <pkt-link
-          icon-name=${e.iconName || l}
+          icon-name=${e.iconName || h}
           href=${e.href}
           aria-hidden="true"
           class="pkt-user-menu__link ${t || ""}"
@@ -67,12 +67,12 @@ let v = class extends C {
           ${e.title}
         </pkt-link>
       ` : n`
-      <button class=${u} type="button" @click=${() => this.handleMenuItemClick(e)}>
+      <button class=${r} type="button" @click=${() => this.handleMenuItemClick(e)}>
         ${e.iconName ? n`<pkt-icon
               name=${e.iconName}
               class="pkt-link__icon"
               aria-hidden="true"
-            ></pkt-icon>` : l}
+            ></pkt-icon>` : h}
         ${e.title}
       </button>
     `;
@@ -103,14 +103,14 @@ let v = class extends C {
                         <div class="pkt-user-menu__last-logged-in">
                           Sist pålogget: <time>${this.formattedLastLoggedIn}</time>
                         </div>
-                      ` : l}
+                      ` : h}
                 </li>
-              ` : l}
+              ` : h}
 
           <!-- User menu items -->
           ${e && e.length > 0 ? n`
                 <li class="pkt-user-menu__item">${this.renderLinkSection(e)}</li>
-              ` : l}
+              ` : h}
 
           <!-- Representing section -->
           ${this.representing ? n`
@@ -119,7 +119,7 @@ let v = class extends C {
                   <div class="pkt-user-menu__name" translate="no">${this.representing.name}</div>
                   ${this.representing.orgNumber ? n`<div class="pkt-user-menu__org-number">
                         Org.nr. ${this.representing.orgNumber}
-                      </div>` : l}
+                      </div>` : h}
                   ${this.canChangeRepresentation ? n`
                         <ul class="pkt-user-menu__sublist mt-size-16">
                           <li class="pkt-user-menu__subitem">
@@ -130,9 +130,9 @@ let v = class extends C {
     })}
                           </li>
                         </ul>
-                      ` : l}
+                      ` : h}
                 </li>
-              ` : l}
+              ` : h}
 
           <!-- Change representation without representing object -->
           ${!this.representing && this.canChangeRepresentation ? n`
@@ -147,7 +147,7 @@ let v = class extends C {
                     </li>
                   </ul>
                 </li>
-              ` : l}
+              ` : h}
 
           <!-- Logout -->
           ${this.logoutOnClick ? n`
@@ -158,46 +158,48 @@ let v = class extends C {
       onClick: () => this.handleLogout()
     })}
                 </li>
-              ` : l}
+              ` : h}
         </ul>
       </nav>
     `;
   }
-};
-b([
+}
+y([
   s({ type: Object })
-], v.prototype, "user", 2);
-b([
+], v.prototype, "user");
+y([
   s({ type: String, attribute: "formatted-last-logged-in" })
-], v.prototype, "formattedLastLoggedIn", 2);
-b([
+], v.prototype, "formattedLastLoggedIn");
+y([
   s({ type: Object })
-], v.prototype, "representing", 2);
-b([
+], v.prototype, "representing");
+y([
   s({ type: Array, attribute: "user-menu" })
-], v.prototype, "userMenu", 2);
-b([
+], v.prototype, "userMenu");
+y([
   s({
     type: Boolean,
     attribute: "can-change-representation",
     converter: d
   })
-], v.prototype, "canChangeRepresentation", 2);
-b([
+], v.prototype, "canChangeRepresentation");
+y([
   s({ type: Boolean, attribute: "logout-on-click", converter: d })
-], v.prototype, "logoutOnClick", 2);
-v = b([
-  _("pkt-header-user-menu")
-], v);
-var E = Object.defineProperty, P = Object.getOwnPropertyDescriptor, r = (e, t, i, u) => {
-  for (var a = u > 1 ? void 0 : u ? P(t, i) : t, p = e.length - 1, m; p >= 0; p--)
-    (m = e[p]) && (a = (u ? m(t, i, a) : m(a)) || a);
-  return u && a && E(t, i, a), a;
+], v.prototype, "logoutOnClick");
+try {
+  M("pkt-header-user-menu")(v);
+} catch {
+  console.warn("Forsøker å definere <pkt-header-user-menu>, men den er allerede definert");
+}
+var B = Object.defineProperty, l = (o, e, t, i) => {
+  for (var r = void 0, p = o.length - 1, m; p >= 0; p--)
+    (m = o[p]) && (r = m(e, t, r) || r);
+  return r && B(e, t, r), r;
 };
-const x = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
-let o = class extends M {
+const E = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
+class a extends _ {
   constructor() {
-    super(...arguments), 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.isMobile = !1, this.isTablet = !1, this.openMenu = "none", this.isHidden = !1, this.componentWidth = typeof window < "u" ? window.innerWidth : 0, 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.lastScrollPosition = 0, this.savedScrollY = 0, this.lastFocusedElement = null, this.shouldRestoreFocus = !1, this.handleScroll = () => {
+    super(...arguments), 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.isMobile = !1, this.isTablet = !1, this.openMenu = "none", this.isHidden = !1, this.componentWidth = typeof window < "u" ? window.innerWidth : 0, this.alignSlotRight = !1, this.alignSearchRight = !1, this.headerRef = b(), this.userContainerRef = b(), this.slotContainerRef = b(), this.searchContainerRef = b(), this.slotContentRef = b(), this.searchMenuRef = b(), this.lastScrollPosition = 0, this.savedScrollY = 0, this.lastFocusedElement = null, this.shouldRestoreFocus = !1, this.handleScroll = () => {
       if (!this.shouldHideOnScroll) return;
       const e = window.pageYOffset || document.documentElement.scrollTop;
       e < 0 || Math.abs(e - this.lastScrollPosition) < 60 || (this.isHidden = e > this.lastScrollPosition, this.lastScrollPosition = e);
@@ -206,22 +208,22 @@ let o = class extends M {
       this.user && this.openMenu === "user" && !t.closest(".pkt-header-service__user-container") && (this.openMenu = "none"), this.openMenu === "slot" && !t.closest(".pkt-header-service__slot-container") && (this.openMenu = "none"), this.openMenu === "search" && !t.closest(".pkt-header-service__search-container") && !t.closest(".pkt-header-service__search-input") && (this.openMenu = "none");
     }, this.handleFocusOut = (e, t) => {
       const i = e.relatedTarget;
-      let u;
+      let r;
       switch (t) {
         case "user":
-          u = this.userContainerRef;
+          r = this.userContainerRef;
           break;
         case "slot":
-          u = this.slotContainerRef;
+          r = this.slotContainerRef;
           break;
         case "search":
-          u = this.searchContainerRef;
+          r = this.searchContainerRef;
           break;
         default:
           return;
       }
-      const a = u.value;
-      a && (!i || !a.contains(i)) && (this.openMenu = "none");
+      const p = r.value;
+      p && (!i || !p.contains(i)) && (this.openMenu = "none");
     }, this.handleEscapeKey = (e) => {
       e.key === "Escape" && this.openMenu !== "none" && (e.preventDefault(), this.shouldRestoreFocus = !0, this.openMenu = "none");
     };
@@ -280,8 +282,8 @@ let o = class extends M {
   checkDropdownAlignment(e) {
     const t = e === "slot" ? this.slotContainerRef : this.searchContainerRef, i = e === "slot" ? this.slotContentRef : this.searchMenuRef;
     if (!t.value || !i.value || !this.isTablet || this.isMobile) return;
-    const u = t.value.getBoundingClientRect(), a = i.value.offsetWidth, p = u.left + a > window.innerWidth;
-    e === "slot" ? this.alignSlotRight = p : this.alignSearchRight = p;
+    const r = t.value.getBoundingClientRect(), p = i.value.offsetWidth, m = r.left + p > window.innerWidth;
+    e === "slot" ? this.alignSlotRight = m : this.alignSearchRight = m;
   }
   handleMenuToggle(e) {
     this.openMenu !== "none" ? this.openMenu = "none" : (this.lastFocusedElement = document.activeElement, this.openMenu = e);
@@ -354,9 +356,9 @@ let o = class extends M {
     return this.hasLogOut && (this.logOutButtonPlacement === "userMenu" || this.logOutButtonPlacement === "both");
   }
   renderLogo() {
-    if (this.hideLogo) return l;
+    if (this.hideLogo) return h;
     const e = n`
-      <pkt-icon name="oslologo" aria-hidden="true" path=${x}></pkt-icon>
+      <pkt-icon name="oslologo" aria-hidden="true" path=${E}></pkt-icon>
     `;
     return this.logoLink && typeof this.logoLink == "string" ? n`
         <span class="pkt-header-service__logo">
@@ -402,14 +404,14 @@ let o = class extends M {
       <span class="pkt-header-service__service-name" @click=${this.handleServiceClick}>
         <span class="pkt-header-service__service-link">${this.serviceName}</span>
       </span>
-    ` : l;
+    ` : h;
   }
   renderSlotContainer() {
-    if (!this.hasSlotContent()) return l;
-    const e = g({
+    if (!this.hasSlotContent()) return h;
+    const e = k({
       "pkt-header-service__slot-container": !0,
       "is-open": this.openMenu === "slot"
-    }), t = g({
+    }), t = k({
       "pkt-header-service__slot-content": !0,
       "align-right": this.alignSlotRight
     });
@@ -417,7 +419,7 @@ let o = class extends M {
       <div
         class=${e}
         @focusout=${(i) => this.handleFocusOut(i, "slot")}
-        ${y(this.slotContainerRef)}
+        ${f(this.slotContainerRef)}
       >
         ${this.isTablet && this.hasSlotContent() ? n`
               <pkt-button
@@ -433,13 +435,13 @@ let o = class extends M {
               >
                 ${this.slotMenuText}
               </pkt-button>
-            ` : l}
+            ` : h}
         <div
           class=${t}
           id="mobile-slot-menu"
-          role=${this.isTablet ? "menu" : l}
-          aria-label=${this.isTablet ? "Meny" : l}
-          ${y(this.slotContentRef)}
+          role=${this.isTablet ? "menu" : h}
+          aria-label=${this.isTablet ? "Meny" : h}
+          ${f(this.slotContentRef)}
         >
           ${S(this)}
         </div>
@@ -447,12 +449,12 @@ let o = class extends M {
     `;
   }
   renderSearch() {
-    if (!this.showSearch) return l;
+    if (!this.showSearch) return h;
     if (this.isTablet) {
-      const e = g({
+      const e = k({
         "pkt-header-service__search-container": !0,
         "is-open": this.openMenu === "search"
-      }), t = g({
+      }), t = k({
         "pkt-header-service__mobile-menu": !0,
         "is-open": this.openMenu === "search",
         "align-right": this.alignSearchRight
@@ -461,7 +463,7 @@ let o = class extends M {
         <div
           class=${e}
           @focusout=${(i) => this.handleFocusOut(i, "search")}
-          ${y(this.searchContainerRef)}
+          ${f(this.searchContainerRef)}
         >
           <pkt-button
             skin="secondary"
@@ -476,7 +478,7 @@ let o = class extends M {
           >
             Søk
           </pkt-button>
-          <div class=${t} ${y(this.searchMenuRef)}>
+          <div class=${t} ${f(this.searchMenuRef)}>
             ${this.openMenu === "search" ? n`
                   <pkt-textinput
                     id="mobile-search-menu"
@@ -493,7 +495,7 @@ let o = class extends M {
         i.key === "Enter" && this.handleSearch(i.target.value);
       }}
                   ></pkt-textinput>
-                ` : l}
+                ` : h}
           </div>
         </div>
       `;
@@ -514,8 +516,8 @@ let o = class extends M {
   }
   renderUserButton() {
     var t;
-    if (!this.user) return l;
-    const e = g({
+    if (!this.user) return h;
+    const e = k({
       "pkt-header-service__user-menu": this.isMobile === !1,
       "pkt-header-service__mobile-menu": this.isMobile === !0,
       "is-open": this.openMenu === "user"
@@ -524,10 +526,10 @@ let o = class extends M {
       <div
         class="pkt-header-service__user-container"
         @focusout=${(i) => this.handleFocusOut(i, "user")}
-        ${y(this.userContainerRef)}
+        ${f(this.userContainerRef)}
       >
         <pkt-button
-          class=${g({
+          class=${k({
       "pkt-header-service__user-button": !0,
       "pkt-header-service__user-button--mobile": this.isMobile
     })}
@@ -546,7 +548,7 @@ let o = class extends M {
               <div class=${e}>
                 <pkt-header-user-menu
                   .user=${this.user}
-                  formatted-last-logged-in=${this.formattedLastLoggedIn || l}
+                  formatted-last-logged-in=${this.formattedLastLoggedIn || h}
                   .representing=${this.representing}
                   .userMenu=${this.userMenu}
                   ?can-change-representation=${this.canChangeRepresentation}
@@ -557,12 +559,12 @@ let o = class extends M {
                   @log-out=${this.handleLogout}
                 ></pkt-header-user-menu>
               </div>
-            ` : l}
+            ` : h}
       </div>
     `;
   }
   renderHeader() {
-    const e = g({
+    const e = k({
       "pkt-header-service": !0,
       "pkt-header-service--compact": this.compact,
       "pkt-header-service--mobile": this.isMobile,
@@ -570,12 +572,12 @@ let o = class extends M {
       "pkt-header-service--fixed": this.isFixed,
       "pkt-header-service--scroll-to-hide": this.shouldHideOnScroll,
       "pkt-header-service--hidden": this.isHidden
-    }), t = g({
+    }), t = k({
       "pkt-header-service__logo-area": !0,
       "pkt-header-service__logo-area--without-service": !this.serviceName
     });
     return n`
-      <header class=${e} ${y(this.headerRef)}>
+      <header class=${e} ${f(this.headerRef)}>
         <div class=${t}>${this.renderLogo()} ${this.renderServiceName()}</div>
 
         ${this.hasSlotContent() || this.showSearch || this.showLogoutInHeader ? n`<div class="pkt-header-service__content">
@@ -590,8 +592,8 @@ let o = class extends M {
                     >
                       Logg ut
                     </pkt-button>
-                  ` : l}
-            </div>` : l}
+                  ` : h}
+            </div>` : h}
         ${this.user || !this.isTablet && this.showLogoutInHeader ? n`<div class="pkt-header-service__user">
               ${this.renderUserButton()}
               ${!this.isTablet && this.showLogoutInHeader ? n`
@@ -604,15 +606,15 @@ let o = class extends M {
                     >
                       Logg ut
                     </pkt-button>
-                  ` : l}
-            </div>` : l}
+                  ` : h}
+            </div>` : h}
       </header>
     `;
   }
   render() {
     const e = this.renderHeader();
     if (this.isFixed) {
-      const t = g({
+      const t = k({
         "pkt-header-service-spacer": !0,
         "pkt-header-service-spacer--compact": this.compact,
         "pkt-header-service-spacer--has-user": !!this.user,
@@ -627,104 +629,106 @@ let o = class extends M {
     }
     return e;
   }
-};
-r([
+}
+l([
   s({ type: String, attribute: "service-name" })
-], o.prototype, "serviceName", 2);
-r([
+], a.prototype, "serviceName");
+l([
   s({ type: String, attribute: "service-link" })
-], o.prototype, "serviceLink", 2);
-r([
+], a.prototype, "serviceLink");
+l([
   s({ type: String, attribute: "logo-link" })
-], o.prototype, "logoLink", 2);
-r([
+], a.prototype, "logoLink");
+l([
   s({ type: String, attribute: "search-placeholder" })
-], o.prototype, "searchPlaceholder", 2);
-r([
+], a.prototype, "searchPlaceholder");
+l([
   s({ type: String, attribute: "search-value" })
-], o.prototype, "searchValue", 2);
-r([
+], a.prototype, "searchValue");
+l([
   s({ type: Number, attribute: "mobile-breakpoint" })
-], o.prototype, "mobileBreakpoint", 2);
-r([
+], a.prototype, "mobileBreakpoint");
+l([
   s({ type: Number, attribute: "tablet-breakpoint" })
-], o.prototype, "tabletBreakpoint", 2);
-r([
+], a.prototype, "tabletBreakpoint");
+l([
   s({ type: String, attribute: "opened-menu" })
-], o.prototype, "openedMenu", 2);
-r([
+], a.prototype, "openedMenu");
+l([
   s({ type: String, attribute: "log-out-button-placement" })
-], o.prototype, "logOutButtonPlacement", 2);
-r([
+], a.prototype, "logOutButtonPlacement");
+l([
   s({ type: String })
-], o.prototype, "position", 2);
-r([
+], a.prototype, "position");
+l([
   s({ type: String, attribute: "scroll-behavior" })
-], o.prototype, "scrollBehavior", 2);
-r([
+], a.prototype, "scrollBehavior");
+l([
   s({ type: String, attribute: "slot-menu-variant" })
-], o.prototype, "slotMenuVariant", 2);
-r([
+], a.prototype, "slotMenuVariant");
+l([
   s({ type: String, attribute: "slot-menu-text" })
-], o.prototype, "slotMenuText", 2);
-r([
+], a.prototype, "slotMenuText");
+l([
   s({ type: Boolean, attribute: "hide-logo", converter: d })
-], o.prototype, "hideLogo", 2);
-r([
+], a.prototype, "hideLogo");
+l([
   s({ type: Boolean, converter: d })
-], o.prototype, "compact", 2);
-r([
+], a.prototype, "compact");
+l([
   s({ type: Boolean, attribute: "show-search", converter: d })
-], o.prototype, "showSearch", 2);
-r([
+], a.prototype, "showSearch");
+l([
   s({
     type: Boolean,
     attribute: "can-change-representation",
     converter: d
   })
-], o.prototype, "canChangeRepresentation", 2);
-r([
+], a.prototype, "canChangeRepresentation");
+l([
   s({ type: Boolean, attribute: "has-log-out", converter: d })
-], o.prototype, "hasLogOut", 2);
-r([
+], a.prototype, "hasLogOut");
+l([
   s({ type: Object })
-], o.prototype, "user", 2);
-r([
+], a.prototype, "user");
+l([
   s({ type: Array, attribute: "user-menu" })
-], o.prototype, "userMenu", 2);
-r([
+], a.prototype, "userMenu");
+l([
   s({ type: Object })
-], o.prototype, "representing", 2);
-r([
-  k()
-], o.prototype, "isMobile", 2);
-r([
-  k()
-], o.prototype, "isTablet", 2);
-r([
-  k()
-], o.prototype, "openMenu", 2);
-r([
-  k()
-], o.prototype, "isHidden", 2);
-r([
-  k()
-], o.prototype, "componentWidth", 2);
-r([
-  k()
-], o.prototype, "alignSlotRight", 2);
-r([
-  k()
-], o.prototype, "alignSearchRight", 2);
-o = r([
-  _("pkt-header-service")
-], o);
-var N = Object.defineProperty, T = Object.getOwnPropertyDescriptor, c = (e, t, i, u) => {
-  for (var a = u > 1 ? void 0 : u ? T(t, i) : t, p = e.length - 1, m; p >= 0; p--)
-    (m = e[p]) && (a = (u ? m(t, i, a) : m(a)) || a);
-  return u && a && N(t, i, a), a;
+], a.prototype, "representing");
+l([
+  g()
+], a.prototype, "isMobile");
+l([
+  g()
+], a.prototype, "isTablet");
+l([
+  g()
+], a.prototype, "openMenu");
+l([
+  g()
+], a.prototype, "isHidden");
+l([
+  g()
+], a.prototype, "componentWidth");
+l([
+  g()
+], a.prototype, "alignSlotRight");
+l([
+  g()
+], a.prototype, "alignSearchRight");
+try {
+  M("pkt-header-service")(a);
+} catch {
+  console.warn("Forsøker å definere <pkt-header-service>, men den er allerede definert");
+}
+var P = Object.defineProperty, u = (o, e, t, i) => {
+  for (var r = void 0, p = o.length - 1, m; p >= 0; p--)
+    (m = o[p]) && (r = m(e, t, r) || r);
+  return r && P(e, t, r), r;
 };
-let h = class extends M {
+class c extends _ {
   constructor() {
     super(...arguments), 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;
   }
@@ -766,90 +770,92 @@ let h = class extends M {
         .userMenu=${this.effectiveUserMenu}
         .representing=${this.representing}
       >
-        ${this.hasSlotContent() ? n`<div class="pkt-contents">${S(this)}</div>` : l}
+        ${this.hasSlotContent() ? n`<div class="pkt-contents">${S(this)}</div>` : h}
       </pkt-header-service>
     `;
   }
-};
-c([
+}
+u([
   s({ type: String, attribute: "service-name" })
-], h.prototype, "serviceName", 2);
-c([
+], c.prototype, "serviceName");
+u([
   s({ type: String, attribute: "service-link" })
-], h.prototype, "serviceLink", 2);
-c([
+], c.prototype, "serviceLink");
+u([
   s({ type: String, attribute: "logo-link" })
-], h.prototype, "logoLink", 2);
-c([
+], c.prototype, "logoLink");
+u([
   s({ type: String, attribute: "search-placeholder" })
-], h.prototype, "searchPlaceholder", 2);
-c([
+], c.prototype, "searchPlaceholder");
+u([
   s({ type: String, attribute: "search-value" })
-], h.prototype, "searchValue", 2);
-c([
+], c.prototype, "searchValue");
+u([
   s({ type: Number, attribute: "mobile-breakpoint" })
-], h.prototype, "mobileBreakpoint", 2);
-c([
+], c.prototype, "mobileBreakpoint");
+u([
   s({ type: Number, attribute: "tablet-breakpoint" })
-], h.prototype, "tabletBreakpoint", 2);
-c([
+], c.prototype, "tabletBreakpoint");
+u([
   s({ type: String, attribute: "opened-menu" })
-], h.prototype, "openedMenu", 2);
-c([
+], c.prototype, "openedMenu");
+u([
   s({ type: String, attribute: "log-out-button-placement" })
-], h.prototype, "logOutButtonPlacement", 2);
-c([
+], c.prototype, "logOutButtonPlacement");
+u([
   s({ type: String })
-], h.prototype, "position", 2);
-c([
+], c.prototype, "position");
+u([
   s({ type: String, attribute: "scroll-behavior" })
-], h.prototype, "scrollBehavior", 2);
-c([
+], c.prototype, "scrollBehavior");
+u([
   s({ type: String, attribute: "slot-menu-variant" })
-], h.prototype, "slotMenuVariant", 2);
-c([
+], c.prototype, "slotMenuVariant");
+u([
   s({ type: String, attribute: "slot-menu-text" })
-], h.prototype, "slotMenuText", 2);
-c([
+], c.prototype, "slotMenuText");
+u([
   s({ type: Boolean, attribute: "hide-logo", converter: d })
-], h.prototype, "hideLogo", 2);
-c([
+], c.prototype, "hideLogo");
+u([
   s({ type: Boolean, converter: d })
-], h.prototype, "compact", 2);
-c([
+], c.prototype, "compact");
+u([
   s({ type: Boolean, attribute: "show-search", converter: d })
-], h.prototype, "showSearch", 2);
-c([
+], c.prototype, "showSearch");
+u([
   s({
     type: Boolean,
     attribute: "can-change-representation",
     converter: d
   })
-], h.prototype, "canChangeRepresentation", 2);
-c([
+], c.prototype, "canChangeRepresentation");
+u([
   s({ type: Boolean, attribute: "has-log-out", converter: d })
-], h.prototype, "hasLogOut", 2);
-c([
+], c.prototype, "hasLogOut");
+u([
   s({ type: Object })
-], h.prototype, "user", 2);
-c([
+], c.prototype, "user");
+u([
   s({ type: Array, attribute: "user-menu" })
-], h.prototype, "userMenu", 2);
-c([
+], c.prototype, "userMenu");
+u([
   s({ type: Object })
-], h.prototype, "representing", 2);
-c([
+], c.prototype, "representing");
+u([
   s({ type: Array, attribute: "user-menu-footer" })
-], h.prototype, "userMenuFooter", 2);
-c([
+], c.prototype, "userMenuFooter");
+u([
   s({ type: Array, attribute: "user-options" })
-], h.prototype, "userOptions", 2);
-h = c([
-  _("pkt-header")
-], h);
+], c.prototype, "userOptions");
+try {
+  M("pkt-header")(c);
+} catch {
+  console.warn("Forsøker å definere <pkt-header>, men den er allerede definert");
+}
 export {
-  h as PktHeader,
-  o as PktHeaderService,
+  c as PktHeader,
+  a as PktHeaderService,
   v as PktHeaderUserMenu,
   O as formatLastLoggedIn
 };