@oslokommune/punkt-elements 18.0.0 → 18.2.0

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

@@ -1,15 +1,15 @@
-import { _ as e, d as t, l as n, n as r, s as i, t as a, u as o } from "./element-BKSPVgs2.js";
-import { t as s } from "./class-map-F1DJHyb7.js";
+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-xspFetQ8.js";
-import "./icon-HYU1f54x.js";
-import { t as u } from "./if-defined-BF8XcDi5.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-Cci_wTvD.js";
+import "./input-wrapper-CQgAL1Br.js";
 import { r as p } from "./focus-trap-DG3pEuyJ.js";
-import "./modal-Cghs3w-d.js";
-import "./progressbar-BexQQw1o.js";
+import "./modal-V-jEe0aY.js";
+import "./progressbar-DS4i8IWq.js";
 //#region ../../shared-utils/fileupload/size.ts
 function m(e) {
 	if (e == null || e === "") return;
@@ -106,7 +106,7 @@ function T(e) {
 function E(e) {
 	return typeof e == "number" ? "in-progress" : e === "error" ? "error" : "idle";
 }
-function D(e, t, n) {
+function ee(e, t, n) {
 	let r = {
 		"in-progress": 0,
 		error: 1,
@@ -125,7 +125,7 @@ function D(e, t, n) {
 }
 //#endregion
 //#region ../../shared-utils/fileupload/truncate.ts
-function O(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)
@@ -133,12 +133,12 @@ function O(e, t) {
 }
 //#endregion
 //#region ../../shared-utils/fileupload/navigation.ts
-function k(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 A(e, t) {
+function k(e, t) {
 	let n = e.length;
 	if (n === 0 || !t || t.length === 0) return {
 		totalCount: n,
@@ -158,316 +158,14 @@ function A(e, t) {
 }
 //#endregion
 //#region ../../shared-utils/fileupload/filename.ts
-function j(e, t = i.fileupload.unknownFilename) {
+function A(e, t = i.fileupload.unknownFilename) {
 	return e.attributes?.targetFilename || e.file?.name || t;
 }
-var M = {
-	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
-				}
-			}
-		}
-	}
-}, N = class extends a {
+//#endregion
+//#region src/components/fileupload/fileupload-base.ts
+var j = class extends a {
 	constructor(...e) {
-		super(...e), this.id = `pkt-fileupload-${f()}`, this.name = "files", this.label = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = M.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.requiredTag = !1, this.requiredText = M.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.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) => {
@@ -624,7 +322,7 @@ var M = {
 		return S(this.allowedFormats, this.accept);
 	}
 	getSortedFilesAndTransfers() {
-		return D(this.getCurrentFiles(), this.transfers, this.uploadStrategy);
+		return ee(this.getCurrentFiles(), this.transfers, this.uploadStrategy);
 	}
 	validateFile(e) {
 		let t = w(e, {
@@ -678,7 +376,7 @@ var M = {
 	}
 	getSrUploadedMessage() {
 		if (this.addedAnnouncement) return this.addedAnnouncement;
-		let { totalCount: e, uploadedCount: t } = A(this.getCurrentFiles(), this.transfers);
+		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, {
@@ -688,7 +386,7 @@ var M = {
 		});
 	}
 	getSrErrorsMessage() {
-		let { totalCount: e, failedCount: t } = A(this.getCurrentFiles(), this.transfers);
+		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, {
@@ -705,92 +403,92 @@ var M = {
 		this.connectedForm &&= (this.connectedForm.removeEventListener("submit", this.onHostFormSubmit), null);
 	}
 };
-r([o({ type: String })], N.prototype, "id", void 0), r([o({ type: String })], N.prototype, "name", void 0), r([o({ type: String })], N.prototype, "label", void 0), r([o({ type: String })], N.prototype, "helptext", void 0), r([o({
+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"
-})], N.prototype, "helptextDropdown", void 0), r([o({
+})], j.prototype, "helptextDropdown", void 0), r([o({
 	type: String,
 	attribute: "helptext-dropdown-button"
-})], N.prototype, "helptextDropdownButton", void 0), r([o({
+})], j.prototype, "helptextDropdownButton", void 0), r([o({
 	type: Boolean,
 	reflect: !0
-})], N.prototype, "required", void 0), r([o({
+})], j.prototype, "required", void 0), r([o({
 	type: Boolean,
 	reflect: !0
-})], N.prototype, "multiple", void 0), r([o({
+})], j.prototype, "multiple", void 0), r([o({
 	type: Boolean,
 	reflect: !0
-})], N.prototype, "disabled", void 0), r([o({
+})], j.prototype, "disabled", void 0), r([o({
 	type: Boolean,
 	reflect: !0,
 	attribute: "fullwidth"
-})], N.prototype, "fullwidth", void 0), r([o({
+})], j.prototype, "fullwidth", void 0), r([o({
 	type: String,
 	reflect: !0,
 	attribute: "upload-strategy"
-})], N.prototype, "uploadStrategy", void 0), r([o({
+})], j.prototype, "uploadStrategy", void 0), r([o({
 	type: String,
 	reflect: !0,
 	attribute: "item-renderer"
-})], N.prototype, "itemRenderer", void 0), r([o({ type: String })], N.prototype, "accept", void 0), r([o({
+})], j.prototype, "itemRenderer", void 0), r([o({ type: String })], j.prototype, "accept", void 0), r([o({
 	converter: d.csvToArray,
 	attribute: "allowed-formats"
-})], N.prototype, "allowedFormats", void 0), r([o({
+})], j.prototype, "allowedFormats", void 0), r([o({
 	type: String,
 	attribute: "format-error-message"
-})], N.prototype, "formatErrorMessage", void 0), r([o({ attribute: "max-file-size" })], N.prototype, "maxFileSize", void 0), r([o({
+})], j.prototype, "formatErrorMessage", void 0), r([o({ attribute: "max-file-size" })], j.prototype, "maxFileSize", void 0), r([o({
 	type: String,
 	attribute: "size-error-message"
-})], N.prototype, "sizeErrorMessage", void 0), r([o({ attribute: !1 })], N.prototype, "onFileValidation", void 0), r([o({ attribute: !1 })], N.prototype, "transfers", void 0), r([o({
+})], 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"
-})], N.prototype, "addCommentsEnabled", void 0), r([o({
+})], j.prototype, "addCommentsEnabled", void 0), r([o({
 	type: Boolean,
 	attribute: "rename-files-enabled"
-})], N.prototype, "renameFilesEnabled", void 0), r([o({ attribute: !1 })], N.prototype, "extraOperations", void 0), r([o({
+})], j.prototype, "renameFilesEnabled", void 0), r([o({ attribute: !1 })], j.prototype, "extraOperations", void 0), r([o({
 	type: Boolean,
 	reflect: !0,
 	attribute: "enable-image-preview"
-})], N.prototype, "enableImagePreview", void 0), r([o({
+})], j.prototype, "enableImagePreview", void 0), r([o({
 	type: Boolean,
 	attribute: "has-error"
-})], N.prototype, "hasError", void 0), r([o({
+})], j.prototype, "hasError", void 0), r([o({
 	type: String,
 	attribute: "error-message"
-})], N.prototype, "errorMessage", void 0), r([o({
+})], j.prototype, "errorMessage", void 0), r([o({
 	type: Boolean,
 	attribute: "optional-tag"
-})], N.prototype, "optionalTag", void 0), r([o({
+})], j.prototype, "optionalTag", void 0), r([o({
 	type: String,
 	attribute: "optional-text"
-})], N.prototype, "optionalText", void 0), r([o({
+})], j.prototype, "optionalText", void 0), r([o({
 	type: Boolean,
 	attribute: "required-tag"
-})], N.prototype, "requiredTag", void 0), r([o({
+})], j.prototype, "requiredTag", void 0), r([o({
 	type: String,
 	attribute: "required-text"
-})], N.prototype, "requiredText", void 0), r([o({
+})], j.prototype, "requiredText", void 0), r([o({
 	type: String,
 	attribute: "tag-text"
-})], N.prototype, "tagText", void 0), r([o({
+})], j.prototype, "tagText", void 0), r([o({
 	type: Number,
 	attribute: "truncate-tail"
-})], N.prototype, "truncateTail", void 0), r([o({ attribute: !1 })], N.prototype, "value", void 0), r([o({ attribute: !1 })], N.prototype, "defaultValue", void 0), r([n()], N.prototype, "files", void 0), r([n()], N.prototype, "isDragActive", void 0), r([n()], N.prototype, "validationErrorMessage", void 0), r([n()], N.prototype, "addedAnnouncement", void 0), r([n()], N.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 P = "comments", F = (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")}`;
-}, I = (e, t, n) => {
+}, P = (e, t, n) => {
 	e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), t()), e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), n());
-}, L = (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());
-}, R = (e) => ({
+}, I = (e) => ({
 	id: "remove",
 	title: "Slett",
 	ariaLabel: "Slett fil",
 	onClick: ({ file: t }) => e(t.fileId)
-}), z = () => ({
+}), L = () => ({
 	id: "rename",
 	title: "Rediger",
 	ariaLabel: "Rediger filnavn",
@@ -807,7 +505,7 @@ var P = "comments", F = (e) => {
         class="pkt-fileupload__queue-display__item__rename-input"
         ?disabled=${t.disabled}
         .value=${n}
-        @keydown=${(e) => I(e, i, t.close)}
+        @keydown=${(e) => P(e, i, t.close)}
       />
       <button
         type="button"
@@ -835,14 +533,14 @@ var P = "comments", F = (e) => {
       value=${n}
     />`;
 	}
-}), B = () => ({
+}), R = () => ({
 	id: "comment",
-	title: (e) => (e.attributes?.[P] ?? []).length > 0 ? "" : "Legg til kommentar",
+	title: (e) => (e.attributes?.[M] ?? []).length > 0 ? "" : "Legg til kommentar",
 	ariaLabel: "Legg til kommentar",
 	renderExtendedUI: (t) => {
-		let n = (t.getAttribute(P) ?? [])[0], r = `pkt-fileupload-comment-${t.file.fileId}`, i = () => {
+		let n = (t.getAttribute(M) ?? [])[0], r = `pkt-fileupload-comment-${t.file.fileId}`, i = () => {
 			let e = document.getElementById(r)?.value?.trim();
-			e && t.setAttribute(P, [{
+			e && t.setAttribute(M, [{
 				text: e,
 				timestamp: (/* @__PURE__ */ new Date()).toISOString()
 			}]), t.close();
@@ -858,7 +556,7 @@ var P = "comments", F = (e) => {
         .value=${n?.text ?? ""}
         rows="2"
         placeholder="Skriv inn kommentar"
-        @keydown=${(e) => L(e, i, t.close)}
+        @keydown=${(e) => F(e, i, t.close)}
       ></textarea>
       <button
         type="button"
@@ -880,7 +578,7 @@ var P = "comments", F = (e) => {
 	},
 	renderContent: (t) => {
 		if (t.isActive) return null;
-		let n = t.getAttribute(P) ?? [];
+		let n = t.getAttribute(M) ?? [];
 		if (n.length === 0) return null;
 		let r = n[0];
 		return e`
@@ -891,7 +589,7 @@ var P = "comments", F = (e) => {
               ${r.text}
             </span>
             <time class="pkt-fileupload__queue-display__item__comment__time">
-              ${F(r.timestamp)}
+              ${N(r.timestamp)}
             </time>
           </div>
           <div class="pkt-fileupload__queue-display__item__comment__actions">
@@ -909,7 +607,7 @@ var P = "comments", F = (e) => {
               class="pkt-fileupload__queue-display__item__comment__action"
               aria-label="Slett kommentar"
               ?disabled=${t.disabled}
-              @click=${() => t.setAttribute(P, void 0)}
+              @click=${() => t.setAttribute(M, void 0)}
             >
               <pkt-icon name="trash-can"></pkt-icon>
             </button>
@@ -919,15 +617,15 @@ var P = "comments", F = (e) => {
     `;
 	},
 	renderHidden: (t) => {
-		let n = t.getAttribute(P);
+		let n = t.getAttribute(M);
 		return e`<input
       type="hidden"
       name=${`${t.inputName}-comments`}
       value=${n ? JSON.stringify(n) : ""}
     />`;
 	}
-}), V = (t, n) => {
-	let r = O(t, n);
+}), 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"
@@ -937,13 +635,13 @@ var P = "comments", F = (e) => {
       data-pkt-truncate-part="tail"
       >${r.tail}</span
     >` : e`<span data-pkt-truncate-part="first">${t}</span>`;
-}, H = (t, n, r) => e`
+}, B = (t, n, r) => e`
   <p class="pkt-fileupload__queue-display__item__title">
-    ${V(t, r)}${n ? e`<span class="pkt-fileupload__queue-display__item__filesize"> (${n})</span>` : null}
+    ${z(t, r)}${n ? e`<span class="pkt-fileupload__queue-display__item__filesize"> (${n})</span>` : null}
   </p>
-`, U = (e) => typeof e == "number" ? "in-progress" : e === "error" ? "error" : "idle", W = (t) => e`<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 = (t) => e`<span class="pkt-fileupload__queue-display__item__loading-text" aria-label="Laster opp fil"
     >${t ?? "Laster opp..."}</span
-  >`, G = ({ 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,
@@ -952,15 +650,15 @@ var P = "comments", F = (e) => {
 	close: () => o(t.fileId),
 	getAttribute: (e) => s(t.fileId, e),
 	setAttribute: (e, n) => c(t.fileId, e, n)
-}), K = ({ file: t, fileSize: n, disabled: r, transferProgress: i, transferShowProgress: a, loadingText: o, truncateTail: s, onCancel: c, iconName: l = "document-text" }) => {
-	let u = j(t), d = a ?? i !== 0;
+}), 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>
-    ${H(u, n, s)}
+    ${B(u, n, s)}
     <button
       type="button"
       class="pkt-fileupload__queue-display__item__cancel-button"
@@ -981,17 +679,17 @@ var P = "comments", F = (e) => {
           <span class="pkt-fileupload__queue-display__item__percentage" aria-hidden="true"
             >${Math.round(i * 100)}%</span
           >
-        ` : W(o)}
+        ` : H(o)}
   `;
-}, q = ({ file: t, fileSize: n, disabled: r, transferShowProgress: i, transferLastProgress: a, transferErrorMessage: o, truncateTail: s, onCancel: c }) => {
-	let l = j(t), u = !!i, d = Math.round((a ?? 1) * 100);
+}, 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>
-    ${H(l, n, s)}
+    ${B(l, n, s)}
     <button
       type="button"
       class="pkt-fileupload__queue-display__item__cancel-button"
@@ -1014,11 +712,11 @@ var P = "comments", F = (e) => {
           >${o}</span
         >` : null}
   `;
-}, J = ({ file: t, disabled: n, inputName: r, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => {
+}, 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 = G({
+		let d = U({
 			operationId: i.id,
 			file: t,
 			inputName: r,
@@ -1044,9 +742,9 @@ var P = "comments", F = (e) => {
       </button>`;
 	}).filter(Boolean);
 	return f.length === 0 ? null : e`<div class="pkt-fileupload__queue-display__item__actions">${f}</div>`;
-}, Y = ({ file: t, disabled: n, inputName: r, operations: i, activeOperationId: a, onActivateOperation: o, onCloseOperation: s, getFileAttribute: c, setFileAttribute: l }) => i.map((i) => {
+}, 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 = G({
+	let u = U({
 		operationId: i.id,
 		file: t,
 		inputName: r,
@@ -1060,11 +758,11 @@ var P = "comments", F = (e) => {
 	return d == null ? null : e`<div class="pkt-fileupload__queue-display__item__operation-content">
       ${d}
     </div>`;
-}), X = ({ file: t, disabled: n, inputName: r, 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 = G({
+	let d = U({
 		operationId: u.id,
 		file: t,
 		inputName: r,
@@ -1078,9 +776,9 @@ var P = "comments", F = (e) => {
 	return e`<div class="pkt-fileupload__queue-display__item__expanded-operation-ui">
     ${u.renderExtendedUI(d)}
   </div>`;
-}, Z = ({ 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 = G({
+	let l = U({
 		operationId: r.id,
 		file: e,
 		inputName: n,
@@ -1092,18 +790,18 @@ var P = "comments", F = (e) => {
 		setFileAttribute: c
 	});
 	return r.renderHidden(l);
-}), Q = (t, n, r) => {
-	let i = j(t);
+}), 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>
-    ${H(i, n, r)}
+    ${B(i, n, r)}
   `;
-}, ee = ({ file: t, thumbnailUrl: n, previewEnabled: r, canOpenPreview: a, truncateTail: o, onOpenPreview: c, onThumbnailImageError: d }) => {
-	let f = j(t), p = !!n, m = !!r && !!a, h = m && !!c;
+}, 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=${s({
@@ -1138,12 +836,12 @@ var P = "comments", F = (e) => {
         </span>
       </button>
       <span class="pkt-fileupload__queue-display__item__thumbnail__title"
-        >${V(f, o)}</span
+        >${z(f, o)}</span
       >
     </div>
   `;
-}, te = ({ 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 = U(f), b = a.find((e) => e.id === o), x = b?.renderInlineUI ? b.renderInlineUI(G({
+}, 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: t,
 		inputName: n,
@@ -1163,7 +861,7 @@ var P = "comments", F = (e) => {
 		[`pkt-fileupload__queue-display__item--${f}`]: typeof f == "string"
 	})}
     >
-      ${Z({
+      ${Y({
 		file: t,
 		disabled: r,
 		inputName: n,
@@ -1174,7 +872,7 @@ var P = "comments", F = (e) => {
 		getFileAttribute: u,
 		setFileAttribute: d
 	})}
-      ${y === "in-progress" ? K({
+      ${y === "in-progress" ? W({
 		file: t,
 		fileSize: i,
 		disabled: r,
@@ -1183,7 +881,7 @@ var P = "comments", F = (e) => {
 		loadingText: g,
 		truncateTail: _,
 		onCancel: v
-	}) : y === "error" ? q({
+	}) : y === "error" ? G({
 		file: t,
 		fileSize: i,
 		disabled: r,
@@ -1201,8 +899,8 @@ var P = "comments", F = (e) => {
                 <div class="pkt-fileupload__queue-display__item__inline-ui">
                   ${x}
                 </div>
-              ` : Q(t, i, _)}
-      ${y === "idle" ? J({
+              ` : X(t, i, _)}
+      ${y === "idle" ? K({
 		file: t,
 		disabled: r,
 		inputName: n,
@@ -1213,7 +911,7 @@ var P = "comments", F = (e) => {
 		getFileAttribute: u,
 		setFileAttribute: d
 	}) : null}
-      ${y === "idle" ? Y({
+      ${y === "idle" ? q({
 		file: t,
 		disabled: r,
 		inputName: n,
@@ -1224,7 +922,7 @@ var P = "comments", F = (e) => {
 		getFileAttribute: u,
 		setFileAttribute: d
 	}) : null}
-      ${y === "idle" ? X({
+      ${y === "idle" ? J({
 		file: t,
 		disabled: r,
 		inputName: n,
@@ -1237,8 +935,8 @@ var P = "comments", F = (e) => {
 	}) : null}
     </li>
   `;
-}, ne = ({ 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 = U(h), T = l.find((e) => e.id === u), E = T?.renderInlineUI ? T.renderInlineUI(G({
+}, 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: t,
 		inputName: n,
@@ -1258,7 +956,7 @@ var P = "comments", F = (e) => {
 		[`pkt-fileupload__queue-display__item--${h}`]: typeof h == "string"
 	})}
     >
-      ${Z({
+      ${Y({
 		file: t,
 		disabled: r,
 		inputName: n,
@@ -1269,7 +967,7 @@ var P = "comments", F = (e) => {
 		getFileAttribute: p,
 		setFileAttribute: m
 	})}
-      ${w === "in-progress" ? K({
+      ${w === "in-progress" ? W({
 		file: t,
 		fileSize: i,
 		disabled: r,
@@ -1279,7 +977,7 @@ var P = "comments", F = (e) => {
 		truncateTail: b,
 		onCancel: x,
 		iconName: "picture"
-	}) : w === "error" ? q({
+	}) : w === "error" ? G({
 		file: t,
 		fileSize: i,
 		disabled: r,
@@ -1297,7 +995,7 @@ var P = "comments", F = (e) => {
                 <div class="pkt-fileupload__queue-display__item__inline-ui">
                   ${E}
                 </div>
-              ` : ee({
+              ` : Z({
 		file: t,
 		thumbnailUrl: a,
 		previewEnabled: o,
@@ -1306,7 +1004,7 @@ var P = "comments", F = (e) => {
 		onOpenPreview: S,
 		onThumbnailImageError: C
 	})}
-      ${w === "idle" ? J({
+      ${w === "idle" ? K({
 		file: t,
 		disabled: r,
 		inputName: n,
@@ -1317,7 +1015,7 @@ var P = "comments", F = (e) => {
 		getFileAttribute: p,
 		setFileAttribute: m
 	}) : null}
-      ${w === "idle" ? Y({
+      ${w === "idle" ? q({
 		file: t,
 		disabled: r,
 		inputName: n,
@@ -1328,7 +1026,7 @@ var P = "comments", F = (e) => {
 		getFileAttribute: p,
 		setFileAttribute: m
 	}) : null}
-      ${w === "idle" ? X({
+      ${w === "idle" ? J({
 		file: t,
 		disabled: r,
 		inputName: n,
@@ -1341,7 +1039,7 @@ var P = "comments", F = (e) => {
 	}) : null}
     </li>
   `;
-}, $ = class extends N {
+}, $ = class extends j {
 	constructor(...e) {
 		super(...e), this.activeOperationByFileId = {}, this.isPreviewModalOpen = !1, this.previewCurrentIndex = 0, this.failedImageFileIds = {}, this.closePreview = () => {
 			this.isPreviewModalOpen = !1;
@@ -1497,7 +1195,7 @@ var P = "comments", F = (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 ne({
+			return te({
 				file: e,
 				inputName: this.name,
 				disabled: this.disabled,
@@ -1522,7 +1220,7 @@ var P = "comments", F = (e) => {
 				onThumbnailImageError: (e) => this.markImageFailed(e, "thumbnail")
 			});
 		}
-		return te({
+		return Q({
 			file: e,
 			inputName: this.name,
 			disabled: this.disabled,
@@ -1568,7 +1266,7 @@ var P = "comments", F = (e) => {
 		});
 	}
 	navigatePreview(e, t) {
-		t.length !== 0 && (this.previewCurrentIndex = k(this.previewCurrentIndex, e, t.length));
+		t.length !== 0 && (this.previewCurrentIndex = O(this.previewCurrentIndex, e, t.length));
 	}
 	renderPreviewModal(t) {
 		if (!this.enableImagePreview || t.length === 0) return null;
@@ -1634,7 +1332,7 @@ var P = "comments", F = (e) => {
 	}
 	getQueueItemOperations() {
 		let e = [];
-		return this.renameFilesEnabled && this.itemRenderer !== "thumbnail" && e.push(z()), this.addCommentsEnabled && this.itemRenderer !== "thumbnail" && e.push(B()), e.push(...this.extraOperations), e.push(R((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 = {
@@ -1665,6 +1363,6 @@ var P = "comments", F = (e) => {
 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 re = $;
+var ne = $;
 //#endregion
-export { $ as n, re as t };
+export { $ as n, ne as t };