@templatical/editor 0.38.0 → 0.39.1

package/dist/ToggleSwitch-JvQ_CmI1.js

@@ -0,0 +1,102 @@
+import { A as e, N as t, Z as n, at as r, c as i, d as a, g as o, h as s, jt as c, kt as l, l as u, u as d, v as f } from "./vue.runtime.esm-bundler-CyqhBwpY.js";
+import { i as p, n as m, r as h, t as g } from "./LogicTagInsertButton-D8IwH-9Z.js";
+//#region src/components/MergeTagTextarea.vue?vue&type=script&setup=true&lang.ts
+var _ = { key: 0 }, v = {
+	key: 0,
+	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
+}, y = { key: 1 }, b = [
+	"value",
+	"placeholder",
+	"rows"
+], x = {
+	key: 0,
+	class: "tpl:flex tpl:flex-wrap tpl:gap-1.5"
+}, S = "tpl:w-full tpl:resize-y tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-sm tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]", C = "tpl:flex tpl:w-full tpl:min-h-20 tpl:cursor-pointer tpl:items-start tpl:flex-wrap tpl:gap-1 tpl:rounded-[var(--tpl-radius-sm)] tpl:border tpl:shadow-[var(--tpl-shadow-sm)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:px-3 tpl:py-2 tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]", w = /* @__PURE__ */ f({
+	__name: "MergeTagTextarea",
+	props: {
+		modelValue: {},
+		placeholder: { default: "" },
+		rows: { default: 3 }
+	},
+	emits: ["update:modelValue"],
+	setup(t, { emit: s }) {
+		let c = t, f = s, w = n(null), { segments: T, hasMergeTags: E, canRequestMergeTag: D, isRequestingMergeTag: O, canInsertLogicTag: k, isRequestingLogicTag: A, isEditing: j, startEditing: M, handleInput: N, handleKeydown: P, handleClick: F, handleBlur: I, clearValue: L, insertMergeTag: R, insertLogicTag: z, replaceMergeTagAt: B } = p({
+			modelValue: () => c.modelValue,
+			emit: (e) => f("update:modelValue", e),
+			elementRef: w
+		});
+		return (n, s) => r(E) && !r(j) ? (e(), a("div", _, [o(h, {
+			segments: r(T),
+			"display-class": C,
+			onEdit: r(M),
+			onClear: r(L),
+			onRepick: r(B)
+		}, null, 8, [
+			"segments",
+			"onEdit",
+			"onClear",
+			"onRepick"
+		]), r(D) || r(k) ? (e(), a("div", v, [r(D) ? (e(), u(m, {
+			key: 0,
+			disabled: r(O),
+			onInsert: r(R)
+		}, null, 8, ["disabled", "onInsert"])) : d("", !0), r(k) ? (e(), u(g, {
+			key: 1,
+			disabled: r(A),
+			onInsert: r(z)
+		}, null, 8, ["disabled", "onInsert"])) : d("", !0)])) : d("", !0)])) : (e(), a("div", y, [i("textarea", {
+			ref_key: "textareaRef",
+			ref: w,
+			class: l(S),
+			value: t.modelValue,
+			placeholder: t.placeholder,
+			rows: t.rows,
+			onInput: s[0] ||= (...e) => r(N) && r(N)(...e),
+			onKeydown: s[1] ||= (...e) => r(P) && r(P)(...e),
+			onClick: s[2] ||= (...e) => r(F) && r(F)(...e),
+			onBlur: s[3] ||= (...e) => r(I) && r(I)(...e)
+		}, null, 40, b), r(D) || r(k) ? (e(), a("div", x, [r(D) ? (e(), u(m, {
+			key: 0,
+			disabled: r(O),
+			onInsert: r(R)
+		}, null, 8, ["disabled", "onInsert"])) : d("", !0), r(k) ? (e(), u(g, {
+			key: 1,
+			disabled: r(A),
+			onInsert: r(z)
+		}, null, 8, ["disabled", "onInsert"])) : d("", !0)])) : d("", !0)]));
+	}
+}), T = { key: 0 }, E = {
+	key: 0,
+	class: "tpl:text-[var(--tpl-danger)]"
+}, D = [
+	"aria-checked",
+	"aria-label",
+	"disabled"
+], O = /* @__PURE__ */ f({
+	__name: "ToggleSwitch",
+	props: {
+		modelValue: { type: Boolean },
+		label: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: r }) {
+		let o = r;
+		return (r, u) => (e(), a("label", { class: l(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", n.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [r.$slots.default || n.label || n.required ? (e(), a("span", T, [t(r.$slots, "default", {}, () => [s(c(n.label), 1)]), n.required ? (e(), a("span", E, " *")) : d("", !0)])) : d("", !0), i("button", {
+			type: "button",
+			role: "switch",
+			"aria-checked": n.modelValue,
+			"aria-label": n.label,
+			disabled: n.disabled,
+			class: l([
+				"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",
+				n.modelValue ? "tpl:bg-[var(--tpl-primary)]" : "tpl:bg-[var(--tpl-border)]",
+				n.disabled ? "tpl:cursor-not-allowed tpl:opacity-60" : "tpl:cursor-pointer"
+			]),
+			onClick: u[0] ||= (e) => !n.disabled && o("update:modelValue", !n.modelValue)
+		}, [i("span", { class: l(["tpl:pointer-events-none tpl:inline-block tpl:size-4 tpl:rounded-full tpl:bg-[var(--tpl-bg)] tpl:shadow-[var(--tpl-shadow)] tpl:transition-transform tpl:duration-200", n.modelValue ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, D)], 2));
+	}
+});
+//#endregion
+export { w as n, O as t };