@tatamicks/core 0.1.5 → 0.1.6
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/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +449 -449
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './index.css';var On = Object.defineProperty;
|
|
2
2
|
var Sn = (t, e, n) => e in t ? On(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
|
|
3
|
-
var
|
|
4
|
-
import kn, { useCallback as $, useRef as
|
|
5
|
-
var
|
|
3
|
+
var ae = (t, e, n) => Sn(t, typeof e != "symbol" ? e + "" : e, n);
|
|
4
|
+
import kn, { useCallback as $, useRef as dt, useEffect as mt, useState as st, createContext as Gn, useContext as _e, memo as F, useMemo as P, forwardRef as te, useImperativeHandle as ye } from "react";
|
|
5
|
+
var Xt = { exports: {} }, Lt = {};
|
|
6
6
|
/**
|
|
7
7
|
* @license React
|
|
8
8
|
* react-jsx-runtime.production.js
|
|
@@ -14,7 +14,7 @@ var qt = { exports: {} }, Ct = {};
|
|
|
14
14
|
*/
|
|
15
15
|
var Ae;
|
|
16
16
|
function Bn() {
|
|
17
|
-
if (Ae) return
|
|
17
|
+
if (Ae) return Lt;
|
|
18
18
|
Ae = 1;
|
|
19
19
|
var t = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
|
|
20
20
|
function n(s, o, l) {
|
|
@@ -32,9 +32,9 @@ function Bn() {
|
|
|
32
32
|
props: l
|
|
33
33
|
};
|
|
34
34
|
}
|
|
35
|
-
return
|
|
35
|
+
return Lt.Fragment = e, Lt.jsx = n, Lt.jsxs = n, Lt;
|
|
36
36
|
}
|
|
37
|
-
var
|
|
37
|
+
var Ct = {};
|
|
38
38
|
/**
|
|
39
39
|
* @license React
|
|
40
40
|
* react-jsx-runtime.development.js
|
|
@@ -153,7 +153,7 @@ function Vn() {
|
|
|
153
153
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
154
154
|
)), b = this.props.ref, b !== void 0 ? b : null;
|
|
155
155
|
}
|
|
156
|
-
function u(b, R, C, z, bt,
|
|
156
|
+
function u(b, R, C, z, bt, Pt) {
|
|
157
157
|
var J = C.ref;
|
|
158
158
|
return b = {
|
|
159
159
|
$$typeof: y,
|
|
@@ -183,10 +183,10 @@ function Vn() {
|
|
|
183
183
|
configurable: !1,
|
|
184
184
|
enumerable: !1,
|
|
185
185
|
writable: !0,
|
|
186
|
-
value:
|
|
186
|
+
value: Pt
|
|
187
187
|
}), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
|
|
188
188
|
}
|
|
189
|
-
function f(b, R, C, z, bt,
|
|
189
|
+
function f(b, R, C, z, bt, Pt) {
|
|
190
190
|
var J = R.children;
|
|
191
191
|
if (J !== void 0)
|
|
192
192
|
if (z)
|
|
@@ -201,10 +201,10 @@ function Vn() {
|
|
|
201
201
|
else p(J);
|
|
202
202
|
if (k.call(R, "key")) {
|
|
203
203
|
J = t(b);
|
|
204
|
-
var
|
|
205
|
-
return
|
|
204
|
+
var ht = Object.keys(R).filter(function(Kt) {
|
|
205
|
+
return Kt !== "key";
|
|
206
206
|
});
|
|
207
|
-
z = 0 <
|
|
207
|
+
z = 0 < ht.length ? "{key: someKey, " + ht.join(": ..., ") + ": ...}" : "{key: someKey}", q[J + z] || (ht = 0 < ht.length ? "{" + ht.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
208
208
|
`A props object containing a "key" prop is being spread into JSX:
|
|
209
209
|
let props = %s;
|
|
210
210
|
<%s {...props} />
|
|
@@ -213,7 +213,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
213
213
|
<%s key={someKey} {...props} />`,
|
|
214
214
|
z,
|
|
215
215
|
J,
|
|
216
|
-
|
|
216
|
+
ht,
|
|
217
217
|
J
|
|
218
218
|
), q[J + z] = !0);
|
|
219
219
|
}
|
|
@@ -231,7 +231,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
231
231
|
C,
|
|
232
232
|
o(),
|
|
233
233
|
bt,
|
|
234
|
-
|
|
234
|
+
Pt
|
|
235
235
|
);
|
|
236
236
|
}
|
|
237
237
|
function p(b) {
|
|
@@ -252,7 +252,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
252
252
|
v,
|
|
253
253
|
l
|
|
254
254
|
)(), X = I(s(l)), q = {};
|
|
255
|
-
|
|
255
|
+
Ct.Fragment = d, Ct.jsx = function(b, R, C) {
|
|
256
256
|
var z = 1e4 > A.recentlyCreatedOwnerStacks++;
|
|
257
257
|
return f(
|
|
258
258
|
b,
|
|
@@ -262,7 +262,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
262
262
|
z ? Error("react-stack-top-frame") : Y,
|
|
263
263
|
z ? I(s(b)) : X
|
|
264
264
|
);
|
|
265
|
-
},
|
|
265
|
+
}, Ct.jsxs = function(b, R, C) {
|
|
266
266
|
var z = 1e4 > A.recentlyCreatedOwnerStacks++;
|
|
267
267
|
return f(
|
|
268
268
|
b,
|
|
@@ -273,18 +273,18 @@ React keys must be passed directly to JSX without using spread:
|
|
|
273
273
|
z ? I(s(b)) : X
|
|
274
274
|
);
|
|
275
275
|
};
|
|
276
|
-
})()),
|
|
276
|
+
})()), Ct;
|
|
277
277
|
}
|
|
278
278
|
var Pe;
|
|
279
279
|
function Fn() {
|
|
280
|
-
return Pe || (Pe = 1, process.env.NODE_ENV === "production" ?
|
|
280
|
+
return Pe || (Pe = 1, process.env.NODE_ENV === "production" ? Xt.exports = Bn() : Xt.exports = Vn()), Xt.exports;
|
|
281
281
|
}
|
|
282
|
-
var r = Fn(),
|
|
283
|
-
const Un = "_container_1mr3i_5", Wn = "_select_1mr3i_11", Yn = "_placeholderOverlay_1mr3i_44",
|
|
282
|
+
var r = Fn(), Gt = /* @__PURE__ */ ((t) => (t.left = "flex-start", t.center = "center", t.right = "flex-end", t))(Gt || {}), Bt = /* @__PURE__ */ ((t) => (t.top = "flex-start", t.center = "center", t.bottom = "flex-end", t))(Bt || {});
|
|
283
|
+
const Un = "_container_1mr3i_5", Wn = "_select_1mr3i_11", Yn = "_placeholderOverlay_1mr3i_44", ce = {
|
|
284
284
|
container: Un,
|
|
285
285
|
select: Wn,
|
|
286
286
|
placeholderOverlay: Yn
|
|
287
|
-
},
|
|
287
|
+
}, It = (t) => {
|
|
288
288
|
const { value: e, onChange: n, readOnly: s = !1, config: o } = t, l = t.options ?? (o == null ? void 0 : o.options) ?? [], i = t.placeholder ?? (o == null ? void 0 : o.placeholder) ?? "選択してください", a = t.width ?? (o == null ? void 0 : o.width), c = t.height ?? (o == null ? void 0 : o.height), u = $(
|
|
289
289
|
(y) => {
|
|
290
290
|
const _ = y.target.value;
|
|
@@ -304,11 +304,11 @@ const Un = "_container_1mr3i_5", Wn = "_select_1mr3i_11", Yn = "_placeholderOver
|
|
|
304
304
|
width: "100%",
|
|
305
305
|
height: c ? `${c}px` : void 0
|
|
306
306
|
};
|
|
307
|
-
return /* @__PURE__ */ r.jsxs("div", { className:
|
|
307
|
+
return /* @__PURE__ */ r.jsxs("div", { className: ce.container, style: x, children: [
|
|
308
308
|
!p && /* @__PURE__ */ r.jsx(
|
|
309
309
|
"input",
|
|
310
310
|
{
|
|
311
|
-
className:
|
|
311
|
+
className: ce.placeholderOverlay,
|
|
312
312
|
style: v,
|
|
313
313
|
readOnly: !0,
|
|
314
314
|
placeholder: i
|
|
@@ -317,7 +317,7 @@ const Un = "_container_1mr3i_5", Wn = "_select_1mr3i_11", Yn = "_placeholderOver
|
|
|
317
317
|
/* @__PURE__ */ r.jsx(
|
|
318
318
|
"select",
|
|
319
319
|
{
|
|
320
|
-
className:
|
|
320
|
+
className: ce.select,
|
|
321
321
|
style: v,
|
|
322
322
|
value: f,
|
|
323
323
|
onChange: u,
|
|
@@ -327,37 +327,37 @@ const Un = "_container_1mr3i_5", Wn = "_select_1mr3i_11", Yn = "_placeholderOver
|
|
|
327
327
|
)
|
|
328
328
|
] });
|
|
329
329
|
};
|
|
330
|
-
|
|
330
|
+
It.displayName = "Select";
|
|
331
331
|
const zn = {
|
|
332
332
|
justifyContent: {
|
|
333
|
-
defaultValue:
|
|
333
|
+
defaultValue: Gt.left,
|
|
334
334
|
label: "水平方向の配置",
|
|
335
335
|
group: "配置",
|
|
336
336
|
description: "ブロック内のコンテンツの水平方向の配置を設定します。",
|
|
337
|
-
Component:
|
|
337
|
+
Component: It,
|
|
338
338
|
config: {
|
|
339
339
|
options: [
|
|
340
|
-
{ label: "左揃え", value:
|
|
341
|
-
{ label: "中央揃え", value:
|
|
342
|
-
{ label: "右揃え", value:
|
|
340
|
+
{ label: "左揃え", value: Gt.left },
|
|
341
|
+
{ label: "中央揃え", value: Gt.center },
|
|
342
|
+
{ label: "右揃え", value: Gt.right }
|
|
343
343
|
]
|
|
344
344
|
}
|
|
345
345
|
},
|
|
346
346
|
alignItems: {
|
|
347
|
-
defaultValue:
|
|
347
|
+
defaultValue: Bt.center,
|
|
348
348
|
label: "垂直方向の配置",
|
|
349
349
|
group: "配置",
|
|
350
350
|
description: "ブロック内のコンテンツの垂直方向の配置を設定します。",
|
|
351
|
-
Component:
|
|
351
|
+
Component: It,
|
|
352
352
|
config: {
|
|
353
353
|
options: [
|
|
354
|
-
{ label: "上揃え", value:
|
|
355
|
-
{ label: "中央揃え", value:
|
|
356
|
-
{ label: "下揃え", value:
|
|
354
|
+
{ label: "上揃え", value: Bt.top },
|
|
355
|
+
{ label: "中央揃え", value: Bt.center },
|
|
356
|
+
{ label: "下揃え", value: Bt.bottom }
|
|
357
357
|
]
|
|
358
358
|
}
|
|
359
359
|
}
|
|
360
|
-
}, Hn = "_container_1tnp6_5", Kn = "_input_1tnp6_13", Xn = "_label_1tnp6_29",
|
|
360
|
+
}, Hn = "_container_1tnp6_5", Kn = "_input_1tnp6_13", Xn = "_label_1tnp6_29", ue = {
|
|
361
361
|
container: Hn,
|
|
362
362
|
input: Kn,
|
|
363
363
|
label: Xn
|
|
@@ -374,18 +374,18 @@ const zn = {
|
|
|
374
374
|
},
|
|
375
375
|
[e]
|
|
376
376
|
);
|
|
377
|
-
return /* @__PURE__ */ r.jsxs("label", { className:
|
|
377
|
+
return /* @__PURE__ */ r.jsxs("label", { className: ue.container, children: [
|
|
378
378
|
/* @__PURE__ */ r.jsx(
|
|
379
379
|
"input",
|
|
380
380
|
{
|
|
381
381
|
type: "checkbox",
|
|
382
|
-
className:
|
|
382
|
+
className: ue.input,
|
|
383
383
|
checked: !!t,
|
|
384
384
|
onChange: i,
|
|
385
385
|
disabled: n
|
|
386
386
|
}
|
|
387
387
|
),
|
|
388
|
-
l && /* @__PURE__ */ r.jsx("span", { className:
|
|
388
|
+
l && /* @__PURE__ */ r.jsx("span", { className: ue.label, children: l })
|
|
389
389
|
] });
|
|
390
390
|
};
|
|
391
391
|
Et.displayName = "Checkbox";
|
|
@@ -494,7 +494,7 @@ const ur = [
|
|
|
494
494
|
Ke.displayName = "ColorPalette";
|
|
495
495
|
const dr = "_input_14n56_5", hr = {
|
|
496
496
|
input: dr
|
|
497
|
-
},
|
|
497
|
+
}, ut = ({
|
|
498
498
|
value: t,
|
|
499
499
|
onChange: e,
|
|
500
500
|
readOnly: n = !1,
|
|
@@ -537,7 +537,7 @@ const dr = "_input_14n56_5", hr = {
|
|
|
537
537
|
}
|
|
538
538
|
);
|
|
539
539
|
};
|
|
540
|
-
|
|
540
|
+
ut.displayName = "NumberInput";
|
|
541
541
|
const Xe = ({
|
|
542
542
|
rgba: t,
|
|
543
543
|
onChange: e,
|
|
@@ -546,7 +546,7 @@ const Xe = ({
|
|
|
546
546
|
/* @__PURE__ */ r.jsxs("div", { className: nt.rgbaInputGroup, children: [
|
|
547
547
|
/* @__PURE__ */ r.jsx("span", { className: nt.rgbaLabel, children: "R" }),
|
|
548
548
|
/* @__PURE__ */ r.jsx(
|
|
549
|
-
|
|
549
|
+
ut,
|
|
550
550
|
{
|
|
551
551
|
value: t.r,
|
|
552
552
|
onChange: (s) => e("r", s),
|
|
@@ -562,7 +562,7 @@ const Xe = ({
|
|
|
562
562
|
/* @__PURE__ */ r.jsxs("div", { className: nt.rgbaInputGroup, children: [
|
|
563
563
|
/* @__PURE__ */ r.jsx("span", { className: nt.rgbaLabel, children: "G" }),
|
|
564
564
|
/* @__PURE__ */ r.jsx(
|
|
565
|
-
|
|
565
|
+
ut,
|
|
566
566
|
{
|
|
567
567
|
value: t.g,
|
|
568
568
|
onChange: (s) => e("g", s),
|
|
@@ -578,7 +578,7 @@ const Xe = ({
|
|
|
578
578
|
/* @__PURE__ */ r.jsxs("div", { className: nt.rgbaInputGroup, children: [
|
|
579
579
|
/* @__PURE__ */ r.jsx("span", { className: nt.rgbaLabel, children: "B" }),
|
|
580
580
|
/* @__PURE__ */ r.jsx(
|
|
581
|
-
|
|
581
|
+
ut,
|
|
582
582
|
{
|
|
583
583
|
value: t.b,
|
|
584
584
|
onChange: (s) => e("b", s),
|
|
@@ -594,7 +594,7 @@ const Xe = ({
|
|
|
594
594
|
/* @__PURE__ */ r.jsxs("div", { className: nt.rgbaInputGroup, children: [
|
|
595
595
|
/* @__PURE__ */ r.jsx("span", { className: nt.rgbaLabel, children: "A" }),
|
|
596
596
|
/* @__PURE__ */ r.jsx(
|
|
597
|
-
|
|
597
|
+
ut,
|
|
598
598
|
{
|
|
599
599
|
value: Math.round(t.a * 100),
|
|
600
600
|
onChange: (s) => e("a", s !== void 0 ? s / 100 : void 0),
|
|
@@ -688,8 +688,8 @@ const V = {
|
|
|
688
688
|
selectedColor: l,
|
|
689
689
|
readOnly: i = !1
|
|
690
690
|
}) => {
|
|
691
|
-
const a =
|
|
692
|
-
return
|
|
691
|
+
const a = dt(null);
|
|
692
|
+
return mt(() => {
|
|
693
693
|
if (!t) return;
|
|
694
694
|
const c = (u) => {
|
|
695
695
|
a.current && !a.current.contains(u.target) && e();
|
|
@@ -718,7 +718,7 @@ const V = {
|
|
|
718
718
|
) : null;
|
|
719
719
|
};
|
|
720
720
|
qe.displayName = "ColorPickerPopover";
|
|
721
|
-
const
|
|
721
|
+
const ee = ({
|
|
722
722
|
value: t,
|
|
723
723
|
onChange: e,
|
|
724
724
|
readOnly: n = !1,
|
|
@@ -729,17 +729,17 @@ const ne = ({
|
|
|
729
729
|
height: a,
|
|
730
730
|
config: c
|
|
731
731
|
}) => {
|
|
732
|
-
const u = o ?? (c == null ? void 0 : c.allowUndefined) ?? !0, f = l ?? (u ? "未設定" : "#000000"), p = i ?? (c == null ? void 0 : c.width), x = a ?? (c == null ? void 0 : c.height), [v, y] =
|
|
733
|
-
|
|
732
|
+
const u = o ?? (c == null ? void 0 : c.allowUndefined) ?? !0, f = l ?? (u ? "未設定" : "#000000"), p = i ?? (c == null ? void 0 : c.width), x = a ?? (c == null ? void 0 : c.height), [v, y] = st(!1), _ = dt(null), [d, m] = st(() => Le(t) ?? { r: 0, g: 0, b: 0, a: 1 });
|
|
733
|
+
mt(() => {
|
|
734
734
|
const E = Le(t);
|
|
735
735
|
E && m(E);
|
|
736
736
|
}, [t]);
|
|
737
737
|
const h = $(() => {
|
|
738
738
|
n || y((E) => !E);
|
|
739
|
-
}, [n]), [w, j] =
|
|
739
|
+
}, [n]), [w, j] = st(
|
|
740
740
|
t ? t.replace(/^#/, "") : ""
|
|
741
741
|
);
|
|
742
|
-
|
|
742
|
+
mt(() => {
|
|
743
743
|
j(t ? t.replace(/^#/, "") : "");
|
|
744
744
|
}, [t]);
|
|
745
745
|
const N = $(
|
|
@@ -826,12 +826,12 @@ const ne = ({
|
|
|
826
826
|
)
|
|
827
827
|
] });
|
|
828
828
|
};
|
|
829
|
-
|
|
830
|
-
const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_1n9lj_45",
|
|
829
|
+
ee.displayName = "ColorPicker";
|
|
830
|
+
const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_1n9lj_45", de = {
|
|
831
831
|
container: fr,
|
|
832
832
|
valueInput: mr,
|
|
833
833
|
unitSelect: pr
|
|
834
|
-
},
|
|
834
|
+
}, at = (t) => {
|
|
835
835
|
const { value: e, onChange: n, readOnly: s = !1, config: o } = t, l = t.allowedUnits ?? (o == null ? void 0 : o.allowedUnits), i = t.min ?? (o == null ? void 0 : o.min), a = t.max ?? (o == null ? void 0 : o.max), c = t.step ?? (o == null ? void 0 : o.step) ?? 1, u = t.placeholder ?? (o == null ? void 0 : o.placeholder), f = t.width ?? (o == null ? void 0 : o.width), p = t.height ?? (o == null ? void 0 : o.height), x = (e == null ? void 0 : e.unit) ?? (l == null ? void 0 : l[0]), v = $(
|
|
836
836
|
(h) => {
|
|
837
837
|
const w = h.target.value;
|
|
@@ -850,19 +850,19 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
|
|
|
850
850
|
(h) => {
|
|
851
851
|
const w = h.target.value;
|
|
852
852
|
n({
|
|
853
|
-
// 値が未設定ならデフォルト値(例:
|
|
854
|
-
value: (e == null ? void 0 : e.value) ??
|
|
853
|
+
// 値が未設定ならデフォルト値(例: 1)を入れてオブジェクトを作成
|
|
854
|
+
value: (e == null ? void 0 : e.value) ?? 1,
|
|
855
855
|
unit: w
|
|
856
856
|
});
|
|
857
857
|
},
|
|
858
858
|
[e, n]
|
|
859
859
|
), _ = (e == null ? void 0 : e.value) ?? "", d = (e == null ? void 0 : e.unit) ?? x ?? "", m = {};
|
|
860
|
-
return f !== void 0 ? m.width = `${f}px` : m.width = "100%", p !== void 0 && (m.height = `${p}px`), /* @__PURE__ */ r.jsxs("div", { className:
|
|
860
|
+
return f !== void 0 ? m.width = `${f}px` : m.width = "100%", p !== void 0 && (m.height = `${p}px`), /* @__PURE__ */ r.jsxs("div", { className: de.container, style: m, children: [
|
|
861
861
|
/* @__PURE__ */ r.jsx(
|
|
862
862
|
"input",
|
|
863
863
|
{
|
|
864
864
|
type: "number",
|
|
865
|
-
className:
|
|
865
|
+
className: de.valueInput,
|
|
866
866
|
value: _,
|
|
867
867
|
onChange: v,
|
|
868
868
|
placeholder: u,
|
|
@@ -876,7 +876,7 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
|
|
|
876
876
|
/* @__PURE__ */ r.jsx(
|
|
877
877
|
"select",
|
|
878
878
|
{
|
|
879
|
-
className:
|
|
879
|
+
className: de.unitSelect,
|
|
880
880
|
value: d,
|
|
881
881
|
onChange: y,
|
|
882
882
|
disabled: s || !l || l.length <= 1,
|
|
@@ -887,7 +887,7 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
|
|
|
887
887
|
}
|
|
888
888
|
)
|
|
889
889
|
] });
|
|
890
|
-
}, xr = "_container_1bfk3_6", vr = "_scrollArea_1bfk3_23", br = "_emptyState_1bfk3_31",
|
|
890
|
+
}, xr = "_container_1bfk3_6", vr = "_scrollArea_1bfk3_23", br = "_emptyState_1bfk3_31", he = {
|
|
891
891
|
container: xr,
|
|
892
892
|
scrollArea: vr,
|
|
893
893
|
emptyState: br
|
|
@@ -895,12 +895,12 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
|
|
|
895
895
|
children: t,
|
|
896
896
|
emptyMessage: e,
|
|
897
897
|
className: n
|
|
898
|
-
}) => /* @__PURE__ */ r.jsx("div", { className: `${
|
|
898
|
+
}) => /* @__PURE__ */ r.jsx("div", { className: `${he.container} ${n || ""}`, children: t ? /* @__PURE__ */ r.jsx("div", { className: he.scrollArea, children: t }) : e && /* @__PURE__ */ r.jsx("div", { className: he.emptyState, children: e }) }), gr = "_root_qs6t8_3", wr = "_list_qs6t8_11", _r = "_trigger_qs6t8_26", yr = "_content_qs6t8_71", ne = {
|
|
899
899
|
root: gr,
|
|
900
900
|
list: wr,
|
|
901
901
|
trigger: _r,
|
|
902
902
|
content: yr
|
|
903
|
-
},
|
|
903
|
+
}, re = Gn(void 0), Ze = ({
|
|
904
904
|
defaultValue: t,
|
|
905
905
|
value: e,
|
|
906
906
|
onValueChange: n,
|
|
@@ -908,10 +908,10 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
|
|
|
908
908
|
variant: o = "default",
|
|
909
909
|
className: l = ""
|
|
910
910
|
}) => {
|
|
911
|
-
const [i, a] =
|
|
911
|
+
const [i, a] = st(t), c = e ?? i, u = (f) => {
|
|
912
912
|
a(f), n == null || n(f);
|
|
913
913
|
};
|
|
914
|
-
return /* @__PURE__ */ r.jsx(
|
|
914
|
+
return /* @__PURE__ */ r.jsx(re.Provider, { value: { value: c, onChange: u, variant: o }, children: /* @__PURE__ */ r.jsx("div", { className: `${ne.root} ${l}`, "data-variant": o, children: s }) });
|
|
915
915
|
}, Qe = ({
|
|
916
916
|
children: t,
|
|
917
917
|
className: e = "",
|
|
@@ -919,20 +919,20 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
|
|
|
919
919
|
height: s,
|
|
920
920
|
style: o
|
|
921
921
|
}) => {
|
|
922
|
-
const l =
|
|
922
|
+
const l = _e(re);
|
|
923
923
|
if (!l)
|
|
924
924
|
throw new Error("TabsList must be used within a Tabs component");
|
|
925
925
|
const { variant: i } = l, a = { ...o };
|
|
926
926
|
return n !== void 0 && (a.width = `${n}px`), s !== void 0 && (a.height = `${s}px`), /* @__PURE__ */ r.jsx(
|
|
927
927
|
"div",
|
|
928
928
|
{
|
|
929
|
-
className: `${
|
|
929
|
+
className: `${ne.list} ${e}`,
|
|
930
930
|
"data-variant": i,
|
|
931
931
|
style: a,
|
|
932
932
|
children: t
|
|
933
933
|
}
|
|
934
934
|
);
|
|
935
|
-
},
|
|
935
|
+
}, $t = ({
|
|
936
936
|
value: t,
|
|
937
937
|
children: e,
|
|
938
938
|
className: n = "",
|
|
@@ -941,14 +941,14 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
|
|
|
941
941
|
height: l,
|
|
942
942
|
style: i
|
|
943
943
|
}) => {
|
|
944
|
-
const a =
|
|
944
|
+
const a = _e(re);
|
|
945
945
|
if (!a)
|
|
946
946
|
throw new Error("TabsTrigger must be used within a Tabs component");
|
|
947
947
|
const { value: c, onChange: u, variant: f } = a, p = c === t, x = { ...i };
|
|
948
948
|
return o !== void 0 && (x.width = `${o}px`), l !== void 0 && (x.height = `${l}px`), /* @__PURE__ */ r.jsx(
|
|
949
949
|
"button",
|
|
950
950
|
{
|
|
951
|
-
className: `${
|
|
951
|
+
className: `${ne.trigger} ${n}`,
|
|
952
952
|
"data-state": p ? "active" : "inactive",
|
|
953
953
|
"data-variant": f,
|
|
954
954
|
onClick: () => u(t),
|
|
@@ -958,19 +958,19 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
|
|
|
958
958
|
children: e
|
|
959
959
|
}
|
|
960
960
|
);
|
|
961
|
-
},
|
|
961
|
+
}, Dt = ({
|
|
962
962
|
value: t,
|
|
963
963
|
children: e,
|
|
964
964
|
className: n = ""
|
|
965
965
|
}) => {
|
|
966
|
-
const s =
|
|
966
|
+
const s = _e(re);
|
|
967
967
|
if (!s)
|
|
968
968
|
throw new Error("TabsContent must be used within a Tabs component");
|
|
969
969
|
const { value: o } = s;
|
|
970
|
-
return o !== t ? null : /* @__PURE__ */ r.jsx("div", { className: `${
|
|
970
|
+
return o !== t ? null : /* @__PURE__ */ r.jsx("div", { className: `${ne.content} ${n}`, children: e });
|
|
971
971
|
}, Er = "_input_9unrj_5", jr = {
|
|
972
972
|
input: Er
|
|
973
|
-
},
|
|
973
|
+
}, Yt = ({
|
|
974
974
|
value: t,
|
|
975
975
|
onChange: e,
|
|
976
976
|
readOnly: n = !1,
|
|
@@ -1004,8 +1004,8 @@ const fr = "_container_1n9lj_5", mr = "_valueInput_1n9lj_23", pr = "_unitSelect_
|
|
|
1004
1004
|
};
|
|
1005
1005
|
return v ? /* @__PURE__ */ r.jsx("textarea", { ...m, rows: y }) : /* @__PURE__ */ r.jsx("input", { ...m, type: "text", onBlur: f });
|
|
1006
1006
|
};
|
|
1007
|
-
|
|
1008
|
-
const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt", "inch", "px"], Pi = ["mm", "cm", "inch"], Li = ["mm", "cm", "fr", "inch", "pt", "px"], Nr = ["px", "pt", "mm"], Ir = ["px", "pt", "mm"],
|
|
1007
|
+
Yt.displayName = "TextInput";
|
|
1008
|
+
const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt", "inch", "px"], Pi = ["mm", "cm", "inch"], Li = ["mm", "cm", "fr", "inch", "pt", "px"], Nr = ["px", "pt", "mm"], Ir = ["px", "pt", "mm"], Ot = ["mm", "pt", "px", "%"], Ce = ["mm", "cm", "inch", "pt", "px", "%"], $r = {
|
|
1009
1009
|
// 1. 切り替えスイッチ
|
|
1010
1010
|
isIndividual: {
|
|
1011
1011
|
defaultValue: !1,
|
|
@@ -1019,9 +1019,9 @@ const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt",
|
|
|
1019
1019
|
defaultValue: { value: 10, unit: "px" },
|
|
1020
1020
|
label: "全方向",
|
|
1021
1021
|
group: "余白",
|
|
1022
|
-
Component:
|
|
1022
|
+
Component: at,
|
|
1023
1023
|
config: {
|
|
1024
|
-
allowedUnits:
|
|
1024
|
+
allowedUnits: Ot,
|
|
1025
1025
|
min: 0
|
|
1026
1026
|
},
|
|
1027
1027
|
// ★ condition: 個別設定OFFのときだけ表示
|
|
@@ -1032,9 +1032,9 @@ const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt",
|
|
|
1032
1032
|
defaultValue: { value: 10, unit: "px" },
|
|
1033
1033
|
label: "上",
|
|
1034
1034
|
group: "余白",
|
|
1035
|
-
Component:
|
|
1035
|
+
Component: at,
|
|
1036
1036
|
config: {
|
|
1037
|
-
allowedUnits:
|
|
1037
|
+
allowedUnits: Ot,
|
|
1038
1038
|
min: 0
|
|
1039
1039
|
},
|
|
1040
1040
|
// ★ condition: 個別設定ONのときだけ表示
|
|
@@ -1044,9 +1044,9 @@ const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt",
|
|
|
1044
1044
|
defaultValue: { value: 10, unit: "px" },
|
|
1045
1045
|
label: "右",
|
|
1046
1046
|
group: "余白",
|
|
1047
|
-
Component:
|
|
1047
|
+
Component: at,
|
|
1048
1048
|
config: {
|
|
1049
|
-
allowedUnits:
|
|
1049
|
+
allowedUnits: Ot,
|
|
1050
1050
|
min: 0
|
|
1051
1051
|
},
|
|
1052
1052
|
condition: (t) => t.isIndividual === !0
|
|
@@ -1055,9 +1055,9 @@ const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt",
|
|
|
1055
1055
|
defaultValue: { value: 10, unit: "px" },
|
|
1056
1056
|
label: "下",
|
|
1057
1057
|
group: "余白",
|
|
1058
|
-
Component:
|
|
1058
|
+
Component: at,
|
|
1059
1059
|
config: {
|
|
1060
|
-
allowedUnits:
|
|
1060
|
+
allowedUnits: Ot,
|
|
1061
1061
|
min: 0
|
|
1062
1062
|
},
|
|
1063
1063
|
condition: (t) => t.isIndividual === !0
|
|
@@ -1066,9 +1066,9 @@ const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt",
|
|
|
1066
1066
|
defaultValue: { value: 10, unit: "px" },
|
|
1067
1067
|
label: "左",
|
|
1068
1068
|
group: "余白",
|
|
1069
|
-
Component:
|
|
1069
|
+
Component: at,
|
|
1070
1070
|
config: {
|
|
1071
|
-
allowedUnits:
|
|
1071
|
+
allowedUnits: Ot,
|
|
1072
1072
|
min: 0
|
|
1073
1073
|
},
|
|
1074
1074
|
condition: (t) => t.isIndividual === !0
|
|
@@ -1088,7 +1088,7 @@ const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt",
|
|
|
1088
1088
|
label: "フォントサイズ",
|
|
1089
1089
|
group: "フォント",
|
|
1090
1090
|
description: "テキストのフォントサイズを設定します",
|
|
1091
|
-
Component:
|
|
1091
|
+
Component: at,
|
|
1092
1092
|
config: {
|
|
1093
1093
|
allowedUnits: Ir,
|
|
1094
1094
|
min: 1,
|
|
@@ -1099,7 +1099,7 @@ const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt",
|
|
|
1099
1099
|
defaultValue: "sans-serif",
|
|
1100
1100
|
label: "フォント",
|
|
1101
1101
|
group: "フォント",
|
|
1102
|
-
Component:
|
|
1102
|
+
Component: It,
|
|
1103
1103
|
config: {
|
|
1104
1104
|
placeholder: "フォントを選択",
|
|
1105
1105
|
options: Dr
|
|
@@ -1110,7 +1110,7 @@ const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt",
|
|
|
1110
1110
|
// CSS変数を使用するため未設定
|
|
1111
1111
|
label: "文字色",
|
|
1112
1112
|
group: "フォント",
|
|
1113
|
-
Component:
|
|
1113
|
+
Component: ee,
|
|
1114
1114
|
config: {
|
|
1115
1115
|
allowUndefined: !0
|
|
1116
1116
|
// 明示的に許可(デフォルトtrueなので省略可)
|
|
@@ -1149,7 +1149,7 @@ const Ai = ["mm", "cm", "fr", "inch", "pt", "px", "%"], Mi = ["mm", "cm", "pt",
|
|
|
1149
1149
|
label: "行の高さ",
|
|
1150
1150
|
group: "フォント",
|
|
1151
1151
|
description: "行の高さを設定します(1.0〜3.0)",
|
|
1152
|
-
Component:
|
|
1152
|
+
Component: ut,
|
|
1153
1153
|
config: {
|
|
1154
1154
|
min: 1,
|
|
1155
1155
|
max: 3,
|
|
@@ -1163,35 +1163,35 @@ function Si(t) {
|
|
|
1163
1163
|
{}
|
|
1164
1164
|
);
|
|
1165
1165
|
}
|
|
1166
|
-
var
|
|
1166
|
+
var Tt = /* @__PURE__ */ ((t) => (t.Contain = "contain", t.Cover = "cover", t.Fill = "fill", t.None = "none", t.ScaleDown = "scale-down", t))(Tt || {});
|
|
1167
1167
|
const ki = {
|
|
1168
1168
|
objectFit: {
|
|
1169
|
-
defaultValue:
|
|
1169
|
+
defaultValue: Tt.Contain,
|
|
1170
1170
|
label: "表示方法",
|
|
1171
1171
|
group: "画像",
|
|
1172
1172
|
description: "画像のサイズが枠と合わない場合の表示方法を設定します",
|
|
1173
|
-
Component:
|
|
1173
|
+
Component: It,
|
|
1174
1174
|
config: {
|
|
1175
1175
|
options: [
|
|
1176
1176
|
{
|
|
1177
1177
|
label: "全体を表示",
|
|
1178
|
-
value:
|
|
1178
|
+
value: Tt.Contain
|
|
1179
1179
|
},
|
|
1180
1180
|
{
|
|
1181
1181
|
label: "枠を埋める/切り抜き",
|
|
1182
|
-
value:
|
|
1182
|
+
value: Tt.Cover
|
|
1183
1183
|
},
|
|
1184
1184
|
{
|
|
1185
1185
|
label: "引き伸ばす/縮小する",
|
|
1186
|
-
value:
|
|
1186
|
+
value: Tt.Fill
|
|
1187
1187
|
},
|
|
1188
1188
|
{
|
|
1189
1189
|
label: "元のサイズ",
|
|
1190
|
-
value:
|
|
1190
|
+
value: Tt.None
|
|
1191
1191
|
},
|
|
1192
1192
|
{
|
|
1193
1193
|
label: "縮小のみ",
|
|
1194
|
-
value:
|
|
1194
|
+
value: Tt.ScaleDown
|
|
1195
1195
|
}
|
|
1196
1196
|
]
|
|
1197
1197
|
}
|
|
@@ -1201,13 +1201,13 @@ const ki = {
|
|
|
1201
1201
|
label: "代替テキスト",
|
|
1202
1202
|
group: "画像",
|
|
1203
1203
|
description: "画像が表示できない場合に表示されるテキスト",
|
|
1204
|
-
Component:
|
|
1204
|
+
Component: Yt,
|
|
1205
1205
|
config: {
|
|
1206
1206
|
placeholder: "画像の説明"
|
|
1207
1207
|
}
|
|
1208
1208
|
}
|
|
1209
1209
|
};
|
|
1210
|
-
var
|
|
1210
|
+
var Vt = /* @__PURE__ */ ((t) => (t.Normal = "normal", t.BreakWord = "break-word", t.BreakAll = "break-all", t))(Vt || {}), Ft = /* @__PURE__ */ ((t) => (t.Normal = "normal", t.NoWrap = "nowrap", t.Pre = "pre", t.PreWrap = "pre-wrap", t.PreLine = "pre-line", t))(Ft || {});
|
|
1211
1211
|
const Gi = {
|
|
1212
1212
|
multiline: {
|
|
1213
1213
|
defaultValue: !1,
|
|
@@ -1217,29 +1217,29 @@ const Gi = {
|
|
|
1217
1217
|
config: { label: "有効にする" }
|
|
1218
1218
|
},
|
|
1219
1219
|
wordWrap: {
|
|
1220
|
-
defaultValue:
|
|
1220
|
+
defaultValue: Vt.Normal,
|
|
1221
1221
|
label: "単語の折り返し",
|
|
1222
1222
|
group: "設定",
|
|
1223
|
-
Component:
|
|
1223
|
+
Component: It,
|
|
1224
1224
|
config: {
|
|
1225
1225
|
options: [
|
|
1226
|
-
{ label: "通常", value:
|
|
1227
|
-
{ label: "単語で改行", value:
|
|
1228
|
-
{ label: "強制改行", value:
|
|
1226
|
+
{ label: "通常", value: Vt.Normal },
|
|
1227
|
+
{ label: "単語で改行", value: Vt.BreakWord },
|
|
1228
|
+
{ label: "強制改行", value: Vt.BreakAll }
|
|
1229
1229
|
]
|
|
1230
1230
|
},
|
|
1231
1231
|
condition: (t) => t.multiline === !0
|
|
1232
1232
|
},
|
|
1233
1233
|
whiteSpace: {
|
|
1234
|
-
defaultValue:
|
|
1234
|
+
defaultValue: Ft.Normal,
|
|
1235
1235
|
label: "空白文字の扱い",
|
|
1236
1236
|
group: "設定",
|
|
1237
|
-
Component:
|
|
1237
|
+
Component: It,
|
|
1238
1238
|
config: {
|
|
1239
1239
|
options: [
|
|
1240
|
-
{ label: "通常", value:
|
|
1241
|
-
{ label: "折り返しなし", value:
|
|
1242
|
-
{ label: "そのまま表示", value:
|
|
1240
|
+
{ label: "通常", value: Ft.Normal },
|
|
1241
|
+
{ label: "折り返しなし", value: Ft.NoWrap },
|
|
1242
|
+
{ label: "そのまま表示", value: Ft.Pre }
|
|
1243
1243
|
]
|
|
1244
1244
|
},
|
|
1245
1245
|
condition: (t) => t.multiline === !0
|
|
@@ -1250,7 +1250,7 @@ const Gi = {
|
|
|
1250
1250
|
label: "プレースホルダー",
|
|
1251
1251
|
group: "設定",
|
|
1252
1252
|
description: "入力欄に表示するプレースホルダーテキストを設定します",
|
|
1253
|
-
Component:
|
|
1253
|
+
Component: Yt,
|
|
1254
1254
|
config: {
|
|
1255
1255
|
placeholder: "例: テキストを入力してください"
|
|
1256
1256
|
}
|
|
@@ -1262,7 +1262,7 @@ const Gi = {
|
|
|
1262
1262
|
label: "幅",
|
|
1263
1263
|
group: "サイズ",
|
|
1264
1264
|
description: "要素の幅を設定します",
|
|
1265
|
-
Component:
|
|
1265
|
+
Component: at,
|
|
1266
1266
|
config: {
|
|
1267
1267
|
min: 0,
|
|
1268
1268
|
allowedUnits: Ce,
|
|
@@ -1276,7 +1276,7 @@ const Gi = {
|
|
|
1276
1276
|
label: "高さ",
|
|
1277
1277
|
group: "サイズ",
|
|
1278
1278
|
description: "要素の高さを設定します",
|
|
1279
|
-
Component:
|
|
1279
|
+
Component: at,
|
|
1280
1280
|
config: {
|
|
1281
1281
|
min: 0,
|
|
1282
1282
|
allowedUnits: Ce,
|
|
@@ -1293,7 +1293,7 @@ function Rr(t) {
|
|
|
1293
1293
|
const e = Date.now(), n = Math.random().toString(36).slice(2);
|
|
1294
1294
|
return `${t}_${e}_${n}`;
|
|
1295
1295
|
}
|
|
1296
|
-
function
|
|
1296
|
+
function At(t, e, n) {
|
|
1297
1297
|
const s = Tr(t);
|
|
1298
1298
|
return {
|
|
1299
1299
|
id: Rr(t.kind),
|
|
@@ -1329,7 +1329,7 @@ const Fi = {
|
|
|
1329
1329
|
label: "最小文字数",
|
|
1330
1330
|
group: "バリデーション",
|
|
1331
1331
|
description: "入力可能な最小文字数を設定します",
|
|
1332
|
-
Component:
|
|
1332
|
+
Component: ut,
|
|
1333
1333
|
config: {
|
|
1334
1334
|
min: 0,
|
|
1335
1335
|
integer: !0,
|
|
@@ -1342,7 +1342,7 @@ const Fi = {
|
|
|
1342
1342
|
label: "最大文字数",
|
|
1343
1343
|
group: "バリデーション",
|
|
1344
1344
|
description: "入力可能な最大文字数を設定します",
|
|
1345
|
-
Component:
|
|
1345
|
+
Component: ut,
|
|
1346
1346
|
config: {
|
|
1347
1347
|
min: 0,
|
|
1348
1348
|
integer: !0,
|
|
@@ -1354,7 +1354,7 @@ const Fi = {
|
|
|
1354
1354
|
label: "入力パターン (正規表現)",
|
|
1355
1355
|
group: "バリデーション",
|
|
1356
1356
|
description: "入力値を検証する正規表現パターンを設定します",
|
|
1357
|
-
Component:
|
|
1357
|
+
Component: Yt,
|
|
1358
1358
|
config: {
|
|
1359
1359
|
placeholder: "例: ^[0-9]+$"
|
|
1360
1360
|
// 正規表現の例を表示
|
|
@@ -1363,20 +1363,20 @@ const Fi = {
|
|
|
1363
1363
|
// 複雑な設定なので複数選択時は無効化が無難
|
|
1364
1364
|
}
|
|
1365
1365
|
};
|
|
1366
|
-
var
|
|
1366
|
+
var ft = /* @__PURE__ */ ((t) => (t.ADD = "add", t.UPDATE = "update", t.DELETE = "delete", t.MOVE = "move", t.RESIZE = "resize", t.DUPLICATE = "duplicate", t.PASTE = "paste", t))(ft || {});
|
|
1367
1367
|
const Ar = {
|
|
1368
1368
|
cols: Array.from({ length: 12 }).map(() => ({ value: 1, unit: "fr" })),
|
|
1369
1369
|
rows: Array.from({ length: 16 }).map(() => ({ value: 1, unit: "fr" }))
|
|
1370
1370
|
};
|
|
1371
|
-
var
|
|
1371
|
+
var xt = /* @__PURE__ */ ((t) => (t.SOLID = "solid", t.DASHED = "dashed", t.DOTTED = "dotted", t))(xt || {});
|
|
1372
1372
|
const H = 96;
|
|
1373
|
-
function
|
|
1373
|
+
function Ee(t, e) {
|
|
1374
1374
|
if (t <= 0) {
|
|
1375
1375
|
const n = e ?? "Value";
|
|
1376
1376
|
throw new Error(`${n} must be positive (> 0): got ${t}`);
|
|
1377
1377
|
}
|
|
1378
1378
|
}
|
|
1379
|
-
function
|
|
1379
|
+
function ot(t, e) {
|
|
1380
1380
|
if (t < 0) {
|
|
1381
1381
|
const n = e ?? "Value";
|
|
1382
1382
|
throw new Error(`${n} must be non-negative (>= 0): got ${t}`);
|
|
@@ -1402,26 +1402,26 @@ function Ui(t, e) {
|
|
|
1402
1402
|
}
|
|
1403
1403
|
const Pr = 25.4, Lr = 2.54, Cr = 72, U = {
|
|
1404
1404
|
_assertDpi(t) {
|
|
1405
|
-
|
|
1405
|
+
Ee(t, "DPI"), je(t, "DPI");
|
|
1406
1406
|
},
|
|
1407
1407
|
fromMm(t, e = H) {
|
|
1408
|
-
return U._assertDpi(e),
|
|
1408
|
+
return U._assertDpi(e), ot(t, "Millimeter value"), t * e / Pr;
|
|
1409
1409
|
},
|
|
1410
1410
|
fromCm(t, e = H) {
|
|
1411
|
-
return U._assertDpi(e),
|
|
1411
|
+
return U._assertDpi(e), ot(t, "Centimeter value"), t * e / Lr;
|
|
1412
1412
|
},
|
|
1413
1413
|
fromInch(t, e = H) {
|
|
1414
|
-
return U._assertDpi(e),
|
|
1414
|
+
return U._assertDpi(e), ot(t, "Inch value"), t * e;
|
|
1415
1415
|
},
|
|
1416
1416
|
fromPt(t, e = H) {
|
|
1417
|
-
return U._assertDpi(e),
|
|
1417
|
+
return U._assertDpi(e), ot(t, "Point value"), t * e / Cr;
|
|
1418
1418
|
},
|
|
1419
1419
|
// データ上のpxはDPI=96として扱う
|
|
1420
1420
|
fromPx(t, e = H) {
|
|
1421
|
-
return U._assertDpi(e),
|
|
1421
|
+
return U._assertDpi(e), ot(t, "Pixel value"), t * e / H;
|
|
1422
1422
|
},
|
|
1423
1423
|
fromDim(t, e = H, n) {
|
|
1424
|
-
switch (U._assertDpi(e),
|
|
1424
|
+
switch (U._assertDpi(e), ot(t.value, "Dimension value"), t.unit) {
|
|
1425
1425
|
case "mm":
|
|
1426
1426
|
return U.fromMm(t.value, e);
|
|
1427
1427
|
case "cm":
|
|
@@ -1446,17 +1446,17 @@ const Pr = 25.4, Lr = 2.54, Cr = 72, U = {
|
|
|
1446
1446
|
}
|
|
1447
1447
|
}
|
|
1448
1448
|
}
|
|
1449
|
-
},
|
|
1449
|
+
}, Ut = (t) => {
|
|
1450
1450
|
if (!(t != null && t.width) || !(t != null && t.type)) return;
|
|
1451
1451
|
const e = t.width.value;
|
|
1452
1452
|
if (e !== 0) {
|
|
1453
|
-
if (t.type ===
|
|
1453
|
+
if (t.type === xt.DASHED)
|
|
1454
1454
|
return `${e * 4} ${e * 2}`;
|
|
1455
|
-
if (t.type ===
|
|
1455
|
+
if (t.type === xt.DOTTED)
|
|
1456
1456
|
return `${e * 1} ${e * 2}`;
|
|
1457
1457
|
}
|
|
1458
1458
|
};
|
|
1459
|
-
class
|
|
1459
|
+
class zt {
|
|
1460
1460
|
constructor(e) {
|
|
1461
1461
|
this.style = e;
|
|
1462
1462
|
}
|
|
@@ -1496,7 +1496,7 @@ class Ht {
|
|
|
1496
1496
|
y2: 0,
|
|
1497
1497
|
stroke: s.color,
|
|
1498
1498
|
strokeWidth: U.fromDim(s.width, n),
|
|
1499
|
-
strokeDasharray:
|
|
1499
|
+
strokeDasharray: Ut(s),
|
|
1500
1500
|
vectorEffect: "non-scaling-stroke",
|
|
1501
1501
|
"data-edge": "top"
|
|
1502
1502
|
} : null;
|
|
@@ -1510,7 +1510,7 @@ class Ht {
|
|
|
1510
1510
|
y2: n,
|
|
1511
1511
|
stroke: o.color,
|
|
1512
1512
|
strokeWidth: U.fromDim(o.width, s),
|
|
1513
|
-
strokeDasharray:
|
|
1513
|
+
strokeDasharray: Ut(o),
|
|
1514
1514
|
vectorEffect: "non-scaling-stroke",
|
|
1515
1515
|
"data-edge": "right"
|
|
1516
1516
|
} : null;
|
|
@@ -1524,7 +1524,7 @@ class Ht {
|
|
|
1524
1524
|
y2: n,
|
|
1525
1525
|
stroke: o.color,
|
|
1526
1526
|
strokeWidth: U.fromDim(o.width, s),
|
|
1527
|
-
strokeDasharray:
|
|
1527
|
+
strokeDasharray: Ut(o),
|
|
1528
1528
|
vectorEffect: "non-scaling-stroke",
|
|
1529
1529
|
"data-edge": "bottom"
|
|
1530
1530
|
} : null;
|
|
@@ -1538,13 +1538,13 @@ class Ht {
|
|
|
1538
1538
|
y2: e,
|
|
1539
1539
|
stroke: s.color,
|
|
1540
1540
|
strokeWidth: U.fromDim(s.width, n),
|
|
1541
|
-
strokeDasharray:
|
|
1541
|
+
strokeDasharray: Ut(s),
|
|
1542
1542
|
vectorEffect: "non-scaling-stroke",
|
|
1543
1543
|
"data-edge": "left"
|
|
1544
1544
|
} : null;
|
|
1545
1545
|
}
|
|
1546
1546
|
}
|
|
1547
|
-
var
|
|
1547
|
+
var pt = /* @__PURE__ */ ((t) => (t.FORM = "Form", t.EDIT = "Edit", t.VIEW = "View", t))(pt || {}), yt = /* @__PURE__ */ ((t) => (t.A4 = "A4", t.B5 = "B5", t.A3 = "A3", t.LETTER = "Letter", t.LEGAL = "Legal", t.CUSTOM = "Custom", t))(yt || {});
|
|
1548
1548
|
const tn = {
|
|
1549
1549
|
A4: {
|
|
1550
1550
|
preset: "A4",
|
|
@@ -1590,7 +1590,7 @@ const tn = {
|
|
|
1590
1590
|
blocks: []
|
|
1591
1591
|
};
|
|
1592
1592
|
var kr = /* @__PURE__ */ ((t) => (t.ERROR = "error", t.WARNING = "warning", t.INFO = "info", t))(kr || {});
|
|
1593
|
-
const
|
|
1593
|
+
const Mt = F(
|
|
1594
1594
|
({
|
|
1595
1595
|
width: t,
|
|
1596
1596
|
height: e,
|
|
@@ -1615,12 +1615,12 @@ const Pt = F(
|
|
|
1615
1615
|
}
|
|
1616
1616
|
) : null
|
|
1617
1617
|
);
|
|
1618
|
-
|
|
1618
|
+
Mt.displayName = "BorderRenderer";
|
|
1619
1619
|
function Gr(t) {
|
|
1620
1620
|
const e = V.BLOCK_LAYER_MIN + t * V.BLOCK_LAYER_STEP;
|
|
1621
1621
|
return e >= V.BLOCK_LAYER_MAX ? V.BLOCK_LAYER_MAX : e;
|
|
1622
1622
|
}
|
|
1623
|
-
function
|
|
1623
|
+
function oe(t, e) {
|
|
1624
1624
|
const n = Math.min(
|
|
1625
1625
|
Math.max(0, e),
|
|
1626
1626
|
V.BLOCK_LAYER_STEP - 1
|
|
@@ -1644,10 +1644,10 @@ const Br = F(
|
|
|
1644
1644
|
}) => {
|
|
1645
1645
|
const a = P(() => {
|
|
1646
1646
|
if (e)
|
|
1647
|
-
return new
|
|
1647
|
+
return new zt(e);
|
|
1648
1648
|
}, [e]);
|
|
1649
1649
|
if (!o || !a || !a.hasAnyBorder) return null;
|
|
1650
|
-
const c =
|
|
1650
|
+
const c = oe(n, s), u = {
|
|
1651
1651
|
position: "absolute",
|
|
1652
1652
|
left: 0,
|
|
1653
1653
|
top: 0,
|
|
@@ -1664,7 +1664,7 @@ const Br = F(
|
|
|
1664
1664
|
style: u,
|
|
1665
1665
|
"data-testid": "block-border",
|
|
1666
1666
|
children: /* @__PURE__ */ r.jsx(
|
|
1667
|
-
|
|
1667
|
+
Mt,
|
|
1668
1668
|
{
|
|
1669
1669
|
width: t.width,
|
|
1670
1670
|
height: t.height,
|
|
@@ -1683,7 +1683,7 @@ const Br = F(
|
|
|
1683
1683
|
backgroundColor: s = "transparent",
|
|
1684
1684
|
className: o = ""
|
|
1685
1685
|
}) => {
|
|
1686
|
-
const l =
|
|
1686
|
+
const l = oe(e, n), i = {
|
|
1687
1687
|
position: "absolute",
|
|
1688
1688
|
inset: 0,
|
|
1689
1689
|
width: `${t.width}px`,
|
|
@@ -1706,7 +1706,7 @@ const Br = F(
|
|
|
1706
1706
|
), Fr = {
|
|
1707
1707
|
color: "#cccccc",
|
|
1708
1708
|
width: { value: 1, unit: "pt" },
|
|
1709
|
-
type:
|
|
1709
|
+
type: xt.SOLID
|
|
1710
1710
|
}, Ne = {
|
|
1711
1711
|
all: Fr
|
|
1712
1712
|
}, Ur = F(
|
|
@@ -1721,10 +1721,10 @@ const Br = F(
|
|
|
1721
1721
|
}) => {
|
|
1722
1722
|
const a = P(() => {
|
|
1723
1723
|
if (s)
|
|
1724
|
-
return new
|
|
1724
|
+
return new zt(s);
|
|
1725
1725
|
}, [s]);
|
|
1726
1726
|
if (!o || !a || !a.hasAnyBorder) return null;
|
|
1727
|
-
const c =
|
|
1727
|
+
const c = oe(e, n), u = {
|
|
1728
1728
|
position: "absolute",
|
|
1729
1729
|
left: 0,
|
|
1730
1730
|
top: 0,
|
|
@@ -1741,7 +1741,7 @@ const Br = F(
|
|
|
1741
1741
|
style: u,
|
|
1742
1742
|
"data-testid": "block-base-border",
|
|
1743
1743
|
children: /* @__PURE__ */ r.jsx(
|
|
1744
|
-
|
|
1744
|
+
Mt,
|
|
1745
1745
|
{
|
|
1746
1746
|
width: t.width,
|
|
1747
1747
|
height: t.height,
|
|
@@ -1767,8 +1767,8 @@ const Br = F(
|
|
|
1767
1767
|
validationState: p,
|
|
1768
1768
|
className: x = ""
|
|
1769
1769
|
}, v) => {
|
|
1770
|
-
const y =
|
|
1771
|
-
|
|
1770
|
+
const y = dt(null);
|
|
1771
|
+
ye(
|
|
1772
1772
|
v,
|
|
1773
1773
|
() => ({
|
|
1774
1774
|
focus: () => {
|
|
@@ -1778,7 +1778,7 @@ const Br = F(
|
|
|
1778
1778
|
}),
|
|
1779
1779
|
[]
|
|
1780
1780
|
);
|
|
1781
|
-
const _ =
|
|
1781
|
+
const _ = oe(u, f), d = {
|
|
1782
1782
|
position: "absolute",
|
|
1783
1783
|
inset: 0,
|
|
1784
1784
|
width: `${c.width}px`,
|
|
@@ -1812,7 +1812,7 @@ const Br = F(
|
|
|
1812
1812
|
children: /* @__PURE__ */ r.jsx(h, { ref: y, ...m })
|
|
1813
1813
|
}
|
|
1814
1814
|
);
|
|
1815
|
-
}, Yr =
|
|
1815
|
+
}, Yr = te(Wr), se = F(
|
|
1816
1816
|
Yr
|
|
1817
1817
|
);
|
|
1818
1818
|
function en(t, e) {
|
|
@@ -1827,7 +1827,7 @@ function en(t, e) {
|
|
|
1827
1827
|
};
|
|
1828
1828
|
}
|
|
1829
1829
|
const nn = F(
|
|
1830
|
-
|
|
1830
|
+
te(
|
|
1831
1831
|
({
|
|
1832
1832
|
block: t,
|
|
1833
1833
|
plugin: e,
|
|
@@ -1885,7 +1885,7 @@ const nn = F(
|
|
|
1885
1885
|
}
|
|
1886
1886
|
),
|
|
1887
1887
|
/* @__PURE__ */ r.jsx(
|
|
1888
|
-
|
|
1888
|
+
se,
|
|
1889
1889
|
{
|
|
1890
1890
|
id: t.id,
|
|
1891
1891
|
ref: _,
|
|
@@ -1894,7 +1894,7 @@ const nn = F(
|
|
|
1894
1894
|
value: l,
|
|
1895
1895
|
onChange: i,
|
|
1896
1896
|
onBlur: a,
|
|
1897
|
-
readOnly: o ===
|
|
1897
|
+
readOnly: o === pt.EDIT ? ((j = t.behavior) == null ? void 0 : j.readOnly) ?? !1 : !0,
|
|
1898
1898
|
mode: o,
|
|
1899
1899
|
blockSizePx: m,
|
|
1900
1900
|
blockZIndex: s,
|
|
@@ -1919,7 +1919,7 @@ const nn = F(
|
|
|
1919
1919
|
)
|
|
1920
1920
|
);
|
|
1921
1921
|
nn.displayName = "BlockContainer";
|
|
1922
|
-
const
|
|
1922
|
+
const ie = F(
|
|
1923
1923
|
({
|
|
1924
1924
|
blocks: t,
|
|
1925
1925
|
pluginRegistry: e,
|
|
@@ -1941,7 +1941,7 @@ const le = F(
|
|
|
1941
1941
|
dpi: x = H,
|
|
1942
1942
|
className: v = ""
|
|
1943
1943
|
}) => {
|
|
1944
|
-
const y =
|
|
1944
|
+
const y = dt(/* @__PURE__ */ new Map()), _ = {
|
|
1945
1945
|
position: "absolute",
|
|
1946
1946
|
inset: 0,
|
|
1947
1947
|
pointerEvents: "none"
|
|
@@ -1979,7 +1979,7 @@ const le = F(
|
|
|
1979
1979
|
}) });
|
|
1980
1980
|
}
|
|
1981
1981
|
);
|
|
1982
|
-
|
|
1982
|
+
ie.displayName = "BlockLayer";
|
|
1983
1983
|
const zr = F(
|
|
1984
1984
|
({
|
|
1985
1985
|
contentPx: t,
|
|
@@ -1993,7 +1993,7 @@ const zr = F(
|
|
|
1993
1993
|
}) => {
|
|
1994
1994
|
const c = P(() => {
|
|
1995
1995
|
if (s)
|
|
1996
|
-
return new
|
|
1996
|
+
return new zt(s);
|
|
1997
1997
|
}, [s]);
|
|
1998
1998
|
if (!o || !c || !c.hasAnyBorder) return null;
|
|
1999
1999
|
const u = {
|
|
@@ -2013,7 +2013,7 @@ const zr = F(
|
|
|
2013
2013
|
style: u,
|
|
2014
2014
|
"data-testid": "border-overlay",
|
|
2015
2015
|
children: /* @__PURE__ */ r.jsx(
|
|
2016
|
-
|
|
2016
|
+
Mt,
|
|
2017
2017
|
{
|
|
2018
2018
|
width: t.width,
|
|
2019
2019
|
height: t.height,
|
|
@@ -2055,7 +2055,7 @@ const zr = F(
|
|
|
2055
2055
|
}
|
|
2056
2056
|
), Kr = "_label_vgaic_1", Xr = {
|
|
2057
2057
|
label: Kr
|
|
2058
|
-
}, qr = "_editor_6szgo_5", Jr = "_input_6szgo_18", Zr = "_select_6szgo_38", Qr = "_button_6szgo_54",
|
|
2058
|
+
}, qr = "_editor_6szgo_5", Jr = "_input_6szgo_18", Zr = "_select_6szgo_38", Qr = "_button_6szgo_54", qt = {
|
|
2059
2059
|
editor: qr,
|
|
2060
2060
|
input: Jr,
|
|
2061
2061
|
select: Zr,
|
|
@@ -2066,7 +2066,7 @@ function to(t, e) {
|
|
|
2066
2066
|
if (!n)
|
|
2067
2067
|
throw new Error(`Invalid dimension string: ${t}`);
|
|
2068
2068
|
const s = Number(n[1]), o = n[2];
|
|
2069
|
-
if (
|
|
2069
|
+
if (ot(s, "Dimension value"), !e.includes(o))
|
|
2070
2070
|
throw new Error(`Unit not allowed: ${o}`);
|
|
2071
2071
|
return { value: s, unit: o };
|
|
2072
2072
|
}
|
|
@@ -2075,20 +2075,20 @@ function zi(t, e) {
|
|
|
2075
2075
|
}
|
|
2076
2076
|
const eo = 10, no = 25.4, ro = 0.352778, oo = 0.264583, K = {
|
|
2077
2077
|
fromCm(t) {
|
|
2078
|
-
return
|
|
2078
|
+
return ot(t, "Centimeter value"), t * eo;
|
|
2079
2079
|
},
|
|
2080
2080
|
fromInch(t) {
|
|
2081
|
-
return
|
|
2081
|
+
return ot(t, "Inch value"), t * no;
|
|
2082
2082
|
},
|
|
2083
2083
|
fromPt(t) {
|
|
2084
|
-
return
|
|
2084
|
+
return ot(t, "Point value"), t * ro;
|
|
2085
2085
|
},
|
|
2086
2086
|
// データ上のpxはDPI=96として扱う
|
|
2087
2087
|
fromPx(t) {
|
|
2088
|
-
return
|
|
2088
|
+
return ot(t, "Pixel value"), t * oo;
|
|
2089
2089
|
},
|
|
2090
2090
|
fromDim(t) {
|
|
2091
|
-
switch (
|
|
2091
|
+
switch (ot(t.value, "Dimension value"), t.unit) {
|
|
2092
2092
|
case "mm":
|
|
2093
2093
|
return t.value;
|
|
2094
2094
|
case "cm":
|
|
@@ -2112,7 +2112,7 @@ const eo = 10, no = 25.4, ro = 0.352778, oo = 0.264583, K = {
|
|
|
2112
2112
|
}
|
|
2113
2113
|
};
|
|
2114
2114
|
function so(t) {
|
|
2115
|
-
return
|
|
2115
|
+
return ot(t.value, "Dimension"), `${t.value}${t.unit}`;
|
|
2116
2116
|
}
|
|
2117
2117
|
function Hi(t) {
|
|
2118
2118
|
return t.map(so);
|
|
@@ -2157,7 +2157,7 @@ const rn = F(
|
|
|
2157
2157
|
onChange: i,
|
|
2158
2158
|
onCancel: a
|
|
2159
2159
|
}) => {
|
|
2160
|
-
const [c, u] =
|
|
2160
|
+
const [c, u] = st(e.value.toString()), [f, p] = st(e.unit), x = dt(null), v = dt(null), y = t === "column" ? {
|
|
2161
2161
|
left: `${o + s}px`,
|
|
2162
2162
|
top: `${l + 24}px`,
|
|
2163
2163
|
transform: "translateX(-50%)"
|
|
@@ -2166,10 +2166,10 @@ const rn = F(
|
|
|
2166
2166
|
top: `${l + s}px`,
|
|
2167
2167
|
transform: "translateY(-50%)"
|
|
2168
2168
|
};
|
|
2169
|
-
|
|
2169
|
+
mt(() => {
|
|
2170
2170
|
var h, w;
|
|
2171
2171
|
(h = x.current) == null || h.focus(), (w = x.current) == null || w.select();
|
|
2172
|
-
}, []),
|
|
2172
|
+
}, []), mt(() => {
|
|
2173
2173
|
const h = (w) => {
|
|
2174
2174
|
v.current && !v.current.contains(w.target) && a();
|
|
2175
2175
|
};
|
|
@@ -2192,7 +2192,7 @@ const rn = F(
|
|
|
2192
2192
|
"div",
|
|
2193
2193
|
{
|
|
2194
2194
|
ref: v,
|
|
2195
|
-
className:
|
|
2195
|
+
className: qt.editor,
|
|
2196
2196
|
style: y,
|
|
2197
2197
|
"data-testid": `grid-unit-editor-${t}`,
|
|
2198
2198
|
children: [
|
|
@@ -2201,7 +2201,7 @@ const rn = F(
|
|
|
2201
2201
|
{
|
|
2202
2202
|
ref: x,
|
|
2203
2203
|
type: "number",
|
|
2204
|
-
className:
|
|
2204
|
+
className: qt.input,
|
|
2205
2205
|
value: c,
|
|
2206
2206
|
onChange: (h) => u(h.target.value),
|
|
2207
2207
|
onKeyDown: d,
|
|
@@ -2212,7 +2212,7 @@ const rn = F(
|
|
|
2212
2212
|
/* @__PURE__ */ r.jsx(
|
|
2213
2213
|
"select",
|
|
2214
2214
|
{
|
|
2215
|
-
className:
|
|
2215
|
+
className: qt.select,
|
|
2216
2216
|
value: f,
|
|
2217
2217
|
onChange: m,
|
|
2218
2218
|
children: io.map((h) => /* @__PURE__ */ r.jsx("option", { value: h, children: h }, h))
|
|
@@ -2222,7 +2222,7 @@ const rn = F(
|
|
|
2222
2222
|
"button",
|
|
2223
2223
|
{
|
|
2224
2224
|
type: "button",
|
|
2225
|
-
className:
|
|
2225
|
+
className: qt.button,
|
|
2226
2226
|
onClick: _,
|
|
2227
2227
|
title: "確定",
|
|
2228
2228
|
children: "✓"
|
|
@@ -2267,7 +2267,7 @@ function ao(t, e, n, s) {
|
|
|
2267
2267
|
}
|
|
2268
2268
|
}
|
|
2269
2269
|
}
|
|
2270
|
-
const
|
|
2270
|
+
const xe = F(
|
|
2271
2271
|
({
|
|
2272
2272
|
direction: t,
|
|
2273
2273
|
index: e,
|
|
@@ -2280,7 +2280,7 @@ const ve = F(
|
|
|
2280
2280
|
resizingPxSize: c,
|
|
2281
2281
|
onDimensionChange: u
|
|
2282
2282
|
}) => {
|
|
2283
|
-
const [f, p] =
|
|
2283
|
+
const [f, p] = st(!1);
|
|
2284
2284
|
if (!a && !f)
|
|
2285
2285
|
return null;
|
|
2286
2286
|
const x = t === "column" ? {
|
|
@@ -2341,7 +2341,7 @@ const ve = F(
|
|
|
2341
2341
|
] });
|
|
2342
2342
|
}
|
|
2343
2343
|
);
|
|
2344
|
-
|
|
2344
|
+
xe.displayName = "GridDimensionLabel";
|
|
2345
2345
|
function co(t, e, n, s) {
|
|
2346
2346
|
let o = "";
|
|
2347
2347
|
for (const l of t)
|
|
@@ -2369,7 +2369,7 @@ const uo = F(
|
|
|
2369
2369
|
e.height
|
|
2370
2370
|
), [t, e]);
|
|
2371
2371
|
if (!l || !o) return null;
|
|
2372
|
-
const f =
|
|
2372
|
+
const f = Ut(o), p = U.fromDim(o.width, a), x = {
|
|
2373
2373
|
position: "absolute",
|
|
2374
2374
|
left: `${n}px`,
|
|
2375
2375
|
top: `${s}px`,
|
|
@@ -2399,10 +2399,10 @@ const uo = F(
|
|
|
2399
2399
|
}
|
|
2400
2400
|
);
|
|
2401
2401
|
}
|
|
2402
|
-
), ho = "_handle_1mgtx_1", fo = "_dragging_1mgtx_19",
|
|
2402
|
+
), ho = "_handle_1mgtx_1", fo = "_dragging_1mgtx_19", fe = {
|
|
2403
2403
|
handle: ho,
|
|
2404
2404
|
dragging: fo
|
|
2405
|
-
},
|
|
2405
|
+
}, ve = F(
|
|
2406
2406
|
({
|
|
2407
2407
|
direction: t,
|
|
2408
2408
|
index: e,
|
|
@@ -2413,7 +2413,7 @@ const uo = F(
|
|
|
2413
2413
|
onResize: i,
|
|
2414
2414
|
onResizeEnd: a
|
|
2415
2415
|
}) => {
|
|
2416
|
-
const [c, u] =
|
|
2416
|
+
const [c, u] = st(!1), f = 12, p = f / 2, x = t === "column" ? {
|
|
2417
2417
|
// 列のハンドル: 上端の外側に配置
|
|
2418
2418
|
left: `${s + n - p}px`,
|
|
2419
2419
|
top: `${o - p}px`,
|
|
@@ -2448,7 +2448,7 @@ const uo = F(
|
|
|
2448
2448
|
return /* @__PURE__ */ r.jsx(
|
|
2449
2449
|
"div",
|
|
2450
2450
|
{
|
|
2451
|
-
className: `${
|
|
2451
|
+
className: `${fe.handle} ${fe[t]} ${c ? fe.dragging : ""}`,
|
|
2452
2452
|
style: x,
|
|
2453
2453
|
onPointerDown: v,
|
|
2454
2454
|
"data-testid": `grid-resize-handle-${t}-${e}`
|
|
@@ -2456,7 +2456,7 @@ const uo = F(
|
|
|
2456
2456
|
);
|
|
2457
2457
|
}
|
|
2458
2458
|
);
|
|
2459
|
-
|
|
2459
|
+
ve.displayName = "GridResizeHandle";
|
|
2460
2460
|
const mo = F(
|
|
2461
2461
|
({
|
|
2462
2462
|
paperPx: t,
|
|
@@ -2563,10 +2563,10 @@ const mo = F(
|
|
|
2563
2563
|
className: _ = "",
|
|
2564
2564
|
zIndex: d = {}
|
|
2565
2565
|
}) => {
|
|
2566
|
-
const [m, h] =
|
|
2566
|
+
const [m, h] = st(null), [w, j] = st(null), [N, O] = st(
|
|
2567
2567
|
null
|
|
2568
|
-
), D =
|
|
2569
|
-
|
|
2568
|
+
), D = dt(null);
|
|
2569
|
+
mt(() => {
|
|
2570
2570
|
const E = (L) => {
|
|
2571
2571
|
if (!D.current) return;
|
|
2572
2572
|
const S = D.current.getBoundingClientRect();
|
|
@@ -2701,7 +2701,7 @@ const mo = F(
|
|
|
2701
2701
|
return null;
|
|
2702
2702
|
const L = `col-${I}`;
|
|
2703
2703
|
return /* @__PURE__ */ r.jsx(
|
|
2704
|
-
|
|
2704
|
+
ve,
|
|
2705
2705
|
{
|
|
2706
2706
|
direction: "column",
|
|
2707
2707
|
index: I,
|
|
@@ -2720,7 +2720,7 @@ const mo = F(
|
|
|
2720
2720
|
return null;
|
|
2721
2721
|
const L = `row-${I}`;
|
|
2722
2722
|
return /* @__PURE__ */ r.jsx(
|
|
2723
|
-
|
|
2723
|
+
ve,
|
|
2724
2724
|
{
|
|
2725
2725
|
direction: "row",
|
|
2726
2726
|
index: I,
|
|
@@ -2744,7 +2744,7 @@ const mo = F(
|
|
|
2744
2744
|
M && M.direction === "column" && (M.prevIndex === I ? X = M.prevSize : M.nextIndex === I && (X = M.nextSize));
|
|
2745
2745
|
const q = (L + S) / 2, b = S - L, R = `col-dim-${I}`;
|
|
2746
2746
|
return /* @__PURE__ */ r.jsx(
|
|
2747
|
-
|
|
2747
|
+
xe,
|
|
2748
2748
|
{
|
|
2749
2749
|
direction: "column",
|
|
2750
2750
|
index: I,
|
|
@@ -2766,7 +2766,7 @@ const mo = F(
|
|
|
2766
2766
|
if (L === void 0 || S === void 0) return null;
|
|
2767
2767
|
const Y = (w == null ? void 0 : w.direction) === "row" && (w.index === I || w.index === I + 1), X = (L + S) / 2, q = S - L, b = `row-dim-${I}`;
|
|
2768
2768
|
return /* @__PURE__ */ r.jsx(
|
|
2769
|
-
|
|
2769
|
+
xe,
|
|
2770
2770
|
{
|
|
2771
2771
|
direction: "row",
|
|
2772
2772
|
index: I,
|
|
@@ -2803,8 +2803,8 @@ const mo = F(
|
|
|
2803
2803
|
);
|
|
2804
2804
|
class po {
|
|
2805
2805
|
constructor() {
|
|
2806
|
-
|
|
2807
|
-
|
|
2806
|
+
ae(this, "state", null);
|
|
2807
|
+
ae(this, "listeners", []);
|
|
2808
2808
|
}
|
|
2809
2809
|
/**
|
|
2810
2810
|
* ドラッグ開始
|
|
@@ -2852,7 +2852,7 @@ class po {
|
|
|
2852
2852
|
e(this.state);
|
|
2853
2853
|
}
|
|
2854
2854
|
}
|
|
2855
|
-
const
|
|
2855
|
+
const Zt = new po();
|
|
2856
2856
|
function Oe(t, e, n, s) {
|
|
2857
2857
|
if (e < 0 || e >= t.length)
|
|
2858
2858
|
return t;
|
|
@@ -2892,10 +2892,10 @@ function vo(t, e, n) {
|
|
|
2892
2892
|
const l = U.fromDim(s), i = U.fromDim(o), a = Math.max(10, l + n), c = Math.max(10, i - n);
|
|
2893
2893
|
return t[e] = {
|
|
2894
2894
|
...s,
|
|
2895
|
-
value:
|
|
2895
|
+
value: Qt(a, s.unit)
|
|
2896
2896
|
}, t[e + 1] = {
|
|
2897
2897
|
...o,
|
|
2898
|
-
value:
|
|
2898
|
+
value: Qt(c, o.unit)
|
|
2899
2899
|
}, t;
|
|
2900
2900
|
}
|
|
2901
2901
|
function Se(t, e, n, s, o) {
|
|
@@ -2909,7 +2909,7 @@ function Se(t, e, n, s, o) {
|
|
|
2909
2909
|
const p = U.fromDim(i), x = Math.max(10, p - n);
|
|
2910
2910
|
t[e + 1] = {
|
|
2911
2911
|
...i,
|
|
2912
|
-
value:
|
|
2912
|
+
value: Qt(x, i.unit)
|
|
2913
2913
|
};
|
|
2914
2914
|
const v = x - p, y = u - v, _ = l.value * f, d = Math.max(10, _ + n), m = a > 0 ? d / y * a : 1;
|
|
2915
2915
|
t[e] = {
|
|
@@ -2920,7 +2920,7 @@ function Se(t, e, n, s, o) {
|
|
|
2920
2920
|
const p = U.fromDim(l), x = Math.max(10, p + n);
|
|
2921
2921
|
t[e] = {
|
|
2922
2922
|
...l,
|
|
2923
|
-
value:
|
|
2923
|
+
value: Qt(x, l.unit)
|
|
2924
2924
|
};
|
|
2925
2925
|
const v = x - p, y = u - v, _ = i.value * f, d = Math.max(10, _ - n), m = a > 0 ? d / y * a : 1;
|
|
2926
2926
|
t[e + 1] = {
|
|
@@ -2930,7 +2930,7 @@ function Se(t, e, n, s, o) {
|
|
|
2930
2930
|
}
|
|
2931
2931
|
return t;
|
|
2932
2932
|
}
|
|
2933
|
-
function
|
|
2933
|
+
function Qt(t, e) {
|
|
2934
2934
|
switch (e) {
|
|
2935
2935
|
case "px":
|
|
2936
2936
|
return Math.round(t);
|
|
@@ -2964,7 +2964,7 @@ function bo(t) {
|
|
|
2964
2964
|
const e = [];
|
|
2965
2965
|
let n = 0;
|
|
2966
2966
|
for (const s of t) {
|
|
2967
|
-
|
|
2967
|
+
ot(s, "Pixel value");
|
|
2968
2968
|
const o = s + n, l = Math.round(o);
|
|
2969
2969
|
e.push(l), n = o - l;
|
|
2970
2970
|
}
|
|
@@ -2975,7 +2975,7 @@ function Ge(t) {
|
|
|
2975
2975
|
const e = t.length - 1, n = e >= 1 ? t[e] ?? 0 : 0, s = t.length >= 1 ? n / e : 0, o = ke(Math.ceil(Math.log2(e + 1)), go, wo), l = ke(s * 2, _o, yo);
|
|
2976
2976
|
return { step: o, windowPx: l };
|
|
2977
2977
|
}
|
|
2978
|
-
function
|
|
2978
|
+
function me(t, e) {
|
|
2979
2979
|
const n = e.length - 1;
|
|
2980
2980
|
if (n <= 0 || e[0] === void 0 || t < e[0] || e[n] === void 0) return -1;
|
|
2981
2981
|
if (t >= e[n]) return n - 1;
|
|
@@ -3002,7 +3002,7 @@ function Be(t, e, n) {
|
|
|
3002
3002
|
if (i <= l && l < a) return o;
|
|
3003
3003
|
const c = i - n, u = a + n;
|
|
3004
3004
|
if (l < c || l >= u)
|
|
3005
|
-
return o =
|
|
3005
|
+
return o = me(l, t), o;
|
|
3006
3006
|
let f = 0;
|
|
3007
3007
|
const p = t[o + 1];
|
|
3008
3008
|
if (p !== void 0 && l >= p)
|
|
@@ -3010,24 +3010,24 @@ function Be(t, e, n) {
|
|
|
3010
3010
|
const x = t[o + 1];
|
|
3011
3011
|
if (x === void 0 || l < x) break;
|
|
3012
3012
|
if (o++, ++f > e)
|
|
3013
|
-
return o =
|
|
3013
|
+
return o = me(l, t), o;
|
|
3014
3014
|
}
|
|
3015
3015
|
else
|
|
3016
3016
|
for (; o > 0; ) {
|
|
3017
3017
|
const x = t[o];
|
|
3018
3018
|
if (x === void 0 || l >= x) break;
|
|
3019
3019
|
if (o--, ++f > e)
|
|
3020
|
-
return o =
|
|
3020
|
+
return o = me(l, t), o;
|
|
3021
3021
|
}
|
|
3022
3022
|
return o;
|
|
3023
3023
|
};
|
|
3024
3024
|
}
|
|
3025
|
-
function
|
|
3025
|
+
function be(t, e) {
|
|
3026
3026
|
if (t.length === 0) return [];
|
|
3027
|
-
|
|
3027
|
+
ot(e, "Content size");
|
|
3028
3028
|
let n = 0, s = 0;
|
|
3029
3029
|
const o = t.map((a) => {
|
|
3030
|
-
if (
|
|
3030
|
+
if (ot(a.value, "Grid dimension value"), a.unit === "fr")
|
|
3031
3031
|
return n += a.value, null;
|
|
3032
3032
|
{
|
|
3033
3033
|
const c = K.fromDim(a);
|
|
@@ -3037,7 +3037,7 @@ function ge(t, e) {
|
|
|
3037
3037
|
if (n === 0)
|
|
3038
3038
|
return Mr(s, 0, e, "Total fixed size"), o;
|
|
3039
3039
|
const l = e - s;
|
|
3040
|
-
|
|
3040
|
+
ot(l, "Content size - fixed sizes");
|
|
3041
3041
|
const i = l / n;
|
|
3042
3042
|
return o.map((a, c) => {
|
|
3043
3043
|
const u = t[c];
|
|
@@ -3046,23 +3046,23 @@ function ge(t, e) {
|
|
|
3046
3046
|
return u.value * i;
|
|
3047
3047
|
});
|
|
3048
3048
|
}
|
|
3049
|
-
function
|
|
3050
|
-
|
|
3049
|
+
function ge(t, e = 96) {
|
|
3050
|
+
Ee(e, "DPI"), je(e, "DPI");
|
|
3051
3051
|
const n = t.map((o) => U.fromMm(o, e));
|
|
3052
3052
|
return bo(n);
|
|
3053
3053
|
}
|
|
3054
3054
|
function Ki(t, e, n) {
|
|
3055
3055
|
if (t.length === 0) return [];
|
|
3056
|
-
|
|
3057
|
-
const s =
|
|
3058
|
-
return
|
|
3056
|
+
Ee(n, "DPI"), je(n, "DPI"), ot(e, "Content size");
|
|
3057
|
+
const s = be(t, e);
|
|
3058
|
+
return ge(s, n);
|
|
3059
3059
|
}
|
|
3060
|
-
function
|
|
3060
|
+
function we(t) {
|
|
3061
3061
|
const e = {};
|
|
3062
3062
|
for (const [n, s] of Object.entries(t))
|
|
3063
3063
|
if (s != null)
|
|
3064
3064
|
if (typeof s == "object" && !Array.isArray(s) && s !== null) {
|
|
3065
|
-
const o =
|
|
3065
|
+
const o = we(s);
|
|
3066
3066
|
e[n] = o;
|
|
3067
3067
|
} else
|
|
3068
3068
|
e[n] = s;
|
|
@@ -3211,11 +3211,11 @@ function ze(t, e = !1) {
|
|
|
3211
3211
|
);
|
|
3212
3212
|
}
|
|
3213
3213
|
}
|
|
3214
|
-
const
|
|
3214
|
+
const le = {
|
|
3215
3215
|
all: {
|
|
3216
3216
|
color: "#3b82f688",
|
|
3217
3217
|
width: { value: 4, unit: "px" },
|
|
3218
|
-
type:
|
|
3218
|
+
type: xt.SOLID
|
|
3219
3219
|
}
|
|
3220
3220
|
}, $e = {
|
|
3221
3221
|
size: 12,
|
|
@@ -3235,7 +3235,7 @@ const ae = {
|
|
|
3235
3235
|
block_handles: V.BLOCK_HANDLES,
|
|
3236
3236
|
rubber_band: V.RUBBER_BAND
|
|
3237
3237
|
};
|
|
3238
|
-
var W = /* @__PURE__ */ ((t) => (t.IDLE = "idle", t.PRESSING = "pressing", t.DRAGGING = "dragging", t.EDITING = "editing", t))(W || {}), Z = /* @__PURE__ */ ((t) => (t.N = "n", t.NE = "ne", t.E = "e", t.SE = "se", t.S = "s", t.SW = "sw", t.W = "w", t.NW = "nw", t))(Z || {}),
|
|
3238
|
+
var W = /* @__PURE__ */ ((t) => (t.IDLE = "idle", t.PRESSING = "pressing", t.DRAGGING = "dragging", t.EDITING = "editing", t))(W || {}), Z = /* @__PURE__ */ ((t) => (t.N = "n", t.NE = "ne", t.E = "e", t.SE = "se", t.S = "s", t.SW = "sw", t.W = "w", t.NW = "nw", t))(Z || {}), lt = /* @__PURE__ */ ((t) => (t.MOVE = "move", t.RESIZE = "resize", t.INSERT = "insert", t))(lt || {}), B = /* @__PURE__ */ ((t) => (t.SELECT = "select", t.DESELECT = "deselect", t.START_PRESS = "startPress", t.UPDATE_DRAG = "updateDrag", t.END_DRAG = "endDrag", t.CANCEL_DRAG = "cancelDrag", t.EDIT = "edit", t.END_EDIT = "endEdit", t.START_INSERT = "startInsert", t.CANCEL_INSERT = "cancelInsert", t.START_RESIZE = "startResize", t))(B || {});
|
|
3239
3239
|
const Mo = "_interactionBlock_145kg_7", Po = "_resizeHandle_145kg_7", sn = {
|
|
3240
3240
|
interactionBlock: Mo,
|
|
3241
3241
|
resizeHandle: Po
|
|
@@ -3299,24 +3299,24 @@ const Co = F(
|
|
|
3299
3299
|
width: t,
|
|
3300
3300
|
height: e,
|
|
3301
3301
|
zIndex: n = V.BLOCK_SELECT_BORDER,
|
|
3302
|
-
borderStyle: s =
|
|
3302
|
+
borderStyle: s = le
|
|
3303
3303
|
}) => {
|
|
3304
|
-
const o = P(() => new
|
|
3304
|
+
const o = P(() => new zt(s), [s]), l = {
|
|
3305
3305
|
position: "absolute",
|
|
3306
3306
|
inset: 0,
|
|
3307
3307
|
pointerEvents: "none",
|
|
3308
3308
|
zIndex: n
|
|
3309
3309
|
};
|
|
3310
|
-
return /* @__PURE__ */ r.jsx("div", { style: l, children: /* @__PURE__ */ r.jsx(
|
|
3310
|
+
return /* @__PURE__ */ r.jsx("div", { style: l, children: /* @__PURE__ */ r.jsx(Mt, { width: t, height: e, border: o }) });
|
|
3311
3311
|
}
|
|
3312
|
-
),
|
|
3312
|
+
), Ht = F(
|
|
3313
3313
|
({
|
|
3314
3314
|
block: t,
|
|
3315
3315
|
rect: e,
|
|
3316
3316
|
showHandles: n = !1,
|
|
3317
3317
|
onResizeStart: s,
|
|
3318
3318
|
activeHandle: o,
|
|
3319
|
-
selectionStyle: l =
|
|
3319
|
+
selectionStyle: l = le,
|
|
3320
3320
|
handleStyle: i = $e,
|
|
3321
3321
|
selectBorderZIndex: a = rt.select_border,
|
|
3322
3322
|
blockHandlesZIndex: c = rt.block_handles
|
|
@@ -3361,7 +3361,7 @@ const Co = F(
|
|
|
3361
3361
|
);
|
|
3362
3362
|
}
|
|
3363
3363
|
);
|
|
3364
|
-
|
|
3364
|
+
Ht.displayName = "InteractionBlock";
|
|
3365
3365
|
const an = F(
|
|
3366
3366
|
({
|
|
3367
3367
|
pluginRegistry: t,
|
|
@@ -3382,7 +3382,7 @@ const an = F(
|
|
|
3382
3382
|
if (!x) return null;
|
|
3383
3383
|
let v;
|
|
3384
3384
|
if (a && o) {
|
|
3385
|
-
const _ =
|
|
3385
|
+
const _ = At(x, {
|
|
3386
3386
|
x: 0,
|
|
3387
3387
|
y: 0,
|
|
3388
3388
|
w: i.w,
|
|
@@ -3395,7 +3395,7 @@ const an = F(
|
|
|
3395
3395
|
height: d.height
|
|
3396
3396
|
};
|
|
3397
3397
|
} else {
|
|
3398
|
-
const _ = e.cols - i.w, d = e.rows - i.h, m = Math.max(0, Math.min(s.col, _)), h = Math.max(0, Math.min(s.row, d)), w =
|
|
3398
|
+
const _ = e.cols - i.w, d = e.rows - i.h, m = Math.max(0, Math.min(s.col, _)), h = Math.max(0, Math.min(s.row, d)), w = At(x, {
|
|
3399
3399
|
x: m,
|
|
3400
3400
|
y: h,
|
|
3401
3401
|
w: i.w,
|
|
@@ -3403,7 +3403,7 @@ const an = F(
|
|
|
3403
3403
|
});
|
|
3404
3404
|
v = n(w);
|
|
3405
3405
|
}
|
|
3406
|
-
const y =
|
|
3406
|
+
const y = At(x, {
|
|
3407
3407
|
x: 0,
|
|
3408
3408
|
y: 0,
|
|
3409
3409
|
w: i.w,
|
|
@@ -3433,7 +3433,7 @@ const an = F(
|
|
|
3433
3433
|
zIndex: u
|
|
3434
3434
|
},
|
|
3435
3435
|
children: /* @__PURE__ */ r.jsx(
|
|
3436
|
-
|
|
3436
|
+
se,
|
|
3437
3437
|
{
|
|
3438
3438
|
id: y.id,
|
|
3439
3439
|
plugin: x,
|
|
@@ -3442,7 +3442,7 @@ const an = F(
|
|
|
3442
3442
|
onChange: () => {
|
|
3443
3443
|
},
|
|
3444
3444
|
readOnly: !0,
|
|
3445
|
-
mode:
|
|
3445
|
+
mode: pt.EDIT,
|
|
3446
3446
|
blockSizePx: v,
|
|
3447
3447
|
blockZIndex: u
|
|
3448
3448
|
}
|
|
@@ -3450,7 +3450,7 @@ const an = F(
|
|
|
3450
3450
|
}
|
|
3451
3451
|
),
|
|
3452
3452
|
/* @__PURE__ */ r.jsx(
|
|
3453
|
-
|
|
3453
|
+
Ht,
|
|
3454
3454
|
{
|
|
3455
3455
|
block: y,
|
|
3456
3456
|
rect: v,
|
|
@@ -3565,7 +3565,7 @@ const un = F(
|
|
|
3565
3565
|
zIndex: f
|
|
3566
3566
|
},
|
|
3567
3567
|
children: /* @__PURE__ */ r.jsx(
|
|
3568
|
-
|
|
3568
|
+
se,
|
|
3569
3569
|
{
|
|
3570
3570
|
id: w.id,
|
|
3571
3571
|
plugin: m,
|
|
@@ -3574,7 +3574,7 @@ const un = F(
|
|
|
3574
3574
|
onChange: () => {
|
|
3575
3575
|
},
|
|
3576
3576
|
readOnly: !0,
|
|
3577
|
-
mode:
|
|
3577
|
+
mode: pt.EDIT,
|
|
3578
3578
|
blockSizePx: h,
|
|
3579
3579
|
blockZIndex: f,
|
|
3580
3580
|
className: "ghost-content"
|
|
@@ -3583,7 +3583,7 @@ const un = F(
|
|
|
3583
3583
|
}
|
|
3584
3584
|
),
|
|
3585
3585
|
/* @__PURE__ */ r.jsx(
|
|
3586
|
-
|
|
3586
|
+
Ht,
|
|
3587
3587
|
{
|
|
3588
3588
|
block: w,
|
|
3589
3589
|
rect: h,
|
|
@@ -3677,7 +3677,7 @@ const hn = F(
|
|
|
3677
3677
|
zIndex: f
|
|
3678
3678
|
},
|
|
3679
3679
|
children: /* @__PURE__ */ r.jsx(
|
|
3680
|
-
|
|
3680
|
+
se,
|
|
3681
3681
|
{
|
|
3682
3682
|
id: d.id,
|
|
3683
3683
|
plugin: y,
|
|
@@ -3686,7 +3686,7 @@ const hn = F(
|
|
|
3686
3686
|
onChange: () => {
|
|
3687
3687
|
},
|
|
3688
3688
|
readOnly: !0,
|
|
3689
|
-
mode:
|
|
3689
|
+
mode: pt.EDIT,
|
|
3690
3690
|
blockSizePx: m,
|
|
3691
3691
|
blockZIndex: f,
|
|
3692
3692
|
className: "resize-ghost-content"
|
|
@@ -3695,7 +3695,7 @@ const hn = F(
|
|
|
3695
3695
|
}
|
|
3696
3696
|
),
|
|
3697
3697
|
/* @__PURE__ */ r.jsx(
|
|
3698
|
-
|
|
3698
|
+
Ht,
|
|
3699
3699
|
{
|
|
3700
3700
|
block: d,
|
|
3701
3701
|
rect: m,
|
|
@@ -3717,7 +3717,7 @@ const fn = F(
|
|
|
3717
3717
|
gridLength: n,
|
|
3718
3718
|
draggingState: s,
|
|
3719
3719
|
getBlockRectPx: o,
|
|
3720
|
-
selectionStyle: l =
|
|
3720
|
+
selectionStyle: l = le,
|
|
3721
3721
|
ghostZIndex: i = rt.block_ghost,
|
|
3722
3722
|
selectBorderZIndex: a = rt.select_border,
|
|
3723
3723
|
blockHandlesZIndex: c = rt.block_handles
|
|
@@ -3726,7 +3726,7 @@ const fn = F(
|
|
|
3726
3726
|
const u = s.currentGrid.col - s.startGrid.col, f = s.currentGrid.row - s.startGrid.row;
|
|
3727
3727
|
switch (s.type) {
|
|
3728
3728
|
// 移動モード
|
|
3729
|
-
case
|
|
3729
|
+
case lt.MOVE:
|
|
3730
3730
|
return /* @__PURE__ */ r.jsx(
|
|
3731
3731
|
un,
|
|
3732
3732
|
{
|
|
@@ -3746,7 +3746,7 @@ const fn = F(
|
|
|
3746
3746
|
}
|
|
3747
3747
|
);
|
|
3748
3748
|
// リサイズモード
|
|
3749
|
-
case
|
|
3749
|
+
case lt.RESIZE: {
|
|
3750
3750
|
const p = s.blockIds[0];
|
|
3751
3751
|
return !p || !s.handle ? null : /* @__PURE__ */ r.jsx(
|
|
3752
3752
|
hn,
|
|
@@ -3768,7 +3768,7 @@ const fn = F(
|
|
|
3768
3768
|
);
|
|
3769
3769
|
}
|
|
3770
3770
|
// 挿入モード
|
|
3771
|
-
case
|
|
3771
|
+
case lt.INSERT:
|
|
3772
3772
|
return s.defaultSize ? /* @__PURE__ */ r.jsx(
|
|
3773
3773
|
an,
|
|
3774
3774
|
{
|
|
@@ -3805,8 +3805,8 @@ const Oo = ({
|
|
|
3805
3805
|
validationState: c,
|
|
3806
3806
|
className: u = ""
|
|
3807
3807
|
}, f) => {
|
|
3808
|
-
const p =
|
|
3809
|
-
|
|
3808
|
+
const p = dt(null);
|
|
3809
|
+
ye(
|
|
3810
3810
|
f,
|
|
3811
3811
|
() => ({
|
|
3812
3812
|
focus: () => {
|
|
@@ -3831,7 +3831,7 @@ const Oo = ({
|
|
|
3831
3831
|
onBlur: l,
|
|
3832
3832
|
readOnly: !1,
|
|
3833
3833
|
// 編集中は常に編集可能
|
|
3834
|
-
mode:
|
|
3834
|
+
mode: pt.FORM,
|
|
3835
3835
|
// EditingBlockはFormモード専用
|
|
3836
3836
|
dimensions: {
|
|
3837
3837
|
widthPx: v.width,
|
|
@@ -3850,11 +3850,11 @@ const Oo = ({
|
|
|
3850
3850
|
children: /* @__PURE__ */ r.jsx(_, { ref: p, ...y })
|
|
3851
3851
|
}
|
|
3852
3852
|
);
|
|
3853
|
-
}, So =
|
|
3853
|
+
}, So = te(Oo), ko = F(
|
|
3854
3854
|
So
|
|
3855
3855
|
);
|
|
3856
3856
|
function Go(t) {
|
|
3857
|
-
const [e, n] =
|
|
3857
|
+
const [e, n] = st({
|
|
3858
3858
|
mode: W.IDLE,
|
|
3859
3859
|
selectedBlockIds: [],
|
|
3860
3860
|
editingBlockId: null,
|
|
@@ -3882,7 +3882,7 @@ function Go(t) {
|
|
|
3882
3882
|
...l,
|
|
3883
3883
|
mode: W.PRESSING,
|
|
3884
3884
|
dragging: {
|
|
3885
|
-
type:
|
|
3885
|
+
type: lt.MOVE,
|
|
3886
3886
|
blockIds: i,
|
|
3887
3887
|
startGrid: o.startGrid,
|
|
3888
3888
|
currentGrid: o.startGrid,
|
|
@@ -3952,7 +3952,7 @@ function Go(t) {
|
|
|
3952
3952
|
...l,
|
|
3953
3953
|
mode: W.DRAGGING,
|
|
3954
3954
|
dragging: {
|
|
3955
|
-
type:
|
|
3955
|
+
type: lt.INSERT,
|
|
3956
3956
|
blockIds: [],
|
|
3957
3957
|
startGrid: { col: 0, row: 0 },
|
|
3958
3958
|
currentGrid: { col: 0, row: 0 },
|
|
@@ -3972,7 +3972,7 @@ function Go(t) {
|
|
|
3972
3972
|
...l,
|
|
3973
3973
|
mode: W.DRAGGING,
|
|
3974
3974
|
dragging: {
|
|
3975
|
-
type:
|
|
3975
|
+
type: lt.RESIZE,
|
|
3976
3976
|
blockIds: [o.blockId],
|
|
3977
3977
|
startGrid: o.startGrid,
|
|
3978
3978
|
currentGrid: o.startGrid,
|
|
@@ -3995,12 +3995,12 @@ const mn = F(
|
|
|
3995
3995
|
draggingState: s,
|
|
3996
3996
|
getBlockRectPx: o,
|
|
3997
3997
|
onResizeStart: l,
|
|
3998
|
-
selectionStyle: i =
|
|
3998
|
+
selectionStyle: i = le,
|
|
3999
3999
|
handleStyle: a = $e,
|
|
4000
4000
|
selectBorderZIndex: c = rt.select_border,
|
|
4001
4001
|
blockHandlesZIndex: u = rt.block_handles
|
|
4002
4002
|
}) => {
|
|
4003
|
-
if (n && (s == null ? void 0 : s.type) !==
|
|
4003
|
+
if (n && (s == null ? void 0 : s.type) !== lt.RESIZE)
|
|
4004
4004
|
return null;
|
|
4005
4005
|
const p = Array.from(new Set(e));
|
|
4006
4006
|
return /* @__PURE__ */ r.jsx(
|
|
@@ -4014,9 +4014,9 @@ const mn = F(
|
|
|
4014
4014
|
children: p.map((x) => {
|
|
4015
4015
|
const v = t.find((d) => d.id === x);
|
|
4016
4016
|
if (!v) return null;
|
|
4017
|
-
const _ = (s == null ? void 0 : s.type) ===
|
|
4017
|
+
const _ = (s == null ? void 0 : s.type) === lt.RESIZE && s.blockIds.includes(x) ? s == null ? void 0 : s.handle : null;
|
|
4018
4018
|
return /* @__PURE__ */ r.jsx(
|
|
4019
|
-
|
|
4019
|
+
Ht,
|
|
4020
4020
|
{
|
|
4021
4021
|
block: v,
|
|
4022
4022
|
rect: o(v),
|
|
@@ -4074,13 +4074,13 @@ const pn = F(
|
|
|
4074
4074
|
blockHandlesZIndex: _ = rt.block_handles,
|
|
4075
4075
|
dragGhostZIndex: d = rt.block_ghost
|
|
4076
4076
|
}) => {
|
|
4077
|
-
const m =
|
|
4078
|
-
|
|
4077
|
+
const m = dt(null), h = dt(null);
|
|
4078
|
+
mt(() => {
|
|
4079
4079
|
i.mode === W.EDITING && i.editingBlockId && setTimeout(() => {
|
|
4080
4080
|
var g;
|
|
4081
4081
|
(g = h.current) == null || g.focus();
|
|
4082
4082
|
}, 0);
|
|
4083
|
-
}, [i.mode, i.editingBlockId]),
|
|
4083
|
+
}, [i.mode, i.editingBlockId]), mt(() => {
|
|
4084
4084
|
const g = new Set(t.map((M) => M.id)), T = i.selectedBlockIds.filter(
|
|
4085
4085
|
(M) => g.has(M)
|
|
4086
4086
|
);
|
|
@@ -4157,7 +4157,7 @@ const pn = F(
|
|
|
4157
4157
|
if (i.mode !== W.PRESSING && i.mode !== W.DRAGGING || !i.dragging) return;
|
|
4158
4158
|
const T = (q = m.current) == null ? void 0 : q.getBoundingClientRect();
|
|
4159
4159
|
if (!T) return;
|
|
4160
|
-
const M = u ?? 1, G = T.width / M, A = T.height / M, k = (g.clientX - T.left) / M, E = (g.clientY - T.top) / M, I = i.dragging.type !==
|
|
4160
|
+
const M = u ?? 1, G = T.width / M, A = T.height / M, k = (g.clientX - T.left) / M, E = (g.clientY - T.top) / M, I = i.dragging.type !== lt.RESIZE && (k < 0 || k > G || E < 0 || E > A), L = Math.max(0, Math.min(k, G)), S = Math.max(0, Math.min(E, A)), Y = o(L), X = l(S);
|
|
4161
4161
|
a({
|
|
4162
4162
|
type: B.UPDATE_DRAG,
|
|
4163
4163
|
currentGrid: { col: Y, row: X },
|
|
@@ -4170,14 +4170,14 @@ const pn = F(
|
|
|
4170
4170
|
(g) => {
|
|
4171
4171
|
if (i.mode === W.DRAGGING && i.dragging) {
|
|
4172
4172
|
if (i.dragging.isOutside) {
|
|
4173
|
-
i.dragging.type ===
|
|
4174
|
-
type:
|
|
4173
|
+
i.dragging.type === lt.MOVE && (c == null || c({
|
|
4174
|
+
type: ft.DELETE,
|
|
4175
4175
|
blockIds: i.dragging.blockIds
|
|
4176
4176
|
}), a({ type: B.DESELECT })), a({ type: B.END_DRAG }), g.currentTarget.releasePointerCapture(g.pointerId);
|
|
4177
4177
|
return;
|
|
4178
4178
|
}
|
|
4179
4179
|
const T = i.dragging.currentGrid.col - i.dragging.startGrid.col, M = i.dragging.currentGrid.row - i.dragging.startGrid.row;
|
|
4180
|
-
if (i.dragging.type ===
|
|
4180
|
+
if (i.dragging.type === lt.MOVE) {
|
|
4181
4181
|
if (T !== 0 || M !== 0) {
|
|
4182
4182
|
const G = i.dragging.blockIds.map((E) => t.find((I) => I.id === E)).filter(Boolean);
|
|
4183
4183
|
if (G.length === 0) {
|
|
@@ -4204,12 +4204,12 @@ const pn = F(
|
|
|
4204
4204
|
} : E;
|
|
4205
4205
|
});
|
|
4206
4206
|
c == null || c({
|
|
4207
|
-
type:
|
|
4207
|
+
type: ft.MOVE,
|
|
4208
4208
|
blockIds: i.dragging.blockIds,
|
|
4209
4209
|
blocks: k
|
|
4210
4210
|
});
|
|
4211
4211
|
}
|
|
4212
|
-
} else if (i.dragging.type ===
|
|
4212
|
+
} else if (i.dragging.type === lt.INSERT) {
|
|
4213
4213
|
const { pluginKind: G, currentGrid: A, defaultSize: k } = i.dragging;
|
|
4214
4214
|
if (G && k) {
|
|
4215
4215
|
const E = e[G];
|
|
@@ -4219,20 +4219,20 @@ const pn = F(
|
|
|
4219
4219
|
{ w: k.w, h: k.h },
|
|
4220
4220
|
n.cols,
|
|
4221
4221
|
n.rows
|
|
4222
|
-
), S =
|
|
4222
|
+
), S = At(E, {
|
|
4223
4223
|
x: I,
|
|
4224
4224
|
y: L,
|
|
4225
4225
|
w: k.w,
|
|
4226
4226
|
h: k.h
|
|
4227
4227
|
});
|
|
4228
4228
|
c == null || c({
|
|
4229
|
-
type:
|
|
4229
|
+
type: ft.ADD,
|
|
4230
4230
|
blockIds: [S.id],
|
|
4231
4231
|
blocks: [S]
|
|
4232
4232
|
});
|
|
4233
4233
|
}
|
|
4234
4234
|
}
|
|
4235
|
-
} else if (i.dragging.type ===
|
|
4235
|
+
} else if (i.dragging.type === lt.RESIZE) {
|
|
4236
4236
|
const G = i.dragging.blockIds[0], A = t.find((E) => E.id === G), k = i.dragging.handle;
|
|
4237
4237
|
if (A && k && (T !== 0 || M !== 0)) {
|
|
4238
4238
|
const E = dn({
|
|
@@ -4244,15 +4244,15 @@ const pn = F(
|
|
|
4244
4244
|
gridRows: n.rows
|
|
4245
4245
|
});
|
|
4246
4246
|
(E.x !== A.layout.x || E.y !== A.layout.y || E.w !== A.layout.w || E.h !== A.layout.h) && (c == null || c({
|
|
4247
|
-
type:
|
|
4247
|
+
type: ft.RESIZE,
|
|
4248
4248
|
blockIds: [A.id],
|
|
4249
4249
|
blocks: [{ ...A, layout: E }]
|
|
4250
4250
|
}));
|
|
4251
4251
|
}
|
|
4252
4252
|
}
|
|
4253
4253
|
a({ type: B.END_DRAG });
|
|
4254
|
-
} else i.mode === W.PRESSING && i.dragging && (i.dragging.isOutside && i.dragging.type ===
|
|
4255
|
-
type:
|
|
4254
|
+
} else i.mode === W.PRESSING && i.dragging && (i.dragging.isOutside && i.dragging.type === lt.MOVE && (c == null || c({
|
|
4255
|
+
type: ft.DELETE,
|
|
4256
4256
|
blockIds: i.dragging.blockIds
|
|
4257
4257
|
}), a({ type: B.DESELECT })), a({ type: B.CANCEL_DRAG }));
|
|
4258
4258
|
g.currentTarget.releasePointerCapture(g.pointerId);
|
|
@@ -4338,14 +4338,14 @@ const pn = F(
|
|
|
4338
4338
|
value: g.initValue,
|
|
4339
4339
|
onChange: (M) => {
|
|
4340
4340
|
c == null || c({
|
|
4341
|
-
type:
|
|
4341
|
+
type: ft.UPDATE,
|
|
4342
4342
|
blockIds: [g.id],
|
|
4343
4343
|
blocks: [{ ...g, initValue: M }]
|
|
4344
4344
|
});
|
|
4345
4345
|
},
|
|
4346
4346
|
onBlur: (M) => {
|
|
4347
4347
|
c == null || c({
|
|
4348
|
-
type:
|
|
4348
|
+
type: ft.UPDATE,
|
|
4349
4349
|
blockIds: [g.id],
|
|
4350
4350
|
blocks: [{ ...g, initValue: M }]
|
|
4351
4351
|
});
|
|
@@ -4431,10 +4431,10 @@ function De(t, e, n = H) {
|
|
|
4431
4431
|
() => o - l - i,
|
|
4432
4432
|
[o, l, i]
|
|
4433
4433
|
), p = P(
|
|
4434
|
-
() =>
|
|
4434
|
+
() => be(e.cols, u),
|
|
4435
4435
|
[e.cols, u]
|
|
4436
4436
|
), x = P(
|
|
4437
|
-
() =>
|
|
4437
|
+
() => be(e.rows, f),
|
|
4438
4438
|
[e.rows, f]
|
|
4439
4439
|
), v = P(
|
|
4440
4440
|
() => U.fromMm(s, n),
|
|
@@ -4460,7 +4460,7 @@ function De(t, e, n = H) {
|
|
|
4460
4460
|
), j = P(
|
|
4461
4461
|
() => U.fromMm(f, n),
|
|
4462
4462
|
[f, n]
|
|
4463
|
-
), N = P(() =>
|
|
4463
|
+
), N = P(() => ge(p, n), [p, n]), O = P(() => ge(x, n), [x, n]), D = P(() => {
|
|
4464
4464
|
const C = [0];
|
|
4465
4465
|
for (const z of N) {
|
|
4466
4466
|
const bt = C[C.length - 1] ?? 0;
|
|
@@ -4512,10 +4512,10 @@ function De(t, e, n = H) {
|
|
|
4512
4512
|
content: q
|
|
4513
4513
|
}), [Y, X, q]), R = $(
|
|
4514
4514
|
(C) => {
|
|
4515
|
-
const { x: z, y: bt, w:
|
|
4516
|
-
if (!
|
|
4515
|
+
const { x: z, y: bt, w: Pt, h: J } = C.layout, ht = S.cols, wt = S.rows;
|
|
4516
|
+
if (!ht.length || !wt.length)
|
|
4517
4517
|
return { left: 0, top: 0, width: 0, height: 0 };
|
|
4518
|
-
const
|
|
4518
|
+
const Kt = Math.min(Math.max(0, z), ht.length - 1), Rn = Math.min(Math.max(0, z + Pt), ht.length - 1), Re = Math.min(Math.max(0, bt), wt.length - 1), An = Math.min(Math.max(0, bt + J), wt.length - 1), Mn = (ht[Kt] ?? 0) + m, Pn = (wt[Re] ?? 0) + _, Ln = (ht[Rn] ?? 0) - (ht[Kt] ?? 0), Cn = (wt[An] ?? 0) - (wt[Re] ?? 0);
|
|
4519
4519
|
return { left: Mn, top: Pn, width: Ln, height: Cn };
|
|
4520
4520
|
},
|
|
4521
4521
|
[S, m, _]
|
|
@@ -4573,11 +4573,11 @@ const xn = F(
|
|
|
4573
4573
|
}
|
|
4574
4574
|
),
|
|
4575
4575
|
/* @__PURE__ */ r.jsx(
|
|
4576
|
-
|
|
4576
|
+
ie,
|
|
4577
4577
|
{
|
|
4578
4578
|
blocks: t.blocks,
|
|
4579
4579
|
pluginRegistry: n,
|
|
4580
|
-
mode:
|
|
4580
|
+
mode: pt.EDIT,
|
|
4581
4581
|
values: e,
|
|
4582
4582
|
getBlockRectPx: c,
|
|
4583
4583
|
onValueChange: u,
|
|
@@ -4600,12 +4600,12 @@ const vn = F(
|
|
|
4600
4600
|
scale: o = 1,
|
|
4601
4601
|
className: l
|
|
4602
4602
|
}) => {
|
|
4603
|
-
const [i, a] = Go(), c =
|
|
4603
|
+
const [i, a] = Go(), c = dt(null), { paperPx: u, gridPosPx: f, getBlockRectPx: p, getColIndex: x, getRowIndex: v } = De(t.paper, t.grid, H), y = $(
|
|
4604
4604
|
(N) => {
|
|
4605
4605
|
if (n)
|
|
4606
4606
|
switch (N.type) {
|
|
4607
|
-
case
|
|
4608
|
-
case
|
|
4607
|
+
case ft.MOVE:
|
|
4608
|
+
case ft.RESIZE: {
|
|
4609
4609
|
if (!N.blocks) return;
|
|
4610
4610
|
const O = t.blocks.map((D) => {
|
|
4611
4611
|
var T;
|
|
@@ -4614,7 +4614,7 @@ const vn = F(
|
|
|
4614
4614
|
n({ ...t, blocks: O });
|
|
4615
4615
|
break;
|
|
4616
4616
|
}
|
|
4617
|
-
case
|
|
4617
|
+
case ft.ADD: {
|
|
4618
4618
|
if (!N.blocks) return;
|
|
4619
4619
|
n({
|
|
4620
4620
|
...t,
|
|
@@ -4622,22 +4622,22 @@ const vn = F(
|
|
|
4622
4622
|
});
|
|
4623
4623
|
break;
|
|
4624
4624
|
}
|
|
4625
|
-
case
|
|
4625
|
+
case ft.DELETE: {
|
|
4626
4626
|
const O = new Set(N.blockIds), D = t.blocks.filter(
|
|
4627
4627
|
(g) => !O.has(g.id)
|
|
4628
4628
|
);
|
|
4629
4629
|
n({ ...t, blocks: D });
|
|
4630
4630
|
break;
|
|
4631
4631
|
}
|
|
4632
|
-
case
|
|
4632
|
+
case ft.UPDATE: {
|
|
4633
4633
|
if (!N.blocks) return;
|
|
4634
4634
|
const O = t.blocks.map((D) => {
|
|
4635
4635
|
var G;
|
|
4636
4636
|
const g = (G = N.blocks) == null ? void 0 : G.find((A) => A.id === D.id);
|
|
4637
4637
|
if (!g) return D;
|
|
4638
|
-
const T = g.style ?
|
|
4638
|
+
const T = g.style ? we(
|
|
4639
4639
|
g.style
|
|
4640
|
-
) : g.style, M = g.props ?
|
|
4640
|
+
) : g.style, M = g.props ? we(
|
|
4641
4641
|
g.props
|
|
4642
4642
|
) : g.props;
|
|
4643
4643
|
return {
|
|
@@ -4661,19 +4661,19 @@ const vn = F(
|
|
|
4661
4661
|
},
|
|
4662
4662
|
[t, n]
|
|
4663
4663
|
);
|
|
4664
|
-
|
|
4664
|
+
mt(() => {
|
|
4665
4665
|
s && s(i.selectedBlockIds);
|
|
4666
|
-
}, [i.selectedBlockIds, s]),
|
|
4667
|
-
const N =
|
|
4666
|
+
}, [i.selectedBlockIds, s]), mt(() => {
|
|
4667
|
+
const N = Zt.subscribe((O) => {
|
|
4668
4668
|
var D;
|
|
4669
|
-
!O && i.mode === W.DRAGGING && ((D = i.dragging) == null ? void 0 : D.type) ===
|
|
4669
|
+
!O && i.mode === W.DRAGGING && ((D = i.dragging) == null ? void 0 : D.type) === lt.INSERT && a({ type: B.CANCEL_INSERT });
|
|
4670
4670
|
});
|
|
4671
4671
|
return () => N();
|
|
4672
4672
|
}, [
|
|
4673
4673
|
i.mode,
|
|
4674
4674
|
i.dragging,
|
|
4675
4675
|
a
|
|
4676
|
-
]),
|
|
4676
|
+
]), mt(() => {
|
|
4677
4677
|
const N = (O) => {
|
|
4678
4678
|
var g;
|
|
4679
4679
|
if (i.selectedBlockIds.length === 0) return;
|
|
@@ -4742,7 +4742,7 @@ const vn = F(
|
|
|
4742
4742
|
),
|
|
4743
4743
|
[t.blocks]
|
|
4744
4744
|
), w = $(() => {
|
|
4745
|
-
const N =
|
|
4745
|
+
const N = Zt.get();
|
|
4746
4746
|
N && (i.mode === W.DRAGGING || i.dragging || a({
|
|
4747
4747
|
type: B.START_INSERT,
|
|
4748
4748
|
pluginKind: N.kind,
|
|
@@ -4791,23 +4791,23 @@ const vn = F(
|
|
|
4791
4791
|
gridLineStyle: {
|
|
4792
4792
|
color: "#e5e7eb",
|
|
4793
4793
|
width: { value: 1, unit: "px" },
|
|
4794
|
-
type:
|
|
4794
|
+
type: xt.SOLID
|
|
4795
4795
|
},
|
|
4796
4796
|
borderStyle: {
|
|
4797
4797
|
all: {
|
|
4798
4798
|
color: "#000000",
|
|
4799
4799
|
width: { value: 1, unit: "px" },
|
|
4800
|
-
type:
|
|
4800
|
+
type: xt.SOLID
|
|
4801
4801
|
}
|
|
4802
4802
|
}
|
|
4803
4803
|
}
|
|
4804
4804
|
),
|
|
4805
4805
|
/* @__PURE__ */ r.jsx(
|
|
4806
|
-
|
|
4806
|
+
ie,
|
|
4807
4807
|
{
|
|
4808
4808
|
blocks: t.blocks,
|
|
4809
4809
|
pluginRegistry: e,
|
|
4810
|
-
mode:
|
|
4810
|
+
mode: pt.FORM,
|
|
4811
4811
|
values: h,
|
|
4812
4812
|
selectedBlockIds: i.selectedBlockIds,
|
|
4813
4813
|
getBlockRectPx: p,
|
|
@@ -4849,12 +4849,12 @@ const bn = ({
|
|
|
4849
4849
|
printMode: l = !1,
|
|
4850
4850
|
printSettings: i
|
|
4851
4851
|
}, a) => {
|
|
4852
|
-
const c =
|
|
4852
|
+
const c = dt(null), { paperPx: u, gridPosPx: f, getBlockRectPx: p } = De(
|
|
4853
4853
|
t.paper,
|
|
4854
4854
|
t.grid,
|
|
4855
4855
|
H
|
|
4856
4856
|
);
|
|
4857
|
-
return
|
|
4857
|
+
return mt(() => {
|
|
4858
4858
|
if (!i) return;
|
|
4859
4859
|
const x = document.getElementById("dynamic-print-page-style");
|
|
4860
4860
|
x && x.remove();
|
|
@@ -4879,7 +4879,7 @@ const bn = ({
|
|
|
4879
4879
|
const h = document.getElementById("dynamic-print-page-style");
|
|
4880
4880
|
h && h.remove();
|
|
4881
4881
|
};
|
|
4882
|
-
}, [i]),
|
|
4882
|
+
}, [i]), ye(
|
|
4883
4883
|
a,
|
|
4884
4884
|
() => ({
|
|
4885
4885
|
print: () => {
|
|
@@ -4922,11 +4922,11 @@ const bn = ({
|
|
|
4922
4922
|
}
|
|
4923
4923
|
),
|
|
4924
4924
|
/* @__PURE__ */ r.jsx(
|
|
4925
|
-
|
|
4925
|
+
ie,
|
|
4926
4926
|
{
|
|
4927
4927
|
blocks: t.blocks,
|
|
4928
4928
|
pluginRegistry: n,
|
|
4929
|
-
mode:
|
|
4929
|
+
mode: pt.VIEW,
|
|
4930
4930
|
values: e,
|
|
4931
4931
|
getBlockRectPx: p,
|
|
4932
4932
|
showGuides: !1,
|
|
@@ -4938,7 +4938,7 @@ const bn = ({
|
|
|
4938
4938
|
);
|
|
4939
4939
|
};
|
|
4940
4940
|
bn.displayName = "NoteView";
|
|
4941
|
-
const Vo = F(
|
|
4941
|
+
const Vo = F(te(bn)), Fo = F(
|
|
4942
4942
|
({
|
|
4943
4943
|
schema: t,
|
|
4944
4944
|
values: e,
|
|
@@ -4961,7 +4961,7 @@ const Vo = F(ee(bn)), Fo = F(
|
|
|
4961
4961
|
},
|
|
4962
4962
|
[e, l]
|
|
4963
4963
|
);
|
|
4964
|
-
return n ===
|
|
4964
|
+
return n === pt.FORM ? /* @__PURE__ */ r.jsx(
|
|
4965
4965
|
vn,
|
|
4966
4966
|
{
|
|
4967
4967
|
schema: t,
|
|
@@ -4971,7 +4971,7 @@ const Vo = F(ee(bn)), Fo = F(
|
|
|
4971
4971
|
scale: a,
|
|
4972
4972
|
className: c
|
|
4973
4973
|
}
|
|
4974
|
-
) : n ===
|
|
4974
|
+
) : n === pt.EDIT ? /* @__PURE__ */ r.jsx(
|
|
4975
4975
|
xn,
|
|
4976
4976
|
{
|
|
4977
4977
|
schema: t,
|
|
@@ -5007,7 +5007,7 @@ function jt(t, e) {
|
|
|
5007
5007
|
}, s = e.split("."), o = n(t[0], s);
|
|
5008
5008
|
return t.every((i) => n(i, s) === o) ? o : void 0;
|
|
5009
5009
|
}
|
|
5010
|
-
const Uo = "_container_1tfjv_1", Wo = "_row_1tfjv_20", Yo = "_inputWrapper_1tfjv_37",
|
|
5010
|
+
const Uo = "_container_1tfjv_1", Wo = "_row_1tfjv_20", Yo = "_inputWrapper_1tfjv_37", pe = {
|
|
5011
5011
|
container: Uo,
|
|
5012
5012
|
row: Wo,
|
|
5013
5013
|
inputWrapper: Yo
|
|
@@ -5027,8 +5027,8 @@ const Uo = "_container_1tfjv_1", Wo = "_row_1tfjv_20", Yo = "_inputWrapper_1tfjv
|
|
|
5027
5027
|
};
|
|
5028
5028
|
}), e(o);
|
|
5029
5029
|
};
|
|
5030
|
-
return /* @__PURE__ */ r.jsx("div", { className:
|
|
5031
|
-
|
|
5030
|
+
return /* @__PURE__ */ r.jsx("div", { className: pe.container, children: /* @__PURE__ */ r.jsx("div", { className: pe.row, children: /* @__PURE__ */ r.jsx("div", { className: pe.inputWrapper, children: /* @__PURE__ */ r.jsx(
|
|
5031
|
+
ee,
|
|
5032
5032
|
{
|
|
5033
5033
|
value: jt(t, "style.backgroundColor"),
|
|
5034
5034
|
onChange: n,
|
|
@@ -5089,7 +5089,7 @@ const Ho = ({
|
|
|
5089
5089
|
d != null && d.type || (p = Nt(
|
|
5090
5090
|
p,
|
|
5091
5091
|
`border.${i}.type`,
|
|
5092
|
-
|
|
5092
|
+
xt.SOLID
|
|
5093
5093
|
)), d != null && d.width || (p = Nt(p, `border.${i}.width`, {
|
|
5094
5094
|
value: 1,
|
|
5095
5095
|
unit: "px"
|
|
@@ -5100,7 +5100,7 @@ const Ho = ({
|
|
|
5100
5100
|
d != null && d.type || (p = Nt(
|
|
5101
5101
|
p,
|
|
5102
5102
|
`border.${i}.type`,
|
|
5103
|
-
|
|
5103
|
+
xt.SOLID
|
|
5104
5104
|
)), d != null && d.color || (p = Nt(
|
|
5105
5105
|
p,
|
|
5106
5106
|
`border.${i}.color`,
|
|
@@ -5121,7 +5121,7 @@ const Ho = ({
|
|
|
5121
5121
|
(p) => c(
|
|
5122
5122
|
a[p]
|
|
5123
5123
|
)
|
|
5124
|
-
) ? new
|
|
5124
|
+
) ? new zt(a) : null;
|
|
5125
5125
|
}, [t]), o = (i) => /* @__PURE__ */ r.jsxs(
|
|
5126
5126
|
"div",
|
|
5127
5127
|
{
|
|
@@ -5132,7 +5132,7 @@ const Ho = ({
|
|
|
5132
5132
|
},
|
|
5133
5133
|
children: [
|
|
5134
5134
|
/* @__PURE__ */ r.jsx(
|
|
5135
|
-
|
|
5135
|
+
It,
|
|
5136
5136
|
{
|
|
5137
5137
|
value: jt(t, `style.border.${i}.type`),
|
|
5138
5138
|
onChange: (a) => n(i, "type", a),
|
|
@@ -5140,14 +5140,14 @@ const Ho = ({
|
|
|
5140
5140
|
height: 24,
|
|
5141
5141
|
options: [
|
|
5142
5142
|
{ label: "", value: void 0 },
|
|
5143
|
-
{ label: "実線", value:
|
|
5144
|
-
{ label: "破線", value:
|
|
5145
|
-
{ label: "点線", value:
|
|
5143
|
+
{ label: "実線", value: xt.SOLID },
|
|
5144
|
+
{ label: "破線", value: xt.DASHED },
|
|
5145
|
+
{ label: "点線", value: xt.DOTTED }
|
|
5146
5146
|
]
|
|
5147
5147
|
}
|
|
5148
5148
|
),
|
|
5149
5149
|
/* @__PURE__ */ r.jsx(
|
|
5150
|
-
|
|
5150
|
+
at,
|
|
5151
5151
|
{
|
|
5152
5152
|
value: jt(
|
|
5153
5153
|
t,
|
|
@@ -5161,7 +5161,7 @@ const Ho = ({
|
|
|
5161
5161
|
}
|
|
5162
5162
|
),
|
|
5163
5163
|
/* @__PURE__ */ r.jsx(
|
|
5164
|
-
|
|
5164
|
+
ee,
|
|
5165
5165
|
{
|
|
5166
5166
|
value: jt(t, `style.border.${i}.color`),
|
|
5167
5167
|
onChange: (a) => n(i, "color", a),
|
|
@@ -5275,7 +5275,7 @@ const Ho = ({
|
|
|
5275
5275
|
height: "80px",
|
|
5276
5276
|
pointerEvents: "none"
|
|
5277
5277
|
},
|
|
5278
|
-
children: /* @__PURE__ */ r.jsx(
|
|
5278
|
+
children: /* @__PURE__ */ r.jsx(Mt, { width: 80, height: 80, border: s })
|
|
5279
5279
|
}
|
|
5280
5280
|
) : /* @__PURE__ */ r.jsxs(
|
|
5281
5281
|
"svg",
|
|
@@ -5322,18 +5322,18 @@ const Ho = ({
|
|
|
5322
5322
|
},
|
|
5323
5323
|
children: /* @__PURE__ */ r.jsxs(Ze, { defaultValue: "all", variant: "segmented", children: [
|
|
5324
5324
|
/* @__PURE__ */ r.jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ r.jsxs(Qe, { style: { width: "100%", display: "flex" }, children: [
|
|
5325
|
-
/* @__PURE__ */ r.jsx(
|
|
5326
|
-
/* @__PURE__ */ r.jsx(
|
|
5327
|
-
/* @__PURE__ */ r.jsx(
|
|
5328
|
-
/* @__PURE__ */ r.jsx(
|
|
5329
|
-
/* @__PURE__ */ r.jsx(
|
|
5325
|
+
/* @__PURE__ */ r.jsx($t, { value: "all", height: 24, style: l, children: "共通" }),
|
|
5326
|
+
/* @__PURE__ */ r.jsx($t, { value: "top", height: 24, style: l, children: "上" }),
|
|
5327
|
+
/* @__PURE__ */ r.jsx($t, { value: "bottom", height: 24, style: l, children: "下" }),
|
|
5328
|
+
/* @__PURE__ */ r.jsx($t, { value: "left", height: 24, style: l, children: "左" }),
|
|
5329
|
+
/* @__PURE__ */ r.jsx($t, { value: "right", height: 24, style: l, children: "右" })
|
|
5330
5330
|
] }) }),
|
|
5331
5331
|
/* @__PURE__ */ r.jsxs("div", { style: { marginTop: "4px" }, children: [
|
|
5332
|
-
/* @__PURE__ */ r.jsx(
|
|
5333
|
-
/* @__PURE__ */ r.jsx(
|
|
5334
|
-
/* @__PURE__ */ r.jsx(
|
|
5335
|
-
/* @__PURE__ */ r.jsx(
|
|
5336
|
-
/* @__PURE__ */ r.jsx(
|
|
5332
|
+
/* @__PURE__ */ r.jsx(Dt, { value: "all", children: o("all") }),
|
|
5333
|
+
/* @__PURE__ */ r.jsx(Dt, { value: "top", children: o("top") }),
|
|
5334
|
+
/* @__PURE__ */ r.jsx(Dt, { value: "bottom", children: o("bottom") }),
|
|
5335
|
+
/* @__PURE__ */ r.jsx(Dt, { value: "left", children: o("left") }),
|
|
5336
|
+
/* @__PURE__ */ r.jsx(Dt, { value: "right", children: o("right") })
|
|
5337
5337
|
] })
|
|
5338
5338
|
] })
|
|
5339
5339
|
}
|
|
@@ -5341,7 +5341,7 @@ const Ho = ({
|
|
|
5341
5341
|
]
|
|
5342
5342
|
}
|
|
5343
5343
|
);
|
|
5344
|
-
}, Ko = "_container_1daw7_1", Xo = "_grid_1daw7_19", qo = "_field_1daw7_26", Jo = "_label_1daw7_33", Zo = "_inputWrapper_1daw7_43",
|
|
5344
|
+
}, Ko = "_container_1daw7_1", Xo = "_grid_1daw7_19", qo = "_field_1daw7_26", Jo = "_label_1daw7_33", Zo = "_inputWrapper_1daw7_43", ct = {
|
|
5345
5345
|
container: Ko,
|
|
5346
5346
|
grid: Xo,
|
|
5347
5347
|
field: qo,
|
|
@@ -5393,11 +5393,11 @@ const Ho = ({
|
|
|
5393
5393
|
});
|
|
5394
5394
|
e(u);
|
|
5395
5395
|
};
|
|
5396
|
-
return /* @__PURE__ */ r.jsx("div", { className:
|
|
5397
|
-
/* @__PURE__ */ r.jsxs("div", { className:
|
|
5398
|
-
/* @__PURE__ */ r.jsx("span", { className:
|
|
5399
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5400
|
-
|
|
5396
|
+
return /* @__PURE__ */ r.jsx("div", { className: ct.container, children: /* @__PURE__ */ r.jsxs("div", { className: ct.grid, children: [
|
|
5397
|
+
/* @__PURE__ */ r.jsxs("div", { className: ct.field, children: [
|
|
5398
|
+
/* @__PURE__ */ r.jsx("span", { className: ct.label, children: "X" }),
|
|
5399
|
+
/* @__PURE__ */ r.jsx("div", { className: ct.inputWrapper, children: /* @__PURE__ */ r.jsx(
|
|
5400
|
+
ut,
|
|
5401
5401
|
{
|
|
5402
5402
|
value: s ? o : jt(t, "layout.x"),
|
|
5403
5403
|
onChange: (a) => i("x", a),
|
|
@@ -5409,10 +5409,10 @@ const Ho = ({
|
|
|
5409
5409
|
}
|
|
5410
5410
|
) })
|
|
5411
5411
|
] }),
|
|
5412
|
-
/* @__PURE__ */ r.jsxs("div", { className:
|
|
5413
|
-
/* @__PURE__ */ r.jsx("span", { className:
|
|
5414
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5415
|
-
|
|
5412
|
+
/* @__PURE__ */ r.jsxs("div", { className: ct.field, children: [
|
|
5413
|
+
/* @__PURE__ */ r.jsx("span", { className: ct.label, children: "Y" }),
|
|
5414
|
+
/* @__PURE__ */ r.jsx("div", { className: ct.inputWrapper, children: /* @__PURE__ */ r.jsx(
|
|
5415
|
+
ut,
|
|
5416
5416
|
{
|
|
5417
5417
|
value: s ? l : jt(t, "layout.y"),
|
|
5418
5418
|
onChange: (a) => i("y", a),
|
|
@@ -5424,10 +5424,10 @@ const Ho = ({
|
|
|
5424
5424
|
}
|
|
5425
5425
|
) })
|
|
5426
5426
|
] }),
|
|
5427
|
-
!s && /* @__PURE__ */ r.jsxs("div", { className:
|
|
5428
|
-
/* @__PURE__ */ r.jsx("span", { className:
|
|
5429
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5430
|
-
|
|
5427
|
+
!s && /* @__PURE__ */ r.jsxs("div", { className: ct.field, children: [
|
|
5428
|
+
/* @__PURE__ */ r.jsx("span", { className: ct.label, children: "W" }),
|
|
5429
|
+
/* @__PURE__ */ r.jsx("div", { className: ct.inputWrapper, children: /* @__PURE__ */ r.jsx(
|
|
5430
|
+
ut,
|
|
5431
5431
|
{
|
|
5432
5432
|
value: jt(t, "layout.w"),
|
|
5433
5433
|
onChange: (a) => i("w", a),
|
|
@@ -5439,10 +5439,10 @@ const Ho = ({
|
|
|
5439
5439
|
}
|
|
5440
5440
|
) })
|
|
5441
5441
|
] }),
|
|
5442
|
-
!s && /* @__PURE__ */ r.jsxs("div", { className:
|
|
5443
|
-
/* @__PURE__ */ r.jsx("span", { className:
|
|
5444
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5445
|
-
|
|
5442
|
+
!s && /* @__PURE__ */ r.jsxs("div", { className: ct.field, children: [
|
|
5443
|
+
/* @__PURE__ */ r.jsx("span", { className: ct.label, children: "H" }),
|
|
5444
|
+
/* @__PURE__ */ r.jsx("div", { className: ct.inputWrapper, children: /* @__PURE__ */ r.jsx(
|
|
5445
|
+
ut,
|
|
5446
5446
|
{
|
|
5447
5447
|
value: jt(t, "layout.h"),
|
|
5448
5448
|
onChange: (a) => i("h", a),
|
|
@@ -5455,7 +5455,7 @@ const Ho = ({
|
|
|
5455
5455
|
) })
|
|
5456
5456
|
] })
|
|
5457
5457
|
] }) });
|
|
5458
|
-
}, ts = "_container_1h4w8_1", es = "_row_1h4w8_10", ns = "_label_1h4w8_16", rs = "_inputWrapper_1h4w8_25",
|
|
5458
|
+
}, ts = "_container_1h4w8_1", es = "_row_1h4w8_10", ns = "_label_1h4w8_16", rs = "_inputWrapper_1h4w8_25", Rt = {
|
|
5459
5459
|
container: ts,
|
|
5460
5460
|
row: es,
|
|
5461
5461
|
label: ns,
|
|
@@ -5464,8 +5464,8 @@ const Ho = ({
|
|
|
5464
5464
|
selectedBlocks: t,
|
|
5465
5465
|
onUpdateBlocks: e
|
|
5466
5466
|
}) => {
|
|
5467
|
-
const [n, s] =
|
|
5468
|
-
|
|
5467
|
+
const [n, s] = st(""), o = t[0];
|
|
5468
|
+
mt(() => {
|
|
5469
5469
|
t.length === 1 && o && s(o.id);
|
|
5470
5470
|
}, [t, o]);
|
|
5471
5471
|
const l = () => {
|
|
@@ -5488,11 +5488,11 @@ const Ho = ({
|
|
|
5488
5488
|
};
|
|
5489
5489
|
}), e(u);
|
|
5490
5490
|
};
|
|
5491
|
-
return /* @__PURE__ */ r.jsxs("div", { className:
|
|
5492
|
-
t.length === 1 && /* @__PURE__ */ r.jsxs("div", { className:
|
|
5493
|
-
/* @__PURE__ */ r.jsx("span", { className:
|
|
5494
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5495
|
-
|
|
5491
|
+
return /* @__PURE__ */ r.jsxs("div", { className: Rt.container, children: [
|
|
5492
|
+
t.length === 1 && /* @__PURE__ */ r.jsxs("div", { className: Rt.row, children: [
|
|
5493
|
+
/* @__PURE__ */ r.jsx("span", { className: Rt.label, children: "ID" }),
|
|
5494
|
+
/* @__PURE__ */ r.jsx("div", { className: Rt.inputWrapper, children: /* @__PURE__ */ r.jsx(
|
|
5495
|
+
Yt,
|
|
5496
5496
|
{
|
|
5497
5497
|
value: n,
|
|
5498
5498
|
onChange: i,
|
|
@@ -5502,7 +5502,7 @@ const Ho = ({
|
|
|
5502
5502
|
}
|
|
5503
5503
|
) })
|
|
5504
5504
|
] }),
|
|
5505
|
-
t.length > 0 && /* @__PURE__ */ r.jsx("div", { className:
|
|
5505
|
+
t.length > 0 && /* @__PURE__ */ r.jsx("div", { className: Rt.row, children: /* @__PURE__ */ r.jsx("div", { className: Rt.inputWrapper, children: /* @__PURE__ */ r.jsx(
|
|
5506
5506
|
Et,
|
|
5507
5507
|
{
|
|
5508
5508
|
label: "読み取り専用",
|
|
@@ -5511,7 +5511,7 @@ const Ho = ({
|
|
|
5511
5511
|
}
|
|
5512
5512
|
) }) })
|
|
5513
5513
|
] });
|
|
5514
|
-
}, ss = "_container_wa11y_1", is = "_scrollArea_wa11y_18", ls = "_section_wa11y_26", as = "_sectionTitle_wa11y_35", cs = "_subsection_wa11y_47", us = "_subsectionTitle_wa11y_51", ds = "_fields_wa11y_59", hs = "_emptyState_wa11y_69",
|
|
5514
|
+
}, ss = "_container_wa11y_1", is = "_scrollArea_wa11y_18", ls = "_section_wa11y_26", as = "_sectionTitle_wa11y_35", cs = "_subsection_wa11y_47", us = "_subsectionTitle_wa11y_51", ds = "_fields_wa11y_59", hs = "_emptyState_wa11y_69", it = {
|
|
5515
5515
|
container: ss,
|
|
5516
5516
|
scrollArea: is,
|
|
5517
5517
|
section: ls,
|
|
@@ -5520,7 +5520,7 @@ const Ho = ({
|
|
|
5520
5520
|
subsectionTitle: us,
|
|
5521
5521
|
fields: ds,
|
|
5522
5522
|
emptyState: hs
|
|
5523
|
-
}, fs = "_field_qo0ef_1", ms = "_label_qo0ef_7", ps = "_mixed_qo0ef_15", xs = "_description_qo0ef_22",
|
|
5523
|
+
}, fs = "_field_qo0ef_1", ms = "_label_qo0ef_7", ps = "_mixed_qo0ef_15", xs = "_description_qo0ef_22", Jt = {
|
|
5524
5524
|
field: fs,
|
|
5525
5525
|
label: ms,
|
|
5526
5526
|
mixed: ps,
|
|
@@ -5545,11 +5545,11 @@ const Ho = ({
|
|
|
5545
5545
|
placeholder: c ? "複数選択中 (値が異なります)" : (f = e.config) == null ? void 0 : f.placeholder
|
|
5546
5546
|
}
|
|
5547
5547
|
};
|
|
5548
|
-
return /* @__PURE__ */ r.jsxs("div", { className:
|
|
5549
|
-
e.label && /* @__PURE__ */ r.jsx("div", { className:
|
|
5548
|
+
return /* @__PURE__ */ r.jsxs("div", { className: Jt.field, children: [
|
|
5549
|
+
e.label && /* @__PURE__ */ r.jsx("div", { className: Jt.label, title: e.description, children: e.label }),
|
|
5550
5550
|
/* @__PURE__ */ r.jsx(o, { ...u }),
|
|
5551
|
-
c && /* @__PURE__ */ r.jsx("span", { className:
|
|
5552
|
-
e.description && /* @__PURE__ */ r.jsx("p", { className:
|
|
5551
|
+
c && /* @__PURE__ */ r.jsx("span", { className: Jt.mixed, children: "(混在)" }),
|
|
5552
|
+
e.description && /* @__PURE__ */ r.jsx("p", { className: Jt.description, children: e.description })
|
|
5553
5553
|
] });
|
|
5554
5554
|
}
|
|
5555
5555
|
);
|
|
@@ -5613,13 +5613,13 @@ const gn = F(
|
|
|
5613
5613
|
};
|
|
5614
5614
|
}), n(x);
|
|
5615
5615
|
};
|
|
5616
|
-
return t.length === 0 ? /* @__PURE__ */ r.jsx("div", { className: `${
|
|
5616
|
+
return t.length === 0 ? /* @__PURE__ */ r.jsx("div", { className: `${it.container} ${o}`, children: /* @__PURE__ */ r.jsxs("div", { className: it.emptyState, children: [
|
|
5617
5617
|
"ブロックを選択すると",
|
|
5618
5618
|
/* @__PURE__ */ r.jsx("br", {}),
|
|
5619
5619
|
"プロパティが表示されます"
|
|
5620
|
-
] }) }) : /* @__PURE__ */ r.jsx("div", { className: `${
|
|
5621
|
-
/* @__PURE__ */ r.jsxs("div", { className:
|
|
5622
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5620
|
+
] }) }) : /* @__PURE__ */ r.jsx("div", { className: `${it.container} ${o}`, children: /* @__PURE__ */ r.jsxs("div", { className: it.scrollArea, children: [
|
|
5621
|
+
/* @__PURE__ */ r.jsxs("div", { className: it.section, children: [
|
|
5622
|
+
/* @__PURE__ */ r.jsx("div", { className: it.sectionTitle, children: "配置・サイズ" }),
|
|
5623
5623
|
/* @__PURE__ */ r.jsx(
|
|
5624
5624
|
Qo,
|
|
5625
5625
|
{
|
|
@@ -5629,8 +5629,8 @@ const gn = F(
|
|
|
5629
5629
|
}
|
|
5630
5630
|
)
|
|
5631
5631
|
] }),
|
|
5632
|
-
/* @__PURE__ */ r.jsxs("div", { className:
|
|
5633
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5632
|
+
/* @__PURE__ */ r.jsxs("div", { className: it.section, children: [
|
|
5633
|
+
/* @__PURE__ */ r.jsx("div", { className: it.sectionTitle, children: "背景" }),
|
|
5634
5634
|
/* @__PURE__ */ r.jsx(
|
|
5635
5635
|
zo,
|
|
5636
5636
|
{
|
|
@@ -5639,8 +5639,8 @@ const gn = F(
|
|
|
5639
5639
|
}
|
|
5640
5640
|
)
|
|
5641
5641
|
] }),
|
|
5642
|
-
/* @__PURE__ */ r.jsxs("div", { className:
|
|
5643
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5642
|
+
/* @__PURE__ */ r.jsxs("div", { className: it.section, children: [
|
|
5643
|
+
/* @__PURE__ */ r.jsx("div", { className: it.sectionTitle, children: "枠線" }),
|
|
5644
5644
|
/* @__PURE__ */ r.jsx(
|
|
5645
5645
|
Ho,
|
|
5646
5646
|
{
|
|
@@ -5649,9 +5649,9 @@ const gn = F(
|
|
|
5649
5649
|
}
|
|
5650
5650
|
)
|
|
5651
5651
|
] }),
|
|
5652
|
-
i && Object.keys(c).length > 0 && /* @__PURE__ */ r.jsx("div", { className:
|
|
5653
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5654
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5652
|
+
i && Object.keys(c).length > 0 && /* @__PURE__ */ r.jsx("div", { className: it.section, children: Object.entries(c).map(([f, p]) => /* @__PURE__ */ r.jsxs("div", { className: it.subsection, children: [
|
|
5653
|
+
/* @__PURE__ */ r.jsx("div", { className: it.subsectionTitle, children: f }),
|
|
5654
|
+
/* @__PURE__ */ r.jsx("div", { className: it.fields, children: p.map(({ key: x, definition: v }) => /* @__PURE__ */ r.jsx(
|
|
5655
5655
|
Te,
|
|
5656
5656
|
{
|
|
5657
5657
|
propertyKey: x,
|
|
@@ -5662,8 +5662,8 @@ const gn = F(
|
|
|
5662
5662
|
x
|
|
5663
5663
|
)) })
|
|
5664
5664
|
] }, f)) }),
|
|
5665
|
-
/* @__PURE__ */ r.jsxs("div", { className:
|
|
5666
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5665
|
+
/* @__PURE__ */ r.jsxs("div", { className: it.section, children: [
|
|
5666
|
+
/* @__PURE__ */ r.jsx("div", { className: it.sectionTitle, children: "基本設定" }),
|
|
5667
5667
|
/* @__PURE__ */ r.jsx(
|
|
5668
5668
|
os,
|
|
5669
5669
|
{
|
|
@@ -5676,7 +5676,7 @@ const gn = F(
|
|
|
5676
5676
|
}
|
|
5677
5677
|
);
|
|
5678
5678
|
gn.displayName = "BlockPropertyPanel";
|
|
5679
|
-
const bs = "_panel_1h33v_1", gs = "_header_1h33v_11", ws = "_group_1h33v_18", _s = "_groupTitle_1h33v_26", ys = "_groupContent_1h33v_36",
|
|
5679
|
+
const bs = "_panel_1h33v_1", gs = "_header_1h33v_11", ws = "_group_1h33v_18", _s = "_groupTitle_1h33v_26", ys = "_groupContent_1h33v_36", St = {
|
|
5680
5680
|
panel: bs,
|
|
5681
5681
|
header: gs,
|
|
5682
5682
|
group: ws,
|
|
@@ -5714,11 +5714,11 @@ const qi = ({
|
|
|
5714
5714
|
};
|
|
5715
5715
|
}), n(u);
|
|
5716
5716
|
};
|
|
5717
|
-
return !s || !o || t.length === 0 ? null : /* @__PURE__ */ r.jsxs("div", { className:
|
|
5718
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5719
|
-
Object.entries(l).map(([a, c]) => /* @__PURE__ */ r.jsxs("div", { className:
|
|
5720
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5721
|
-
/* @__PURE__ */ r.jsx("div", { className:
|
|
5717
|
+
return !s || !o || t.length === 0 ? null : /* @__PURE__ */ r.jsxs("div", { className: St.panel, children: [
|
|
5718
|
+
/* @__PURE__ */ r.jsx("div", { className: St.header, children: t.length > 1 ? `${t.length}個のブロック` : o.meta.displayName }),
|
|
5719
|
+
Object.entries(l).map(([a, c]) => /* @__PURE__ */ r.jsxs("div", { className: St.group, children: [
|
|
5720
|
+
/* @__PURE__ */ r.jsx("div", { className: St.groupTitle, children: a }),
|
|
5721
|
+
/* @__PURE__ */ r.jsx("div", { className: St.groupContent, children: c.map(({ key: u, definition: f }) => /* @__PURE__ */ r.jsx(
|
|
5722
5722
|
Te,
|
|
5723
5723
|
{
|
|
5724
5724
|
propertyKey: u,
|
|
@@ -5751,7 +5751,7 @@ const qi = ({
|
|
|
5751
5751
|
blocks: t,
|
|
5752
5752
|
onBlocksChange: e
|
|
5753
5753
|
}) => {
|
|
5754
|
-
const [n, s] =
|
|
5754
|
+
const [n, s] = st(null), [o, l] = st(null), i = [...t].reverse(), a = $(
|
|
5755
5755
|
(d) => {
|
|
5756
5756
|
const m = t.findIndex((j) => j.id === d);
|
|
5757
5757
|
if (m === -1 || m === t.length - 1) return;
|
|
@@ -6039,7 +6039,7 @@ const Bs = "_panel_1axyd_6", Vs = "_title_1axyd_10", Fs = "_content_1axyd_22", U
|
|
|
6039
6039
|
/* @__PURE__ */ r.jsxs("div", { className: `${_t.field} ${_t.horizontal}`, children: [
|
|
6040
6040
|
/* @__PURE__ */ r.jsx("span", { className: _t.label, children: "列数" }),
|
|
6041
6041
|
/* @__PURE__ */ r.jsx(
|
|
6042
|
-
|
|
6042
|
+
ut,
|
|
6043
6043
|
{
|
|
6044
6044
|
value: t.cols.length,
|
|
6045
6045
|
onChange: n,
|
|
@@ -6052,7 +6052,7 @@ const Bs = "_panel_1axyd_6", Vs = "_title_1axyd_10", Fs = "_content_1axyd_22", U
|
|
|
6052
6052
|
/* @__PURE__ */ r.jsxs("div", { className: `${_t.field} ${_t.horizontal}`, children: [
|
|
6053
6053
|
/* @__PURE__ */ r.jsx("span", { className: _t.label, children: "行数" }),
|
|
6054
6054
|
/* @__PURE__ */ r.jsx(
|
|
6055
|
-
|
|
6055
|
+
ut,
|
|
6056
6056
|
{
|
|
6057
6057
|
value: t.rows.length,
|
|
6058
6058
|
onChange: s,
|
|
@@ -6080,7 +6080,7 @@ const Hs = "_panel_qlcb6_6", Ks = "_header_qlcb6_10", Xs = "_title_qlcb6_20", qs
|
|
|
6080
6080
|
bottomMargin: ri,
|
|
6081
6081
|
sideMargins: oi
|
|
6082
6082
|
}, En = ({ paper: t, onPaperChange: e }) => {
|
|
6083
|
-
const [n, s] =
|
|
6083
|
+
const [n, s] = st(!1), o = $((u) => {
|
|
6084
6084
|
u !== void 0 && s(u);
|
|
6085
6085
|
}, []), l = $(
|
|
6086
6086
|
(u) => {
|
|
@@ -6149,7 +6149,7 @@ const Hs = "_panel_qlcb6_6", Ks = "_header_qlcb6_10", Xs = "_title_qlcb6_20", qs
|
|
|
6149
6149
|
/* @__PURE__ */ r.jsx("div", { className: Q.content, children: n ? /* @__PURE__ */ r.jsxs("div", { className: `${Q.field} ${Q.horizontal}`, children: [
|
|
6150
6150
|
/* @__PURE__ */ r.jsx("span", { className: Q.label, children: "全辺" }),
|
|
6151
6151
|
/* @__PURE__ */ r.jsx(
|
|
6152
|
-
|
|
6152
|
+
at,
|
|
6153
6153
|
{
|
|
6154
6154
|
value: t.margin.top,
|
|
6155
6155
|
onChange: l,
|
|
@@ -6164,7 +6164,7 @@ const Hs = "_panel_qlcb6_6", Ks = "_header_qlcb6_10", Xs = "_title_qlcb6_20", qs
|
|
|
6164
6164
|
{
|
|
6165
6165
|
className: `${Q.field} ${Q.horizontal} ${Q.topMargin}`,
|
|
6166
6166
|
children: /* @__PURE__ */ r.jsx(
|
|
6167
|
-
|
|
6167
|
+
at,
|
|
6168
6168
|
{
|
|
6169
6169
|
value: t.margin.top,
|
|
6170
6170
|
onChange: l,
|
|
@@ -6177,7 +6177,7 @@ const Hs = "_panel_qlcb6_6", Ks = "_header_qlcb6_10", Xs = "_title_qlcb6_20", qs
|
|
|
6177
6177
|
),
|
|
6178
6178
|
/* @__PURE__ */ r.jsxs("div", { className: Q.sideMargins, children: [
|
|
6179
6179
|
/* @__PURE__ */ r.jsx("div", { className: `${Q.field} ${Q.horizontal}`, children: /* @__PURE__ */ r.jsx(
|
|
6180
|
-
|
|
6180
|
+
at,
|
|
6181
6181
|
{
|
|
6182
6182
|
value: t.margin.left,
|
|
6183
6183
|
onChange: c,
|
|
@@ -6187,7 +6187,7 @@ const Hs = "_panel_qlcb6_6", Ks = "_header_qlcb6_10", Xs = "_title_qlcb6_20", qs
|
|
|
6187
6187
|
}
|
|
6188
6188
|
) }),
|
|
6189
6189
|
/* @__PURE__ */ r.jsx("div", { className: `${Q.field} ${Q.horizontal}`, children: /* @__PURE__ */ r.jsx(
|
|
6190
|
-
|
|
6190
|
+
at,
|
|
6191
6191
|
{
|
|
6192
6192
|
value: t.margin.right,
|
|
6193
6193
|
onChange: i,
|
|
@@ -6202,7 +6202,7 @@ const Hs = "_panel_qlcb6_6", Ks = "_header_qlcb6_10", Xs = "_title_qlcb6_20", qs
|
|
|
6202
6202
|
{
|
|
6203
6203
|
className: `${Q.field} ${Q.horizontal} ${Q.bottomMargin}`,
|
|
6204
6204
|
children: /* @__PURE__ */ r.jsx(
|
|
6205
|
-
|
|
6205
|
+
at,
|
|
6206
6206
|
{
|
|
6207
6207
|
value: t.margin.bottom,
|
|
6208
6208
|
onChange: a,
|
|
@@ -6282,7 +6282,7 @@ const si = "_panel_16d9o_6", ii = "_title_16d9o_10", li = "_content_16d9o_22", a
|
|
|
6282
6282
|
/* @__PURE__ */ r.jsx("h3", { className: gt.title, children: "用紙サイズ" }),
|
|
6283
6283
|
/* @__PURE__ */ r.jsxs("div", { className: gt.content, children: [
|
|
6284
6284
|
/* @__PURE__ */ r.jsx("div", { className: gt.field, children: /* @__PURE__ */ r.jsx(
|
|
6285
|
-
|
|
6285
|
+
It,
|
|
6286
6286
|
{
|
|
6287
6287
|
value: t.size.preset,
|
|
6288
6288
|
options: n,
|
|
@@ -6293,26 +6293,26 @@ const si = "_panel_16d9o_6", ii = "_title_16d9o_10", li = "_content_16d9o_22", a
|
|
|
6293
6293
|
/* @__PURE__ */ r.jsxs("div", { className: `${gt.field} ${gt.horizontal}`, children: [
|
|
6294
6294
|
/* @__PURE__ */ r.jsx("span", { className: gt.label, children: "幅" }),
|
|
6295
6295
|
/* @__PURE__ */ r.jsx(
|
|
6296
|
-
|
|
6296
|
+
at,
|
|
6297
6297
|
{
|
|
6298
6298
|
value: t.size.width,
|
|
6299
6299
|
onChange: o,
|
|
6300
6300
|
allowedUnits: ["mm", "cm", "inch"],
|
|
6301
6301
|
min: 1,
|
|
6302
|
-
max:
|
|
6302
|
+
max: 500
|
|
6303
6303
|
}
|
|
6304
6304
|
)
|
|
6305
6305
|
] }),
|
|
6306
6306
|
/* @__PURE__ */ r.jsxs("div", { className: `${gt.field} ${gt.horizontal}`, children: [
|
|
6307
6307
|
/* @__PURE__ */ r.jsx("span", { className: gt.label, children: "高さ" }),
|
|
6308
6308
|
/* @__PURE__ */ r.jsx(
|
|
6309
|
-
|
|
6309
|
+
at,
|
|
6310
6310
|
{
|
|
6311
6311
|
value: t.size.height,
|
|
6312
6312
|
onChange: l,
|
|
6313
6313
|
allowedUnits: ["mm", "cm", "inch"],
|
|
6314
6314
|
min: 1,
|
|
6315
|
-
max:
|
|
6315
|
+
max: 500
|
|
6316
6316
|
}
|
|
6317
6317
|
)
|
|
6318
6318
|
] })
|
|
@@ -6334,7 +6334,7 @@ const hi = "_section_p4xnx_6", fi = "_title_p4xnx_14", mi = "_content_p4xnx_26",
|
|
|
6334
6334
|
onSchemaChange: n,
|
|
6335
6335
|
onValuesChange: s
|
|
6336
6336
|
}) => {
|
|
6337
|
-
const [o, l] =
|
|
6337
|
+
const [o, l] = st(""), i = dt(null), a = dt(null), c = $(() => {
|
|
6338
6338
|
try {
|
|
6339
6339
|
const h = We(t, !0), w = new Blob([h], { type: "application/json" }), j = URL.createObjectURL(w), N = document.createElement("a");
|
|
6340
6340
|
N.href = j, N.download = "schema.json", N.click(), URL.revokeObjectURL(j), l("");
|
|
@@ -6563,14 +6563,14 @@ const In = ({
|
|
|
6563
6563
|
}
|
|
6564
6564
|
) });
|
|
6565
6565
|
In.displayName = "OtherPanel";
|
|
6566
|
-
const bi = "_container_6c3ft_3", gi = "_paletteItems_6c3ft_32", wi = "_item_6c3ft_44", _i = "_itemName_6c3ft_70", yi = "_itemPreview_6c3ft_98",
|
|
6566
|
+
const bi = "_container_6c3ft_3", gi = "_paletteItems_6c3ft_32", wi = "_item_6c3ft_44", _i = "_itemName_6c3ft_70", yi = "_itemPreview_6c3ft_98", Wt = {
|
|
6567
6567
|
container: bi,
|
|
6568
6568
|
paletteItems: gi,
|
|
6569
6569
|
item: wi,
|
|
6570
6570
|
itemName: _i,
|
|
6571
6571
|
itemPreview: yi
|
|
6572
6572
|
}, $n = ({ plugins: t, className: e }) => {
|
|
6573
|
-
const [n, s] =
|
|
6573
|
+
const [n, s] = st(null), o = $(
|
|
6574
6574
|
(l, i) => {
|
|
6575
6575
|
s({ plugin: l, mousePos: i, isOverCanvas: !1 });
|
|
6576
6576
|
const a = (u) => {
|
|
@@ -6595,7 +6595,7 @@ const bi = "_container_6c3ft_3", gi = "_paletteItems_6c3ft_32", wi = "_item_6c3f
|
|
|
6595
6595
|
[]
|
|
6596
6596
|
);
|
|
6597
6597
|
return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
|
|
6598
|
-
/* @__PURE__ */ r.jsx("div", { className: `${
|
|
6598
|
+
/* @__PURE__ */ r.jsx("div", { className: `${Wt.container} ${e || ""}`, children: /* @__PURE__ */ r.jsx("div", { className: Wt.paletteItems, children: t.map((l) => /* @__PURE__ */ r.jsx(
|
|
6599
6599
|
Dn,
|
|
6600
6600
|
{
|
|
6601
6601
|
plugin: l,
|
|
@@ -6608,7 +6608,7 @@ const bi = "_container_6c3ft_3", gi = "_paletteItems_6c3ft_32", wi = "_item_6c3f
|
|
|
6608
6608
|
};
|
|
6609
6609
|
$n.displayName = "PalettePanel";
|
|
6610
6610
|
const Dn = ({ plugin: t, onDragStart: e }) => {
|
|
6611
|
-
const n = P(() =>
|
|
6611
|
+
const n = P(() => At(
|
|
6612
6612
|
t,
|
|
6613
6613
|
{
|
|
6614
6614
|
x: 0,
|
|
@@ -6623,21 +6623,21 @@ const Dn = ({ plugin: t, onDragStart: e }) => {
|
|
|
6623
6623
|
return t.validateValue(void 0, n.props);
|
|
6624
6624
|
}, [t, n.props]), o = $(
|
|
6625
6625
|
(l) => {
|
|
6626
|
-
l.preventDefault(),
|
|
6626
|
+
l.preventDefault(), Zt.start(t.kind, t.meta.defaultSize), e(t, { x: l.clientX, y: l.clientY });
|
|
6627
6627
|
const i = () => {
|
|
6628
|
-
|
|
6628
|
+
Zt.end(), window.removeEventListener("pointerup", i);
|
|
6629
6629
|
};
|
|
6630
6630
|
window.addEventListener("pointerup", i);
|
|
6631
6631
|
},
|
|
6632
6632
|
[t, e]
|
|
6633
6633
|
);
|
|
6634
|
-
return /* @__PURE__ */ r.jsxs("div", { className:
|
|
6634
|
+
return /* @__PURE__ */ r.jsxs("div", { className: Wt.item, children: [
|
|
6635
6635
|
/* @__PURE__ */ r.jsx(
|
|
6636
6636
|
"button",
|
|
6637
6637
|
{
|
|
6638
6638
|
type: "button",
|
|
6639
6639
|
onPointerDown: o,
|
|
6640
|
-
className:
|
|
6640
|
+
className: Wt.itemName,
|
|
6641
6641
|
"aria-label": `${t.meta.displayName}ブロックを追加`,
|
|
6642
6642
|
children: t.meta.displayName
|
|
6643
6643
|
}
|
|
@@ -6645,7 +6645,7 @@ const Dn = ({ plugin: t, onDragStart: e }) => {
|
|
|
6645
6645
|
/* @__PURE__ */ r.jsx(
|
|
6646
6646
|
"div",
|
|
6647
6647
|
{
|
|
6648
|
-
className:
|
|
6648
|
+
className: Wt.itemPreview,
|
|
6649
6649
|
onPointerDown: o,
|
|
6650
6650
|
"aria-hidden": "true",
|
|
6651
6651
|
children: /* @__PURE__ */ r.jsx(
|
|
@@ -6657,7 +6657,7 @@ const Dn = ({ plugin: t, onDragStart: e }) => {
|
|
|
6657
6657
|
onChange: () => {
|
|
6658
6658
|
},
|
|
6659
6659
|
readOnly: !0,
|
|
6660
|
-
mode:
|
|
6660
|
+
mode: pt.FORM
|
|
6661
6661
|
}
|
|
6662
6662
|
)
|
|
6663
6663
|
}
|
|
@@ -6666,7 +6666,7 @@ const Dn = ({ plugin: t, onDragStart: e }) => {
|
|
|
6666
6666
|
};
|
|
6667
6667
|
Dn.displayName = "PaletteItem";
|
|
6668
6668
|
const Tn = ({ plugin: t, mousePos: e }) => {
|
|
6669
|
-
const n = P(() =>
|
|
6669
|
+
const n = P(() => At(
|
|
6670
6670
|
t,
|
|
6671
6671
|
{
|
|
6672
6672
|
x: 0,
|
|
@@ -6709,14 +6709,14 @@ const Tn = ({ plugin: t, mousePos: e }) => {
|
|
|
6709
6709
|
onChange: () => {
|
|
6710
6710
|
},
|
|
6711
6711
|
readOnly: !0,
|
|
6712
|
-
mode:
|
|
6712
|
+
mode: pt.FORM
|
|
6713
6713
|
}
|
|
6714
6714
|
)
|
|
6715
6715
|
}
|
|
6716
6716
|
);
|
|
6717
6717
|
};
|
|
6718
6718
|
Tn.displayName = "DragGhost";
|
|
6719
|
-
const Ei = "_container_rt0ql_3", ji = "_tabHeader_rt0ql_14", Ni = "_tabContent_rt0ql_21",
|
|
6719
|
+
const Ei = "_container_rt0ql_3", ji = "_tabHeader_rt0ql_14", Ni = "_tabContent_rt0ql_21", kt = {
|
|
6720
6720
|
container: Ei,
|
|
6721
6721
|
tabHeader: ji,
|
|
6722
6722
|
tabContent: Ni
|
|
@@ -6742,15 +6742,15 @@ const Ei = "_container_rt0ql_3", ji = "_tabHeader_rt0ql_14", Ni = "_tabContent_r
|
|
|
6742
6742
|
return /* @__PURE__ */ r.jsx(
|
|
6743
6743
|
"div",
|
|
6744
6744
|
{
|
|
6745
|
-
className: `${
|
|
6745
|
+
className: `${kt.container} ${u || ""}`,
|
|
6746
6746
|
"data-sidebar": "true",
|
|
6747
6747
|
children: /* @__PURE__ */ r.jsxs(Ze, { defaultValue: "block", variant: "default", children: [
|
|
6748
|
-
/* @__PURE__ */ r.jsxs(Qe, { className:
|
|
6749
|
-
/* @__PURE__ */ r.jsx(
|
|
6750
|
-
/* @__PURE__ */ r.jsx(
|
|
6751
|
-
/* @__PURE__ */ r.jsx(
|
|
6748
|
+
/* @__PURE__ */ r.jsxs(Qe, { className: kt.tabHeader, children: [
|
|
6749
|
+
/* @__PURE__ */ r.jsx($t, { value: "block", children: "ブロック" }),
|
|
6750
|
+
/* @__PURE__ */ r.jsx($t, { value: "canvas", children: "キャンバス" }),
|
|
6751
|
+
/* @__PURE__ */ r.jsx($t, { value: "other", children: "その他" })
|
|
6752
6752
|
] }),
|
|
6753
|
-
/* @__PURE__ */ r.jsx(
|
|
6753
|
+
/* @__PURE__ */ r.jsx(Dt, { value: "block", className: kt.tabContent, children: x ? /* @__PURE__ */ r.jsx(
|
|
6754
6754
|
gn,
|
|
6755
6755
|
{
|
|
6756
6756
|
selectedBlocks: p,
|
|
@@ -6759,8 +6759,8 @@ const Ei = "_container_rt0ql_3", ji = "_tabHeader_rt0ql_14", Ni = "_tabContent_r
|
|
|
6759
6759
|
gridSize: c
|
|
6760
6760
|
}
|
|
6761
6761
|
) : /* @__PURE__ */ r.jsx($n, { plugins: f }) }),
|
|
6762
|
-
/* @__PURE__ */ r.jsx(
|
|
6763
|
-
/* @__PURE__ */ r.jsx(
|
|
6762
|
+
/* @__PURE__ */ r.jsx(Dt, { value: "canvas", className: kt.tabContent, children: /* @__PURE__ */ r.jsx(_n, { schema: o, onSchemaChange: i }) }),
|
|
6763
|
+
/* @__PURE__ */ r.jsx(Dt, { value: "other", className: kt.tabContent, children: /* @__PURE__ */ r.jsx(
|
|
6764
6764
|
In,
|
|
6765
6765
|
{
|
|
6766
6766
|
schema: o,
|
|
@@ -6782,22 +6782,22 @@ export {
|
|
|
6782
6782
|
zo as BackgroundPanel,
|
|
6783
6783
|
Br as BlockBorder,
|
|
6784
6784
|
Vr as BlockCanvas,
|
|
6785
|
-
|
|
6785
|
+
ft as BlockChangeType,
|
|
6786
6786
|
nn as BlockContainer,
|
|
6787
6787
|
Ur as BlockGuideBorder,
|
|
6788
|
-
|
|
6788
|
+
ie as BlockLayer,
|
|
6789
6789
|
wn as BlockOrderPanel,
|
|
6790
6790
|
gn as BlockPropertyPanel,
|
|
6791
|
-
|
|
6792
|
-
|
|
6791
|
+
se as BlockRenderer,
|
|
6792
|
+
zt as Border,
|
|
6793
6793
|
zr as BorderOverlay,
|
|
6794
6794
|
Ho as BorderPanel,
|
|
6795
|
-
|
|
6795
|
+
Mt as BorderRenderer,
|
|
6796
6796
|
ur as COLOR_PALETTE,
|
|
6797
6797
|
_n as CanvasPanel,
|
|
6798
6798
|
Et as Checkbox,
|
|
6799
6799
|
Ke as ColorPalette,
|
|
6800
|
-
|
|
6800
|
+
ee as ColorPicker,
|
|
6801
6801
|
qe as ColorPickerPopover,
|
|
6802
6802
|
H as DEFAULT_DPI,
|
|
6803
6803
|
Dr as DEFAULT_FONT_FAMILY,
|
|
@@ -6808,42 +6808,42 @@ export {
|
|
|
6808
6808
|
Or as DEFAULT_PAPER_MARGIN,
|
|
6809
6809
|
tn as DEFAULT_PAPER_SIZES,
|
|
6810
6810
|
Wi as DEFAULT_SCHEMA,
|
|
6811
|
-
|
|
6811
|
+
at as DimensionInput,
|
|
6812
6812
|
fn as DragLayer,
|
|
6813
|
-
|
|
6813
|
+
lt as DragType,
|
|
6814
6814
|
ko as EditingBlock,
|
|
6815
6815
|
Ir as FONT_UNITS,
|
|
6816
6816
|
Li as GRID_UNITS,
|
|
6817
6817
|
Hr as GridCanvas,
|
|
6818
|
-
|
|
6818
|
+
xe as GridDimensionLabel,
|
|
6819
6819
|
Ie as GridLayer,
|
|
6820
6820
|
uo as GridOverlay,
|
|
6821
|
-
|
|
6821
|
+
ve as GridResizeHandle,
|
|
6822
6822
|
yn as GridSizePanel,
|
|
6823
|
-
|
|
6824
|
-
|
|
6823
|
+
Gt as HorizontalAlign,
|
|
6824
|
+
Tt as ImageObjectFit,
|
|
6825
6825
|
Nn as ImportExportPanel,
|
|
6826
6826
|
an as InsertGhost,
|
|
6827
|
-
|
|
6827
|
+
Ht as InteractionBlock,
|
|
6828
6828
|
B as InteractionEventType,
|
|
6829
6829
|
pn as InteractionLayer,
|
|
6830
6830
|
W as InteractionMode,
|
|
6831
6831
|
Qo as LayoutPanel,
|
|
6832
|
-
|
|
6832
|
+
xt as LineType,
|
|
6833
6833
|
mo as MarginOverlay,
|
|
6834
6834
|
En as MarginPanel,
|
|
6835
6835
|
os as MetaPanel,
|
|
6836
6836
|
un as MovingGhost,
|
|
6837
|
-
|
|
6838
|
-
|
|
6837
|
+
Ft as MultilineWhiteSpace,
|
|
6838
|
+
Vt as MultilineWordWrap,
|
|
6839
6839
|
xn as NoteEdit,
|
|
6840
6840
|
Fo as NoteEditor,
|
|
6841
6841
|
vn as NoteForm,
|
|
6842
|
-
|
|
6842
|
+
pt as NoteMode,
|
|
6843
6843
|
Vo as NoteView,
|
|
6844
|
-
|
|
6844
|
+
ut as NumberInput,
|
|
6845
6845
|
In as OtherPanel,
|
|
6846
|
-
|
|
6846
|
+
Ot as PADDING_UNITS,
|
|
6847
6847
|
Pi as PAPER_UNITS,
|
|
6848
6848
|
$n as PalettePanel,
|
|
6849
6849
|
jn as PaperSizePanel,
|
|
@@ -6855,34 +6855,34 @@ export {
|
|
|
6855
6855
|
hn as ResizeGhost,
|
|
6856
6856
|
Z as ResizeHandle,
|
|
6857
6857
|
ln as ResizeHandles,
|
|
6858
|
-
|
|
6858
|
+
le as SELECTION_STYLE,
|
|
6859
6859
|
Ce as SIZE_UNITS,
|
|
6860
|
-
|
|
6860
|
+
It as Select,
|
|
6861
6861
|
Co as SelectionBorder,
|
|
6862
6862
|
mn as SelectionLayer,
|
|
6863
6863
|
Ii as Sidebar,
|
|
6864
6864
|
Je as TabPanel,
|
|
6865
6865
|
Ze as Tabs,
|
|
6866
|
-
|
|
6866
|
+
Dt as TabsContent,
|
|
6867
6867
|
Qe as TabsList,
|
|
6868
|
-
|
|
6869
|
-
|
|
6868
|
+
$t as TabsTrigger,
|
|
6869
|
+
Yt as TextInput,
|
|
6870
6870
|
kr as ValidationSeverity,
|
|
6871
|
-
|
|
6871
|
+
Bt as VerticalAlign,
|
|
6872
6872
|
V as Z_INDEX,
|
|
6873
6873
|
zn as alignmentDefinition,
|
|
6874
6874
|
Ui as assertFinite,
|
|
6875
6875
|
je as assertInteger,
|
|
6876
|
-
|
|
6877
|
-
|
|
6876
|
+
ot as assertNonNegative,
|
|
6877
|
+
Ee as assertPositive,
|
|
6878
6878
|
Mr as assertRange,
|
|
6879
|
-
|
|
6879
|
+
me as binarySearch,
|
|
6880
6880
|
Oe as calculateGridResize,
|
|
6881
6881
|
dn as calculateResizedLayout,
|
|
6882
6882
|
Bo as clampBlockToGrid,
|
|
6883
6883
|
cn as clampMultipleBlocks,
|
|
6884
6884
|
jo as cleanupPrint,
|
|
6885
|
-
|
|
6885
|
+
At as createBlock,
|
|
6886
6886
|
Rr as createBlockId,
|
|
6887
6887
|
Tr as createInitialProps,
|
|
6888
6888
|
Si as createPluginRegistry,
|
|
@@ -6901,21 +6901,21 @@ export {
|
|
|
6901
6901
|
Yi as getMaxBlockCount,
|
|
6902
6902
|
Ge as getMaxStep,
|
|
6903
6903
|
Xi as getPaperSize,
|
|
6904
|
-
|
|
6905
|
-
|
|
6906
|
-
|
|
6907
|
-
|
|
6904
|
+
Ut as getStrokeDasharray,
|
|
6905
|
+
oe as getSubZIndex,
|
|
6906
|
+
Zt as globalDragStore,
|
|
6907
|
+
be as gridToMms,
|
|
6908
6908
|
Ki as gridToPxs,
|
|
6909
6909
|
ki as imageDefinition,
|
|
6910
6910
|
rt as interactionZIndexs,
|
|
6911
6911
|
Ri as isValidHex,
|
|
6912
|
-
|
|
6912
|
+
ge as mmsToPxs,
|
|
6913
6913
|
Gi as multilineDefinition,
|
|
6914
6914
|
$r as paddingDefinition,
|
|
6915
6915
|
Le as parseColor,
|
|
6916
6916
|
Bi as placeholderDefinition,
|
|
6917
6917
|
Eo as preparePrint,
|
|
6918
|
-
|
|
6918
|
+
we as removeUndefinedProps,
|
|
6919
6919
|
We as serializeSchema,
|
|
6920
6920
|
ze as serializeValues,
|
|
6921
6921
|
Vi as sizeDefinition,
|