@oslokommune/punkt-elements 16.18.0 → 16.21.0

package/dist/{fileupload-B6W7qOQT.js → fileupload-C8muj8qd.js}

@@ -1,13 +1,13 @@
-import { c as e, d as t, o as n, r, s as i, t as a } from "./element-cZ85T_aa.js";
-import { t as o } from "./class-map-C8HuhNzZ.js";
-import "./alert-D_eXGOez.js";
-import "./icon-CZQkrK6B.js";
-import { t as s } from "./if-defined-Cjj8qN-Z.js";
-import { t as c } from "./converters-jauYkvNh.js";
-import { n as l } from "./utils-BOOZ0ppt.js";
-import "./input-wrapper-oYcbCFow.js";
-import "./modal-BVHH8koz.js";
-import "./progressbar-C-5oESiB.js";
+import { a as e, n as t, o as n, p as r, s as i, t as a } from "./element-CduG0XyF.js";
+import { t as o } from "./class-map-DH9hlJny.js";
+import "./alert-BkzC5mVu.js";
+import "./icon-LaKyBKON.js";
+import { t as s } from "./if-defined-VShASPdu.js";
+import { t as c } from "./converters-DSQXaDQ_.js";
+import { n as l } from "./utils-CUqCKGvp.js";
+import "./input-wrapper-B6WowlWG.js";
+import "./modal-CWgeT-RP.js";
+import "./progressbar-B0P_vmGD.js";
 //#region ../../shared-types/fileupload.ts
 var u = {
 	dropZoneDragMultiple: "Dra filer hit for å laste dem opp eller",
@@ -434,62 +434,62 @@ var A = class extends a {
 		this.connectedForm &&= (this.connectedForm.removeEventListener("submit", this.onHostFormSubmit), null);
 	}
 };
-r([i({ type: String })], A.prototype, "id", void 0), r([i({ type: String })], A.prototype, "name", void 0), r([i({ type: String })], A.prototype, "label", void 0), r([i({ type: String })], A.prototype, "helptext", void 0), r([i({
+t([n({ type: String })], A.prototype, "id", void 0), t([n({ type: String })], A.prototype, "name", void 0), t([n({ type: String })], A.prototype, "label", void 0), t([n({ type: String })], A.prototype, "helptext", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], A.prototype, "required", void 0), r([i({
+})], A.prototype, "required", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], A.prototype, "multiple", void 0), r([i({
+})], A.prototype, "multiple", void 0), t([n({
 	type: Boolean,
 	reflect: !0
-})], A.prototype, "disabled", void 0), r([i({
+})], A.prototype, "disabled", void 0), t([n({
 	type: Boolean,
 	reflect: !0,
 	attribute: "fullwidth"
-})], A.prototype, "fullwidth", void 0), r([i({
+})], A.prototype, "fullwidth", void 0), t([n({
 	type: String,
 	reflect: !0,
 	attribute: "upload-strategy"
-})], A.prototype, "uploadStrategy", void 0), r([i({
+})], A.prototype, "uploadStrategy", void 0), t([n({
 	type: String,
 	reflect: !0,
 	attribute: "item-renderer"
-})], A.prototype, "itemRenderer", void 0), r([i({ type: String })], A.prototype, "accept", void 0), r([i({
+})], A.prototype, "itemRenderer", void 0), t([n({ type: String })], A.prototype, "accept", void 0), t([n({
 	converter: c.csvToArray,
 	attribute: "allowed-formats"
-})], A.prototype, "allowedFormats", void 0), r([i({
+})], A.prototype, "allowedFormats", void 0), t([n({
 	type: String,
 	attribute: "format-error-message"
-})], A.prototype, "formatErrorMessage", void 0), r([i({ attribute: "max-file-size" })], A.prototype, "maxFileSize", void 0), r([i({
+})], A.prototype, "formatErrorMessage", void 0), t([n({ attribute: "max-file-size" })], A.prototype, "maxFileSize", void 0), t([n({
 	type: String,
 	attribute: "size-error-message"
-})], A.prototype, "sizeErrorMessage", void 0), r([i({ attribute: !1 })], A.prototype, "onFileValidation", void 0), r([i({ attribute: !1 })], A.prototype, "transfers", void 0), r([i({
+})], A.prototype, "sizeErrorMessage", void 0), t([n({ attribute: !1 })], A.prototype, "onFileValidation", void 0), t([n({ attribute: !1 })], A.prototype, "transfers", void 0), t([n({
 	type: Boolean,
 	attribute: "add-comments-enabled"
-})], A.prototype, "addCommentsEnabled", void 0), r([i({
+})], A.prototype, "addCommentsEnabled", void 0), t([n({
 	type: Boolean,
 	attribute: "rename-files-enabled"
-})], A.prototype, "renameFilesEnabled", void 0), r([i({ attribute: !1 })], A.prototype, "extraOperations", void 0), r([i({
+})], A.prototype, "renameFilesEnabled", void 0), t([n({ attribute: !1 })], A.prototype, "extraOperations", void 0), t([n({
 	type: Boolean,
 	reflect: !0,
 	attribute: "enable-image-preview"
-})], A.prototype, "enableImagePreview", void 0), r([i({
+})], A.prototype, "enableImagePreview", void 0), t([n({
 	type: Boolean,
 	attribute: "has-error"
-})], A.prototype, "hasError", void 0), r([i({
+})], A.prototype, "hasError", void 0), t([n({
 	type: String,
 	attribute: "error-message"
-})], A.prototype, "errorMessage", void 0), r([i({
+})], A.prototype, "errorMessage", void 0), t([n({
 	type: Boolean,
 	attribute: "optional-tag"
-})], A.prototype, "optionalTag", void 0), r([i({
+})], A.prototype, "optionalTag", void 0), t([n({
 	type: Boolean,
 	attribute: "required-tag"
-})], A.prototype, "requiredTag", void 0), r([i({
+})], A.prototype, "requiredTag", void 0), t([n({
 	type: Number,
 	attribute: "truncate-tail"
-})], A.prototype, "truncateTail", void 0), r([i({ attribute: !1 })], A.prototype, "value", void 0), r([i({ attribute: !1 })], A.prototype, "defaultValue", void 0), r([n()], A.prototype, "files", void 0), r([n()], A.prototype, "isDragActive", void 0), r([n()], A.prototype, "validationErrorMessage", void 0), r([n()], A.prototype, "addedAnnouncement", void 0), r([n()], A.prototype, "thumbnailUrls", void 0);
+})], A.prototype, "truncateTail", void 0), t([n({ attribute: !1 })], A.prototype, "value", void 0), t([n({ attribute: !1 })], A.prototype, "defaultValue", void 0), t([e()], A.prototype, "files", void 0), t([e()], A.prototype, "isDragActive", void 0), t([e()], A.prototype, "validationErrorMessage", void 0), t([e()], A.prototype, "addedAnnouncement", void 0), t([e()], A.prototype, "thumbnailUrls", void 0);
 //#endregion
 //#region src/components/fileupload/fileupload-operations.ts
 var j = "comments", M = (e) => {
@@ -509,18 +509,18 @@ var j = "comments", M = (e) => {
 	title: "Rediger",
 	ariaLabel: "Rediger filnavn",
 	renderInlineUI: (e) => {
-		let n = e.getAttribute("targetFilename") || e.file.attributes?.targetFilename || e.file.file?.name || "", r = `pkt-fileupload-rename-${e.file.fileId}`, i = () => {
-			let t = document.getElementById(r)?.value?.trim();
+		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();
 		};
-		return t`
-      <label for=${r} class="pkt-sr-only">Endre filnavn</label>
+		return r`
+      <label for=${n} class="pkt-sr-only">Endre filnavn</label>
       <input
-        id=${r}
+        id=${n}
         type="text"
         class="pkt-fileupload__queue-display__item__rename-input"
         ?disabled=${e.disabled}
-        .value=${n}
+        .value=${t}
         @keydown=${(t) => N(t, i, e.close)}
       />
       <button
@@ -542,11 +542,11 @@ var j = "comments", M = (e) => {
     `;
 	},
 	renderHidden: (e) => {
-		let n = e.getAttribute("targetFilename") || e.file.attributes?.targetFilename || e.file.file?.name || "";
-		return t`<input
+		let t = e.getAttribute("targetFilename") || e.file.attributes?.targetFilename || e.file.file?.name || "";
+		return r`<input
       type="hidden"
       name=${`${e.inputName}-targetFilename`}
-      value=${n}
+      value=${t}
     />`;
 	}
 }), L = () => ({
@@ -554,22 +554,22 @@ var j = "comments", M = (e) => {
 	title: (e) => (e.attributes?.[j] ?? []).length > 0 ? "" : "Legg til kommentar",
 	ariaLabel: "Legg til kommentar",
 	renderExtendedUI: (e) => {
-		let n = (e.getAttribute(j) ?? [])[0], r = `pkt-fileupload-comment-${e.file.fileId}`, i = () => {
-			let t = document.getElementById(r)?.value?.trim();
+		let t = (e.getAttribute(j) ?? [])[0], n = `pkt-fileupload-comment-${e.file.fileId}`, i = () => {
+			let t = document.getElementById(n)?.value?.trim();
 			t && e.setAttribute(j, [{
 				text: t,
 				timestamp: (/* @__PURE__ */ new Date()).toISOString()
 			}]), e.close();
 		};
-		return t`
-      <label for=${r} class="pkt-fileupload__queue-display__item__comment-label">
-        ${n ? "Rediger kommentar" : "Legg til kommentar"}
+		return r`
+      <label for=${n} class="pkt-fileupload__queue-display__item__comment-label">
+        ${t ? "Rediger kommentar" : "Legg til kommentar"}
       </label>
       <textarea
-        id=${r}
+        id=${n}
         class="pkt-fileupload__queue-display__item__comment-input"
         ?disabled=${e.disabled}
-        .value=${n?.text ?? ""}
+        .value=${t?.text ?? ""}
         rows="2"
         placeholder="Skriv inn kommentar"
         @keydown=${(t) => P(t, i, e.close)}
@@ -580,7 +580,7 @@ var j = "comments", M = (e) => {
         ?disabled=${e.disabled}
         @click=${i}
       >
-        ${n ? "Lagre kommentar" : "Legg til kommentar"}
+        ${t ? "Lagre kommentar" : "Legg til kommentar"}
       </button>
       <button
         type="button"
@@ -594,18 +594,18 @@ var j = "comments", M = (e) => {
 	},
 	renderContent: (e) => {
 		if (e.isActive) return null;
-		let n = e.getAttribute(j) ?? [];
-		if (n.length === 0) return null;
-		let r = n[0];
-		return t`
+		let t = e.getAttribute(j) ?? [];
+		if (t.length === 0) return null;
+		let n = t[0];
+		return r`
       <div class="pkt-fileupload__queue-display__item__comments">
         <div class="pkt-fileupload__queue-display__item__comment">
           <div class="pkt-fileupload__queue-display__item__comment__content">
             <span class="pkt-fileupload__queue-display__item__comment__text" aria-label="Kommentar tekst">
-              ${r.text}
+              ${n.text}
             </span>
             <time class="pkt-fileupload__queue-display__item__comment__time">
-              ${M(r.timestamp)}
+              ${M(n.timestamp)}
             </time>
           </div>
           <div class="pkt-fileupload__queue-display__item__comment__actions">
@@ -633,29 +633,29 @@ var j = "comments", M = (e) => {
     `;
 	},
 	renderHidden: (e) => {
-		let n = e.getAttribute(j);
-		return t`<input
+		let t = e.getAttribute(j);
+		return r`<input
       type="hidden"
       name=${`${e.inputName}-comments`}
-      value=${n ? JSON.stringify(n) : ""}
+      value=${t ? JSON.stringify(t) : ""}
     />`;
 	}
-}), R = (e, n) => {
-	let r = D(e, n);
-	return r ? t`<span
+}), R = (e, t) => {
+	let n = D(e, t);
+	return n ? r`<span
       class="pkt-fileupload__queue-display__item__title__head"
       data-pkt-truncate-part="first"
-      >${r.head}</span
+      >${n.head}</span
     ><span
       class="pkt-fileupload__queue-display__item__title__tail"
       data-pkt-truncate-part="tail"
-      >${r.tail}</span
-    >` : t`<span data-pkt-truncate-part="first">${e}</span>`;
-}, z = (e, n, r) => t`
+      >${n.tail}</span
+    >` : r`<span data-pkt-truncate-part="first">${e}</span>`;
+}, z = (e, t, n) => r`
   <p class="pkt-fileupload__queue-display__item__title">
-    ${R(e, r)}${n ? t`<span class="pkt-fileupload__queue-display__item__filesize"> (${n})</span>` : null}
+    ${R(e, n)}${t ? r`<span class="pkt-fileupload__queue-display__item__filesize"> (${t})</span>` : null}
   </p>
-`, B = (e) => typeof e == "number" ? "in-progress" : e === "error" ? "error" : "idle", V = (e) => t`<span class="pkt-fileupload__queue-display__item__loading-text" aria-label="Laster opp fil"
+`, B = (e) => typeof e == "number" ? "in-progress" : e === "error" ? "error" : "idle", V = (e) => r`<span class="pkt-fileupload__queue-display__item__loading-text" aria-label="Laster opp fil"
     >${e ?? "Laster opp..."}</span
   >`, H = ({ operationId: e, file: t, inputName: n, disabled: r, isActive: i, onActivateOperation: a, onCloseOperation: o, getFileAttribute: s, setFileAttribute: c }) => ({
 	file: t,
@@ -666,25 +666,25 @@ var j = "comments", M = (e) => {
 	close: () => o(t.fileId),
 	getAttribute: (e) => s(t.fileId, e),
 	setAttribute: (e, n) => c(t.fileId, e, n)
-}), U = ({ file: e, fileSize: n, disabled: r, transferProgress: i, transferShowProgress: a, loadingText: o, truncateTail: s, onCancel: c, iconName: l = "document-text" }) => {
+}), U = ({ 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 t`
+	return r`
     <pkt-icon
       name=${l}
       class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
       aria-hidden="true"
     ></pkt-icon>
-    ${z(u, n, s)}
+    ${z(u, t, s)}
     <button
       type="button"
       class="pkt-fileupload__queue-display__item__cancel-button"
       aria-label="Avbryt opplasting"
-      ?disabled=${r}
+      ?disabled=${n}
       @click=${() => c(e.fileId)}
     >
       Avbryt
     </button>
-    ${d ? t`
+    ${d ? r`
           <pkt-progressbar
             class="pkt-fileupload__queue-display__item__progress"
             valueCurrent=${Math.round(i * 100)}
@@ -697,25 +697,25 @@ var j = "comments", M = (e) => {
           >
         ` : V(o)}
   `;
-}, W = ({ file: e, fileSize: n, disabled: r, transferShowProgress: i, transferLastProgress: a, transferErrorMessage: o, truncateTail: s, onCancel: c }) => {
+}, W = ({ 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 t`
+	return r`
     <pkt-icon
       name="alert-error"
       class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
       aria-hidden="true"
     ></pkt-icon>
-    ${z(l, n, s)}
+    ${z(l, t, s)}
     <button
       type="button"
       class="pkt-fileupload__queue-display__item__cancel-button"
       aria-label="Fjern fil som feilet under opplasting"
-      ?disabled=${r}
+      ?disabled=${n}
       @click=${() => c(e.fileId)}
     >
       Fjern
     </button>
-    ${u ? t`
+    ${u ? r`
           <pkt-progressbar
             class="pkt-fileupload__queue-display__item__progress pkt-fileupload__queue-display__item__progress--error"
             valueCurrent=${d}
@@ -724,30 +724,30 @@ var j = "comments", M = (e) => {
             statusPlacement="following"
           ></pkt-progressbar>
         ` : null}
-    ${o ? t`<span class="pkt-fileupload__queue-display__item__error-message"
+    ${o ? r`<span class="pkt-fileupload__queue-display__item__error-message"
           >${o}</span
         >` : null}
   `;
-}, G = ({ file: e, disabled: n, inputName: r, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: c, getFileAttribute: l, setFileAttribute: u }) => {
+}, G = ({ 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 = H({
 			operationId: i.id,
 			file: e,
-			inputName: r,
-			disabled: n,
+			inputName: n,
+			disabled: t,
 			isActive: i.id === a,
 			onActivateOperation: o,
 			onCloseOperation: c,
 			getFileAttribute: l,
 			setFileAttribute: u
 		}), f = typeof i.title == "function" ? i.title(e) : i.title;
-		return f ? t`<button
+		return f ? r`<button
         type="button"
         class="pkt-fileupload__queue-display__item__operation"
         aria-label=${s(typeof i.ariaLabel == "function" ? i.ariaLabel(e) : i.ariaLabel)}
-        ?disabled=${n}
+        ?disabled=${t}
         @click=${() => {
 			(i.renderInlineUI || i.renderExtendedUI) && d.activate(), i.onClick?.(d);
 		}}
@@ -755,39 +755,39 @@ var j = "comments", M = (e) => {
         ${f}
       </button>` : null;
 	}).filter(Boolean);
-	return f.length === 0 ? null : t`<div class="pkt-fileupload__queue-display__item__actions">${f}</div>`;
-}, K = ({ file: e, disabled: n, inputName: r, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => i.map((i) => {
+	return f.length === 0 ? null : r`<div class="pkt-fileupload__queue-display__item__actions">${f}</div>`;
+}, K = ({ 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 = H({
 		operationId: i.id,
 		file: e,
-		inputName: r,
-		disabled: n,
+		inputName: n,
+		disabled: t,
 		isActive: i.id === a,
 		onActivateOperation: o,
 		onCloseOperation: s,
 		getFileAttribute: c,
 		setFileAttribute: l
 	}), d = i.renderContent(u);
-	return d == null ? null : t`<div class="pkt-fileupload__queue-display__item__operation-content">
+	return d == null ? null : r`<div class="pkt-fileupload__queue-display__item__operation-content">
       ${d}
     </div>`;
-}), q = ({ file: e, disabled: n, inputName: r, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => {
+}), q = ({ 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 = H({
 		operationId: u.id,
 		file: e,
-		inputName: r,
-		disabled: n,
+		inputName: n,
+		disabled: t,
 		isActive: !0,
 		onActivateOperation: o,
 		onCloseOperation: s,
 		getFileAttribute: c,
 		setFileAttribute: l
 	});
-	return t`<div class="pkt-fileupload__queue-display__item__expanded-operation-ui">
+	return r`<div class="pkt-fileupload__queue-display__item__expanded-operation-ui">
     ${u.renderExtendedUI(d)}
   </div>`;
 }, J = ({ file: e, disabled: t, inputName: n, operations: r, activeOperationId: i, onActivateOperation: a, onCloseOperation: o, getFileAttribute: s, setFileAttribute: c }) => r.map((r) => {
@@ -804,16 +804,16 @@ var j = "comments", M = (e) => {
 		setFileAttribute: c
 	});
 	return r.renderHidden(l);
-}), Y = (e, n, r) => t`
+}), Y = (e, t, n) => r`
     <pkt-icon
       name="document-text"
       class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
       aria-hidden="true"
     ></pkt-icon>
-    ${z(k(e), n, r)}
-  `, X = ({ file: e, thumbnailUrl: n, previewEnabled: r, canOpenPreview: i, truncateTail: a, onOpenPreview: c, onThumbnailImageError: l }) => {
-	let u = k(e), d = !!n, f = !!r && !!i, p = f && !!c;
-	return t`
+    ${z(k(e), t, n)}
+  `, X = ({ 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({
 		"pkt-fileupload__queue-display__item__thumbnail": !0,
@@ -830,16 +830,16 @@ var j = "comments", M = (e) => {
 	}}
       >
         <span class="pkt-btn__text">
-          ${f ? t`<pkt-icon
+          ${f ? r`<pkt-icon
                 name="expand"
                 class="pkt-fileupload__queue-display__item__thumbnail__expand-icon"
                 aria-hidden="true"
               ></pkt-icon>` : null}
-          ${d ? t`<img
-                src=${s(n)}
+          ${d ? r`<img
+                src=${s(t)}
                 alt=${u}
                 @error=${() => l?.(e.fileId)}
-              />` : t`<pkt-icon
+              />` : r`<pkt-icon
                 name="document-text"
                 class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
                 aria-hidden="true"
@@ -851,19 +851,19 @@ var j = "comments", M = (e) => {
       >
     </div>
   `;
-}, Z = ({ file: e, inputName: n, disabled: r, 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 }) => {
+}, Z = ({ 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 = B(f), b = a.find((e) => e.id === s), x = b?.renderInlineUI ? b.renderInlineUI(H({
 		operationId: b.id,
 		file: e,
-		inputName: n,
-		disabled: r,
+		inputName: t,
+		disabled: n,
 		isActive: !0,
 		onActivateOperation: c,
 		onCloseOperation: l,
 		getFileAttribute: u,
 		setFileAttribute: d
 	})) : null;
-	return t`
+	return r`
     <li
       class=${o({
 		"pkt-fileupload__queue-display__item": !0,
@@ -874,8 +874,8 @@ var j = "comments", M = (e) => {
     >
       ${J({
 		file: e,
-		disabled: r,
-		inputName: n,
+		disabled: n,
+		inputName: t,
 		operations: a,
 		activeOperationId: s,
 		onActivateOperation: c,
@@ -886,7 +886,7 @@ var j = "comments", M = (e) => {
       ${y === "in-progress" ? U({
 		file: e,
 		fileSize: i,
-		disabled: r,
+		disabled: n,
 		transferProgress: f,
 		transferShowProgress: m,
 		loadingText: g,
@@ -895,13 +895,13 @@ var j = "comments", M = (e) => {
 	}) : y === "error" ? W({
 		file: e,
 		fileSize: i,
-		disabled: r,
+		disabled: n,
 		transferShowProgress: m,
 		transferLastProgress: h,
 		transferErrorMessage: p,
 		truncateTail: _,
 		onCancel: v
-	}) : x ? t`
+	}) : x ? r`
                 <pkt-icon
                   name="document-text"
                   class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
@@ -913,8 +913,8 @@ var j = "comments", M = (e) => {
               ` : Y(e, i, _)}
       ${y === "idle" ? G({
 		file: e,
-		disabled: r,
-		inputName: n,
+		disabled: n,
+		inputName: t,
 		operations: a,
 		activeOperationId: s,
 		onActivateOperation: c,
@@ -924,8 +924,8 @@ var j = "comments", M = (e) => {
 	}) : null}
       ${y === "idle" ? K({
 		file: e,
-		disabled: r,
-		inputName: n,
+		disabled: n,
+		inputName: t,
 		operations: a,
 		activeOperationId: s,
 		onActivateOperation: c,
@@ -935,8 +935,8 @@ var j = "comments", M = (e) => {
 	}) : null}
       ${y === "idle" ? q({
 		file: e,
-		disabled: r,
-		inputName: n,
+		disabled: n,
+		inputName: t,
 		operations: a,
 		activeOperationId: s,
 		onActivateOperation: c,
@@ -946,19 +946,19 @@ var j = "comments", M = (e) => {
 	}) : null}
     </li>
   `;
-}, Q = ({ file: e, inputName: n, disabled: r, 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 }) => {
+}, Q = ({ 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 = B(h), T = l.find((e) => e.id === u), E = T?.renderInlineUI ? T.renderInlineUI(H({
 		operationId: T.id,
 		file: e,
-		inputName: n,
-		disabled: r,
+		inputName: t,
+		disabled: n,
 		isActive: !0,
 		onActivateOperation: d,
 		onCloseOperation: f,
 		getFileAttribute: p,
 		setFileAttribute: m
 	})) : null;
-	return t`
+	return r`
     <li
       class=${o({
 		"pkt-fileupload__queue-display__item": !0,
@@ -969,8 +969,8 @@ var j = "comments", M = (e) => {
     >
       ${J({
 		file: e,
-		disabled: r,
-		inputName: n,
+		disabled: n,
+		inputName: t,
 		operations: l,
 		activeOperationId: u,
 		onActivateOperation: d,
@@ -981,7 +981,7 @@ var j = "comments", M = (e) => {
       ${w === "in-progress" ? U({
 		file: e,
 		fileSize: i,
-		disabled: r,
+		disabled: n,
 		transferProgress: h,
 		transferShowProgress: _,
 		loadingText: y,
@@ -991,13 +991,13 @@ var j = "comments", M = (e) => {
 	}) : w === "error" ? W({
 		file: e,
 		fileSize: i,
-		disabled: r,
+		disabled: n,
 		transferShowProgress: _,
 		transferLastProgress: v,
 		transferErrorMessage: g,
 		truncateTail: b,
 		onCancel: x
-	}) : E ? t`
+	}) : E ? r`
                 <pkt-icon
                   name="picture"
                   class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
@@ -1017,8 +1017,8 @@ var j = "comments", M = (e) => {
 	})}
       ${w === "idle" ? G({
 		file: e,
-		disabled: r,
-		inputName: n,
+		disabled: n,
+		inputName: t,
 		operations: l,
 		activeOperationId: u,
 		onActivateOperation: d,
@@ -1028,8 +1028,8 @@ var j = "comments", M = (e) => {
 	}) : null}
       ${w === "idle" ? K({
 		file: e,
-		disabled: r,
-		inputName: n,
+		disabled: n,
+		inputName: t,
 		operations: l,
 		activeOperationId: u,
 		onActivateOperation: d,
@@ -1039,8 +1039,8 @@ var j = "comments", M = (e) => {
 	}) : null}
       ${w === "idle" ? q({
 		file: e,
-		disabled: r,
-		inputName: n,
+		disabled: n,
+		inputName: t,
 		operations: l,
 		activeOperationId: u,
 		onActivateOperation: d,
@@ -1077,7 +1077,7 @@ var j = "comments", M = (e) => {
 	}
 	render() {
 		let e = this.renderContent();
-		return this.label ? t`
+		return this.label ? r`
       <pkt-input-wrapper
         .forId=${`${this.id}-input`}
         .label=${this.label}
@@ -1096,7 +1096,7 @@ var j = "comments", M = (e) => {
     ` : e;
 	}
 	renderContent() {
-		let e = this.getSortedFilesAndTransfers(), n = this.getPreviewableImages(e), r = 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 ? {
+		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
@@ -1113,7 +1113,7 @@ var j = "comments", M = (e) => {
 			dragActive: u.dropZoneDragActiveSingle,
 			openFileDialog: u.dropZoneOpenFileDialogSingle
 		};
-		return t`
+		return r`
       <div
         class=${o({
 			"pkt-fileupload": !0,
@@ -1155,7 +1155,7 @@ var j = "comments", M = (e) => {
             aria-describedby=${s(i)}
             @change=${this.onNativeFileChange}
           />
-          ${this.uploadStrategy === "custom" ? e.map((e) => t`<input type="hidden" name=${this.name} value=${e.fileId} />`) : null}
+          ${this.uploadStrategy === "custom" ? e.map((e) => r`<input type="hidden" name=${this.name} value=${e.fileId} />`) : null}
           <div class="pkt-fileupload__drop-zone__placeholder">
             <pkt-icon
               name="attachment"
@@ -1163,7 +1163,7 @@ var j = "comments", M = (e) => {
               aria-hidden="true"
             ></pkt-icon>
             <p class="pkt-fileupload__drop-zone__placeholder__title">
-              ${this.isDragActive ? `${a.dragActive} ...` : t`${a.dragInactive}
+              ${this.isDragActive ? `${a.dragActive} ...` : r`${a.dragInactive}
                     <button
                       type="button"
                       class="pkt-fileupload__drop-zone__placeholder__title__open-file-dialog"
@@ -1172,12 +1172,12 @@ var j = "comments", M = (e) => {
                       ${a.openFileDialog}
                     </button>`}
             </p>
-            ${r ? t`<p class="pkt-fileupload__drop-zone__placeholder__formats">
-                  ${u.supportedFormatsPrefix} ${r}
+            ${n ? r`<p class="pkt-fileupload__drop-zone__placeholder__formats">
+                  ${u.supportedFormatsPrefix} ${n}
                 </p>` : null}
           </div>
         </div>
-        ${this.hasEffectiveError ? t`
+        ${this.hasEffectiveError ? r`
               <pkt-alert
                 skin="error"
                 role="alert"
@@ -1189,10 +1189,10 @@ var j = "comments", M = (e) => {
                 ${this.effectiveErrorMessage}
               </pkt-alert>
             ` : null}
-        ${e.length > 0 ? t`<ul class="pkt-fileupload__queue-display">
-              ${e.map((e) => this.renderQueueItem(e, n))}
+        ${e.length > 0 ? r`<ul class="pkt-fileupload__queue-display">
+              ${e.map((e) => this.renderQueueItem(e, t))}
             </ul>` : null}
-        ${this.renderPreviewModal(n)}
+        ${this.renderPreviewModal(t)}
       </div>
     `;
 	}
@@ -1275,10 +1275,10 @@ var j = "comments", M = (e) => {
 	}
 	renderPreviewModal(e) {
 		if (!this.enableImagePreview || e.length === 0) return null;
-		let n = e[this.previewCurrentIndex];
-		if (!n) return null;
-		let r = e.length > 1, i = this.getThumbnailUrl(n), a = !!i && !this.failedImageFileIds[n.fileId]?.preview, o = n.attributes?.targetFilename || n.file?.name || "Forhåndsvisning";
-		return t`
+		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`
       <pkt-modal
         .open=${this.isPreviewModalOpen}
         .headingText=${o}
@@ -1288,7 +1288,7 @@ var j = "comments", M = (e) => {
         @keydown=${(t) => this.onPreviewKeyDown(t, e)}
       >
         <div class="pkt-fileupload__image-preview">
-          ${r ? t`<button
+          ${n ? r`<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}`}
@@ -1303,22 +1303,22 @@ var j = "comments", M = (e) => {
               </button>` : null}
 
           <div class="pkt-fileupload__image-preview__content">
-            ${a ? t`<img
+            ${a ? r`<img
                   src=${i}
                   alt=${`${o} - ${this.previewCurrentIndex + 1} av ${e.length}`}
                   class="pkt-fileupload__image-preview__image"
-                  @error=${() => this.markImageFailed(n.fileId, "preview")}
-                />` : t`<pkt-icon
+                  @error=${() => this.markImageFailed(t.fileId, "preview")}
+                />` : r`<pkt-icon
                   name="picture"
                   class="pkt-fileupload__queue-display__item__icon pkt-icon--medium"
                   aria-hidden="true"
                 ></pkt-icon>`}
           </div>
 
-          ${r ? t`<span class="pkt-fileupload__image-preview__counter">
+          ${n ? r`<span class="pkt-fileupload__image-preview__counter">
                 ${this.previewCurrentIndex + 1} / ${e.length}
               </span>` : null}
-          ${r ? t`<button
+          ${n ? r`<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}`}
@@ -1365,7 +1365,7 @@ var j = "comments", M = (e) => {
 		n === void 0 && delete i[t], this.updateFileItem(e, { attributes: i });
 	}
 };
-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([e("pkt-fileupload")], $);
+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 te = $;