@templatical/editor 0.12.0 → 0.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/{CloudEditor-F5YV5hE3.js → CloudEditor-CB16QzKM.js} +1 -1
  2. package/dist/{CountdownToolbar-CDy9_2Yj.js → CountdownToolbar-Dol7Q0Pv.js} +1 -1
  3. package/dist/{NumberWithSuffix-Cd7bz1Wk.js → NumberWithSuffix-Bp40ik4l.js} +101 -79
  4. package/dist/bundle-stats.json +6 -6
  5. package/dist/cdn/chunks/{CloudEditor-OO8hWAVp.js → CloudEditor-DSeihOan.js} +2 -2
  6. package/dist/cdn/chunks/{CloudEditor-OO8hWAVp.js.map → CloudEditor-DSeihOan.js.map} +1 -1
  7. package/dist/cdn/chunks/{CountdownToolbar-BXjDFRHI.js → CountdownToolbar-BQn0Kj0X.js} +2 -2
  8. package/dist/cdn/chunks/{CountdownToolbar-BXjDFRHI.js.map → CountdownToolbar-BQn0Kj0X.js.map} +1 -1
  9. package/dist/cdn/chunks/{NumberWithSuffix-ZuJ2ePB0.js → NumberWithSuffix-cdWjAK6y.js} +139 -118
  10. package/dist/cdn/chunks/NumberWithSuffix-cdWjAK6y.js.map +1 -0
  11. package/dist/cdn/chunks/{de-DpBN9H7-.js → de-BpseTWOA.js} +4 -2
  12. package/dist/cdn/chunks/{de-DpBN9H7-.js.map → de-BpseTWOA.js.map} +1 -1
  13. package/dist/cdn/chunks/{en-BhHtdIiU.js → en-VGIQ0WNq.js} +4 -2
  14. package/dist/cdn/chunks/{en-BhHtdIiU.js.map → en-VGIQ0WNq.js.map} +1 -1
  15. package/dist/cdn/chunks/{pt-BR-Bth5a93y.js → pt-BR-zAqpLQbW.js} +4 -2
  16. package/dist/cdn/chunks/{pt-BR-Bth5a93y.js.map → pt-BR-zAqpLQbW.js.map} +1 -1
  17. package/dist/cdn/chunks/{renderer-DwPomkBw.js → renderer-C0vdAODQ.js} +2 -2
  18. package/dist/cdn/chunks/{renderer-DwPomkBw.js.map → renderer-C0vdAODQ.js.map} +1 -1
  19. package/dist/cdn/chunks/{styles-D45rgVq8.js → styles-LfeoSNRA.js} +434 -430
  20. package/dist/cdn/chunks/{styles-D45rgVq8.js.map → styles-LfeoSNRA.js.map} +1 -1
  21. package/dist/cdn/editor.css +1 -1
  22. package/dist/cdn/editor.js +7 -7
  23. package/dist/{de-DpBN9H7-.js → de-BpseTWOA.js} +3 -1
  24. package/dist/{en-BhHtdIiU.js → en-VGIQ0WNq.js} +3 -1
  25. package/dist/{pt-BR-Bth5a93y.js → pt-BR-zAqpLQbW.js} +3 -1
  26. package/dist/style.css +1 -1
  27. package/dist/{styles-Dp4mJuCM.js → styles-DSm9Ijxt.js} +469 -465
  28. package/dist/templatical-editor.js +6 -6
  29. package/package.json +7 -7
  30. package/dist/cdn/chunks/NumberWithSuffix-ZuJ2ePB0.js.map +0 -1
@@ -8,7 +8,7 @@ import { t as H } from "./useI18n-CTs_bP9d.js";
8
8
  import { t as U } from "./createLucideIcon-CmPAC-gt.js";
9
9
  import { t as W } from "./circle-alert-BStvZr3O.js";
10
10
  import { t as G } from "./loader-circle-CDF8eR_Q.js";
11
- import { a as K, c as q, d as ie, f as ae, i as J, l as oe, n as se, o as ce, r as le, s as ue, t as de, u as fe } from "./styles-Dp4mJuCM.js";
11
+ import { a as K, c as q, d as ie, f as ae, i as J, l as oe, n as se, o as ce, r as le, s as ue, t as de, u as fe } from "./styles-DSm9Ijxt.js";
12
12
  import { t as pe } from "./sparkles-C965Xop4.js";
13
13
  import { t as me } from "./triangle-alert-BKYElAwz.js";
14
14
  import { t as he } from "./check-BRzXxFHr.js";
@@ -1,7 +1,7 @@
1
1
  import { A as e, M as t, _ as n, at as r, b as i, d as a, f as o, h as s, l as c, p as l, rt as u, st as d, v as f, z as p } from "./vue.runtime.esm-bundler-B2k01iQh.js";
2
2
  import { t as m } from "./useI18n-CTs_bP9d.js";
3
3
  import { f as h } from "./styleConstants-lGobwiLH.js";
4
- import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-Cd7bz1Wk.js";
4
+ import { i as g, n as _, r as v, t as y } from "./NumberWithSuffix-Bp40ik4l.js";
5
5
  //#region src/components/toolbar/CheckboxItem.vue?vue&type=script&setup=true&lang.ts
6
6
  var b = { class: "tpl:flex tpl:cursor-pointer tpl:items-center tpl:gap-2 tpl:text-[12px] tpl:text-[var(--tpl-text)]" }, x = ["checked"], S = /* @__PURE__ */ i({
7
7
  __name: "CheckboxItem",
@@ -1,36 +1,37 @@
1
- import { A as e, F as t, M as n, N as r, X as i, at as a, b as o, d as s, f as c, h as l, l as u, m as d, ot as f, p, rt as m, s as h, st as g, t as ee, v as _, z as te } from "./vue.runtime.esm-bundler-B2k01iQh.js";
2
- import { t as v } from "./dist-DJ9aD8yA.js";
3
- import { t as ne } from "./useI18n-CTs_bP9d.js";
4
- import { h as y, i as b, m as x, p as S, u as C } from "./styleConstants-lGobwiLH.js";
1
+ import { A as e, F as t, M as n, N as r, X as i, at as a, b as o, d as s, f as c, h as l, l as u, m as d, ot as f, p, rt as m, s as ee, st as h, t as te, v as g, z as ne } from "./vue.runtime.esm-bundler-B2k01iQh.js";
2
+ import { t as _ } from "./dist-DJ9aD8yA.js";
3
+ import { t as re } from "./useI18n-CTs_bP9d.js";
4
+ import { t as ie } from "./x-CGjkjdKK.js";
5
+ import { h as v, m as y, p as b, u as ae } from "./styleConstants-lGobwiLH.js";
5
6
  //#region ../../node_modules/.pnpm/vanilla-colorful@0.7.2/node_modules/vanilla-colorful/lib/utils/math.js
6
- 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;
7
+ var x = (e, t = 0, n = 1) => e > n ? n : e < t ? t : e, S = (e, t = 0, n = 10 ** t) => Math.round(n * e) / n;
7
8
  360 / (Math.PI * 2);
8
- var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
9
+ var C = (e) => j(w(e)), w = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
9
10
  r: parseInt(e[0] + e[0], 16),
10
11
  g: parseInt(e[1] + e[1], 16),
11
12
  b: parseInt(e[2] + e[2], 16),
12
- a: e.length === 4 ? T(parseInt(e[3] + e[3], 16) / 255, 2) : 1
13
+ a: e.length === 4 ? S(parseInt(e[3] + e[3], 16) / 255, 2) : 1
13
14
  } : {
14
15
  r: parseInt(e.substring(0, 2), 16),
15
16
  g: parseInt(e.substring(2, 4), 16),
16
17
  b: parseInt(e.substring(4, 6), 16),
17
- a: e.length === 8 ? T(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
18
- }), ie = (e) => A(O(e)), ae = ({ h: e, s: t, v: n, a: r }) => {
18
+ a: e.length === 8 ? S(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
19
+ }), T = (e) => A(O(e)), E = ({ h: e, s: t, v: n, a: r }) => {
19
20
  let i = (200 - t) * n / 100;
20
21
  return {
21
- h: T(e),
22
- s: T(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
23
- l: T(i / 2),
24
- a: T(r, 2)
22
+ h: S(e),
23
+ s: S(i > 0 && i < 200 ? t * n / 100 / (i <= 100 ? i : 200 - i) * 100 : 0),
24
+ l: S(i / 2),
25
+ a: S(r, 2)
25
26
  };
26
27
  }, D = (e) => {
27
- let { h: t, s: n, l: r } = ae(e);
28
+ let { h: t, s: n, l: r } = E(e);
28
29
  return `hsl(${t}, ${n}%, ${r}%)`;
29
30
  }, O = ({ h: e, s: t, v: n, a: r }) => {
30
31
  e = e / 360 * 6, t /= 100, n /= 100;
31
32
  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;
32
33
  return {
33
- r: T([
34
+ r: S([
34
35
  n,
35
36
  o,
36
37
  a,
@@ -38,7 +39,7 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
38
39
  s,
39
40
  n
40
41
  ][c] * 255),
41
- g: T([
42
+ g: S([
42
43
  s,
43
44
  n,
44
45
  n,
@@ -46,7 +47,7 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
46
47
  a,
47
48
  a
48
49
  ][c] * 255),
49
- b: T([
50
+ b: S([
50
51
  a,
51
52
  a,
52
53
  s,
@@ -54,27 +55,27 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
54
55
  n,
55
56
  o
56
57
  ][c] * 255),
57
- a: T(r, 2)
58
+ a: S(r, 2)
58
59
  };
59
60
  }, k = (e) => {
60
61
  let t = e.toString(16);
61
62
  return t.length < 2 ? "0" + t : t;
62
63
  }, A = ({ r: e, g: t, b: n, a: r }) => {
63
- let i = r < 1 ? k(T(r * 255)) : "";
64
+ let i = r < 1 ? k(S(r * 255)) : "";
64
65
  return "#" + k(e) + k(t) + k(n) + i;
65
66
  }, j = ({ r: e, g: t, b: n, a: r }) => {
66
67
  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;
67
68
  return {
68
- h: T(60 * (o < 0 ? o + 6 : o)),
69
- s: T(i ? a / i * 100 : 0),
70
- v: T(i / 255 * 100),
69
+ h: S(60 * (o < 0 ? o + 6 : o)),
70
+ s: S(i ? a / i * 100 : 0),
71
+ v: S(i / 255 * 100),
71
72
  a: r
72
73
  };
73
74
  }, M = (e, t) => {
74
75
  if (e === t) return !0;
75
76
  for (let n in e) if (e[n] !== t[n]) return !1;
76
77
  return !0;
77
- }, oe = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : M(E(e), E(t)), N = {}, P = (e) => {
78
+ }, oe = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : M(w(e), w(t)), N = {}, P = (e) => {
78
79
  let t = N[e];
79
80
  return t || (t = document.createElement("template"), t.innerHTML = e, N[e] = t), t;
80
81
  }, F = (e, t, n) => {
@@ -85,8 +86,8 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
85
86
  }, I = !1, L = (e) => "touches" in e, R = (e) => I && !L(e) ? !1 : (I ||= L(e), !0), z = (e, t) => {
86
87
  let n = L(t) ? t.touches[0] : t, r = e.el.getBoundingClientRect();
87
88
  F(e.el, "move", e.getMove({
88
- x: w((n.pageX - (r.left + window.pageXOffset)) / r.width),
89
- y: w((n.pageY - (r.top + window.pageYOffset)) / r.height)
89
+ x: x((n.pageX - (r.left + window.pageXOffset)) / r.width),
90
+ y: x((n.pageY - (r.top + window.pageYOffset)) / r.height)
90
91
  }));
91
92
  }, B = (e, t) => {
92
93
  let n = t.keyCode;
@@ -143,10 +144,10 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
143
144
  v: 100,
144
145
  a: 1
145
146
  })
146
- }]), this.el.setAttribute("aria-valuenow", `${T(e)}`);
147
+ }]), this.el.setAttribute("aria-valuenow", `${S(e)}`);
147
148
  }
148
149
  getMove(e, t) {
149
- return { h: t ? w(this.h + e.x * 360, 0, 360) : 360 * e.x };
150
+ return { h: t ? x(this.h + e.x * 360, 0, 360) : 360 * e.x };
150
151
  }
151
152
  }, U = class extends V {
152
153
  constructor(e) {
@@ -162,12 +163,12 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
162
163
  s: 100,
163
164
  v: 100,
164
165
  a: 1
165
- }) }]), this.el.setAttribute("aria-valuetext", `Saturation ${T(e.s)}%, Brightness ${T(e.v)}%`);
166
+ }) }]), this.el.setAttribute("aria-valuetext", `Saturation ${S(e.s)}%, Brightness ${S(e.v)}%`);
166
167
  }
167
168
  getMove(e, t) {
168
169
  return {
169
- s: t ? w(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
170
- v: t ? w(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
170
+ s: t ? x(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
171
+ v: t ? x(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
171
172
  };
172
173
  }
173
174
  }, 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 {
@@ -225,8 +226,8 @@ var re = (e) => j(E(e)), E = (e) => (e[0] === "#" && (e = e.substring(1)), e.len
225
226
  }
226
227
  }, ce = {
227
228
  defaultColor: "#000",
228
- toHsva: re,
229
- fromHsva: ({ h: e, s: t, v: n }) => ie({
229
+ toHsva: C,
230
+ fromHsva: ({ h: e, s: t, v: n }) => T({
230
231
  h: e,
231
232
  s: t,
232
233
  v: n,
@@ -246,17 +247,20 @@ var de = [
246
247
  "disabled",
247
248
  "aria-label",
248
249
  "aria-expanded"
249
- ], fe = [
250
+ ], fe = {
251
+ key: 0,
252
+ class: "tpl:relative tpl:flex-1"
253
+ }, pe = [
250
254
  "value",
251
255
  "placeholder",
252
256
  "disabled",
253
257
  "aria-label"
254
- ], pe = ["color", "aria-label"], me = /* @__PURE__ */ o({
258
+ ], me = ["aria-label", "title"], he = ["color", "aria-label"], ge = /* @__PURE__ */ o({
255
259
  __name: "ColorPicker",
256
260
  props: {
257
261
  modelValue: {},
258
- placeholder: { default: b },
259
- size: { default: "default" },
262
+ placeholder: { default: "" },
263
+ seedColor: { default: "#ffffff" },
260
264
  swatchOnly: {
261
265
  type: Boolean,
262
266
  default: !1
@@ -268,24 +272,30 @@ var de = [
268
272
  },
269
273
  emits: ["update:modelValue"],
270
274
  setup(t, { emit: n }) {
271
- let r = t, o = n, { t: u } = ne(), p = i(!1), g = i(), y = i();
272
- v(g, () => {
275
+ let r = t, o = n, { t: u } = re(), p = i(!1), h = i(), v = i(), y = i(!1);
276
+ _(h, () => {
273
277
  p.value = !1;
274
- }, { ignore: [y] });
275
- let b = s({
276
- get: () => r.modelValue || "#000000",
277
- set: (e) => o("update:modelValue", e)
278
- });
279
- function x(e) {
280
- b.value = e.detail.value;
278
+ }, { ignore: [v] });
279
+ let b = s(() => !r.modelValue), x = s(() => r.modelValue || r.seedColor), S = s(() => !r.swatchOnly && !r.disabled && !b.value);
280
+ function C(e) {
281
+ y.value = !0, o("update:modelValue", e.detail.value);
282
+ }
283
+ function w() {
284
+ y.value = !1;
285
+ }
286
+ function T() {
287
+ !y.value && b.value && o("update:modelValue", x.value);
288
+ }
289
+ function E(e) {
290
+ o("update:modelValue", e.target.value);
281
291
  }
282
- function S(e) {
283
- b.value = e.target.value;
292
+ function D() {
293
+ o("update:modelValue", "");
284
294
  }
285
- return (n, r) => (e(), l("div", { class: a(["tpl:flex tpl:gap-2 tpl:relative", t.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
295
+ return (n, r) => (e(), l("div", { class: a(["tpl:flex tpl:items-center tpl:gap-2 tpl:relative", t.disabled && "tpl:opacity-60 tpl:cursor-not-allowed"]) }, [
286
296
  c("button", {
287
297
  ref_key: "swatchRef",
288
- ref: y,
298
+ ref: v,
289
299
  type: "button",
290
300
  disabled: t.disabled,
291
301
  "aria-label": m(u).colorPicker.pickColor,
@@ -294,24 +304,34 @@ var de = [
294
304
  "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)]",
295
305
  t.disabled ? "tpl:cursor-not-allowed" : "tpl:cursor-pointer",
296
306
  p.value ? "tpl:border-[var(--tpl-primary)] tpl:shadow-[var(--tpl-ring)]" : !t.disabled && "hover:tpl:border-[var(--tpl-text-dim)]",
297
- t.size === "large" ? "tpl:size-12" : "tpl:size-10"
307
+ "tpl:size-10"
298
308
  ]),
299
309
  onClick: r[0] ||= (e) => !t.disabled && (p.value = !p.value)
300
310
  }, [c("span", {
301
- class: "tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]",
302
- style: f({ backgroundColor: b.value })
303
- }, null, 4)], 10, de),
304
- t.swatchOnly ? d("", !0) : (e(), l("input", {
305
- key: 0,
311
+ class: a(["tpl:block tpl:size-full tpl:rounded-[calc(var(--tpl-radius-sm)-2px)]", { "tpl-color-swatch-empty": b.value }]),
312
+ style: f(b.value ? void 0 : { backgroundColor: t.modelValue })
313
+ }, null, 6)], 10, de),
314
+ t.swatchOnly ? d("", !0) : (e(), l("div", fe, [c("input", {
306
315
  type: "text",
307
- class: a(m(C)),
316
+ class: a([m(ae), "tpl:w-full"]),
317
+ style: f(S.value ? { paddingRight: "2.25rem" } : void 0),
308
318
  value: t.modelValue,
309
- placeholder: t.placeholder,
319
+ placeholder: t.placeholder || m(u).colorPicker.notSet,
310
320
  disabled: t.disabled,
311
321
  "aria-label": m(u).colorPicker.hexValue,
312
- onInput: S
313
- }, null, 42, fe)),
314
- _(ee, {
322
+ onInput: E
323
+ }, null, 46, pe), S.value ? (e(), l("button", {
324
+ key: 0,
325
+ type: "button",
326
+ "aria-label": m(u).colorPicker.clear,
327
+ title: m(u).colorPicker.clear,
328
+ class: "tpl:absolute tpl:right-2 tpl:top-1/2 tpl:flex tpl:size-6 tpl:-translate-y-1/2 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-text-dim)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] hover:tpl:bg-[var(--tpl-bg-hover)] hover:tpl:text-[var(--tpl-text)]",
329
+ onClick: D
330
+ }, [g(m(ie), {
331
+ size: 14,
332
+ "stroke-width": 1.5
333
+ })], 8, me)) : d("", !0)])),
334
+ g(te, {
315
335
  "enter-active-class": "tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)]",
316
336
  "enter-from-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1",
317
337
  "enter-to-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
@@ -319,27 +339,29 @@ var de = [
319
339
  "leave-from-class": "tpl:opacity-100 tpl:scale-100 tpl:translate-y-0",
320
340
  "leave-to-class": "tpl:opacity-0 tpl:scale-95 tpl:translate-y-1"
321
341
  }, {
322
- default: te(() => [p.value ? (e(), l("div", {
342
+ default: ne(() => [p.value ? (e(), l("div", {
323
343
  key: 0,
324
344
  ref_key: "popoverRef",
325
- ref: g,
345
+ ref: h,
326
346
  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"
327
347
  }, [c("hex-color-picker", {
328
- color: b.value,
348
+ color: x.value,
329
349
  "aria-label": m(u).colorPicker.pickColor,
330
- onColorChanged: x,
331
- onKeydown: r[1] ||= h((e) => p.value = !1, ["escape"])
332
- }, null, 40, pe)], 512)) : d("", !0)]),
350
+ onColorChanged: C,
351
+ onPointerdown: w,
352
+ onPointerup: T,
353
+ onKeydown: r[1] ||= ee((e) => p.value = !1, ["escape"])
354
+ }, null, 40, he)], 512)) : d("", !0)]),
333
355
  _: 1
334
356
  })
335
357
  ], 2));
336
358
  }
337
- }), he = [
359
+ }), _e = [
338
360
  "aria-checked",
339
361
  "aria-label",
340
362
  "title",
341
363
  "onClick"
342
- ], ge = { key: 1 }, _e = /* @__PURE__ */ o({
364
+ ], ve = { key: 1 }, ye = /* @__PURE__ */ o({
343
365
  __name: "SlidingPillSelect",
344
366
  props: {
345
367
  options: {},
@@ -382,22 +404,22 @@ var de = [
382
404
  key: 0,
383
405
  size: 14,
384
406
  "stroke-width": 2
385
- })) : (e(), l("span", ge, g(n.label), 1))], 12, he))), 128))], 4));
407
+ })) : (e(), l("span", ve, h(n.label), 1))], 12, _e))), 128))], 4));
386
408
  }
387
- }), ve = { class: "tpl:mb-3.5" }, ye = /* @__PURE__ */ o({
409
+ }), be = { class: "tpl:mb-3.5" }, xe = /* @__PURE__ */ o({
388
410
  __name: "FieldRow",
389
411
  props: { label: {} },
390
412
  setup(t) {
391
- return (n, i) => (e(), l("div", ve, [t.label ? (e(), l("label", {
413
+ return (n, i) => (e(), l("div", be, [t.label ? (e(), l("label", {
392
414
  key: 0,
393
- class: a(m(y))
394
- }, g(t.label), 3)) : d("", !0), r(n.$slots, "default")]));
415
+ class: a(m(v))
416
+ }, h(t.label), 3)) : d("", !0), r(n.$slots, "default")]));
395
417
  }
396
- }), be = { class: "tpl:flex tpl:items-stretch" }, xe = [
418
+ }), Se = { class: "tpl:flex tpl:items-stretch" }, Ce = [
397
419
  "value",
398
420
  "min",
399
421
  "max"
400
- ], Se = /* @__PURE__ */ o({
422
+ ], we = /* @__PURE__ */ o({
401
423
  __name: "NumberWithSuffix",
402
424
  props: {
403
425
  modelValue: {},
@@ -408,15 +430,15 @@ var de = [
408
430
  emits: ["update:modelValue"],
409
431
  setup(t, { emit: n }) {
410
432
  let r = n;
411
- return (n, i) => (e(), l("div", be, [c("input", {
433
+ return (n, i) => (e(), l("div", Se, [c("input", {
412
434
  type: "number",
413
- class: a(m(S)),
435
+ class: a(m(b)),
414
436
  value: t.modelValue,
415
437
  min: t.min,
416
438
  max: t.max,
417
439
  onInput: i[0] ||= (e) => r("update:modelValue", Number(e.target.value))
418
- }, null, 42, xe), c("span", { class: a(m(x)) }, g(t.suffix), 3)]));
440
+ }, null, 42, Ce), c("span", { class: a(m(y)) }, h(t.suffix), 3)]));
419
441
  }
420
442
  });
421
443
  //#endregion
422
- export { me as i, ye as n, _e as r, Se as t };
444
+ export { ge as i, xe as n, ye as r, we as t };
@@ -1,10 +1,10 @@
1
1
  {
2
- "version": "0.12.0",
3
- "initialGzipBytes": 159499,
4
- "initialRawBytes": 564135,
2
+ "version": "0.12.1",
3
+ "initialGzipBytes": 159839,
4
+ "initialRawBytes": 565430,
5
5
  "initialFileCount": 36,
6
- "lazyGzipBytes": 290208,
7
- "lazyRawBytes": 1010252,
6
+ "lazyGzipBytes": 290268,
7
+ "lazyRawBytes": 1010405,
8
8
  "lazyFileCount": 46,
9
- "generatedAt": "2026-06-29T09:59:18.658Z"
9
+ "generatedAt": "2026-06-29T12:59:43.364Z"
10
10
  }
@@ -1,7 +1,7 @@
1
1
  import { $ as e, A as t, H as n, J as r, M as i, N as a, P as o, V as s, Z as c, _ as l, b as u, ct as d, f, g as p, h as m, it as h, j as g, l as _, m as v, n as y, ot as b, p as x, s as S, st as C, u as w, v as T, x as E, y as D, z as O } from "./draggable-Bci-fq8y.js";
2
2
  import { A as k, An as A, At as j, Ct as M, Dt as N, E as P, Et as F, Ft as I, Ht as L, It as R, J as z, Nt as ee, Ot as B, Qt as te, Rt as ne, S as V, Un as H, Ut as U, Vt as W, Z as G, _ as K, b as re, c as ie, d as ae, dt as q, en as oe, f as J, g as Y, h as X, hn as Z, ht as se, kt as ce, l as le, m as ue, on as de, p as fe, rt as pe, s as me, tn as he, tt as Q, u as ge, v as _e, wn as ve, x as ye, y as be } from "./features-DxWz_Enw.js";
3
3
  import { _ as xe, v as Se } from "./icons-BflGUmFY.js";
4
- import { a as Ce, c as we, d as Te, i as Ee, l as De, n as Oe, o as ke, r as Ae, s as je, t as Me, u as Ne } from "./styles-D45rgVq8.js";
4
+ import { a as Ce, c as we, d as Te, i as Ee, l as De, n as Oe, o as ke, r as Ae, s as je, t as Me, u as Ne } from "./styles-LfeoSNRA.js";
5
5
  import { d as $ } from "./styleConstants-lGobwiLH.js";
6
6
  //#region src/cloud/composables/useSnapshotPreview.ts
7
7
  function Pe(t) {
@@ -1166,4 +1166,4 @@ var Ue = ["aria-label"], We = { class: "tpl:flex tpl:max-h-[80vh] tpl:w-full tpl
1166
1166
  //#endregion
1167
1167
  export { Ft as default };
1168
1168
 
1169
- //# sourceMappingURL=CloudEditor-OO8hWAVp.js.map
1169
+ //# sourceMappingURL=CloudEditor-DSeihOan.js.map