@templatical/editor 0.6.4 → 0.6.6

package/dist/cdn/chunks/{NumberWithSuffix-CE3NrZhH.js → NumberWithSuffix-BSOUOUCL.js}

@@ -1,35 +1,35 @@
-import { $ as e, F as t, H as n, I as r, N as i, R as a, S as o, _ as s, at as c, b as l, ct as u, d, g as f, h as p, l as m, lt as h, m as g, n as ee, p as _, st as v } from "./draggable-Bcb86AsV.js";
-import { Nt as y, tn as te } from "./features-DEMb13KS.js";
-import { h as b, i as x, m as S, p as C, u as ne } from "./styleConstants-DP1VOca8.js";
+import { F as e, L as t, M as n, P as r, V as i, Z as a, at as o, c as s, f as c, g as l, h as u, m as d, n as f, ot as p, p as m, rt as h, st as g, u as _, x as v, y as ee } from "./draggable-CNhyCGIO.js";
+import { Nt as te, tn as ne } from "./features-D6FoOm8v.js";
+import { h as y, i as b, m as x, p as S, u as re } from "./styleConstants-DP1VOca8.js";
 //#region ../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/math.js
-var w = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, T = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
+var C = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, w = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
 360 / (Math.PI * 2);
-var re = (e) => oe(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+var ie = (e) => oe(T(e)), T = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
 	r: parseInt(e[0] + e[0], 16),
 	g: parseInt(e[1] + e[1], 16),
 	b: parseInt(e[2] + e[2], 16),
-	a: e.length === 4 ? T(parseInt(e[3] + e[3], 16) / 255, 2) : 1
+	a: e.length === 4 ? w(parseInt(e[3] + e[3], 16) / 255, 2) : 1
 } : {
 	r: parseInt(e.substring(0, 2), 16),
 	g: parseInt(e.substring(2, 4), 16),
 	b: parseInt(e.substring(4, 6), 16),
-	a: e.length === 8 ? T(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
-}), D = (e) => ae(k(e)), ie = ({ h: e, s: t, v: n, a: r }) => {
+	a: e.length === 8 ? w(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
+}), E = (e) => A(ae(e)), D = ({ h: e, s: t, v: n, a: r }) => {
 	let i = (200 - t) * n / 100;
 	return {
-		h: T(e),
-		s: T(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
-		l: T(i / 2),
-		a: T(r, 2)
+		h: w(e),
+		s: w(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
+		l: w(i / 2),
+		a: w(r, 2)
 	};
 }, O = (e) => {
-	let { h: t, s: n, l: r } = ie(e);
+	let { h: t, s: n, l: r } = D(e);
 	return `hsl(${t}, ${n}%, ${r}%)`;
-}, k = ({ h: e, s: t, v: n, a: r }) => {
+}, ae = ({ h: e, s: t, v: n, a: r }) => {
 	e = e / 360 * 6, t /= 100, n /= 100;
 	let i = Math.floor(e), a = n * (1 - t), o = n * (1 - (e - i) * t), s = n * (1 - (1 - e + i) * t), c = i % 6;
 	return {
-		r: T([
+		r: w([
 			n,
 			o,
 			a,
@@ -37,7 +37,7 @@ var re = (e) => oe(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 			s,
 			n
 		][c] * 255),
-		g: T([
+		g: w([
 			s,
 			n,
 			n,
@@ -45,7 +45,7 @@ var re = (e) => oe(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 			a,
 			a
 		][c] * 255),
-		b: T([
+		b: w([
 			a,
 			a,
 			s,
@@ -53,27 +53,27 @@ var re = (e) => oe(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 			n,
 			o
 		][c] * 255),
-		a: T(r, 2)
+		a: w(r, 2)
 	};
-}, A = (e) => {
+}, k = (e) => {
 	let t = e.toString(16);
 	return t.length < 2 ? "0" + t : t;
-}, ae = ({ r: e, g: t, b: n, a: r }) => {
-	let i = r < 1 ? A(T(r * 255)) : "";
-	return "#" + A(e) + A(t) + A(n) + i;
+}, A = ({ r: e, g: t, b: n, a: r }) => {
+	let i = r < 1 ? k(w(r * 255)) : "";
+	return "#" + k(e) + k(t) + k(n) + i;
 }, oe = ({ r: e, g: t, b: n, a: r }) => {
 	let i = Math.max(e, t, n), a = i - Math.min(e, t, n), o = a ? i === e ? (t - n) / a : i === t ? 2 + (n - e) / a : 4 + (e - t) / a : 0;
 	return {
-		h: T(60 * (o < 0 ? o + 6 : o)),
-		s: T(i ? a / i * 100 : 0),
-		v: T(i / 255 * 100),
+		h: w(60 * (o < 0 ? o + 6 : o)),
+		s: w(i ? a / i * 100 : 0),
+		v: w(i / 255 * 100),
 		a: r
 	};
 }, j = (e, t) => {
 	if (e === t) return !0;
 	for (let n in e) if (e[n] !== t[n]) return !1;
 	return !0;
-}, M = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : j(E(e), E(t)), N = {}, P = (e) => {
+}, M = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : j(T(e), T(t)), N = {}, P = (e) => {
 	let t = N[e];
 	return t || (t = document.createElement("template"), t.innerHTML = e, N[e] = t), t;
 }, F = (e, t, n) => {
@@ -84,8 +84,8 @@ var re = (e) => oe(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 }, I = !1, L = (e) => "touches" in e, R = (e) => I && !L(e) ? !1 : (I ||= L(e), !0), z = (e, t) => {
 	let n = L(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
 	F(e.el, "move", e.getMove({
-		x: w((n.pageX - (r.left + window.pageXOffset)) / r.width),
-		y: w((n.pageY - (r.top + window.pageYOffset)) / r.height)
+		x: C((n.pageX - (r.left + window.pageXOffset)) / r.width),
+		y: C((n.pageY - (r.top + window.pageYOffset)) / r.height)
 	}));
 }, B = (e, t) => {
 	let n = t.keyCode;
@@ -142,10 +142,10 @@ var re = (e) => oe(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 				v: 100,
 				a: 1
 			})
-		}]), this.el.setAttribute("aria-valuenow", `${T(e)}`);
+		}]), this.el.setAttribute("aria-valuenow", `${w(e)}`);
 	}
 	getMove(e, t) {
-		return { h: t ? w(this.h + e.x * 360, 0, 360) : 360 * e.x };
+		return { h: t ? C(this.h + e.x * 360, 0, 360) : 360 * e.x };
 	}
 }, U = class extends V {
 	constructor(e) {
@@ -161,12 +161,12 @@ var re = (e) => oe(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 			s: 100,
 			v: 100,
 			a: 1
-		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${T(e.s)}%, Brightness ${T(e.v)}%`);
+		}) }]), this.el.setAttribute("aria-valuetext", `Saturation ${w(e.s)}%, Brightness ${w(e.v)}%`);
 	}
 	getMove(e, t) {
 		return {
-			s: t ? w(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
-			v: t ? w(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
+			s: t ? C(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
+			v: t ? C(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
 		};
 	}
 }, W = ":host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:\"\";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}", G = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", K = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", q = Symbol("same"), J = Symbol("color"), Y = Symbol("hsva"), X = Symbol("update"), Z = Symbol("parts"), Q = Symbol("css"), $ = Symbol("sliders"), se = class extends HTMLElement {
@@ -224,8 +224,8 @@ var re = (e) => oe(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.le
 	}
 }, ce = {
 	defaultColor: "#000",
-	toHsva: re,
-	fromHsva: ({ h: e, s: t, v: n }) => D({
+	toHsva: ie,
+	fromHsva: ({ h: e, s: t, v: n }) => E({
 		h: e,
 		s: t,
 		v: n,
@@ -250,11 +250,11 @@ var ue = [
 	"placeholder",
 	"disabled",
 	"aria-label"
-], fe = ["color", "aria-label"], pe = /* @__PURE__ */ o({
+], fe = ["color", "aria-label"], pe = /* @__PURE__ */ v({
 	__name: "ColorPicker",
 	props: {
 		modelValue: {},
-		placeholder: { default: x },
+		placeholder: { default: b },
 		size: { default: "default" },
 		swatchOnly: {
 			type: Boolean,
@@ -266,51 +266,51 @@ var ue = [
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(t, { emit: r }) {
-		let a = t, o = r, { t: d } = y(), p = e(!1), h = e(), b = e();
-		te(h, () => {
-			p.value = !1;
-		}, { ignore: [b] });
-		let x = _({
-			get: () => a.modelValue || "#000000",
-			set: (e) => o("update:modelValue", e)
+	setup(e, { emit: t }) {
+		let r = e, d = t, { t: g } = te(), _ = a(!1), v = a(), y = a();
+		ne(v, () => {
+			_.value = !1;
+		}, { ignore: [y] });
+		let b = c({
+			get: () => r.modelValue || "#000000",
+			set: (e) => d("update:modelValue", e)
 		});
-		function S(e) {
-			x.value = e.detail.value;
+		function x(e) {
+			b.value = e.detail.value;
 		}
-		function C(e) {
-			x.value = e.target.value;
+		function S(e) {
+			b.value = e.target.value;
 		}
-		return (e, r) => (i(), s("div", { class: v(["tpl:flex tpl:gap-2 tpl:relative", t.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
-			g("button", {
+		return (t, r) => (n(), l("div", { class: o(["tpl:flex tpl:gap-2 tpl:relative", e.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
+			m("button", {
 				ref_key: "swatchRef",
-				ref: b,
+				ref: y,
 				type: "button",
-				disabled: t.disabled,
-				"aria-label": c(d).colorPicker.pickColor,
-				"aria-expanded": p.value,
-				class: v([
+				disabled: e.disabled,
+				"aria-label": h(g).colorPicker.pickColor,
+				"aria-expanded": _.value,
+				class: o([
 					"tpl:shrink-0 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:p-0.5 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
-					t.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer",
-					p.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !t.disabled && "hover:tpl:border-[var(--tpl-text-dim)]",
-					t.size === "large" ? "tpl:size-12" : "tpl:size-10"
+					e.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer",
+					_.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !e.disabled && "hover:tpl:border-[var(--tpl-text-dim)]",
+					e.size === "large" ? "tpl:size-12" : "tpl:size-10"
 				]),
-				onClick: r[0] ||= (e) => !t.disabled && (p.value = !p.value)
-			}, [g("span", {
+				onClick: r[0] ||= (t) => !e.disabled && (_.value = !_.value)
+			}, [m("span", {
 				class: "tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]",
-				style: u({ backgroundColor: x.value })
+				style: p({ backgroundColor: b.value })
 			}, null, 4)], 10, ue),
-			t.swatchOnly ? f("", !0) : (i(), s("input", {
+			e.swatchOnly ? u("", !0) : (n(), l("input", {
 				key: 0,
 				type: "text",
-				class: v(c(ne)),
-				value: t.modelValue,
-				placeholder: t.placeholder,
-				disabled: t.disabled,
-				"aria-label": c(d).colorPicker.hexValue,
-				onInput: C
+				class: o(h(re)),
+				value: e.modelValue,
+				placeholder: e.placeholder,
+				disabled: e.disabled,
+				"aria-label": h(g).colorPicker.hexValue,
+				onInput: S
 			}, null, 42, de)),
-			l(ee, {
+			ee(f, {
 				"enter-active-class": "tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
 				"enter-from-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1",
 				"enter-to-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
@@ -318,17 +318,17 @@ var ue = [
 				"leave-from-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
 				"leave-to-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1"
 			}, {
-				default: n(() => [p.value ? (i(), s("div", {
+				default: i(() => [_.value ? (n(), l("div", {
 					key: 0,
 					ref_key: "popoverRef",
-					ref: h,
+					ref: v,
 					class: "tpl:absolute tpl:left-0 tpl:top-full tpl:z-50 tpl:mt-2 tpl:rounded-[var(--tpl-radius)] tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-3 tpl:shadow-lg"
-				}, [g("hex-color-picker", {
-					color: x.value,
-					"aria-label": c(d).colorPicker.pickColor,
-					onColorChanged: S,
-					onKeydown: r[1] ||= m((e) => p.value = !1, ["escape"])
-				}, null, 40, fe)], 512)) : f("", !0)]),
+				}, [m("hex-color-picker", {
+					color: b.value,
+					"aria-label": h(g).colorPicker.pickColor,
+					onColorChanged: x,
+					onKeydown: r[1] ||= s((e) => _.value = !1, ["escape"])
+				}, null, 40, fe)], 512)) : u("", !0)]),
 				_: 1
 			})
 		], 2));
@@ -338,65 +338,65 @@ var ue = [
 	"aria-label",
 	"title",
 	"onClick"
-], he = { key: 1 }, ge = /* @__PURE__ */ o({
+], he = { key: 1 }, ge = /* @__PURE__ */ v({
 	__name: "SlidingPillSelect",
 	props: {
 		options: {},
 		modelValue: {}
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: n }) {
-		let r = e, o = n, c = _(() => r.options.findIndex((e) => e.value === r.modelValue)), l = _(() => `translateX(${Math.max(c.value, 0) * 100}%)`);
-		return (n, r) => (i(), s("div", {
+	setup(e, { emit: i }) {
+		let a = e, o = i, s = c(() => a.options.findIndex((e) => e.value === a.modelValue)), f = c(() => `translateX(${Math.max(s.value, 0) * 100}%)`);
+		return (i, a) => (n(), l("div", {
 			role: "radiogroup",
 			class: "tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1",
-			style: u({
+			style: p({
 				gridTemplateColumns: `repeat(${e.options.length}, 1fr)`,
 				backgroundColor: "var(--tpl-bg-hover)"
 			})
-		}, [c.value >= 0 ? (i(), s("div", {
+		}, [s.value >= 0 ? (n(), l("div", {
 			key: 0,
 			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
-			style: u({
+			style: p({
 				left: "4px",
 				width: `calc((100% - 8px) / ${e.options.length})`,
-				transform: l.value,
+				transform: f.value,
 				backgroundColor: "var(--tpl-bg)",
 				boxShadow: "var(--tpl-shadow)",
 				transition: "transform 120ms cubic-bezier(0.16, 1, 0.3, 1)"
 			})
-		}, null, 4)) : f("", !0), (i(!0), s(d, null, t(e.options, (t) => (i(), s("button", {
-			key: t.value,
+		}, null, 4)) : u("", !0), (n(!0), l(_, null, r(e.options, (r) => (n(), l("button", {
+			key: r.value,
 			role: "radio",
-			"aria-checked": e.modelValue === t.value,
-			"aria-label": t.label,
+			"aria-checked": e.modelValue === r.value,
+			"aria-label": r.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: u({
-				color: e.modelValue === t.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
+			style: p({
+				color: e.modelValue === r.value ? "var(--tpl-primary)" : "var(--tpl-text-muted)",
 				transition: "color 120ms cubic-bezier(0.16, 1, 0.3, 1)"
 			}),
-			title: t.label,
-			onClick: (e) => o("update:modelValue", t.value)
-		}, [t.icon ? (i(), p(a(t.icon), {
+			title: r.label,
+			onClick: (e) => o("update:modelValue", r.value)
+		}, [r.icon ? (n(), d(t(r.icon), {
 			key: 0,
 			size: 14,
 			"stroke-width": 2
-		})) : (i(), s("span", he, h(t.label), 1))], 12, me))), 128))], 4));
+		})) : (n(), l("span", he, g(r.label), 1))], 12, me))), 128))], 4));
 	}
-}), _e = { class: "tpl:mb-3.5" }, ve = /* @__PURE__ */ o({
+}), _e = { class: "tpl:mb-3.5" }, ve = /* @__PURE__ */ v({
 	__name: "FieldRow",
 	props: { label: {} },
-	setup(e) {
-		return (t, n) => (i(), s("div", _e, [e.label ? (i(), s("label", {
+	setup(t) {
+		return (r, i) => (n(), l("div", _e, [t.label ? (n(), l("label", {
 			key: 0,
-			class: v(c(b))
-		}, h(e.label), 3)) : f("", !0), r(t.$slots, "default")]));
+			class: o(h(y))
+		}, g(t.label), 3)) : u("", !0), e(r.$slots, "default")]));
 	}
 }), ye = { class: "tpl:flex tpl:items-stretch" }, be = [
 	"value",
 	"min",
 	"max"
-], xe = /* @__PURE__ */ o({
+], xe = /* @__PURE__ */ v({
 	__name: "NumberWithSuffix",
 	props: {
 		modelValue: {},
@@ -406,18 +406,18 @@ var ue = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = t;
-		return (t, r) => (i(), s("div", ye, [g("input", {
+		let r = t;
+		return (t, i) => (n(), l("div", ye, [m("input", {
 			type: "number",
-			class: v(c(C)),
+			class: o(h(S)),
 			value: e.modelValue,
 			min: e.min,
 			max: e.max,
-			onInput: r[0] ||= (e) => n("update:modelValue", Number(e.target.value))
-		}, null, 42, be), g("span", { class: v(c(S)) }, h(e.suffix), 3)]));
+			onInput: i[0] ||= (e) => r("update:modelValue", Number(e.target.value))
+		}, null, 42, be), m("span", { class: o(h(x)) }, g(e.suffix), 3)]));
 	}
 });
 //#endregion
 export { pe as i, ve as n, ge as r, xe as t };
 
-//# sourceMappingURL=NumberWithSuffix-CE3NrZhH.js.map
+//# sourceMappingURL=NumberWithSuffix-BSOUOUCL.js.map