@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.
- package/dist/{CloudEditor-F5YV5hE3.js → CloudEditor-CB16QzKM.js} +1 -1
- package/dist/{CountdownToolbar-CDy9_2Yj.js → CountdownToolbar-Dol7Q0Pv.js} +1 -1
- package/dist/{NumberWithSuffix-Cd7bz1Wk.js → NumberWithSuffix-Bp40ik4l.js} +101 -79
- package/dist/bundle-stats.json +6 -6
- package/dist/cdn/chunks/{CloudEditor-OO8hWAVp.js → CloudEditor-DSeihOan.js} +2 -2
- package/dist/cdn/chunks/{CloudEditor-OO8hWAVp.js.map → CloudEditor-DSeihOan.js.map} +1 -1
- package/dist/cdn/chunks/{CountdownToolbar-BXjDFRHI.js → CountdownToolbar-BQn0Kj0X.js} +2 -2
- package/dist/cdn/chunks/{CountdownToolbar-BXjDFRHI.js.map → CountdownToolbar-BQn0Kj0X.js.map} +1 -1
- package/dist/cdn/chunks/{NumberWithSuffix-ZuJ2ePB0.js → NumberWithSuffix-cdWjAK6y.js} +139 -118
- package/dist/cdn/chunks/NumberWithSuffix-cdWjAK6y.js.map +1 -0
- package/dist/cdn/chunks/{de-DpBN9H7-.js → de-BpseTWOA.js} +4 -2
- package/dist/cdn/chunks/{de-DpBN9H7-.js.map → de-BpseTWOA.js.map} +1 -1
- package/dist/cdn/chunks/{en-BhHtdIiU.js → en-VGIQ0WNq.js} +4 -2
- package/dist/cdn/chunks/{en-BhHtdIiU.js.map → en-VGIQ0WNq.js.map} +1 -1
- package/dist/cdn/chunks/{pt-BR-Bth5a93y.js → pt-BR-zAqpLQbW.js} +4 -2
- package/dist/cdn/chunks/{pt-BR-Bth5a93y.js.map → pt-BR-zAqpLQbW.js.map} +1 -1
- package/dist/cdn/chunks/{renderer-DwPomkBw.js → renderer-C0vdAODQ.js} +2 -2
- package/dist/cdn/chunks/{renderer-DwPomkBw.js.map → renderer-C0vdAODQ.js.map} +1 -1
- package/dist/cdn/chunks/{styles-D45rgVq8.js → styles-LfeoSNRA.js} +434 -430
- package/dist/cdn/chunks/{styles-D45rgVq8.js.map → styles-LfeoSNRA.js.map} +1 -1
- package/dist/cdn/editor.css +1 -1
- package/dist/cdn/editor.js +7 -7
- package/dist/{de-DpBN9H7-.js → de-BpseTWOA.js} +3 -1
- package/dist/{en-BhHtdIiU.js → en-VGIQ0WNq.js} +3 -1
- package/dist/{pt-BR-Bth5a93y.js → pt-BR-zAqpLQbW.js} +3 -1
- package/dist/style.css +1 -1
- package/dist/{styles-Dp4mJuCM.js → styles-DSm9Ijxt.js} +469 -465
- package/dist/templatical-editor.js +6 -6
- package/package.json +7 -7
- 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-
|
|
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-
|
|
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
|
|
2
|
-
import { t as
|
|
3
|
-
import { t as
|
|
4
|
-
import {
|
|
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
|
|
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
|
|
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 ?
|
|
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 ?
|
|
18
|
-
}),
|
|
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:
|
|
22
|
-
s:
|
|
23
|
-
l:
|
|
24
|
-
a:
|
|
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 } =
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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(
|
|
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:
|
|
69
|
-
s:
|
|
70
|
-
v:
|
|
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(
|
|
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:
|
|
89
|
-
y:
|
|
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", `${
|
|
147
|
+
}]), this.el.setAttribute("aria-valuenow", `${S(e)}`);
|
|
147
148
|
}
|
|
148
149
|
getMove(e, t) {
|
|
149
|
-
return { h: t ?
|
|
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 ${
|
|
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 ?
|
|
170
|
-
v: t ?
|
|
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:
|
|
229
|
-
fromHsva: ({ h: e, s: t, v: n }) =>
|
|
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
|
-
],
|
|
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:
|
|
259
|
-
|
|
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 } =
|
|
272
|
-
|
|
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: [
|
|
275
|
-
let b = s(
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
}
|
|
279
|
-
function
|
|
280
|
-
|
|
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
|
|
283
|
-
|
|
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:
|
|
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
|
-
|
|
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:
|
|
303
|
-
}, null,
|
|
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(
|
|
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:
|
|
313
|
-
}, null,
|
|
314
|
-
|
|
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:
|
|
342
|
+
default: ne(() => [p.value ? (e(), l("div", {
|
|
323
343
|
key: 0,
|
|
324
344
|
ref_key: "popoverRef",
|
|
325
|
-
ref:
|
|
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:
|
|
348
|
+
color: x.value,
|
|
329
349
|
"aria-label": m(u).colorPicker.pickColor,
|
|
330
|
-
onColorChanged:
|
|
331
|
-
|
|
332
|
-
|
|
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
|
-
}),
|
|
359
|
+
}), _e = [
|
|
338
360
|
"aria-checked",
|
|
339
361
|
"aria-label",
|
|
340
362
|
"title",
|
|
341
363
|
"onClick"
|
|
342
|
-
],
|
|
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",
|
|
407
|
+
})) : (e(), l("span", ve, h(n.label), 1))], 12, _e))), 128))], 4));
|
|
386
408
|
}
|
|
387
|
-
}),
|
|
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",
|
|
413
|
+
return (n, i) => (e(), l("div", be, [t.label ? (e(), l("label", {
|
|
392
414
|
key: 0,
|
|
393
|
-
class: a(m(
|
|
394
|
-
},
|
|
415
|
+
class: a(m(v))
|
|
416
|
+
}, h(t.label), 3)) : d("", !0), r(n.$slots, "default")]));
|
|
395
417
|
}
|
|
396
|
-
}),
|
|
418
|
+
}), Se = { class: "tpl:flex tpl:items-stretch" }, Ce = [
|
|
397
419
|
"value",
|
|
398
420
|
"min",
|
|
399
421
|
"max"
|
|
400
|
-
],
|
|
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",
|
|
433
|
+
return (n, i) => (e(), l("div", Se, [c("input", {
|
|
412
434
|
type: "number",
|
|
413
|
-
class: a(m(
|
|
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,
|
|
440
|
+
}, null, 42, Ce), c("span", { class: a(m(y)) }, h(t.suffix), 3)]));
|
|
419
441
|
}
|
|
420
442
|
});
|
|
421
443
|
//#endregion
|
|
422
|
-
export {
|
|
444
|
+
export { ge as i, xe as n, ye as r, we as t };
|
package/dist/bundle-stats.json
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.12.
|
|
3
|
-
"initialGzipBytes":
|
|
4
|
-
"initialRawBytes":
|
|
2
|
+
"version": "0.12.1",
|
|
3
|
+
"initialGzipBytes": 159839,
|
|
4
|
+
"initialRawBytes": 565430,
|
|
5
5
|
"initialFileCount": 36,
|
|
6
|
-
"lazyGzipBytes":
|
|
7
|
-
"lazyRawBytes":
|
|
6
|
+
"lazyGzipBytes": 290268,
|
|
7
|
+
"lazyRawBytes": 1010405,
|
|
8
8
|
"lazyFileCount": 46,
|
|
9
|
-
"generatedAt": "2026-06-
|
|
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-
|
|
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-
|
|
1169
|
+
//# sourceMappingURL=CloudEditor-DSeihOan.js.map
|