@oslokommune/punkt-elements 18.9.3 → 18.9.7

package/dist/{header-CCJeadiL.js → header-fkKhLsyE.js}

@@ -1,20 +1,21 @@
-import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-J8nynuVk.js";
-import { t as s } from "./class-map-DSoj1J68.js";
-import { t as c } from "./if-defined-BILLSM7i.js";
-import { r as l, t as u } from "./element-with-slot-BOuXlWSY.js";
-import "./icon-DkVqRWbC.js";
-import "./button-D6QhHPWH.js";
-import { n as d, t as f } from "./ref-DNowxdYH.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-C7fOEv66.js";
-import "./textinput-Dje0Zcsa.js";
-import "./searchinput-CmyWnNr6.js";
-import "./header-menu-CIuu8_UC.js";
+import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-CqC-sGuC.js";
+import { t as s } from "./class-map-D5GHsely.js";
+import { t as c } from "./if-defined-BNXGXCwT.js";
+import { t as l } from "./format-BTeSVkED.js";
+import { r as u, t as d } from "./element-with-slot-D_OKDlYo.js";
+import "./icon-B2v30QUk.js";
+import "./button-BUl8uWWh.js";
+import { n as f, t as p } from "./ref-37-yxmc4.js";
+import { t as m } from "./booleanish-OQJTYSrw.js";
+import { n as h, o as g, t as _ } from "./fetch-header-footer-data-Pc32etrk.js";
+import { n as v, t as y } from "./focus-trap-DG3pEuyJ.js";
+import { n as b, t as x } from "./scroll-lock-DAbNKAUy.js";
+import "./link-BxKWhYsn.js";
+import "./textinput-DpLeElI_.js";
+import "./searchinput-j4IvYRzj.js";
+import "./header-menu-CUHrJCvx.js";
 //#region ../../shared-types/header.ts
-var x = (e) => typeof e.target == "string" ? {
+var S = (e) => typeof e.target == "string" ? {
 	title: e.title,
 	iconName: e.iconName,
 	href: e.target
@@ -22,7 +23,7 @@ var x = (e) => typeof e.target == "string" ? {
 	title: e.title,
 	iconName: e.iconName,
 	onClick: e.target
-}, S = (e) => x(e), C = (e) => {
+}, C = (e) => S(e), w = (e) => {
 	if (!e) return;
 	let t = typeof e == "string" ? new Date(e) : e;
 	if (!isNaN(t.getTime())) return t.toLocaleDateString("nb-NO", {
@@ -32,9 +33,9 @@ var x = (e) => typeof e.target == "string" ? {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
-}, w = class {
+}, T = class {
 	constructor(e, t) {
-		this.isMobile = !1, this.isTablet = !1, this.isHidden = !1, this.pauseScrollHide = !1, this.componentWidth = typeof window < "u" ? window.innerWidth : 0, this.lastScrollPosition = 0, this.scrollLockToken = b(), this.lastFocusedElement = null, this.shouldRestoreFocus = !1, this.handleScroll = () => {
+		this.isMobile = !1, this.isTablet = !1, this.isHidden = !1, this.pauseScrollHide = !1, this.componentWidth = typeof window < "u" ? window.innerWidth : 0, this.lastScrollPosition = 0, this.scrollLockToken = x(), this.lastFocusedElement = null, this.shouldRestoreFocus = !1, this.handleScroll = () => {
 			if (this.getOptions().scrollBehavior !== "hide" || this.pauseScrollHide) return;
 			let e = window.pageYOffset || document.documentElement.scrollTop;
 			if (e < 0 || Math.abs(e - this.lastScrollPosition) < 60) return;
@@ -46,7 +47,7 @@ var x = (e) => typeof e.target == "string" ? {
 		window.addEventListener("scroll", this.handleScroll);
 	}
 	hostDisconnected() {
-		this.resizeObserver?.disconnect(), window.removeEventListener("scroll", this.handleScroll), y(this.scrollLockToken, !1);
+		this.resizeObserver?.disconnect(), window.removeEventListener("scroll", this.handleScroll), b(this.scrollLockToken, !1);
 	}
 	observe(e) {
 		e && (this.componentWidth = e.offsetWidth, this.refreshBreakpoints(), this.resizeObserver = new ResizeObserver((e) => {
@@ -58,7 +59,7 @@ var x = (e) => typeof e.target == "string" ? {
 		(n !== this.isMobile || r !== this.isTablet) && (this.isMobile = n, this.isTablet = r, this.host.requestUpdate());
 	}
 	setScrollLock(e) {
-		y(this.scrollLockToken, e);
+		b(this.scrollLockToken, e);
 	}
 	captureFocus() {
 		this.lastFocusedElement = document.activeElement;
@@ -69,7 +70,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 a {
+}, E = class extends a {
 	constructor(...e) {
 		super(...e), this.canChangeRepresentation = !1, this.logoutOnClick = !1;
 	}
@@ -125,18 +126,18 @@ var x = (e) => typeof e.target == "string" ? {
     `;
 	}
 	render() {
-		let t = this.userMenu?.map(S);
+		let t = this.userMenu?.map(C), r = this.pktStrings.get("header");
 		return e`
-      <nav class="pkt-user-menu" aria-label="Meny for innlogget bruker">
+      <nav class="pkt-user-menu" aria-label=${r.userMenuLabel}>
         <ul class="pkt-user-menu__list">
           <!-- User section -->
           ${this.user ? e`
                 <li class="pkt-user-menu__item">
-                  <div class="pkt-user-menu__label">Pålogget som</div>
+                  <div class="pkt-user-menu__label">${r.loggedInAs}</div>
                   <div class="pkt-user-menu__name" translate="no">${this.user.name}</div>
                   ${this.formattedLastLoggedIn ? e`
                         <div class="pkt-user-menu__last-logged-in">
-                          Sist pålogget: <time>${this.formattedLastLoggedIn}</time>
+                          ${r.lastLoggedIn} <time>${this.formattedLastLoggedIn}</time>
                         </div>
                       ` : n}
                 </li>
@@ -150,16 +151,16 @@ var x = (e) => typeof e.target == "string" ? {
           <!-- Representing section -->
           ${this.representing ? e`
                 <li class="pkt-user-menu__item">
-                  <div class="pkt-user-menu__label">Representerer</div>
+                  <div class="pkt-user-menu__label">${r.representing}</div>
                   <div class="pkt-user-menu__name" translate="no">${this.representing.name}</div>
                   ${this.representing.orgNumber ? e`<div class="pkt-user-menu__org-number">
-                        Org.nr. ${this.representing.orgNumber}
+                        ${l(r.orgNumber, { number: this.representing.orgNumber })}
                       </div>` : n}
                   ${this.canChangeRepresentation ? e`
                         <ul class="pkt-user-menu__sublist mt-size-16">
                           <li class="pkt-user-menu__subitem">
                             ${this.renderLinkOrButton({
-			title: "Endre organisasjon",
+			title: r.changeRepresentation,
 			iconName: "cogwheel",
 			onClick: () => this.handleChangeRepresentation()
 		})}
@@ -175,7 +176,7 @@ var x = (e) => typeof e.target == "string" ? {
                   <ul class="pkt-user-menu__sublist">
                     <li class="pkt-user-menu__subitem">
                       ${this.renderLinkOrButton({
-			title: "Endre organisasjon",
+			title: r.changeRepresentation,
 			iconName: "cogwheel",
 			onClick: () => this.handleChangeRepresentation()
 		})}
@@ -188,7 +189,7 @@ var x = (e) => typeof e.target == "string" ? {
           ${this.logoutOnClick ? e`
                 <li class="pkt-user-menu__item">
                   ${this.renderLinkOrButton({
-			title: "Logg ut",
+			title: r.logOut,
 			iconName: "exit",
 			onClick: () => this.handleLogout()
 		})}
@@ -199,33 +200,33 @@ var x = (e) => typeof e.target == "string" ? {
     `;
 	}
 };
-i([o({ type: Object })], T.prototype, "user", void 0), i([o({
+i([o({ type: Object })], E.prototype, "user", void 0), i([o({
 	type: String,
 	attribute: "formatted-last-logged-in"
-})], T.prototype, "formattedLastLoggedIn", void 0), i([o({ type: Object })], T.prototype, "representing", void 0), i([o({
+})], E.prototype, "formattedLastLoggedIn", void 0), i([o({ type: Object })], E.prototype, "representing", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
-})], T.prototype, "userMenu", void 0), i([o({
+})], E.prototype, "userMenu", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
-	converter: p
-})], T.prototype, "canChangeRepresentation", void 0), i([o({
+	converter: m
+})], E.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "logout-on-click",
-	converter: p
-})], T.prototype, "logoutOnClick", void 0);
+	converter: m
+})], E.prototype, "logoutOnClick", void 0);
 try {
-	t("pkt-header-user-menu")(T);
+	t("pkt-header-user-menu")(E);
 } catch {
 	console.warn("Forsøker å definere <pkt-header-user-menu>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/header/header-service.ts
-var E = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
-typeof window < "u" && (window.pktLogoPath = window.pktLogoPath || E);
-var D = class extends u {
+var D = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
+typeof window < "u" && (window.pktLogoPath = window.pktLogoPath || D);
+var O = class extends d {
 	constructor(...e) {
-		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, () => ({
+		super(...e), this.logoLink = g, this.logoPath = typeof window < "u" ? window.pktLogoPath : D, 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.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 = p(), this.userContainerRef = p(), this.slotContainerRef = p(), this.searchContainerRef = p(), this.slotContentRef = p(), this.searchMenuRef = p(), this.chrome = new T(this, () => ({
 			mobileBreakpoint: this.mobileBreakpoint,
 			tabletBreakpoint: this.tabletBreakpoint,
 			position: this.position,
@@ -329,7 +330,7 @@ var D = class extends u {
 		e.key === "Enter" && this.handleSearch(e.target.value);
 	}
 	get formattedLastLoggedIn() {
-		return C(this.user?.lastLoggedIn);
+		return w(this.user?.lastLoggedIn);
 	}
 	get isFixed() {
 		return this.position === "fixed";
@@ -354,13 +355,21 @@ var D = class extends u {
 		let t = e`
       <pkt-icon name="oslologo" aria-hidden="true" path=${this.logoPath}></pkt-icon>
     `;
-		return e`
+		return this.logoLink ? e`
       <span class="pkt-header-service__logo">
-        <a href=${this.logoLink} aria-label="Tilbake til forside" @click=${this.handleLogoClick}>
+        <a
+          href=${this.logoLink}
+          aria-label=${this.headerStrings.logoLabel}
+          @click=${this.handleLogoClick}
+        >
           ${t}
         </a>
       </span>
-    `;
+    ` : e`
+        <span class="pkt-header-service__logo" role="img" aria-label=${this.headerStrings.logoAlt}>
+          ${t}
+        </span>
+      `;
 	}
 	renderServiceName() {
 		return this.serviceName ? this.serviceLink && typeof this.serviceLink == "string" ? e`
@@ -405,7 +414,7 @@ var D = class extends u {
       <div
         class=${t}
         @focusout=${(e) => this.handleFocusOut(e, "slot")}
-        ${d(this.slotContainerRef)}
+        ${f(this.slotContainerRef)}
       >
         ${this.isTablet && this.hasSlotContent() ? e`
               <pkt-button
@@ -419,18 +428,18 @@ var D = class extends u {
                 aria-controls="mobile-slot-menu"
                 aria-label=${this.headerStrings.openMenu}
               >
-                ${this.slotMenuText}
+                ${this.slotMenuText ?? this.headerStrings.menu}
               </pkt-button>
             ` : n}
         <div
           class=${r}
           id="mobile-slot-menu"
           role=${this.isTablet ? "group" : n}
-          aria-label=${this.isTablet ? "Meny" : n}
+          aria-label=${this.isTablet ? this.headerStrings.menu : n}
           @click=${this.handleSlotContentClick}
-          ${d(this.slotContentRef)}
+          ${f(this.slotContentRef)}
         >
-          ${l(this)}
+          ${u(this)}
         </div>
       </div>
     `;
@@ -450,7 +459,7 @@ var D = class extends u {
         <div
           class=${t}
           @focusout=${(e) => this.handleFocusOut(e, "search")}
-          ${d(this.searchContainerRef)}
+          ${f(this.searchContainerRef)}
         >
           <pkt-button
             skin="secondary"
@@ -465,7 +474,7 @@ var D = class extends u {
           >
             ${this.headerStrings.search}
           </pkt-button>
-          <div class=${r} ${d(this.searchMenuRef)}>
+          <div class=${r} ${f(this.searchMenuRef)}>
             ${this.openMenu === "search" ? e`
                   <pkt-textinput
                     id="mobile-search-menu"
@@ -512,7 +521,7 @@ var D = class extends u {
       <div
         class="pkt-header-service__user-container"
         @focusout=${(e) => this.handleFocusOut(e, "user")}
-        ${d(this.userContainerRef)}
+        ${f(this.userContainerRef)}
       >
         <pkt-button
           class=${s({
@@ -527,12 +536,13 @@ var D = class extends u {
           secondIconName=${this.openMenu === "user" ? "chevron-thin-up" : "chevron-thin-down"}
           @click=${() => this.handleMenuToggle("user")}
         >
-          <span class="pkt-sr-only">Brukermeny: </span>
+          <span class="pkt-sr-only">${this.headerStrings.userMenuButton} </span>
           <span translate="no">${this.representing?.name || this.user.name}</span>
         </pkt-button>
         ${this.openMenu === "user" && this.user ? e`
               <div class=${t}>
                 <pkt-header-user-menu
+                  .strings=${this.strings}
                   .user=${this.user}
                   formatted-last-logged-in=${this.formattedLastLoggedIn || n}
                   .representing=${this.representing}
@@ -565,7 +575,7 @@ var D = class extends u {
 			"pkt-header-service__logo-area--without-service": !this.serviceName
 		});
 		return e`
-      <header class=${t} ${d(this.headerRef)}>
+      <header class=${t} ${f(this.headerRef)}>
         <div class=${r}>${this.renderLogo()} ${this.renderServiceName()}</div>
 
         ${this.hasSlotContent() || this.showSearch || this.showLogoutInHeader ? e`<div class="pkt-header-service__content">
@@ -578,7 +588,7 @@ var D = class extends u {
                       iconName="exit"
                       @click=${this.handleLogout}
                     >
-                      Logg ut
+                      ${this.headerStrings.logOut}
                     </pkt-button>
                   ` : n}
             </div>` : n}
@@ -592,7 +602,7 @@ var D = class extends u {
                       iconName="exit"
                       @click=${this.handleLogout}
                     >
-                      Logg ut
+                      ${this.headerStrings.logOut}
                     </pkt-button>
                   ` : n}
             </div>` : n}
@@ -622,95 +632,95 @@ var D = class extends u {
 i([o({
 	type: String,
 	attribute: "service-name"
-})], D.prototype, "serviceName", void 0), i([o({
+})], O.prototype, "serviceName", void 0), i([o({
 	type: String,
 	attribute: "service-link"
-})], D.prototype, "serviceLink", void 0), i([o({
+})], O.prototype, "serviceLink", void 0), i([o({
 	type: String,
 	attribute: "logo-link"
-})], D.prototype, "logoLink", void 0), i([o({
+})], O.prototype, "logoLink", void 0), i([o({
 	type: String,
 	attribute: "logo-path"
-})], D.prototype, "logoPath", void 0), i([o({
+})], O.prototype, "logoPath", void 0), i([o({
 	type: String,
 	attribute: "search-placeholder"
-})], D.prototype, "searchPlaceholder", void 0), i([o({
+})], O.prototype, "searchPlaceholder", void 0), i([o({
 	type: String,
 	attribute: "search-value"
-})], D.prototype, "searchValue", void 0), i([o({
+})], O.prototype, "searchValue", void 0), i([o({
 	type: Number,
 	attribute: "mobile-breakpoint"
-})], D.prototype, "mobileBreakpoint", void 0), i([o({
+})], O.prototype, "mobileBreakpoint", void 0), i([o({
 	type: Number,
 	attribute: "tablet-breakpoint"
-})], D.prototype, "tabletBreakpoint", void 0), i([o({
+})], O.prototype, "tabletBreakpoint", void 0), i([o({
 	type: String,
 	attribute: "opened-menu"
-})], D.prototype, "openedMenu", void 0), i([o({
+})], O.prototype, "openedMenu", void 0), i([o({
 	type: String,
 	attribute: "log-out-button-placement"
-})], D.prototype, "logOutButtonPlacement", void 0), i([o({ type: String })], D.prototype, "position", void 0), i([o({
+})], O.prototype, "logOutButtonPlacement", void 0), i([o({ type: String })], O.prototype, "position", void 0), i([o({
 	type: String,
 	attribute: "scroll-behavior"
-})], D.prototype, "scrollBehavior", void 0), i([o({
+})], O.prototype, "scrollBehavior", void 0), i([o({
 	type: String,
 	attribute: "slot-menu-variant"
-})], D.prototype, "slotMenuVariant", void 0), i([o({
+})], O.prototype, "slotMenuVariant", void 0), i([o({
 	type: String,
 	attribute: "slot-menu-text"
-})], D.prototype, "slotMenuText", void 0), i([o({
+})], O.prototype, "slotMenuText", void 0), i([o({
 	type: Boolean,
 	attribute: "hide-logo",
-	converter: p
-})], D.prototype, "hideLogo", void 0), i([o({
+	converter: m
+})], O.prototype, "hideLogo", void 0), i([o({
 	type: Boolean,
-	converter: p
-})], D.prototype, "compact", void 0), i([o({
+	converter: m
+})], O.prototype, "compact", void 0), i([o({
 	type: Boolean,
 	attribute: "show-search",
-	converter: p
-})], D.prototype, "showSearch", void 0), i([o({
+	converter: m
+})], O.prototype, "showSearch", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
-	converter: p
-})], D.prototype, "canChangeRepresentation", void 0), i([o({
+	converter: m
+})], O.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "has-log-out",
-	converter: p
-})], D.prototype, "hasLogOut", void 0), i([o({ type: Object })], D.prototype, "user", void 0), i([o({
+	converter: m
+})], O.prototype, "hasLogOut", void 0), i([o({ type: Object })], O.prototype, "user", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
-})], 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);
+})], O.prototype, "userMenu", void 0), i([o({ type: Object })], O.prototype, "representing", void 0), i([r()], O.prototype, "openMenu", void 0), i([r()], O.prototype, "alignSlotRight", void 0), i([r()], O.prototype, "alignSearchRight", void 0);
 try {
-	t("pkt-header-service")(D);
+	t("pkt-header-service")(O);
 } catch {
 	console.warn("Forsøker å definere <pkt-header-service>, men den er allerede definert");
 }
 //#endregion
 //#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 a {
+var k = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
+typeof window < "u" && (window.pktLogoPath = window.pktLogoPath || k);
+var A = "pkt-header-global-menu", j = "pkt-header-global-menu-toggle", M = "pkt-header-global-search-panel", N = "pkt-header-global-search-toggle", P = 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 = {
+		super(...e), this.locale = "nb-NO", this.logoLink = g, this.logoPath = typeof window < "u" ? window.pktLogoPath : k, 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,
 			left: 0,
 			width: 0
-		}, this.headerRef = f(), this.menuContainerRef = f(), this.userContainerRef = f(), this.chrome = new w(this, () => ({
+		}, this.headerRef = p(), this.menuContainerRef = p(), this.userContainerRef = p(), this.chrome = new T(this, () => ({
 			mobileBreakpoint: this.mobileBreakpoint,
 			tabletBreakpoint: this.tabletBreakpoint,
 			position: this.position,
 			scrollBehavior: this.scrollBehavior
 		})), this.handleClickOutside = (e) => {
 			let t = e.target;
-			this.openMenu === "user" && !t.closest(".pkt-header-global__user-container") && !t.closest(".pkt-header-global__user-menu") && (this.openMenu = "none"), this.openMenu === "menu" && !t.closest(".pkt-header-menu") && !t.closest(`#${A}`) && (this.openMenu = "none"), this.openMenu === "search" && !t.closest(".pkt-header-global__search-panel-inner") && !t.closest(`#${M}`) && (this.openMenu = "none");
+			this.openMenu === "user" && !t.closest(".pkt-header-global__user-container") && !t.closest(".pkt-header-global__user-menu") && (this.openMenu = "none"), this.openMenu === "menu" && !t.closest(".pkt-header-menu") && !t.closest(`#${j}`) && (this.openMenu = "none"), this.openMenu === "search" && !t.closest(".pkt-header-global__search-panel-inner") && !t.closest(`#${N}`) && (this.openMenu = "none");
 		}, this.handleEscapeKey = (e) => {
 			e.key === "Escape" && this.openMenu !== "none" && (e.preventDefault(), this.chrome.flagRestoreFocus(), this.openMenu = "none");
 		}, this.handleOverlayKeydown = (e) => {
 			if (e.key !== "Tab") return;
 			let t = this.activeOverlay;
 			if (!t || !t.panel || !t.toggle) return;
-			let { panel: n, toggle: r } = t, i = _(n), a = v();
+			let { panel: n, toggle: r } = t, i = v(n), a = y();
 			if (a && r.contains(a)) {
 				!e.shiftKey && i.length > 0 && (e.preventDefault(), i[0].focus());
 				return;
@@ -763,14 +773,14 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 			this.openMenu !== "none" && (t === "none" || t === void 0) ? (document.addEventListener("mousedown", this.handleClickOutside), document.addEventListener("keydown", this.handleEscapeKey)) : this.openMenu === "none" && t && t !== "none" && (document.removeEventListener("mousedown", this.handleClickOutside), document.removeEventListener("keydown", this.handleEscapeKey), this.chrome.restoreFocus());
 			let n = t === "menu" || t === "search", r = this.openMenu === "menu" || this.openMenu === "search";
 			r && !n ? (document.addEventListener("keydown", this.handleOverlayKeydown), document.addEventListener("focusin", this.handleOverlayFocusIn)) : !r && n && (document.removeEventListener("keydown", this.handleOverlayKeydown), document.removeEventListener("focusin", this.handleOverlayFocusIn)), this.openMenu === "search" && t !== "search" && requestAnimationFrame(() => {
-				this.querySelector(`#${j} input`)?.focus();
+				this.querySelector(`#${M} input`)?.focus();
 			}), this.chrome.pauseScrollHide = this.openMenu !== "none", this.chrome.setScrollLock(this.openMenu === "menu" || this.openMenu === "search");
 		}
 	}
 	async loadData() {
 		this.abortController?.abort(), this.abortController = new AbortController(), this.loadError = !1;
 		try {
-			let e = await g(this.dataUrl, this.abortController.signal);
+			let e = await _(this.dataUrl, this.abortController.signal);
 			this.fetchedData = e, this.emitDataLoaded(e);
 		} catch (e) {
 			if (e.name === "AbortError") return;
@@ -792,7 +802,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 		return this.data ?? this.fetchedData;
 	}
 	get localeData() {
-		return m(this.effectiveData, this.locale);
+		return h(this.effectiveData, this.locale);
 	}
 	get shouldHideOnScroll() {
 		return this.scrollBehavior === "hide";
@@ -809,10 +819,10 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 	get activeOverlay() {
 		return this.openMenu === "menu" ? {
 			panel: this.menuContainerRef.value ?? null,
-			toggle: this.querySelector(`#${A}`)
+			toggle: this.querySelector(`#${j}`)
 		} : this.openMenu === "search" ? {
-			panel: this.querySelector(`#${j}`),
-			toggle: this.querySelector(`#${M}`)
+			panel: this.querySelector(`#${M}`),
+			toggle: this.querySelector(`#${N}`)
 		} : null;
 	}
 	focusToggle(e) {
@@ -838,7 +848,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 		}));
 	}
 	get formattedLastLoggedIn() {
-		return C(this.user?.lastLoggedIn);
+		return w(this.user?.lastLoggedIn);
 	}
 	get showLogoutInUserMenu() {
 		return this.hasLogOut && (this.logOutButtonPlacement === "userMenu" || this.logOutButtonPlacement === "both");
@@ -851,16 +861,20 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 		}));
 	}
 	renderLogo() {
-		let t = e`
+		let t = this.pktStrings.get("header"), n = e`
       <pkt-icon name="oslologo" aria-hidden="true" path=${c(this.logoPath)}></pkt-icon>
     `;
-		return e`
+		return this.logoLink ? e`
       <span class="pkt-header-global__logo">
-        <a href=${this.logoLink} aria-label="Til hovedsiden" @click=${this.handleLogoClick}>
-          ${t}
+        <a href=${this.logoLink} aria-label=${t.logoLabel} @click=${this.handleLogoClick}>
+          ${n}
         </a>
       </span>
-    `;
+    ` : e`
+        <span class="pkt-header-global__logo" role="img" aria-label=${t.logoAlt}>
+          ${n}
+        </span>
+      `;
 	}
 	renderSearch(t) {
 		if (!this.showSearch) return n;
@@ -907,7 +921,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 		let n = t?.i18n?.menu || this.pktStrings.get("header").menu, r = this.openMenu === "menu";
 		return e`
       <pkt-button
-        id=${A}
+        id=${j}
         class="pkt-header-global__menu-toggle"
         skin=${this.isMobile ? "tertiary" : "secondary"}
         variant=${this.isMobile ? "icon-only" : "icon-right"}
@@ -915,7 +929,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
         size=${this.isTablet ? "small" : "medium"}
         state=${r ? "active" : "normal"}
         aria-expanded=${r}
-        aria-controls=${k}
+        aria-controls=${A}
         ?disabled=${this.isLoading}
         @click=${() => this.toggleMenu("menu")}
       >
@@ -928,7 +942,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 		let r = this.openMenu === "search";
 		return e`
       <pkt-button
-        id=${M}
+        id=${N}
         class="pkt-header-global__search-toggle"
         skin="primary"
         color=${c(r ? void 0 : "yellow")}
@@ -937,7 +951,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
         size=${this.isMobile ? "small" : "medium"}
         state=${r ? "active" : "normal"}
         aria-expanded=${r}
-        aria-controls=${j}
+        aria-controls=${M}
         @click=${() => this.toggleMenu("search")}
       >
         ${t.i18n?.search || this.pktStrings.get("header").search}
@@ -952,7 +966,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 			[`pkt-header-global__search-panel--${this.overlayBreakpointClass}`]: !!this.overlayBreakpointClass
 		});
 		return e`
-      <div class=${a} id=${j} style=${this.overlayAnchorStyle}>
+      <div class=${a} id=${M} style=${this.overlayAnchorStyle}>
         <div class="pkt-header-global__search-panel-inner">
           <pkt-searchinput
             appearance="global"
@@ -979,7 +993,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
       <div class="pkt-header-global__user">
         <div
           class="pkt-header-global__user-container ${t ? "is-open" : ""}"
-          ${d(this.userContainerRef)}
+          ${f(this.userContainerRef)}
         >
           <pkt-button
             class="pkt-header-global__user-button"
@@ -991,12 +1005,13 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
             secondIconName=${t ? "chevron-thin-up" : "chevron-thin-down"}
             @click=${() => this.toggleMenu("user")}
           >
-            <span class="pkt-sr-only">Brukermeny: </span>
+            <span class="pkt-sr-only">${this.pktStrings.get("header").userMenuButton} </span>
             <span translate="no">${this.representing?.name || this.user.name}</span>
           </pkt-button>
           ${t ? e`
                 <div class=${r}>
                   <pkt-header-user-menu
+                    .strings=${this.strings}
                     .user=${this.user}
                     formatted-last-logged-in=${this.formattedLastLoggedIn || n}
                     .representing=${this.representing}
@@ -1024,9 +1039,9 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 		return e`
       <div
         class=${t}
-        id=${k}
+        id=${A}
         style=${this.overlayAnchorStyle}
-        ${d(this.menuContainerRef)}
+        ${f(this.menuContainerRef)}
       >
         ${this.localeData ? e`
               <pkt-header-menu
@@ -1054,7 +1069,7 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 			"pkt-header-global--hidden": this.isHidden
 		}), r = this.localeData, i = this.isMobile;
 		return e`
-      <header class=${t} ${d(this.headerRef)}>
+      <header class=${t} ${f(this.headerRef)}>
         <div class="pkt-header-global__logo-area">${this.renderLogo()}</div>
         <div class="pkt-header-global__content">
           ${!i && r ? this.renderSearch(r) : n}
@@ -1089,58 +1104,58 @@ var k = "pkt-header-global-menu", A = "pkt-header-global-menu-toggle", j = "pkt-
 i([o({
 	type: String,
 	attribute: "data-url"
-})], N.prototype, "dataUrl", void 0), i([o({
+})], P.prototype, "dataUrl", void 0), i([o({
 	type: Object,
 	attribute: !1
-})], N.prototype, "data", void 0), i([o({ type: String })], N.prototype, "locale", void 0), i([o({
+})], P.prototype, "data", void 0), i([o({ type: String })], P.prototype, "locale", void 0), i([o({
 	type: String,
 	attribute: "logo-link"
-})], N.prototype, "logoLink", void 0), i([o({
+})], P.prototype, "logoLink", void 0), i([o({
 	type: String,
 	attribute: "logo-path"
-})], N.prototype, "logoPath", void 0), i([o({
+})], P.prototype, "logoPath", void 0), i([o({
 	type: String,
 	attribute: "search-placeholder"
-})], N.prototype, "searchPlaceholder", void 0), i([o({ type: String })], N.prototype, "position", void 0), i([o({
+})], P.prototype, "searchPlaceholder", void 0), i([o({ type: String })], P.prototype, "position", void 0), i([o({
 	type: String,
 	attribute: "scroll-behavior"
-})], N.prototype, "scrollBehavior", void 0), i([o({
+})], P.prototype, "scrollBehavior", void 0), i([o({
 	type: Number,
 	attribute: "mobile-breakpoint"
-})], N.prototype, "mobileBreakpoint", void 0), i([o({
+})], P.prototype, "mobileBreakpoint", void 0), i([o({
 	type: Number,
 	attribute: "tablet-breakpoint"
-})], N.prototype, "tabletBreakpoint", void 0), i([o({
+})], P.prototype, "tabletBreakpoint", void 0), i([o({
 	type: String,
 	attribute: "log-out-button-placement"
-})], N.prototype, "logOutButtonPlacement", void 0), i([o({
+})], P.prototype, "logOutButtonPlacement", void 0), i([o({
 	type: Boolean,
 	attribute: "show-search",
-	converter: p
-})], N.prototype, "showSearch", void 0), i([o({
+	converter: m
+})], P.prototype, "showSearch", void 0), i([o({
 	type: Boolean,
 	attribute: "show-contact",
-	converter: p
-})], N.prototype, "showContact", void 0), i([o({
+	converter: m
+})], P.prototype, "showContact", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
-	converter: p
-})], N.prototype, "canChangeRepresentation", void 0), i([o({
+	converter: m
+})], P.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "has-log-out",
-	converter: p
-})], N.prototype, "hasLogOut", void 0), i([o({ type: Object })], N.prototype, "user", void 0), i([o({
+	converter: m
+})], P.prototype, "hasLogOut", void 0), i([o({ type: Object })], P.prototype, "user", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
-})], 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);
+})], P.prototype, "userMenu", void 0), i([o({ type: Object })], P.prototype, "representing", void 0), i([r()], P.prototype, "openMenu", void 0), i([r()], P.prototype, "fetchedData", void 0), i([r()], P.prototype, "loadError", void 0), i([r()], P.prototype, "headerAnchor", void 0);
 try {
-	t("pkt-header-global")(N);
+	t("pkt-header-global")(P);
 } catch {
 	console.warn("Forsøker å definere <pkt-header-global>, men den er allerede definert");
 }
 //#endregion
 //#region src/components/header/header.ts
-var P = class extends u {
+var F = class extends d {
 	constructor(...e) {
 		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;
 	}
@@ -1208,93 +1223,93 @@ var P = class extends u {
         .userMenu=${this.effectiveUserMenu}
         .representing=${this.representing}
       >
-        ${this.hasSlotContent() ? e`<div class="pkt-contents">${l(this)}</div>` : n}
+        ${this.hasSlotContent() ? e`<div class="pkt-contents">${u(this)}</div>` : n}
       </pkt-header-service>
     `;
 	}
 };
-i([o({ type: String })], P.prototype, "type", void 0), i([o({
+i([o({ type: String })], F.prototype, "type", void 0), i([o({
 	type: String,
 	attribute: "service-name"
-})], P.prototype, "serviceName", void 0), i([o({
+})], F.prototype, "serviceName", void 0), i([o({
 	type: String,
 	attribute: "service-link"
-})], P.prototype, "serviceLink", void 0), i([o({
+})], F.prototype, "serviceLink", void 0), i([o({
 	type: String,
 	attribute: "logo-link"
-})], P.prototype, "logoLink", void 0), i([o({
+})], F.prototype, "logoLink", void 0), i([o({
 	type: String,
 	attribute: "logo-path"
-})], P.prototype, "logoPath", void 0), i([o({
+})], F.prototype, "logoPath", void 0), i([o({
 	type: String,
 	attribute: "search-placeholder"
-})], P.prototype, "searchPlaceholder", void 0), i([o({
+})], F.prototype, "searchPlaceholder", void 0), i([o({
 	type: String,
 	attribute: "search-value"
-})], P.prototype, "searchValue", void 0), i([o({
+})], F.prototype, "searchValue", void 0), i([o({
 	type: Number,
 	attribute: "mobile-breakpoint"
-})], P.prototype, "mobileBreakpoint", void 0), i([o({
+})], F.prototype, "mobileBreakpoint", void 0), i([o({
 	type: Number,
 	attribute: "tablet-breakpoint"
-})], P.prototype, "tabletBreakpoint", void 0), i([o({
+})], F.prototype, "tabletBreakpoint", void 0), i([o({
 	type: String,
 	attribute: "opened-menu"
-})], P.prototype, "openedMenu", void 0), i([o({
+})], F.prototype, "openedMenu", void 0), i([o({
 	type: String,
 	attribute: "log-out-button-placement"
-})], P.prototype, "logOutButtonPlacement", void 0), i([o({ type: String })], P.prototype, "position", void 0), i([o({
+})], F.prototype, "logOutButtonPlacement", void 0), i([o({ type: String })], F.prototype, "position", void 0), i([o({
 	type: String,
 	attribute: "scroll-behavior"
-})], P.prototype, "scrollBehavior", void 0), i([o({
+})], F.prototype, "scrollBehavior", void 0), i([o({
 	type: String,
 	attribute: "slot-menu-variant"
-})], P.prototype, "slotMenuVariant", void 0), i([o({
+})], F.prototype, "slotMenuVariant", void 0), i([o({
 	type: String,
 	attribute: "slot-menu-text"
-})], P.prototype, "slotMenuText", void 0), i([o({
+})], F.prototype, "slotMenuText", void 0), i([o({
 	type: Boolean,
 	attribute: "hide-logo",
-	converter: p
-})], P.prototype, "hideLogo", void 0), i([o({
+	converter: m
+})], F.prototype, "hideLogo", void 0), i([o({
 	type: Boolean,
-	converter: p
-})], P.prototype, "compact", void 0), i([o({
+	converter: m
+})], F.prototype, "compact", void 0), i([o({
 	type: Boolean,
 	attribute: "show-search",
-	converter: p
-})], P.prototype, "showSearch", void 0), i([o({
+	converter: m
+})], F.prototype, "showSearch", void 0), i([o({
 	type: Boolean,
 	attribute: "can-change-representation",
-	converter: p
-})], P.prototype, "canChangeRepresentation", void 0), i([o({
+	converter: m
+})], F.prototype, "canChangeRepresentation", void 0), i([o({
 	type: Boolean,
 	attribute: "has-log-out",
-	converter: p
-})], P.prototype, "hasLogOut", void 0), i([o({ type: Object })], P.prototype, "user", void 0), i([o({
+	converter: m
+})], F.prototype, "hasLogOut", void 0), i([o({ type: Object })], F.prototype, "user", void 0), i([o({
 	type: Array,
 	attribute: "user-menu"
-})], P.prototype, "userMenu", void 0), i([o({ type: Object })], P.prototype, "representing", void 0), i([o({
+})], F.prototype, "userMenu", void 0), i([o({ type: Object })], F.prototype, "representing", void 0), i([o({
 	type: String,
 	attribute: "data-url"
-})], P.prototype, "dataUrl", void 0), i([o({
+})], F.prototype, "dataUrl", void 0), i([o({
 	type: Object,
 	attribute: !1
-})], P.prototype, "data", void 0), i([o({ type: String })], P.prototype, "locale", void 0), i([o({
+})], F.prototype, "data", void 0), i([o({ type: String })], F.prototype, "locale", void 0), i([o({
 	type: Boolean,
 	attribute: "show-contact",
-	converter: p
-})], P.prototype, "showContact", void 0), i([o({
+	converter: m
+})], F.prototype, "showContact", void 0), i([o({
 	type: Array,
 	attribute: "user-menu-footer"
-})], P.prototype, "userMenuFooter", void 0), i([o({
+})], F.prototype, "userMenuFooter", void 0), i([o({
 	type: Array,
 	attribute: "user-options"
-})], P.prototype, "userOptions", void 0);
+})], F.prototype, "userOptions", void 0);
 try {
-	t("pkt-header")(P);
+	t("pkt-header")(F);
 } catch {
 	console.warn("Forsøker å definere <pkt-header>, men den er allerede definert");
 }
 //#endregion
-export { C as a, T as i, N as n, D as r, P as t };
+export { w as a, E as i, P as n, O as r, F as t };