@templatical/editor 0.39.1 → 0.39.2

package/dist/cdn/chunks/editor-modal-C-yBlj2C.js

@@ -0,0 +1,2700 @@
+import { A as e, B as t, E as n, F as r, H as i, L as a, N as o, P as s, Q as c, S as l, U as u, Y as d, at as f, b as p, c as m, ct as h, d as g, f as _, g as v, h as y, l as b, lt as x, m as S, n as C, nt as w, o as T, p as E, q as D, rt as O, u as k, ut as A, x as j, y as M } from "./draggable-IB4x6w2O.js";
+import { h as N } from "./dist-BRZhN8qJ.js";
+import { a as P, n as F, o as I, r as L, s as R, t as z } from "./dist-CXB2_kBa.js";
+import { C as B, Et as V, J as ee, K as H, Lt as U, N as te, Pt as W, U as G, at as ne, bt as K, ct as re, d as ie, gt as ae, it as q, n as oe, s as se, yt as J, z as ce } from "./icons-BKkJ-5xF.js";
+import { t as Y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+//#region ../media-library/src/keys.ts
+var le = Symbol("templaticalMediaLimits"), X = Symbol("templaticalMediaPopoverTarget"), ue = Symbol("templaticalMediaTranslations"), Z = Symbol("templaticalMediaUiTheme"), de = Symbol("templaticalMediaUiLocale"), fe = { mediaLibrary: {
+	title: "Media Library",
+	searchPlaceholder: "Search files...",
+	allFiles: "All Files",
+	filterAll: "All Types",
+	filterImages: "Images",
+	filterDocuments: "Documents",
+	filterVideos: "Videos",
+	filterAudio: "Audio",
+	newFolder: "New Folder",
+	folderName: "Folder name",
+	noFiles: "No files found",
+	noSearchResults: "No files match your search",
+	dropOrClick: "Drop files here or click to upload",
+	acceptedFormats: "Images, PDF, Video, Audio, Documents (max 10MB)",
+	uploading: "Uploading...",
+	uploadingProgress: "Uploading {current} of {total}...",
+	selectImage: "Select Image",
+	selectFile: "Select File",
+	deleteSelected: "Delete",
+	copyUrl: "Copy URL",
+	copied: "Copied!",
+	browseMedia: "Browse Media Library",
+	renameFolder: "Rename folder",
+	addSubfolder: "Add subfolder",
+	subfolderName: "Subfolder name",
+	sortNewest: "Newest First",
+	sortOldest: "Oldest First",
+	sortNameAsc: "Name A-Z",
+	sortNameDesc: "Name Z-A",
+	sortSizeAsc: "Smallest First",
+	sortSizeDesc: "Largest First",
+	moveSelected: "Move",
+	moveToRoot: "All Files",
+	currentFolder: "(current)",
+	confirmDelete: "Confirm?",
+	renameFile: "Rename",
+	editFile: "Edit File",
+	fileName: "Filename",
+	altText: "Alt Text",
+	altTextPlaceholder: "Describe this image for accessibility",
+	saveChanges: "Save",
+	cancel: "Cancel",
+	frequentlyUsed: "Frequently Used",
+	deleteWarningTitle: "Delete File",
+	deleteWarningMessage: "Are you sure? This action is irreversible.",
+	deleteWarningUsageNote: "The following files are used in templates. Deleting them may break those templates.",
+	deleteAnyway: "Delete",
+	usedInTemplates: "Used in {count} template(s)",
+	viewGrid: "Grid view",
+	viewList: "List view",
+	showFolders: "Show folders",
+	hideFolders: "Hide folders",
+	importFromUrl: "Import from URL",
+	importUrlPlaceholder: "https://example.com/image.jpg",
+	import: "Import",
+	importing: "Importing...",
+	importError: "Failed to import from URL",
+	replaceFile: "Replace File",
+	replaceWarningTitle: "Replace File",
+	replaceWarningMessage: "You are about to replace this file. The replacement must have the same file extension ({extension}).",
+	replaceWarningUsageNote: "This file is used in {count} template(s). Replacing it will update all references.",
+	replaceSelectFile: "Select replacement file",
+	replace: "Replace",
+	replacing: "Replacing...",
+	replaceError: "Failed to replace file",
+	saving: "Saving...",
+	cropAspectRatio: "Aspect Ratio",
+	cropFree: "Free",
+	cropSquare: "1:1",
+	cropLandscape43: "4:3",
+	cropLandscape169: "16:9",
+	cropOriginal: "Original",
+	cropMaxWidth: "Max Width",
+	cropMaxHeight: "Max Height",
+	cropOutputSize: "Output Size",
+	cropPixels: "px",
+	cropOptional: "(optional)",
+	close: "Close",
+	searchAriaLabel: "Search files",
+	filterAriaLabel: "Filter by type",
+	filesListAriaLabel: "Files",
+	loading: "Loading",
+	expandFolder: "Expand folder",
+	collapseFolder: "Collapse folder",
+	deleteFolder: "Delete folder",
+	deleteFolderConfirm: "Confirm delete",
+	storageTooltip: "{used} of {total} used ({remaining} remaining)"
+} };
+//#endregion
+//#region ../media-library/src/composables/useI18n.ts
+function Q(e) {
+	let t = e ?? n(ue, null), r = (D(t) ? t.value : t) ?? fe;
+	function i(e, t) {
+		return e.replace(/\{(\w+)\}/g, (e, n) => n in t ? String(t[n]) : `{${n}}`);
+	}
+	return {
+		t: r,
+		format: i
+	};
+}
+//#endregion
+//#region ../media-library/src/composables/useMediaCategories.ts
+var pe = [
+	"images",
+	"documents",
+	"videos",
+	"audio"
+];
+function $(e) {
+	let t = e ?? n(le, null);
+	if (!t) throw Error("[Templatical] useMediaCategories() needs media limits in scope. Render it under <MediaLibraryModal> or provide MEDIA_LIMITS_KEY yourself.");
+	let r = t, i = _(() => !0), a = _(() => r.maxFileSize ?? Infinity), o = _(() => {
+		let e = r.accept;
+		if (e && e.length > 0) return e;
+		let t = r.mimeTypes;
+		return t ? Object.keys(t) : pe;
+	}), s = _(() => {
+		let e = r.mimeTypes;
+		return e ? o.value.flatMap((t) => e[t] ?? []) : [];
+	}), c = _(() => s.value.join(","));
+	function l(e, t) {
+		let n = r.mimeTypes;
+		return !n || (t && t.length > 0 ? t : Object.keys(n)).some((t) => n[t]?.includes(e) ?? !1);
+	}
+	function u(e) {
+		return l(e.type) && e.size <= a.value;
+	}
+	function d(e) {
+		let t = r.mimeTypes;
+		return t ? t.images?.includes(e) ?? !1 : e.startsWith("image/");
+	}
+	function f(e) {
+		let t = r.mimeTypes;
+		if (!t) return null;
+		for (let [n, r] of Object.entries(t)) if (r?.includes(e)) return n;
+		return null;
+	}
+	return {
+		isMediaLibraryEnabled: i,
+		allAcceptedMimeTypes: s,
+		allAcceptedInputString: c,
+		maxFileSize: a,
+		availableCategories: o,
+		isAcceptedMimeType: l,
+		isAcceptedFile: u,
+		isImageMimeType: d,
+		getCategoryForMimeType: f
+	};
+}
+//#endregion
+//#region ../media-library/src/composables/useFocusTrap.ts
+var me = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function he(e, n) {
+	let r = null, i = null, a = null;
+	function o(e) {
+		if (!e) return document;
+		let t = e.getRootNode();
+		return t && "activeElement" in t ? t : document;
+	}
+	function s() {
+		return e.value ? Array.from(e.value.querySelectorAll(me)).filter((e) => e.offsetParent !== null) : [];
+	}
+	function c(t) {
+		if (t.key !== "Tab") return;
+		let n = s();
+		if (n.length === 0) return;
+		let r = n[0], i = n[n.length - 1], a = o(e.value).activeElement;
+		t.shiftKey ? a === r && (t.preventDefault(), i.focus()) : a === i && (t.preventDefault(), r.focus());
+	}
+	function l() {
+		let t = i !== null || a !== null;
+		t && u({ restoreFocus: !1 }), t || (r = o(e.value).activeElement), a = requestAnimationFrame(() => {
+			a = null;
+			let t = s();
+			t.length > 0 && (e.value?.querySelector("[autofocus], input:not([disabled])") ?? t[0]).focus();
+		}), i = P(e, "keydown", c);
+	}
+	function u(e = {}) {
+		let t = e.restoreFocus !== !1;
+		a !== null && (typeof cancelAnimationFrame < "u" && cancelAnimationFrame(a), a = null), i?.(), i = null, t && r && r.focus && (r.focus(), r = null);
+	}
+	let f = t([n, e], ([e, t]) => {
+		e && t ? l() : u();
+	}, { flush: "post" });
+	d(() => {
+		f(), u();
+	});
+}
+//#endregion
+//#region ../media-library/src/components/media/MediaBreadcrumb.vue?vue&type=script&setup=true&lang.ts
+var ge = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-1 tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, _e = ["onClick"], ve = {
+	key: 1,
+	style: { color: "var(--tpl-text)" }
+}, ye = /* @__PURE__ */ l({
+	__name: "MediaBreadcrumb",
+	props: {
+		folders: {},
+		currentFolderId: {}
+	},
+	emits: ["navigate"],
+	setup(e, { emit: t }) {
+		let n = e, i = t, { t: a } = Q(), s = _(() => {
+			if (!n.currentFolderId) return [];
+			let e = [];
+			return c(n.folders, n.currentFolderId, e), e;
+		});
+		function c(e, t, n) {
+			for (let r of e) {
+				if (r.id === t) return n.push(r), !0;
+				if (c(r.children, t, n)) return n.unshift(r), !0;
+			}
+			return !1;
+		}
+		return (e, t) => s.value.length > 0 ? (o(), v("div", ge, [E("button", {
+			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
+			style: { color: "var(--tpl-primary)" },
+			onClick: t[0] ||= (e) => i("navigate", null)
+		}, A(f(a).mediaLibrary.allFiles), 1), (o(!0), v(k, null, r(s.value, (e, t) => (o(), v(k, { key: e.id }, [p(f(W), {
+			size: 12,
+			"stroke-width": 2
+		}), t < s.value.length - 1 ? (o(), v("button", {
+			key: 0,
+			class: "tpl:transition-colors tpl:duration-150 tpl:hover:underline",
+			style: { color: "var(--tpl-primary)" },
+			onClick: (t) => i("navigate", e.id)
+		}, A(e.name), 9, _e)) : (o(), v("span", ve, A(e.name), 1))], 64))), 128))])) : y("", !0);
+	}
+}), be = ["aria-expanded", "aria-label"], xe = {
+	key: 1,
+	class: "tpl:size-4 tpl:shrink-0"
+}, Se = {
+	key: 0,
+	class: "tpl:truncate"
+}, Ce = ["onKeydown"], we = ["title", "aria-label"], Te = ["title", "aria-label"], Ee = ["title", "aria-label"], De = { key: 0 }, Oe = ["placeholder", "onKeydown"], ke = /* @__PURE__ */ l({
+	__name: "MediaFolderTreeNode",
+	props: {
+		folder: {},
+		currentFolderId: {},
+		depth: {},
+		canCreateFolder: { type: Boolean },
+		canRenameFolder: { type: Boolean },
+		canDeleteFolder: { type: Boolean }
+	},
+	emits: [
+		"navigate",
+		"createFolder",
+		"renameFolder",
+		"deleteFolder"
+	],
+	setup(e, { emit: t }) {
+		let n = e, i = t, { t: s } = Q(), l = c(!1), d = c(!1), g = c(""), C = c(!1), w = c(""), D = c(!1), O = _(() => n.folder.children.length > 0), j = _(() => n.depth < 4), M = _(() => n.currentFolderId === n.folder.id), N = _(() => n.currentFolderId ? F(n.folder.children, n.currentFolderId) : !1), P = _(() => l.value || N.value);
+		function F(e, t) {
+			for (let n of e) if (n.id === t || F(n.children, t)) return !0;
+			return !1;
+		}
+		function I() {
+			l.value = !l.value;
+		}
+		function L() {
+			d.value = !0, g.value = n.folder.name;
+		}
+		function R() {
+			let e = g.value.trim();
+			e && e !== n.folder.name && i("renameFolder", n.folder.id, e), d.value = !1, g.value = "";
+		}
+		function z() {
+			d.value = !1, g.value = "";
+		}
+		function B() {
+			C.value = !0, w.value = "", l.value = !0;
+		}
+		function V() {
+			w.value.trim() && i("createFolder", w.value.trim(), n.folder.id), C.value = !1, w.value = "";
+		}
+		function ee() {
+			C.value = !1, w.value = "";
+		}
+		function U() {
+			if (D.value) {
+				i("deleteFolder", n.folder.id), D.value = !1;
+				return;
+			}
+			D.value = !0;
+		}
+		function te(e) {
+			let t = e.relatedTarget;
+			t && e.currentTarget.contains(t) || (D.value = !1);
+		}
+		return (t, n) => {
+			let c = a("MediaFolderTreeNode", !0);
+			return o(), v("div", null, [E("div", {
+				class: "tpl:group tpl:flex tpl:w-full tpl:items-center tpl:gap-1 tpl:py-1.5 tpl:pr-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
+				style: x({
+					paddingLeft: `${e.depth * 16 + 8}px`,
+					backgroundColor: M.value ? "var(--tpl-bg-active)" : "transparent",
+					color: M.value ? "var(--tpl-primary)" : "var(--tpl-text)"
+				}),
+				onFocusout: te
+			}, [
+				O.value || C.value ? (o(), v("button", {
+					key: 0,
+					type: "button",
+					class: "tpl:flex tpl:size-4 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
+					"aria-expanded": P.value,
+					"aria-label": P.value ? f(s).mediaLibrary.collapseFolder : f(s).mediaLibrary.expandFolder,
+					onClick: b(I, ["stop"])
+				}, [p(f(W), {
+					class: h(["tpl:transition-transform tpl:duration-150", { "tpl:rotate-90": P.value }]),
+					size: 10,
+					"stroke-width": 2
+				}, null, 8, ["class"])], 8, be)) : (o(), v("span", xe)),
+				E("button", {
+					type: "button",
+					class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-1.5",
+					onClick: n[0] ||= (t) => i("navigate", e.folder.id)
+				}, [p(f(J), {
+					class: "tpl:shrink-0",
+					size: 14,
+					"stroke-width": 1.5
+				}), d.value ? y("", !0) : (o(), v("span", Se, A(e.folder.name), 1))]),
+				d.value ? u((o(), v("input", {
+					key: 2,
+					"onUpdate:modelValue": n[1] ||= (e) => g.value = e,
+					type: "text",
+					class: "tpl:min-w-0 tpl:flex-1 tpl:rounded tpl:border tpl:px-1.5 tpl:py-0.5 tpl:text-xs tpl:outline-none",
+					style: {
+						"border-color": "var(--tpl-primary)",
+						"background-color": "var(--tpl-bg)",
+						color: "var(--tpl-text)"
+					},
+					autofocus: "",
+					onKeydown: [m(R, ["enter"]), m(b(z, ["stop"]), ["escape"])],
+					onBlur: R,
+					onClick: n[2] ||= b(() => {}, ["stop"])
+				}, null, 40, Ce)), [[T, g.value]]) : y("", !0),
+				d.value ? y("", !0) : (o(), v("span", {
+					key: 3,
+					class: h(["tpl:flex tpl:shrink-0 tpl:items-center tpl:gap-0.5 tpl:transition-opacity", M.value || D.value ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100"])
+				}, [
+					j.value && e.canCreateFolder ? (o(), v("button", {
+						key: 0,
+						type: "button",
+						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
+						title: f(s).mediaLibrary.addSubfolder,
+						"aria-label": f(s).mediaLibrary.addSubfolder,
+						onClick: b(B, ["stop"])
+					}, [p(f(G), {
+						size: 12,
+						"stroke-width": 2
+					})], 8, we)) : y("", !0),
+					e.canRenameFolder ? (o(), v("button", {
+						key: 1,
+						type: "button",
+						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
+						title: f(s).mediaLibrary.renameFolder,
+						"aria-label": f(s).mediaLibrary.renameFolder,
+						onClick: b(L, ["stop"])
+					}, [p(f(H), {
+						size: 12,
+						"stroke-width": 2
+					})], 8, Te)) : y("", !0),
+					e.canDeleteFolder ? (o(), v("button", {
+						key: 2,
+						type: "button",
+						"data-testid": "media-folder-delete",
+						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
+						title: D.value ? f(s).mediaLibrary.deleteFolderConfirm : f(s).mediaLibrary.deleteFolder,
+						"aria-label": D.value ? f(s).mediaLibrary.deleteFolderConfirm : f(s).mediaLibrary.deleteFolder,
+						onClick: b(U, ["stop"])
+					}, [p(f(ie), {
+						size: 12,
+						"stroke-width": 2,
+						style: { color: "var(--tpl-danger)" }
+					})], 8, Ee)) : y("", !0)
+				], 2))
+			], 36), P.value ? (o(), v("div", De, [(o(!0), v(k, null, r(e.folder.children, (t) => (o(), S(c, {
+				key: t.id,
+				folder: t,
+				"current-folder-id": e.currentFolderId,
+				depth: e.depth + 1,
+				"can-create-folder": e.canCreateFolder,
+				"can-rename-folder": e.canRenameFolder,
+				"can-delete-folder": e.canDeleteFolder,
+				onNavigate: n[3] ||= (e) => i("navigate", e),
+				onCreateFolder: n[4] ||= (e, t) => i("createFolder", e, t),
+				onRenameFolder: n[5] ||= (e, t) => i("renameFolder", e, t),
+				onDeleteFolder: n[6] ||= (e) => i("deleteFolder", e)
+			}, null, 8, [
+				"folder",
+				"current-folder-id",
+				"depth",
+				"can-create-folder",
+				"can-rename-folder",
+				"can-delete-folder"
+			]))), 128)), C.value ? (o(), v("div", {
+				key: 0,
+				style: x({ paddingLeft: `${(e.depth + 1) * 16 + 8}px` }),
+				class: "tpl:py-1.5 tpl:pr-2"
+			}, [u(E("input", {
+				"onUpdate:modelValue": n[7] ||= (e) => w.value = e,
+				type: "text",
+				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
+				style: {
+					"border-color": "var(--tpl-primary)",
+					"background-color": "var(--tpl-bg)",
+					color: "var(--tpl-text)"
+				},
+				placeholder: f(s).mediaLibrary.subfolderName,
+				autofocus: "",
+				onKeydown: [m(V, ["enter"]), m(b(ee, ["stop"]), ["escape"])],
+				onBlur: V
+			}, null, 40, Oe), [[T, w.value]])], 4)) : y("", !0)])) : y("", !0)]);
+		};
+	}
+}), Ae = {
+	"data-testid": "media-folder-tree",
+	class: "tpl:flex tpl:h-full tpl:flex-col tpl:overflow-y-auto"
+}, je = {
+	key: 0,
+	class: "tpl:px-3 tpl:py-2"
+}, Me = ["placeholder", "onKeydown"], Ne = /* @__PURE__ */ l({
+	__name: "MediaFolderTree",
+	props: {
+		folders: {},
+		currentFolderId: {},
+		viewMode: {},
+		hasFrequentlyUsed: { type: Boolean },
+		canCreateFolder: { type: Boolean },
+		canRenameFolder: { type: Boolean },
+		canDeleteFolder: { type: Boolean }
+	},
+	emits: [
+		"navigate",
+		"createFolder",
+		"renameFolder",
+		"deleteFolder",
+		"showFrequentlyUsed"
+	],
+	setup(e, { emit: t }) {
+		let n = t, { t: i } = Q(), a = c(!1), s = c("");
+		function l() {
+			a.value = !0, s.value = "";
+		}
+		function d() {
+			s.value.trim() && n("createFolder", s.value.trim()), a.value = !1, s.value = "";
+		}
+		function h() {
+			a.value = !1, s.value = "";
+		}
+		return (t, c) => (o(), v("div", Ae, [
+			E("button", {
+				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+				style: x({
+					backgroundColor: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-bg-active)" : "transparent",
+					color: e.viewMode === "files" && e.currentFolderId === null ? "var(--tpl-primary)" : "var(--tpl-text)"
+				}),
+				onClick: c[0] ||= (e) => n("navigate", null)
+			}, [p(f(K), {
+				size: 14,
+				"stroke-width": 1.5
+			}), M(" " + A(f(i).mediaLibrary.allFiles), 1)], 4),
+			(o(!0), v(k, null, r(e.folders, (t) => (o(), S(ke, {
+				key: t.id,
+				folder: t,
+				"current-folder-id": e.currentFolderId,
+				depth: 0,
+				"can-create-folder": e.canCreateFolder,
+				"can-rename-folder": e.canRenameFolder,
+				"can-delete-folder": e.canDeleteFolder,
+				onNavigate: c[1] ||= (e) => n("navigate", e),
+				onCreateFolder: c[2] ||= (e, t) => n("createFolder", e, t),
+				onRenameFolder: c[3] ||= (e, t) => n("renameFolder", e, t),
+				onDeleteFolder: c[4] ||= (e) => n("deleteFolder", e)
+			}, null, 8, [
+				"folder",
+				"current-folder-id",
+				"can-create-folder",
+				"can-rename-folder",
+				"can-delete-folder"
+			]))), 128)),
+			a.value ? (o(), v("div", je, [u(E("input", {
+				"onUpdate:modelValue": c[5] ||= (e) => s.value = e,
+				type: "text",
+				class: "tpl:w-full tpl:rounded tpl:border tpl:px-2 tpl:py-1 tpl:text-xs tpl:outline-none",
+				style: {
+					"border-color": "var(--tpl-primary)",
+					"background-color": "var(--tpl-bg)",
+					color: "var(--tpl-text)"
+				},
+				placeholder: f(i).mediaLibrary.folderName,
+				autofocus: "",
+				onKeydown: [m(d, ["enter"]), m(b(h, ["stop"]), ["escape"])],
+				onBlur: d
+			}, null, 40, Me), [[T, s.value]])])) : y("", !0),
+			!a.value && e.canCreateFolder ? (o(), v("button", {
+				key: 1,
+				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:transition-all tpl:duration-150",
+				style: { color: "var(--tpl-text-muted)" },
+				onClick: l
+			}, [p(f(G), {
+				size: 14,
+				"stroke-width": 1.5
+			}), M(" " + A(f(i).mediaLibrary.newFolder), 1)])) : y("", !0),
+			c[7] ||= E("div", { class: "tpl:flex-1" }, null, -1),
+			e.hasFrequentlyUsed ? (o(), v("button", {
+				key: 2,
+				"data-testid": "media-frequently-used",
+				class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-2 tpl:border-t tpl:px-3 tpl:py-2 tpl:text-left tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+				style: x({
+					borderColor: "var(--tpl-border)",
+					backgroundColor: e.viewMode === "frequently-used" ? "var(--tpl-bg-active)" : "transparent",
+					color: e.viewMode === "frequently-used" ? "var(--tpl-primary)" : "var(--tpl-text)"
+				}),
+				onClick: c[6] ||= (e) => n("showFrequentlyUsed")
+			}, [p(f(B), {
+				size: 14,
+				"stroke-width": 1.5
+			}), M(" " + A(f(i).mediaLibrary.frequentlyUsed), 1)], 4)) : y("", !0)
+		]));
+	}
+}), Pe = /* @__PURE__ */ l({
+	__name: "MediaFileIcon",
+	props: { mimeType: {} },
+	setup(e) {
+		let t = e, n = {
+			"application/pdf": {
+				label: "PDF",
+				color: "var(--tpl-danger)",
+				bgColor: "var(--tpl-danger-light)",
+				icon: "document"
+			},
+			"application/vnd.openxmlformats-officedocument.wordprocessingml.document": {
+				label: "DOC",
+				color: "var(--tpl-secondary)",
+				bgColor: "var(--tpl-secondary-light)",
+				icon: "document"
+			},
+			"application/msword": {
+				label: "DOC",
+				color: "var(--tpl-secondary)",
+				bgColor: "var(--tpl-secondary-light)",
+				icon: "document"
+			},
+			"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": {
+				label: "XLS",
+				color: "var(--tpl-success)",
+				bgColor: "var(--tpl-success-light)",
+				icon: "document"
+			},
+			"application/vnd.ms-excel": {
+				label: "XLS",
+				color: "var(--tpl-success)",
+				bgColor: "var(--tpl-success-light)",
+				icon: "document"
+			},
+			"application/vnd.openxmlformats-officedocument.presentationml.presentation": {
+				label: "PPT",
+				color: "var(--tpl-warning)",
+				bgColor: "var(--tpl-warning-light)",
+				icon: "document"
+			},
+			"application/vnd.ms-powerpoint": {
+				label: "PPT",
+				color: "var(--tpl-warning)",
+				bgColor: "var(--tpl-warning-light)",
+				icon: "document"
+			},
+			"text/csv": {
+				label: "CSV",
+				color: "var(--tpl-success)",
+				bgColor: "var(--tpl-success-light)",
+				icon: "document"
+			},
+			"text/plain": {
+				label: "TXT",
+				color: "var(--tpl-text-muted)",
+				bgColor: "var(--tpl-bg-hover)",
+				icon: "document"
+			},
+			"video/mp4": {
+				label: "MP4",
+				color: "var(--tpl-primary)",
+				bgColor: "var(--tpl-primary-light)",
+				icon: "video"
+			},
+			"video/quicktime": {
+				label: "MOV",
+				color: "var(--tpl-primary)",
+				bgColor: "var(--tpl-primary-light)",
+				icon: "video"
+			},
+			"video/webm": {
+				label: "WEBM",
+				color: "var(--tpl-primary)",
+				bgColor: "var(--tpl-primary-light)",
+				icon: "video"
+			},
+			"audio/mpeg": {
+				label: "MP3",
+				color: "var(--tpl-secondary)",
+				bgColor: "var(--tpl-secondary-light)",
+				icon: "audio"
+			},
+			"audio/wav": {
+				label: "WAV",
+				color: "var(--tpl-secondary)",
+				bgColor: "var(--tpl-secondary-light)",
+				icon: "audio"
+			},
+			"audio/ogg": {
+				label: "OGG",
+				color: "var(--tpl-secondary)",
+				bgColor: "var(--tpl-secondary-light)",
+				icon: "audio"
+			}
+		}, r = {
+			label: "FILE",
+			color: "var(--tpl-text-muted)",
+			bgColor: "var(--tpl-bg-hover)",
+			icon: "document"
+		}, i = _(() => n[t.mimeType] ?? r);
+		return (e, t) => (o(), v("div", {
+			class: "tpl:flex tpl:aspect-square tpl:flex-col tpl:items-center tpl:justify-center tpl:gap-2",
+			style: x({ backgroundColor: i.value.bgColor })
+		}, [i.value.icon === "document" ? (o(), v("svg", {
+			key: 0,
+			width: "60",
+			height: "60",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			style: x({ color: i.value.color })
+		}, [...t[0] ||= [
+			E("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }, null, -1),
+			E("polyline", { points: "14 2 14 8 20 8" }, null, -1),
+			E("line", {
+				x1: "8",
+				y1: "13",
+				x2: "16",
+				y2: "13"
+			}, null, -1),
+			E("line", {
+				x1: "8",
+				y1: "17",
+				x2: "12",
+				y2: "17"
+			}, null, -1)
+		]], 4)) : i.value.icon === "video" ? (o(), v("svg", {
+			key: 1,
+			width: "40",
+			height: "40",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			style: x({ color: i.value.color })
+		}, [...t[1] ||= [E("rect", {
+			x: "2",
+			y: "4",
+			width: "20",
+			height: "16",
+			rx: "2"
+		}, null, -1), E("polygon", {
+			points: "10,8 16,12 10,16",
+			fill: "currentColor",
+			stroke: "none"
+		}, null, -1)]], 4)) : (o(), v("svg", {
+			key: 2,
+			width: "40",
+			height: "40",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			style: x({ color: i.value.color })
+		}, [...t[2] ||= [
+			E("path", { d: "M9 18V5l12-2v13" }, null, -1),
+			E("circle", {
+				cx: "6",
+				cy: "18",
+				r: "3"
+			}, null, -1),
+			E("circle", {
+				cx: "18",
+				cy: "16",
+				r: "3"
+			}, null, -1)
+		]], 4)), E("span", {
+			class: "tpl:text-xs tpl:font-bold tpl:tracking-wider",
+			style: x({ color: i.value.color })
+		}, A(i.value.label), 5)], 4));
+	}
+});
+//#endregion
+//#region ../media-library/src/utils/formatAbsoluteDate.ts
+function Fe(e, t, n) {
+	let r = new Date(e);
+	if (Number.isNaN(r.getTime())) return "";
+	let i = t?.trim().replace(/_/g, "-") || void 0;
+	try {
+		return r.toLocaleDateString(i, n);
+	} catch {
+		return r.toLocaleDateString(void 0, n);
+	}
+}
+//#endregion
+//#region ../media-library/src/components/media/MediaGrid.vue?vue&type=script&setup=true&lang.ts
+var Ie = { class: "tpl:p-4" }, Le = ["aria-label"], Re = {
+	key: 1,
+	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-16"
+}, ze = {
+	class: "tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, Be = ["aria-label"], Ve = [
+	"data-media-id",
+	"aria-selected",
+	"aria-label",
+	"onClick",
+	"onDblclick",
+	"onKeydown"
+], He = { class: "tpl:aspect-square" }, Ue = ["src", "alt"], We = { class: "tpl:px-2 tpl:py-1.5" }, Ge = {
+	class: "tpl:truncate tpl:text-[10px] tpl:font-medium",
+	style: { color: "var(--tpl-text)" }
+}, Ke = {
+	class: "tpl:flex tpl:justify-between tpl:text-[10px]",
+	style: { color: "var(--tpl-text-muted)" }
+}, qe = { key: 0 }, Je = { key: 1 }, Ye = [
+	"title",
+	"aria-label",
+	"onClick"
+], Xe = [
+	"title",
+	"aria-label",
+	"onClick"
+], Ze = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "tpl:absolute tpl:top-1.5 tpl:right-1.5 tpl:flex tpl:size-5 tpl:items-center tpl:justify-center tpl:rounded-full",
+	style: {
+		"background-color": "var(--tpl-primary)",
+		color: "var(--tpl-on-primary)"
+	}
+}, Qe = ["aria-label"], $e = [
+	"data-media-id",
+	"aria-selected",
+	"aria-label",
+	"onClick",
+	"onDblclick",
+	"onKeydown"
+], et = {
+	class: "tpl:size-10 tpl:shrink-0 tpl:overflow-hidden tpl:rounded",
+	style: { "background-color": "var(--tpl-bg-hover)" }
+}, tt = ["src", "alt"], nt = {
+	key: 1,
+	class: "tpl-list-icon tpl:size-full"
+}, rt = { class: "tpl:min-w-0 tpl:flex-1" }, it = {
+	class: "tpl:truncate tpl:text-xs tpl:font-medium",
+	style: { color: "var(--tpl-text)" }
+}, at = {
+	class: "tpl:text-[10px]",
+	style: { color: "var(--tpl-text-muted)" }
+}, ot = [
+	"title",
+	"aria-label",
+	"onClick"
+], st = [
+	"title",
+	"aria-label",
+	"onClick"
+], ct = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "tpl:flex tpl:size-5 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:rounded-full",
+	style: {
+		"background-color": "var(--tpl-primary)",
+		color: "var(--tpl-on-primary)"
+	}
+}, lt = {
+	key: 4,
+	class: "tpl:flex tpl:justify-center tpl:py-4"
+}, ut = /*#__PURE__*/ Y(/* @__PURE__ */ l({
+	__name: "MediaGrid",
+	props: {
+		items: {},
+		selectedIds: {},
+		isLoading: { type: Boolean },
+		hasMore: { type: Boolean },
+		accept: {},
+		layout: {},
+		searchQuery: {},
+		canUpdate: { type: Boolean },
+		canReplace: { type: Boolean }
+	},
+	emits: [
+		"select",
+		"toggle",
+		"loadMore",
+		"edit",
+		"replace",
+		"confirm"
+	],
+	setup(e, { emit: t }) {
+		let i = e, a = t, { isAcceptedMimeType: s, isImageMimeType: l } = $();
+		function u(e) {
+			return e.mimeType ?? "";
+		}
+		function d(e) {
+			return e.thumbnailUrl ?? e.url;
+		}
+		function m(e) {
+			return !i.accept || i.accept.length === 0 || s(u(e), i.accept);
+		}
+		function g(e) {
+			return i.canUpdate === !0 && e.canUpdate !== !1;
+		}
+		function _(e) {
+			return i.canReplace === !0 && e.canUpdate !== !1;
+		}
+		function C(e, t) {
+			if (t.metaKey || t.ctrlKey) {
+				a("toggle", e.id);
+				return;
+			}
+			a("select", e);
+		}
+		function w(e) {
+			m(e) && a("confirm", e);
+		}
+		function T(e, t) {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), a("select", e));
+		}
+		function D(e) {
+			return i.selectedIds.has(e.id);
+		}
+		function O(e) {
+			return D(e) ? "tpl:opacity-100" : "tpl:opacity-0 tpl:group-hover:opacity-100 tpl:group-focus-within:opacity-100";
+		}
+		let { t: j } = Q(), N = n(de, null), P = c(null);
+		R(P, ([{ isIntersecting: e }]) => {
+			e && i.hasMore && !i.isLoading && a("loadMore");
+		}, { threshold: .1 });
+		function F(e) {
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+		}
+		function I(e) {
+			return Fe(e, N?.value, {
+				year: "numeric",
+				month: "short",
+				day: "numeric"
+			});
+		}
+		return (t, n) => (o(), v("div", Ie, [
+			e.isLoading && e.items.length === 0 ? (o(), v("div", {
+				key: 0,
+				role: "status",
+				"aria-busy": "true",
+				"aria-label": f(j).mediaLibrary.loading,
+				class: h(e.layout === "list" ? "tpl:flex tpl:flex-col tpl:gap-1" : "tpl:grid tpl:grid-cols-4 tpl:gap-3")
+			}, [(o(), v(k, null, r(8, (t) => E("div", {
+				key: t,
+				class: h(["tpl-pulse tpl:rounded-lg", e.layout === "list" ? "tpl:h-12" : "tpl:aspect-square"]),
+				style: { "background-color": "var(--tpl-bg-hover)" },
+				"aria-hidden": "true"
+			}, null, 2)), 64))], 10, Le)) : e.items.length === 0 ? (o(), v("div", Re, [p(f(K), {
+				class: "tpl:mb-3",
+				size: 40,
+				"stroke-width": 1,
+				style: { color: "var(--tpl-text-dim)" }
+			}), E("p", ze, A(e.searchQuery ? f(j).mediaLibrary.noSearchResults : f(j).mediaLibrary.noFiles), 1)])) : e.layout === "list" ? (o(), v("div", {
+				key: 3,
+				role: "listbox",
+				"aria-label": f(j).mediaLibrary.filesListAriaLabel,
+				"aria-multiselectable": "true",
+				class: "tpl:flex tpl:flex-col tpl:gap-1"
+			}, [(o(!0), v(k, null, r(e.items, (e) => (o(), v("div", {
+				key: e.id,
+				role: "option",
+				tabindex: "0",
+				"data-testid": "media-library-item",
+				class: h(["tpl-media-list-item tpl:group tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-3 tpl:rounded-lg tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-150", [!m(e) && !D(e) ? "tpl:opacity-60" : ""]]),
+				"data-media-id": e.id,
+				"aria-selected": D(e),
+				"aria-label": e.filename || e.url,
+				style: x({ backgroundColor: D(e) ? "var(--tpl-bg-hover)" : "transparent" }),
+				onClick: (t) => C(e, t),
+				onDblclick: (t) => w(e),
+				onKeydown: (t) => T(e, t)
+			}, [
+				E("div", et, [f(l)(u(e)) ? (o(), v("img", {
+					key: 0,
+					src: d(e),
+					alt: e.filename || e.url,
+					class: "tpl:size-full tpl:object-cover",
+					loading: "lazy"
+				}, null, 8, tt)) : (o(), v("div", nt, [p(Pe, { "mime-type": u(e) }, null, 8, ["mime-type"])]))]),
+				E("div", rt, [E("p", it, A(e.filename || e.url), 1), E("p", at, [
+					e.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(A(F(e.size)), 1)], 64)),
+					e.createdAt ? (o(), v(k, { key: 1 }, [e.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(" · ")], 64)), M(" " + A(I(e.createdAt)), 1)], 64)) : y("", !0),
+					f(l)(u(e)) && e.width && e.height ? (o(), v(k, { key: 2 }, [M(" · " + A(e.width) + "×" + A(e.height), 1)], 64)) : y("", !0)
+				])]),
+				E("div", { class: h(["tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", O(e)]) }, [g(e) ? (o(), v("button", {
+					key: 0,
+					type: "button",
+					"data-testid": "media-edit",
+					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
+					style: { color: "var(--tpl-text-muted)" },
+					title: f(j).mediaLibrary.editFile,
+					"aria-label": f(j).mediaLibrary.editFile,
+					onClick: b((t) => a("edit", e), ["stop"])
+				}, [p(f(H), {
+					size: 12,
+					"stroke-width": 2
+				})], 8, ot)) : y("", !0), _(e) ? (o(), v("button", {
+					key: 1,
+					type: "button",
+					"data-testid": "media-replace",
+					class: "tpl:flex tpl:size-6 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded",
+					style: { color: "var(--tpl-text-muted)" },
+					title: f(j).mediaLibrary.replaceFile,
+					"aria-label": f(j).mediaLibrary.replaceFile,
+					onClick: b((t) => a("replace", e), ["stop"])
+				}, [p(f(ce), {
+					size: 12,
+					"stroke-width": 2
+				})], 8, st)) : y("", !0)], 2),
+				D(e) ? (o(), v("div", ct, [p(f(U), {
+					size: 12,
+					"stroke-width": 3
+				})])) : y("", !0)
+			], 46, $e))), 128))], 8, Qe)) : (o(), v("div", {
+				key: 2,
+				role: "listbox",
+				"aria-label": f(j).mediaLibrary.filesListAriaLabel,
+				"aria-multiselectable": "true",
+				class: "tpl:grid tpl:grid-cols-4 tpl:gap-3"
+			}, [(o(!0), v(k, null, r(e.items, (e) => (o(), v("div", {
+				key: e.id,
+				role: "option",
+				tabindex: "0",
+				"data-testid": "media-library-item",
+				class: h(["tpl-media-item tpl:group tpl:relative tpl:overflow-hidden tpl:rounded-lg tpl:border-2 tpl:transition-all tpl:duration-150", [
+					"tpl:cursor-pointer",
+					!m(e) && !D(e) ? "tpl:opacity-60" : "",
+					D(e) ? "tpl-media-item--selected" : ""
+				]]),
+				"data-media-id": e.id,
+				"aria-selected": D(e),
+				"aria-label": e.filename || e.url,
+				style: x({
+					borderColor: D(e) ? "var(--tpl-primary)" : "transparent",
+					backgroundColor: !m(e) && !D(e) ? "var(--tpl-bg)" : "var(--tpl-bg-hover)"
+				}),
+				onClick: (t) => C(e, t),
+				onDblclick: (t) => w(e),
+				onKeydown: (t) => T(e, t)
+			}, [
+				E("div", He, [f(l)(u(e)) ? (o(), v("img", {
+					key: 0,
+					src: d(e),
+					alt: e.filename || e.url,
+					class: "tpl:size-full tpl:object-cover",
+					loading: "lazy"
+				}, null, 8, Ue)) : (o(), S(Pe, {
+					key: 1,
+					"mime-type": u(e)
+				}, null, 8, ["mime-type"]))]),
+				E("div", We, [E("p", Ge, A(e.filename || e.url), 1), E("p", Ke, [e.size == null ? y("", !0) : (o(), v("span", qe, A(F(e.size)), 1)), f(l)(u(e)) && e.width && e.height ? (o(), v("span", Je, A(e.width) + "×" + A(e.height), 1)) : y("", !0)])]),
+				E("div", { class: h(["tpl:absolute tpl:top-1.5 tpl:left-1.5 tpl:flex tpl:gap-1 tpl:transition-opacity tpl:duration-150", O(e)]) }, [g(e) ? (o(), v("button", {
+					key: 0,
+					type: "button",
+					"data-testid": "media-edit",
+					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full",
+					style: {
+						"background-color": "var(--tpl-overlay)",
+						color: "var(--tpl-on-primary)"
+					},
+					title: f(j).mediaLibrary.editFile,
+					"aria-label": f(j).mediaLibrary.editFile,
+					onClick: b((t) => a("edit", e), ["stop"])
+				}, [p(f(H), {
+					size: 11,
+					"stroke-width": 2
+				})], 8, Ye)) : y("", !0), _(e) ? (o(), v("button", {
+					key: 1,
+					type: "button",
+					"data-testid": "media-replace",
+					class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded-full",
+					style: {
+						"background-color": "var(--tpl-overlay)",
+						color: "var(--tpl-on-primary)"
+					},
+					title: f(j).mediaLibrary.replaceFile,
+					"aria-label": f(j).mediaLibrary.replaceFile,
+					onClick: b((t) => a("replace", e), ["stop"])
+				}, [p(f(ce), {
+					size: 11,
+					"stroke-width": 2
+				})], 8, Xe)) : y("", !0)], 2),
+				D(e) ? (o(), v("div", Ze, [p(f(U), {
+					size: 12,
+					"stroke-width": 3
+				})])) : y("", !0)
+			], 46, Ve))), 128))], 8, Be)),
+			E("div", {
+				ref_key: "sentinelRef",
+				ref: P,
+				class: "tpl:h-4"
+			}, null, 512),
+			e.isLoading && e.items.length > 0 ? (o(), v("div", lt, [p(f(q), {
+				class: "tpl-spinner",
+				size: 20,
+				"stroke-width": 2,
+				style: { color: "var(--tpl-primary)" }
+			})])) : y("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-373617e3"]]), dt = ["data-tpl-theme"], ft = {
+	id: "tpl-media-import-title",
+	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold",
+	style: { color: "var(--tpl-text)" }
+}, pt = { class: "tpl:mb-3" }, mt = [
+	"aria-label",
+	"aria-invalid",
+	"aria-describedby",
+	"placeholder",
+	"disabled"
+], ht = {
+	key: 0,
+	id: "tpl-media-import-error",
+	role: "alert",
+	class: "tpl:mb-3 tpl:text-xs",
+	style: { color: "var(--tpl-danger)" }
+}, gt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, _t = ["disabled"], vt = ["disabled"], yt = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-1.5"
+}, bt = { key: 1 }, xt = /* @__PURE__ */ l({
+	__name: "MediaImportUrlModal",
+	props: {
+		visible: { type: Boolean },
+		isImporting: { type: Boolean },
+		error: {}
+	},
+	emits: ["import", "close"],
+	setup(e, { emit: r }) {
+		let a = e, s = r, { t: l } = Q(), d = n(Z, null), m = n(X, c(null)), x = c("");
+		t(() => a.visible, (e) => {
+			e && (x.value = "");
+		});
+		function w() {
+			let e = x.value.trim();
+			e && !a.isImporting && s("import", e);
+		}
+		function D() {
+			a.isImporting || s("close");
+		}
+		let O = c(null);
+		he(O, _(() => a.visible));
+		function k(e) {
+			e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), w()), e.key === "Escape" && D();
+		}
+		return (t, n) => (o(), S(g, { to: f(m) || "body" }, [p(C, {
+			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
+			"enter-from-class": "tpl:opacity-0",
+			"enter-to-class": "tpl:opacity-100",
+			"leave-active-class": "tpl:transition tpl:ease-in tpl:duration-100",
+			"leave-from-class": "tpl:opacity-100",
+			"leave-to-class": "tpl:opacity-0"
+		}, {
+			default: i(() => [e.visible ? (o(), v("div", {
+				key: 0,
+				"data-tpl-theme": f(d),
+				class: h([f(m) ? void 0 : "tpl", "tpl:fixed tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:p-4"]),
+				style: { "background-color": "var(--tpl-overlay)" },
+				onClick: b(D, ["self"]),
+				onKeydown: k
+			}, [E("div", {
+				ref_key: "dialogRef",
+				ref: O,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "tpl-media-import-title",
+				class: "tpl:max-h-[90%] tpl:w-full tpl:max-w-sm tpl:overflow-y-auto tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
+				style: { "background-color": "var(--tpl-bg-elevated)" }
+			}, [
+				E("h3", ft, A(f(l).mediaLibrary.importFromUrl), 1),
+				E("div", pt, [u(E("input", {
+					"onUpdate:modelValue": n[0] ||= (e) => x.value = e,
+					type: "url",
+					"aria-label": f(l).mediaLibrary.importFromUrl,
+					"aria-invalid": !!e.error,
+					"aria-describedby": e.error ? "tpl-media-import-error" : void 0,
+					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:outline-none",
+					style: {
+						"border-color": "var(--tpl-border)",
+						"background-color": "var(--tpl-bg)",
+						color: "var(--tpl-text)"
+					},
+					placeholder: f(l).mediaLibrary.importUrlPlaceholder,
+					disabled: e.isImporting,
+					autofocus: ""
+				}, null, 8, mt), [[T, x.value]])]),
+				e.error ? (o(), v("p", ht, A(e.error), 1)) : y("", !0),
+				E("div", gt, [E("button", {
+					class: h(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150", { "tpl:cursor-not-allowed tpl:opacity-50": e.isImporting }]),
+					style: {
+						"border-color": "var(--tpl-border)",
+						color: "var(--tpl-text)",
+						"background-color": "var(--tpl-bg)"
+					},
+					disabled: e.isImporting,
+					onClick: D
+				}, A(f(l).mediaLibrary.cancel), 11, _t), E("button", {
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
+					style: {
+						"background-color": "var(--tpl-primary)",
+						color: "var(--tpl-on-primary)"
+					},
+					disabled: !x.value.trim() || e.isImporting,
+					onClick: w
+				}, [e.isImporting ? (o(), v("span", yt, [p(f(q), {
+					class: "tpl:animate-spin",
+					size: 12,
+					"stroke-width": 2
+				}), M(" " + A(f(l).mediaLibrary.importing), 1)])) : (o(), v("span", bt, A(f(l).mediaLibrary.import), 1))], 8, vt)])
+			], 512)], 42, dt)) : y("", !0)]),
+			_: 1
+		})], 8, ["to"]));
+	}
+}), St = { class: "tpl:max-h-56 tpl:overflow-y-auto tpl:py-1" }, Ct = ["disabled", "onClick"], wt = { class: "tpl:truncate" }, Tt = {
+	key: 0,
+	class: "tpl:shrink-0",
+	style: { color: "var(--tpl-text-dim)" }
+}, Et = /* @__PURE__ */ l({
+	__name: "MediaMovePicker",
+	props: {
+		folders: {},
+		currentFolderId: {}
+	},
+	emits: ["select", "close"],
+	setup(e, { emit: t }) {
+		let n = t, { t: i } = Q(), a = c(null);
+		function s(e, t = 0) {
+			let n = [];
+			for (let r of e) n.push({
+				id: r.id,
+				name: r.name,
+				depth: t
+			}), r.children.length && n.push(...s(r.children, t + 1));
+			return n;
+		}
+		return z(a, () => {
+			n("close");
+		}), (t, c) => (o(), v("div", {
+			ref_key: "pickerRef",
+			ref: a,
+			class: "tpl:absolute tpl:bottom-full tpl:left-0 tpl:z-10 tpl:mb-2 tpl:w-56 tpl:overflow-hidden tpl:rounded-lg tpl:border tpl:shadow-lg",
+			style: {
+				"border-color": "var(--tpl-border)",
+				"background-color": "var(--tpl-bg-elevated)"
+			}
+		}, [E("div", St, [e.currentFolderId === null ? y("", !0) : (o(), v("button", {
+			key: 0,
+			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:px-3 tpl:py-1.5 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
+			style: { color: "var(--tpl-text)" },
+			onClick: c[0] ||= (e) => n("select", null)
+		}, [p(f(K), {
+			class: "tpl:shrink-0",
+			size: 14,
+			"stroke-width": 1.5
+		}), M(" " + A(f(i).mediaLibrary.moveToRoot), 1)])), (o(!0), v(k, null, r(s(e.folders), (t) => (o(), v("button", {
+			key: t.id,
+			class: "tpl:flex tpl:w-full tpl:items-center tpl:gap-1.5 tpl:py-1.5 tpl:pr-3 tpl:text-left tpl:text-xs tpl:transition-colors tpl:duration-100",
+			style: x({
+				paddingLeft: `${t.depth * 16 + 12}px`,
+				color: t.id === e.currentFolderId ? "var(--tpl-text-dim)" : "var(--tpl-text)",
+				opacity: t.id === e.currentFolderId ? .5 : 1
+			}),
+			disabled: t.id === e.currentFolderId,
+			onClick: (e) => n("select", t.id)
+		}, [
+			p(f(J), {
+				class: "tpl:shrink-0",
+				size: 14,
+				"stroke-width": 1.5
+			}),
+			E("span", wt, A(t.name), 1),
+			t.id === e.currentFolderId ? (o(), v("span", Tt, A(f(i).mediaLibrary.currentFolder), 1)) : y("", !0)
+		], 12, Ct))), 128))])], 512));
+	}
+}), Dt = { class: "tpl:flex tpl:items-center tpl:gap-3" }, Ot = ["src", "alt"], kt = {
+	key: 1,
+	class: "tpl:flex tpl:size-10 tpl:shrink-0 tpl:items-center tpl:justify-center tpl:overflow-hidden tpl:rounded",
+	style: { border: "1px solid var(--tpl-border)" }
+}, At = { class: "tpl:min-w-0 tpl:flex-1" }, jt = {
+	class: "tpl:truncate tpl:text-xs tpl:font-medium",
+	style: { color: "var(--tpl-text)" }
+}, Mt = {
+	class: "tpl:mt-0.5 tpl:text-[10px]",
+	style: { color: "var(--tpl-text-muted)" }
+}, Nt = /*#__PURE__*/ Y(/* @__PURE__ */ l({
+	__name: "MediaPreviewPanel",
+	props: {
+		item: {},
+		folders: {}
+	},
+	setup(e) {
+		let t = e, r = n(de, null), { isImageMimeType: i } = $();
+		function a(e, t, n = []) {
+			for (let r of e) {
+				let e = [...n, r.name];
+				if (r.id === t) return e;
+				if (r.children.length) {
+					let n = a(r.children, t, e);
+					if (n) return n;
+				}
+			}
+			return null;
+		}
+		let s = _(() => {
+			if (!t.item.folderId || !t.folders) return null;
+			let e = a(t.folders, t.item.folderId);
+			return e ? e.join("/") : null;
+		}), c = _(() => t.item.mimeType ?? ""), l = _(() => i(c.value));
+		function u(e) {
+			return e < 1024 ? `${e} B` : e < 1048576 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1048576).toFixed(1)} MB`;
+		}
+		function d(e) {
+			return Fe(e, r?.value, {
+				year: "numeric",
+				month: "short",
+				day: "numeric"
+			});
+		}
+		let m = _(() => t.item.filename || t.item.url);
+		return (t, n) => (o(), v("div", Dt, [l.value ? (o(), v("img", {
+			key: 0,
+			src: e.item.url,
+			alt: e.item.alt || m.value,
+			class: "tpl:size-10 tpl:shrink-0 tpl:rounded tpl:object-cover",
+			style: { border: "1px solid var(--tpl-border)" }
+		}, null, 8, Ot)) : (o(), v("div", kt, [p(Pe, {
+			"mime-type": c.value,
+			class: "tpl-preview-icon"
+		}, null, 8, ["mime-type"])])), E("div", At, [
+			E("p", jt, A(m.value), 1),
+			E("p", Mt, [
+				e.item.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(A(u(e.item.size)), 1)], 64)),
+				e.item.createdAt ? (o(), v(k, { key: 1 }, [e.item.size == null ? y("", !0) : (o(), v(k, { key: 0 }, [M(" · ")], 64)), M(" " + A(d(e.item.createdAt)), 1)], 64)) : y("", !0),
+				l.value && e.item.width && e.item.height ? (o(), v(k, { key: 2 }, [M(" · " + A(e.item.width) + "×" + A(e.item.height) + "px ", 1)], 64)) : y("", !0),
+				s.value ? (o(), v(k, { key: 3 }, [
+					n[0] ||= M(" · ", -1),
+					p(f(J), {
+						class: "tpl:mb-px tpl:inline",
+						size: 9,
+						"stroke-width": 2
+					}),
+					M(" " + A(s.value), 1)
+				], 64)) : y("", !0)
+			]),
+			l.value ? (o(), v("p", {
+				key: 0,
+				class: h(["tpl:mt-0.5 tpl:truncate tpl:text-[10px] tpl:italic", { "tpl:invisible": !e.item.alt }]),
+				style: { color: "var(--tpl-text-dim)" }
+			}, A(e.item.alt || "\xA0"), 3)) : y("", !0)
+		])]));
+	}
+}), [["__scopeId", "data-v-c3c1707e"]]), Pt = ["data-tpl-theme"], Ft = {
+	id: "tpl-media-replace-title",
+	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
+	style: { color: "var(--tpl-text)" }
+}, It = {
+	class: "tpl:mb-2 tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, Lt = {
+	key: 0,
+	class: "tpl:mb-3 tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, Rt = {
+	class: "tpl:mb-3 tpl:rounded tpl:border tpl:p-2",
+	style: { "border-color": "var(--tpl-border)" }
+}, zt = {
+	class: "tpl:truncate tpl:text-xs tpl:font-medium",
+	style: { color: "var(--tpl-text)" }
+}, Bt = { class: "tpl:mb-4" }, Vt = {
+	class: "tpl:mb-1 tpl:block tpl:text-xs tpl:font-medium",
+	style: { color: "var(--tpl-text-muted)" }
+}, Ht = [
+	"accept",
+	"aria-invalid",
+	"aria-describedby"
+], Ut = {
+	key: 1,
+	id: "tpl-media-replace-error",
+	role: "alert",
+	class: "tpl:mb-3 tpl:text-xs",
+	style: { color: "var(--tpl-danger)" }
+}, Wt = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Gt = ["disabled"], Kt = ["disabled"], qt = /* @__PURE__ */ l({
+	__name: "MediaReplaceModal",
+	props: {
+		visible: { type: Boolean },
+		item: {},
+		usageInfo: {},
+		isReplacing: { type: Boolean },
+		error: {}
+	},
+	emits: ["replace", "close"],
+	setup(e, { emit: r }) {
+		let a = e, s = r, { t: l } = Q(), u = n(Z, null), d = n(X, c(null)), m = c(null), x = c(null), w = _(() => {
+			if (!a.item) return "";
+			let e = (a.item.filename ?? "").split(".");
+			return e.length > 1 ? e[e.length - 1].toLowerCase() : "";
+		}), T = _(() => w.value ? `.${w.value}` : "*"), D = _(() => (a.usageInfo?.templateCount ?? 0) > 0);
+		t(() => a.visible, (e) => {
+			e || (x.value = null, m.value && (m.value.value = ""));
+		});
+		function O(e) {
+			let t = e.target;
+			t.files && t.files.length > 0 && (x.value = t.files[0]);
+		}
+		function k() {
+			x.value && s("replace", x.value);
+		}
+		let j = c(null);
+		he(j, _(() => a.visible && a.item !== null));
+		function M(e) {
+			e.stopPropagation(), e.key === "Escape" && s("close");
+		}
+		return (t, n) => (o(), S(g, { to: f(d) || "body" }, [p(C, {
+			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
+			"enter-from-class": "tpl:opacity-0",
+			"enter-to-class": "tpl:opacity-100",
+			"leave-active-class": "tpl:transition tpl:ease-in tpl:duration-100",
+			"leave-from-class": "tpl:opacity-100",
+			"leave-to-class": "tpl:opacity-0"
+		}, {
+			default: i(() => [e.visible && e.item ? (o(), v("div", {
+				key: 0,
+				"data-tpl-theme": f(u),
+				class: h([f(d) ? void 0 : "tpl", "tpl:fixed tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:p-4"]),
+				style: { "background-color": "var(--tpl-overlay)" },
+				onClick: n[1] ||= b((e) => s("close"), ["self"]),
+				onKeydown: M
+			}, [E("div", {
+				ref_key: "dialogRef",
+				ref: j,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "tpl-media-replace-title",
+				class: "tpl:max-h-[90%] tpl:w-full tpl:max-w-sm tpl:overflow-y-auto tpl:rounded-lg tpl:p-5 tpl:shadow-xl",
+				style: { "background-color": "var(--tpl-bg-elevated)" }
+			}, [
+				E("h3", Ft, A(f(l).mediaLibrary.replaceWarningTitle), 1),
+				E("p", It, A(f(l).mediaLibrary.replaceWarningMessage.replace("{extension}", `.${w.value}`)), 1),
+				D.value ? (o(), v("p", Lt, A(f(l).mediaLibrary.replaceWarningUsageNote.replace("{count}", e.usageInfo.templateCount.toString())), 1)) : y("", !0),
+				E("div", Rt, [E("p", zt, A(e.item.filename), 1)]),
+				E("div", Bt, [E("label", Vt, A(f(l).mediaLibrary.replaceSelectFile), 1), E("input", {
+					ref_key: "fileInputRef",
+					ref: m,
+					type: "file",
+					accept: T.value,
+					"aria-invalid": !!e.error,
+					"aria-describedby": e.error ? "tpl-media-replace-error" : void 0,
+					class: "tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs",
+					style: {
+						"border-color": "var(--tpl-border)",
+						"background-color": "var(--tpl-bg)",
+						color: "var(--tpl-text)"
+					},
+					onChange: O
+				}, null, 40, Ht)]),
+				e.error ? (o(), v("p", Ut, A(e.error), 1)) : y("", !0),
+				E("div", Wt, [E("button", {
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+					style: {
+						"border-color": "var(--tpl-border)",
+						color: "var(--tpl-text)",
+						"background-color": "var(--tpl-bg)"
+					},
+					disabled: e.isReplacing,
+					onClick: n[0] ||= (e) => s("close")
+				}, A(f(l).mediaLibrary.cancel), 9, Gt), E("button", {
+					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
+					style: {
+						"background-color": "var(--tpl-primary)",
+						color: "var(--tpl-on-primary)"
+					},
+					disabled: !x.value || e.isReplacing,
+					onClick: k
+				}, A(e.isReplacing ? f(l).mediaLibrary.replacing : f(l).mediaLibrary.replace), 9, Kt)])
+			], 512)], 42, Pt)) : y("", !0)]),
+			_: 1
+		})], 8, ["to"]));
+	}
+}), Jt = ["aria-label", "aria-busy"], Yt = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-2"
+}, Xt = {
+	class: "tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, Zt = {
+	class: "tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, Qt = {
+	class: "tpl:mt-1 tpl:text-[10px]",
+	style: { color: "var(--tpl-text-dim)" }
+}, $t = /* @__PURE__ */ l({
+	__name: "MediaUploadZone",
+	props: {
+		isUploading: { type: Boolean },
+		uploadProgress: {}
+	},
+	emits: ["upload"],
+	setup(e, { emit: t }) {
+		let n = t, { t: r, format: i } = Q(), { allAcceptedInputString: a, isAcceptedFile: s } = $(), l = c();
+		function u(e) {
+			let t = [];
+			for (let n of Array.from(e)) s(n) && t.push(n);
+			return t;
+		}
+		function d(e) {
+			let t = u(e);
+			t.length && n("upload", t);
+		}
+		let { isOverDropZone: m } = L(l, { onDrop: (e) => {
+			e?.length && d(e);
+		} }), { open: g, onChange: _ } = I({
+			accept: a.value,
+			multiple: !0
+		});
+		return _((e) => {
+			e?.length && d(e);
+		}), (t, n) => (o(), v("button", {
+			ref_key: "dropZoneRef",
+			ref: l,
+			type: "button",
+			"data-testid": "media-upload-zone",
+			class: h(["tpl-upload-zone tpl:flex tpl:w-full tpl:cursor-pointer tpl:flex-col tpl:items-center tpl:justify-center tpl:rounded-lg tpl:border-2 tpl:border-dashed tpl:p-5 tpl:text-center tpl:transition-all tpl:duration-150", f(m) ? "tpl-upload-zone-active" : ""]),
+			"aria-label": f(r).mediaLibrary.dropOrClick,
+			"aria-busy": e.isUploading,
+			style: {
+				"border-color": "var(--tpl-border-light)",
+				"background-color": "var(--tpl-bg)"
+			},
+			onClick: n[0] ||= (e) => f(g)()
+		}, [e.isUploading ? (o(), v("div", Yt, [p(f(q), {
+			class: "tpl-spinner",
+			size: 20,
+			"stroke-width": 2,
+			style: { color: "var(--tpl-primary)" }
+		}), E("span", Xt, A(e.uploadProgress && e.uploadProgress.total > 1 ? f(i)(f(r).mediaLibrary.uploadingProgress, {
+			current: e.uploadProgress.current,
+			total: e.uploadProgress.total
+		}) : f(r).mediaLibrary.uploading), 1)])) : (o(), v(k, { key: 1 }, [
+			p(f(se), {
+				class: "tpl:mb-2",
+				size: 24,
+				"stroke-width": 1.5,
+				style: { color: "var(--tpl-text-dim)" }
+			}),
+			E("p", Zt, A(f(r).mediaLibrary.dropOrClick), 1),
+			E("p", Qt, A(f(r).mediaLibrary.acceptedFormats), 1)
+		], 64))], 10, Jt));
+	}
+}), en = ["aria-label"], tn = [
+	"width",
+	"height",
+	"viewBox"
+], nn = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width"
+], rn = [
+	"cx",
+	"cy",
+	"r",
+	"stroke-width",
+	"stroke",
+	"stroke-dasharray",
+	"stroke-dashoffset"
+], an = {
+	key: 0,
+	class: "tpl:absolute tpl:top-full tpl:left-1/2 tpl:z-50 tpl:mt-2 tpl:-translate-x-1/2 tpl:rounded-md tpl:px-2.5 tpl:py-1.5 tpl:text-xs tpl:whitespace-nowrap tpl:shadow-lg",
+	style: {
+		"background-color": "var(--tpl-text)",
+		color: "var(--tpl-bg-elevated)"
+	}
+}, on = /* @__PURE__ */ l({
+	__name: "StorageProgressRing",
+	props: {
+		usedBytes: {},
+		limitBytes: {},
+		size: {}
+	},
+	setup(e) {
+		let t = e, { t: n, format: r } = Q(), a = c(!1), s = _(() => t.size ?? 24), l = _(() => Math.max(2, s.value / 8)), u = _(() => (s.value - l.value) / 2), d = _(() => 2 * Math.PI * u.value), f = _(() => t.limitBytes <= 0 ? 0 : Math.min(100, t.usedBytes / t.limitBytes * 100)), m = _(() => d.value - f.value / 100 * d.value), h = _(() => f.value >= 95 ? "var(--tpl-danger)" : f.value >= 75 ? "var(--tpl-warning)" : "var(--tpl-primary)");
+		function g(e) {
+			if (e === 0) return "0 B";
+			let t = 1024, n = [
+				"B",
+				"KB",
+				"MB",
+				"GB"
+			], r = Math.floor(Math.log(e) / Math.log(t));
+			return `${(e / t ** r).toFixed(+(r >= 2))} ${n[r]}`;
+		}
+		let b = _(() => g(t.usedBytes)), x = _(() => g(t.limitBytes)), S = _(() => Math.max(0, t.limitBytes - t.usedBytes)), w = _(() => g(S.value)), T = _(() => r(n.mediaLibrary.storageTooltip, {
+			used: b.value,
+			total: x.value,
+			remaining: w.value
+		}));
+		return (e, t) => (o(), v("div", {
+			"data-testid": "media-storage-ring",
+			class: "tpl:relative tpl:inline-flex tpl:cursor-help tpl:items-center tpl:justify-center",
+			tabindex: "0",
+			"aria-label": T.value,
+			onMouseenter: t[0] ||= (e) => a.value = !0,
+			onMouseleave: t[1] ||= (e) => a.value = !1,
+			onFocus: t[2] ||= (e) => a.value = !0,
+			onBlur: t[3] ||= (e) => a.value = !1
+		}, [(o(), v("svg", {
+			width: s.value,
+			height: s.value,
+			class: "tpl:-rotate-90",
+			viewBox: `0 0 ${s.value} ${s.value}`
+		}, [E("circle", {
+			cx: s.value / 2,
+			cy: s.value / 2,
+			r: u.value,
+			fill: "none",
+			"stroke-width": l.value,
+			style: { stroke: "var(--tpl-border)" }
+		}, null, 8, nn), E("circle", {
+			cx: s.value / 2,
+			cy: s.value / 2,
+			r: u.value,
+			fill: "none",
+			"stroke-width": l.value,
+			stroke: h.value,
+			"stroke-linecap": "round",
+			"stroke-dasharray": d.value,
+			"stroke-dashoffset": m.value,
+			class: "tpl:transition-all tpl:duration-300 tpl:ease-out"
+		}, null, 8, rn)], 8, tn)), p(C, {
+			"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
+			"enter-from-class": "tpl:opacity-0 tpl:translate-y-1",
+			"enter-to-class": "tpl:opacity-100 tpl:translate-y-0",
+			"leave-active-class": "tpl:transition tpl:ease-in tpl:duration-100",
+			"leave-from-class": "tpl:opacity-100 tpl:translate-y-0",
+			"leave-to-class": "tpl:opacity-0 tpl:translate-y-1"
+		}, {
+			default: i(() => [a.value ? (o(), v("div", an, [M(A(T.value) + " ", 1), t[4] ||= E("div", {
+				class: "tpl:absolute tpl:-top-1 tpl:left-1/2 tpl:size-2 tpl:-translate-x-1/2 tpl:rotate-45",
+				style: { "background-color": "var(--tpl-text)" }
+			}, null, -1)])) : y("", !0)]),
+			_: 1
+		})], 40, en));
+	}
+});
+//#endregion
+//#region ../media-library/src/utils/treeFolders.ts
+function sn(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) t.set(n.id, {
+		...n,
+		children: []
+	});
+	let n = [];
+	for (let e of t.values()) {
+		let r = e.parentId ?? null, i = r ? t.get(r) : void 0;
+		i ? i.children.push(e) : n.push(e);
+	}
+	return n;
+}
+//#endregion
+//#region ../media-library/src/composables/useMediaLibraryUI.ts
+function cn(e) {
+	let { library: n, translations: r } = e;
+	function i() {
+		return "value" in r && typeof r.value == "object" ? r.value : r;
+	}
+	let a = c("grid"), o = c(!1), s = c(""), l = c(null), u = c(!1), d = c(!1), f = _(() => n.previewItem.value?.url ?? null), p = _(() => n.frequentlyUsedItems.value.length > 0), m = _(() => n.viewMode.value === "frequently-used" ? n.frequentlyUsedItems.value : n.items.value), h = _(() => Object.values(n.deleteUsageInfo.value).some((e) => e.templateCount > 0)), g = _(() => sn(n.folders.value)), v = {
+		images: () => i().mediaLibrary.filterImages,
+		documents: () => i().mediaLibrary.filterDocuments,
+		videos: () => i().mediaLibrary.filterVideos,
+		audio: () => i().mediaLibrary.filterAudio
+	};
+	function y(e) {
+		return v[e]?.() ?? e;
+	}
+	t(o, (e) => {
+		e && n.loadFolders();
+	});
+	let b = N((e) => {
+		n.search(e);
+	}, 300);
+	function x(e) {
+		s.value = e, b(e);
+	}
+	let { copy: S, copied: C } = F({
+		copiedDuring: 2e3,
+		legacy: !0
+	});
+	async function w(e) {
+		await n.uploadFiles(e);
+	}
+	function T(e) {
+		n.selectItem(e);
+	}
+	async function E(e, t) {
+		await n.createFolder(e, t);
+	}
+	async function D(e, t) {
+		await n.renameFolder(e, t);
+	}
+	async function O(e) {
+		await n.deleteFolder(e);
+	}
+	function k(e) {
+		l.value = e;
+	}
+	async function A(e, t, r, i) {
+		i && await n.replaceMediaDirectly(e, i.file), await n.updateFile(e, t, r), l.value = null;
+	}
+	async function j(e) {
+		await n.importFromUrl(e) && (u.value = !1);
+	}
+	async function M(e) {
+		d.value = !1, await n.moveSelected(e);
+	}
+	async function P() {
+		await n.checkUsageBeforeDelete();
+	}
+	function I(e) {
+		n.checkUsageBeforeReplace(e);
+	}
+	async function L(e) {
+		await n.replaceFile(e);
+	}
+	function R() {
+		n.clearSelection(), n.cancelDelete(), n.cancelReplace(), s.value = "", n.searchQuery.value = "", n.categoryFilter.value = null, n.sortOption.value = "newest", n.viewMode.value = "files", l.value = null, u.value = !1;
+	}
+	return {
+		layoutMode: a,
+		showSidebar: o,
+		searchInput: s,
+		editingItem: l,
+		showImportUrlModal: u,
+		showMovePicker: d,
+		selectedUrl: f,
+		hasFrequentlyUsed: p,
+		displayItems: m,
+		hasUsedFiles: h,
+		folderTree: g,
+		copy: S,
+		copied: C,
+		getCategoryLabel: y,
+		handleSearchInput: x,
+		handleUpload: w,
+		handleSelect: T,
+		handleCreateFolder: E,
+		handleRenameFolder: D,
+		handleDeleteFolder: O,
+		handleEditItem: k,
+		handleEditSave: A,
+		handleImportFromUrl: j,
+		handleMoveToFolder: M,
+		handleDeleteClick: P,
+		handleReplaceItem: I,
+		handleReplaceFile: L,
+		resetUI: R
+	};
+}
+//#endregion
+//#region ../media-library/src/composable.ts
+function ln(e) {
+	let { provider: t } = e, n = c([]), r = c([]), i = c(null), a = c("files"), o = c(""), s = c(null), l = c("newest"), u = c(!1), d = c(!1), f = c(!1), p = c(null), m = c(null), h = c(/* @__PURE__ */ new Set()), g = c(null), _ = c([]), v = c({}), y = c(!1), b = c([]), x = c(!1), S = c(null), C = c(!1), w = c(null), T = c(!1), E = c(null), D = c(null), k = c(null), A = 0;
+	function j(t) {
+		try {
+			t();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	function M() {
+		return t.folders === !1 ? null : t.folders;
+	}
+	function N() {
+		return O(e.templateId);
+	}
+	function P(e) {
+		let t = {};
+		o.value ? t.search = o.value : i.value != null && (t.folderId = i.value), s.value && (t.category = s.value), e && (t.cursor = e);
+		let n = N();
+		return n && (t.templateId = n), t;
+	}
+	async function F() {
+		let r = ++A;
+		u.value = !0;
+		let i = P();
+		try {
+			let e = await t.list(i);
+			if (r !== A) return;
+			n.value = e.items, p.value = e.nextCursor ?? null, f.value = !!e.nextCursor;
+		} catch (t) {
+			if (r !== A) return;
+			e.onError?.(t);
+		} finally {
+			r === A && (u.value = !1);
+		}
+	}
+	async function I() {
+		if (!f.value || !p.value || u.value) return;
+		let r = ++A;
+		u.value = !0;
+		let i = P(p.value);
+		try {
+			let e = await t.list(i);
+			if (r !== A) return;
+			n.value = [...n.value, ...e.items], p.value = e.nextCursor ?? null, f.value = !!e.nextCursor;
+		} catch (t) {
+			if (r !== A) return;
+			e.onError?.(t);
+		} finally {
+			r === A && (u.value = !1);
+		}
+	}
+	async function L(e) {
+		o.value = e, await F();
+	}
+	async function R(e) {
+		s.value = e, await F();
+	}
+	async function z(e) {
+		l.value = e, await F();
+	}
+	async function B(e) {
+		a.value = "files", i.value = e, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await F();
+	}
+	async function V() {
+		a.value = "frequently-used", i.value = null, o.value = "", h.value = /* @__PURE__ */ new Set(), g.value = null, await K();
+	}
+	async function ee(r) {
+		let { create: a } = t;
+		if (typeof a != "function") return null;
+		d.value = !0;
+		try {
+			let e = { file: r };
+			i.value != null && (e.folderId = i.value);
+			let o = N();
+			o && (e.templateId = o);
+			let s = await a(e);
+			return n.value = [s, ...n.value], j(() => t.onCreated?.(s)), s;
+		} catch (t) {
+			return e.onError?.(t), null;
+		} finally {
+			d.value = !1;
+		}
+	}
+	async function H(r) {
+		let { create: a } = t;
+		if (typeof a == "function") {
+			d.value = !0, m.value = {
+				current: 0,
+				total: r.length
+			};
+			try {
+				for (let o = 0; o < r.length; o++) {
+					m.value = {
+						current: o + 1,
+						total: r.length
+					};
+					try {
+						let e = { file: r[o] };
+						i.value != null && (e.folderId = i.value);
+						let s = N();
+						s && (e.templateId = s);
+						let c = await a(e);
+						n.value = [c, ...n.value], j(() => t.onCreated?.(c));
+					} catch (t) {
+						e.onError?.(t);
+					}
+				}
+			} finally {
+				d.value = !1, m.value = null;
+			}
+		}
+	}
+	async function U(t) {
+		if (h.value.size === 0) return;
+		let { move: r } = M() ?? { move: !1 };
+		if (typeof r == "function") try {
+			let e = await r([...h.value], t);
+			if (i.value === null) {
+				let t = new Map(e.map((e) => [e.id, e]));
+				n.value = n.value.map((e) => t.get(e.id) ?? e);
+			} else n.value = n.value.filter((e) => !h.value.has(e.id));
+			h.value = /* @__PURE__ */ new Set(), g.value = null;
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function te(r, i, a) {
+		let { update: o } = t;
+		if (typeof o == "function") try {
+			let e = { filename: i };
+			a !== void 0 && (e.alt = a);
+			let s = await o(r, e);
+			n.value = n.value.map((e) => e.id === r ? s : e), g.value?.id === r && (g.value = s), j(() => t.onUpdated?.(s));
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	function W(e) {
+		let t = /* @__PURE__ */ new Map();
+		for (let r of n.value) e.includes(r.id) && t.set(r.id, r);
+		for (let n of _.value) e.includes(n.id) && !t.has(n.id) && t.set(n.id, n);
+		return [...t.values()];
+	}
+	function G(e) {
+		n.value = n.value.filter((t) => !e.includes(t.id)), _.value = _.value.filter((t) => !e.includes(t.id)), h.value = /* @__PURE__ */ new Set(), g.value = null;
+	}
+	async function ne() {
+		if (h.value.size === 0) return;
+		let { delete: n } = t;
+		if (typeof n != "function") return;
+		let r = [...h.value], i = W(r);
+		try {
+			await n(r), G(r);
+			for (let e of i) j(() => t.onDeleted?.(e));
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function K() {
+		let { frequentlyUsed: n } = t;
+		if (typeof n == "function") try {
+			_.value = await n();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function re() {
+		if (h.value.size === 0) return !1;
+		b.value = [...h.value];
+		let { checkUsage: n } = t;
+		if (typeof n != "function") return v.value = {}, y.value = !0, !1;
+		try {
+			let e = await n(b.value);
+			v.value = e;
+			let t = Object.values(e).some((e) => e.templateCount > 0);
+			return y.value = !0, t;
+		} catch (t) {
+			return e.onError?.(t), !1;
+		}
+	}
+	async function ie() {
+		let { delete: n } = t;
+		if (typeof n != "function" || (y.value = !1, b.value.length === 0)) return;
+		let r = b.value, i = W(r);
+		try {
+			await n(r), G(r), b.value = [], v.value = {};
+			for (let e of i) j(() => t.onDeleted?.(e));
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	function ae() {
+		y.value = !1, b.value = [], v.value = {};
+	}
+	async function q(r) {
+		let a = t.importFromUrl;
+		if (typeof a != "function") return null;
+		x.value = !0, S.value = null;
+		try {
+			let e = await a(r, i.value, N());
+			return n.value = [e, ...n.value], j(() => t.onCreated?.(e)), e;
+		} catch (t) {
+			return S.value = t instanceof Error ? t.message : "Import failed", e.onError?.(t), null;
+		} finally {
+			x.value = !1;
+		}
+	}
+	function oe(e) {
+		let t = new Set(h.value);
+		t.has(e) ? t.delete(e) : t.add(e), h.value = t;
+	}
+	function se() {
+		h.value = /* @__PURE__ */ new Set(), g.value = null;
+	}
+	function J(e) {
+		g.value = e, h.value = /* @__PURE__ */ new Set([e.id]);
+	}
+	async function ce() {
+		let { storage: n } = t;
+		if (typeof n != "function") {
+			k.value = null;
+			return;
+		}
+		try {
+			k.value = await n();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function Y() {
+		let t = M();
+		if (t) try {
+			r.value = await t.list();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function le(t, n) {
+		let { create: r } = M() ?? { create: !1 };
+		if (typeof r != "function") return null;
+		try {
+			let e = { name: t };
+			n !== void 0 && (e.parentId = n);
+			let i = await r(e);
+			return await Y(), i;
+		} catch (t) {
+			return e.onError?.(t), null;
+		}
+	}
+	function X(e, t) {
+		for (let n of e) if (n.id === t) return n;
+		return null;
+	}
+	async function ue(t, n) {
+		let { update: r } = M() ?? { update: !1 };
+		if (typeof r == "function") try {
+			await r(t, { name: n }), await Y();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function Z(t) {
+		let { delete: n } = M() ?? { delete: !1 };
+		if (typeof n == "function") try {
+			let e = X(r.value, t)?.parentId ?? null;
+			await n(t), i.value === t && (i.value = e), await Y(), await F();
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	async function de(n) {
+		E.value = n, w.value = null;
+		let { checkUsage: r } = t;
+		if (typeof r != "function") {
+			D.value = null, T.value = !0;
+			return;
+		}
+		try {
+			let e = await r([n.id]);
+			D.value = e[n.id] ?? null, T.value = !0;
+		} catch (t) {
+			e.onError?.(t);
+		}
+	}
+	function fe() {
+		T.value = !1, E.value = null, D.value = null, w.value = null;
+	}
+	function Q(e) {
+		n.value = n.value.map((t) => t.id === e.id ? e : t), _.value = _.value.map((t) => t.id === e.id ? e : t), g.value?.id === e.id && (g.value = e), j(() => t.onUpdated?.(e));
+	}
+	async function pe(n) {
+		let { replace: r } = t;
+		if (typeof r != "function" || !E.value) return null;
+		C.value = !0, w.value = null;
+		try {
+			let e = await r(E.value.id, n);
+			return Q(e), T.value = !1, E.value = null, D.value = null, e;
+		} catch (t) {
+			return w.value = t instanceof Error ? t.message : "Replace failed", e.onError?.(t), null;
+		} finally {
+			C.value = !1;
+		}
+	}
+	async function $(n, r) {
+		let { replace: i } = t;
+		if (typeof i != "function") return null;
+		try {
+			let e = await i(n, r);
+			return Q(e), e;
+		} catch (t) {
+			return e.onError?.(t), null;
+		}
+	}
+	return {
+		items: n,
+		folders: r,
+		currentFolderId: i,
+		viewMode: a,
+		searchQuery: o,
+		categoryFilter: s,
+		sortOption: l,
+		isLoading: u,
+		isUploading: d,
+		uploadProgress: m,
+		hasMore: f,
+		selectedItems: h,
+		previewItem: g,
+		frequentlyUsedItems: _,
+		deleteUsageInfo: v,
+		showDeleteWarning: y,
+		loadItems: F,
+		loadMore: I,
+		search: L,
+		filterByCategory: R,
+		sortBy: z,
+		navigateToFolder: B,
+		showFrequentlyUsed: V,
+		uploadFile: ee,
+		uploadFiles: H,
+		moveSelected: U,
+		updateFile: te,
+		deleteSelected: ne,
+		isImportingFromUrl: x,
+		importFromUrlError: S,
+		importFromUrl: q,
+		toggleSelection: oe,
+		clearSelection: se,
+		selectItem: J,
+		loadFolders: Y,
+		createFolder: le,
+		renameFolder: ue,
+		deleteFolder: Z,
+		findFolderInTree: X,
+		loadFrequentlyUsed: K,
+		checkUsageBeforeDelete: re,
+		confirmDelete: ie,
+		cancelDelete: ae,
+		isReplacing: C,
+		replaceError: w,
+		showReplaceWarning: T,
+		pendingReplaceItem: E,
+		replaceUsageInfo: D,
+		checkUsageBeforeReplace: de,
+		cancelReplace: fe,
+		replaceFile: pe,
+		replaceMediaDirectly: $,
+		storageInfo: k,
+		loadStorage: ce
+	};
+}
+//#endregion
+//#region ../media-library/src/components/MediaLibraryChrome.vue?vue&type=script&setup=true&lang.ts
+var un = { class: "tpl:relative tpl:flex tpl:min-h-0 tpl:flex-1 tpl:flex-col tpl:overflow-hidden" }, dn = {
+	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-3.5",
+	style: { "border-color": "var(--tpl-border)" }
+}, fn = {
+	id: "tpl-media-library-title",
+	class: "tpl:text-sm tpl:font-semibold",
+	style: { color: "var(--tpl-text)" }
+}, pn = { class: "tpl:flex tpl:items-center tpl:gap-3" }, mn = { class: "tpl:relative" }, hn = [
+	"value",
+	"disabled",
+	"aria-label",
+	"placeholder"
+], gn = ["aria-label"], _n = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, vn = {
+	key: 0,
+	class: "tpl:flex tpl:w-48 tpl:shrink-0 tpl:flex-col tpl:border-r",
+	style: {
+		"border-color": "var(--tpl-border)",
+		"background-color": "var(--tpl-bg)"
+	}
+}, yn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:flex-col" }, bn = {
+	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-b tpl:px-4 tpl:py-2.5",
+	style: { "border-color": "var(--tpl-border)" }
+}, xn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Sn = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+], Cn = {
+	key: 1,
+	class: "tpl:text-xs tpl:font-medium",
+	style: { color: "var(--tpl-text)" }
+}, wn = {
+	class: "tpl:flex tpl:rounded-md tpl:p-0.5",
+	style: {
+		border: "1px solid var(--tpl-border)",
+		"background-color": "var(--tpl-bg)"
+	}
+}, Tn = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+], En = [
+	"title",
+	"aria-label",
+	"aria-pressed"
+], Dn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, On = ["aria-label", "value"], kn = { value: "" }, An = ["value"], jn = { class: "tpl:min-h-0 tpl:flex-1 tpl:overflow-y-auto" }, Mn = {
+	key: 0,
+	class: "tpl:px-4 tpl:pt-3"
+}, Nn = {
+	class: "tpl-scale-in tpl:mx-4 tpl:w-full tpl:max-w-sm tpl:rounded-[var(--tpl-radius-lg)] tpl:p-5",
+	style: {
+		"background-color": "var(--tpl-bg-elevated)",
+		"box-shadow": "var(--tpl-shadow-xl)"
+	}
+}, Pn = {
+	id: "tpl-media-delete-title",
+	class: "tpl:mb-2 tpl:text-sm tpl:font-semibold",
+	style: { color: "var(--tpl-text)" }
+}, Fn = {
+	key: 0,
+	"data-testid": "media-delete-usage",
+	class: "tpl:mb-4 tpl:text-xs",
+	style: { color: "var(--tpl-text-muted)" }
+}, In = {
+	key: 1,
+	class: "tpl:mb-4 tpl:max-h-32 tpl:overflow-y-auto tpl:rounded tpl:border tpl:p-2",
+	style: { "border-color": "var(--tpl-border)" }
+}, Ln = { class: "tpl:font-medium" }, Rn = { style: { color: "var(--tpl-text-muted)" } }, zn = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, Bn = {
+	class: "tpl:flex tpl:shrink-0 tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3",
+	style: { "border-color": "var(--tpl-border)" }
+}, Vn = { class: "tpl:flex tpl:min-w-0 tpl:flex-1 tpl:items-center tpl:gap-3" }, Hn = { class: "tpl:flex tpl:items-center tpl:gap-5" }, Un = {
+	key: 0,
+	class: "tpl:flex tpl:items-center tpl:gap-2"
+}, Wn = {
+	key: 1,
+	class: "tpl:relative"
+}, Gn = { class: "tpl:flex tpl:items-center tpl:gap-2" }, Kn = ["data-testid", "disabled"], qn = /* @__PURE__ */ l({
+	__name: "MediaLibraryChrome",
+	props: {
+		provider: {},
+		accept: {},
+		templateId: {},
+		onError: { type: Function },
+		translations: {},
+		showClose: { type: Boolean },
+		showConfirm: { type: Boolean },
+		confirmTestId: {}
+	},
+	emits: [
+		"close",
+		"confirm",
+		"ready"
+	],
+	setup(n, { expose: a, emit: c }) {
+		let l = n, u = c, d = j(() => import("./MediaEditModal-BBZRcYKe.js")), m = _(() => l.translations), g = _(() => l.confirmTestId ?? "media-confirm"), w = {
+			get maxFileSize() {
+				return l.provider.maxFileSize;
+			},
+			get mimeTypes() {
+				return l.provider.mimeTypes;
+			},
+			get accept() {
+				return l.accept;
+			}
+		};
+		s(le, w);
+		let { isAcceptedMimeType: T, availableCategories: D } = $(w), O = ln({
+			provider: l.provider,
+			templateId: () => l.templateId,
+			onError: (e) => l.onError?.(e)
+		}), N = cn({
+			library: O,
+			translations: m
+		}), P = _(() => typeof l.provider.create == "function"), F = _(() => l.provider.folders !== !1), I = _(() => typeof l.provider.importFromUrl == "function"), L = _(() => typeof l.provider.delete == "function"), R = _(() => typeof l.provider.update == "function"), z = _(() => typeof l.provider.replace == "function"), B = _(() => typeof l.provider.frequentlyUsed == "function"), H = _(() => {
+			let e = l.provider.folders;
+			return e !== !1 && typeof e.move == "function";
+		}), W = _(() => {
+			let e = l.provider.folders;
+			return e !== !1 && typeof e.create == "function";
+		}), G = _(() => {
+			let e = l.provider.folders;
+			return e !== !1 && typeof e.update == "function";
+		}), K = _(() => {
+			let e = l.provider.folders;
+			return e !== !1 && typeof e.delete == "function";
+		}), ie = _(() => O.isLoading.value && N.displayItems.value.length === 0), q = _(() => {
+			let e = O.previewItem.value;
+			return e ? !l.accept?.length || T(e.mimeType ?? "", l.accept) : !1;
+		}), se = _(() => {
+			if (!L.value) return 0;
+			let e = 0;
+			for (let t of O.selectedItems.value) N.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && (e += 1);
+			return e;
+		}), J = _(() => N.showImportUrlModal.value || N.editingItem.value !== null || O.showReplaceWarning.value);
+		function ce() {
+			return J.value ? !0 : N.showMovePicker.value ? (N.showMovePicker.value = !1, !0) : O.showDeleteWarning.value ? (O.cancelDelete(), !0) : !1;
+		}
+		function Y() {
+			q.value && O.previewItem.value && u("confirm", O.previewItem.value);
+		}
+		function X(e) {
+			O.filterByCategory(e.target.value || null);
+		}
+		async function ue() {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of O.selectedItems.value) N.displayItems.value.find((e) => e.id === t)?.canDelete !== !1 && e.add(t);
+			O.selectedItems.value = e, await N.handleDeleteClick();
+		}
+		return t(() => l.accept, (e) => {
+			e?.length === 1 && (O.categoryFilter.value = e[0]);
+		}, { immediate: !0 }), O.loadItems(), O.loadFrequentlyUsed(), O.loadStorage(), u("ready"), e(() => {
+			N.resetUI();
+		}), a({
+			nestedDialogOpen: J,
+			handleEscape: ce,
+			library: O,
+			ui: N
+		}), (e, t) => (o(), v("div", un, [
+			E("div", dn, [E("h2", fn, A(m.value.mediaLibrary.title), 1), E("div", pn, [
+				f(O).storageInfo.value ? (o(), S(on, {
+					key: 0,
+					"used-bytes": f(O).storageInfo.value.usedBytes,
+					"limit-bytes": f(O).storageInfo.value.limitBytes,
+					size: 22
+				}, null, 8, ["used-bytes", "limit-bytes"])) : y("", !0),
+				E("div", mn, [E("input", {
+					value: f(N).searchInput.value,
+					type: "search",
+					disabled: ie.value,
+					"aria-label": m.value.mediaLibrary.searchAriaLabel,
+					class: "tpl:w-52 tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-3 tpl:pl-8 tpl:text-xs tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:outline-none tpl:focus:shadow-[var(--tpl-ring)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
+					style: {
+						"border-color": "var(--tpl-border)",
+						"background-color": "var(--tpl-bg)",
+						color: "var(--tpl-text)"
+					},
+					placeholder: m.value.mediaLibrary.searchPlaceholder,
+					onInput: t[0] ||= (e) => f(N).handleSearchInput(e.target.value)
+				}, null, 40, hn), p(f(te), {
+					class: "tpl:absolute tpl:top-1/2 tpl:left-2.5 tpl:-translate-y-1/2",
+					size: 13,
+					"stroke-width": 2,
+					style: { color: "var(--tpl-text-dim)" }
+				})]),
+				n.showClose ? (o(), v("button", {
+					key: 1,
+					type: "button",
+					"aria-label": m.value.mediaLibrary.close,
+					class: "tpl:flex tpl:size-7 tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
+					style: { color: "var(--tpl-text-muted)" },
+					onClick: t[1] ||= (e) => u("close")
+				}, [p(f(oe), {
+					size: 18,
+					"stroke-width": 2
+				})], 8, gn)) : y("", !0)
+			])]),
+			E("div", _n, [p(C, {
+				"enter-active-class": "tpl:transition-all tpl:duration-200 tpl:ease-out",
+				"enter-from-class": "tpl:-ml-48 tpl:opacity-0",
+				"enter-to-class": "tpl:ml-0 tpl:opacity-100",
+				"leave-active-class": "tpl:transition-all tpl:duration-150 tpl:ease-in",
+				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
+				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
+			}, {
+				default: i(() => [F.value && f(N).showSidebar.value ? (o(), v("div", vn, [p(Ne, {
+					folders: f(N).folderTree.value,
+					"current-folder-id": f(O).currentFolderId.value,
+					"view-mode": f(O).viewMode.value,
+					"has-frequently-used": B.value && f(N).hasFrequentlyUsed.value,
+					"can-create-folder": W.value,
+					"can-rename-folder": G.value,
+					"can-delete-folder": K.value,
+					onNavigate: f(O).navigateToFolder,
+					onCreateFolder: f(N).handleCreateFolder,
+					onRenameFolder: f(N).handleRenameFolder,
+					onDeleteFolder: f(N).handleDeleteFolder,
+					onShowFrequentlyUsed: f(O).showFrequentlyUsed
+				}, null, 8, [
+					"folders",
+					"current-folder-id",
+					"view-mode",
+					"has-frequently-used",
+					"can-create-folder",
+					"can-rename-folder",
+					"can-delete-folder",
+					"onNavigate",
+					"onCreateFolder",
+					"onRenameFolder",
+					"onDeleteFolder",
+					"onShowFrequentlyUsed"
+				])])) : y("", !0)]),
+				_: 1
+			}), E("div", yn, [E("div", bn, [E("div", xn, [
+				F.value ? (o(), v("button", {
+					key: 0,
+					type: "button",
+					"data-testid": "media-folder-toggle",
+					class: "tpl:flex tpl:size-7 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:transition-all tpl:duration-150",
+					style: x({
+						color: f(N).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: f(N).showSidebar.value ? "var(--tpl-bg)" : "transparent",
+						border: f(N).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
+					}),
+					title: f(N).showSidebar.value ? m.value.mediaLibrary.hideFolders : m.value.mediaLibrary.showFolders,
+					"aria-label": f(N).showSidebar.value ? m.value.mediaLibrary.hideFolders : m.value.mediaLibrary.showFolders,
+					"aria-pressed": f(N).showSidebar.value,
+					onClick: t[2] ||= (e) => f(N).showSidebar.value = !f(N).showSidebar.value
+				}, [p(f(ee), {
+					size: 16,
+					"stroke-width": 2
+				})], 12, Sn)) : y("", !0),
+				f(O).viewMode.value === "frequently-used" ? (o(), v("span", Cn, A(m.value.mediaLibrary.frequentlyUsed), 1)) : (o(), S(ye, {
+					key: 2,
+					folders: f(N).folderTree.value,
+					"current-folder-id": f(O).currentFolderId.value,
+					onNavigate: f(O).navigateToFolder
+				}, null, 8, [
+					"folders",
+					"current-folder-id",
+					"onNavigate"
+				])),
+				E("div", wn, [E("button", {
+					type: "button",
+					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
+					style: x({
+						color: f(N).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: f(N).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
+					}),
+					title: m.value.mediaLibrary.viewGrid,
+					"aria-label": m.value.mediaLibrary.viewGrid,
+					"aria-pressed": f(N).layoutMode.value === "grid",
+					onClick: t[3] ||= (e) => f(N).layoutMode.value = "grid"
+				}, [p(f(ae), {
+					size: 14,
+					"stroke-width": 2
+				})], 12, Tn), E("button", {
+					type: "button",
+					class: "tpl:flex tpl:size-6 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded tpl:transition-all tpl:duration-150",
+					style: x({
+						color: f(N).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+						backgroundColor: f(N).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
+					}),
+					title: m.value.mediaLibrary.viewList,
+					"aria-label": m.value.mediaLibrary.viewList,
+					"aria-pressed": f(N).layoutMode.value === "list",
+					onClick: t[4] ||= (e) => f(N).layoutMode.value = "list"
+				}, [p(f(ne), {
+					size: 14,
+					"stroke-width": 2
+				})], 12, En)])
+			]), E("div", Dn, [f(D).length > 1 ? (o(), v("select", {
+				key: 0,
+				"aria-label": m.value.mediaLibrary.filterAriaLabel,
+				class: "tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-7 tpl:pl-2.5 tpl:text-xs tpl:transition-all tpl:duration-150 tpl:outline-none",
+				style: {
+					"border-color": "var(--tpl-border)",
+					"background-color": "var(--tpl-bg)",
+					color: "var(--tpl-text)"
+				},
+				value: f(O).categoryFilter.value ?? "",
+				onChange: X
+			}, [E("option", kn, A(m.value.mediaLibrary.filterAll), 1), (o(!0), v(k, null, r(f(D), (e) => (o(), v("option", {
+				key: e,
+				value: e
+			}, A(f(N).getCategoryLabel(e)), 9, An))), 128))], 40, On)) : y("", !0)])]), E("div", jn, [f(O).viewMode.value === "files" && (P.value || I.value) ? (o(), v("div", Mn, [P.value ? (o(), S($t, {
+				key: 0,
+				"is-uploading": f(O).isUploading.value,
+				"upload-progress": f(O).uploadProgress.value,
+				onUpload: f(N).handleUpload
+			}, null, 8, [
+				"is-uploading",
+				"upload-progress",
+				"onUpload"
+			])) : y("", !0), I.value ? (o(), v("button", {
+				key: 1,
+				"data-testid": "media-import-url",
+				class: "tpl:mt-2 tpl:flex tpl:w-full tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+				style: {
+					"border-color": "var(--tpl-border)",
+					color: "var(--tpl-text-muted)",
+					"background-color": "var(--tpl-bg)"
+				},
+				onClick: t[5] ||= (e) => f(N).showImportUrlModal.value = !0
+			}, [p(f(re), {
+				size: 14,
+				"stroke-width": 2
+			}), M(" " + A(m.value.mediaLibrary.importFromUrl), 1)])) : y("", !0)])) : y("", !0), p(ut, {
+				items: f(N).displayItems.value,
+				"selected-ids": f(O).selectedItems.value,
+				"is-loading": f(O).isLoading.value,
+				"has-more": f(O).viewMode.value === "files" && f(O).hasMore.value,
+				accept: n.accept,
+				layout: f(N).layoutMode.value,
+				"search-query": f(O).searchQuery.value,
+				"can-update": R.value,
+				"can-replace": z.value,
+				onSelect: f(N).handleSelect,
+				onToggle: f(O).toggleSelection,
+				onLoadMore: f(O).loadMore,
+				onEdit: f(N).handleEditItem,
+				onReplace: f(N).handleReplaceItem,
+				onConfirm: Y
+			}, null, 8, [
+				"items",
+				"selected-ids",
+				"is-loading",
+				"has-more",
+				"accept",
+				"layout",
+				"search-query",
+				"can-update",
+				"can-replace",
+				"onSelect",
+				"onToggle",
+				"onLoadMore",
+				"onEdit",
+				"onReplace"
+			])])])]),
+			p(xt, {
+				visible: f(N).showImportUrlModal.value,
+				"is-importing": f(O).isImportingFromUrl.value,
+				error: f(O).importFromUrlError.value,
+				onImport: f(N).handleImportFromUrl,
+				onClose: t[6] ||= (e) => f(N).showImportUrlModal.value = !1
+			}, null, 8, [
+				"visible",
+				"is-importing",
+				"error",
+				"onImport"
+			]),
+			f(N).editingItem.value ? (o(), S(f(d), {
+				key: 0,
+				visible: !0,
+				item: f(N).editingItem.value,
+				onSave: f(N).handleEditSave,
+				onClose: t[7] ||= (e) => f(N).editingItem.value = null
+			}, null, 8, ["item", "onSave"])) : y("", !0),
+			p(qt, {
+				visible: f(O).showReplaceWarning.value,
+				item: f(O).pendingReplaceItem.value,
+				"usage-info": f(O).replaceUsageInfo.value,
+				"is-replacing": f(O).isReplacing.value,
+				error: f(O).replaceError.value,
+				onReplace: f(N).handleReplaceFile,
+				onClose: f(O).cancelReplace
+			}, null, 8, [
+				"visible",
+				"item",
+				"usage-info",
+				"is-replacing",
+				"error",
+				"onReplace",
+				"onClose"
+			]),
+			p(C, {
+				"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
+				"enter-from-class": "tpl:opacity-0",
+				"enter-to-class": "tpl:opacity-100",
+				"leave-active-class": "tpl:transition tpl:ease-in tpl:duration-100",
+				"leave-from-class": "tpl:opacity-100",
+				"leave-to-class": "tpl:opacity-0"
+			}, {
+				default: i(() => [f(O).showDeleteWarning.value ? (o(), v("div", {
+					key: 0,
+					role: "dialog",
+					"aria-modal": "true",
+					"aria-labelledby": "tpl-media-delete-title",
+					class: "tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]",
+					style: {
+						"background-color": "var(--tpl-overlay)",
+						"backdrop-filter": "blur(8px)",
+						"-webkit-backdrop-filter": "blur(8px)"
+					},
+					onClick: t[10] ||= b((...e) => f(O).cancelDelete && f(O).cancelDelete(...e), ["self"])
+				}, [E("div", Nn, [
+					E("h3", Pn, A(m.value.mediaLibrary.deleteWarningTitle), 1),
+					E("p", {
+						class: h(["tpl:text-xs", f(N).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+						style: { color: "var(--tpl-text-muted)" }
+					}, A(m.value.mediaLibrary.deleteWarningMessage), 3),
+					f(N).hasUsedFiles.value ? (o(), v("p", Fn, A(m.value.mediaLibrary.deleteWarningUsageNote), 1)) : y("", !0),
+					f(N).hasUsedFiles.value ? (o(), v("div", In, [(o(!0), v(k, null, r(f(O).deleteUsageInfo.value, (e, t) => (o(), v("div", {
+						key: t,
+						class: "tpl:text-xs",
+						style: { color: "var(--tpl-text)" }
+					}, [e.templateCount > 0 ? (o(), v(k, { key: 0 }, [E("span", Ln, A(f(N).displayItems.value.find((e) => e.id === t)?.filename || t), 1), E("span", Rn, " - " + A(m.value.mediaLibrary.usedInTemplates.replace("{count}", e.templateCount.toString())), 1)], 64)) : y("", !0)]))), 128))])) : y("", !0),
+					E("div", zn, [E("button", {
+						class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+						style: {
+							"border-color": "var(--tpl-border)",
+							color: "var(--tpl-text)",
+							"background-color": "var(--tpl-bg)"
+						},
+						onClick: t[8] ||= (...e) => f(O).cancelDelete && f(O).cancelDelete(...e)
+					}, A(m.value.mediaLibrary.cancel), 1), E("button", {
+						class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+						style: {
+							"border-color": "var(--tpl-danger)",
+							color: "var(--tpl-danger)",
+							"background-color": "var(--tpl-bg)"
+						},
+						onClick: t[9] ||= (...e) => f(O).confirmDelete && f(O).confirmDelete(...e)
+					}, A(f(N).hasUsedFiles.value ? m.value.mediaLibrary.deleteAnyway : m.value.mediaLibrary.confirmDelete), 1)])
+				])])) : y("", !0)]),
+				_: 1
+			}),
+			E("div", Bn, [E("div", Vn, [f(O).previewItem.value ? (o(), S(Nt, {
+				key: 0,
+				item: f(O).previewItem.value,
+				folders: f(N).folderTree.value
+			}, null, 8, ["item", "folders"])) : y("", !0)]), E("div", Hn, [f(O).selectedItems.value.size > 0 ? (o(), v("div", Un, [f(O).previewItem.value ? (o(), v("button", {
+				key: 0,
+				class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-1 tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+				style: x({
+					borderColor: f(N).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
+					color: f(N).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
+					backgroundColor: "var(--tpl-bg)"
+				}),
+				onClick: t[11] ||= (e) => f(N).copy(f(N).selectedUrl.value)
+			}, [f(N).copied.value ? (o(), S(f(U), {
+				key: 1,
+				size: 12,
+				"stroke-width": 2
+			})) : (o(), S(f(V), {
+				key: 0,
+				size: 12,
+				"stroke-width": 2
+			})), M(" " + A(f(N).copied.value ? m.value.mediaLibrary.copied : m.value.mediaLibrary.copyUrl), 1)], 4)) : y("", !0), H.value ? (o(), v("div", Wn, [E("button", {
+				class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+				style: {
+					"border-color": "var(--tpl-border)",
+					color: "var(--tpl-text)",
+					"background-color": "var(--tpl-bg)"
+				},
+				onClick: t[12] ||= (e) => f(N).showMovePicker.value = !f(N).showMovePicker.value
+			}, A(m.value.mediaLibrary.moveSelected), 1), f(N).showMovePicker.value ? (o(), S(Et, {
+				key: 0,
+				folders: f(N).folderTree.value,
+				"current-folder-id": f(O).currentFolderId.value,
+				onSelect: f(N).handleMoveToFolder,
+				onClose: t[13] ||= (e) => f(N).showMovePicker.value = !1
+			}, null, 8, [
+				"folders",
+				"current-folder-id",
+				"onSelect"
+			])) : y("", !0)])) : y("", !0)])) : y("", !0), E("div", Gn, [se.value > 0 ? (o(), v("button", {
+				key: 0,
+				"data-testid": "media-delete",
+				class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-xs tpl:font-medium tpl:transition-all tpl:duration-150",
+				style: {
+					"border-color": "var(--tpl-danger)",
+					color: "var(--tpl-danger)",
+					"background-color": "var(--tpl-bg)"
+				},
+				onClick: ue
+			}, A(m.value.mediaLibrary.deleteSelected), 1)) : y("", !0), n.showConfirm ? (o(), v("button", {
+				key: 1,
+				"data-testid": g.value,
+				class: "tpl:cursor-pointer tpl:rounded-md tpl:px-4 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:bg-[var(--tpl-primary-hover)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50",
+				style: {
+					"background-color": "var(--tpl-primary)",
+					color: "var(--tpl-on-primary)"
+				},
+				disabled: !q.value,
+				onClick: Y
+			}, A(n.accept?.length ? m.value.mediaLibrary.selectImage : m.value.mediaLibrary.selectFile), 9, Kn)) : y("", !0)])])])
+		]));
+	}
+}), Jn = /* #__PURE__ */ Object.assign({
+	"./locales/ca.ts": () => import("./ca-BTf1Zbqb.js"),
+	"./locales/de.ts": () => import("./de-xzrh9PA3.js"),
+	"./locales/en.ts": () => import("./en-DYtFUE2l.js"),
+	"./locales/es.ts": () => import("./es-BT4LSpE2.js"),
+	"./locales/fr.ts": () => import("./fr-CI7OJoql.js"),
+	"./locales/nl.ts": () => import("./nl-D8y5OWGB.js"),
+	"./locales/pt-BR.ts": () => import("./pt-BR-DMCbUBvJ.js")
+});
+function Yn(e) {
+	return Object.keys(e).map((e) => e.match(/\/([^/]+)\.ts$/)?.[1]).filter((e) => !!e);
+}
+var Xn = Yn(Jn);
+function Zn(e) {
+	return e.trim().replace(/_/g, "-").toLowerCase();
+}
+function Qn(e) {
+	let t = Zn(e);
+	return Xn.find((e) => Zn(e) === t);
+}
+function $n(e) {
+	return Zn(e).split("-")[0];
+}
+function er(e) {
+	return Qn(e) ?? Qn($n(e)) ?? "en";
+}
+async function tr(e) {
+	let t = Jn[`./locales/${er(e)}.ts`];
+	return (await t()).default;
+}
+//#endregion
+//#region ../media-library/src/components/MediaLibraryModal.vue?vue&type=script&setup=true&lang.ts
+var nr = ["data-tpl-theme"], rr = /* @__PURE__ */ l({
+	__name: "MediaLibraryModal",
+	props: {
+		visible: { type: Boolean },
+		provider: {},
+		accept: {},
+		popoverTarget: {},
+		locale: {},
+		uiTheme: {},
+		templateId: {},
+		onError: { type: Function }
+	},
+	emits: ["close", "select"],
+	setup(e, { emit: n }) {
+		let r = e, a = n, l = c(null);
+		t(() => r.locale, async (e) => {
+			l.value = await tr(e ?? "en");
+		}, { immediate: !0 }), s(ue, l);
+		let u = _(() => r.uiTheme);
+		s(Z, u);
+		let d = w(() => r.popoverTarget ?? null);
+		s(X, d), s(de, w(() => r.locale));
+		let f = c(null), m = c(null);
+		he(f, _(() => r.visible && l.value !== null && !m.value?.nestedDialogOpen));
+		function x(e) {
+			if (e.key === "Escape") {
+				if (m.value?.handleEscape()) {
+					e.preventDefault();
+					return;
+				}
+				a("close");
+			}
+		}
+		P(document, "keydown", x);
+		function T(e) {
+			a("select", e), a("close");
+		}
+		return (t, n) => (o(), S(g, { to: e.popoverTarget || "body" }, [p(C, {
+			"enter-active-class": "tpl:transition tpl:duration-200",
+			"enter-from-class": "tpl:opacity-0",
+			"enter-to-class": "tpl:opacity-100",
+			"leave-active-class": "tpl:transition tpl:duration-150",
+			"leave-from-class": "tpl:opacity-100",
+			"leave-to-class": "tpl:opacity-0"
+		}, {
+			default: i(() => [e.visible && l.value ? (o(), v("div", {
+				key: 0,
+				"data-testid": "media-library-modal",
+				"data-tpl-theme": u.value,
+				class: h([e.popoverTarget ? void 0 : "tpl", "tpl-media-overlay tpl:fixed tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:p-4"]),
+				style: {
+					"background-color": "var(--tpl-overlay)",
+					"backdrop-filter": "blur(8px)",
+					"-webkit-backdrop-filter": "blur(8px)"
+				},
+				onClick: n[1] ||= b((e) => a("close"), ["self"])
+			}, [E("div", {
+				ref_key: "dialogRef",
+				ref: f,
+				role: "dialog",
+				"aria-modal": "true",
+				"aria-labelledby": "tpl-media-library-title",
+				"data-testid": "media-library-dialog",
+				class: "tpl-media-modal tpl-scale-in tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
+				style: {
+					width: "900px",
+					height: "650px",
+					"max-width": "100%",
+					"max-height": "90%",
+					"background-color": "var(--tpl-bg-elevated)",
+					border: "1px solid var(--tpl-border)",
+					"box-shadow": "var(--tpl-shadow-xl)"
+				}
+			}, [p(qn, {
+				ref_key: "chromeRef",
+				ref: m,
+				provider: e.provider,
+				accept: e.accept,
+				"template-id": e.templateId,
+				"on-error": e.onError,
+				translations: l.value,
+				"show-close": "",
+				"show-confirm": "",
+				"confirm-test-id": "media-confirm",
+				onClose: n[0] ||= (e) => a("close"),
+				onConfirm: T
+			}, null, 8, [
+				"provider",
+				"accept",
+				"template-id",
+				"on-error",
+				"translations"
+			])], 512)], 10, nr)) : y("", !0)]),
+			_: 1
+		})], 8, ["to"]));
+	}
+});
+//#endregion
+export { rr as MediaLibraryModal, X as a, fe as i, $ as n, Z as o, Q as r, he as t };
+
+//# sourceMappingURL=editor-modal-C-yBlj2C.js.map