@templatical/editor 0.0.5 → 0.1.0

package/dist/cdn/chunks/{media-library-BGQm_OyC.js → media-library-C1wCpRY1.js}

@@ -1,6 +1,6 @@
-import { $ as e, B as t, E as n, F as r, H as i, I as a, J as o, L as s, N as c, O as l, R as u, S as d, U as f, _ as p, at as m, b as h, c as g, ct as _, d as v, f as y, g as b, h as x, l as S, lt as C, m as w, n as T, p as E, s as D, st as O, u as k, y as A } from "./draggable-BQNU47zu.js";
-import { $ as j, $t as ee, Ct as te, E as M, Qt as N, T as P, Tt as F, Zt as I, en as ne, lt as L, nn as re, nt as R, pt as ie, rn as ae, rt as oe, tn as se, tt as ce, ut as le, yt as ue } from "./features-Ds0XUfte.js";
-import { G as de, L as fe, T as pe, U as me, W as he, k as ge, p as _e, y as ve, z as ye } from "./icons-fWsuSvgd.js";
+import { $ as e, B as t, E as n, F as r, H as i, I as a, J as o, L as s, N as c, O as l, R as u, S as d, U as f, _ as p, at as m, b as h, c as g, ct as _, d as v, f as y, g as b, h as x, l as S, lt as C, m as w, n as T, p as E, s as D, st as O, u as k, y as A } from "./draggable-Bcb86AsV.js";
+import { $ as j, $t as ee, Ct as te, E as M, Qt as N, T as P, Tt as ne, Xt as F, Zt as I, en as L, lt as re, nn as R, nt as ie, pt as ae, rt as oe, tn as se, tt as ce, ut as le, yt as ue } from "./features-C3n7AeUc.js";
+import { G as de, L as fe, T as pe, U as me, W as he, k as ge, p as _e, y as ve, z as ye } from "./icons-Hmpb0_8s.js";
 //#region ../media-library/src/api-client.ts
 var be = class {
 	constructor(e) {
@@ -243,7 +243,7 @@ function xe(t) {
 			d.value = !1, m.value = null;
 		}
 	}
-	async function F(e) {
+	async function ne(e) {
 		if (h.value.size !== 0) try {
 			let t = await n.moveMedia([...h.value], e);
 			if (a.value === null) {
@@ -255,7 +255,7 @@ function xe(t) {
 			t.onError?.(e);
 		}
 	}
-	async function I(e, i, a) {
+	async function F(e, i, a) {
 		try {
 			let t = await n.updateMedia(e, i, a);
 			r.value = r.value.map((n) => n.id === e ? t : n), g.value?.id === e && (g.value = t);
@@ -263,7 +263,7 @@ function xe(t) {
 			t.onError?.(e);
 		}
 	}
-	async function ne() {
+	async function I() {
 		if (h.value.size !== 0) try {
 			await n.deleteMedia([...h.value]), r.value = r.value.filter((e) => !h.value.has(e.id)), _.value = _.value.filter((e) => !h.value.has(e.id)), h.value = /* @__PURE__ */ new Set(), g.value = null;
 		} catch (e) {
@@ -417,9 +417,9 @@ function xe(t) {
 		showFrequentlyUsed: M,
 		uploadFile: N,
 		uploadFiles: P,
-		moveSelected: F,
-		updateFile: I,
-		deleteSelected: ne,
+		moveSelected: ne,
+		updateFile: F,
+		deleteSelected: I,
 		isImportingFromUrl: x,
 		importFromUrlError: S,
 		importFromUrl: ae,
@@ -587,7 +587,7 @@ function je(e, t, n, r) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.bun/vue-advanced-cropper@2.8.9+cc44681ce9393ba4/node_modules/vue-advanced-cropper/dist/index.esm-bundler.js
+//#region ../../node_modules/.pnpm/vue-advanced-cropper@2.8.9_vue@3.5.33_typescript@6.0.3_/node_modules/vue-advanced-cropper/dist/index.esm-bundler.js
 function Me(e, t) {
 	var n = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {
@@ -2239,11 +2239,14 @@ var un = {
 			}
 		},
 		onMouseDown: function(e) {
-			this.mouseMove && "buttons" in e && e.buttons === 1 && this.processEvent(e) && (this.touches = [{
-				fake: !0,
-				clientX: e.clientX,
-				clientY: e.clientY
-			}], this.processStart());
+			if (this.mouseMove && "buttons" in e && e.buttons === 1 && this.processEvent(e)) {
+				var t = {
+					fake: !0,
+					clientX: e.clientX,
+					clientY: e.clientY
+				};
+				this.touches = [t], this.processStart();
+			}
 		},
 		onMouseMove: function(e) {
 			this.touches.length && this.processEvent(e) && this.processMove(e, [{
@@ -3312,7 +3315,7 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				height: Math.min(1024, this.imageAttributes.width) / (this.imageAttributes.width / this.imageAttributes.height)
 			} : {
 				height: Math.min(1024, this.imageAttributes.height),
-				width: this.imageAttributes.width / this.imageAttributes.height * Math.min(1024, this.imageAttributes.height)
+				width: Math.min(1024, this.imageAttributes.height) * (this.imageAttributes.width / this.imageAttributes.height)
 			}, t = {
 				left: (e.width - this.imageSize.width) / (2 * this.coefficient),
 				top: (e.height - this.imageSize.height) / (2 * this.coefficient)
@@ -3320,8 +3323,8 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 				left: (1 - 1 / this.coefficient) * e.width / 2,
 				top: (1 - 1 / this.coefficient) * e.height / 2
 			}, r = B(B({}, this.imageTransforms), {}, {
-				scaleX: this.imageAttributes.width / e.width * this.imageTransforms.scaleX,
-				scaleY: this.imageAttributes.height / e.height * this.imageTransforms.scaleY
+				scaleX: this.imageTransforms.scaleX * (this.imageAttributes.width / e.width),
+				scaleY: this.imageTransforms.scaleY * (this.imageAttributes.height / e.height)
 			}), i = {
 				width: `${e.width}px`,
 				height: `${e.height}px`,
@@ -3429,8 +3432,8 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			}));
 		},
 		refresh: function() {
-			var e = this;
-			if (this.src && this.$refs.image) return this.initialized ? this.updateVisibleArea().then((function() {
+			var e = this, t = this.$refs.image;
+			if (this.src && t) return this.initialized ? this.updateVisibleArea().then((function() {
 				e.onChange();
 			})) : this.resetVisibleArea().then((function() {
 				e.onChange();
@@ -3591,8 +3594,9 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 		resetCoordinates: function() {
 			var e = this;
 			if (this.$refs.image) {
+				this.$refs.cropper, this.$refs.image;
 				var t = this.defaultSize;
-				t ||= this.stencilSize ? It : Ft;
+				t ||= this.stencilSize ? It : Ft, this.sizeRestrictions;
 				var n = We(t) ? t({
 					boundaries: this.boundaries,
 					imageSize: this.imageSize,
@@ -3849,13 +3853,13 @@ var yn = ["transitions"], bn = U("vue-advanced-cropper"), xn = {
 			this.coordinates = this.applyTransform(this.coordinates, !0), this.onChange(!1);
 		},
 		getAreaRestrictions: function() {
-			var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.visibleArea, n = e.type;
+			var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.visibleArea, n = e.type, r = n === void 0 ? "move" : n;
 			return this.areaRestrictionsAlgorithm({
 				boundaries: this.boundaries,
 				imageSize: this.imageSize,
 				imageRestriction: this.imageRestriction,
 				visibleArea: t,
-				type: n === void 0 ? "move" : n
+				type: r
 			});
 		},
 		getAspectRatio: function(e) {
@@ -4121,14 +4125,14 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 	},
 	emits: ["save", "close"],
 	setup(a, { emit: o }) {
-		let s = a, l = o, { t: u } = z(), d = n("tplUiTheme"), g = u.mediaLibrary, { isImageMimeType: S } = Ee(), j = e(""), ee = e(""), te = e(null), M = e("free"), N = e(void 0), P = e(void 0), F = e(""), I = e(""), ne = e(void 0), L = e(null), re = e(!1), R = e(!1), ie = e(!1), ae = E(() => s.item ? [
+		let s = a, l = o, { t: u } = z(), d = n("tplUiTheme"), g = u.mediaLibrary, { isImageMimeType: S } = Ee(), j = e(""), ee = e(""), te = e(null), M = e("free"), N = e(void 0), P = e(void 0), ne = e(""), F = e(""), I = e(void 0), L = e(null), re = e(!1), R = e(!1), ie = e(!1), ae = E(() => s.item ? [
 			"image/jpeg",
 			"image/png",
 			"image/webp",
 			"image/gif"
-		].includes(s.item.mime_type) : !1), oe = E(() => M.value === "original" ? ne.value : De[M.value]), se = E(() => L.value ? je(L.value.width, L.value.height, N.value, P.value) : null);
+		].includes(s.item.mime_type) : !1), oe = E(() => M.value === "original" ? I.value : De[M.value]), se = E(() => L.value ? je(L.value.width, L.value.height, N.value, P.value) : null);
 		t(() => s.visible, (e) => {
-			e && s.item && (j.value = s.item.filename, ee.value = s.item.alt_text || "", M.value = "free", N.value = void 0, P.value = void 0, F.value = "", I.value = "", ne.value = void 0, L.value = null, re.value = !1, ie.value = !1, s.item.width && s.item.height && (ne.value = s.item.width / s.item.height));
+			e && s.item && (j.value = s.item.filename, ee.value = s.item.alt_text || "", M.value = "free", N.value = void 0, P.value = void 0, ne.value = "", F.value = "", I.value = void 0, L.value = null, re.value = !1, ie.value = !1, s.item.width && s.item.height && (I.value = s.item.width / s.item.height));
 		});
 		function ce(e) {
 			e.coordinates && (L.value = {
@@ -4137,15 +4141,15 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			}, ie.value = !0);
 		}
 		function le() {
-			re.value = !0, !ne.value && s.item?.width && s.item?.height && (ne.value = s.item.width / s.item.height);
+			re.value = !0, !I.value && s.item?.width && s.item?.height && (I.value = s.item.width / s.item.height);
 		}
 		function ue(e) {
 			let t = e.target.value;
-			F.value = t, N.value = t && parseInt(t, 10) || void 0;
+			ne.value = t, N.value = t && parseInt(t, 10) || void 0;
 		}
 		function de(e) {
 			let t = e.target.value;
-			I.value = t, P.value = t && parseInt(t, 10) || void 0;
+			F.value = t, P.value = t && parseInt(t, 10) || void 0;
 		}
 		async function fe() {
 			let e = j.value.trim();
@@ -4219,7 +4223,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							onClick: (t) => M.value = e
 						}, C(m(g)[`crop${e.charAt(0).toUpperCase()}${e.slice(1)}`]), 13, Nn)), 64))])]),
 						w("div", Pn, [w("div", Fn, [w("label", In, [A(C(m(u).mediaLibrary.cropMaxWidth) + " ", 1), w("span", Ln, C(m(u).mediaLibrary.cropOptional), 1)]), w("div", Rn, [w("input", {
-							value: F.value,
+							value: ne.value,
 							type: "number",
 							min: "1",
 							class: "tpl:w-full tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-8 tpl:pl-3 tpl:text-xs tpl:outline-none",
@@ -4231,7 +4235,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 							placeholder: L.value?.width?.toString() || "",
 							onInput: ue
 						}, null, 40, zn), w("span", Bn, C(m(u).mediaLibrary.cropPixels), 1)])]), w("div", Vn, [w("label", Hn, [A(C(m(u).mediaLibrary.cropMaxHeight) + " ", 1), w("span", Un, C(m(u).mediaLibrary.cropOptional), 1)]), w("div", Wn, [w("input", {
-							value: I.value,
+							value: F.value,
 							type: "number",
 							min: "1",
 							class: "tpl:w-full tpl:rounded-md tpl:border tpl:py-1.5 tpl:pr-8 tpl:pl-3 tpl:text-xs tpl:outline-none",
@@ -4317,14 +4321,14 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 		function P() {
 			l.value = !l.value;
 		}
-		function F() {
+		function ne() {
 			u.value = !0, d.value = i.folder.name;
 		}
-		function I() {
+		function F() {
 			let e = d.value.trim();
 			e && e !== i.folder.name && a("renameFolder", i.folder.id, e), u.value = !1, d.value = "";
 		}
-		function ne() {
+		function I() {
 			u.value = !1, d.value = "";
 		}
 		function L() {
@@ -4374,8 +4378,8 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 						color: "var(--tpl-text)"
 					},
 					autofocus: "",
-					onKeydown: [S(I, ["enter"]), S(ne, ["escape"])],
-					onBlur: I,
+					onKeydown: [S(F, ["enter"]), S(I, ["escape"])],
+					onBlur: F,
 					onClick: n[2] ||= k(() => {}, ["stop"])
 				}, null, 544)), [[D, d.value]]) : b("", !0),
 				u.value ? b("", !0) : (c(), p("span", or, [
@@ -4391,7 +4395,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					w("button", {
 						class: "tpl:flex tpl:size-6 tpl:items-center tpl:justify-center tpl:rounded tpl:transition-colors",
 						title: m(o).mediaLibrary.renameFolder,
-						onClick: k(F, ["stop"])
+						onClick: k(ne, ["stop"])
 					}, [h(m(le), {
 						size: 12,
 						"stroke-width": 2
@@ -4765,7 +4769,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			a("select", e);
 		}
 		let { t: d } = z(), f = e(null);
-		re(f, ([{ isIntersecting: e }]) => {
+		se(f, ([{ isIntersecting: e }]) => {
 			e && i.hasMore && !i.isLoading && a("loadMore");
 		}, { threshold: .1 });
 		function g(e) {
@@ -4818,11 +4822,11 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					style: { color: "var(--tpl-text-muted)" },
 					title: m(d).mediaLibrary.replaceFile,
 					onClick: k((t) => a("replace", e), ["stop"])
-				}, [h(m(L), {
+				}, [h(m(re), {
 					size: 12,
 					"stroke-width": 2
 				})], 8, Wr)]),
-				t.selectedIds.has(e.id) ? (c(), p("div", Gr, [h(m(F), {
+				t.selectedIds.has(e.id) ? (c(), p("div", Gr, [h(m(ne), {
 					size: 12,
 					"stroke-width": 3
 				})])) : b("", !0)
@@ -4863,11 +4867,11 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					style: { "background-color": "rgba(0, 0, 0, 0.6)" },
 					title: m(d).mediaLibrary.replaceFile,
 					onClick: k((t) => a("replace", e), ["stop"])
-				}, [h(m(L), {
+				}, [h(m(re), {
 					size: 11,
 					"stroke-width": 2
 				})], 8, Mr)]),
-				t.selectedIds.has(e.id) ? (c(), p("div", Nr, [h(m(F), {
+				t.selectedIds.has(e.id) ? (c(), p("div", Nr, [h(m(ne), {
 					size: 12,
 					"stroke-width": 3
 				})])) : b("", !0)
@@ -4877,7 +4881,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				ref: f,
 				class: "tpl:h-4"
 			}, null, 512),
-			t.isLoading && t.items.length > 0 ? (c(), p("div", Kr, [h(m(ie), {
+			t.isLoading && t.items.length > 0 ? (c(), p("div", Kr, [h(m(ae), {
 				class: "tpl-spinner",
 				size: 20,
 				"stroke-width": 2,
@@ -4966,7 +4970,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 					style: { background: "linear-gradient(\n                  135deg,\n                  var(--tpl-primary),\n                  var(--tpl-primary-hover)\n                )" },
 					disabled: !d.value.trim() || r.isImporting,
 					onClick: g
-				}, [r.isImporting ? (c(), p("span", ri, [h(m(ie), {
+				}, [r.isImporting ? (c(), p("span", ri, [h(m(ae), {
 					class: "tpl:animate-spin",
 					size: 12,
 					"stroke-width": 2
@@ -4997,7 +5001,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			}), r.children?.length && n.push(...s(r.children, t + 1));
 			return n;
 		}
-		return I(o, () => {
+		return F(o, () => {
 			i("close");
 		}), (e, n) => (c(), p("div", {
 			ref_key: "pickerRef",
@@ -5305,9 +5309,9 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			let t = d(e);
 			t.length && r("upload", t);
 		}
-		let { isOverDropZone: g } = ee(u, { onDrop: (e) => {
+		let { isOverDropZone: g } = N(u, { onDrop: (e) => {
 			e?.length && f(e);
-		} }), { open: _, onChange: y } = se({
+		} }), { open: _, onChange: y } = L({
 			accept: s.value,
 			multiple: !0
 		});
@@ -5322,7 +5326,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 				"background-color": "var(--tpl-bg)"
 			},
 			onClick: n[0] ||= (e) => m(_)()
-		}, [t.isUploading ? (c(), p("div", Li, [h(m(ie), {
+		}, [t.isUploading ? (c(), p("div", Li, [h(m(ae), {
 			class: "tpl-spinner",
 			size: 20,
 			"stroke-width": 2,
@@ -5331,7 +5335,7 @@ var wn = ["data-tpl-theme"], Tn = { class: "tpl:shrink-0 tpl:p-5 tpl:pb-4" }, En
 			current: t.uploadProgress.current,
 			total: t.uploadProgress.total
 		}) : m(i).mediaLibrary.uploading), 1)])) : (c(), p(v, { key: 1 }, [
-			h(m(R), {
+			h(m(ie), {
 				class: "tpl:mb-2",
 				size: 24,
 				"stroke-width": 1.5,
@@ -5462,13 +5466,13 @@ function qi(n) {
 	}), t(() => r.previewItem.value?.id, () => {
 		u.value = "original";
 	});
-	let b = ae((e) => {
+	let b = R((e) => {
 		r.search(e);
 	}, 300);
 	function x(e) {
 		l.value = e, b(e);
 	}
-	let { copy: S, copied: C } = N({
+	let { copy: S, copied: C } = I({
 		copiedDuring: 2e3,
 		legacy: !0
 	});
@@ -5502,13 +5506,13 @@ function qi(n) {
 	async function M() {
 		await r.checkUsageBeforeDelete();
 	}
-	function P(e) {
+	function N(e) {
 		r.checkUsageBeforeReplace(e);
 	}
-	async function F(e) {
+	async function P(e) {
 		await r.replaceFile(e);
 	}
-	function I() {
+	function ne() {
 		r.clearSelection(), r.cancelDelete(), r.cancelReplace(), l.value = "", r.categoryFilter.value = null, r.sortOption.value = "newest", r.viewMode.value = "files", d.value = null, f.value = !1, u.value = "original";
 	}
 	return {
@@ -5537,9 +5541,9 @@ function qi(n) {
 		handleImportFromUrl: ee,
 		handleMoveToFolder: te,
 		handleDeleteClick: M,
-		handleReplaceItem: P,
-		handleReplaceFile: F,
-		resetUI: I
+		handleReplaceItem: N,
+		handleReplaceFile: P,
+		resetUI: ne
 	};
 }
 //#endregion
@@ -5618,27 +5622,27 @@ var Ji = ["data-tpl-theme"], Yi = {
 	},
 	emits: ["close", "select"],
 	setup(e, { emit: a }) {
-		let o = e, s = a, { t: l } = z(), u = n("tplUiTheme"), d = n("authManager"), f = n("projectId"), g = E(() => f.value), S = n("planConfig"), D = E(() => S.hasFeature("media_folders")), j = E(() => S.hasFeature("import_from_url")), ee = E(() => S.config.value?.storage.used_bytes ?? 0), te = E(() => S.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: M, availableCategories: N } = Ee(), P = xe({
+		let o = e, s = a, { t: l } = z(), u = n("tplUiTheme"), d = n("authManager"), f = n("projectId"), g = E(() => f.value), S = n("planConfig"), D = E(() => S.hasFeature("media_folders")), j = E(() => S.hasFeature("import_from_url")), te = E(() => S.config.value?.storage.used_bytes ?? 0), M = E(() => S.config.value?.storage.limit_bytes ?? 0), { isAcceptedMimeType: N, availableCategories: P } = Ee(), F = xe({
 			projectId: g.value,
 			authManager: d
 		}), I = qi({
-			library: P,
+			library: F,
 			canUseMediaFolders: D,
 			translations: l
 		});
 		t(() => o.visible, (e) => {
-			e ? (P.loadItems(), P.loadFrequentlyUsed()) : I.resetUI();
+			e ? (F.loadItems(), F.loadFrequentlyUsed()) : I.resetUI();
 		});
 		function L(e) {
 			e.key === "Escape" && s("close");
 		}
-		ne(document, "keydown", L);
+		ee(document, "keydown", L);
 		function re() {
-			return P.previewItem.value ? o.accept?.length ? M(P.previewItem.value.mime_type, o.accept) : !0 : !1;
+			return F.previewItem.value ? o.accept?.length ? N(F.previewItem.value.mime_type, o.accept) : !0 : !1;
 		}
 		function R() {
 			if (re()) {
-				let e = P.previewItem.value;
+				let e = F.previewItem.value;
 				s("select", {
 					...e,
 					url: I.selectedUrl.value || e.url
@@ -5661,8 +5665,8 @@ var Ji = ["data-tpl-theme"], Yi = {
 			}, [w("div", Yi, [
 				w("div", Xi, [w("h2", Zi, C(m(l).mediaLibrary.title), 1), w("div", Qi, [
 					h(Ki, {
-						"used-bytes": ee.value,
-						"limit-bytes": te.value,
+						"used-bytes": te.value,
+						"limit-bytes": M.value,
 						size: 22
 					}, null, 8, ["used-bytes", "limit-bytes"]),
 					w("div", $i, [w("input", {
@@ -5700,15 +5704,15 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 				}, {
 					default: i(() => [D.value && m(I).showSidebar.value ? (c(), p("div", na, [h(gr, {
-						folders: m(P).folders.value,
-						"current-folder-id": m(P).currentFolderId.value,
-						"view-mode": m(P).viewMode.value,
+						folders: m(F).folders.value,
+						"current-folder-id": m(F).currentFolderId.value,
+						"view-mode": m(F).viewMode.value,
 						"has-frequently-used": m(I).hasFrequentlyUsed.value,
-						onNavigate: m(P).navigateToFolder,
+						onNavigate: m(F).navigateToFolder,
 						onCreateFolder: m(I).handleCreateFolder,
 						onRenameFolder: m(I).handleRenameFolder,
 						onDeleteFolder: m(I).handleDeleteFolder,
-						onShowFrequentlyUsed: m(P).showFrequentlyUsed
+						onShowFrequentlyUsed: m(F).showFrequentlyUsed
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -5736,11 +5740,11 @@ var Ji = ["data-tpl-theme"], Yi = {
 						size: 16,
 						"stroke-width": 2
 					})], 12, oa)) : b("", !0),
-					m(P).viewMode.value === "frequently-used" ? (c(), p("span", sa, C(m(l).mediaLibrary.frequentlyUsed), 1)) : (c(), x(Te, {
+					m(F).viewMode.value === "frequently-used" ? (c(), p("span", sa, C(m(l).mediaLibrary.frequentlyUsed), 1)) : (c(), x(Te, {
 						key: 2,
-						folders: m(P).folders.value,
-						"current-folder-id": m(P).currentFolderId.value,
-						onNavigate: m(P).navigateToFolder
+						folders: m(F).folders.value,
+						"current-folder-id": m(F).currentFolderId.value,
+						onNavigate: m(F).navigateToFolder
 					}, null, 8, [
 						"folders",
 						"current-folder-id",
@@ -5769,7 +5773,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 						size: 14,
 						"stroke-width": 2
 					})], 12, ua)])
-				]), w("div", da, [m(N).length > 1 ? (c(), p("select", {
+				]), w("div", da, [m(P).length > 1 ? (c(), p("select", {
 					key: 0,
 					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: {
@@ -5777,9 +5781,9 @@ var Ji = ["data-tpl-theme"], Yi = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: m(P).categoryFilter.value ?? "",
-					onChange: n[5] ||= (e) => m(P).filterByCategory(e.target.value || null)
-				}, [w("option", pa, C(m(l).mediaLibrary.filterAll), 1), (c(!0), p(v, null, r(m(N), (e) => (c(), p("option", {
+					value: m(F).categoryFilter.value ?? "",
+					onChange: n[5] ||= (e) => m(F).filterByCategory(e.target.value || null)
+				}, [w("option", pa, C(m(l).mediaLibrary.filterAll), 1), (c(!0), p(v, null, r(m(P), (e) => (c(), p("option", {
 					key: e,
 					value: e
 				}, C(m(I).getCategoryLabel(e)), 9, ma))), 128))], 40, fa)) : b("", !0), w("select", {
@@ -5789,8 +5793,8 @@ var Ji = ["data-tpl-theme"], Yi = {
 						"background-color": "var(--tpl-bg)",
 						color: "var(--tpl-text)"
 					},
-					value: m(P).sortOption.value,
-					onChange: n[6] ||= (e) => m(P).sortBy(e.target.value)
+					value: m(F).sortOption.value,
+					onChange: n[6] ||= (e) => m(F).sortBy(e.target.value)
 				}, [
 					w("option", ga, C(m(l).mediaLibrary.sortNewest), 1),
 					w("option", _a, C(m(l).mediaLibrary.sortOldest), 1),
@@ -5798,9 +5802,9 @@ var Ji = ["data-tpl-theme"], Yi = {
 					w("option", ya, C(m(l).mediaLibrary.sortNameDesc), 1),
 					w("option", ba, C(m(l).mediaLibrary.sortSizeAsc), 1),
 					w("option", xa, C(m(l).mediaLibrary.sortSizeDesc), 1)
-				], 40, ha)])]), w("div", Sa, [m(P).viewMode.value === "files" ? (c(), p("div", Ca, [h(Vi, {
-					"is-uploading": m(P).isUploading.value,
-					"upload-progress": m(P).uploadProgress.value,
+				], 40, ha)])]), w("div", Sa, [m(F).viewMode.value === "files" ? (c(), p("div", Ca, [h(Vi, {
+					"is-uploading": m(F).isUploading.value,
+					"upload-progress": m(F).uploadProgress.value,
 					onUpload: m(I).handleUpload
 				}, null, 8, [
 					"is-uploading",
@@ -5820,14 +5824,14 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"stroke-width": 2
 				}), A(" " + C(m(l).mediaLibrary.importFromUrl), 1)])) : b("", !0)])) : b("", !0), h(qr, {
 					items: m(I).displayItems.value,
-					"selected-ids": m(P).selectedItems.value,
-					"is-loading": m(P).isLoading.value,
-					"has-more": m(P).viewMode.value === "files" && m(P).hasMore.value,
+					"selected-ids": m(F).selectedItems.value,
+					"is-loading": m(F).isLoading.value,
+					"has-more": m(F).viewMode.value === "files" && m(F).hasMore.value,
 					accept: e.accept,
 					layout: m(I).layoutMode.value,
 					onSelect: m(I).handleSelect,
-					onToggle: m(P).toggleSelection,
-					onLoadMore: m(P).loadMore,
+					onToggle: m(F).toggleSelection,
+					onLoadMore: m(F).loadMore,
 					onEdit: m(I).handleEditItem,
 					onReplace: m(I).handleReplaceItem
 				}, null, 8, [
@@ -5845,8 +5849,8 @@ var Ji = ["data-tpl-theme"], Yi = {
 				])])])]),
 				h(ai, {
 					visible: m(I).showImportUrlModal.value,
-					"is-importing": m(P).isImportingFromUrl.value,
-					error: m(P).importFromUrlError.value,
+					"is-importing": m(F).isImportingFromUrl.value,
+					error: m(F).importFromUrlError.value,
 					onImport: m(I).handleImportFromUrl,
 					onClose: n[8] ||= (e) => m(I).showImportUrlModal.value = !1
 				}, null, 8, [
@@ -5866,13 +5870,13 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"onSave"
 				]),
 				h(Ii, {
-					visible: m(P).showReplaceWarning.value,
-					item: m(P).pendingReplaceItem.value,
-					"usage-info": m(P).replaceUsageInfo.value,
-					"is-replacing": m(P).isReplacing.value,
-					error: m(P).replaceError.value,
+					visible: m(F).showReplaceWarning.value,
+					item: m(F).pendingReplaceItem.value,
+					"usage-info": m(F).replaceUsageInfo.value,
+					"is-replacing": m(F).isReplacing.value,
+					error: m(F).replaceError.value,
 					onReplace: m(I).handleReplaceFile,
-					onClose: m(P).cancelReplace
+					onClose: m(F).cancelReplace
 				}, null, 8, [
 					"visible",
 					"item",
@@ -5890,7 +5894,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 					"leave-from-class": "tpl:opacity-100",
 					"leave-to-class": "tpl:opacity-0"
 				}, {
-					default: i(() => [m(P).showDeleteWarning.value ? (c(), p("div", {
+					default: i(() => [m(F).showDeleteWarning.value ? (c(), p("div", {
 						key: 0,
 						class: "tpl:absolute tpl:inset-0 tpl:z-10 tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-lg)]",
 						style: {
@@ -5898,7 +5902,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 							"backdrop-filter": "blur(8px)",
 							"-webkit-backdrop-filter": "blur(8px)"
 						},
-						onClick: n[12] ||= k((...e) => m(P).cancelDelete && m(P).cancelDelete(...e), ["self"])
+						onClick: n[12] ||= k((...e) => m(F).cancelDelete && m(F).cancelDelete(...e), ["self"])
 					}, [w("div", wa, [
 						w("h3", Ta, C(m(l).mediaLibrary.deleteWarningTitle), 1),
 						w("p", {
@@ -5906,7 +5910,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 							style: { color: "var(--tpl-text-muted)" }
 						}, C(m(l).mediaLibrary.deleteWarningMessage), 3),
 						m(I).hasUsedFiles.value ? (c(), p("p", Ea, C(m(l).mediaLibrary.deleteWarningUsageNote), 1)) : b("", !0),
-						m(I).hasUsedFiles.value ? (c(), p("div", Da, [(c(!0), p(v, null, r(m(P).deleteUsageInfo.value, (e, t) => (c(), p("div", {
+						m(I).hasUsedFiles.value ? (c(), p("div", Da, [(c(!0), p(v, null, r(m(F).deleteUsageInfo.value, (e, t) => (c(), p("div", {
 							key: t,
 							class: "tpl:text-xs",
 							style: { color: "var(--tpl-text)" }
@@ -5918,7 +5922,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 								color: "var(--tpl-text)",
 								"background-color": "var(--tpl-bg)"
 							},
-							onClick: n[10] ||= (...e) => m(P).cancelDelete && m(P).cancelDelete(...e)
+							onClick: n[10] ||= (...e) => m(F).cancelDelete && m(F).cancelDelete(...e)
 						}, C(m(l).mediaLibrary.cancel), 1), w("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: {
@@ -5926,22 +5930,22 @@ var Ji = ["data-tpl-theme"], Yi = {
 								color: "var(--tpl-danger)",
 								"background-color": "var(--tpl-danger-light)"
 							},
-							onClick: n[11] ||= (...e) => m(P).confirmDelete && m(P).confirmDelete(...e)
+							onClick: n[11] ||= (...e) => m(F).confirmDelete && m(F).confirmDelete(...e)
 						}, C(m(I).hasUsedFiles.value ? m(l).mediaLibrary.deleteAnyway : m(l).mediaLibrary.confirmDelete), 1)])
 					])])) : b("", !0)]),
 					_: 1
 				}),
-				w("div", ja, [w("div", Ma, [m(P).previewItem.value ? (c(), x(xi, {
+				w("div", ja, [w("div", Ma, [m(F).previewItem.value ? (c(), x(xi, {
 					key: 0,
 					"selected-conversion": m(I).selectedConversion.value,
 					"onUpdate:selectedConversion": n[13] ||= (e) => m(I).selectedConversion.value = e,
-					item: m(P).previewItem.value,
-					folders: m(P).folders.value
+					item: m(F).previewItem.value,
+					folders: m(F).folders.value
 				}, null, 8, [
 					"selected-conversion",
 					"item",
 					"folders"
-				])) : b("", !0)]), w("div", Na, [m(P).selectedItems.value.size > 0 ? (c(), p("div", Pa, [m(P).previewItem.value ? (c(), p("button", {
+				])) : b("", !0)]), w("div", Na, [m(F).selectedItems.value.size > 0 ? (c(), p("div", Pa, [m(F).previewItem.value ? (c(), p("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: _({
@@ -5950,7 +5954,7 @@ var Ji = ["data-tpl-theme"], Yi = {
 						backgroundColor: "var(--tpl-bg)"
 					}),
 					onClick: n[14] ||= (e) => m(I).copy(m(I).selectedUrl.value)
-				}, [m(I).copied.value ? (c(), x(m(F), {
+				}, [m(I).copied.value ? (c(), x(m(ne), {
 					key: 1,
 					size: 12,
 					"stroke-width": 2
@@ -5968,15 +5972,15 @@ var Ji = ["data-tpl-theme"], Yi = {
 					onClick: n[15] ||= (e) => m(I).showMovePicker.value = !m(I).showMovePicker.value
 				}, C(m(l).mediaLibrary.moveSelected), 1), m(I).showMovePicker.value ? (c(), x(ui, {
 					key: 0,
-					folders: m(P).folders.value,
-					"current-folder-id": m(P).currentFolderId.value,
+					folders: m(F).folders.value,
+					"current-folder-id": m(F).currentFolderId.value,
 					onSelect: m(I).handleMoveToFolder,
 					onClose: n[16] ||= (e) => m(I).showMovePicker.value = !1
 				}, null, 8, [
 					"folders",
 					"current-folder-id",
 					"onSelect"
-				])) : b("", !0)])) : b("", !0)])) : b("", !0), w("div", Ia, [m(P).selectedItems.value.size > 0 ? (c(), p("button", {
+				])) : b("", !0)])) : b("", !0)])) : b("", !0), w("div", Ia, [m(F).selectedItems.value.size > 0 ? (c(), p("button", {
 					key: 0,
 					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: {
@@ -6002,4 +6006,4 @@ var Ji = ["data-tpl-theme"], Yi = {
 //#endregion
 export { Ii as a, ai as c, rr as d, Ee as f, be as g, xe as h, Vi as i, qr as l, z as m, qi as n, xi as o, Te as p, Ki as r, ui as s, Ra as t, gr as u };
 
-//# sourceMappingURL=media-library-BGQm_OyC.js.map
+//# sourceMappingURL=media-library-C1wCpRY1.js.map