@oslokommune/punkt-elements 16.26.7 → 17.0.2

package/dist/{fileupload-2hf8YNhO.js → fileupload-D4gQN64T.js}

@@ -1,15 +1,16 @@
 import { a as e, n as t, o as n, p as r, s as i, t as a } from "./element-BoJrqauR.js";
 import { t as o } from "./class-map-CAQCRB1W.js";
-import "./alert-HHTGY0sp.js";
+import "./alert-CbtVGrHD.js";
 import "./icon-DGFEIlco.js";
 import { t as s } from "./if-defined-D0bnetLJ.js";
-import { t as c } from "./converters-BKGBRBpS.js";
+import { t as c } from "./converters-BBfsEJV5.js";
 import { n as l } from "./utils-BwF4QSrq.js";
-import "./input-wrapper-DaA98B5l.js";
-import "./modal-C6pScpdG.js";
+import "./input-wrapper-fWV5P4MN.js";
+import { r as u } from "./focus-trap-DG3pEuyJ.js";
+import "./modal-xNK_wpHk.js";
 import "./progressbar-mtjtbpCO.js";
 //#region ../../shared-types/fileupload.ts
-var u = {
+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",
@@ -36,7 +37,7 @@ var u = {
 };
 //#endregion
 //#region ../../shared-utils/fileupload/size.ts
-function d(e) {
+function f(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);
@@ -55,18 +56,18 @@ function d(e) {
 		default: return;
 	}
 }
-function f(e) {
+function p(e) {
 	return e < 1024 ? `${Math.round(e)} B` : e < 1024 * 1024 ? `${Math.round(e / 1024)} KB` : e < 1024 * 1024 * 1024 ? `${Math.round(e / (1024 * 1024))} MB` : `${Math.round(e / (1024 * 1024 * 1024))} GB`;
 }
 //#endregion
 //#region ../../shared-utils/fileupload/formats.ts
-function p(e) {
+function m(e) {
 	return Array.isArray(e) ? e.map((e) => String(e).trim().toLowerCase()).filter(Boolean) : [];
 }
-function m(e) {
+function h(e) {
 	return e ? e.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean) : [];
 }
-function h(e, t, n) {
+function g(e, t, n) {
 	let r = e.toLowerCase().replace(/^\./, "");
 	if (r.includes("/")) {
 		if (r.endsWith("/*")) {
@@ -77,42 +78,42 @@ function h(e, t, n) {
 	}
 	return t === r;
 }
-function g(e, t) {
-	let n = p(t);
+function _(e, t) {
+	let n = m(t);
 	if (n.length === 0) return !0;
 	let r = e.name.split(".").pop()?.toLowerCase() ?? "", i = e.type.toLowerCase();
-	return n.some((e) => h(e, r, i));
+	return n.some((e) => g(e, r, i));
 }
-function _(e, t) {
+function v(e, t) {
 	let n = (e ?? "").trim();
 	if (n) return n;
-	let r = p(t);
+	let r = m(t);
 	return r.length === 0 ? "" : r.map((e) => e.includes("/") || e.startsWith(".") ? e : `.${e}`).join(", ");
 }
-function v(e) {
+function y(e) {
 	return e.includes("/") ? e : e.replace(/^\./, "").toUpperCase();
 }
-function y(e, t) {
-	let n = p(e);
-	if (n.length > 0) return n.map(v).join(", ");
-	let r = m(t);
-	return r.length > 0 ? r.map(v).join(", ") : "";
+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(", ") : "";
 }
 //#endregion
 //#region ../../shared-utils/fileupload/validation.ts
-function b(e, t, n) {
+function x(e, t, n) {
 	return ((e ?? "").trim() || t).replace(/\{(\w+)\}/g, (e, t) => n[t] ?? `{${t}}`);
 }
-function x(e, t) {
-	let n = p(t.allowedFormats);
-	if (n.length > 0 && !g(e, n)) {
+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 b(t.formatErrorMessage, r, { formats: e });
+		return x(t.formatErrorMessage, r, { formats: e });
 	}
-	let r = d(t.maxFileSize);
+	let r = f(t.maxFileSize);
 	if (r !== void 0 && e.size > r) {
-		let e = f(r), n = `Filen er for stor. Maks størrelse er ${e}.`;
-		return b(t.sizeErrorMessage, n, { maxSize: e });
+		let e = p(r), n = `Filen er for stor. Maks størrelse er ${e}.`;
+		return x(t.sizeErrorMessage, n, { maxSize: e });
 	}
 	if (t.onFileValidation) {
 		let n = t.onFileValidation(e);
@@ -120,7 +121,7 @@ function x(e, t) {
 	}
 	return null;
 }
-function S(e) {
+function C(e) {
 	let t = e.file;
 	if (t?.type?.startsWith("image/")) return !0;
 	let n = e.attributes?.targetFilename || t?.name || "";
@@ -128,10 +129,10 @@ function S(e) {
 }
 //#endregion
 //#region ../../shared-utils/fileupload/transfers.ts
-function C(e) {
+function w(e) {
 	return typeof e == "number" ? "in-progress" : e === "error" ? "error" : "idle";
 }
-function w(e, t, n) {
+function T(e, t, n) {
 	let r = {
 		"in-progress": 0,
 		error: 1,
@@ -146,32 +147,11 @@ function w(e, t, n) {
 			showProgress: r?.showProgress,
 			lastProgress: r?.lastProgress
 		};
-	}).sort((e, t) => r[C(e.progress)] - r[C(t.progress)]);
-}
-//#endregion
-//#region ../../shared-utils/fileupload/focus-trap.ts
-function T(e) {
-	if (!e) return [];
-	let t = [
-		"a[href]:not([tabindex=\"-1\"])",
-		"button:not([disabled]):not([tabindex=\"-1\"])",
-		"input:not([disabled]):not([type=\"hidden\"]):not([tabindex=\"-1\"])",
-		"select:not([disabled]):not([tabindex=\"-1\"])",
-		"textarea:not([disabled]):not([tabindex=\"-1\"])",
-		"[tabindex]:not([tabindex=\"-1\"])"
-	].join(", ");
-	return Array.from(e.querySelectorAll(t)).filter((e) => !e.hasAttribute("inert"));
-}
-function E(e, t) {
-	if (e.key !== "Tab") return !1;
-	let n = T(t);
-	if (n.length === 0) return e.preventDefault(), !0;
-	let r = n[0], i = n[n.length - 1], a = (t?.ownerDocument ?? document).activeElement, o = !!a && n.includes(a);
-	return e.shiftKey ? !o || a === r ? (e.preventDefault(), i.focus(), !0) : !1 : !o || a === i ? (e.preventDefault(), r.focus(), !0) : !1;
+	}).sort((e, t) => r[w(e.progress)] - r[w(t.progress)]);
 }
 //#endregion
 //#region ../../shared-utils/fileupload/truncate.ts
-function D(e, t) {
+function E(e, t) {
 	return !t || t <= 0 || e.length <= t + 3 ? null : {
 		head: e.slice(0, e.length - t),
 		tail: e.slice(-t)
@@ -179,12 +159,12 @@ function D(e, t) {
 }
 //#endregion
 //#region ../../shared-utils/fileupload/navigation.ts
-function O(e, t, n) {
+function D(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 k(e, t) {
+function O(e, t) {
 	let n = e.length;
 	if (n === 0 || !t || t.length === 0) return {
 		totalCount: n,
@@ -204,10 +184,10 @@ function k(e, t) {
 }
 //#endregion
 //#region ../../shared-utils/fileupload/filename.ts
-function A(e, t = u.unknownFilename) {
+function k(e, t = d.unknownFilename) {
 	return e.attributes?.targetFilename || e.file?.name || t;
 }
-var j = {
+var A = {
 	name: "pkt-fileupload",
 	react: "PktFileUpload",
 	"css-class": "pkt-fileupload",
@@ -511,9 +491,9 @@ var j = {
 			}
 		}
 	}
-}, M = class extends a {
+}, j = class extends a {
 	constructor(...e) {
-		super(...e), this.id = `pkt-fileupload-${l()}`, this.name = "files", this.label = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = j.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 = j.props.optionalText.default, this.requiredTag = !1, this.requiredText = j.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 = u.requiredMissing, this.onNativeFileChange = (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) => {
 			let t = e.target;
 			this.addFiles(t.files ? Array.from(t.files) : []), this.uploadStrategy === "custom" && (t.value = "");
 		}, this.openFileDialog = (e) => {
@@ -591,7 +571,7 @@ var j = {
 			file: e,
 			attributes: { targetFilename: e.name }
 		}));
-		this.setAddedAnnouncement(n.length === 1 ? u.srFileAdded(n[0].attributes.targetFilename) : u.srFilesAdded(n.length));
+		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) => {
 			this.dispatchEvent(new CustomEvent("file-upload-requested", {
@@ -655,22 +635,22 @@ var j = {
 		return this.transfers.find((t) => t.fileId === e);
 	}
 	isImageFile(e) {
-		return S(e);
+		return C(e);
 	}
 	formatFileSize(e) {
-		return f(e);
+		return p(e);
 	}
 	getResolvedAcceptValue() {
-		return _(this.accept, this.allowedFormats);
+		return v(this.accept, this.allowedFormats);
 	}
 	getSupportedFormatsText() {
-		return y(this.allowedFormats, this.accept);
+		return b(this.allowedFormats, this.accept);
 	}
 	getSortedFilesAndTransfers() {
-		return w(this.getCurrentFiles(), this.transfers, this.uploadStrategy);
+		return T(this.getCurrentFiles(), this.transfers, this.uploadStrategy);
 	}
 	validateFile(e) {
-		let t = x(e, {
+		let t = S(e, {
 			allowedFormats: this.allowedFormats,
 			maxFileSize: this.maxFileSize,
 			formatErrorMessage: this.formatErrorMessage,
@@ -687,7 +667,7 @@ var j = {
 			composed: !0,
 			cancelable: !0
 		});
-		return this.dispatchEvent(r), n.errorMessage ? n.errorMessage : r.defaultPrevented ? u.genericValidationRejection : null;
+		return this.dispatchEvent(r), n.errorMessage ? n.errorMessage : r.defaultPrevented ? d.genericValidationRejection : null;
 	}
 	syncThumbnailUrls(e) {
 		if (!(typeof URL < "u" && typeof URL.createObjectURL == "function" && typeof URL.revokeObjectURL == "function")) {
@@ -721,12 +701,12 @@ var j = {
 	}
 	getSrUploadedMessage() {
 		if (this.addedAnnouncement) return this.addedAnnouncement;
-		let { totalCount: e, uploadedCount: t } = k(this.getCurrentFiles(), this.transfers);
-		return e === 0 || t === 0 ? "" : u.srFilesUploadedOfTotal(t, e, u.fileLabel(e));
+		let { totalCount: e, uploadedCount: t } = O(this.getCurrentFiles(), this.transfers);
+		return e === 0 || t === 0 ? "" : d.srFilesUploadedOfTotal(t, e, d.fileLabel(e));
 	}
 	getSrErrorsMessage() {
-		let { totalCount: e, failedCount: t } = k(this.getCurrentFiles(), this.transfers);
-		return e === 0 || t === 0 ? "" : u.srFilesFailedOfTotal(t, e, u.fileLabel(e));
+		let { totalCount: e, failedCount: t } = O(this.getCurrentFiles(), this.transfers);
+		return e === 0 || t === 0 ? "" : d.srFilesFailedOfTotal(t, e, d.fileLabel(e));
 	}
 	syncFormSubmitListener() {
 		let e = this.closest("form");
@@ -736,92 +716,92 @@ var j = {
 		this.connectedForm &&= (this.connectedForm.removeEventListener("submit", this.onHostFormSubmit), null);
 	}
 };
-t([n({ type: String })], M.prototype, "id", void 0), t([n({ type: String })], M.prototype, "name", void 0), t([n({ type: String })], M.prototype, "label", void 0), t([n({ type: String })], M.prototype, "helptext", void 0), t([n({
+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({
 	type: String,
 	attribute: "helptext-dropdown"
-})], M.prototype, "helptextDropdown", void 0), t([n({
+})], j.prototype, "helptextDropdown", void 0), t([n({
 	type: String,
 	attribute: "helptext-dropdown-button"
-})], M.prototype, "helptextDropdownButton", void 0), t([n({
+})], j.prototype, "helptextDropdownButton", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], M.prototype, "required", void 0), t([n({
+})], j.prototype, "required", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], M.prototype, "multiple", void 0), t([n({
+})], j.prototype, "multiple", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], M.prototype, "disabled", void 0), t([n({
+})], j.prototype, "disabled", void 0), t([n({
 	type: Boolean,
 	reflect: !0,
 	attribute: "fullwidth"
-})], M.prototype, "fullwidth", void 0), t([n({
+})], j.prototype, "fullwidth", void 0), t([n({
 	type: String,
 	reflect: !0,
 	attribute: "upload-strategy"
-})], M.prototype, "uploadStrategy", void 0), t([n({
+})], j.prototype, "uploadStrategy", void 0), t([n({
 	type: String,
 	reflect: !0,
 	attribute: "item-renderer"
-})], M.prototype, "itemRenderer", void 0), t([n({ type: String })], M.prototype, "accept", void 0), t([n({
+})], j.prototype, "itemRenderer", void 0), t([n({ type: String })], j.prototype, "accept", void 0), t([n({
 	converter: c.csvToArray,
 	attribute: "allowed-formats"
-})], M.prototype, "allowedFormats", void 0), t([n({
+})], j.prototype, "allowedFormats", void 0), t([n({
 	type: String,
 	attribute: "format-error-message"
-})], M.prototype, "formatErrorMessage", void 0), t([n({ attribute: "max-file-size" })], M.prototype, "maxFileSize", void 0), t([n({
+})], j.prototype, "formatErrorMessage", void 0), t([n({ attribute: "max-file-size" })], j.prototype, "maxFileSize", void 0), t([n({
 	type: String,
 	attribute: "size-error-message"
-})], M.prototype, "sizeErrorMessage", void 0), t([n({ attribute: !1 })], M.prototype, "onFileValidation", void 0), t([n({ attribute: !1 })], M.prototype, "transfers", void 0), t([n({
+})], 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({
 	type: Boolean,
 	attribute: "add-comments-enabled"
-})], M.prototype, "addCommentsEnabled", void 0), t([n({
+})], j.prototype, "addCommentsEnabled", void 0), t([n({
 	type: Boolean,
 	attribute: "rename-files-enabled"
-})], M.prototype, "renameFilesEnabled", void 0), t([n({ attribute: !1 })], M.prototype, "extraOperations", void 0), t([n({
+})], j.prototype, "renameFilesEnabled", void 0), t([n({ attribute: !1 })], j.prototype, "extraOperations", void 0), t([n({
 	type: Boolean,
 	reflect: !0,
 	attribute: "enable-image-preview"
-})], M.prototype, "enableImagePreview", void 0), t([n({
+})], j.prototype, "enableImagePreview", void 0), t([n({
 	type: Boolean,
 	attribute: "has-error"
-})], M.prototype, "hasError", void 0), t([n({
+})], j.prototype, "hasError", void 0), t([n({
 	type: String,
 	attribute: "error-message"
-})], M.prototype, "errorMessage", void 0), t([n({
+})], j.prototype, "errorMessage", void 0), t([n({
 	type: Boolean,
 	attribute: "optional-tag"
-})], M.prototype, "optionalTag", void 0), t([n({
+})], j.prototype, "optionalTag", void 0), t([n({
 	type: String,
 	attribute: "optional-text"
-})], M.prototype, "optionalText", void 0), t([n({
+})], j.prototype, "optionalText", void 0), t([n({
 	type: Boolean,
 	attribute: "required-tag"
-})], M.prototype, "requiredTag", void 0), t([n({
+})], j.prototype, "requiredTag", void 0), t([n({
 	type: String,
 	attribute: "required-text"
-})], M.prototype, "requiredText", void 0), t([n({
+})], j.prototype, "requiredText", void 0), t([n({
 	type: String,
 	attribute: "tag-text"
-})], M.prototype, "tagText", void 0), t([n({
+})], j.prototype, "tagText", void 0), t([n({
 	type: Number,
 	attribute: "truncate-tail"
-})], M.prototype, "truncateTail", void 0), t([n({ attribute: !1 })], M.prototype, "value", void 0), t([n({ attribute: !1 })], M.prototype, "defaultValue", void 0), t([e()], M.prototype, "files", void 0), t([e()], M.prototype, "isDragActive", void 0), t([e()], M.prototype, "validationErrorMessage", void 0), t([e()], M.prototype, "addedAnnouncement", void 0), t([e()], M.prototype, "thumbnailUrls", void 0);
+})], 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);
 //#endregion
 //#region src/components/fileupload/fileupload-operations.ts
-var N = "comments", P = (e) => {
+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")}`;
-}, F = (e, t, n) => {
+}, P = (e, t, n) => {
 	e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), t()), e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), n());
-}, I = (e, t, 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());
-}, L = (e) => ({
+}, I = (e) => ({
 	id: "remove",
 	title: "Slett",
 	ariaLabel: "Slett fil",
 	onClick: ({ file: t }) => e(t.fileId)
-}), R = () => ({
+}), L = () => ({
 	id: "rename",
 	title: "Rediger",
 	ariaLabel: "Rediger filnavn",
@@ -838,7 +818,7 @@ var N = "comments", P = (e) => {
         class="pkt-fileupload__queue-display__item__rename-input"
         ?disabled=${e.disabled}
         .value=${t}
-        @keydown=${(t) => F(t, i, e.close)}
+        @keydown=${(t) => P(t, i, e.close)}
       />
       <button
         type="button"
@@ -866,14 +846,14 @@ var N = "comments", P = (e) => {
       value=${t}
     />`;
 	}
-}), z = () => ({
+}), R = () => ({
 	id: "comment",
-	title: (e) => (e.attributes?.[N] ?? []).length > 0 ? "" : "Legg til kommentar",
+	title: (e) => (e.attributes?.[M] ?? []).length > 0 ? "" : "Legg til kommentar",
 	ariaLabel: "Legg til kommentar",
 	renderExtendedUI: (e) => {
-		let t = (e.getAttribute(N) ?? [])[0], n = `pkt-fileupload-comment-${e.file.fileId}`, i = () => {
+		let t = (e.getAttribute(M) ?? [])[0], n = `pkt-fileupload-comment-${e.file.fileId}`, i = () => {
 			let t = document.getElementById(n)?.value?.trim();
-			t && e.setAttribute(N, [{
+			t && e.setAttribute(M, [{
 				text: t,
 				timestamp: (/* @__PURE__ */ new Date()).toISOString()
 			}]), e.close();
@@ -889,7 +869,7 @@ var N = "comments", P = (e) => {
         .value=${t?.text ?? ""}
         rows="2"
         placeholder="Skriv inn kommentar"
-        @keydown=${(t) => I(t, i, e.close)}
+        @keydown=${(t) => F(t, i, e.close)}
       ></textarea>
       <button
         type="button"
@@ -911,7 +891,7 @@ var N = "comments", P = (e) => {
 	},
 	renderContent: (e) => {
 		if (e.isActive) return null;
-		let t = e.getAttribute(N) ?? [];
+		let t = e.getAttribute(M) ?? [];
 		if (t.length === 0) return null;
 		let n = t[0];
 		return r`
@@ -922,7 +902,7 @@ var N = "comments", P = (e) => {
               ${n.text}
             </span>
             <time class="pkt-fileupload__queue-display__item__comment__time">
-              ${P(n.timestamp)}
+              ${N(n.timestamp)}
             </time>
           </div>
           <div class="pkt-fileupload__queue-display__item__comment__actions">
@@ -940,7 +920,7 @@ var N = "comments", P = (e) => {
               class="pkt-fileupload__queue-display__item__comment__action"
               aria-label="Slett kommentar"
               ?disabled=${e.disabled}
-              @click=${() => e.setAttribute(N, void 0)}
+              @click=${() => e.setAttribute(M, void 0)}
             >
               <pkt-icon name="trash-can"></pkt-icon>
             </button>
@@ -950,15 +930,15 @@ var N = "comments", P = (e) => {
     `;
 	},
 	renderHidden: (e) => {
-		let t = e.getAttribute(N);
+		let t = e.getAttribute(M);
 		return r`<input
       type="hidden"
       name=${`${e.inputName}-comments`}
       value=${t ? JSON.stringify(t) : ""}
     />`;
 	}
-}), B = (e, t) => {
-	let n = D(e, t);
+}), z = (e, t) => {
+	let n = E(e, t);
 	return n ? r`<span
       class="pkt-fileupload__queue-display__item__title__head"
       data-pkt-truncate-part="first"
@@ -968,13 +948,13 @@ var N = "comments", P = (e) => {
       data-pkt-truncate-part="tail"
       >${n.tail}</span
     >` : r`<span data-pkt-truncate-part="first">${e}</span>`;
-}, V = (e, t, n) => r`
+}, B = (e, t, n) => r`
   <p class="pkt-fileupload__queue-display__item__title">
-    ${B(e, n)}${t ? r`<span class="pkt-fileupload__queue-display__item__filesize"> (${t})</span>` : null}
+    ${z(e, n)}${t ? r`<span class="pkt-fileupload__queue-display__item__filesize"> (${t})</span>` : null}
   </p>
-`, H = (e) => typeof e == "number" ? "in-progress" : e === "error" ? "error" : "idle", U = (e) => r`<span class="pkt-fileupload__queue-display__item__loading-text" aria-label="Laster opp fil"
+`, 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
-  >`, W = ({ operationId: e, file: t, inputName: n, disabled: r, isActive: i, onActivateOperation: a, onCloseOperation: o, getFileAttribute: s, setFileAttribute: c }) => ({
+  >`, U = ({ operationId: e, file: t, inputName: n, disabled: r, isActive: i, onActivateOperation: a, onCloseOperation: o, getFileAttribute: s, setFileAttribute: c }) => ({
 	file: t,
 	inputName: n,
 	disabled: r,
@@ -983,15 +963,15 @@ var N = "comments", P = (e) => {
 	close: () => o(t.fileId),
 	getAttribute: (e) => s(t.fileId, e),
 	setAttribute: (e, n) => c(t.fileId, e, n)
-}), G = ({ file: e, fileSize: t, disabled: n, transferProgress: i, transferShowProgress: a, loadingText: o, truncateTail: s, onCancel: c, iconName: l = "document-text" }) => {
-	let u = A(e), d = a ?? i !== 0;
+}), 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`
     <pkt-icon
       name=${l}
       class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
       aria-hidden="true"
     ></pkt-icon>
-    ${V(u, t, s)}
+    ${B(u, t, s)}
     <button
       type="button"
       class="pkt-fileupload__queue-display__item__cancel-button"
@@ -1012,17 +992,17 @@ var N = "comments", P = (e) => {
           <span class="pkt-fileupload__queue-display__item__percentage" aria-hidden="true"
             >${Math.round(i * 100)}%</span
           >
-        ` : U(o)}
+        ` : H(o)}
   `;
-}, K = ({ file: e, fileSize: t, disabled: n, transferShowProgress: i, transferLastProgress: a, transferErrorMessage: o, truncateTail: s, onCancel: c }) => {
-	let l = A(e), u = !!i, d = Math.round((a ?? 1) * 100);
+}, 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`
     <pkt-icon
       name="alert-error"
       class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
       aria-hidden="true"
     ></pkt-icon>
-    ${V(l, t, s)}
+    ${B(l, t, s)}
     <button
       type="button"
       class="pkt-fileupload__queue-display__item__cancel-button"
@@ -1045,11 +1025,11 @@ var N = "comments", P = (e) => {
           >${o}</span
         >` : null}
   `;
-}, q = ({ file: e, disabled: t, inputName: n, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: c, getFileAttribute: l, setFileAttribute: u }) => {
+}, K = ({ file: e, disabled: t, inputName: n, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: c, getFileAttribute: l, setFileAttribute: u }) => {
 	let d = i.find((e) => e.id === a);
 	if (d?.renderInlineUI || d?.renderExtendedUI) return null;
 	let f = i.map((i) => {
-		let d = W({
+		let d = U({
 			operationId: i.id,
 			file: e,
 			inputName: n,
@@ -1073,9 +1053,9 @@ var N = "comments", P = (e) => {
       </button>` : null;
 	}).filter(Boolean);
 	return f.length === 0 ? null : r`<div class="pkt-fileupload__queue-display__item__actions">${f}</div>`;
-}, J = ({ file: e, disabled: t, inputName: n, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => i.map((i) => {
+}, q = ({ file: e, disabled: t, inputName: n, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => i.map((i) => {
 	if (!i.renderContent) return null;
-	let u = W({
+	let u = U({
 		operationId: i.id,
 		file: e,
 		inputName: n,
@@ -1089,11 +1069,11 @@ var N = "comments", P = (e) => {
 	return d == null ? null : r`<div class="pkt-fileupload__queue-display__item__operation-content">
       ${d}
     </div>`;
-}), Y = ({ file: e, disabled: t, inputName: n, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => {
+}), J = ({ file: e, disabled: t, inputName: n, 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 = W({
+	let d = U({
 		operationId: u.id,
 		file: e,
 		inputName: n,
@@ -1107,9 +1087,9 @@ var N = "comments", P = (e) => {
 	return r`<div class="pkt-fileupload__queue-display__item__expanded-operation-ui">
     ${u.renderExtendedUI(d)}
   </div>`;
-}, X = ({ file: e, disabled: t, inputName: n, operations: r, activeOperationId: i, onActivateOperation: a, onCloseOperation: o, getFileAttribute: s, setFileAttribute: c }) => r.map((r) => {
+}, Y = ({ file: e, disabled: t, inputName: n, operations: r, activeOperationId: i, onActivateOperation: a, onCloseOperation: o, getFileAttribute: s, setFileAttribute: c }) => r.map((r) => {
 	if (!r.renderHidden) return null;
-	let l = W({
+	let l = U({
 		operationId: r.id,
 		file: e,
 		inputName: n,
@@ -1121,15 +1101,15 @@ var N = "comments", P = (e) => {
 		setFileAttribute: c
 	});
 	return r.renderHidden(l);
-}), Z = (e, t, n) => r`
+}), X = (e, t, n) => r`
     <pkt-icon
       name="document-text"
       class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
       aria-hidden="true"
     ></pkt-icon>
-    ${V(A(e), t, n)}
-  `, Q = ({ file: e, thumbnailUrl: t, previewEnabled: n, canOpenPreview: i, truncateTail: a, onOpenPreview: c, onThumbnailImageError: l }) => {
-	let u = A(e), d = !!t, f = !!n && !!i, p = f && !!c;
+    ${B(k(e), t, n)}
+  `, 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`
     <div
       class=${o({
@@ -1164,12 +1144,12 @@ var N = "comments", P = (e) => {
         </span>
       </button>
       <span class="pkt-fileupload__queue-display__item__thumbnail__title"
-        >${B(u, a)}</span
+        >${z(u, a)}</span
       >
     </div>
   `;
-}, ee = ({ 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 = H(f), b = a.find((e) => e.id === s), x = b?.renderInlineUI ? b.renderInlineUI(W({
+}, 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({
 		operationId: b.id,
 		file: e,
 		inputName: t,
@@ -1189,7 +1169,7 @@ var N = "comments", P = (e) => {
 		[`pkt-fileupload__queue-display__item--${f}`]: typeof f == "string"
 	})}
     >
-      ${X({
+      ${Y({
 		file: e,
 		disabled: n,
 		inputName: t,
@@ -1200,7 +1180,7 @@ var N = "comments", P = (e) => {
 		getFileAttribute: u,
 		setFileAttribute: d
 	})}
-      ${y === "in-progress" ? G({
+      ${y === "in-progress" ? W({
 		file: e,
 		fileSize: i,
 		disabled: n,
@@ -1209,7 +1189,7 @@ var N = "comments", P = (e) => {
 		loadingText: g,
 		truncateTail: _,
 		onCancel: v
-	}) : y === "error" ? K({
+	}) : y === "error" ? G({
 		file: e,
 		fileSize: i,
 		disabled: n,
@@ -1227,8 +1207,8 @@ var N = "comments", P = (e) => {
                 <div class="pkt-fileupload__queue-display__item__inline-ui">
                   ${x}
                 </div>
-              ` : Z(e, i, _)}
-      ${y === "idle" ? q({
+              ` : X(e, i, _)}
+      ${y === "idle" ? K({
 		file: e,
 		disabled: n,
 		inputName: t,
@@ -1239,7 +1219,7 @@ var N = "comments", P = (e) => {
 		getFileAttribute: u,
 		setFileAttribute: d
 	}) : null}
-      ${y === "idle" ? J({
+      ${y === "idle" ? q({
 		file: e,
 		disabled: n,
 		inputName: t,
@@ -1250,7 +1230,7 @@ var N = "comments", P = (e) => {
 		getFileAttribute: u,
 		setFileAttribute: d
 	}) : null}
-      ${y === "idle" ? Y({
+      ${y === "idle" ? J({
 		file: e,
 		disabled: n,
 		inputName: t,
@@ -1263,8 +1243,8 @@ var N = "comments", P = (e) => {
 	}) : null}
     </li>
   `;
-}, te = ({ 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 }) => {
-	let w = H(h), T = l.find((e) => e.id === u), E = T?.renderInlineUI ? T.renderInlineUI(W({
+}, 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 }) => {
+	let w = V(h), T = l.find((e) => e.id === u), E = T?.renderInlineUI ? T.renderInlineUI(U({
 		operationId: T.id,
 		file: e,
 		inputName: t,
@@ -1284,7 +1264,7 @@ var N = "comments", P = (e) => {
 		[`pkt-fileupload__queue-display__item--${h}`]: typeof h == "string"
 	})}
     >
-      ${X({
+      ${Y({
 		file: e,
 		disabled: n,
 		inputName: t,
@@ -1295,7 +1275,7 @@ var N = "comments", P = (e) => {
 		getFileAttribute: p,
 		setFileAttribute: m
 	})}
-      ${w === "in-progress" ? G({
+      ${w === "in-progress" ? W({
 		file: e,
 		fileSize: i,
 		disabled: n,
@@ -1305,7 +1285,7 @@ var N = "comments", P = (e) => {
 		truncateTail: b,
 		onCancel: x,
 		iconName: "picture"
-	}) : w === "error" ? K({
+	}) : w === "error" ? G({
 		file: e,
 		fileSize: i,
 		disabled: n,
@@ -1323,7 +1303,7 @@ var N = "comments", P = (e) => {
                 <div class="pkt-fileupload__queue-display__item__inline-ui">
                   ${E}
                 </div>
-              ` : Q({
+              ` : Z({
 		file: e,
 		thumbnailUrl: a,
 		previewEnabled: s,
@@ -1332,7 +1312,7 @@ var N = "comments", P = (e) => {
 		onOpenPreview: S,
 		onThumbnailImageError: C
 	})}
-      ${w === "idle" ? q({
+      ${w === "idle" ? K({
 		file: e,
 		disabled: n,
 		inputName: t,
@@ -1343,7 +1323,7 @@ var N = "comments", P = (e) => {
 		getFileAttribute: p,
 		setFileAttribute: m
 	}) : null}
-      ${w === "idle" ? J({
+      ${w === "idle" ? q({
 		file: e,
 		disabled: n,
 		inputName: t,
@@ -1354,7 +1334,7 @@ var N = "comments", P = (e) => {
 		getFileAttribute: p,
 		setFileAttribute: m
 	}) : null}
-      ${w === "idle" ? Y({
+      ${w === "idle" ? J({
 		file: e,
 		disabled: n,
 		inputName: t,
@@ -1367,14 +1347,14 @@ var N = "comments", P = (e) => {
 	}) : null}
     </li>
   `;
-}, $ = class extends M {
+}, $ = class extends j {
 	constructor(...e) {
 		super(...e), this.activeOperationByFileId = {}, this.isPreviewModalOpen = !1, this.previewCurrentIndex = 0, this.failedImageFileIds = {}, this.closePreview = () => {
 			this.isPreviewModalOpen = !1;
 		}, this.onPreviewKeyDown = (e, t) => {
 			if (this.isPreviewModalOpen) {
 				if (e.key === "Tab") {
-					E(e, e.currentTarget);
+					u(e, e.currentTarget);
 					return;
 				}
 				switch (e.key) {
@@ -1419,21 +1399,21 @@ var N = "comments", P = (e) => {
 	}
 	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: u.dropZoneDragMultipleThumbnail,
-			dragActive: u.dropZoneDragActiveMultipleThumbnail,
-			openFileDialog: u.dropZoneOpenFileDialogMultipleThumbnail
+			dragInactive: d.dropZoneDragMultipleThumbnail,
+			dragActive: d.dropZoneDragActiveMultipleThumbnail,
+			openFileDialog: d.dropZoneOpenFileDialogMultipleThumbnail
 		} : {
-			dragInactive: u.dropZoneDragSingleThumbnail,
-			dragActive: u.dropZoneDragActiveSingleThumbnail,
-			openFileDialog: u.dropZoneOpenFileDialogSingleThumbnail
+			dragInactive: d.dropZoneDragSingleThumbnail,
+			dragActive: d.dropZoneDragActiveSingleThumbnail,
+			openFileDialog: d.dropZoneOpenFileDialogSingleThumbnail
 		} : this.multiple ? {
-			dragInactive: u.dropZoneDragMultiple,
-			dragActive: u.dropZoneDragActiveMultiple,
-			openFileDialog: u.dropZoneOpenFileDialogMultiple
+			dragInactive: d.dropZoneDragMultiple,
+			dragActive: d.dropZoneDragActiveMultiple,
+			openFileDialog: d.dropZoneOpenFileDialogMultiple
 		} : {
-			dragInactive: u.dropZoneDragSingle,
-			dragActive: u.dropZoneDragActiveSingle,
-			openFileDialog: u.dropZoneOpenFileDialogSingle
+			dragInactive: d.dropZoneDragSingle,
+			dragActive: d.dropZoneDragActiveSingle,
+			openFileDialog: d.dropZoneOpenFileDialogSingle
 		};
 		return r`
       <div
@@ -1495,7 +1475,7 @@ var N = "comments", P = (e) => {
                     </button>`}
             </p>
             ${n ? r`<p class="pkt-fileupload__drop-zone__placeholder__formats">
-                  ${u.supportedFormatsPrefix} ${n}
+                  ${d.supportedFormatsPrefix} ${n}
                 </p>` : null}
           </div>
         </div>
@@ -1522,7 +1502,7 @@ var N = "comments", P = (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 te({
+			return ee({
 				file: e,
 				inputName: this.name,
 				disabled: this.disabled,
@@ -1547,7 +1527,7 @@ var N = "comments", P = (e) => {
 				onThumbnailImageError: (e) => this.markImageFailed(e, "thumbnail")
 			});
 		}
-		return ee({
+		return Q({
 			file: e,
 			inputName: this.name,
 			disabled: this.disabled,
@@ -1593,7 +1573,7 @@ var N = "comments", P = (e) => {
 		});
 	}
 	navigatePreview(e, t) {
-		t.length !== 0 && (this.previewCurrentIndex = O(this.previewCurrentIndex, e, t.length));
+		t.length !== 0 && (this.previewCurrentIndex = D(this.previewCurrentIndex, e, t.length));
 	}
 	renderPreviewModal(e) {
 		if (!this.enableImagePreview || e.length === 0) return null;
@@ -1659,7 +1639,7 @@ var N = "comments", P = (e) => {
 	}
 	getQueueItemOperations() {
 		let e = [];
-		return this.renameFilesEnabled && this.itemRenderer !== "thumbnail" && e.push(R()), this.addCommentsEnabled && this.itemRenderer !== "thumbnail" && e.push(z()), e.push(...this.extraOperations), e.push(L((e) => this.removeFileItem(e))), 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;
 	}
 	activateOperation(e, t) {
 		this.activeOperationByFileId = {
@@ -1690,6 +1670,6 @@ var N = "comments", P = (e) => {
 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")], $);
 //#endregion
 //#region src/components/fileupload/index.ts
-var ne = $;
+var te = $;
 //#endregion
-export { $ as n, ne as t };
+export { $ as n, te as t };