@oslokommune/punkt-elements 19.2.0 → 19.3.1

package/dist/{fileupload-DbtTD1aU.js → fileupload-BxfBFhFt.js}

@@ -1,15 +1,15 @@
-import { _ as e, d as t, l as n, n as r, s 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 { _ as e, d as t, l as n, n as r, s as i, t as a, u as o } from "./element-mwwC2Rra.js";
+import { t as s } from "./class-map-C4hdfSfY.js";
+import { t as c } from "./if-defined-Bebu3LXY.js";
 import { n as l, t as u } from "./format-BTeSVkED.js";
-import "./alert-vIaasUjb.js";
-import "./icon-B2v30QUk.js";
+import "./alert-BhvjSA5X.js";
+import "./icon-DmRyYNlY.js";
 import { t as d } from "./converters-CkjLSYpa.js";
 import { n as f } from "./utils-BwF4QSrq.js";
-import "./input-wrapper-B5GdwzAM.js";
+import "./input-wrapper-C1zXIKBU.js";
 import { r as p } from "./focus-trap-DG3pEuyJ.js";
-import "./modal-D5tGq-nN.js";
-import "./progressbar-4WyR4T72.js";
+import "./modal-CJqe6y-V.js";
+import "./progressbar-Bd0DjiAb.js";
 //#region ../../shared-utils/fileupload/size.ts
 function m(e) {
 	if (e == null || e === "") return;
@@ -487,52 +487,57 @@ r([o({ type: String })], j.prototype, "id", void 0), r([o({ type: String })], j.
 })], j.prototype, "truncateTail", void 0), r([o({ attribute: !1 })], j.prototype, "value", void 0), r([o({ attribute: !1 })], j.prototype, "defaultValue", void 0), r([n()], j.prototype, "files", void 0), r([n()], j.prototype, "isDragActive", void 0), r([n()], j.prototype, "validationErrorMessage", void 0), r([n()], j.prototype, "addedAnnouncement", void 0), r([n()], j.prototype, "thumbnailUrls", void 0);
 //#endregion
 //#region src/components/fileupload/fileupload-operations.ts
-var M = "comments", N = (e) => {
-	let t = new Date(e);
-	return Number.isNaN(t.getTime()) ? e : `${String(t.getDate()).padStart(2, "0")}.${String(t.getMonth() + 1).padStart(2, "0")}.${t.getFullYear()} kl. ${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
+var M = "comments", N = (e, t) => {
+	let n = new Date(e);
+	if (Number.isNaN(n.getTime())) return e;
+	let r = String(n.getDate()).padStart(2, "0"), i = String(n.getMonth() + 1).padStart(2, "0"), a = n.getFullYear(), o = String(n.getHours()).padStart(2, "0"), s = String(n.getMinutes()).padStart(2, "0");
+	return u(t.commentTimestamp, {
+		date: `${r}.${i}.${a}`,
+		time: `${o}:${s}`
+	});
 }, P = (e, t, n) => {
 	e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), t()), e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), n());
 }, F = (e, t, n) => {
 	e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), n()), (e.metaKey || e.ctrlKey) && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), t());
-}, I = (e) => ({
+}, I = (e, t) => ({
 	id: "remove",
-	title: "Slett",
-	ariaLabel: "Slett fil",
+	title: t.remove,
+	ariaLabel: t.removeFile,
 	onClick: ({ file: t }) => e(t.fileId)
-}), L = () => ({
+}), L = (t) => ({
 	id: "rename",
-	title: "Rediger",
-	ariaLabel: "Rediger filnavn",
-	renderInlineUI: (t) => {
-		let n = t.getAttribute("targetFilename") || t.file.attributes?.targetFilename || t.file.file?.name || "", r = `pkt-fileupload-rename-${t.file.fileId}`, i = () => {
-			let e = document.getElementById(r)?.value?.trim();
-			e && t.setAttribute("targetFilename", e), t.close();
+	title: t.rename,
+	ariaLabel: t.renameFile,
+	renderInlineUI: (n) => {
+		let r = n.getAttribute("targetFilename") || n.file.attributes?.targetFilename || n.file.file?.name || "", i = `pkt-fileupload-rename-${n.file.fileId}`, a = () => {
+			let e = document.getElementById(i)?.value?.trim();
+			e && n.setAttribute("targetFilename", e), n.close();
 		};
 		return e`
-      <label for=${r} class="pkt-sr-only">Endre filnavn</label>
+      <label for=${i} class="pkt-sr-only">${t.renameInputLabel}</label>
       <input
-        id=${r}
+        id=${i}
         type="text"
         class="pkt-fileupload__queue-display__item__rename-input"
-        ?disabled=${t.disabled}
-        .value=${n}
-        @keydown=${(e) => P(e, i, t.close)}
+        ?disabled=${n.disabled}
+        .value=${r}
+        @keydown=${(e) => P(e, a, n.close)}
       />
       <button
         type="button"
         class="pkt-btn pkt-btn--secondary pkt-btn--small"
-        ?disabled=${t.disabled}
-        @click=${i}
+        ?disabled=${n.disabled}
+        @click=${a}
       >
-        Lagre
+        ${t.save}
       </button>
       <button
         type="button"
         class="pkt-btn pkt-btn--tertiary pkt-btn--small"
-        ?disabled=${t.disabled}
-        @click=${t.close}
+        ?disabled=${n.disabled}
+        @click=${n.close}
       >
-        Avbryt
+        ${t.cancel}
       </button>
     `;
 	},
@@ -544,81 +549,81 @@ var M = "comments", N = (e) => {
       value=${n}
     />`;
 	}
-}), R = () => ({
+}), R = (t) => ({
 	id: "comment",
-	title: (e) => (e.attributes?.[M] ?? []).length > 0 ? "" : "Legg til kommentar",
-	ariaLabel: "Legg til kommentar",
-	renderExtendedUI: (t) => {
-		let n = (t.getAttribute(M) ?? [])[0], r = `pkt-fileupload-comment-${t.file.fileId}`, i = () => {
-			let e = document.getElementById(r)?.value?.trim();
-			e && t.setAttribute(M, [{
+	title: (e) => (e.attributes?.[M] ?? []).length > 0 ? "" : t.addComment,
+	ariaLabel: t.addComment,
+	renderExtendedUI: (n) => {
+		let r = (n.getAttribute(M) ?? [])[0], i = `pkt-fileupload-comment-${n.file.fileId}`, a = () => {
+			let e = document.getElementById(i)?.value?.trim();
+			e && n.setAttribute(M, [{
 				text: e,
 				timestamp: (/* @__PURE__ */ new Date()).toISOString()
-			}]), t.close();
+			}]), n.close();
 		};
 		return e`
-      <label for=${r} class="pkt-fileupload__queue-display__item__comment-label">
-        ${n ? "Rediger kommentar" : "Legg til kommentar"}
+      <label for=${i} class="pkt-fileupload__queue-display__item__comment-label">
+        ${r ? t.editComment : t.addComment}
       </label>
       <textarea
-        id=${r}
+        id=${i}
         class="pkt-fileupload__queue-display__item__comment-input"
-        ?disabled=${t.disabled}
-        .value=${n?.text ?? ""}
+        ?disabled=${n.disabled}
+        .value=${r?.text ?? ""}
         rows="2"
-        placeholder="Skriv inn kommentar"
-        @keydown=${(e) => F(e, i, t.close)}
+        placeholder=${t.commentPlaceholder}
+        @keydown=${(e) => F(e, a, n.close)}
       ></textarea>
       <button
         type="button"
         class="pkt-btn pkt-btn--secondary pkt-btn--small"
-        ?disabled=${t.disabled}
-        @click=${i}
+        ?disabled=${n.disabled}
+        @click=${a}
       >
-        ${n ? "Lagre kommentar" : "Legg til kommentar"}
+        ${r ? t.saveComment : t.addComment}
       </button>
       <button
         type="button"
         class="pkt-btn pkt-btn--tertiary pkt-btn--small"
-        ?disabled=${t.disabled}
-        @click=${t.close}
+        ?disabled=${n.disabled}
+        @click=${n.close}
       >
-        Avbryt
+        ${t.cancel}
       </button>
     `;
 	},
-	renderContent: (t) => {
-		if (t.isActive) return null;
-		let n = t.getAttribute(M) ?? [];
-		if (n.length === 0) return null;
-		let r = n[0];
+	renderContent: (n) => {
+		if (n.isActive) return null;
+		let r = n.getAttribute(M) ?? [];
+		if (r.length === 0) return null;
+		let i = r[0];
 		return e`
       <div class="pkt-fileupload__queue-display__item__comments">
         <div class="pkt-fileupload__queue-display__item__comment">
           <div class="pkt-fileupload__queue-display__item__comment__content">
-            <span class="pkt-fileupload__queue-display__item__comment__text" aria-label="Kommentar tekst">
-              ${r.text}
+            <span class="pkt-fileupload__queue-display__item__comment__text" aria-label=${t.commentText}>
+              ${i.text}
             </span>
             <time class="pkt-fileupload__queue-display__item__comment__time">
-              ${N(r.timestamp)}
+              ${N(i.timestamp, t)}
             </time>
           </div>
           <div class="pkt-fileupload__queue-display__item__comment__actions">
             <button
               type="button"
               class="pkt-fileupload__queue-display__item__comment__action"
-              aria-label="Rediger kommentar"
-              ?disabled=${t.disabled}
-              @click=${t.activate}
+              aria-label=${t.editComment}
+              ?disabled=${n.disabled}
+              @click=${n.activate}
             >
               <pkt-icon name="edit"></pkt-icon>
             </button>
             <button
               type="button"
               class="pkt-fileupload__queue-display__item__comment__action"
-              aria-label="Slett kommentar"
-              ?disabled=${t.disabled}
-              @click=${() => t.setAttribute(M, void 0)}
+              aria-label=${t.deleteComment}
+              ?disabled=${n.disabled}
+              @click=${() => n.setAttribute(M, void 0)}
             >
               <pkt-icon name="trash-can"></pkt-icon>
             </button>
@@ -650,8 +655,10 @@ var M = "comments", N = (e) => {
   <p class="pkt-fileupload__queue-display__item__title">
     ${z(t, r)}${n ? e`<span class="pkt-fileupload__queue-display__item__filesize"> (${n})</span>` : null}
   </p>
-`, V = (e) => typeof e == "number" ? "in-progress" : e === "error" ? "error" : "idle", H = (t) => e`<span class="pkt-fileupload__queue-display__item__loading-text" aria-label="Laster opp fil"
-    >${t ?? "Laster opp..."}</span
+`, V = (e) => typeof e == "number" ? "in-progress" : e === "error" ? "error" : "idle", H = (t) => e`<span
+    class="pkt-fileupload__queue-display__item__loading-text"
+    aria-label=${t.uploadingFile}
+    >${t.uploading}</span
   >`, U = ({ operationId: e, file: t, inputName: n, disabled: r, isActive: i, onActivateOperation: a, onCloseOperation: o, getFileAttribute: s, setFileAttribute: c }) => ({
 	file: t,
 	inputName: n,
@@ -661,7 +668,7 @@ var M = "comments", N = (e) => {
 	close: () => o(t.fileId),
 	getAttribute: (e) => s(t.fileId, e),
 	setAttribute: (e, n) => c(t.fileId, e, n)
-}), W = ({ file: t, fileSize: n, disabled: r, transferProgress: i, transferShowProgress: a, loadingText: o, truncateTail: s, onCancel: c, iconName: l = "document-text" }) => {
+}), W = ({ file: t, fileSize: n, disabled: r, transferProgress: i, transferShowProgress: a, strings: o, truncateTail: s, onCancel: c, iconName: l = "document-text" }) => {
 	let u = A(t), d = a ?? i !== 0;
 	return e`
     <pkt-icon
@@ -673,11 +680,11 @@ var M = "comments", N = (e) => {
     <button
       type="button"
       class="pkt-fileupload__queue-display__item__cancel-button"
-      aria-label="Avbryt opplasting"
+      aria-label=${o.cancelUpload}
       ?disabled=${r}
       @click=${() => c(t.fileId)}
     >
-      Avbryt
+      ${o.cancel}
     </button>
     ${d ? e`
           <pkt-progressbar
@@ -692,28 +699,28 @@ var M = "comments", N = (e) => {
           >
         ` : H(o)}
   `;
-}, G = ({ file: t, fileSize: n, disabled: r, transferShowProgress: i, transferLastProgress: a, transferErrorMessage: o, truncateTail: s, onCancel: c }) => {
-	let l = A(t), u = !!i, d = Math.round((a ?? 1) * 100);
+}, G = ({ file: t, fileSize: n, disabled: r, transferShowProgress: i, transferLastProgress: a, transferErrorMessage: o, strings: s, truncateTail: c, onCancel: l }) => {
+	let u = A(t), d = !!i, f = Math.round((a ?? 1) * 100);
 	return e`
     <pkt-icon
       name="alert-error"
       class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
       aria-hidden="true"
     ></pkt-icon>
-    ${B(l, n, s)}
+    ${B(u, n, c)}
     <button
       type="button"
       class="pkt-fileupload__queue-display__item__cancel-button"
-      aria-label="Fjern fil som feilet under opplasting"
+      aria-label=${s.removeFailedFile}
       ?disabled=${r}
-      @click=${() => c(t.fileId)}
+      @click=${() => l(t.fileId)}
     >
-      Fjern
+      ${s.removeFailed}
     </button>
-    ${u ? e`
+    ${d ? e`
           <pkt-progressbar
             class="pkt-fileupload__queue-display__item__progress pkt-fileupload__queue-display__item__progress--error"
-            valueCurrent=${d}
+            valueCurrent=${f}
             valueMax=${100}
             statusType="none"
             statusPlacement="following"
@@ -811,8 +818,8 @@ var M = "comments", N = (e) => {
     ></pkt-icon>
     ${B(i, n, r)}
   `;
-}, Z = ({ file: t, thumbnailUrl: n, previewEnabled: r, canOpenPreview: a, truncateTail: o, onOpenPreview: l, onThumbnailImageError: d }) => {
-	let f = A(t), p = !!n, m = !!r && !!a, h = m && !!l;
+}, Z = ({ file: t, thumbnailUrl: n, previewEnabled: r, canOpenPreview: i, truncateTail: a, strings: o, onOpenPreview: l, onThumbnailImageError: d }) => {
+	let f = A(t), p = !!n, m = !!r && !!i, h = m && !!l;
 	return e`
     <div
       class=${s({
@@ -823,7 +830,7 @@ var M = "comments", N = (e) => {
       <button
         type="button"
         class="pkt-fileupload__queue-display__item__thumbnail__image-wrapper pkt-btn pkt-btn--medium pkt-btn--secondary pkt-btn--label-only"
-        aria-label=${u(i.fileupload.previewImage, { filename: f })}
+        aria-label=${u(o.previewImage, { filename: f })}
         ?disabled=${!h}
         @click=${() => {
 		!h || !l || l(t.fileId);
@@ -847,11 +854,11 @@ var M = "comments", N = (e) => {
         </span>
       </button>
       <span class="pkt-fileupload__queue-display__item__thumbnail__title"
-        >${z(f, o)}</span
+        >${z(f, a)}</span
       >
     </div>
   `;
-}, Q = ({ file: t, inputName: n, disabled: r, fileSize: i, operations: a, activeOperationId: o, onActivateOperation: c, onCloseOperation: l, getFileAttribute: u, setFileAttribute: d, transferProgress: f, transferErrorMessage: p, transferShowProgress: m, transferLastProgress: h, loadingText: g, truncateTail: _, onCancel: v }) => {
+}, Q = ({ file: t, inputName: n, disabled: r, fileSize: i, operations: a, activeOperationId: o, onActivateOperation: c, onCloseOperation: l, getFileAttribute: u, setFileAttribute: d, transferProgress: f, transferErrorMessage: p, transferShowProgress: m, transferLastProgress: h, strings: g, truncateTail: _, onCancel: v }) => {
 	let y = V(f), b = a.find((e) => e.id === o), x = b?.renderInlineUI ? b.renderInlineUI(U({
 		operationId: b.id,
 		file: t,
@@ -889,7 +896,7 @@ var M = "comments", N = (e) => {
 		disabled: r,
 		transferProgress: f,
 		transferShowProgress: m,
-		loadingText: g,
+		strings: g,
 		truncateTail: _,
 		onCancel: v
 	}) : y === "error" ? G({
@@ -899,6 +906,7 @@ var M = "comments", N = (e) => {
 		transferShowProgress: m,
 		transferLastProgress: h,
 		transferErrorMessage: p,
+		strings: g,
 		truncateTail: _,
 		onCancel: v
 	}) : x ? e`
@@ -946,7 +954,7 @@ var M = "comments", N = (e) => {
 	}) : null}
     </li>
   `;
-}, te = ({ file: t, inputName: n, disabled: r, fileSize: i, thumbnailUrl: a, previewEnabled: o, canOpenPreview: c, operations: l, activeOperationId: u, onActivateOperation: d, onCloseOperation: f, getFileAttribute: p, setFileAttribute: m, transferProgress: h, transferErrorMessage: g, transferShowProgress: _, transferLastProgress: v, loadingText: y, truncateTail: b, onCancel: x, onOpenPreview: S, onThumbnailImageError: C }) => {
+}, te = ({ file: t, inputName: n, disabled: r, fileSize: i, thumbnailUrl: a, previewEnabled: o, canOpenPreview: c, operations: l, activeOperationId: u, onActivateOperation: d, onCloseOperation: f, getFileAttribute: p, setFileAttribute: m, transferProgress: h, transferErrorMessage: g, transferShowProgress: _, transferLastProgress: v, strings: y, truncateTail: b, onCancel: x, onOpenPreview: S, onThumbnailImageError: C }) => {
 	let w = V(h), T = l.find((e) => e.id === u), E = T?.renderInlineUI ? T.renderInlineUI(U({
 		operationId: T.id,
 		file: t,
@@ -984,7 +992,7 @@ var M = "comments", N = (e) => {
 		disabled: r,
 		transferProgress: h,
 		transferShowProgress: _,
-		loadingText: y,
+		strings: y,
 		truncateTail: b,
 		onCancel: x,
 		iconName: "picture"
@@ -995,6 +1003,7 @@ var M = "comments", N = (e) => {
 		transferShowProgress: _,
 		transferLastProgress: v,
 		transferErrorMessage: g,
+		strings: y,
 		truncateTail: b,
 		onCancel: x
 	}) : E ? e`
@@ -1012,6 +1021,7 @@ var M = "comments", N = (e) => {
 		previewEnabled: o,
 		canOpenPreview: c,
 		truncateTail: b,
+		strings: y,
 		onOpenPreview: S,
 		onThumbnailImageError: C
 	})}
@@ -1156,7 +1166,7 @@ var M = "comments", N = (e) => {
             ?disabled=${this.disabled}
             ?required=${this.required && this.uploadStrategy === "form"}
             accept=${this.getResolvedAcceptValue()}
-            aria-label=${c(this.label ? void 0 : this.multiple ? "Velg filer" : "Velg fil")}
+            aria-label=${c(this.label ? void 0 : this.multiple ? this.pktStrings.get("fileupload").openFileDialogLabelMultiple : this.pktStrings.get("fileupload").openFileDialogLabelSingle)}
             aria-required=${c(this.required ? "true" : void 0)}
             aria-invalid=${c(this.hasEffectiveError ? "true" : void 0)}
             aria-describedby=${c(a)}
@@ -1209,9 +1219,9 @@ var M = "comments", N = (e) => {
     `;
 	}
 	renderQueueItem(e, t) {
-		let n = typeof e.file?.size == "number" ? this.formatFileSize(e.file.size) : "", r = this.getQueueItemOperations();
+		let n = typeof e.file?.size == "number" ? this.formatFileSize(e.file.size) : "", r = this.getQueueItemOperations(), i = this.pktStrings.get("fileupload");
 		if (this.itemRenderer === "thumbnail") {
-			let i = this.canOpenPreview(e), a = this.failedImageFileIds[e.fileId]?.thumbnail ? void 0 : this.getThumbnailUrl(e);
+			let a = this.canOpenPreview(e), o = this.failedImageFileIds[e.fileId]?.thumbnail ? void 0 : this.getThumbnailUrl(e);
 			return te({
 				file: e,
 				inputName: this.name,
@@ -1223,14 +1233,14 @@ var M = "comments", N = (e) => {
 				onCloseOperation: (e) => this.closeOperation(e),
 				getFileAttribute: (e, t) => this.getFileAttribute(e, t),
 				setFileAttribute: (e, t, n) => this.setFileAttribute(e, t, n),
-				thumbnailUrl: a,
+				thumbnailUrl: o,
 				previewEnabled: this.enableImagePreview,
-				canOpenPreview: i,
+				canOpenPreview: a,
 				transferProgress: e.progress,
 				transferErrorMessage: e.errorMessage,
 				transferShowProgress: e.showProgress,
 				transferLastProgress: e.lastProgress,
-				loadingText: "Laster opp",
+				strings: i,
 				truncateTail: this.truncateTail,
 				onCancel: (e) => this.cancelTransfer(e),
 				onOpenPreview: (e) => this.openPreview(e, t),
@@ -1252,7 +1262,7 @@ var M = "comments", N = (e) => {
 			transferErrorMessage: e.errorMessage,
 			transferShowProgress: e.showProgress,
 			transferLastProgress: e.lastProgress,
-			loadingText: "Laster opp",
+			strings: i,
 			truncateTail: this.truncateTail,
 			onCancel: (e) => this.cancelTransfer(e)
 		});
@@ -1303,7 +1313,10 @@ var M = "comments", N = (e) => {
           ${i ? e`<button
                 type="button"
                 class="pkt-fileupload__image-preview__nav pkt-fileupload__image-preview__nav--prev pkt-btn pkt-btn--medium pkt-btn--secondary pkt-btn--icon-only"
-                aria-label=${`Forrige bilde ${this.previewCurrentIndex} / ${t.length}`}
+                aria-label=${u(n.previewPrevious, {
+			index: this.previewCurrentIndex,
+			total: t.length
+		})}
                 @click=${() => this.navigatePreview("prev", t)}
               >
                 <pkt-icon
@@ -1317,7 +1330,11 @@ var M = "comments", N = (e) => {
           <div class="pkt-fileupload__image-preview__content">
             ${o ? e`<img
                   src=${a}
-                  alt=${`${s} - ${this.previewCurrentIndex + 1} av ${t.length}`}
+                  alt=${u(n.previewImageAlt, {
+			filename: s,
+			index: this.previewCurrentIndex + 1,
+			total: t.length
+		})}
                   class="pkt-fileupload__image-preview__image"
                   @error=${() => this.markImageFailed(r.fileId, "preview")}
                 />` : e`<pkt-icon
@@ -1333,7 +1350,10 @@ var M = "comments", N = (e) => {
           ${i ? e`<button
                 type="button"
                 class="pkt-fileupload__image-preview__nav pkt-fileupload__image-preview__nav--next pkt-btn pkt-btn--medium pkt-btn--secondary pkt-btn--icon-only"
-                aria-label=${`Neste bilde ${this.previewCurrentIndex + 2} / ${t.length}`}
+                aria-label=${u(n.previewNext, {
+			index: this.previewCurrentIndex + 2,
+			total: t.length
+		})}
                 @click=${() => this.navigatePreview("next", t)}
               >
                 <pkt-icon
@@ -1348,8 +1368,8 @@ var M = "comments", N = (e) => {
     `;
 	}
 	getQueueItemOperations() {
-		let e = [];
-		return this.renameFilesEnabled && this.itemRenderer !== "thumbnail" && e.push(L()), this.addCommentsEnabled && this.itemRenderer !== "thumbnail" && e.push(R()), e.push(...this.extraOperations), e.push(I((e) => this.removeFileItem(e))), e;
+		let e = [], t = this.pktStrings.get("fileupload");
+		return this.renameFilesEnabled && this.itemRenderer !== "thumbnail" && e.push(L(t)), this.addCommentsEnabled && this.itemRenderer !== "thumbnail" && e.push(R(t)), e.push(...this.extraOperations), e.push(I((e) => this.removeFileItem(e), t)), e;
 	}
 	activateOperation(e, t) {
 		this.activeOperationByFileId = {

package/dist/{footer-CupUAe8d.cjs → footer-BGj1uWwC.cjs}

@@ -1,4 +1,4 @@
-const e=require("./element-CewjrA4g.cjs"),t=require("./if-defined-CjRKmMQs.cjs");require("./consent-Cle1hkPg.cjs");const n=require("./booleanish-BF8l4scU.cjs"),r=require("./fetch-header-footer-data-CUKV0biS.cjs");require("./icon-Clz68-Kz.cjs");var i=`oslo.kommune.no`,a=/\.(?:co|com|org|net|gov|edu|ac|kommune)\.[a-z]{2}$/i;function o(e){let t=e.toLowerCase().replace(/\.$/,``),n=t.split(`.`);return n.length<=2?t:n.slice(a.test(t)?-3:-2).join(`.`)}function s(e){if(!e)return;let t;try{t=new URL(e)}catch{return}if(t.protocol===`http:`||t.protocol===`https:`)return o(t.hostname.toLowerCase().replace(/\.$/,``))}function c(e,t=i){if(!e)return;let n;try{n=new URL(e)}catch{return}if(n.protocol!==`http:`&&n.protocol!==`https:`)return;let r=n.hostname.toLowerCase().replace(/\.$/,``),a=t.toLowerCase();if(!(r===a||r.endsWith(`.${a}`)))return o(r)}var l=`#cb-trigger`,u=class extends e.t{constructor(...e){super(...e),this.locale=`nb-NO`,this.skipGlobal=!1,this.openLinksInNewTab=!1,this.includeConsent=!1,this.hotjarId=null,this.googleAnalyticsId=null,this.devMode=!1,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null}connectedCallback(){super.connectedCallback(),!this.data&&!this.skipGlobal&&this.loadData()}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort()}updated(e){super.updated(e),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData()}async loadData(){this.abortController?.abort(),this.abortController=new AbortController;try{this.fetchedData=await r.t(this.dataUrl,this.abortController.signal)}catch(e){if(e.name===`AbortError`)return;console.warn(`Failed to fetch header/footer data:`,e),this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}get globalFooterData(){return r.n(this.data??this.fetchedData,this.locale)?.footer}linkTarget(e){return e.openInNewTab||this.openLinksInNewTab?{target:`_blank`,rel:`noopener noreferrer`}:{target:`_self`}}renderLinkDomain(t,n=`pkt-footer__link-domain`){if(!t.external)return e.h;let r=s(t.href);return r?e._` <span class=${n}>(${r})</span>`:e.h}renderCustomLink(n){let{target:r,rel:i}=this.linkTarget(n);return e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./if-defined-2mkIDgOm.cjs");require("./consent-BjYaCbef.cjs");const n=require("./booleanish-BF8l4scU.cjs"),r=require("./fetch-header-footer-data-CUKV0biS.cjs");require("./icon-CoBsgGUR.cjs");var i=`oslo.kommune.no`,a=/\.(?:co|com|org|net|gov|edu|ac|kommune)\.[a-z]{2}$/i;function o(e){let t=e.toLowerCase().replace(/\.$/,``),n=t.split(`.`);return n.length<=2?t:n.slice(a.test(t)?-3:-2).join(`.`)}function s(e){if(!e)return;let t;try{t=new URL(e)}catch{return}if(t.protocol===`http:`||t.protocol===`https:`)return o(t.hostname.toLowerCase().replace(/\.$/,``))}function c(e,t=i){if(!e)return;let n;try{n=new URL(e)}catch{return}if(n.protocol!==`http:`&&n.protocol!==`https:`)return;let r=n.hostname.toLowerCase().replace(/\.$/,``),a=t.toLowerCase();if(!(r===a||r.endsWith(`.${a}`)))return o(r)}var l=`#cb-trigger`,u=class extends e.t{constructor(...e){super(...e),this.locale=`nb-NO`,this.skipGlobal=!1,this.openLinksInNewTab=!1,this.includeConsent=!1,this.hotjarId=null,this.googleAnalyticsId=null,this.devMode=!1,this.cookieDomain=null,this.cookieSecure=null,this.cookieExpiryDays=null}connectedCallback(){super.connectedCallback(),!this.data&&!this.skipGlobal&&this.loadData()}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort()}updated(e){super.updated(e),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData()}async loadData(){this.abortController?.abort(),this.abortController=new AbortController;try{this.fetchedData=await r.t(this.dataUrl,this.abortController.signal)}catch(e){if(e.name===`AbortError`)return;console.warn(`Failed to fetch header/footer data:`,e),this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}get globalFooterData(){return r.n(this.data??this.fetchedData,this.locale)?.footer}linkTarget(e){return e.openInNewTab||this.openLinksInNewTab?{target:`_blank`,rel:`noopener noreferrer`}:{target:`_self`}}renderLinkDomain(t,n=`pkt-footer__link-domain`){if(!t.external)return e.h;let r=s(t.href);return r?e._` <span class=${n}>(${r})</span>`:e.h}renderCustomLink(n){let{target:r,rel:i}=this.linkTarget(n);return e._`
       <a href=${n.href} target=${r} rel=${t.t(i)}
         >${n.text}${this.renderLinkDomain(n)}</a
       >

package/dist/{footer-UT8MbnCT.js → footer-D_d5kq44.js}

@@ -1,9 +1,9 @@
-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 "./if-defined-BNXGXCwT.js";
-import "./consent-BeoP4rOa.js";
+import { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-mwwC2Rra.js";
+import { t as s } from "./if-defined-Bebu3LXY.js";
+import "./consent-BBxZkgCO.js";
 import { t as c } from "./booleanish-OQJTYSrw.js";
 import { n as l, r as u, t as d } from "./fetch-header-footer-data-Pc32etrk.js";
-import "./icon-B2v30QUk.js";
+import "./icon-DmRyYNlY.js";
 //#region ../../shared-utils/header-footer/external-domain.ts
 var f = "oslo.kommune.no", p = /\.(?:co|com|org|net|gov|edu|ac|kommune)\.[a-z]{2}$/i;
 function m(e) {

package/dist/{header-BxgtAiNM.js → header-CF-Re0nT.js}

@@ -1,19 +1,19 @@
-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 { _ as e, d as t, h as n, l as r, n as i, t as a, u as o } from "./element-mwwC2Rra.js";
+import { t as s } from "./class-map-C4hdfSfY.js";
+import { t as c } from "./if-defined-Bebu3LXY.js";
 import { t as l } from "./format-BTeSVkED.js";
-import { r as u, t as d } from "./element-with-slot-D_OKDlYo.js";
+import { r as u, t as d } from "./element-with-slot-FD826ooP.js";
 import { t as f } from "./booleanish-OQJTYSrw.js";
 import { n as p, o as m, t as h } from "./fetch-header-footer-data-Pc32etrk.js";
-import "./icon-B2v30QUk.js";
-import "./button-BUl8uWWh.js";
-import { n as g, t as _ } from "./ref-37-yxmc4.js";
+import "./icon-DmRyYNlY.js";
+import "./button-B5rWxfei.js";
+import { n as g, t as _ } from "./ref-CCSGk4MP.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-Di2lAf2R.js";
-import "./searchinput-j4IvYRzj.js";
-import "./header-menu-CTEPH4St.js";
+import "./link-DcxVUj8s.js";
+import "./textinput-Dpj1X5yr.js";
+import "./searchinput-CgzigmiI.js";
+import "./header-menu-C9k9xG9V.js";
 //#region ../../shared-types/header.ts
 var S = (e) => typeof e.target == "string" ? {
 	title: e.title,
@@ -99,7 +99,7 @@ var S = (e) => typeof e.target == "string" ? {
 		});
 		return i ? e`
         <pkt-link
-          icon-name=${t.iconName || n}
+          iconName=${t.iconName || n}
           href=${t.href}
           class="pkt-user-menu__link ${r || ""}"
         >
@@ -1049,10 +1049,11 @@ var A = "pkt-header-global-menu", j = "pkt-header-global-menu-toggle", M = "pkt-
                 locale=${this.locale}
                 open
                 mobile-breakpoint=${this.mobileBreakpoint}
+                .strings=${this.strings}
               ></pkt-header-menu>
             ` : e`
               <nav class="pkt-header-menu pkt-header-menu--open">
-                <p class="pkt-header-menu__error">Kunne ikke laste meny.</p>
+                <p class="pkt-header-menu__error">${this.pktStrings.get("header").menuLoadError}</p>
               </nav>
             `}
       </div>

package/dist/{header-wdEiBTI9.cjs → header-Cs4t2XMM.cjs}

@@ -1,6 +1,6 @@
-const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./if-defined-CjRKmMQs.cjs"),r=require("./format-B8meU8Tm.cjs"),i=require("./element-with-slot-MCvSBwUv.cjs"),a=require("./booleanish-BF8l4scU.cjs"),o=require("./fetch-header-footer-data-CUKV0biS.cjs");require("./icon-Clz68-Kz.cjs"),require("./button-CCR4eyt_.cjs");const s=require("./ref-HT6KRjxp.cjs"),c=require("./focus-trap-DSv4Ifqm.cjs"),l=require("./scroll-lock-BN8lOhV5.cjs");require("./link-1JEWpEDG.cjs"),require("./textinput-CSrBua2N.cjs"),require("./searchinput-D1cJ73Ki.cjs"),require("./header-menu-DGywRJCx.cjs");var u=e=>typeof e.target==`string`?{title:e.title,iconName:e.iconName,href:e.target}:{title:e.title,iconName:e.iconName,onClick:e.target},d=e=>u(e),f=e=>{if(!e)return;let t=typeof e==`string`?new Date(e):e;if(!isNaN(t.getTime()))return t.toLocaleDateString(`nb-NO`,{day:`numeric`,month:`long`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})},p=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=l.t(),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;let t=e>this.lastScrollPosition;this.lastScrollPosition=e,t!==this.isHidden&&(this.isHidden=t,this.host.requestUpdate())},this.host=e,this.getOptions=t,e.addController(this)}hostConnected(){window.addEventListener(`scroll`,this.handleScroll)}hostDisconnected(){this.resizeObserver?.disconnect(),window.removeEventListener(`scroll`,this.handleScroll),l.n(this.scrollLockToken,!1)}observe(e){e&&(this.componentWidth=e.offsetWidth,this.refreshBreakpoints(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.componentWidth=t.borderBoxSize&&t.borderBoxSize.length>0?t.borderBoxSize[0].inlineSize:t.contentRect.width,this.refreshBreakpoints()}),this.resizeObserver.observe(e))}refreshBreakpoints(){let{mobileBreakpoint:e,tabletBreakpoint:t}=this.getOptions(),n=this.componentWidth<e,r=this.componentWidth<t;(n!==this.isMobile||r!==this.isTablet)&&(this.isMobile=n,this.isTablet=r,this.host.requestUpdate())}setScrollLock(e){l.n(this.scrollLockToken,e)}captureFocus(){this.lastFocusedElement=document.activeElement}flagRestoreFocus(){this.shouldRestoreFocus=!0}restoreFocus(){this.shouldRestoreFocus&&this.lastFocusedElement&&document.contains(this.lastFocusedElement)&&this.lastFocusedElement.focus(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1}},m=class extends e.t{constructor(...e){super(...e),this.canChangeRepresentation=!1,this.logoutOnClick=!1}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent(`change-representation`,{bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent(`log-out`,{bubbles:!0,composed:!0}))}handleMenuItemClick(e){`onClick`in e&&typeof e.onClick==`function`&&e.onClick()}renderLinkOrButton(n,r){let i=`href`in n,a=t.t({"pkt-user-menu__link":!0,"pkt-link-button":!i,"pkt-link":!i,"pkt-link--icon-left":!i,[r||``]:!!r});return i?e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./if-defined-2mkIDgOm.cjs"),r=require("./format-B8meU8Tm.cjs"),i=require("./element-with-slot-2PHu2w7O.cjs"),a=require("./booleanish-BF8l4scU.cjs"),o=require("./fetch-header-footer-data-CUKV0biS.cjs");require("./icon-CoBsgGUR.cjs"),require("./button-CmNrMH-c.cjs");const s=require("./ref-Emu5PNxk.cjs"),c=require("./focus-trap-DSv4Ifqm.cjs"),l=require("./scroll-lock-BN8lOhV5.cjs");require("./link-EMsHusF7.cjs"),require("./textinput-Czz2affL.cjs"),require("./searchinput-7-VVdkss.cjs"),require("./header-menu-BnqZagI6.cjs");var u=e=>typeof e.target==`string`?{title:e.title,iconName:e.iconName,href:e.target}:{title:e.title,iconName:e.iconName,onClick:e.target},d=e=>u(e),f=e=>{if(!e)return;let t=typeof e==`string`?new Date(e):e;if(!isNaN(t.getTime()))return t.toLocaleDateString(`nb-NO`,{day:`numeric`,month:`long`,year:`numeric`,hour:`2-digit`,minute:`2-digit`})},p=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=l.t(),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;let t=e>this.lastScrollPosition;this.lastScrollPosition=e,t!==this.isHidden&&(this.isHidden=t,this.host.requestUpdate())},this.host=e,this.getOptions=t,e.addController(this)}hostConnected(){window.addEventListener(`scroll`,this.handleScroll)}hostDisconnected(){this.resizeObserver?.disconnect(),window.removeEventListener(`scroll`,this.handleScroll),l.n(this.scrollLockToken,!1)}observe(e){e&&(this.componentWidth=e.offsetWidth,this.refreshBreakpoints(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.componentWidth=t.borderBoxSize&&t.borderBoxSize.length>0?t.borderBoxSize[0].inlineSize:t.contentRect.width,this.refreshBreakpoints()}),this.resizeObserver.observe(e))}refreshBreakpoints(){let{mobileBreakpoint:e,tabletBreakpoint:t}=this.getOptions(),n=this.componentWidth<e,r=this.componentWidth<t;(n!==this.isMobile||r!==this.isTablet)&&(this.isMobile=n,this.isTablet=r,this.host.requestUpdate())}setScrollLock(e){l.n(this.scrollLockToken,e)}captureFocus(){this.lastFocusedElement=document.activeElement}flagRestoreFocus(){this.shouldRestoreFocus=!0}restoreFocus(){this.shouldRestoreFocus&&this.lastFocusedElement&&document.contains(this.lastFocusedElement)&&this.lastFocusedElement.focus(),this.lastFocusedElement=null,this.shouldRestoreFocus=!1}},m=class extends e.t{constructor(...e){super(...e),this.canChangeRepresentation=!1,this.logoutOnClick=!1}handleChangeRepresentation(){this.dispatchEvent(new CustomEvent(`change-representation`,{bubbles:!0,composed:!0}))}handleLogout(){this.dispatchEvent(new CustomEvent(`log-out`,{bubbles:!0,composed:!0}))}handleMenuItemClick(e){`onClick`in e&&typeof e.onClick==`function`&&e.onClick()}renderLinkOrButton(n,r){let i=`href`in n,a=t.t({"pkt-user-menu__link":!0,"pkt-link-button":!i,"pkt-link":!i,"pkt-link--icon-left":!i,[r||``]:!!r});return i?e._`
         <pkt-link
-          icon-name=${n.iconName||e.h}
+          iconName=${n.iconName||e.h}
           href=${n.href}
           class="pkt-user-menu__link ${r||``}"
         >
@@ -404,10 +404,11 @@ const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),
                 locale=${this.locale}
                 open
                 mobile-breakpoint=${this.mobileBreakpoint}
+                .strings=${this.strings}
               ></pkt-header-menu>
             `:e._`
               <nav class="pkt-header-menu pkt-header-menu--open">
-                <p class="pkt-header-menu__error">Kunne ikke laste meny.</p>
+                <p class="pkt-header-menu__error">${this.pktStrings.get(`header`).menuLoadError}</p>
               </nav>
             `}
       </div>

package/dist/{header-menu-DGywRJCx.cjs → header-menu-BnqZagI6.cjs}

@@ -1,10 +1,10 @@
-const e=require("./element-CewjrA4g.cjs"),t=require("./class-map-B0FX3YsK.cjs"),n=require("./booleanish-BF8l4scU.cjs"),r=require("./fetch-header-footer-data-CUKV0biS.cjs");require("./icon-Clz68-Kz.cjs"),require("./accordion-BLMbI8SQ.cjs");var i=class extends e.t{constructor(...e){super(...e),this.dataUrl=r.a,this.locale=`nb-NO`,this.open=!1,this.mobileBreakpoint=768,this.loadState=`idle`,this.isMobile=!1,this.menuWidth=0}connectedCallback(){super.connectedCallback(),this.classList.add(`pkt-header-menu`),this.updateOpenClass(),this.observeWidth(),this.data?(this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:this.data},bubbles:!0,composed:!0}))):this.loadData()}updateOpenClass(){this.classList.toggle(`pkt-header-menu--open`,!!this.open)}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0}updated(e){super.updated(e),e.has(`open`)&&this.updateOpenClass(),e.has(`mobileBreakpoint`)&&e.get(`mobileBreakpoint`)!==void 0&&this.refreshIsMobile(),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData(),e.has(`data`)&&e.get(`data`)!==void 0&&this.data&&(this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:this.data},bubbles:!0,composed:!0})))}observeWidth(){typeof ResizeObserver>`u`||(this.menuWidth=this.offsetWidth,this.refreshIsMobile(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.menuWidth=t.borderBoxSize&&t.borderBoxSize.length>0?t.borderBoxSize[0].inlineSize:t.contentRect.width,this.refreshIsMobile()}),this.resizeObserver.observe(this))}refreshIsMobile(){this.isMobile=this.menuWidth<this.mobileBreakpoint}async loadData(){this.abortController?.abort(),this.abortController=new AbortController,this.loadState=`loading`;try{let e=await r.t(this.dataUrl,this.abortController.signal);this.fetchedData=e,this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:e},bubbles:!0,composed:!0}))}catch(e){if(e.name===`AbortError`)return;this.loadState=`error`,this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}get effectiveData(){return this.data??this.fetchedData}get localeData(){return r.n(this.effectiveData,this.locale)}render(){if(this.loadState===`loading`)return e._`
+const e=require("./element-BOmr9YLv.cjs"),t=require("./class-map-Drv0_anQ.cjs"),n=require("./booleanish-BF8l4scU.cjs"),r=require("./fetch-header-footer-data-CUKV0biS.cjs");require("./icon-CoBsgGUR.cjs"),require("./accordion-CZ0O4c0_.cjs");var i=class extends e.t{constructor(...e){super(...e),this.dataUrl=r.a,this.locale=`nb-NO`,this.open=!1,this.mobileBreakpoint=768,this.loadState=`idle`,this.isMobile=!1,this.menuWidth=0}connectedCallback(){super.connectedCallback(),this.classList.add(`pkt-header-menu`),this.updateOpenClass(),this.observeWidth(),this.data?(this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:this.data},bubbles:!0,composed:!0}))):this.loadData()}updateOpenClass(){this.classList.toggle(`pkt-header-menu--open`,!!this.open)}disconnectedCallback(){super.disconnectedCallback(),this.abortController?.abort(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0}updated(e){super.updated(e),e.has(`open`)&&this.updateOpenClass(),e.has(`mobileBreakpoint`)&&e.get(`mobileBreakpoint`)!==void 0&&this.refreshIsMobile(),e.has(`dataUrl`)&&e.get(`dataUrl`)!==void 0&&!this.data&&this.loadData(),e.has(`data`)&&e.get(`data`)!==void 0&&this.data&&(this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:this.data},bubbles:!0,composed:!0})))}observeWidth(){typeof ResizeObserver>`u`||(this.menuWidth=this.offsetWidth,this.refreshIsMobile(),this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.menuWidth=t.borderBoxSize&&t.borderBoxSize.length>0?t.borderBoxSize[0].inlineSize:t.contentRect.width,this.refreshIsMobile()}),this.resizeObserver.observe(this))}refreshIsMobile(){this.isMobile=this.menuWidth<this.mobileBreakpoint}async loadData(){this.abortController?.abort(),this.abortController=new AbortController,this.loadState=`loading`;try{let e=await r.t(this.dataUrl,this.abortController.signal);this.fetchedData=e,this.loadState=`ready`,this.dispatchEvent(new CustomEvent(`data-loaded`,{detail:{data:e},bubbles:!0,composed:!0}))}catch(e){if(e.name===`AbortError`)return;this.loadState=`error`,this.dispatchEvent(new CustomEvent(`data-error`,{detail:{error:e},bubbles:!0,composed:!0}))}}get effectiveData(){return this.data??this.fetchedData}get localeData(){return r.n(this.effectiveData,this.locale)}render(){if(this.loadState===`loading`)return e._`
         <nav aria-busy="true">
-          <p class="pkt-header-menu__loading">Laster meny…</p>
+          <p class="pkt-header-menu__loading">${this.pktStrings.get(`header`).menuLoading}</p>
         </nav>
       `;if(this.loadState===`error`||!this.localeData)return e._`
         <nav aria-hidden=${!this.open}>
-          <p class="pkt-header-menu__error">Kunne ikke laste meny.</p>
+          <p class="pkt-header-menu__error">${this.pktStrings.get(`header`).menuLoadError}</p>
         </nav>
       `;let{megamenu:t,i18n:n}=this.localeData,r=n?.navAriaLabel||`Hovedmeny`;return this.isMobile?e._`
         <nav aria-label=${r}>