@templatical/editor 0.11.0 → 0.12.0

package/dist/cdn/chunks/{src-C-GlM149.js → src-DzvOWQ9S.js}

@@ -1,7 +1,7 @@
-import { A as e, C as t, M as n, N as r, P as i, V as a, Z as o, ct as s, f as c, g as l, h as u, it as d, l as ee, m as f, n as p, ot as te, p as m, r as h, st as g, u as _, v, x as y, y as b } from "./draggable-iAb7QVJo.js";
-import { At as x, C as S, D as C, wt as ne } from "./features-DmUOSthI.js";
-import { B as re, L as ie, W as ae, k as oe, y as se } from "./icons-DguD4x_X.js";
-import { a as ce, c as le, d as ue, f as de, h as fe, i as w, l as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M } from "./media-library-ClQUPxRM.js";
+import { A as e, C as t, M as n, N as r, P as i, V as a, Z as o, ct as s, f as c, g as l, h as u, it as d, l as ee, m as f, n as p, ot as m, p as h, r as g, st as _, u as v, v as y, x as b, y as x } from "./draggable-Bci-fq8y.js";
+import { C as S, D as C, Et as te, xt as ne } from "./features-DxWz_Enw.js";
+import { J as re, P as ie, X as ae, h as oe, j as se } from "./icons-BflGUmFY.js";
+import { a as ce, c as le, d as ue, f as de, h as fe, i as w, l as T, n as E, o as D, p as O, r as k, s as A, t as j, u as M } from "./media-library-C479-QcE.js";
 //#region ../media-library/src/standalone/MediaLibrary.vue?vue&type=script&setup=true&lang.ts
 var N = {
 	class: "tpl tpl:flex tpl:flex-col tpl:overflow-hidden tpl:rounded-[var(--tpl-radius-lg)]",
@@ -66,7 +66,7 @@ var N = {
 }, We = {
 	key: 1,
 	class: "tpl:relative"
-}, Ge = { class: "tpl:flex tpl:items-center tpl:gap-2" }, H = ["disabled"], U = /* @__PURE__ */ y({
+}, Ge = { class: "tpl:flex tpl:items-center tpl:gap-2" }, H = ["disabled"], U = /* @__PURE__ */ b({
 	__name: "MediaLibrary",
 	props: {
 		authManager: {},
@@ -77,19 +77,19 @@ var N = {
 		onError: { type: Function }
 	},
 	emits: ["ready"],
-	setup(t, { emit: h }) {
-		let y = t, S = h, C = c(() => y.translations);
-		r("translations", y.translations), r("authManager", y.authManager), r("projectId", c(() => y.projectId)), r("planConfig", {
-			config: o(y.planConfig),
+	setup(t, { emit: g }) {
+		let b = t, S = g, C = c(() => b.translations);
+		r("translations", b.translations), r("authManager", b.authManager), r("projectId", c(() => b.projectId)), r("planConfig", {
+			config: o(b.planConfig),
 			isLoading: o(!1),
-			hasFeature: (e) => y.planConfig.features[e] ?? !1,
-			features: c(() => y.planConfig.features),
+			hasFeature: (e) => b.planConfig.features[e] ?? !1,
+			features: c(() => b.planConfig.features),
 			fetchConfig: async () => {}
 		});
-		let j = c(() => y.planConfig.features.media_folders ?? !1), U = c(() => y.planConfig.features.import_from_url ?? !1), W = c(() => y.planConfig.storage.used_bytes ?? 0), G = c(() => y.planConfig.storage.limit_bytes ?? 0), { availableCategories: K } = de(), q = fe({
-			projectId: y.projectId,
-			authManager: y.authManager,
-			onError: y.onError
+		let j = c(() => b.planConfig.features.media_folders ?? !1), U = c(() => b.planConfig.features.import_from_url ?? !1), W = c(() => b.planConfig.storage.used_bytes ?? 0), G = c(() => b.planConfig.storage.limit_bytes ?? 0), { availableCategories: K } = de(), q = fe({
+			projectId: b.projectId,
+			authManager: b.authManager,
+			onError: b.onError
 		}), J = E({
 			library: q,
 			canUseMediaFolders: j,
@@ -98,7 +98,7 @@ var N = {
 		function Y() {
 			if (!q.previewItem.value) return;
 			let e = q.previewItem.value;
-			y.onSelect?.({
+			b.onSelect?.({
 				...e,
 				url: J.selectedUrl.value || e.url
 			});
@@ -106,11 +106,11 @@ var N = {
 		return e(() => {
 			q.loadItems(), q.loadFrequentlyUsed(), S("ready");
 		}), (e, r) => (n(), l("div", N, [
-			m("div", P, [m("h2", F, s(C.value.mediaLibrary.title), 1), m("div", I, [b(k, {
+			h("div", P, [h("h2", F, s(C.value.mediaLibrary.title), 1), h("div", I, [x(k, {
 				"used-bytes": W.value,
 				"limit-bytes": G.value,
 				size: 22
-			}, null, 8, ["used-bytes", "limit-bytes"]), m("div", L, [m("input", {
+			}, null, 8, ["used-bytes", "limit-bytes"]), h("div", L, [h("input", {
 				value: d(J).searchInput.value,
 				type: "text",
 				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)]",
@@ -121,13 +121,13 @@ var N = {
 				},
 				placeholder: C.value.mediaLibrary.searchPlaceholder,
 				onInput: r[0] ||= (e) => d(J).handleSearchInput(e.target.value)
-			}, null, 40, R), b(d(se), {
+			}, null, 40, R), x(d(oe), {
 				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)" }
 			})])])]),
-			m("div", z, [b(p, {
+			h("div", z, [x(p, {
 				"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",
@@ -135,7 +135,7 @@ var N = {
 				"leave-from-class": "tpl:ml-0 tpl:opacity-100",
 				"leave-to-class": "tpl:-ml-48 tpl:opacity-0"
 			}, {
-				default: a(() => [j.value && d(J).showSidebar.value ? (n(), l("div", B, [b(M, {
+				default: a(() => [j.value && d(J).showSidebar.value ? (n(), l("div", B, [x(M, {
 					folders: d(q).folders.value,
 					"current-folder-id": d(q).currentFolderId.value,
 					"view-mode": d(q).viewMode.value,
@@ -157,18 +157,18 @@ var N = {
 					"onShowFrequentlyUsed"
 				])])) : u("", !0)]),
 				_: 1
-			}), m("div", V, [m("div", pe, [m("div", me, [
+			}), h("div", V, [h("div", pe, [h("div", me, [
 				j.value ? (n(), l("button", {
 					key: 0,
 					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: g({
+					style: _({
 						color: d(J).showSidebar.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: d(J).showSidebar.value ? "var(--tpl-bg)" : "transparent",
 						border: d(J).showSidebar.value ? "1px solid var(--tpl-border)" : "1px solid transparent"
 					}),
 					title: d(J).showSidebar.value ? C.value.mediaLibrary.hideFolders : C.value.mediaLibrary.showFolders,
 					onClick: r[1] ||= (e) => d(J).showSidebar.value = !d(J).showSidebar.value
-				}, [b(d(oe), {
+				}, [x(d(re), {
 					size: 16,
 					"stroke-width": 2
 				})], 12, he)) : u("", !0),
@@ -182,30 +182,30 @@ var N = {
 					"current-folder-id",
 					"onNavigate"
 				])),
-				m("div", _e, [m("button", {
+				h("div", _e, [h("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: g({
+					style: _({
 						color: d(J).layoutMode.value === "grid" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: d(J).layoutMode.value === "grid" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: C.value.mediaLibrary.viewGrid,
 					onClick: r[2] ||= (e) => d(J).layoutMode.value = "grid"
-				}, [b(d(ae), {
+				}, [x(d(ae), {
 					size: 14,
 					"stroke-width": 2
-				})], 12, ve), m("button", {
+				})], 12, ve), h("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: g({
+					style: _({
 						color: d(J).layoutMode.value === "list" ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 						backgroundColor: d(J).layoutMode.value === "list" ? "var(--tpl-bg-elevated)" : "transparent"
 					}),
 					title: C.value.mediaLibrary.viewList,
 					onClick: r[3] ||= (e) => d(J).layoutMode.value = "list"
-				}, [b(d(ie), {
+				}, [x(d(se), {
 					size: 14,
 					"stroke-width": 2
 				})], 12, ye)])
-			]), m("div", be, [d(K).length > 1 ? (n(), l("select", {
+			]), h("div", be, [d(K).length > 1 ? (n(), l("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: {
@@ -215,10 +215,10 @@ var N = {
 				},
 				value: d(q).categoryFilter.value ?? "",
 				onChange: r[4] ||= (e) => d(q).filterByCategory(e.target.value || null)
-			}, [m("option", Se, s(C.value.mediaLibrary.filterAll), 1), (n(!0), l(_, null, i(d(K), (e) => (n(), l("option", {
+			}, [h("option", Se, s(C.value.mediaLibrary.filterAll), 1), (n(!0), l(v, null, i(d(K), (e) => (n(), l("option", {
 				key: e,
 				value: e
-			}, s(d(J).getCategoryLabel(e)), 9, Ce))), 128))], 40, xe)) : u("", !0), m("select", {
+			}, s(d(J).getCategoryLabel(e)), 9, Ce))), 128))], 40, xe)) : u("", !0), h("select", {
 				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)",
@@ -228,13 +228,13 @@ var N = {
 				value: d(q).sortOption.value,
 				onChange: r[5] ||= (e) => d(q).sortBy(e.target.value)
 			}, [
-				m("option", Te, s(C.value.mediaLibrary.sortNewest), 1),
-				m("option", Ee, s(C.value.mediaLibrary.sortOldest), 1),
-				m("option", De, s(C.value.mediaLibrary.sortNameAsc), 1),
-				m("option", Oe, s(C.value.mediaLibrary.sortNameDesc), 1),
-				m("option", ke, s(C.value.mediaLibrary.sortSizeAsc), 1),
-				m("option", Ae, s(C.value.mediaLibrary.sortSizeDesc), 1)
-			], 40, we)])]), m("div", je, [d(q).viewMode.value === "files" ? (n(), l("div", Me, [b(w, {
+				h("option", Te, s(C.value.mediaLibrary.sortNewest), 1),
+				h("option", Ee, s(C.value.mediaLibrary.sortOldest), 1),
+				h("option", De, s(C.value.mediaLibrary.sortNameAsc), 1),
+				h("option", Oe, s(C.value.mediaLibrary.sortNameDesc), 1),
+				h("option", ke, s(C.value.mediaLibrary.sortSizeAsc), 1),
+				h("option", Ae, s(C.value.mediaLibrary.sortSizeDesc), 1)
+			], 40, we)])]), h("div", je, [d(q).viewMode.value === "files" ? (n(), l("div", Me, [x(w, {
 				"is-uploading": d(q).isUploading.value,
 				"upload-progress": d(q).uploadProgress.value,
 				onUpload: d(J).handleUpload
@@ -251,10 +251,10 @@ var N = {
 					"background-color": "var(--tpl-bg)"
 				},
 				onClick: r[6] ||= (e) => d(J).showImportUrlModal.value = !0
-			}, [b(d(re), {
+			}, [x(d(ie), {
 				size: 14,
 				"stroke-width": 2
-			}), v(" " + s(C.value.mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), b(T, {
+			}), y(" " + s(C.value.mediaLibrary.importFromUrl), 1)])) : u("", !0)])) : u("", !0), x(T, {
 				items: d(J).displayItems.value,
 				"selected-ids": d(q).selectedItems.value,
 				"is-loading": d(q).isLoading.value,
@@ -277,7 +277,7 @@ var N = {
 				"onEdit",
 				"onReplace"
 			])])])]),
-			b(le, {
+			x(le, {
 				visible: d(J).showImportUrlModal.value,
 				"is-importing": d(q).isImportingFromUrl.value,
 				error: d(q).importFromUrlError.value,
@@ -289,7 +289,7 @@ var N = {
 				"error",
 				"onImport"
 			]),
-			b(ue, {
+			x(ue, {
 				visible: !!d(J).editingItem.value,
 				item: d(J).editingItem.value,
 				onSave: d(J).handleEditSave,
@@ -299,7 +299,7 @@ var N = {
 				"item",
 				"onSave"
 			]),
-			b(ce, {
+			x(ce, {
 				visible: d(q).showReplaceWarning.value,
 				item: d(q).pendingReplaceItem.value,
 				"usage-info": d(q).replaceUsageInfo.value,
@@ -316,7 +316,7 @@ var N = {
 				"onReplace",
 				"onClose"
 			]),
-			b(p, {
+			x(p, {
 				"enter-active-class": "tpl:transition tpl:ease-out tpl:duration-150",
 				"enter-from-class": "tpl:opacity-0",
 				"enter-to-class": "tpl:opacity-100",
@@ -333,19 +333,19 @@ var N = {
 						"-webkit-backdrop-filter": "blur(8px)"
 					},
 					onClick: r[11] ||= ee((...e) => d(q).cancelDelete && d(q).cancelDelete(...e), ["self"])
-				}, [m("div", Ne, [
-					m("h3", Pe, s(C.value.mediaLibrary.deleteWarningTitle), 1),
-					m("p", {
-						class: te(["tpl:text-xs", d(J).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
+				}, [h("div", Ne, [
+					h("h3", Pe, s(C.value.mediaLibrary.deleteWarningTitle), 1),
+					h("p", {
+						class: m(["tpl:text-xs", d(J).hasUsedFiles.value ? "tpl:mb-2" : "tpl:mb-4"]),
 						style: { color: "var(--tpl-text-muted)" }
 					}, s(C.value.mediaLibrary.deleteWarningMessage), 3),
 					d(J).hasUsedFiles.value ? (n(), l("p", Fe, s(C.value.mediaLibrary.deleteWarningUsageNote), 1)) : u("", !0),
-					d(J).hasUsedFiles.value ? (n(), l("div", Ie, [(n(!0), l(_, null, i(d(q).deleteUsageInfo.value, (e, t) => (n(), l("div", {
+					d(J).hasUsedFiles.value ? (n(), l("div", Ie, [(n(!0), l(v, null, i(d(q).deleteUsageInfo.value, (e, t) => (n(), l("div", {
 						key: t,
 						class: "tpl:text-xs",
 						style: { color: "var(--tpl-text)" }
-					}, [e.template_count > 0 ? (n(), l(_, { key: 0 }, [m("span", Le, s(d(J).displayItems.value.find((e) => e.id === t)?.filename || t), 1), m("span", Re, " - " + s(C.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
-					m("div", ze, [m("button", {
+					}, [e.template_count > 0 ? (n(), l(v, { key: 0 }, [h("span", Le, s(d(J).displayItems.value.find((e) => e.id === t)?.filename || t), 1), h("span", Re, " - " + s(C.value.mediaLibrary.usedInTemplates.replace("{count}", e.template_count.toString())), 1)], 64)) : u("", !0)]))), 128))])) : u("", !0),
+					h("div", ze, [h("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)",
@@ -353,7 +353,7 @@ var N = {
 							"background-color": "var(--tpl-bg)"
 						},
 						onClick: r[9] ||= (...e) => d(q).cancelDelete && d(q).cancelDelete(...e)
-					}, s(C.value.mediaLibrary.cancel), 1), m("button", {
+					}, s(C.value.mediaLibrary.cancel), 1), h("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)",
@@ -365,7 +365,7 @@ var N = {
 				])])) : u("", !0)]),
 				_: 1
 			}),
-			m("div", Be, [m("div", Ve, [d(q).previewItem.value ? (n(), f(D, {
+			h("div", Be, [h("div", Ve, [d(q).previewItem.value ? (n(), f(D, {
 				key: 0,
 				"selected-conversion": d(J).selectedConversion.value,
 				"onUpdate:selectedConversion": r[12] ||= (e) => d(J).selectedConversion.value = e,
@@ -375,16 +375,16 @@ var N = {
 				"selected-conversion",
 				"item",
 				"folders"
-			])) : u("", !0)]), m("div", He, [d(q).selectedItems.value.size > 0 ? (n(), l("div", Ue, [d(q).previewItem.value ? (n(), l("button", {
+			])) : u("", !0)]), h("div", He, [d(q).selectedItems.value.size > 0 ? (n(), l("div", Ue, [d(q).previewItem.value ? (n(), l("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: g({
+				style: _({
 					borderColor: d(J).copied.value ? "var(--tpl-success)" : "var(--tpl-border)",
 					color: d(J).copied.value ? "var(--tpl-success)" : "var(--tpl-text)",
 					backgroundColor: "var(--tpl-bg)"
 				}),
 				onClick: r[13] ||= (e) => d(J).copy(d(J).selectedUrl.value)
-			}, [d(J).copied.value ? (n(), f(d(x), {
+			}, [d(J).copied.value ? (n(), f(d(te), {
 				key: 1,
 				size: 12,
 				"stroke-width": 2
@@ -392,7 +392,7 @@ var N = {
 				key: 0,
 				size: 12,
 				"stroke-width": 2
-			})), v(" " + s(d(J).copied.value ? C.value.mediaLibrary.copied : C.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), j.value ? (n(), l("div", We, [m("button", {
+			})), y(" " + s(d(J).copied.value ? C.value.mediaLibrary.copied : C.value.mediaLibrary.copyUrl), 1)], 4)) : u("", !0), j.value ? (n(), l("div", We, [h("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)",
@@ -410,7 +410,7 @@ var N = {
 				"folders",
 				"current-folder-id",
 				"onSelect"
-			])) : u("", !0)])) : u("", !0)])) : u("", !0), m("div", Ge, [d(q).selectedItems.value.size > 0 ? (n(), l("button", {
+			])) : u("", !0)])) : u("", !0)])) : u("", !0), h("div", Ge, [d(q).selectedItems.value.size > 0 ? (n(), l("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: {
@@ -473,7 +473,7 @@ async function qe(e) {
 	let i = await new S(r).fetchConfig(), a = await Ke(e.locale ?? "en");
 	return $(n, e.theme), X && Q(), new Promise((o, s) => {
 		try {
-			X = h({ setup() {
+			X = g({ setup() {
 				let s = () => {
 					o({
 						setTheme: (e) => $(n, e),
@@ -509,4 +509,4 @@ typeof window < "u" && (window.TemplaticalMedia = {
 //#endregion
 export { j as MediaLibraryModal };
 
-//# sourceMappingURL=src-C-GlM149.js.map
+//# sourceMappingURL=src-DzvOWQ9S.js.map