@templatical/editor 0.19.0 → 0.21.0

package/dist/ModuleBrowserModal-BNalLx0k.js

@@ -1,202 +0,0 @@
-import { A as e, Dt as t, I as n, N as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, g as ee, h as d, l as f, nt as p, r as m, s as h, u as te, z as g } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { a as ne, c as _, i as re } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-ea9OrrH3.js";
-import { B as v, P as ie, h as ae } from "./keys-DFaIbGR8.js";
-import { t as oe } from "./useI18n-BNMzZTM5.js";
-import { n as se, r as y, t as b } from "./blockTypeIcons-BlPKjD7M.js";
-import { t as ce } from "./trash-2-CRBDolnR.js";
-import { t as le } from "./x-Ctg_250T.js";
-import { n as ue } from "./useCloudI18n-PCDOC2kz.js";
-import { t as de } from "./TplModal-DoOwUKlT.js";
-//#region src/cloud/components/ModuleBrowserModal.vue?vue&type=script&setup=true&lang.ts
-var fe = {
-	role: "dialog",
-	"aria-modal": "true",
-	"aria-labelledby": "tpl-module-browser-title",
-	class: "tpl-scale-in tpl:mx-4 tpl:flex tpl:w-full tpl:max-w-[1000px] tpl:flex-col tpl:rounded-[var(--tpl-radius-lg)]",
-	style: {
-		"background-color": "var(--tpl-bg-elevated)",
-		"box-shadow": "var(--tpl-shadow-xl)",
-		"max-height": "90vh"
-	}
-}, pe = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-b tpl:px-5 tpl:py-4 tpl:border-[var(--tpl-border)]" }, me = {
-	id: "tpl-module-browser-title",
-	class: "tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, x = ["aria-label"], S = { class: "tpl:flex tpl:min-h-0 tpl:flex-1 tpl:overflow-hidden" }, C = { class: "tpl:flex tpl:w-[300px] tpl:shrink-0 tpl:flex-col tpl:overflow-hidden" }, w = { class: "tpl:px-4 tpl:pt-4 tpl:pb-3" }, T = { class: "tpl:relative" }, E = ["placeholder"], D = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:px-4 tpl:pb-4" }, O = {
-	key: 0,
-	class: "tpl:flex tpl:flex-col tpl:gap-1"
-}, k = ["aria-pressed", "onClick"], A = { class: "tpl:flex tpl:items-center tpl:gap-2" }, j = { class: "tpl:flex-1 tpl:truncate tpl:text-xs tpl:font-semibold tpl:text-[var(--tpl-text)]" }, M = { class: "tpl:shrink-0 tpl:rounded-full tpl:px-1.5 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:bg-[var(--tpl-bg-hover)] tpl:text-[var(--tpl-text-muted)]" }, N = { class: "tpl:mt-1 tpl:flex tpl:items-center tpl:gap-1" }, P = {
-	key: 0,
-	class: "tpl:text-[10px] tpl:text-[var(--tpl-text-dim)]"
-}, F = ["aria-label", "onClick"], I = [
-	"aria-label",
-	"title",
-	"onClick"
-], L = {
-	key: 1,
-	class: "tpl:flex tpl:flex-col tpl:items-center tpl:justify-center tpl:py-12"
-}, R = { class: "tpl:mt-2 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, z = { class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden tpl:border-l tpl:border-[var(--tpl-border)]" }, he = {
-	key: 0,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:overflow-hidden"
-}, ge = { class: "tpl:flex-1 tpl:overflow-y-auto tpl:p-4" }, _e = {
-	key: 1,
-	class: "tpl:flex tpl:flex-1 tpl:flex-col tpl:items-center tpl:justify-center tpl:px-4"
-}, ve = { class: "tpl:mt-2 tpl:text-center tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, ye = { class: "tpl:flex tpl:items-center tpl:justify-between tpl:border-t tpl:px-5 tpl:py-3 tpl:border-[var(--tpl-border)]" }, be = { class: "tpl:flex tpl:items-center tpl:gap-2" }, xe = { class: "tpl:shrink-0 tpl:text-xs tpl:text-[var(--tpl-text-dim)]" }, Se = ["value"], Ce = { class: "tpl:flex tpl:gap-2" }, we = ["disabled"], B = /* @__PURE__ */ c({
-	__name: "ModuleBrowserModal",
-	props: { visible: { type: Boolean } },
-	emits: ["close", "insert"],
-	setup(c, { emit: B }) {
-		let Te = c, V = B, Ee = ee(() => import("./ModulePreviewCanvas-BwObwisa.js")), { t: De } = oe(), { t: H } = ue(), U = v(ie, "ModuleBrowserModal"), W = v(ae, "ModuleBrowserModal"), G = s(""), K = s(null), q = s(null), J = s("end"), Y = h(() => {
-			let e = U.modules.value;
-			if (!G.value) return e;
-			let t = G.value.toLowerCase();
-			return e.filter((e) => e.name.toLowerCase().includes(t));
-		}), X = h(() => K.value ? U.modules.value.find((e) => e.id === K.value) ?? null : null), Oe = h(() => {
-			let e = [{
-				value: "beginning",
-				label: H.modules.insertAtBeginning
-			}], t = W.content.value.blocks;
-			for (let n = 0; n < t.length; n++) {
-				let r = t[n], i = r.type, a = De.blocks[i] ?? r.type;
-				e.push({
-					value: r.id,
-					label: H.modules.insertAfterBlock.replace("{block}", `${a} ${n + 1}`)
-				});
-			}
-			return e.push({
-				value: "end",
-				label: H.modules.insertAtEnd
-			}), e;
-		}), ke = h(() => {
-			if (J.value === "end") return;
-			if (J.value === "beginning") return 0;
-			let e = W.content.value.blocks.findIndex((e) => e.id === J.value);
-			if (e !== -1) return e + 1;
-		});
-		n(() => Te.visible, (e) => {
-			if (e) {
-				G.value = "", K.value = null, q.value = null;
-				let e = W.state.selectedBlockId;
-				if (e) {
-					let t = W.content.value.blocks.findIndex((t) => t.id === e);
-					J.value = t === -1 ? "end" : e;
-				} else J.value = "end";
-			}
-		});
-		function Ae(e) {
-			let t = [], n = /* @__PURE__ */ new Set();
-			for (let r of e.content) if (!n.has(r.type) && b[r.type] && (n.add(r.type), t.push({
-				type: r.type,
-				icon: b[r.type]
-			})), t.length >= 5) break;
-			return t;
-		}
-		function Z(e) {
-			let t = new Set(e.content.map((e) => e.type));
-			return Math.max(0, t.size - 5);
-		}
-		async function je(e) {
-			try {
-				await U.deleteModule(e), K.value === e && (K.value = null);
-			} finally {
-				q.value = null;
-			}
-		}
-		function Q() {
-			X.value && V("insert", X.value, ke.value);
-		}
-		function $() {
-			V("close");
-		}
-		function Me(e) {
-			e.key === "Escape" && $(), e.key === "Enter" && X.value && (e.preventDefault(), Q());
-		}
-		return (n, s) => (i(), f(de, {
-			visible: c.visible,
-			onClose: $,
-			onKeydown: Me
-		}, {
-			default: o(() => [l("div", fe, [
-				l("div", pe, [l("h3", me, a(p(H).modules.browse), 1), l("button", {
-					"aria-label": p(H).modules.close,
-					class: "tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-1 tpl:transition-colors tpl:duration-100 tpl:text-[var(--tpl-text-dim)]",
-					onClick: $
-				}, [d(p(le), {
-					size: 16,
-					"stroke-width": 2
-				})], 8, x)]),
-				l("div", S, [l("div", C, [l("div", w, [l("div", T, [d(p(se), {
-					size: 14,
-					"stroke-width": 2,
-					class: "tpl:pointer-events-none tpl:absolute tpl:left-3 tpl:top-1/2 tpl:-translate-y-1/2 tpl:text-[var(--tpl-text-dim)]"
-				}), g(l("input", {
-					"onUpdate:modelValue": s[0] ||= (e) => G.value = e,
-					type: "text",
-					placeholder: p(H).modules.search,
-					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:pl-9 tpl:pr-3 tpl:text-sm tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-				}, null, 8, E), [[ne, G.value]])])]), l("div", D, [Y.value.length > 0 ? (i(), u("div", O, [(i(!0), u(m, null, e(Y.value, (n) => (i(), u("button", {
-					key: n.id,
-					type: "button",
-					"aria-pressed": K.value === n.id,
-					class: "tpl:group/card tpl:w-full tpl:cursor-pointer tpl:rounded-[var(--tpl-radius-md)] tpl:border tpl:bg-transparent tpl:px-3 tpl:py-2 tpl:text-left tpl:transition-all tpl:duration-[120ms]",
-					style: t({
-						borderColor: K.value === n.id ? "var(--tpl-primary)" : "var(--tpl-border)",
-						backgroundColor: K.value === n.id ? "var(--tpl-primary-light)" : "transparent"
-					}),
-					onClick: (e) => K.value = n.id
-				}, [l("div", A, [l("span", j, a(n.name), 1), l("span", M, a(p(H).modules.blockCount.replace("{count}", String(n.content.length))), 1)]), l("div", N, [
-					(i(!0), u(m, null, e(Ae(n), (e) => (i(), f(r(e.icon), {
-						key: e.type,
-						size: 14,
-						"stroke-width": 1.5,
-						class: "tpl:text-[var(--tpl-text-dim)]"
-					}))), 128)),
-					Z(n) > 0 ? (i(), u("span", P, " +" + a(Z(n)), 1)) : te("", !0),
-					q.value === n.id ? (i(), u("button", {
-						key: 1,
-						"aria-label": p(H).modules.deleteConfirm,
-						class: "tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-2 tpl:py-0.5 tpl:text-[10px] tpl:font-medium tpl:transition-colors tpl:duration-100 tpl:border-[var(--tpl-danger)] tpl:text-[var(--tpl-danger)]",
-						style: { "background-color": "transparent" },
-						onClick: _((e) => je(n.id), ["stop"])
-					}, a(p(H).modules.deleteConfirm), 9, F)) : (i(), u("button", {
-						key: 2,
-						class: "tpl-module-delete-btn tpl:ml-auto tpl:cursor-pointer tpl:rounded-md tpl:border-none tpl:bg-transparent tpl:p-0.5 tpl:transition-colors tpl:duration-100 tpl:text-[var(--tpl-text-dim)]",
-						"aria-label": p(H).modules.delete,
-						title: p(H).modules.delete,
-						onClick: _((e) => q.value = n.id, ["stop"])
-					}, [d(p(ce), {
-						size: 12,
-						"stroke-width": 1.5
-					})], 8, I))
-				])], 12, k))), 128))])) : (i(), u("div", L, [d(p(y), {
-					size: 32,
-					"stroke-width": 1,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", R, a(G.value ? p(H).modules.noModules : p(H).modules.noModulesHint), 1)]))])]), l("div", z, [X.value ? (i(), u("div", he, [l("div", ge, [d(p(Ee), { blocks: X.value.content }, null, 8, ["blocks"])])])) : (i(), u("div", _e, [d(p(y), {
-					size: 32,
-					"stroke-width": 1,
-					class: "tpl:text-[var(--tpl-text-dim)]"
-				}), l("p", ve, a(p(H).modules.selectToPreview), 1)]))])]),
-				l("div", ye, [l("div", be, [l("label", xe, a(p(H).modules.insertPosition), 1), g(l("select", {
-					"onUpdate:modelValue": s[1] ||= (e) => J.value = e,
-					class: "tpl:h-7 tpl:max-w-[220px] tpl:rounded-md tpl:border tpl:px-2 tpl:text-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]"
-				}, [(i(!0), u(m, null, e(Oe.value, (e) => (i(), u("option", {
-					key: e.value,
-					value: e.value
-				}, a(e.label), 9, Se))), 128))], 512), [[re, J.value]])]), l("div", Ce, [l("button", {
-					type: "button",
-					class: "tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]",
-					onClick: $
-				}, a(p(H).modules.close), 1), l("button", {
-					type: "button",
-					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-					disabled: !X.value,
-					onClick: Q
-				}, a(p(H).modules.insert), 9, we)])])
-			])]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { B as default };

package/dist/ModulePreviewCanvas-BwObwisa.js

@@ -1,106 +0,0 @@
-import { A as e, Dt as t, M as n, N as r, O as i, _ as a, c as o, d as s, l as c, nt as l, r as u, s as d, x as f } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { I as p, _ as m, a as h, d as g, f as _, h as v, i as y, l as b, m as x, n as S, p as C, r as w, v as T, y as E } from "./useEditorCore-ea9OrrH3.js";
-import { o as D } from "./keys-DFaIbGR8.js";
-//#region src/components/blocks/PreviewSectionBlock.vue?vue&type=script&setup=true&lang.ts
-var O = { class: "tpl:w-full" }, k = { class: "tpl:flex tpl:gap-0" }, A = /* @__PURE__ */ a({
-	name: "PreviewSectionBlock",
-	__name: "PreviewSectionBlock",
-	props: {
-		block: {},
-		viewport: {}
-	},
-	setup(a) {
-		let A = {
-			title: b,
-			paragraph: C,
-			image: v,
-			video: S,
-			button: p,
-			divider: T,
-			social: h,
-			menu: x,
-			table: w,
-			spacer: y,
-			html: m,
-			custom: E
-		}, j = a, M = f(D, null), N = d(() => {
-			switch (j.block.columns) {
-				case "2": return ["50%", "50%"];
-				case "3": return [
-					"33.33%",
-					"33.33%",
-					"33.33%"
-				];
-				case "1-2": return ["33.33%", "66.67%"];
-				case "2-1": return ["66.67%", "33.33%"];
-				default: return ["100%"];
-			}
-		}), P = d(() => {
-			let e = N.value.length, t = [...j.block.children];
-			for (; t.length < e;) t.push([]);
-			return t.slice(0, e);
-		});
-		function F(e) {
-			return P.value[e] || [];
-		}
-		function I(e) {
-			return _(e, M, A);
-		}
-		return (a, d) => {
-			let f = n("PreviewSectionBlock", !0);
-			return i(), s("div", O, [o("div", k, [(i(!0), s(u, null, e(P.value, (n, a) => (i(), s("div", {
-				key: a,
-				style: t({ width: N.value[a] })
-			}, [(i(!0), s(u, null, e(F(a), (e) => (i(), s("div", {
-				key: e.id,
-				style: t(l(g)(e))
-			}, [e.type === "section" ? (i(), c(f, {
-				key: 0,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"])) : (i(), c(r(I(e)), {
-				key: 1,
-				block: e,
-				viewport: "desktop"
-			}, null, 8, ["block"]))], 4))), 128))], 4))), 128))])]);
-		};
-	}
-}), j = {
-	class: "tpl:pointer-events-none tpl:mx-auto tpl:w-[600px] tpl:select-none tpl:rounded-lg",
-	style: {
-		"background-color": "var(--tpl-canvas-bg)",
-		"box-shadow": "var(--tpl-shadow-sm)"
-	}
-}, M = /* @__PURE__ */ a({
-	__name: "ModulePreviewCanvas",
-	props: { blocks: {} },
-	setup(n) {
-		let a = f(D), o = {
-			section: A,
-			title: b,
-			paragraph: C,
-			image: v,
-			video: S,
-			button: p,
-			divider: T,
-			social: h,
-			menu: x,
-			table: w,
-			spacer: y,
-			html: m,
-			custom: E
-		};
-		function d(e) {
-			return _(e, a, o);
-		}
-		return (a, o) => (i(), s("div", j, [(i(!0), s(u, null, e(n.blocks, (e) => (i(), s("div", {
-			key: e.id,
-			style: t(l(g)(e))
-		}, [(i(), c(r(d(e)), {
-			block: e,
-			viewport: "desktop"
-		}, null, 8, ["block"]))], 4))), 128))]));
-	}
-});
-//#endregion
-export { M as default };

package/dist/NumberWithSuffix-D3BKz66W.js

@@ -1,89 +0,0 @@
-import { A as e, Dt as t, Et as n, N as r, O as i, Ot as a, _ as o, c as s, d as c, j as l, l as u, nt as d, r as f, s as p, u as m } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { h, m as g, p as _ } from "./ColorPicker-BsgpTJqK.js";
-//#region src/components/SlidingPillSelect.vue?vue&type=script&setup=true&lang.ts
-var v = [
-	"aria-checked",
-	"aria-label",
-	"title",
-	"onClick"
-], y = { key: 1 }, b = /* @__PURE__ */ o({
-	__name: "SlidingPillSelect",
-	props: {
-		options: {},
-		modelValue: {}
-	},
-	emits: ["update:modelValue"],
-	setup(n, { emit: o }) {
-		let s = n, l = o, d = p(() => s.options.findIndex((e) => e.value === s.modelValue)), h = p(() => `translateX(${Math.max(d.value, 0) * 100}%)`);
-		return (o, s) => (i(), c("div", {
-			role: "radiogroup",
-			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
-			style: t({
-				gridTemplateColumns: `repeat(${n.options.length}, 1fr)`,
-				backgroundColor: "var(--tpl-bg-hover)"
-			})
-		}, [d.value >= 0 ? (i(), c("div", {
-			key: 0,
-			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
-			style: t({
-				left: "4px",
-				width: `calc((100% - 8px) / ${n.options.length})`,
-				transform: h.value,
-				backgroundColor: "var(--tpl-bg)",
-				boxShadow: "var(--tpl-shadow)",
-				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
-			})
-		}, null, 4)) : m("", !0), (i(!0), c(f, null, e(n.options, (e) => (i(), c("button", {
-			key: e.value,
-			role: "radio",
-			"aria-checked": n.modelValue === e.value,
-			"aria-label": e.label,
-			class: "tpl:relative tpl:z-10 tpl:flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border-none tpl:bg-transparent tpl:px-2.5 tpl:py-[5px] tpl:text-xs tpl:font-medium",
-			style: t({
-				color: n.modelValue === e.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
-				transition: "color 120ms cubic-bezier(0.16, 1, 0.3, 1)"
-			}),
-			title: e.label,
-			onClick: (t) => l("update:modelValue", e.value)
-		}, [e.icon ? (i(), u(r(e.icon), {
-			key: 0,
-			size: 14,
-			"stroke-width": 2
-		})) : (i(), c("span", y, a(e.label), 1))], 12, v))), 128))], 4));
-	}
-}), x = { class: "tpl:mb-3.5" }, S = /* @__PURE__ */ o({
-	__name: "FieldRow",
-	props: { label: {} },
-	setup(e) {
-		return (t, r) => (i(), c("div", x, [e.label ? (i(), c("label", {
-			key: 0,
-			class: n(d(h))
-		}, a(e.label), 3)) : m("", !0), l(t.$slots, "default")]));
-	}
-}), C = { class: "tpl:flex tpl:items-stretch" }, w = [
-	"value",
-	"min",
-	"max"
-], T = /* @__PURE__ */ o({
-	__name: "NumberWithSuffix",
-	props: {
-		modelValue: {},
-		min: {},
-		max: {},
-		suffix: {}
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = t;
-		return (t, o) => (i(), c("div", C, [s("input", {
-			type: "number",
-			class: n(d(_)),
-			value: e.modelValue,
-			min: e.min,
-			max: e.max,
-			onInput: o[0] ||= (e) => r("update:modelValue", Number(e.target.value))
-		}, null, 42, w), s("span", { class: n(d(g)) }, a(e.suffix), 3)]));
-	}
-});
-//#endregion
-export { S as n, b as r, T as t };

package/dist/SaveModuleDialog-MTjwiF9D.js

@@ -1,125 +0,0 @@
-import { A as e, Dt as t, Et as n, I as r, O as i, Ot as a, R as o, Y as s, _ as c, c as l, d as u, h as d, l as f, m as p, nt as m, r as h, s as g, u as ee, z as _ } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-import { a as v } from "./runtime-dom.esm-bundler-GdMI8WqG.js";
-import "./useEditorCore-ea9OrrH3.js";
-import { B as y, P as b, h as x } from "./keys-DFaIbGR8.js";
-import { t as S } from "./useI18n-BNMzZTM5.js";
-import { t as te } from "./loader-circle-BT38qSm3.js";
-import { n as ne } from "./useCloudI18n-PCDOC2kz.js";
-import { t as re } from "./ToggleSwitch-DUNuUPsZ.js";
-import { t as C } from "./TplModal-DoOwUKlT.js";
-//#region src/cloud/components/SaveModuleDialog.vue?vue&type=script&setup=true&lang.ts
-var w = ["aria-busy"], T = {
-	id: "tpl-save-module-title",
-	class: "tpl:mb-4 tpl:text-sm tpl:font-semibold tpl:text-[var(--tpl-text)]"
-}, E = { class: "tpl:mb-3" }, D = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, O = ["placeholder", "disabled"], k = { class: "tpl:mb-3" }, A = { class: "tpl:mb-1.5 tpl:block tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]" }, j = { class: "tpl:max-h-40 tpl:space-y-1 tpl:overflow-y-auto tpl:rounded-md tpl:border tpl:p-2 tpl:border-[var(--tpl-border)]" }, M = {
-	key: 0,
-	role: "alert",
-	class: "tpl:mb-3 tpl:text-xs tpl:text-[var(--tpl-danger)]"
-}, N = { class: "tpl:flex tpl:justify-end tpl:gap-2" }, P = ["disabled"], F = ["disabled"], I = {
-	key: 0,
-	class: "tpl:flex tpl:items-center tpl:gap-1.5"
-}, L = { key: 1 }, R = /* @__PURE__ */ c({
-	__name: "SaveModuleDialog",
-	props: {
-		visible: { type: Boolean },
-		preSelectedBlockId: {}
-	},
-	emits: ["close", "saved"],
-	setup(c, { emit: R }) {
-		let z = c, B = R, { t: V } = S(), { t: H } = ne(), U = y(x, "SaveModuleDialog"), W = y(b, "SaveModuleDialog"), G = s(""), K = s(/* @__PURE__ */ new Set()), q = s(!1), J = s(null), Y = g(() => U.content.value.blocks);
-		function X(e, t) {
-			let n = e.type;
-			return `${V.blocks[n] ?? e.type} ${t + 1}`;
-		}
-		r(() => z.visible, (e) => {
-			e && (G.value = "", J.value = null, K.value = new Set(z.preSelectedBlockId ? [z.preSelectedBlockId] : []));
-		});
-		function ie(e) {
-			let t = new Set(K.value);
-			t.has(e) ? t.delete(e) : t.add(e), K.value = t;
-		}
-		let Z = g(() => G.value.trim().length > 0 && K.value.size > 0 && !q.value);
-		async function Q() {
-			if (Z.value) {
-				q.value = !0, J.value = null;
-				try {
-					let e = Y.value.filter((e) => K.value.has(e.id));
-					await W.createModule(G.value.trim(), e), B("saved"), B("close");
-				} catch (e) {
-					J.value = e.message;
-				} finally {
-					q.value = !1;
-				}
-			}
-		}
-		function $() {
-			q.value || B("close");
-		}
-		function ae(e) {
-			e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q()), e.key === "Escape" && $();
-		}
-		return (r, s) => (i(), f(C, {
-			visible: c.visible,
-			onClose: $,
-			onKeydown: ae
-		}, {
-			default: o(() => [l("div", {
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-busy": q.value,
-				"aria-labelledby": "tpl-save-module-title",
-				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)"
-				}
-			}, [
-				l("h3", T, a(m(H).modules.saveAsModule), 1),
-				l("div", E, [l("label", D, a(m(H).modules.moduleName), 1), _(l("input", {
-					"onUpdate:modelValue": s[0] ||= (e) => G.value = e,
-					type: "text",
-					placeholder: m(H).modules.moduleNamePlaceholder,
-					class: "tpl:h-9 tpl:w-full tpl:rounded-md tpl:border tpl:px-3 tpl:py-1 tpl:text-sm tpl:shadow-xs tpl:outline-none tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text)]",
-					disabled: q.value
-				}, null, 8, O), [[v, G.value]])]),
-				l("div", k, [l("label", A, a(m(H).modules.selectBlocks), 1), l("div", j, [(i(!0), u(h, null, e(Y.value, (e, n) => (i(), f(re, {
-					key: e.id,
-					class: "tpl:rounded-sm tpl:px-2 tpl:py-1.5 tpl:text-sm tpl:transition-colors tpl:duration-100",
-					style: t({
-						color: "var(--tpl-text)",
-						backgroundColor: K.value.has(e.id) ? "var(--tpl-primary-light)" : "transparent"
-					}),
-					"model-value": K.value.has(e.id),
-					label: X(e, n),
-					disabled: q.value,
-					"onUpdate:modelValue": (t) => ie(e.id)
-				}, null, 8, [
-					"style",
-					"model-value",
-					"label",
-					"disabled",
-					"onUpdate:modelValue"
-				]))), 128))])]),
-				J.value ? (i(), u("p", M, a(J.value), 1)) : ee("", !0),
-				l("div", N, [l("button", {
-					type: "button",
-					class: n(["tpl:cursor-pointer tpl:rounded-md tpl:border tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:border-[var(--tpl-border)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)]", { "tpl:cursor-not-allowed tpl:opacity-50": q.value }]),
-					disabled: q.value,
-					onClick: $
-				}, a(m(H).modules.cancel), 11, P), l("button", {
-					type: "button",
-					class: "tpl:cursor-pointer tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm tpl:font-medium tpl:shadow-xs tpl:transition-all tpl:duration-150 tpl:hover:opacity-90 tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50 tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-bg)]",
-					disabled: !Z.value,
-					onClick: Q
-				}, [q.value ? (i(), u("span", I, [d(m(te), {
-					class: "tpl:animate-spin",
-					size: 12,
-					"stroke-width": 2
-				}), p(" " + a(m(H).modules.saving), 1)])) : (i(), u("span", L, a(m(H).modules.save), 1))], 8, F)])
-			], 8, w)]),
-			_: 1
-		}, 8, ["visible"]));
-	}
-});
-//#endregion
-export { R as default };

package/dist/ToggleSwitch-DUNuUPsZ.js

@@ -1,37 +0,0 @@
-import { Et as e, O as t, Ot as n, _ as r, c as i, d as a, j as o, m as s, u as c } from "./vue.runtime.esm-bundler-B0xoGkDv.js";
-//#region src/components/ToggleSwitch.vue?vue&type=script&setup=true&lang.ts
-var l = { key: 0 }, u = {
-	key: 0,
-	class: "tpl:text-[var(--tpl-danger)]"
-}, d = [
-	"aria-checked",
-	"aria-label",
-	"disabled"
-], f = /* @__PURE__ */ r({
-	__name: "ToggleSwitch",
-	props: {
-		modelValue: { type: Boolean },
-		label: {},
-		disabled: { type: Boolean },
-		required: { type: Boolean }
-	},
-	emits: ["update:modelValue"],
-	setup(r, { emit: f }) {
-		let p = f;
-		return (f, m) => (t(), a("label", { class: e(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", r.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [f.$slots.default || r.label || r.required ? (t(), a("span", l, [o(f.$slots, "default", {}, () => [s(n(r.label), 1)]), r.required ? (t(), a("span", u, " *")) : c("", !0)])) : c("", !0), i("button", {
-			type: "button",
-			role: "switch",
-			"aria-checked": r.modelValue,
-			"aria-label": r.label,
-			disabled: r.disabled,
-			class: e([
-				"tpl:relative tpl:inline-flex tpl:h-5 tpl:w-9 tpl:shrink-0 tpl:rounded-full tpl:border-2 tpl:border-transparent tpl:transition-colors tpl:duration-200",
-				r.modelValue ? "tpl:bg-[var(--tpl-primary)]" : "tpl:bg-[var(--tpl-border)]",
-				r.disabled ? "tpl:cursor-not-allowed tpl:opacity-60" : "tpl:cursor-pointer"
-			]),
-			onClick: m[0] ||= (e) => !r.disabled && p("update:modelValue", !r.modelValue)
-		}, [i("span", { class: e(["tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow tpl:transition-transform tpl:duration-200", r.modelValue ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, d)], 2));
-	}
-});
-//#endregion
-export { f as t };