@templatical/editor 0.26.3 → 0.27.1

package/dist/{NumberWithSuffix-D37ZWiZh.js → cdn/chunks/NumberWithSuffix-mm6AfIv4.js}

@@ -1,5 +1,5 @@
-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, m as d, nt as f, r as p, s as m, u as h } from "./vue.runtime.esm-bundler-D1diBMsm.js";
-import { h as g, m as _, p as v } from "./ColorPicker-ClETsjA3.js";
+import { F as e, I as t, N as n, R as r, S as i, at as a, ct as o, f as s, g as c, h as l, lt as u, m as d, p as f, u as p, ut as m, y as h } from "./draggable-BfpsXFg7.js";
+import { g, h as _, m as v } from "./styleConstants-9oK5kn21.js";
 //#region src/components/ToggleSwitch.vue?vue&type=script&setup=true&lang.ts
 var y = { key: 0 }, b = {
 	key: 0,
@@ -8,7 +8,7 @@ var y = { key: 0 }, b = {
 	"aria-checked",
 	"aria-label",
 	"disabled"
-], S = /* @__PURE__ */ o({
+], S = /* @__PURE__ */ i({
 	__name: "ToggleSwitch",
 	props: {
 		modelValue: { type: Boolean },
@@ -17,86 +17,86 @@ var y = { key: 0 }, b = {
 		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let r = t;
-		return (t, o) => (i(), c("label", { class: n(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", e.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [t.$slots.default || e.label || e.required ? (i(), c("span", y, [l(t.$slots, "default", {}, () => [d(a(e.label), 1)]), e.required ? (i(), c("span", b, " *")) : h("", !0)])) : h("", !0), s("button", {
+	setup(e, { emit: r }) {
+		let i = r;
+		return (r, a) => (n(), c("label", { class: o(["tpl:flex tpl:items-center tpl:justify-between tpl:gap-2", e.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer"]) }, [r.$slots.default || e.label || e.required ? (n(), c("span", y, [t(r.$slots, "default", {}, () => [h(m(e.label), 1)]), e.required ? (n(), c("span", b, " *")) : l("", !0)])) : l("", !0), f("button", {
 			type: "button",
 			role: "switch",
 			"aria-checked": e.modelValue,
 			"aria-label": e.label,
 			disabled: e.disabled,
-			class: n([
+			class: o([
 				"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",
 				e.modelValue ? "tpl:bg-[var(--tpl-primary)]" : "tpl:bg-[var(--tpl-border)]",
 				e.disabled ? "tpl:cursor-not-allowed tpl:opacity-60" : "tpl:cursor-pointer"
 			]),
-			onClick: o[0] ||= (t) => !e.disabled && r("update:modelValue", !e.modelValue)
-		}, [s("span", { class: n(["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", e.modelValue ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, x)], 2));
+			onClick: a[0] ||= (t) => !e.disabled && i("update:modelValue", !e.modelValue)
+		}, [f("span", { class: o(["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", e.modelValue ? "tpl:translate-x-4" : "tpl:translate-x-0"]) }, null, 2)], 10, x)], 2));
 	}
 }), C = [
 	"aria-checked",
 	"aria-label",
 	"title",
 	"onClick"
-], w = { key: 1 }, T = /* @__PURE__ */ o({
+], w = { key: 1 }, T = /* @__PURE__ */ i({
 	__name: "SlidingPillSelect",
 	props: {
 		options: {},
 		modelValue: {}
 	},
 	emits: ["update:modelValue"],
-	setup(n, { emit: o }) {
-		let s = n, l = o, d = m(() => s.options.findIndex((e) => e.value === s.modelValue)), f = m(() => `translateX(${Math.max(d.value, 0) * 100}%)`);
-		return (o, s) => (i(), c("div", {
+	setup(t, { emit: i }) {
+		let a = t, o = i, f = s(() => a.options.findIndex((e) => e.value === a.modelValue)), h = s(() => `translateX(${Math.max(f.value, 0) * 100}%)`);
+		return (i, a) => (n(), 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)`,
+			style: u({
+				gridTemplateColumns: `repeat(${t.options.length}, 1fr)`,
 				backgroundColor: "var(--tpl-bg-hover)"
 			})
-		}, [d.value >= 0 ? (i(), c("div", {
+		}, [f.value >= 0 ? (n(), c("div", {
 			key: 0,
 			class: "tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]",
-			style: t({
+			style: u({
 				left: "4px",
-				width: `calc((100% - 8px) / ${n.options.length})`,
-				transform: f.value,
+				width: `calc((100% - 8px) / ${t.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)) : h("", !0), (i(!0), c(p, null, e(n.options, (e) => (i(), c("button", {
+		}, null, 4)) : l("", !0), (n(!0), c(p, null, e(t.options, (e) => (n(), c("button", {
 			key: e.value,
 			role: "radio",
-			"aria-checked": n.modelValue === e.value,
+			"aria-checked": t.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)",
+			style: u({
+				color: t.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), {
+			onClick: (t) => o("update:modelValue", e.value)
+		}, [e.icon ? (n(), d(r(e.icon), {
 			key: 0,
 			size: 14,
 			"stroke-width": 2
-		})) : (i(), c("span", w, a(e.label), 1))], 12, C))), 128))], 4));
+		})) : (n(), c("span", w, m(e.label), 1))], 12, C))), 128))], 4));
 	}
-}), E = { class: "tpl:mb-3.5" }, D = /* @__PURE__ */ o({
+}), E = { class: "tpl:mb-3.5" }, D = /* @__PURE__ */ i({
 	__name: "FieldRow",
 	props: { label: {} },
 	setup(e) {
-		return (t, r) => (i(), c("div", E, [e.label ? (i(), c("label", {
+		return (r, i) => (n(), c("div", E, [e.label ? (n(), c("label", {
 			key: 0,
-			class: n(f(g))
-		}, a(e.label), 3)) : h("", !0), l(t.$slots, "default")]));
+			class: o(a(g))
+		}, m(e.label), 3)) : l("", !0), t(r.$slots, "default")]));
 	}
 }), O = { class: "tpl:flex tpl:items-stretch" }, k = [
 	"value",
 	"min",
 	"max"
-], A = /* @__PURE__ */ o({
+], A = /* @__PURE__ */ i({
 	__name: "NumberWithSuffix",
 	props: {
 		modelValue: {},
@@ -107,15 +107,17 @@ var y = { key: 0 }, b = {
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let r = t;
-		return (t, o) => (i(), c("div", O, [s("input", {
+		return (t, i) => (n(), c("div", O, [f("input", {
 			type: "number",
-			class: n(f(v)),
+			class: o(a(v)),
 			value: e.modelValue,
 			min: e.min,
 			max: e.max,
-			onInput: o[0] ||= (e) => r("update:modelValue", Number(e.target.value))
-		}, null, 42, k), s("span", { class: n(f(_)) }, a(e.suffix), 3)]));
+			onInput: i[0] ||= (e) => r("update:modelValue", Number(e.target.value))
+		}, null, 42, k), f("span", { class: o(a(_)) }, m(e.suffix), 3)]));
 	}
 });
 //#endregion
 export { S as i, D as n, T as r, A as t };
+
+//# sourceMappingURL=NumberWithSuffix-mm6AfIv4.js.map

package/dist/cdn/chunks/NumberWithSuffix-mm6AfIv4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberWithSuffix-mm6AfIv4.js","names":["$slots"],"sources":["../../../src/components/ToggleSwitch.vue","../../../src/components/ToggleSwitch.vue","../../../src/components/SlidingPillSelect.vue","../../../src/components/SlidingPillSelect.vue","../../../src/components/toolbar/FieldRow.vue","../../../src/components/toolbar/FieldRow.vue","../../../src/components/toolbar/NumberWithSuffix.vue","../../../src/components/toolbar/NumberWithSuffix.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineProps<{\n  modelValue: boolean;\n  label?: string;\n  disabled?: boolean;\n  required?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n</script>\n\n<template>\n  <label\n    :class=\"[\n      'tpl:flex tpl:items-center tpl:justify-between tpl:gap-2',\n      disabled ? 'tpl:cursor-not-allowed' : 'tpl:cursor-pointer',\n    ]\"\n  >\n    <span v-if=\"$slots.default || label || required\">\n      <slot>{{ label }}</slot>\n      <span v-if=\"required\" class=\"tpl:text-[var(--tpl-danger)]\"> *</span>\n    </span>\n    <button\n      type=\"button\"\n      role=\"switch\"\n      :aria-checked=\"modelValue\"\n      :aria-label=\"label\"\n      :disabled=\"disabled\"\n      :class=\"[\n        '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\n          ? 'tpl:bg-[var(--tpl-primary)]'\n          : 'tpl:bg-[var(--tpl-border)]',\n        disabled\n          ? 'tpl:cursor-not-allowed tpl:opacity-60'\n          : 'tpl:cursor-pointer',\n      ]\"\n      @click=\"!disabled && emit('update:modelValue', !modelValue)\"\n    >\n      <span\n        class=\"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        :class=\"modelValue ? 'tpl:translate-x-4' : 'tpl:translate-x-0'\"\n      />\n    </button>\n  </label>\n</template>\n","<script setup lang=\"ts\">\ndefineProps<{\n  modelValue: boolean;\n  label?: string;\n  disabled?: boolean;\n  required?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: boolean): void;\n}>();\n</script>\n\n<template>\n  <label\n    :class=\"[\n      'tpl:flex tpl:items-center tpl:justify-between tpl:gap-2',\n      disabled ? 'tpl:cursor-not-allowed' : 'tpl:cursor-pointer',\n    ]\"\n  >\n    <span v-if=\"$slots.default || label || required\">\n      <slot>{{ label }}</slot>\n      <span v-if=\"required\" class=\"tpl:text-[var(--tpl-danger)]\"> *</span>\n    </span>\n    <button\n      type=\"button\"\n      role=\"switch\"\n      :aria-checked=\"modelValue\"\n      :aria-label=\"label\"\n      :disabled=\"disabled\"\n      :class=\"[\n        '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\n          ? 'tpl:bg-[var(--tpl-primary)]'\n          : 'tpl:bg-[var(--tpl-border)]',\n        disabled\n          ? 'tpl:cursor-not-allowed tpl:opacity-60'\n          : 'tpl:cursor-pointer',\n      ]\"\n      @click=\"!disabled && emit('update:modelValue', !modelValue)\"\n    >\n      <span\n        class=\"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        :class=\"modelValue ? 'tpl:translate-x-4' : 'tpl:translate-x-0'\"\n      />\n    </button>\n  </label>\n</template>\n","<script setup lang=\"ts\">\nimport type { Component } from \"vue\";\nimport { computed } from \"vue\";\n\nexport interface PillOption {\n  value: string;\n  label: string;\n  icon?: Component;\n}\n\nconst props = defineProps<{\n  options: PillOption[];\n  modelValue: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst selectedIndex = computed(() =>\n  props.options.findIndex((o) => o.value === props.modelValue),\n);\n\nconst pillOffset = computed(\n  () => `translateX(${Math.max(selectedIndex.value, 0) * 100}%)`,\n);\n</script>\n\n<template>\n  <div\n    role=\"radiogroup\"\n    class=\"tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1\"\n    :style=\"{\n      gridTemplateColumns: `repeat(${options.length}, 1fr)`,\n      backgroundColor: 'var(--tpl-bg-hover)',\n    }\"\n  >\n    <!-- Sliding pill — hidden when modelValue matches no option,\n         otherwise it would silently sit on the first option and create\n         a visual mismatch with aria-checked. -->\n    <div\n      v-if=\"selectedIndex >= 0\"\n      class=\"tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]\"\n      :style=\"{\n        left: '4px',\n        width: `calc((100% - 8px) / ${options.length})`,\n        transform: pillOffset,\n        backgroundColor: 'var(--tpl-bg)',\n        boxShadow: 'var(--tpl-shadow)',\n        transition: 'transform 120ms cubic-bezier(0.16, 1, 0.3, 1)',\n      }\"\n    ></div>\n\n    <button\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      role=\"radio\"\n      :aria-checked=\"modelValue === option.value\"\n      :aria-label=\"option.label\"\n      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\"\n      :style=\"{\n        color:\n          modelValue === option.value\n            ? 'var(--tpl-primary)'\n            : 'var(--tpl-text-muted)',\n        transition: 'color 120ms cubic-bezier(0.16, 1, 0.3, 1)',\n      }\"\n      :title=\"option.label\"\n      @click=\"emit('update:modelValue', option.value)\"\n    >\n      <component\n        :is=\"option.icon\"\n        v-if=\"option.icon\"\n        :size=\"14\"\n        :stroke-width=\"2\"\n      />\n      <span v-else>{{ option.label }}</span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { Component } from \"vue\";\nimport { computed } from \"vue\";\n\nexport interface PillOption {\n  value: string;\n  label: string;\n  icon?: Component;\n}\n\nconst props = defineProps<{\n  options: PillOption[];\n  modelValue: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: string): void;\n}>();\n\nconst selectedIndex = computed(() =>\n  props.options.findIndex((o) => o.value === props.modelValue),\n);\n\nconst pillOffset = computed(\n  () => `translateX(${Math.max(selectedIndex.value, 0) * 100}%)`,\n);\n</script>\n\n<template>\n  <div\n    role=\"radiogroup\"\n    class=\"tpl:relative tpl:grid tpl:rounded-[var(--tpl-radius-sm)] tpl:p-1\"\n    :style=\"{\n      gridTemplateColumns: `repeat(${options.length}, 1fr)`,\n      backgroundColor: 'var(--tpl-bg-hover)',\n    }\"\n  >\n    <!-- Sliding pill — hidden when modelValue matches no option,\n         otherwise it would silently sit on the first option and create\n         a visual mismatch with aria-checked. -->\n    <div\n      v-if=\"selectedIndex >= 0\"\n      class=\"tpl:absolute tpl:inset-y-1 tpl:rounded-[var(--tpl-radius-sm)]\"\n      :style=\"{\n        left: '4px',\n        width: `calc((100% - 8px) / ${options.length})`,\n        transform: pillOffset,\n        backgroundColor: 'var(--tpl-bg)',\n        boxShadow: 'var(--tpl-shadow)',\n        transition: 'transform 120ms cubic-bezier(0.16, 1, 0.3, 1)',\n      }\"\n    ></div>\n\n    <button\n      v-for=\"option in options\"\n      :key=\"option.value\"\n      role=\"radio\"\n      :aria-checked=\"modelValue === option.value\"\n      :aria-label=\"option.label\"\n      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\"\n      :style=\"{\n        color:\n          modelValue === option.value\n            ? 'var(--tpl-primary)'\n            : 'var(--tpl-text-muted)',\n        transition: 'color 120ms cubic-bezier(0.16, 1, 0.3, 1)',\n      }\"\n      :title=\"option.label\"\n      @click=\"emit('update:modelValue', option.value)\"\n    >\n      <component\n        :is=\"option.icon\"\n        v-if=\"option.icon\"\n        :size=\"14\"\n        :stroke-width=\"2\"\n      />\n      <span v-else>{{ option.label }}</span>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { labelClass } from \"../../constants/styleConstants\";\n\ndefineProps<{\n  label?: string;\n}>();\n</script>\n\n<template>\n  <div class=\"tpl:mb-3.5\">\n    <label v-if=\"label\" :class=\"labelClass\">{{ label }}</label>\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { labelClass } from \"../../constants/styleConstants\";\n\ndefineProps<{\n  label?: string;\n}>();\n</script>\n\n<template>\n  <div class=\"tpl:mb-3.5\">\n    <label v-if=\"label\" :class=\"labelClass\">{{ label }}</label>\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  inputGroupInputClass,\n  inputSuffixClass,\n} from \"../../constants/styleConstants\";\n\ndefineProps<{\n  modelValue: number;\n  min?: number;\n  max?: number;\n  suffix: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: number): void;\n}>();\n</script>\n\n<template>\n  <div class=\"tpl:flex tpl:items-stretch\">\n    <input\n      type=\"number\"\n      :class=\"inputGroupInputClass\"\n      :value=\"modelValue\"\n      :min=\"min\"\n      :max=\"max\"\n      @input=\"\n        emit(\n          'update:modelValue',\n          Number(($event.target as HTMLInputElement).value),\n        )\n      \"\n    />\n    <span :class=\"inputSuffixClass\">{{ suffix }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  inputGroupInputClass,\n  inputSuffixClass,\n} from \"../../constants/styleConstants\";\n\ndefineProps<{\n  modelValue: number;\n  min?: number;\n  max?: number;\n  suffix: string;\n}>();\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: number): void;\n}>();\n</script>\n\n<template>\n  <div class=\"tpl:flex tpl:items-stretch\">\n    <input\n      type=\"number\"\n      :class=\"inputGroupInputClass\"\n      :value=\"modelValue\"\n      :min=\"min\"\n      :max=\"max\"\n      @input=\"\n        emit(\n          'update:modelValue',\n          Number(($event.target as HTMLInputElement).value),\n        )\n      \"\n    />\n    <span :class=\"inputSuffixClass\">{{ suffix }}</span>\n  </div>\n</template>\n"],"mappings":"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"}