@oslokommune/punkt-elements 17.1.3 → 18.1.0

package/dist/{fileupload-D5IQ9HDe.js → fileupload-DEHSETw0.js}

@@ -1,43 +1,17 @@
-import { a as e, n as t, o as n, p as r, s as i, t as a } from "./element-ChsFgr_B.js";
-import { t as o } from "./class-map-CnWCnBSX.js";
-import "./alert-DKK_Tb9J.js";
-import "./icon-D-LA22xD.js";
-import { t as s } from "./if-defined-CGzIlZ9-.js";
-import { t as c } from "./converters-CkjLSYpa.js";
-import { n as l } from "./utils-BwF4QSrq.js";
-import "./input-wrapper-BmxNvznr.js";
-import { r as u } from "./focus-trap-DG3pEuyJ.js";
-import "./modal-D0t_X2dX.js";
-import "./progressbar-CbcfLerF.js";
-//#region ../../shared-types/fileupload.ts
-var d = {
-	dropZoneDragMultiple: "Dra filer hit for å laste dem opp eller",
-	dropZoneDragSingle: "Dra en fil hit for å laste den opp eller",
-	dropZoneDragMultipleThumbnail: "Dra bilder hit for å laste dem opp eller",
-	dropZoneDragSingleThumbnail: "Dra et bilde hit for å laste det opp eller",
-	dropZoneDragActiveMultiple: "Slipp filene her",
-	dropZoneDragActiveSingle: "Slipp filen her",
-	dropZoneDragActiveMultipleThumbnail: "Slipp bildene her",
-	dropZoneDragActiveSingleThumbnail: "Slipp bildet her",
-	dropZoneOpenFileDialogMultiple: "velg filer",
-	dropZoneOpenFileDialogSingle: "velg en fil",
-	dropZoneOpenFileDialogMultipleThumbnail: "velg fra kamerarull",
-	dropZoneOpenFileDialogSingleThumbnail: "velg fra kamerarull",
-	supportedFormatsPrefix: "Format:",
-	invalidFormatDefault: (e) => `Ugyldig filtype. Tillatte formater: ${e}`,
-	sizeTooLargeDefault: (e) => `Filen er for stor. Maks størrelse er ${e}.`,
-	requiredMissing: "Du må laste opp minst én fil.",
-	genericValidationRejection: "Filen ble avvist av validering.",
-	unknownFilename: "Ukjent fil",
-	fileLabel: (e) => e === 1 ? "fil" : "filer",
-	srFileAdded: (e) => `Filen «${e}» er lagt til`,
-	srFilesAdded: (e) => `${e} filer er lagt til`,
-	srFilesUploadedOfTotal: (e, t, n) => `${e} av ${t} ${n} lastet opp`,
-	srFilesFailedOfTotal: (e, t, n) => `Feil ved opplasting: ${e} av ${t} ${n} feilet`
-};
-//#endregion
+import { _ as e, d as t, l as n, n as r, s as i, t as a, u as o } from "./element-WEzISABa.js";
+import { t as s } from "./class-map-wh4Yi3oj.js";
+import { n as c, t as l } from "./format-BTeSVkED.js";
+import "./alert-Bmaly2Yo.js";
+import "./icon-DEtOSWRK.js";
+import { t as u } from "./if-defined-BmnvvxtR.js";
+import { t as d } from "./converters-CkjLSYpa.js";
+import { n as f } from "./utils-BwF4QSrq.js";
+import "./input-wrapper-CQgAL1Br.js";
+import { r as p } from "./focus-trap-DG3pEuyJ.js";
+import "./modal-V-jEe0aY.js";
+import "./progressbar-DS4i8IWq.js";
 //#region ../../shared-utils/fileupload/size.ts
-function f(e) {
+function m(e) {
 	if (e == null || e === "") return;
 	if (typeof e == "number") return Number.isFinite(e) && e > 0 ? e : void 0;
 	let t = String(e).trim(), n = Number(t);
@@ -56,18 +30,18 @@ function f(e) {
 		default: return;
 	}
 }
-function p(e) {
+function h(e) {
 	return e < 1024 ? `${Math.round(e)} B` : e < 1048576 ? `${Math.round(e / 1024)} KB` : e < 1073741824 ? `${Math.round(e / 1048576)} MB` : `${Math.round(e / 1073741824)} GB`;
 }
 //#endregion
 //#region ../../shared-utils/fileupload/formats.ts
-function m(e) {
+function g(e) {
 	return Array.isArray(e) ? e.map((e) => String(e).trim().toLowerCase()).filter(Boolean) : [];
 }
-function h(e) {
+function _(e) {
 	return e ? e.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean) : [];
 }
-function g(e, t, n) {
+function v(e, t, n) {
 	let r = e.toLowerCase().replace(/^\./, "");
 	if (r.includes("/")) {
 		if (r.endsWith("/*")) {
@@ -78,42 +52,42 @@ function g(e, t, n) {
 	}
 	return t === r;
 }
-function _(e, t) {
-	let n = m(t);
+function y(e, t) {
+	let n = g(t);
 	if (n.length === 0) return !0;
 	let r = e.name.split(".").pop()?.toLowerCase() ?? "", i = e.type.toLowerCase();
-	return n.some((e) => g(e, r, i));
+	return n.some((e) => v(e, r, i));
 }
-function v(e, t) {
+function b(e, t) {
 	let n = (e ?? "").trim();
 	if (n) return n;
-	let r = m(t);
+	let r = g(t);
 	return r.length === 0 ? "" : r.map((e) => e.includes("/") || e.startsWith(".") ? e : `.${e}`).join(", ");
 }
-function y(e) {
+function x(e) {
 	return e.includes("/") ? e : e.replace(/^\./, "").toUpperCase();
 }
-function b(e, t) {
-	let n = m(e);
-	if (n.length > 0) return n.map(y).join(", ");
-	let r = h(t);
-	return r.length > 0 ? r.map(y).join(", ") : "";
+function S(e, t) {
+	let n = g(e);
+	if (n.length > 0) return n.map(x).join(", ");
+	let r = _(t);
+	return r.length > 0 ? r.map(x).join(", ") : "";
 }
 //#endregion
 //#region ../../shared-utils/fileupload/validation.ts
-function x(e, t, n) {
+function C(e, t, n) {
 	return ((e ?? "").trim() || t).replace(/\{(\w+)\}/g, (e, t) => n[t] ?? `{${t}}`);
 }
-function S(e, t) {
-	let n = m(t.allowedFormats);
-	if (n.length > 0 && !_(e, n)) {
-		let e = n.join(", "), r = `Ugyldig filtype. Tillatte formater: ${e}`;
-		return x(t.formatErrorMessage, r, { formats: e });
+function w(e, t) {
+	let n = g(t.allowedFormats);
+	if (n.length > 0 && !y(e, n)) {
+		let e = n.join(", "), r = i.fileupload.invalidFormat;
+		return C(t.formatErrorMessage, r, { formats: e });
 	}
-	let r = f(t.maxFileSize);
+	let r = m(t.maxFileSize);
 	if (r !== void 0 && e.size > r) {
-		let e = p(r), n = `Filen er for stor. Maks størrelse er ${e}.`;
-		return x(t.sizeErrorMessage, n, { maxSize: e });
+		let e = h(r), n = i.fileupload.sizeTooLarge;
+		return C(t.sizeErrorMessage, n, { maxSize: e });
 	}
 	if (t.onFileValidation) {
 		let n = t.onFileValidation(e);
@@ -121,7 +95,7 @@ function S(e, t) {
 	}
 	return null;
 }
-function C(e) {
+function T(e) {
 	let t = e.file;
 	if (t?.type?.startsWith("image/")) return !0;
 	let n = e.attributes?.targetFilename || t?.name || "";
@@ -129,10 +103,10 @@ function C(e) {
 }
 //#endregion
 //#region ../../shared-utils/fileupload/transfers.ts
-function w(e) {
+function E(e) {
 	return typeof e == "number" ? "in-progress" : e === "error" ? "error" : "idle";
 }
-function T(e, t, n) {
+function ee(e, t, n) {
 	let r = {
 		"in-progress": 0,
 		error: 1,
@@ -147,11 +121,11 @@ function T(e, t, n) {
 			showProgress: r?.showProgress,
 			lastProgress: r?.lastProgress
 		};
-	}).sort((e, t) => r[w(e.progress)] - r[w(t.progress)]);
+	}).sort((e, t) => r[E(e.progress)] - r[E(t.progress)]);
 }
 //#endregion
 //#region ../../shared-utils/fileupload/truncate.ts
-function E(e, t) {
+function D(e, t) {
 	return !t || t <= 0 || e.length <= t + 3 ? null : {
 		head: e.slice(0, e.length - t),
 		tail: e.slice(-t)
@@ -159,12 +133,12 @@ function E(e, t) {
 }
 //#endregion
 //#region ../../shared-utils/fileupload/navigation.ts
-function D(e, t, n) {
+function O(e, t, n) {
 	return n <= 0 ? 0 : t === "prev" ? e <= 0 ? n - 1 : e - 1 : e >= n - 1 ? 0 : e + 1;
 }
 //#endregion
 //#region ../../shared-utils/fileupload/announcements.ts
-function O(e, t) {
+function k(e, t) {
 	let n = e.length;
 	if (n === 0 || !t || t.length === 0) return {
 		totalCount: n,
@@ -184,316 +158,14 @@ function O(e, t) {
 }
 //#endregion
 //#region ../../shared-utils/fileupload/filename.ts
-function k(e, t = d.unknownFilename) {
+function A(e, t = i.fileupload.unknownFilename) {
 	return e.attributes?.targetFilename || e.file?.name || t;
 }
-var A = {
-	name: "pkt-fileupload",
-	react: "PktFileUpload",
-	"css-class": "pkt-fileupload",
-	isElement: !1,
-	isPureReact: !0,
-	"dark-mode": !0,
-	props: {
-		name: {
-			type: "string",
-			name: "Navn for innsending",
-			category: "tech",
-			required: !0
-		},
-		label: {
-			type: "string",
-			name: "Etikett",
-			description: "Etikett/tittel over komponenten",
-			category: "form"
-		},
-		helptext: {
-			type: "string | ReactNode",
-			name: "Hjelpetekst",
-			description: "Hjelpetekst under etiketten",
-			category: "form"
-		},
-		helptextDropdown: {
-			type: "string",
-			name: "Utvidet hjelpetekst",
-			description: "Hjelpetekst som vises i en lukket boks man kan åpne",
-			category: "contents"
-		},
-		helptextDropdownButton: {
-			type: "string",
-			name: "Knappetekst for utvidet hjelpetekst",
-			default: "Les mer",
-			category: "contents"
-		},
-		required: {
-			type: "boolean",
-			name: "Påkrevd",
-			description: "Gjør feltet obligatorisk. I `uploadStrategy='form'` brukes native validering på file input. I `uploadStrategy='custom'` valideres kravet ved submit og komponenten viser feilmelding hvis ingen filer er valgt.",
-			default: !1,
-			category: "form"
-		},
-		value: {
-			type: "FileItemList",
-			name: "Fil-liste (controlled)",
-			description: "Liste over filer i komponenten. Bruk denne for controlled-modus.",
-			category: "form"
-		},
-		defaultValue: {
-			type: "FileItem[]",
-			name: "Default-verdi (uncontrolled)",
-			description: "Default-verdi når komponenten brukes 'uncontrolled'. Ingen grunn til at denne ikke skal være tom array `[]`",
-			category: "form"
-		},
-		onFilesChanged: {
-			type: "(files: FileItem[]) => void",
-			name: "Callback ved fil-endring",
-			description: "Kalles når fil(er) legges til, fjernes eller oppdateres",
-			category: "tech"
-		},
-		uploadStrategy: {
-			name: "Opplastingstype",
-			type: ["form", "custom"],
-			values: {
-				form: "form (når filer lastes opp ved submit)",
-				custom: "custom (når filer lastes opp via webappens egen logikk)"
-			},
-			description: "Velg mellom skjemaopplasting (filene sendes når skjemaet sendes inn) og bakgrunnsopplasting (webappen håndterer opplasting via `onFileUploadRequested` og oppdaterer `transfers`).",
-			default: "form",
-			category: "functionality"
-		},
-		multiple: {
-			type: "boolean",
-			name: "Tillat opplasting av flere filer",
-			default: !1,
-			category: "functionality"
-		},
-		itemRenderer: {
-			type: ["filename", "thumbnail"],
-			name: "Visningtype av filer",
-			description: "Hvordan filer skal vises i opplastings-køen. Enten filnavn eller som thumbnails. Du kan også (eksperimentelt) lage din egen komponent.",
-			default: "filename",
-			category: "functionality"
-		},
-		optionalTag: {
-			type: "boolean",
-			name: "Vis 'Valgfritt'-tag",
-			description: "Vis 'Valgfritt'-tag ved etiketten",
-			category: "form"
-		},
-		optionalText: {
-			type: "string",
-			name: "Valgfritt-tekst",
-			description: "Tekst som vises i valgfritt-merkingen",
-			default: "Valgfritt",
-			category: "contents"
-		},
-		requiredTag: {
-			type: "boolean",
-			name: "Vis 'Må fylles ut'-tag",
-			description: "Vis 'Må fylles ut'-tag ved etiketten",
-			category: "form"
-		},
-		requiredText: {
-			type: "string",
-			name: "Påkrevd-tekst",
-			description: "Tekst som vises i påkrevd-merkingen",
-			default: "Må fylles ut",
-			category: "contents"
-		},
-		tagText: {
-			type: "string",
-			name: "Tag-tekst",
-			description: "Tekst som vises i en tag ved siden av label",
-			category: "ui"
-		},
-		disabled: {
-			type: "boolean",
-			name: "Deaktivert",
-			description: "Deaktiverer hele komponenten - ingen interaksjon mulig",
-			default: !1,
-			category: "form"
-		},
-		errorMessage: {
-			type: "string",
-			name: "Feilmelding",
-			description: "Feilmelding for å vise under komponenten (ekstern/programmatisk feil)",
-			default: "Det oppstod en feil ved opplastingen av fil(ene).",
-			category: "form"
-		},
-		hasError: {
-			type: "boolean",
-			name: "Har feil",
-			description: "Om komponenten har en feiltilstand",
-			default: !1,
-			category: "form"
-		},
-		allowedFormats: {
-			type: "string[]",
-			name: "Tillatte filformater",
-			description: "Liste over tillatte filformater. F.eks. ['pdf', 'jpg', 'png'] eller ['image/*', 'application/pdf']",
-			category: "validation"
-		},
-		formatErrorMessage: {
-			type: "string",
-			name: "Feilmelding for ugyldig format",
-			description: "Tilpasset feilmelding ved ugyldig filtype.",
-			category: "validation"
-		},
-		maxFileSize: {
-			type: "string | number",
-			name: "Maks filstørrelse",
-			description: "Maksimal filstørrelse. F.eks. '5MB', '500KB', '1GB' eller antall bytes",
-			category: "validation"
-		},
-		onFileValidation: {
-			type: "(file: File) => string | null",
-			name: "Egendefinert validering",
-			description: "Kjører etter innebygd format/størrelse-validering. Returner feilmeldingsstreng hvis ugyldig, null hvis gyldig.",
-			category: "validation"
-		},
-		sizeErrorMessage: {
-			type: "string",
-			name: "Feilmelding for stor fil",
-			description: "Tilpasset feilmelding ved for stor fil.",
-			category: "validation"
-		},
-		addCommentsEnabled: {
-			type: "boolean",
-			name: "Tillat kommentarer",
-			description: "La brukeren skrive en kommentar pr fil. Kommentarene postes i felter med navn `{fileupload-navn}-comment`",
-			default: !1,
-			showIf: { itemRenderer: "filename" },
-			category: "functionality"
-		},
-		enableImagePreview: {
-			type: "boolean",
-			name: "Forhåndsvisning av bilder",
-			description: "Aktiver forhåndsvisning av bilder i modal (kun for thumbnail-visning)",
-			default: !1,
-			showIf: { itemRenderer: "thumbnail" },
-			category: "functionality"
-		},
-		extraOperations: {
-			type: "Array<QueueItemOperation>",
-			name: "Ekstra operasjoner",
-			description: "Ekstra operasjoner pr fil (eksperimentelt). Hver operasjon er et objekt med stabil `id`, `title` og valgfrie `onClick`/`renderInlineUI`/`renderExtendedUI`/`renderContent`/`renderHidden`. Callbacks får et `context`-objekt med file, disabled, isActive, activate, close, getAttribute og setAttribute.",
-			category: "functionality"
-		},
-		fullwidth: {
-			type: "boolean",
-			name: "Full bredde",
-			description: "Om komponenten skal ta full bredde av foreldreelementet",
-			default: !1,
-			category: "styling"
-		},
-		onFileUploadRequested: {
-			type: "(fileItem: FileItem) => void",
-			name: "Callback for opplastingsforespørsel",
-			description: "Ved <code>uploadStrategy='custom'</code> blir denne funksjonen kalt når brukeren velger en eller flere filer. Dette lar webappen sette i gang opplasting i bakgrunnen.",
-			relatedTypes: ["FileItem"],
-			category: "functionality"
-		},
-		onTransferCancelled: {
-			type: "(fileItemId: string) => void",
-			name: "Callback for avbrutt opplasting",
-			description: "Kalles når brukeren klikker 'Slett' eller 'Avbryt'. Webappen må dermed avbryte opplastingen av denne fila.",
-			category: "functionality"
-		},
-		renameFilesEnabled: {
-			type: "boolean",
-			name: "Tillat å gi nytt navn",
-			description: "La brukeren angi et navn pr fil. Filnavnene postes i felter med navn `{fileupload-navn}-targetFilename`",
-			default: !1,
-			showIf: { itemRenderer: "filename" },
-			category: "functionality"
-		},
-		transfers: {
-			type: "Array<FileTransfer>",
-			name: "Pågående filoverføringer",
-			description: "Ved <code>uploadStrategy='custom'</code> vil du fortelle komponenten om pågående overføringer her. Hver fil har en progress-verdi.",
-			items: {
-				type: "object",
-				elementType: "FileTransfer",
-				ref: "FileTransfer"
-			},
-			category: "functionality"
-		},
-		truncateTail: {
-			type: "number",
-			name: "Forkort filnavn",
-			description: "Hvordan lange filnavn skal forkortes med ellipse i køen. Med `4` vil filnavnet vises som `langt-filnavn-med ... .pdf`. Med verdi `0` kommer ellipsen til slutt.",
-			category: "functionality"
-		},
-		previewUploadIntervalMs: {
-			type: "number",
-			name: "Demo: opplastingshastighet (ms/5%)",
-			description: "Kun for dokumentasjons-forhåndsvisning. Senker simulert opplasting for å demonstrere statusvisning. Gjelder kun i `uploadStrategy='custom'`.",
-			default: 100,
-			showIf: { uploadStrategy: "custom" },
-			category: "demo"
-		},
-		previewSimulateUploadError: {
-			type: "boolean",
-			name: "Demo: simuler feil ved 90% opplasting",
-			description: "Kun for dokumentasjons-forhåndsvisning. Hvis aktivert feiler simulert opplasting rundt 90%.",
-			default: !1,
-			showIf: { uploadStrategy: "custom" },
-			category: "demo"
-		},
-		previewUploadStatus: {
-			type: ["progressbar", "text"],
-			name: "Visning av opplastingstatus",
-			description: "Kun for dokumentasjons-forhåndsvisning. Vises kun når `uploadStrategy='custom'`. Status vises først etter at brukeren faktisk har valgt fil(er).",
-			default: "progressbar",
-			showIf: { uploadStrategy: "custom" },
-			category: "demo"
-		}
-	},
-	types: {
-		FileItem: {
-			description: "En valgt fil i køen. <code>FileItemList</code> er en array av <code>FileItem</code>. Brukes som parameter i callbacks som <code>onFileUploadRequested</code> og i <code>FileItemList</code> (<code>value</code> / <code>defaultValue</code>).",
-			properties: {
-				fileId: {
-					type: "string",
-					description: "Unik id for filen i komponenten."
-				},
-				file: {
-					type: "File",
-					description: "Fil-objektet fra nettleseren."
-				},
-				attributes: {
-					type: "Record<string, unknown>",
-					description: "Metadata per fil (f.eks. <code>targetFilename</code> for visningsnavn)."
-				}
-			}
-		},
-		FileTransfer: {
-			description: "Status for én pågående opplasting når <code>uploadStrategy=\"custom\"</code>.",
-			properties: {
-				fileId: {
-					type: "string",
-					description: "Kobler til <code>FileItem.fileId</code>."
-				},
-				progress: {
-					type: "number | 'done' | 'error' | 'canceled' | 'queued'",
-					description: "Fremdrift (<code>0..1</code>) eller tilstand."
-				},
-				errorMessage: {
-					type: "string",
-					description: "Feilmelding ved <code>error</code>.",
-					required: !1
-				},
-				showProgress: {
-					type: "boolean",
-					description: "Vis determinate progress vs. «Laster opp…».",
-					required: !1
-				}
-			}
-		}
-	}
-}, j = class extends a {
+//#endregion
+//#region src/components/fileupload/fileupload-base.ts
+var j = class extends a {
 	constructor(...e) {
-		super(...e), this.id = `pkt-fileupload-${l()}`, this.name = "files", this.label = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = A.props.helptextDropdownButton.default, this.required = !1, this.multiple = !1, this.disabled = !1, this.fullwidth = !1, this.uploadStrategy = "form", this.itemRenderer = "filename", this.accept = "", this.allowedFormats = [], this.formatErrorMessage = "", this.sizeErrorMessage = "", this.transfers = [], this.addCommentsEnabled = !1, this.renameFilesEnabled = !1, this.extraOperations = [], this.enableImagePreview = !1, this.hasError = !1, this.errorMessage = "", this.optionalTag = !1, this.optionalText = A.props.optionalText.default, this.requiredTag = !1, this.requiredText = A.props.requiredText.default, this.tagText = null, this.truncateTail = 4, this.files = [], this.isDragActive = !1, this.validationErrorMessage = null, this.addedAnnouncement = "", this.thumbnailUrls = {}, this.hasInitializedValue = !1, this.hasWarnedInvalidValueCombo = !1, this.thumbnailFileById = /* @__PURE__ */ new Map(), this.connectedForm = null, this.addedAnnouncementTimer = null, this.requiredSelectionMessage = d.requiredMissing, this.onNativeFileChange = (e) => {
+		super(...e), this.id = `pkt-fileupload-${f()}`, this.name = "files", this.label = "", this.helptext = "", this.helptextDropdown = "", this.required = !1, this.multiple = !1, this.disabled = !1, this.fullwidth = !1, this.uploadStrategy = "form", this.itemRenderer = "filename", this.accept = "", this.allowedFormats = [], this.formatErrorMessage = "", this.sizeErrorMessage = "", this.transfers = [], this.addCommentsEnabled = !1, this.renameFilesEnabled = !1, this.extraOperations = [], this.enableImagePreview = !1, this.hasError = !1, this.errorMessage = "", this.optionalTag = !1, this.requiredTag = !1, this.tagText = null, this.truncateTail = 4, this.files = [], this.isDragActive = !1, this.validationErrorMessage = null, this.addedAnnouncement = "", this.thumbnailUrls = {}, this.hasInitializedValue = !1, this.hasWarnedInvalidValueCombo = !1, this.thumbnailFileById = /* @__PURE__ */ new Map(), this.connectedForm = null, this.addedAnnouncementTimer = null, this.onNativeFileChange = (e) => {
 			let t = e.target;
 			this.addFiles(t.files ? Array.from(t.files) : []), this.uploadStrategy === "custom" && (t.value = "");
 		}, this.openFileDialog = (e) => {
@@ -512,6 +184,9 @@ var A = {
 			!this.required || this.uploadStrategy !== "custom" || this.getCurrentFiles().length > 0 || (this.validationErrorMessage = this.requiredSelectionMessage, e.preventDefault());
 		};
 	}
+	get requiredSelectionMessage() {
+		return this.pktStrings.get("fileupload").requiredMissing;
+	}
 	get isControlled() {
 		return this.value !== void 0;
 	}
@@ -567,13 +242,13 @@ var A = {
 		}
 		this.validationErrorMessage = null;
 		let n = t.map((e) => ({
-			fileId: l(),
+			fileId: f(),
 			file: e,
 			attributes: { targetFilename: e.name }
-		}));
-		this.setAddedAnnouncement(n.length === 1 ? d.srFileAdded(n[0].attributes.targetFilename) : d.srFilesAdded(n.length));
-		let r = this.getCurrentFiles(), i = this.multiple ? [...r, ...n] : [n[0]];
-		this.commitFiles(i, "add", n.map((e) => e.fileId)), this.uploadStrategy === "custom" && n.forEach((e) => {
+		})), r = this.pktStrings.get("fileupload");
+		this.setAddedAnnouncement(n.length === 1 ? l(r.srFileAdded, { filename: n[0].attributes.targetFilename }) : l(r.srFilesAdded, { count: n.length }));
+		let i = this.getCurrentFiles(), a = this.multiple ? [...i, ...n] : [n[0]];
+		this.commitFiles(a, "add", n.map((e) => e.fileId)), this.uploadStrategy === "custom" && n.forEach((e) => {
 			this.dispatchEvent(new CustomEvent("file-upload-requested", {
 				detail: {
 					fileId: e.fileId,
@@ -635,22 +310,22 @@ var A = {
 		return this.transfers.find((t) => t.fileId === e);
 	}
 	isImageFile(e) {
-		return C(e);
+		return T(e);
 	}
 	formatFileSize(e) {
-		return p(e);
+		return h(e);
 	}
 	getResolvedAcceptValue() {
-		return v(this.accept, this.allowedFormats);
+		return b(this.accept, this.allowedFormats);
 	}
 	getSupportedFormatsText() {
-		return b(this.allowedFormats, this.accept);
+		return S(this.allowedFormats, this.accept);
 	}
 	getSortedFilesAndTransfers() {
-		return T(this.getCurrentFiles(), this.transfers, this.uploadStrategy);
+		return ee(this.getCurrentFiles(), this.transfers, this.uploadStrategy);
 	}
 	validateFile(e) {
-		let t = S(e, {
+		let t = w(e, {
 			allowedFormats: this.allowedFormats,
 			maxFileSize: this.maxFileSize,
 			formatErrorMessage: this.formatErrorMessage,
@@ -667,7 +342,7 @@ var A = {
 			composed: !0,
 			cancelable: !0
 		});
-		return this.dispatchEvent(r), n.errorMessage ? n.errorMessage : r.defaultPrevented ? d.genericValidationRejection : null;
+		return this.dispatchEvent(r), n.errorMessage ? n.errorMessage : r.defaultPrevented ? this.pktStrings.get("fileupload").genericValidationRejection : null;
 	}
 	syncThumbnailUrls(e) {
 		if (!(typeof URL < "u" && typeof URL.createObjectURL == "function" && typeof URL.revokeObjectURL == "function")) {
@@ -701,12 +376,24 @@ var A = {
 	}
 	getSrUploadedMessage() {
 		if (this.addedAnnouncement) return this.addedAnnouncement;
-		let { totalCount: e, uploadedCount: t } = O(this.getCurrentFiles(), this.transfers);
-		return e === 0 || t === 0 ? "" : d.srFilesUploadedOfTotal(t, e, d.fileLabel(e));
+		let { totalCount: e, uploadedCount: t } = k(this.getCurrentFiles(), this.transfers);
+		if (e === 0 || t === 0) return "";
+		let n = this.pktStrings.get("fileupload");
+		return l(n.srFilesUploadedOfTotal, {
+			uploaded: t,
+			total: e,
+			label: c(e, n.fileLabelOne, n.fileLabelOther)
+		});
 	}
 	getSrErrorsMessage() {
-		let { totalCount: e, failedCount: t } = O(this.getCurrentFiles(), this.transfers);
-		return e === 0 || t === 0 ? "" : d.srFilesFailedOfTotal(t, e, d.fileLabel(e));
+		let { totalCount: e, failedCount: t } = k(this.getCurrentFiles(), this.transfers);
+		if (e === 0 || t === 0) return "";
+		let n = this.pktStrings.get("fileupload");
+		return l(n.srFilesFailedOfTotal, {
+			failed: t,
+			total: e,
+			label: c(e, n.fileLabelOne, n.fileLabelOther)
+		});
 	}
 	syncFormSubmitListener() {
 		let e = this.closest("form");
@@ -716,77 +403,77 @@ var A = {
 		this.connectedForm &&= (this.connectedForm.removeEventListener("submit", this.onHostFormSubmit), null);
 	}
 };
-t([n({ type: String })], j.prototype, "id", void 0), t([n({ type: String })], j.prototype, "name", void 0), t([n({ type: String })], j.prototype, "label", void 0), t([n({ type: String })], j.prototype, "helptext", void 0), t([n({
+r([o({ type: String })], j.prototype, "id", void 0), r([o({ type: String })], j.prototype, "name", void 0), r([o({ type: String })], j.prototype, "label", void 0), r([o({ type: String })], j.prototype, "helptext", void 0), r([o({
 	type: String,
 	attribute: "helptext-dropdown"
-})], j.prototype, "helptextDropdown", void 0), t([n({
+})], j.prototype, "helptextDropdown", void 0), r([o({
 	type: String,
 	attribute: "helptext-dropdown-button"
-})], j.prototype, "helptextDropdownButton", void 0), t([n({
+})], j.prototype, "helptextDropdownButton", void 0), r([o({
 	type: Boolean,
 	reflect: !0
-})], j.prototype, "required", void 0), t([n({
+})], j.prototype, "required", void 0), r([o({
 	type: Boolean,
 	reflect: !0
-})], j.prototype, "multiple", void 0), t([n({
+})], j.prototype, "multiple", void 0), r([o({
 	type: Boolean,
 	reflect: !0
-})], j.prototype, "disabled", void 0), t([n({
+})], j.prototype, "disabled", void 0), r([o({
 	type: Boolean,
 	reflect: !0,
 	attribute: "fullwidth"
-})], j.prototype, "fullwidth", void 0), t([n({
+})], j.prototype, "fullwidth", void 0), r([o({
 	type: String,
 	reflect: !0,
 	attribute: "upload-strategy"
-})], j.prototype, "uploadStrategy", void 0), t([n({
+})], j.prototype, "uploadStrategy", void 0), r([o({
 	type: String,
 	reflect: !0,
 	attribute: "item-renderer"
-})], j.prototype, "itemRenderer", void 0), t([n({ type: String })], j.prototype, "accept", void 0), t([n({
-	converter: c.csvToArray,
+})], j.prototype, "itemRenderer", void 0), r([o({ type: String })], j.prototype, "accept", void 0), r([o({
+	converter: d.csvToArray,
 	attribute: "allowed-formats"
-})], j.prototype, "allowedFormats", void 0), t([n({
+})], j.prototype, "allowedFormats", void 0), r([o({
 	type: String,
 	attribute: "format-error-message"
-})], j.prototype, "formatErrorMessage", void 0), t([n({ attribute: "max-file-size" })], j.prototype, "maxFileSize", void 0), t([n({
+})], j.prototype, "formatErrorMessage", void 0), r([o({ attribute: "max-file-size" })], j.prototype, "maxFileSize", void 0), r([o({
 	type: String,
 	attribute: "size-error-message"
-})], j.prototype, "sizeErrorMessage", void 0), t([n({ attribute: !1 })], j.prototype, "onFileValidation", void 0), t([n({ attribute: !1 })], j.prototype, "transfers", void 0), t([n({
+})], j.prototype, "sizeErrorMessage", void 0), r([o({ attribute: !1 })], j.prototype, "onFileValidation", void 0), r([o({ attribute: !1 })], j.prototype, "transfers", void 0), r([o({
 	type: Boolean,
 	attribute: "add-comments-enabled"
-})], j.prototype, "addCommentsEnabled", void 0), t([n({
+})], j.prototype, "addCommentsEnabled", void 0), r([o({
 	type: Boolean,
 	attribute: "rename-files-enabled"
-})], j.prototype, "renameFilesEnabled", void 0), t([n({ attribute: !1 })], j.prototype, "extraOperations", void 0), t([n({
+})], j.prototype, "renameFilesEnabled", void 0), r([o({ attribute: !1 })], j.prototype, "extraOperations", void 0), r([o({
 	type: Boolean,
 	reflect: !0,
 	attribute: "enable-image-preview"
-})], j.prototype, "enableImagePreview", void 0), t([n({
+})], j.prototype, "enableImagePreview", void 0), r([o({
 	type: Boolean,
 	attribute: "has-error"
-})], j.prototype, "hasError", void 0), t([n({
+})], j.prototype, "hasError", void 0), r([o({
 	type: String,
 	attribute: "error-message"
-})], j.prototype, "errorMessage", void 0), t([n({
+})], j.prototype, "errorMessage", void 0), r([o({
 	type: Boolean,
 	attribute: "optional-tag"
-})], j.prototype, "optionalTag", void 0), t([n({
+})], j.prototype, "optionalTag", void 0), r([o({
 	type: String,
 	attribute: "optional-text"
-})], j.prototype, "optionalText", void 0), t([n({
+})], j.prototype, "optionalText", void 0), r([o({
 	type: Boolean,
 	attribute: "required-tag"
-})], j.prototype, "requiredTag", void 0), t([n({
+})], j.prototype, "requiredTag", void 0), r([o({
 	type: String,
 	attribute: "required-text"
-})], j.prototype, "requiredText", void 0), t([n({
+})], j.prototype, "requiredText", void 0), r([o({
 	type: String,
 	attribute: "tag-text"
-})], j.prototype, "tagText", void 0), t([n({
+})], j.prototype, "tagText", void 0), r([o({
 	type: Number,
 	attribute: "truncate-tail"
-})], j.prototype, "truncateTail", void 0), t([n({ attribute: !1 })], j.prototype, "value", void 0), t([n({ attribute: !1 })], j.prototype, "defaultValue", void 0), t([e()], j.prototype, "files", void 0), t([e()], j.prototype, "isDragActive", void 0), t([e()], j.prototype, "validationErrorMessage", void 0), t([e()], j.prototype, "addedAnnouncement", void 0), t([e()], j.prototype, "thumbnailUrls", void 0);
+})], 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) => {
@@ -805,25 +492,25 @@ var M = "comments", N = (e) => {
 	id: "rename",
 	title: "Rediger",
 	ariaLabel: "Rediger filnavn",
-	renderInlineUI: (e) => {
-		let t = e.getAttribute("targetFilename") || e.file.attributes?.targetFilename || e.file.file?.name || "", n = `pkt-fileupload-rename-${e.file.fileId}`, i = () => {
-			let t = document.getElementById(n)?.value?.trim();
-			t && e.setAttribute("targetFilename", t), e.close();
+	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();
 		};
-		return r`
-      <label for=${n} class="pkt-sr-only">Endre filnavn</label>
+		return e`
+      <label for=${r} class="pkt-sr-only">Endre filnavn</label>
       <input
-        id=${n}
+        id=${r}
         type="text"
         class="pkt-fileupload__queue-display__item__rename-input"
-        ?disabled=${e.disabled}
-        .value=${t}
-        @keydown=${(t) => P(t, i, e.close)}
+        ?disabled=${t.disabled}
+        .value=${n}
+        @keydown=${(e) => P(e, i, t.close)}
       />
       <button
         type="button"
         class="pkt-btn pkt-btn--secondary pkt-btn--small"
-        ?disabled=${e.disabled}
+        ?disabled=${t.disabled}
         @click=${i}
       >
         Lagre
@@ -831,78 +518,78 @@ var M = "comments", N = (e) => {
       <button
         type="button"
         class="pkt-btn pkt-btn--tertiary pkt-btn--small"
-        ?disabled=${e.disabled}
-        @click=${e.close}
+        ?disabled=${t.disabled}
+        @click=${t.close}
       >
         Avbryt
       </button>
     `;
 	},
-	renderHidden: (e) => {
-		let t = e.getAttribute("targetFilename") || e.file.attributes?.targetFilename || e.file.file?.name || "";
-		return r`<input
+	renderHidden: (t) => {
+		let n = t.getAttribute("targetFilename") || t.file.attributes?.targetFilename || t.file.file?.name || "";
+		return e`<input
       type="hidden"
-      name=${`${e.inputName}-targetFilename`}
-      value=${t}
+      name=${`${t.inputName}-targetFilename`}
+      value=${n}
     />`;
 	}
 }), R = () => ({
 	id: "comment",
 	title: (e) => (e.attributes?.[M] ?? []).length > 0 ? "" : "Legg til kommentar",
 	ariaLabel: "Legg til kommentar",
-	renderExtendedUI: (e) => {
-		let t = (e.getAttribute(M) ?? [])[0], n = `pkt-fileupload-comment-${e.file.fileId}`, i = () => {
-			let t = document.getElementById(n)?.value?.trim();
-			t && e.setAttribute(M, [{
-				text: t,
+	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, [{
+				text: e,
 				timestamp: (/* @__PURE__ */ new Date()).toISOString()
-			}]), e.close();
+			}]), t.close();
 		};
-		return r`
-      <label for=${n} class="pkt-fileupload__queue-display__item__comment-label">
-        ${t ? "Rediger kommentar" : "Legg til kommentar"}
+		return e`
+      <label for=${r} class="pkt-fileupload__queue-display__item__comment-label">
+        ${n ? "Rediger kommentar" : "Legg til kommentar"}
       </label>
       <textarea
-        id=${n}
+        id=${r}
         class="pkt-fileupload__queue-display__item__comment-input"
-        ?disabled=${e.disabled}
-        .value=${t?.text ?? ""}
+        ?disabled=${t.disabled}
+        .value=${n?.text ?? ""}
         rows="2"
         placeholder="Skriv inn kommentar"
-        @keydown=${(t) => F(t, i, e.close)}
+        @keydown=${(e) => F(e, i, t.close)}
       ></textarea>
       <button
         type="button"
         class="pkt-btn pkt-btn--secondary pkt-btn--small"
-        ?disabled=${e.disabled}
+        ?disabled=${t.disabled}
         @click=${i}
       >
-        ${t ? "Lagre kommentar" : "Legg til kommentar"}
+        ${n ? "Lagre kommentar" : "Legg til kommentar"}
       </button>
       <button
         type="button"
         class="pkt-btn pkt-btn--tertiary pkt-btn--small"
-        ?disabled=${e.disabled}
-        @click=${e.close}
+        ?disabled=${t.disabled}
+        @click=${t.close}
       >
         Avbryt
       </button>
     `;
 	},
-	renderContent: (e) => {
-		if (e.isActive) return null;
-		let t = e.getAttribute(M) ?? [];
-		if (t.length === 0) return null;
-		let n = t[0];
-		return r`
+	renderContent: (t) => {
+		if (t.isActive) return null;
+		let n = t.getAttribute(M) ?? [];
+		if (n.length === 0) return null;
+		let r = n[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">
-              ${n.text}
+              ${r.text}
             </span>
             <time class="pkt-fileupload__queue-display__item__comment__time">
-              ${N(n.timestamp)}
+              ${N(r.timestamp)}
             </time>
           </div>
           <div class="pkt-fileupload__queue-display__item__comment__actions">
@@ -910,8 +597,8 @@ var M = "comments", N = (e) => {
               type="button"
               class="pkt-fileupload__queue-display__item__comment__action"
               aria-label="Rediger kommentar"
-              ?disabled=${e.disabled}
-              @click=${e.activate}
+              ?disabled=${t.disabled}
+              @click=${t.activate}
             >
               <pkt-icon name="edit"></pkt-icon>
             </button>
@@ -919,8 +606,8 @@ var M = "comments", N = (e) => {
               type="button"
               class="pkt-fileupload__queue-display__item__comment__action"
               aria-label="Slett kommentar"
-              ?disabled=${e.disabled}
-              @click=${() => e.setAttribute(M, void 0)}
+              ?disabled=${t.disabled}
+              @click=${() => t.setAttribute(M, void 0)}
             >
               <pkt-icon name="trash-can"></pkt-icon>
             </button>
@@ -929,31 +616,31 @@ var M = "comments", N = (e) => {
       </div>
     `;
 	},
-	renderHidden: (e) => {
-		let t = e.getAttribute(M);
-		return r`<input
+	renderHidden: (t) => {
+		let n = t.getAttribute(M);
+		return e`<input
       type="hidden"
-      name=${`${e.inputName}-comments`}
-      value=${t ? JSON.stringify(t) : ""}
+      name=${`${t.inputName}-comments`}
+      value=${n ? JSON.stringify(n) : ""}
     />`;
 	}
-}), z = (e, t) => {
-	let n = E(e, t);
-	return n ? r`<span
+}), z = (t, n) => {
+	let r = D(t, n);
+	return r ? e`<span
       class="pkt-fileupload__queue-display__item__title__head"
       data-pkt-truncate-part="first"
-      >${n.head}</span
+      >${r.head}</span
     ><span
       class="pkt-fileupload__queue-display__item__title__tail"
       data-pkt-truncate-part="tail"
-      >${n.tail}</span
-    >` : r`<span data-pkt-truncate-part="first">${e}</span>`;
-}, B = (e, t, n) => r`
+      >${r.tail}</span
+    >` : e`<span data-pkt-truncate-part="first">${t}</span>`;
+}, B = (t, n, r) => e`
   <p class="pkt-fileupload__queue-display__item__title">
-    ${z(e, n)}${t ? r`<span class="pkt-fileupload__queue-display__item__filesize"> (${t})</span>` : null}
+    ${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 = (e) => r`<span class="pkt-fileupload__queue-display__item__loading-text" aria-label="Laster opp fil"
-    >${e ?? "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="Laster opp fil"
+    >${t ?? "Laster opp..."}</span
   >`, U = ({ operationId: e, file: t, inputName: n, disabled: r, isActive: i, onActivateOperation: a, onCloseOperation: o, getFileAttribute: s, setFileAttribute: c }) => ({
 	file: t,
 	inputName: n,
@@ -963,25 +650,25 @@ 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: e, fileSize: t, disabled: n, transferProgress: i, transferShowProgress: a, loadingText: o, truncateTail: s, onCancel: c, iconName: l = "document-text" }) => {
-	let u = k(e), d = a ?? i !== 0;
-	return r`
+}), W = ({ file: t, fileSize: n, disabled: r, transferProgress: i, transferShowProgress: a, loadingText: o, truncateTail: s, onCancel: c, iconName: l = "document-text" }) => {
+	let u = A(t), d = a ?? i !== 0;
+	return e`
     <pkt-icon
       name=${l}
       class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
       aria-hidden="true"
     ></pkt-icon>
-    ${B(u, t, s)}
+    ${B(u, n, s)}
     <button
       type="button"
       class="pkt-fileupload__queue-display__item__cancel-button"
       aria-label="Avbryt opplasting"
-      ?disabled=${n}
-      @click=${() => c(e.fileId)}
+      ?disabled=${r}
+      @click=${() => c(t.fileId)}
     >
       Avbryt
     </button>
-    ${d ? r`
+    ${d ? e`
           <pkt-progressbar
             class="pkt-fileupload__queue-display__item__progress"
             valueCurrent=${Math.round(i * 100)}
@@ -994,25 +681,25 @@ var M = "comments", N = (e) => {
           >
         ` : H(o)}
   `;
-}, G = ({ file: e, fileSize: t, disabled: n, transferShowProgress: i, transferLastProgress: a, transferErrorMessage: o, truncateTail: s, onCancel: c }) => {
-	let l = k(e), u = !!i, d = Math.round((a ?? 1) * 100);
-	return r`
+}, 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);
+	return e`
     <pkt-icon
       name="alert-error"
       class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
       aria-hidden="true"
     ></pkt-icon>
-    ${B(l, t, s)}
+    ${B(l, n, s)}
     <button
       type="button"
       class="pkt-fileupload__queue-display__item__cancel-button"
       aria-label="Fjern fil som feilet under opplasting"
-      ?disabled=${n}
-      @click=${() => c(e.fileId)}
+      ?disabled=${r}
+      @click=${() => c(t.fileId)}
     >
       Fjern
     </button>
-    ${u ? r`
+    ${u ? e`
           <pkt-progressbar
             class="pkt-fileupload__queue-display__item__progress pkt-fileupload__queue-display__item__progress--error"
             valueCurrent=${d}
@@ -1021,32 +708,32 @@ var M = "comments", N = (e) => {
             statusPlacement="following"
           ></pkt-progressbar>
         ` : null}
-    ${o ? r`<span class="pkt-fileupload__queue-display__item__error-message"
+    ${o ? e`<span class="pkt-fileupload__queue-display__item__error-message"
           >${o}</span
         >` : null}
   `;
-}, K = ({ file: e, disabled: t, inputName: n, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: c, getFileAttribute: l, setFileAttribute: u }) => {
+}, K = ({ file: t, disabled: n, inputName: r, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => {
 	let d = i.find((e) => e.id === a);
 	if (d?.renderInlineUI || d?.renderExtendedUI) return null;
 	let f = i.map((i) => {
 		let d = U({
 			operationId: i.id,
-			file: e,
-			inputName: n,
-			disabled: t,
+			file: t,
+			inputName: r,
+			disabled: n,
 			isActive: i.id === a,
 			onActivateOperation: o,
-			onCloseOperation: c,
-			getFileAttribute: l,
-			setFileAttribute: u
-		}), f = typeof i.title == "function" ? i.title(e) : i.title;
+			onCloseOperation: s,
+			getFileAttribute: c,
+			setFileAttribute: l
+		}), f = typeof i.title == "function" ? i.title(t) : i.title;
 		if (!f) return null;
-		let p = typeof i.ariaLabel == "function" ? i.ariaLabel(e) : i.ariaLabel;
-		return r`<button
+		let p = typeof i.ariaLabel == "function" ? i.ariaLabel(t) : i.ariaLabel;
+		return e`<button
         type="button"
         class="pkt-fileupload__queue-display__item__operation"
-        aria-label=${s(p)}
-        ?disabled=${t}
+        aria-label=${u(p)}
+        ?disabled=${n}
         @click=${() => {
 			(i.renderInlineUI || i.renderExtendedUI) && d.activate(), i.onClick?.(d);
 		}}
@@ -1054,39 +741,39 @@ var M = "comments", N = (e) => {
         ${f}
       </button>`;
 	}).filter(Boolean);
-	return f.length === 0 ? null : r`<div class="pkt-fileupload__queue-display__item__actions">${f}</div>`;
-}, q = ({ file: e, disabled: t, inputName: n, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => i.map((i) => {
+	return f.length === 0 ? null : e`<div class="pkt-fileupload__queue-display__item__actions">${f}</div>`;
+}, q = ({ file: t, disabled: n, inputName: r, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => i.map((i) => {
 	if (!i.renderContent) return null;
 	let u = U({
 		operationId: i.id,
-		file: e,
-		inputName: n,
-		disabled: t,
+		file: t,
+		inputName: r,
+		disabled: n,
 		isActive: i.id === a,
 		onActivateOperation: o,
 		onCloseOperation: s,
 		getFileAttribute: c,
 		setFileAttribute: l
 	}), d = i.renderContent(u);
-	return d == null ? null : r`<div class="pkt-fileupload__queue-display__item__operation-content">
+	return d == null ? null : e`<div class="pkt-fileupload__queue-display__item__operation-content">
       ${d}
     </div>`;
-}), J = ({ file: e, disabled: t, inputName: n, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => {
+}), J = ({ file: t, disabled: n, inputName: r, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => {
 	if (!a) return null;
 	let u = i.find((e) => e.id === a);
 	if (!u?.renderExtendedUI) return null;
 	let d = U({
 		operationId: u.id,
-		file: e,
-		inputName: n,
-		disabled: t,
+		file: t,
+		inputName: r,
+		disabled: n,
 		isActive: !0,
 		onActivateOperation: o,
 		onCloseOperation: s,
 		getFileAttribute: c,
 		setFileAttribute: l
 	});
-	return r`<div class="pkt-fileupload__queue-display__item__expanded-operation-ui">
+	return e`<div class="pkt-fileupload__queue-display__item__expanded-operation-ui">
     ${u.renderExtendedUI(d)}
   </div>`;
 }, Y = ({ file: e, disabled: t, inputName: n, operations: r, activeOperationId: i, onActivateOperation: a, onCloseOperation: o, getFileAttribute: s, setFileAttribute: c }) => r.map((r) => {
@@ -1103,45 +790,45 @@ var M = "comments", N = (e) => {
 		setFileAttribute: c
 	});
 	return r.renderHidden(l);
-}), X = (e, t, n) => {
-	let i = k(e);
-	return r`
+}), X = (t, n, r) => {
+	let i = A(t);
+	return e`
     <pkt-icon
       name="document-text"
       class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
       aria-hidden="true"
     ></pkt-icon>
-    ${B(i, t, n)}
+    ${B(i, n, r)}
   `;
-}, Z = ({ file: e, thumbnailUrl: t, previewEnabled: n, canOpenPreview: i, truncateTail: a, onOpenPreview: c, onThumbnailImageError: l }) => {
-	let u = k(e), d = !!t, f = !!n && !!i, p = f && !!c;
-	return r`
+}, Z = ({ file: t, thumbnailUrl: n, previewEnabled: r, canOpenPreview: a, truncateTail: o, onOpenPreview: c, onThumbnailImageError: d }) => {
+	let f = A(t), p = !!n, m = !!r && !!a, h = m && !!c;
+	return e`
     <div
-      class=${o({
+      class=${s({
 		"pkt-fileupload__queue-display__item__thumbnail": !0,
-		"pkt-fileupload__queue-display__item__thumbnail--fallback": !d
+		"pkt-fileupload__queue-display__item__thumbnail--fallback": !p
 	})}
     >
       <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=${`Forhåndsvis bilde ${u}`}
-        ?disabled=${!p}
+        aria-label=${l(i.fileupload.previewImage, { filename: f })}
+        ?disabled=${!h}
         @click=${() => {
-		!p || !c || c(e.fileId);
+		!h || !c || c(t.fileId);
 	}}
       >
         <span class="pkt-btn__text">
-          ${f ? r`<pkt-icon
+          ${m ? e`<pkt-icon
                 name="expand"
                 class="pkt-fileupload__queue-display__item__thumbnail__expand-icon"
                 aria-hidden="true"
               ></pkt-icon>` : null}
-          ${d ? r`<img
-                src=${s(t)}
-                alt=${u}
-                @error=${() => l?.(e.fileId)}
-              />` : r`<pkt-icon
+          ${p ? e`<img
+                src=${u(n)}
+                alt=${f}
+                @error=${() => d?.(t.fileId)}
+              />` : e`<pkt-icon
                 name="document-text"
                 class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
                 aria-hidden="true"
@@ -1149,25 +836,25 @@ var M = "comments", N = (e) => {
         </span>
       </button>
       <span class="pkt-fileupload__queue-display__item__thumbnail__title"
-        >${z(u, a)}</span
+        >${z(f, o)}</span
       >
     </div>
   `;
-}, Q = ({ file: e, inputName: t, disabled: n, fileSize: i, operations: a, activeOperationId: s, onActivateOperation: c, onCloseOperation: l, getFileAttribute: u, setFileAttribute: d, transferProgress: f, transferErrorMessage: p, transferShowProgress: m, transferLastProgress: h, loadingText: g, truncateTail: _, onCancel: v }) => {
-	let y = V(f), b = a.find((e) => e.id === s), x = b?.renderInlineUI ? b.renderInlineUI(U({
+}, 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 }) => {
+	let y = V(f), b = a.find((e) => e.id === o), x = b?.renderInlineUI ? b.renderInlineUI(U({
 		operationId: b.id,
-		file: e,
-		inputName: t,
-		disabled: n,
+		file: t,
+		inputName: n,
+		disabled: r,
 		isActive: !0,
 		onActivateOperation: c,
 		onCloseOperation: l,
 		getFileAttribute: u,
 		setFileAttribute: d
 	})) : null;
-	return r`
+	return e`
     <li
-      class=${o({
+      class=${s({
 		"pkt-fileupload__queue-display__item": !0,
 		"pkt-fileupload__queue-display__item--in-progress": y === "in-progress",
 		"pkt-fileupload__queue-display__item--error": y === "error",
@@ -1175,35 +862,35 @@ var M = "comments", N = (e) => {
 	})}
     >
       ${Y({
-		file: e,
-		disabled: n,
-		inputName: t,
+		file: t,
+		disabled: r,
+		inputName: n,
 		operations: a,
-		activeOperationId: s,
+		activeOperationId: o,
 		onActivateOperation: c,
 		onCloseOperation: l,
 		getFileAttribute: u,
 		setFileAttribute: d
 	})}
       ${y === "in-progress" ? W({
-		file: e,
+		file: t,
 		fileSize: i,
-		disabled: n,
+		disabled: r,
 		transferProgress: f,
 		transferShowProgress: m,
 		loadingText: g,
 		truncateTail: _,
 		onCancel: v
 	}) : y === "error" ? G({
-		file: e,
+		file: t,
 		fileSize: i,
-		disabled: n,
+		disabled: r,
 		transferShowProgress: m,
 		transferLastProgress: h,
 		transferErrorMessage: p,
 		truncateTail: _,
 		onCancel: v
-	}) : x ? r`
+	}) : x ? e`
                 <pkt-icon
                   name="document-text"
                   class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
@@ -1212,35 +899,35 @@ var M = "comments", N = (e) => {
                 <div class="pkt-fileupload__queue-display__item__inline-ui">
                   ${x}
                 </div>
-              ` : X(e, i, _)}
+              ` : X(t, i, _)}
       ${y === "idle" ? K({
-		file: e,
-		disabled: n,
-		inputName: t,
+		file: t,
+		disabled: r,
+		inputName: n,
 		operations: a,
-		activeOperationId: s,
+		activeOperationId: o,
 		onActivateOperation: c,
 		onCloseOperation: l,
 		getFileAttribute: u,
 		setFileAttribute: d
 	}) : null}
       ${y === "idle" ? q({
-		file: e,
-		disabled: n,
-		inputName: t,
+		file: t,
+		disabled: r,
+		inputName: n,
 		operations: a,
-		activeOperationId: s,
+		activeOperationId: o,
 		onActivateOperation: c,
 		onCloseOperation: l,
 		getFileAttribute: u,
 		setFileAttribute: d
 	}) : null}
       ${y === "idle" ? J({
-		file: e,
-		disabled: n,
-		inputName: t,
+		file: t,
+		disabled: r,
+		inputName: n,
 		operations: a,
-		activeOperationId: s,
+		activeOperationId: o,
 		onActivateOperation: c,
 		onCloseOperation: l,
 		getFileAttribute: u,
@@ -1248,21 +935,21 @@ var M = "comments", N = (e) => {
 	}) : null}
     </li>
   `;
-}, ee = ({ file: e, inputName: t, disabled: n, fileSize: i, thumbnailUrl: a, previewEnabled: s, 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, loadingText: 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: e,
-		inputName: t,
-		disabled: n,
+		file: t,
+		inputName: n,
+		disabled: r,
 		isActive: !0,
 		onActivateOperation: d,
 		onCloseOperation: f,
 		getFileAttribute: p,
 		setFileAttribute: m
 	})) : null;
-	return r`
+	return e`
     <li
-      class=${o({
+      class=${s({
 		"pkt-fileupload__queue-display__item": !0,
 		"pkt-fileupload__queue-display__item--in-progress": w === "in-progress",
 		"pkt-fileupload__queue-display__item--error": w === "error",
@@ -1270,9 +957,9 @@ var M = "comments", N = (e) => {
 	})}
     >
       ${Y({
-		file: e,
-		disabled: n,
-		inputName: t,
+		file: t,
+		disabled: r,
+		inputName: n,
 		operations: l,
 		activeOperationId: u,
 		onActivateOperation: d,
@@ -1281,9 +968,9 @@ var M = "comments", N = (e) => {
 		setFileAttribute: m
 	})}
       ${w === "in-progress" ? W({
-		file: e,
+		file: t,
 		fileSize: i,
-		disabled: n,
+		disabled: r,
 		transferProgress: h,
 		transferShowProgress: _,
 		loadingText: y,
@@ -1291,15 +978,15 @@ var M = "comments", N = (e) => {
 		onCancel: x,
 		iconName: "picture"
 	}) : w === "error" ? G({
-		file: e,
+		file: t,
 		fileSize: i,
-		disabled: n,
+		disabled: r,
 		transferShowProgress: _,
 		transferLastProgress: v,
 		transferErrorMessage: g,
 		truncateTail: b,
 		onCancel: x
-	}) : E ? r`
+	}) : E ? e`
                 <pkt-icon
                   name="picture"
                   class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
@@ -1309,18 +996,18 @@ var M = "comments", N = (e) => {
                   ${E}
                 </div>
               ` : Z({
-		file: e,
+		file: t,
 		thumbnailUrl: a,
-		previewEnabled: s,
+		previewEnabled: o,
 		canOpenPreview: c,
 		truncateTail: b,
 		onOpenPreview: S,
 		onThumbnailImageError: C
 	})}
       ${w === "idle" ? K({
-		file: e,
-		disabled: n,
-		inputName: t,
+		file: t,
+		disabled: r,
+		inputName: n,
 		operations: l,
 		activeOperationId: u,
 		onActivateOperation: d,
@@ -1329,9 +1016,9 @@ var M = "comments", N = (e) => {
 		setFileAttribute: m
 	}) : null}
       ${w === "idle" ? q({
-		file: e,
-		disabled: n,
-		inputName: t,
+		file: t,
+		disabled: r,
+		inputName: n,
 		operations: l,
 		activeOperationId: u,
 		onActivateOperation: d,
@@ -1340,9 +1027,9 @@ var M = "comments", N = (e) => {
 		setFileAttribute: m
 	}) : null}
       ${w === "idle" ? J({
-		file: e,
-		disabled: n,
-		inputName: t,
+		file: t,
+		disabled: r,
+		inputName: n,
 		operations: l,
 		activeOperationId: u,
 		onActivateOperation: d,
@@ -1359,7 +1046,7 @@ var M = "comments", N = (e) => {
 		}, this.onPreviewKeyDown = (e, t) => {
 			if (this.isPreviewModalOpen) {
 				if (e.key === "Tab") {
-					u(e, e.currentTarget);
+					p(e, e.currentTarget);
 					return;
 				}
 				switch (e.key) {
@@ -1378,9 +1065,10 @@ var M = "comments", N = (e) => {
 		super.updated(e), this.classList.add("pkt-fileupload-component");
 	}
 	render() {
-		let e = this.renderContent();
-		return this.label ? r`
+		let t = this.renderContent();
+		return this.label ? e`
       <pkt-input-wrapper
+        .strings=${this.strings}
         .forId=${`${this.id}-input`}
         .label=${this.label}
         .helptext=${this.helptext}
@@ -1393,36 +1081,36 @@ var M = "comments", N = (e) => {
         ?requiredTag=${this.requiredTag}
         .requiredText=${this.requiredText}
         .tagText=${this.tagText}
-        class=${o({
+        class=${s({
 			"pkt-fileupload-wrapper": !0,
 			"pkt-fileupload-wrapper--full-width": this.fullwidth
 		})}
       >
-        ${e}
+        ${t}
       </pkt-input-wrapper>
-    ` : e;
+    ` : t;
 	}
 	renderContent() {
-		let e = this.getSortedFilesAndTransfers(), t = this.getPreviewableImages(e), n = this.getSupportedFormatsText(), i = [!this.label && this.helptext ? `${this.id}-helptext` : void 0, this.hasEffectiveError ? `${this.id}-error` : void 0].filter(Boolean).join(" ") || void 0, a = this.itemRenderer === "thumbnail" ? this.multiple ? {
-			dragInactive: d.dropZoneDragMultipleThumbnail,
-			dragActive: d.dropZoneDragActiveMultipleThumbnail,
-			openFileDialog: d.dropZoneOpenFileDialogMultipleThumbnail
+		let t = this.getSortedFilesAndTransfers(), n = this.getPreviewableImages(t), r = this.pktStrings.get("fileupload"), i = this.getSupportedFormatsText(), a = [!this.label && this.helptext ? `${this.id}-helptext` : void 0, this.hasEffectiveError ? `${this.id}-error` : void 0].filter(Boolean).join(" ") || void 0, o = this.itemRenderer === "thumbnail" ? this.multiple ? {
+			dragInactive: r.dropZoneDragMultipleThumbnail,
+			dragActive: r.dropZoneDragActiveMultipleThumbnail,
+			openFileDialog: r.dropZoneOpenFileDialogMultipleThumbnail
 		} : {
-			dragInactive: d.dropZoneDragSingleThumbnail,
-			dragActive: d.dropZoneDragActiveSingleThumbnail,
-			openFileDialog: d.dropZoneOpenFileDialogSingleThumbnail
+			dragInactive: r.dropZoneDragSingleThumbnail,
+			dragActive: r.dropZoneDragActiveSingleThumbnail,
+			openFileDialog: r.dropZoneOpenFileDialogSingleThumbnail
 		} : this.multiple ? {
-			dragInactive: d.dropZoneDragMultiple,
-			dragActive: d.dropZoneDragActiveMultiple,
-			openFileDialog: d.dropZoneOpenFileDialogMultiple
+			dragInactive: r.dropZoneDragMultiple,
+			dragActive: r.dropZoneDragActiveMultiple,
+			openFileDialog: r.dropZoneOpenFileDialogMultiple
 		} : {
-			dragInactive: d.dropZoneDragSingle,
-			dragActive: d.dropZoneDragActiveSingle,
-			openFileDialog: d.dropZoneOpenFileDialogSingle
+			dragInactive: r.dropZoneDragSingle,
+			dragActive: r.dropZoneDragActiveSingle,
+			openFileDialog: r.dropZoneOpenFileDialogSingle
 		};
-		return r`
+		return e`
       <div
-        class=${o({
+        class=${s({
 			"pkt-fileupload": !0,
 			"pkt-fileupload--full-width": this.fullwidth,
 			"pkt-fileupload--error": this.hasEffectiveError,
@@ -1438,7 +1126,7 @@ var M = "comments", N = (e) => {
           ${this.getSrErrorsMessage()}
         </div>
         <div
-          class=${o({
+          class=${s({
 			"pkt-fileupload__drop-zone": !0,
 			"pkt-fileupload__drop-zone--drag-active": this.isDragActive,
 			"pkt-fileupload__drop-zone--disabled": this.disabled
@@ -1451,18 +1139,18 @@ var M = "comments", N = (e) => {
           <input
             id=${`${this.id}-input`}
             type="file"
-            name=${s(this.uploadStrategy === "form" ? this.name : void 0)}
+            name=${u(this.uploadStrategy === "form" ? this.name : void 0)}
             ?multiple=${this.multiple}
             ?disabled=${this.disabled}
             ?required=${this.required && this.uploadStrategy === "form"}
             accept=${this.getResolvedAcceptValue()}
-            aria-label=${s(this.label ? void 0 : this.multiple ? "Velg filer" : "Velg fil")}
-            aria-required=${s(this.required ? "true" : void 0)}
-            aria-invalid=${s(this.hasEffectiveError ? "true" : void 0)}
-            aria-describedby=${s(i)}
+            aria-label=${u(this.label ? void 0 : this.multiple ? "Velg filer" : "Velg fil")}
+            aria-required=${u(this.required ? "true" : void 0)}
+            aria-invalid=${u(this.hasEffectiveError ? "true" : void 0)}
+            aria-describedby=${u(a)}
             @change=${this.onNativeFileChange}
           />
-          ${this.uploadStrategy === "custom" ? e.map((e) => r`<input type="hidden" name=${this.name} value=${e.fileId} />`) : null}
+          ${this.uploadStrategy === "custom" ? t.map((t) => e`<input type="hidden" name=${this.name} value=${t.fileId} />`) : null}
           <div class="pkt-fileupload__drop-zone__placeholder">
             <pkt-icon
               name="attachment"
@@ -1470,21 +1158,21 @@ var M = "comments", N = (e) => {
               aria-hidden="true"
             ></pkt-icon>
             <p class="pkt-fileupload__drop-zone__placeholder__title">
-              ${this.isDragActive ? `${a.dragActive} ...` : r`${a.dragInactive}
+              ${this.isDragActive ? `${o.dragActive} ...` : e`${o.dragInactive}
                     <button
                       type="button"
                       class="pkt-fileupload__drop-zone__placeholder__title__open-file-dialog"
                       @click=${this.openFileDialog}
                     >
-                      ${a.openFileDialog}
+                      ${o.openFileDialog}
                     </button>`}
             </p>
-            ${n ? r`<p class="pkt-fileupload__drop-zone__placeholder__formats">
-                  ${d.supportedFormatsPrefix} ${n}
+            ${i ? e`<p class="pkt-fileupload__drop-zone__placeholder__formats">
+                  ${r.supportedFormatsPrefix} ${i}
                 </p>` : null}
           </div>
         </div>
-        ${this.hasEffectiveError ? r`
+        ${this.hasEffectiveError ? e`
               <pkt-alert
                 skin="error"
                 role="alert"
@@ -1496,10 +1184,10 @@ var M = "comments", N = (e) => {
                 ${this.effectiveErrorMessage}
               </pkt-alert>
             ` : null}
-        ${e.length > 0 ? r`<ul class="pkt-fileupload__queue-display">
-              ${e.map((e) => this.renderQueueItem(e, t))}
+        ${t.length > 0 ? e`<ul class="pkt-fileupload__queue-display">
+              ${t.map((e) => this.renderQueueItem(e, n))}
             </ul>` : null}
-        ${this.renderPreviewModal(t)}
+        ${this.renderPreviewModal(n)}
       </div>
     `;
 	}
@@ -1507,7 +1195,7 @@ var M = "comments", N = (e) => {
 		let n = typeof e.file?.size == "number" ? this.formatFileSize(e.file.size) : "", r = this.getQueueItemOperations();
 		if (this.itemRenderer === "thumbnail") {
 			let i = this.canOpenPreview(e), a = this.failedImageFileIds[e.fileId]?.thumbnail ? void 0 : this.getThumbnailUrl(e);
-			return ee({
+			return te({
 				file: e,
 				inputName: this.name,
 				disabled: this.disabled,
@@ -1578,28 +1266,28 @@ var M = "comments", N = (e) => {
 		});
 	}
 	navigatePreview(e, t) {
-		t.length !== 0 && (this.previewCurrentIndex = D(this.previewCurrentIndex, e, t.length));
+		t.length !== 0 && (this.previewCurrentIndex = O(this.previewCurrentIndex, e, t.length));
 	}
-	renderPreviewModal(e) {
-		if (!this.enableImagePreview || e.length === 0) return null;
-		let t = e[this.previewCurrentIndex];
-		if (!t) return null;
-		let n = e.length > 1, i = this.getThumbnailUrl(t), a = !!i && !this.failedImageFileIds[t.fileId]?.preview, o = t.attributes?.targetFilename || t.file?.name || "Forhåndsvisning";
-		return r`
+	renderPreviewModal(t) {
+		if (!this.enableImagePreview || t.length === 0) return null;
+		let n = this.pktStrings.get("fileupload"), r = t[this.previewCurrentIndex];
+		if (!r) return null;
+		let i = t.length > 1, a = this.getThumbnailUrl(r), o = !!a && !this.failedImageFileIds[r.fileId]?.preview, s = r.attributes?.targetFilename || r.file?.name || n.previewFallbackName;
+		return e`
       <pkt-modal
         .open=${this.isPreviewModalOpen}
-        .headingText=${o}
+        .headingText=${s}
         closeOnBackdropClick
         class="pkt-fileupload__image-preview-modal"
         @close=${this.closePreview}
-        @keydown=${(t) => this.onPreviewKeyDown(t, e)}
+        @keydown=${(e) => this.onPreviewKeyDown(e, t)}
       >
         <div class="pkt-fileupload__image-preview">
-          ${n ? r`<button
+          ${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} / ${e.length}`}
-                @click=${() => this.navigatePreview("prev", e)}
+                aria-label=${`Forrige bilde ${this.previewCurrentIndex} / ${t.length}`}
+                @click=${() => this.navigatePreview("prev", t)}
               >
                 <pkt-icon
                   class="pkt-btn__icon pkt-icon"
@@ -1610,26 +1298,26 @@ var M = "comments", N = (e) => {
               </button>` : null}
 
           <div class="pkt-fileupload__image-preview__content">
-            ${a ? r`<img
-                  src=${i}
-                  alt=${`${o} - ${this.previewCurrentIndex + 1} av ${e.length}`}
+            ${o ? e`<img
+                  src=${a}
+                  alt=${`${s} - ${this.previewCurrentIndex + 1} av ${t.length}`}
                   class="pkt-fileupload__image-preview__image"
-                  @error=${() => this.markImageFailed(t.fileId, "preview")}
-                />` : r`<pkt-icon
+                  @error=${() => this.markImageFailed(r.fileId, "preview")}
+                />` : e`<pkt-icon
                   name="picture"
                   class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
                   aria-hidden="true"
                 ></pkt-icon>`}
           </div>
 
-          ${n ? r`<span class="pkt-fileupload__image-preview__counter">
-                ${this.previewCurrentIndex + 1} / ${e.length}
+          ${i ? e`<span class="pkt-fileupload__image-preview__counter">
+                ${this.previewCurrentIndex + 1} / ${t.length}
               </span>` : null}
-          ${n ? r`<button
+          ${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} / ${e.length}`}
-                @click=${() => this.navigatePreview("next", e)}
+                aria-label=${`Neste bilde ${this.previewCurrentIndex + 2} / ${t.length}`}
+                @click=${() => this.navigatePreview("next", t)}
               >
                 <pkt-icon
                   class="pkt-btn__icon pkt-icon"
@@ -1672,9 +1360,9 @@ var M = "comments", N = (e) => {
 		n === void 0 && delete i[t], this.updateFileItem(e, { attributes: i });
 	}
 };
-t([e()], $.prototype, "activeOperationByFileId", void 0), t([e()], $.prototype, "isPreviewModalOpen", void 0), t([e()], $.prototype, "previewCurrentIndex", void 0), t([e()], $.prototype, "failedImageFileIds", void 0), $ = t([i("pkt-fileupload")], $);
+r([n()], $.prototype, "activeOperationByFileId", void 0), r([n()], $.prototype, "isPreviewModalOpen", void 0), r([n()], $.prototype, "previewCurrentIndex", void 0), r([n()], $.prototype, "failedImageFileIds", void 0), $ = r([t("pkt-fileupload")], $);
 //#endregion
 //#region src/components/fileupload/index.ts
-var te = $;
+var ne = $;
 //#endregion
-export { $ as n, te as t };
+export { $ as n, ne as t };