nam-rich-text-editor 9.1.2 → 9.1.4
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/rich-text-editor.es.js +749 -689
- package/dist/rich-text-editor.umd.js +4 -4
- package/package.json +1 -1
|
@@ -50,8 +50,8 @@ const zn = ([h, v, f]) => {
|
|
|
50
50
|
return Object.keys(v).forEach((y) => {
|
|
51
51
|
d.setAttribute(y, String(v[y]));
|
|
52
52
|
}), f?.length && f.forEach((y) => {
|
|
53
|
-
const
|
|
54
|
-
d.appendChild(
|
|
53
|
+
const b = zn(y);
|
|
54
|
+
d.appendChild(b);
|
|
55
55
|
}), d;
|
|
56
56
|
}, ye = (h, v = {}) => {
|
|
57
57
|
const d = {
|
|
@@ -185,15 +185,15 @@ function So() {
|
|
|
185
185
|
{ command: "strikeThrough", icon: go, title: "Strikethrough" }
|
|
186
186
|
].forEach((f) => {
|
|
187
187
|
const d = document.createElement("div");
|
|
188
|
-
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (
|
|
189
|
-
(
|
|
188
|
+
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (b) => {
|
|
189
|
+
(b.key === "Enter" || b.key === " ") && (b.preventDefault(), d.click());
|
|
190
190
|
});
|
|
191
191
|
const y = ye(f.icon, { width: 16, height: 16 });
|
|
192
192
|
d.appendChild(y), d.title = f.title, d.style.fontWeight = f.command === "bold" ? "bold" : "normal", d.style.fontStyle = f.command === "italic" ? "italic" : "normal", d.style.textDecoration = f.command === "underline" ? "underline" : "none", d.style.border = "1px solid #e1e1e1", d.style.backgroundColor = "#ffffff", d.style.padding = "6px 10px", d.style.borderRadius = "3px", d.style.cursor = "pointer", d.style.color = "#000000", d.onmouseover = () => d.style.backgroundColor = "#f0f0f0", d.onmouseout = () => d.style.backgroundColor = "#ffffff", d.onclick = () => document.execCommand(f.command), h.appendChild(d);
|
|
193
193
|
}), h;
|
|
194
194
|
}
|
|
195
195
|
let Je = null;
|
|
196
|
-
function
|
|
196
|
+
function he(h) {
|
|
197
197
|
if (h) {
|
|
198
198
|
Je = h.cloneRange();
|
|
199
199
|
return;
|
|
@@ -214,18 +214,18 @@ function Ln(h, v) {
|
|
|
214
214
|
if (!f || f.rangeCount === 0) return;
|
|
215
215
|
const d = f.getRangeAt(0);
|
|
216
216
|
if (!d.collapsed) {
|
|
217
|
-
const
|
|
218
|
-
|
|
219
|
-
const
|
|
220
|
-
|
|
221
|
-
const
|
|
222
|
-
|
|
217
|
+
const S = document.createElement("span");
|
|
218
|
+
S.style[h] = v;
|
|
219
|
+
const k = d.extractContents();
|
|
220
|
+
S.appendChild(k), d.insertNode(S), f.removeAllRanges();
|
|
221
|
+
const R = document.createRange();
|
|
222
|
+
R.selectNodeContents(S), f.addRange(R), he(R);
|
|
223
223
|
return;
|
|
224
224
|
}
|
|
225
225
|
const y = document.createElement("span");
|
|
226
226
|
y.style[h] = v, y.appendChild(document.createTextNode("")), d.insertNode(y), f.removeAllRanges();
|
|
227
|
-
const
|
|
228
|
-
|
|
227
|
+
const b = document.createRange();
|
|
228
|
+
b.setStart(y.firstChild, 0), b.setEnd(y.firstChild, 0), f.addRange(b), he(b);
|
|
229
229
|
}
|
|
230
230
|
function To(h) {
|
|
231
231
|
Ln("color", h);
|
|
@@ -237,16 +237,16 @@ function Mo() {
|
|
|
237
237
|
const h = document.createDocumentFragment(), v = document.createElement("input");
|
|
238
238
|
v.type = "color", v.style.display = "none", v.title = "Text Color";
|
|
239
239
|
const f = document.createElement("div");
|
|
240
|
-
f.setAttribute("role", "button"), f.tabIndex = 0, f.style.userSelect = "none", f.addEventListener("keydown", (
|
|
241
|
-
(
|
|
240
|
+
f.setAttribute("role", "button"), f.tabIndex = 0, f.style.userSelect = "none", f.addEventListener("keydown", (b) => {
|
|
241
|
+
(b.key === "Enter" || b.key === " ") && (b.preventDefault(), f.click());
|
|
242
242
|
}), f.textContent = "A", f.style.color = "#000", f.style.fontSize = "16px", f.style.fontWeight = "bold", f.style.border = "1px solid #ccc", f.style.borderRadius = "4px", f.style.padding = "4px 8px", f.style.cursor = "pointer", f.style.backgroundColor = "#fff", f.title = "Text Color", f.onclick = () => v.click(), v.onchange = () => {
|
|
243
243
|
Ne(), To(v.value), f.style.color = v.value;
|
|
244
244
|
}, h.appendChild(f), h.appendChild(v);
|
|
245
245
|
const d = document.createElement("input");
|
|
246
246
|
d.type = "color", d.style.display = "none", d.title = "Background Color";
|
|
247
247
|
const y = document.createElement("div");
|
|
248
|
-
return y.setAttribute("role", "button"), y.tabIndex = 0, y.style.userSelect = "none", y.addEventListener("keydown", (
|
|
249
|
-
(
|
|
248
|
+
return y.setAttribute("role", "button"), y.tabIndex = 0, y.style.userSelect = "none", y.addEventListener("keydown", (b) => {
|
|
249
|
+
(b.key === "Enter" || b.key === " ") && (b.preventDefault(), y.click());
|
|
250
250
|
}), y.textContent = "BA", y.style.color = "#000", y.style.fontSize = "14px", y.style.fontWeight = "bold", y.style.border = "1px solid #ccc", y.style.borderRadius = "4px", y.style.padding = "4px 6px", y.style.cursor = "pointer", y.style.backgroundColor = "#fff", y.title = "Background Color", y.onclick = () => d.click(), d.onchange = () => {
|
|
251
251
|
Ne(), _o(d.value), y.style.backgroundColor = d.value, y.style.color = "#000";
|
|
252
252
|
}, h.appendChild(y), h.appendChild(d), h;
|
|
@@ -254,17 +254,61 @@ function Mo() {
|
|
|
254
254
|
function Ro() {
|
|
255
255
|
const h = document.createDocumentFragment();
|
|
256
256
|
return [
|
|
257
|
-
{
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
257
|
+
{
|
|
258
|
+
command: "justifyLeft",
|
|
259
|
+
align: "left",
|
|
260
|
+
icon: wo,
|
|
261
|
+
title: "Align Left"
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
command: "justifyCenter",
|
|
265
|
+
align: "center",
|
|
266
|
+
icon: yo,
|
|
267
|
+
title: "Align Center"
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
command: "justifyRight",
|
|
271
|
+
align: "right",
|
|
272
|
+
icon: bo,
|
|
273
|
+
title: "Align Right"
|
|
274
|
+
},
|
|
275
|
+
{
|
|
276
|
+
command: "justifyFull",
|
|
277
|
+
align: "justify",
|
|
278
|
+
icon: xo,
|
|
279
|
+
title: "Justify"
|
|
280
|
+
}
|
|
261
281
|
].forEach((f) => {
|
|
262
282
|
const d = document.createElement("div");
|
|
263
|
-
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (
|
|
264
|
-
(
|
|
283
|
+
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (b) => {
|
|
284
|
+
(b.key === "Enter" || b.key === " ") && (b.preventDefault(), d.click());
|
|
265
285
|
});
|
|
266
286
|
const y = ye(f.icon, { width: 16, height: 16 });
|
|
267
|
-
d.appendChild(y), d.title = f.title, d.style.border = "1px solid #e1e1e1", d.style.backgroundColor = "#ffffff", d.style.padding = "6px 10px", d.style.borderRadius = "3px", d.style.cursor = "pointer", d.style.color = "#000000", d.onmouseover = () => d.style.backgroundColor = "#f0f0f0", d.onmouseout = () => d.style.backgroundColor = "#ffffff", d.onclick = () =>
|
|
287
|
+
d.appendChild(y), d.title = f.title, d.style.border = "1px solid #e1e1e1", d.style.backgroundColor = "#ffffff", d.style.padding = "6px 10px", d.style.borderRadius = "3px", d.style.cursor = "pointer", d.style.color = "#000000", d.onmouseover = () => d.style.backgroundColor = "#f0f0f0", d.onmouseout = () => d.style.backgroundColor = "#ffffff", d.onclick = () => {
|
|
288
|
+
const b = window.getSelection();
|
|
289
|
+
if (b && b.rangeCount > 0) {
|
|
290
|
+
let S = b.anchorNode;
|
|
291
|
+
for (; S && S.nodeType !== Node.ELEMENT_NODE; )
|
|
292
|
+
S = S.parentNode;
|
|
293
|
+
let k = S, R = null;
|
|
294
|
+
for (; k && k !== document.body; ) {
|
|
295
|
+
if (k.tagName === "P" && k.querySelector(".editor-image-wrapper")) {
|
|
296
|
+
R = k;
|
|
297
|
+
break;
|
|
298
|
+
}
|
|
299
|
+
if (k.tagName === "P") {
|
|
300
|
+
R = k;
|
|
301
|
+
break;
|
|
302
|
+
}
|
|
303
|
+
k = k.parentElement;
|
|
304
|
+
}
|
|
305
|
+
if (R) {
|
|
306
|
+
R.style.textAlign = f.align;
|
|
307
|
+
return;
|
|
308
|
+
}
|
|
309
|
+
}
|
|
310
|
+
document.execCommand(f.command);
|
|
311
|
+
}, h.appendChild(d);
|
|
268
312
|
}), h;
|
|
269
313
|
}
|
|
270
314
|
function Io() {
|
|
@@ -274,8 +318,8 @@ function Io() {
|
|
|
274
318
|
{ command: "insertOrderedList", icon: co, title: "Numbered List" }
|
|
275
319
|
].forEach((f) => {
|
|
276
320
|
const d = document.createElement("div");
|
|
277
|
-
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (
|
|
278
|
-
(
|
|
321
|
+
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (b) => {
|
|
322
|
+
(b.key === "Enter" || b.key === " ") && (b.preventDefault(), d.click());
|
|
279
323
|
});
|
|
280
324
|
const y = ye(f.icon, { width: 16, height: 16 });
|
|
281
325
|
d.appendChild(y), d.title = f.title, d.style.border = "1px solid #e1e1e1", d.style.backgroundColor = "#ffffff", d.style.padding = "6px 10px", d.style.borderRadius = "3px", d.style.cursor = "pointer", d.style.color = "#000000", d.onmouseover = () => d.style.backgroundColor = "#f0f0f0", d.onmouseout = () => d.style.backgroundColor = "#ffffff", d.onclick = () => document.execCommand(f.command), h.appendChild(d);
|
|
@@ -288,39 +332,39 @@ function Oo() {
|
|
|
288
332
|
{ command: "outdent", icon: so, title: "Decrease Indent" }
|
|
289
333
|
].forEach((f) => {
|
|
290
334
|
const d = document.createElement("div");
|
|
291
|
-
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (
|
|
292
|
-
(
|
|
335
|
+
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (b) => {
|
|
336
|
+
(b.key === "Enter" || b.key === " ") && (b.preventDefault(), d.click());
|
|
293
337
|
});
|
|
294
338
|
const y = ye(f.icon, { width: 16, height: 16 });
|
|
295
339
|
d.appendChild(y), d.title = f.title, d.style.border = "1px solid #e1e1e1", d.style.backgroundColor = "#ffffff", d.style.padding = "6px 10px", d.style.borderRadius = "3px", d.style.cursor = "pointer", d.style.color = "#000000", d.onmouseover = () => d.style.backgroundColor = "#f0f0f0", d.onmouseout = () => d.style.backgroundColor = "#ffffff", d.onclick = () => document.execCommand(f.command), h.appendChild(d);
|
|
296
340
|
}), h;
|
|
297
341
|
}
|
|
298
|
-
function
|
|
342
|
+
function Ao() {
|
|
299
343
|
const h = document.createDocumentFragment();
|
|
300
344
|
return [
|
|
301
345
|
{ command: "undo", icon: ko, title: "Undo" },
|
|
302
346
|
{ command: "redo", icon: vo, title: "Redo" }
|
|
303
347
|
].forEach((f) => {
|
|
304
348
|
const d = document.createElement("div");
|
|
305
|
-
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (
|
|
306
|
-
(
|
|
349
|
+
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (b) => {
|
|
350
|
+
(b.key === "Enter" || b.key === " ") && (b.preventDefault(), d.click());
|
|
307
351
|
});
|
|
308
352
|
const y = ye(f.icon, { width: 16, height: 16 });
|
|
309
353
|
d.appendChild(y), d.title = f.title, d.style.border = "1px solid #e1e1e1", d.style.backgroundColor = "#ffffff", d.style.padding = "6px 10px", d.style.borderRadius = "3px", d.style.cursor = "pointer", d.style.color = "#000000", d.onmouseover = () => d.style.backgroundColor = "#f0f0f0", d.onmouseout = () => d.style.backgroundColor = "#ffffff", d.onclick = () => document.execCommand(f.command), h.appendChild(d);
|
|
310
354
|
}), h;
|
|
311
355
|
}
|
|
312
|
-
function
|
|
356
|
+
function Po() {
|
|
313
357
|
const h = document.createElement("div");
|
|
314
358
|
h.setAttribute("role", "button"), h.tabIndex = 0, h.style.userSelect = "none", h.addEventListener("keydown", (f) => {
|
|
315
359
|
(f.key === "Enter" || f.key === " ") && (f.preventDefault(), h.click());
|
|
316
360
|
});
|
|
317
361
|
const v = ye(oo, { width: 16, height: 16 });
|
|
318
|
-
return h.appendChild(v), h.title = "Insert Image", h.style.border = "1px solid #e1e1e1", h.style.backgroundColor = "#ffffff", h.style.padding = "6px 10px", h.style.borderRadius = "3px", h.style.cursor = "pointer", h.style.color = "#000000", h.onmouseover = () => h.style.backgroundColor = "#f0f0f0", h.onmouseout = () => h.style.backgroundColor = "#ffffff", h.onmousedown = () =>
|
|
362
|
+
return h.appendChild(v), h.title = "Insert Image", h.style.border = "1px solid #e1e1e1", h.style.backgroundColor = "#ffffff", h.style.padding = "6px 10px", h.style.borderRadius = "3px", h.style.cursor = "pointer", h.style.color = "#000000", h.onmouseover = () => h.style.backgroundColor = "#f0f0f0", h.onmouseout = () => h.style.backgroundColor = "#ffffff", h.onmousedown = () => he(), h;
|
|
319
363
|
}
|
|
320
364
|
function Do() {
|
|
321
365
|
const h = document.createElement("div");
|
|
322
|
-
h.setAttribute("role", "button"), h.tabIndex = 0, h.style.userSelect = "none", h.addEventListener("keydown", (
|
|
323
|
-
(
|
|
366
|
+
h.setAttribute("role", "button"), h.tabIndex = 0, h.style.userSelect = "none", h.addEventListener("keydown", (S) => {
|
|
367
|
+
(S.key === "Enter" || S.key === " ") && (S.preventDefault(), h.click());
|
|
324
368
|
});
|
|
325
369
|
const v = ye(po, {
|
|
326
370
|
width: 16,
|
|
@@ -330,27 +374,27 @@ function Do() {
|
|
|
330
374
|
height: 16
|
|
331
375
|
});
|
|
332
376
|
h.appendChild(v), h.title = "Toggle Fullscreen", h.style.border = "1px solid #e1e1e1", h.style.backgroundColor = "#ffffff", h.style.padding = "6px 10px", h.style.borderRadius = "3px", h.style.cursor = "pointer", h.style.color = "#000000", h.onmouseover = () => h.style.backgroundColor = "#f0f0f0", h.onmouseout = () => h.style.backgroundColor = "#ffffff";
|
|
333
|
-
let d = !1, y = "",
|
|
377
|
+
let d = !1, y = "", b = "";
|
|
334
378
|
return h.onclick = () => {
|
|
335
|
-
const
|
|
379
|
+
const S = document.querySelector(
|
|
336
380
|
".editor-container"
|
|
337
381
|
);
|
|
338
|
-
if (!
|
|
339
|
-
const
|
|
382
|
+
if (!S) return;
|
|
383
|
+
const k = S.querySelector(".editor");
|
|
340
384
|
if (d)
|
|
341
|
-
y ?
|
|
385
|
+
y ? S.setAttribute("style", y) : S.removeAttribute("style"), k && (b ? k.setAttribute("style", b) : k.removeAttribute("style")), h.replaceChild(v, f), d = !1;
|
|
342
386
|
else {
|
|
343
|
-
y =
|
|
387
|
+
y = S.getAttribute("style") || "", b = k && k.getAttribute("style") || "", S.style.position = "fixed", S.style.top = "0", S.style.left = "0", S.style.width = "100vw", S.style.height = "100vh";
|
|
344
388
|
try {
|
|
345
|
-
let
|
|
389
|
+
let R = 9998;
|
|
346
390
|
document.querySelectorAll("body *").forEach((O) => {
|
|
347
|
-
const
|
|
348
|
-
!isNaN(
|
|
349
|
-
}),
|
|
391
|
+
const M = window.getComputedStyle(O).getPropertyValue("z-index"), Y = parseInt(M, 10);
|
|
392
|
+
!isNaN(Y) && Y > 0 && (R = Math.max(R, Y));
|
|
393
|
+
}), S.style.zIndex = String(Math.max(R + 1, 9999));
|
|
350
394
|
} catch {
|
|
351
|
-
|
|
395
|
+
S.style.zIndex = "9999";
|
|
352
396
|
}
|
|
353
|
-
|
|
397
|
+
S.style.backgroundColor = "#ffffff", S.style.display = "flex", S.style.flexDirection = "column", k && (k.style.flexGrow = "1", k.style.overflowY = "auto", k.style.border = "none", k.style.borderRadius = "0", k.style.boxShadow = "none"), h.replaceChild(f, v), d = !0;
|
|
354
398
|
}
|
|
355
399
|
}, h;
|
|
356
400
|
}
|
|
@@ -361,86 +405,86 @@ function No(h) {
|
|
|
361
405
|
d.style.backgroundColor = "#fff", d.style.padding = "20px", d.style.borderRadius = "8px", d.style.boxShadow = "0 4px 6px rgba(0, 0, 0, 0.1)", d.style.minWidth = "300px";
|
|
362
406
|
const y = document.createElement("h3");
|
|
363
407
|
y.textContent = "Insert Hyperlink", y.style.margin = "0 0 15px 0", y.style.fontSize = "18px", y.style.fontWeight = "bold";
|
|
364
|
-
const
|
|
365
|
-
|
|
366
|
-
const
|
|
367
|
-
|
|
368
|
-
const
|
|
369
|
-
|
|
370
|
-
(P.key === "Enter" || P.key === " " || P.key === "Escape") && (P.preventDefault(),
|
|
371
|
-
}),
|
|
372
|
-
f.style.display = "none",
|
|
408
|
+
const b = document.createElement("input");
|
|
409
|
+
b.type = "url", b.placeholder = "Enter URL (e.g., https://example.com)", b.style.width = "100%", b.style.padding = "8px", b.style.border = "1px solid #ccc", b.style.borderRadius = "4px", b.style.marginBottom = "15px", b.style.boxSizing = "border-box";
|
|
410
|
+
const S = document.createElement("div");
|
|
411
|
+
S.style.display = "flex", S.style.gap = "10px", S.style.justifyContent = "flex-end";
|
|
412
|
+
const k = document.createElement("div");
|
|
413
|
+
k.setAttribute("role", "button"), k.tabIndex = 0, k.style.userSelect = "none", k.textContent = "Cancel", k.style.padding = "8px 16px", k.style.border = "1px solid #ccc", k.style.borderRadius = "4px", k.style.backgroundColor = "#f5f5f5", k.style.cursor = "pointer", k.addEventListener("keydown", (P) => {
|
|
414
|
+
(P.key === "Enter" || P.key === " " || P.key === "Escape") && (P.preventDefault(), k.click());
|
|
415
|
+
}), k.onclick = () => {
|
|
416
|
+
f.style.display = "none", b.value = "", R = null;
|
|
373
417
|
};
|
|
374
|
-
let
|
|
418
|
+
let R = null;
|
|
375
419
|
const O = document.createElement("div");
|
|
376
420
|
O.setAttribute("role", "button"), O.tabIndex = 0, O.style.userSelect = "none", O.textContent = "Insert", O.style.padding = "8px 16px", O.style.border = "none", O.style.borderRadius = "4px", O.style.backgroundColor = "#007bff", O.style.color = "#fff", O.style.cursor = "pointer", O.addEventListener("keydown", (P) => {
|
|
377
421
|
(P.key === "Enter" || P.key === " ") && (P.preventDefault(), O.click());
|
|
378
422
|
}), O.onclick = () => {
|
|
379
|
-
const P =
|
|
423
|
+
const P = b.value.trim();
|
|
380
424
|
if (P)
|
|
381
|
-
if (
|
|
382
|
-
|
|
425
|
+
if (R)
|
|
426
|
+
R.setAttribute("href", P), R.setAttribute("target", "_blank"), R.setAttribute("rel", "noopener noreferrer"), R.setAttribute("tabindex", "0");
|
|
383
427
|
else {
|
|
384
428
|
Ne(), document.execCommand("createLink", !1, P);
|
|
385
|
-
const
|
|
386
|
-
if (
|
|
387
|
-
let
|
|
388
|
-
for (;
|
|
389
|
-
|
|
390
|
-
let
|
|
391
|
-
for (;
|
|
392
|
-
if (
|
|
393
|
-
const
|
|
394
|
-
|
|
429
|
+
const ee = window.getSelection();
|
|
430
|
+
if (ee && ee.rangeCount > 0) {
|
|
431
|
+
let G = ee.getRangeAt(0).startContainer;
|
|
432
|
+
for (; G && G.nodeType !== Node.ELEMENT_NODE; )
|
|
433
|
+
G = G.parentNode;
|
|
434
|
+
let X = G;
|
|
435
|
+
for (; X && X !== document.body; ) {
|
|
436
|
+
if (X.tagName === "A") {
|
|
437
|
+
const oe = X;
|
|
438
|
+
oe.setAttribute("target", "_blank"), oe.setAttribute("rel", "noopener noreferrer"), oe.setAttribute("tabindex", "0");
|
|
395
439
|
break;
|
|
396
440
|
}
|
|
397
|
-
|
|
441
|
+
X = X.parentElement;
|
|
398
442
|
}
|
|
399
443
|
}
|
|
400
444
|
}
|
|
401
|
-
f.style.display = "none",
|
|
402
|
-
},
|
|
403
|
-
P.key === "Enter" ? O.click() : P.key === "Escape" &&
|
|
445
|
+
f.style.display = "none", b.value = "", R = null;
|
|
446
|
+
}, S.appendChild(k), S.appendChild(O), d.appendChild(y), d.appendChild(b), d.appendChild(S), f.appendChild(d), document.body.appendChild(f), b.onkeydown = (P) => {
|
|
447
|
+
P.key === "Enter" ? O.click() : P.key === "Escape" && k.click();
|
|
404
448
|
};
|
|
405
|
-
const
|
|
406
|
-
|
|
407
|
-
const
|
|
408
|
-
|
|
409
|
-
|
|
449
|
+
const M = document.createElement("div");
|
|
450
|
+
M.setAttribute("role", "button"), M.tabIndex = 0, M.style.userSelect = "none";
|
|
451
|
+
const Y = ye(ao, { width: 16, height: 16 });
|
|
452
|
+
M.appendChild(Y), M.title = "Insert Hyperlink", M.style.border = "1px solid #e1e1e1", M.style.backgroundColor = "#ffffff", M.style.padding = "6px 10px", M.style.borderRadius = "3px", M.style.cursor = "pointer", M.style.color = "#000000", M.onmouseover = () => M.style.backgroundColor = "#f0f0f0", M.onmouseout = () => M.style.backgroundColor = "#ffffff", M.onmousedown = () => {
|
|
453
|
+
R = null;
|
|
410
454
|
const P = window.getSelection();
|
|
411
455
|
if (P && P.rangeCount > 0) {
|
|
412
|
-
let
|
|
413
|
-
for (;
|
|
414
|
-
|
|
415
|
-
let
|
|
416
|
-
for (;
|
|
417
|
-
if (
|
|
418
|
-
|
|
456
|
+
let G = P.getRangeAt(0).startContainer;
|
|
457
|
+
for (; G && G.nodeType !== Node.ELEMENT_NODE; )
|
|
458
|
+
G = G.parentNode;
|
|
459
|
+
let X = G;
|
|
460
|
+
for (; X && X !== document.body; ) {
|
|
461
|
+
if (X.tagName === "A") {
|
|
462
|
+
R = X, b.value = R.getAttribute("href") || "";
|
|
419
463
|
break;
|
|
420
464
|
}
|
|
421
|
-
|
|
465
|
+
X = X.parentElement;
|
|
422
466
|
}
|
|
423
467
|
}
|
|
424
|
-
|
|
425
|
-
},
|
|
426
|
-
(P.key === "Enter" || P.key === " ") && (P.preventDefault(),
|
|
427
|
-
}),
|
|
428
|
-
f.style.display = "flex",
|
|
429
|
-
}, v.appendChild(
|
|
430
|
-
const
|
|
431
|
-
return
|
|
432
|
-
const
|
|
433
|
-
if (
|
|
468
|
+
he();
|
|
469
|
+
}, M.addEventListener("keydown", (P) => {
|
|
470
|
+
(P.key === "Enter" || P.key === " ") && (P.preventDefault(), M.click());
|
|
471
|
+
}), M.onclick = () => {
|
|
472
|
+
f.style.display = "flex", b.focus();
|
|
473
|
+
}, v.appendChild(M);
|
|
474
|
+
const re = h.querySelector(".editor");
|
|
475
|
+
return re && re.addEventListener("click", (P) => {
|
|
476
|
+
const ee = P.target;
|
|
477
|
+
if (ee.tagName === "A") {
|
|
434
478
|
P.preventDefault();
|
|
435
|
-
const
|
|
436
|
-
|
|
479
|
+
const G = ee.getAttribute("href");
|
|
480
|
+
G && window.open(G, "_blank");
|
|
437
481
|
}
|
|
438
482
|
}), v;
|
|
439
483
|
}
|
|
440
484
|
function zo() {
|
|
441
485
|
const h = document.createDocumentFragment(), v = document.createElement("div");
|
|
442
|
-
v.setAttribute("role", "button"), v.tabIndex = 0, v.style.userSelect = "none", v.addEventListener("keydown", (
|
|
443
|
-
(
|
|
486
|
+
v.setAttribute("role", "button"), v.tabIndex = 0, v.style.userSelect = "none", v.addEventListener("keydown", (K) => {
|
|
487
|
+
(K.key === "Enter" || K.key === " ") && (K.preventDefault(), v.click());
|
|
444
488
|
});
|
|
445
489
|
const f = ye(ho, { width: 16, height: 16 });
|
|
446
490
|
v.appendChild(f), v.title = "Insert Quote", v.style.border = "1px solid #e1e1e1", v.style.backgroundColor = "#ffffff", v.style.padding = "6px 10px", v.style.borderRadius = "3px", v.style.cursor = "pointer", v.style.color = "#000000", v.onmouseover = () => v.style.backgroundColor = "#f0f0f0", v.onmouseout = () => v.style.backgroundColor = "#ffffff";
|
|
@@ -448,60 +492,60 @@ function zo() {
|
|
|
448
492
|
d.className = "rte-modal-overlay", d.style.display = "none";
|
|
449
493
|
const y = document.createElement("div");
|
|
450
494
|
y.className = "rte-modal";
|
|
451
|
-
const
|
|
452
|
-
|
|
453
|
-
const
|
|
454
|
-
|
|
455
|
-
const
|
|
456
|
-
|
|
457
|
-
d.style.display = "none",
|
|
458
|
-
},
|
|
459
|
-
const
|
|
460
|
-
|
|
495
|
+
const b = document.createElement("div");
|
|
496
|
+
b.className = "rte-modal-header";
|
|
497
|
+
const S = document.createElement("h3");
|
|
498
|
+
S.textContent = "Insert Quote", S.className = "rte-modal-title";
|
|
499
|
+
const k = document.createElement("div");
|
|
500
|
+
k.setAttribute("role", "button"), k.tabIndex = 0, k.style.userSelect = "none", k.className = "rte-modal-close", k.innerHTML = "×", k.onclick = () => {
|
|
501
|
+
d.style.display = "none", Z = null;
|
|
502
|
+
}, b.appendChild(S), b.appendChild(k);
|
|
503
|
+
const R = document.createElement("div");
|
|
504
|
+
R.className = "rte-modal-form";
|
|
461
505
|
const O = document.createElement("label");
|
|
462
506
|
O.textContent = "Title", O.className = "rte-label";
|
|
463
|
-
const
|
|
464
|
-
|
|
465
|
-
const
|
|
466
|
-
|
|
467
|
-
const
|
|
468
|
-
|
|
507
|
+
const M = document.createElement("input");
|
|
508
|
+
M.type = "text", M.placeholder = "e.g., Article title or source", M.className = "rte-input";
|
|
509
|
+
const Y = document.createElement("label");
|
|
510
|
+
Y.textContent = "Source URL", Y.className = "rte-label";
|
|
511
|
+
const re = document.createElement("input");
|
|
512
|
+
re.type = "url", re.placeholder = "https://example.com", re.className = "rte-input";
|
|
469
513
|
const P = document.createElement("div");
|
|
470
514
|
P.className = "rte-preview-label", P.textContent = "Preview";
|
|
471
|
-
const
|
|
472
|
-
|
|
515
|
+
const ee = document.createElement("div");
|
|
516
|
+
ee.className = "rte-modal-preview";
|
|
517
|
+
const G = document.createElement("div");
|
|
518
|
+
G.className = "rte-blockquote-title";
|
|
473
519
|
const X = document.createElement("div");
|
|
474
|
-
X.className = "rte-blockquote-
|
|
520
|
+
X.className = "rte-blockquote-content";
|
|
521
|
+
const oe = document.createElement("div");
|
|
522
|
+
oe.className = "rte-blockquote-footer", ee.appendChild(G), ee.appendChild(X), ee.appendChild(oe), R.appendChild(O), R.appendChild(M), R.appendChild(Y), R.appendChild(re), R.appendChild(P), R.appendChild(ee);
|
|
475
523
|
const U = document.createElement("div");
|
|
476
|
-
U.className = "rte-
|
|
477
|
-
const
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
W.className = "rte-modal-actions";
|
|
481
|
-
const ee = document.createElement("div");
|
|
482
|
-
ee.setAttribute("role", "button"), ee.tabIndex = 0, ee.style.userSelect = "none", ee.className = "rte-btn-danger", ee.textContent = "Remove", ee.style.display = "none", ee.onclick = () => {
|
|
483
|
-
Q && (Q.remove(), Q = null), d.style.display = "none";
|
|
524
|
+
U.className = "rte-modal-actions";
|
|
525
|
+
const te = document.createElement("div");
|
|
526
|
+
te.setAttribute("role", "button"), te.tabIndex = 0, te.style.userSelect = "none", te.className = "rte-btn-danger", te.textContent = "Remove", te.style.display = "none", te.onclick = () => {
|
|
527
|
+
Z && (Z.remove(), Z = null), d.style.display = "none";
|
|
484
528
|
};
|
|
485
|
-
const
|
|
486
|
-
|
|
487
|
-
d.style.display = "none",
|
|
529
|
+
const Q = document.createElement("div");
|
|
530
|
+
Q.setAttribute("role", "button"), Q.tabIndex = 0, Q.style.userSelect = "none", Q.className = "rte-btn-muted", Q.textContent = "Cancel", Q.onclick = () => {
|
|
531
|
+
d.style.display = "none", Z = null;
|
|
488
532
|
};
|
|
489
533
|
const ie = document.createElement("div");
|
|
490
534
|
ie.setAttribute("role", "button"), ie.tabIndex = 0, ie.style.userSelect = "none", ie.className = "rte-btn-primary", ie.textContent = "Apply", ie.onclick = () => {
|
|
491
|
-
const
|
|
492
|
-
let z =
|
|
493
|
-
if (z && !/^https?:\/\//i.test(z) && (z = `https://${z}`),
|
|
494
|
-
const le =
|
|
535
|
+
const K = M.value.trim();
|
|
536
|
+
let z = re.value.trim();
|
|
537
|
+
if (z && !/^https?:\/\//i.test(z) && (z = `https://${z}`), Z) {
|
|
538
|
+
const le = Z.querySelector(
|
|
495
539
|
".rte-blockquote-title"
|
|
496
540
|
);
|
|
497
|
-
if (
|
|
498
|
-
if (le) le.textContent =
|
|
541
|
+
if (K)
|
|
542
|
+
if (le) le.textContent = K;
|
|
499
543
|
else {
|
|
500
544
|
const V = document.createElement("div");
|
|
501
|
-
V.className = "rte-blockquote-title", V.textContent =
|
|
545
|
+
V.className = "rte-blockquote-title", V.textContent = K, Z.insertBefore(V, Z.firstChild);
|
|
502
546
|
}
|
|
503
547
|
else le && le.remove();
|
|
504
|
-
const ce =
|
|
548
|
+
const ce = Z.querySelector(
|
|
505
549
|
".rte-blockquote-footer"
|
|
506
550
|
);
|
|
507
551
|
if (z)
|
|
@@ -511,8 +555,8 @@ function zo() {
|
|
|
511
555
|
} else {
|
|
512
556
|
const V = document.createElement("footer");
|
|
513
557
|
V.className = "rte-blockquote-footer";
|
|
514
|
-
const
|
|
515
|
-
H.href = z, H.textContent = z, H.target = "_blank", H.rel = "noopener noreferrer",
|
|
558
|
+
const $ = document.createElement("cite"), H = document.createElement("a");
|
|
559
|
+
H.href = z, H.textContent = z, H.target = "_blank", H.rel = "noopener noreferrer", $.appendChild(H), V.appendChild($), Z.appendChild(V);
|
|
516
560
|
}
|
|
517
561
|
else ce && ce.remove();
|
|
518
562
|
} else {
|
|
@@ -522,30 +566,30 @@ function zo() {
|
|
|
522
566
|
d.style.display = "none";
|
|
523
567
|
return;
|
|
524
568
|
}
|
|
525
|
-
const ce = le.getRangeAt(0), V = ce.extractContents(),
|
|
526
|
-
if (
|
|
527
|
-
const
|
|
528
|
-
|
|
569
|
+
const ce = le.getRangeAt(0), V = ce.extractContents(), $ = document.createElement("blockquote");
|
|
570
|
+
if ($.className = "rte-blockquote", K) {
|
|
571
|
+
const J = document.createElement("div");
|
|
572
|
+
J.className = "rte-blockquote-title", J.textContent = K, $.appendChild(J);
|
|
529
573
|
}
|
|
530
574
|
const H = document.createElement("p");
|
|
531
|
-
if (H.appendChild(V),
|
|
532
|
-
const
|
|
533
|
-
|
|
575
|
+
if (H.appendChild(V), $.appendChild(H), z) {
|
|
576
|
+
const J = document.createElement("footer");
|
|
577
|
+
J.className = "rte-blockquote-footer";
|
|
534
578
|
const se = document.createElement("cite"), de = document.createElement("a");
|
|
535
|
-
de.href = z, de.textContent = z, de.target = "_blank", de.rel = "noopener noreferrer", se.appendChild(de),
|
|
579
|
+
de.href = z, de.textContent = z, de.target = "_blank", de.rel = "noopener noreferrer", se.appendChild(de), J.appendChild(se), $.appendChild(J);
|
|
536
580
|
}
|
|
537
|
-
ce.insertNode(
|
|
538
|
-
const
|
|
539
|
-
|
|
581
|
+
ce.insertNode($), le.removeAllRanges();
|
|
582
|
+
const ne = document.createRange();
|
|
583
|
+
ne.setStartAfter($), ne.collapse(!0), le.addRange(ne), he(ne);
|
|
540
584
|
}
|
|
541
|
-
d.style.display = "none",
|
|
542
|
-
},
|
|
543
|
-
let
|
|
585
|
+
d.style.display = "none", M.value = "", re.value = "", Z = null;
|
|
586
|
+
}, U.appendChild(te), U.appendChild(Q), U.appendChild(ie), y.appendChild(b), y.appendChild(R), y.appendChild(U), d.appendChild(y), document.body.appendChild(d);
|
|
587
|
+
let Z = null, g = "";
|
|
544
588
|
return v.onmousedown = () => {
|
|
545
|
-
|
|
546
|
-
const
|
|
547
|
-
if (
|
|
548
|
-
const z =
|
|
589
|
+
Z = null, g = "";
|
|
590
|
+
const K = window.getSelection();
|
|
591
|
+
if (K && K.rangeCount > 0) {
|
|
592
|
+
const z = K.getRangeAt(0), le = document.createElement("div");
|
|
549
593
|
le.appendChild(z.cloneContents()), g = le.innerHTML || z.toString();
|
|
550
594
|
let ce = z.startContainer;
|
|
551
595
|
for (; ce && ce.nodeType !== Node.ELEMENT_NODE; )
|
|
@@ -553,30 +597,30 @@ function zo() {
|
|
|
553
597
|
let V = ce;
|
|
554
598
|
for (; V && V !== document.body; ) {
|
|
555
599
|
if (V.tagName === "BLOCKQUOTE") {
|
|
556
|
-
|
|
557
|
-
const
|
|
600
|
+
Z = V;
|
|
601
|
+
const $ = Z.querySelector(
|
|
558
602
|
".rte-blockquote-title"
|
|
559
|
-
), H =
|
|
603
|
+
), H = Z.querySelector(
|
|
560
604
|
".rte-blockquote-footer a"
|
|
561
605
|
);
|
|
562
|
-
|
|
563
|
-
const
|
|
564
|
-
|
|
606
|
+
M.value = $ && $.textContent || "", re.value = H && H.href || "", te.style.display = "inline-block";
|
|
607
|
+
const ne = Z.querySelector("p");
|
|
608
|
+
X.innerHTML = ne ? ne.innerHTML : Z.innerHTML, G.textContent = $ && $.textContent || "", oe.innerHTML = H ? `<a href="${H.href}">${H.href}</a>` : "";
|
|
565
609
|
break;
|
|
566
610
|
}
|
|
567
611
|
V = V.parentElement;
|
|
568
612
|
}
|
|
569
613
|
}
|
|
570
|
-
|
|
571
|
-
},
|
|
572
|
-
const
|
|
573
|
-
if (!
|
|
614
|
+
Z || (X.innerHTML = g || "<em>Selected text will appear here</em>", G.textContent = "", oe.innerHTML = "", te.style.display = "none"), he();
|
|
615
|
+
}, M.oninput = () => G.textContent = M.value, re.oninput = () => {
|
|
616
|
+
const K = re.value.trim();
|
|
617
|
+
if (!K) oe.innerHTML = "";
|
|
574
618
|
else {
|
|
575
|
-
const z = /^https?:\/\//i.test(
|
|
576
|
-
|
|
619
|
+
const z = /^https?:\/\//i.test(K) ? K : `https://${K}`;
|
|
620
|
+
oe.innerHTML = `<a href="${z}" target="_blank" rel="noopener noreferrer">${z}</a>`;
|
|
577
621
|
}
|
|
578
622
|
}, v.onclick = () => {
|
|
579
|
-
d.style.display = "flex",
|
|
623
|
+
d.style.display = "flex", M.focus();
|
|
580
624
|
}, h.appendChild(v), h;
|
|
581
625
|
}
|
|
582
626
|
function Lo() {
|
|
@@ -594,72 +638,72 @@ function jo(h) {
|
|
|
594
638
|
d.className = "rte-modal";
|
|
595
639
|
const y = document.createElement("div");
|
|
596
640
|
y.className = "rte-modal-header";
|
|
597
|
-
const
|
|
598
|
-
|
|
599
|
-
const
|
|
600
|
-
|
|
601
|
-
const
|
|
602
|
-
|
|
603
|
-
const
|
|
604
|
-
|
|
641
|
+
const b = document.createElement("h3");
|
|
642
|
+
b.className = "rte-modal-title", b.textContent = "Insert Video";
|
|
643
|
+
const S = document.createElement("div");
|
|
644
|
+
S.setAttribute("role", "button"), S.tabIndex = 0, S.style.userSelect = "none", S.className = "rte-modal-close", S.innerHTML = "×", S.onclick = () => f.style.display = "none", y.appendChild(b), y.appendChild(S);
|
|
645
|
+
const k = document.createElement("div");
|
|
646
|
+
k.className = "rte-modal-form";
|
|
647
|
+
const R = document.createElement("label");
|
|
648
|
+
R.className = "rte-label", R.textContent = "Video URL";
|
|
605
649
|
const O = document.createElement("input");
|
|
606
650
|
O.type = "url", O.className = "rte-input", O.placeholder = "https://... or YouTube URL";
|
|
607
|
-
const
|
|
608
|
-
|
|
609
|
-
const
|
|
610
|
-
|
|
611
|
-
const
|
|
612
|
-
|
|
651
|
+
const M = document.createElement("div");
|
|
652
|
+
M.className = "rte-preview-label", M.textContent = "Preview";
|
|
653
|
+
const Y = document.createElement("div");
|
|
654
|
+
Y.className = "rte-modal-preview";
|
|
655
|
+
const re = document.createElement("div");
|
|
656
|
+
re.className = "rte-form-left";
|
|
613
657
|
const P = document.createElement("div");
|
|
614
658
|
P.className = "rte-form-right";
|
|
615
|
-
const Z = document.createElement("div");
|
|
616
|
-
Z.className = "rte-field", Z.appendChild(N), Z.appendChild(O);
|
|
617
|
-
const X = document.createElement("div");
|
|
618
|
-
X.className = "rte-dim-row";
|
|
619
|
-
const U = document.createElement("div");
|
|
620
|
-
U.style.display = "flex", U.style.flexDirection = "column";
|
|
621
|
-
const re = document.createElement("label");
|
|
622
|
-
re.className = "rte-label", re.textContent = "Width (px)";
|
|
623
|
-
const W = document.createElement("input");
|
|
624
|
-
W.type = "text", W.className = "rte-dim-input", W.placeholder = "e.g., 560", U.appendChild(re), U.appendChild(W);
|
|
625
659
|
const ee = document.createElement("div");
|
|
626
|
-
ee.
|
|
627
|
-
const
|
|
628
|
-
|
|
660
|
+
ee.className = "rte-field", ee.appendChild(R), ee.appendChild(O);
|
|
661
|
+
const G = document.createElement("div");
|
|
662
|
+
G.className = "rte-dim-row";
|
|
663
|
+
const X = document.createElement("div");
|
|
664
|
+
X.style.display = "flex", X.style.flexDirection = "column";
|
|
665
|
+
const oe = document.createElement("label");
|
|
666
|
+
oe.className = "rte-label", oe.textContent = "Width (px)";
|
|
667
|
+
const U = document.createElement("input");
|
|
668
|
+
U.type = "text", U.className = "rte-dim-input", U.placeholder = "e.g., 560", X.appendChild(oe), X.appendChild(U);
|
|
669
|
+
const te = document.createElement("div");
|
|
670
|
+
te.style.display = "flex", te.style.flexDirection = "column";
|
|
671
|
+
const Q = document.createElement("label");
|
|
672
|
+
Q.className = "rte-label", Q.textContent = "Height (px)";
|
|
629
673
|
const ie = document.createElement("input");
|
|
630
|
-
ie.type = "text", ie.className = "rte-dim-input", ie.placeholder = "e.g., 315",
|
|
631
|
-
const
|
|
632
|
-
|
|
674
|
+
ie.type = "text", ie.className = "rte-dim-input", ie.placeholder = "e.g., 315", te.appendChild(Q), te.appendChild(ie), G.appendChild(X), G.appendChild(te), re.appendChild(ee), re.appendChild(G), P.appendChild(M), P.appendChild(Y), k.appendChild(re), k.appendChild(P);
|
|
675
|
+
const Z = document.createElement("div");
|
|
676
|
+
Z.className = "rte-modal-actions";
|
|
633
677
|
const g = document.createElement("div");
|
|
634
678
|
g.setAttribute("role", "button"), g.tabIndex = 0, g.style.userSelect = "none", g.className = "rte-btn-muted", g.textContent = "Cancel", g.onclick = () => f.style.display = "none";
|
|
635
|
-
const
|
|
636
|
-
|
|
679
|
+
const K = document.createElement("div");
|
|
680
|
+
K.setAttribute("role", "button"), K.tabIndex = 0, K.style.userSelect = "none", K.className = "rte-btn-primary", K.textContent = "Insert", Z.appendChild(g), Z.appendChild(K), d.appendChild(y), d.appendChild(k), d.appendChild(Z), f.appendChild(d), document.body.appendChild(f);
|
|
637
681
|
const z = document.createElement("div");
|
|
638
682
|
z.setAttribute("role", "button"), z.tabIndex = 0, z.style.userSelect = "none";
|
|
639
683
|
const le = ye(Co, { width: 16, height: 16 });
|
|
640
|
-
z.appendChild(le), z.title = "Insert Video", z.style.border = "1px solid #e1e1e1", z.style.backgroundColor = "#ffffff", z.style.padding = "6px 10px", z.style.borderRadius = "3px", z.style.cursor = "pointer", z.style.color = "#000000", z.onmouseover = () => z.style.backgroundColor = "#f0f0f0", z.onmouseout = () => z.style.backgroundColor = "#ffffff", z.onmousedown = () =>
|
|
641
|
-
(
|
|
684
|
+
z.appendChild(le), z.title = "Insert Video", z.style.border = "1px solid #e1e1e1", z.style.backgroundColor = "#ffffff", z.style.padding = "6px 10px", z.style.borderRadius = "3px", z.style.cursor = "pointer", z.style.color = "#000000", z.onmouseover = () => z.style.backgroundColor = "#f0f0f0", z.onmouseout = () => z.style.backgroundColor = "#ffffff", z.onmousedown = () => he(), z.addEventListener("keydown", ($) => {
|
|
685
|
+
($.key === "Enter" || $.key === " ") && ($.preventDefault(), z.click());
|
|
642
686
|
}), z.onclick = () => {
|
|
643
|
-
|
|
687
|
+
Y.innerHTML = "<em>No URL entered</em>", O.value = "", f.style.display = "flex", O.focus();
|
|
644
688
|
};
|
|
645
689
|
const ce = () => {
|
|
646
|
-
const
|
|
647
|
-
if (
|
|
648
|
-
|
|
690
|
+
const $ = O.value.trim(), H = U && U.value.trim() || "", ne = ie && ie.value.trim() || "", J = parseInt(H, 10), se = parseInt(ne, 10);
|
|
691
|
+
if (!$) {
|
|
692
|
+
Y.innerHTML = "<em>No preview</em>";
|
|
649
693
|
return;
|
|
650
694
|
}
|
|
651
|
-
const de =
|
|
695
|
+
const de = $.match(/(?:youtube.com\/watch\?v=|youtu.be\/)([\w-]+)/i);
|
|
652
696
|
if (de) {
|
|
653
|
-
const
|
|
654
|
-
|
|
697
|
+
const x = de[1], D = Number.isFinite(J) ? J : 320, L = Number.isFinite(se) ? se : 180;
|
|
698
|
+
Y.innerHTML = `<iframe width="${D}" height="${L}" src="https://www.youtube.com/embed/${x}" frameborder="0" allowfullscreen></iframe>`;
|
|
655
699
|
return;
|
|
656
700
|
}
|
|
657
|
-
const pe = Number.isFinite(
|
|
658
|
-
|
|
701
|
+
const pe = Number.isFinite(J) ? `${J}px` : "320px", fe = Number.isFinite(se) ? `${se}px` : "auto";
|
|
702
|
+
Y.innerHTML = `<video controls style="max-width:100%; width:${pe}; height:${fe};" src="${$}"></video>`;
|
|
659
703
|
};
|
|
660
|
-
O.oninput = ce, typeof
|
|
661
|
-
const
|
|
662
|
-
if (
|
|
704
|
+
O.oninput = ce, typeof U < "u" && (U.oninput = ce), typeof ie < "u" && (ie.oninput = ce), K.onclick = () => {
|
|
705
|
+
const $ = O.value.trim(), H = U && U.value.trim() || "", ne = ie && ie.value.trim() || "", J = parseInt(H, 10), se = parseInt(ne, 10);
|
|
706
|
+
if (!$) {
|
|
663
707
|
f.style.display = "none";
|
|
664
708
|
return;
|
|
665
709
|
}
|
|
@@ -669,28 +713,28 @@ function jo(h) {
|
|
|
669
713
|
f.style.display = "none";
|
|
670
714
|
return;
|
|
671
715
|
}
|
|
672
|
-
const pe = de.getRangeAt(0), fe =
|
|
673
|
-
let
|
|
716
|
+
const pe = de.getRangeAt(0), fe = $.match(/(?:youtube.com\/watch\?v=|youtu.be\/)([\w-]+)/i);
|
|
717
|
+
let x;
|
|
674
718
|
if (fe) {
|
|
675
|
-
const L = fe[1], B = document.createElement("div"), xe = Number.isFinite(
|
|
676
|
-
B.innerHTML = `<iframe width="${xe}" height="${we}" src="https://www.youtube.com/embed/${L}" frameborder="0" allowfullscreen></iframe>`, B.contentEditable = "false", B.className = "editor-video-wrapper", B.style.display = "block", B.style.maxWidth = "100%", B.style.width = "auto", B.style.height = "auto", B.style.boxSizing = "border-box", B.style.userSelect = "none",
|
|
719
|
+
const L = fe[1], B = document.createElement("div"), xe = Number.isFinite(J) ? J : 560, we = Number.isFinite(se) ? se : 315;
|
|
720
|
+
B.innerHTML = `<iframe width="${xe}" height="${we}" src="https://www.youtube.com/embed/${L}" frameborder="0" allowfullscreen></iframe>`, B.contentEditable = "false", B.className = "editor-video-wrapper", B.style.display = "block", B.style.maxWidth = "100%", B.style.width = "auto", B.style.height = "auto", B.style.boxSizing = "border-box", B.style.userSelect = "none", x = B;
|
|
677
721
|
} else {
|
|
678
722
|
const L = document.createElement("div"), B = document.createElement("video");
|
|
679
|
-
B.controls = !0, B.src =
|
|
723
|
+
B.controls = !0, B.src = $, Number.isFinite(J) && (B.width = J), Number.isFinite(se) && (B.height = se), B.style.maxWidth = "100%", B.style.display = "block", L.appendChild(B), L.contentEditable = "false", L.className = "editor-video-wrapper", L.style.display = "block", L.style.maxWidth = "100%", L.style.width = "auto", L.style.height = "auto", L.style.boxSizing = "border-box", L.style.userSelect = "none", x = L;
|
|
680
724
|
}
|
|
681
|
-
pe.insertNode(
|
|
682
|
-
const
|
|
683
|
-
|
|
725
|
+
pe.insertNode(x), de.removeAllRanges();
|
|
726
|
+
const D = document.createRange();
|
|
727
|
+
D.setStartAfter(x), D.collapse(!0), de.addRange(D), he(D);
|
|
684
728
|
try {
|
|
685
729
|
const L = V;
|
|
686
730
|
L && typeof L.focus == "function" && (L.focus(), L.dispatchEvent(new Event("input", { bubbles: !0 })));
|
|
687
731
|
} catch {
|
|
688
732
|
}
|
|
689
|
-
f.style.display = "none", O.value = "",
|
|
733
|
+
f.style.display = "none", O.value = "", Y.innerHTML = "";
|
|
690
734
|
};
|
|
691
735
|
const V = h.querySelector(".editor");
|
|
692
|
-
return V && V.addEventListener("click", (
|
|
693
|
-
const H =
|
|
736
|
+
return V && V.addEventListener("click", ($) => {
|
|
737
|
+
const H = $.target;
|
|
694
738
|
H && H.tagName === "VIDEO" && H.focus();
|
|
695
739
|
}), v.appendChild(z), v;
|
|
696
740
|
}
|
|
@@ -713,24 +757,24 @@ function Fo(h) {
|
|
|
713
757
|
<option value="h3">Heading 3</option>
|
|
714
758
|
<option value="h4">Heading 4</option>
|
|
715
759
|
`, d.onchange = () => {
|
|
716
|
-
const
|
|
717
|
-
document.execCommand("formatBlock", !1, `<${
|
|
760
|
+
const oe = d.value, U = oe === "p" ? "P" : oe.toUpperCase();
|
|
761
|
+
document.execCommand("formatBlock", !1, `<${U}>`);
|
|
718
762
|
}, v.appendChild(d), document.addEventListener("selectionchange", () => {
|
|
719
763
|
try {
|
|
720
|
-
const
|
|
721
|
-
if (!
|
|
722
|
-
let
|
|
723
|
-
for (;
|
|
724
|
-
|
|
725
|
-
if (!
|
|
726
|
-
let
|
|
727
|
-
for (;
|
|
728
|
-
const
|
|
729
|
-
if (
|
|
730
|
-
d.value =
|
|
764
|
+
const oe = window.getSelection();
|
|
765
|
+
if (!oe || !oe.anchorNode) return;
|
|
766
|
+
let U = oe.anchorNode;
|
|
767
|
+
for (; U && U.nodeType !== Node.ELEMENT_NODE; )
|
|
768
|
+
U = U.parentNode;
|
|
769
|
+
if (!U) return;
|
|
770
|
+
let te = U;
|
|
771
|
+
for (; te && te !== document.body && te !== v.parentElement; ) {
|
|
772
|
+
const Q = te.tagName?.toUpperCase?.();
|
|
773
|
+
if (Q === "H1" || Q === "H2" || Q === "H3" || Q === "H4" || Q === "P") {
|
|
774
|
+
d.value = Q === "P" ? "p" : Q.toLowerCase();
|
|
731
775
|
return;
|
|
732
776
|
}
|
|
733
|
-
|
|
777
|
+
te = te.parentElement;
|
|
734
778
|
}
|
|
735
779
|
d.value = "p";
|
|
736
780
|
} catch {
|
|
@@ -746,30 +790,30 @@ function Fo(h) {
|
|
|
746
790
|
<option value="6">24pt</option>
|
|
747
791
|
<option value="7">36pt</option>
|
|
748
792
|
`, y.style.border = "1px solid #e1e1e1", y.style.backgroundColor = "#ffffff", y.style.padding = "4px", y.style.borderRadius = "3px", y.style.color = "#000000", y.onchange = () => document.execCommand("fontSize", !1, y.value), v.appendChild(y);
|
|
749
|
-
const
|
|
750
|
-
v.appendChild(
|
|
751
|
-
const
|
|
752
|
-
v.appendChild(
|
|
753
|
-
const
|
|
754
|
-
v.appendChild(
|
|
755
|
-
const
|
|
756
|
-
v.appendChild(
|
|
793
|
+
const b = So();
|
|
794
|
+
v.appendChild(b);
|
|
795
|
+
const S = Mo();
|
|
796
|
+
v.appendChild(S);
|
|
797
|
+
const k = Ro();
|
|
798
|
+
v.appendChild(k);
|
|
799
|
+
const R = Io();
|
|
800
|
+
v.appendChild(R);
|
|
757
801
|
const O = Oo();
|
|
758
802
|
v.appendChild(O);
|
|
759
|
-
const
|
|
760
|
-
v.appendChild(
|
|
761
|
-
const
|
|
762
|
-
v.appendChild(
|
|
763
|
-
const
|
|
764
|
-
v.appendChild(
|
|
803
|
+
const M = Ao();
|
|
804
|
+
v.appendChild(M);
|
|
805
|
+
const Y = Po();
|
|
806
|
+
v.appendChild(Y);
|
|
807
|
+
const re = No(h);
|
|
808
|
+
v.appendChild(re);
|
|
765
809
|
const P = zo();
|
|
766
810
|
v.appendChild(P);
|
|
767
|
-
const
|
|
768
|
-
v.appendChild(
|
|
769
|
-
const
|
|
770
|
-
v.appendChild(
|
|
771
|
-
const
|
|
772
|
-
return v.appendChild(
|
|
811
|
+
const ee = Lo();
|
|
812
|
+
v.appendChild(ee);
|
|
813
|
+
const G = jo(h);
|
|
814
|
+
v.appendChild(G);
|
|
815
|
+
const X = Do();
|
|
816
|
+
return v.appendChild(X), v;
|
|
773
817
|
}
|
|
774
818
|
function Ho(h, v) {
|
|
775
819
|
const f = document.createElement("div");
|
|
@@ -779,23 +823,37 @@ function Ho(h, v) {
|
|
|
779
823
|
d.preventDefault(), d.stopPropagation();
|
|
780
824
|
const y = d.dataTransfer?.files;
|
|
781
825
|
if (y && y.length > 0)
|
|
782
|
-
for (let
|
|
783
|
-
const
|
|
784
|
-
if (
|
|
785
|
-
const
|
|
786
|
-
|
|
826
|
+
for (let b = 0; b < y.length; b++) {
|
|
827
|
+
const S = y[b];
|
|
828
|
+
if (S.type.startsWith("image/")) {
|
|
829
|
+
const k = new FileReader();
|
|
830
|
+
k.onload = (R) => {
|
|
787
831
|
const O = document.createElement("img");
|
|
788
|
-
O.src =
|
|
789
|
-
const
|
|
790
|
-
|
|
791
|
-
|
|
832
|
+
O.src = R.target?.result, O.style.maxWidth = "100%", O.style.width = "100%", O.style.height = "auto", O.style.cursor = "pointer", O.draggable = !1;
|
|
833
|
+
const M = document.createElement("div");
|
|
834
|
+
M.className = "editor-image-wrapper", M.style.display = "inline-block", M.style.position = "relative", M.style.maxWidth = "100%", M.style.width = "auto", M.style.height = "auto", M.contentEditable = "false", M.style.userSelect = "none", M.style.boxSizing = "border-box", M.style.touchAction = "none", M.appendChild(O);
|
|
835
|
+
const Y = document.createElement("div");
|
|
836
|
+
Y.contentEditable = "true", Y.style.margin = "10px 0", Y.style.textAlign = "left", Y.style.display = "block", Y.appendChild(M), f.appendChild(Y);
|
|
837
|
+
}, k.readAsDataURL(S);
|
|
792
838
|
}
|
|
793
839
|
}
|
|
794
840
|
}), f.addEventListener("click", (d) => {
|
|
795
841
|
const y = d.target;
|
|
796
|
-
let
|
|
797
|
-
y.tagName === "IMG" && (
|
|
798
|
-
|
|
842
|
+
let b = y;
|
|
843
|
+
if (y.tagName === "IMG" && (b = y.parentElement), b && b.classList.contains("editor-image-wrapper")) {
|
|
844
|
+
v(b);
|
|
845
|
+
const S = b.parentElement;
|
|
846
|
+
if (S && S.tagName === "DIV" && S.querySelector(".editor-image-wrapper"))
|
|
847
|
+
try {
|
|
848
|
+
const k = window.getSelection();
|
|
849
|
+
if (k) {
|
|
850
|
+
const R = document.createRange();
|
|
851
|
+
R.selectNode(S), k.removeAllRanges(), k.addRange(R), he();
|
|
852
|
+
}
|
|
853
|
+
} catch {
|
|
854
|
+
}
|
|
855
|
+
}
|
|
856
|
+
}), f.addEventListener("keyup", () => he()), f.addEventListener("mouseup", () => he()), f.addEventListener("focus", () => he()), window.addEventListener("selectionchange", () => {
|
|
799
857
|
try {
|
|
800
858
|
const d = window.getSelection();
|
|
801
859
|
if (!d || !d.anchorNode) return;
|
|
@@ -803,7 +861,7 @@ function Ho(h, v) {
|
|
|
803
861
|
for (; y && y.nodeType !== Node.ELEMENT_NODE; )
|
|
804
862
|
y = y.parentNode;
|
|
805
863
|
if (!y) return;
|
|
806
|
-
f.contains(y) &&
|
|
864
|
+
f.contains(y) && he();
|
|
807
865
|
} catch {
|
|
808
866
|
}
|
|
809
867
|
}), f;
|
|
@@ -831,7 +889,7 @@ function Vo() {
|
|
|
831
889
|
for (var e = 1; e < arguments.length; e++) {
|
|
832
890
|
var n = arguments[e] != null ? arguments[e] : {};
|
|
833
891
|
e % 2 ? f(Object(n), !0).forEach((function(r) {
|
|
834
|
-
|
|
892
|
+
R(t, r, n[r]);
|
|
835
893
|
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : f(Object(n)).forEach((function(r) {
|
|
836
894
|
Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
|
|
837
895
|
}));
|
|
@@ -845,36 +903,36 @@ function Vo() {
|
|
|
845
903
|
return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
846
904
|
}, y(t);
|
|
847
905
|
}
|
|
848
|
-
function
|
|
906
|
+
function b(t, e) {
|
|
849
907
|
if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
|
|
850
908
|
}
|
|
851
|
-
function
|
|
909
|
+
function S(t, e) {
|
|
852
910
|
for (var n = 0; n < e.length; n++) {
|
|
853
911
|
var r = e[n];
|
|
854
|
-
r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t,
|
|
912
|
+
r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, G(r.key), r);
|
|
855
913
|
}
|
|
856
914
|
}
|
|
857
|
-
function
|
|
858
|
-
return e &&
|
|
915
|
+
function k(t, e, n) {
|
|
916
|
+
return e && S(t.prototype, e), Object.defineProperty(t, "prototype", { writable: !1 }), t;
|
|
859
917
|
}
|
|
860
|
-
function
|
|
861
|
-
return (e =
|
|
918
|
+
function R(t, e, n) {
|
|
919
|
+
return (e = G(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
|
|
862
920
|
}
|
|
863
921
|
function O(t, e) {
|
|
864
922
|
if (typeof e != "function" && e !== null) throw new TypeError("Super expression must either be null or a function");
|
|
865
|
-
t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e &&
|
|
923
|
+
t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && Y(t, e);
|
|
866
924
|
}
|
|
867
|
-
function
|
|
868
|
-
return
|
|
925
|
+
function M(t) {
|
|
926
|
+
return M = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
|
|
869
927
|
return e.__proto__ || Object.getPrototypeOf(e);
|
|
870
|
-
},
|
|
928
|
+
}, M(t);
|
|
871
929
|
}
|
|
872
|
-
function
|
|
873
|
-
return
|
|
930
|
+
function Y(t, e) {
|
|
931
|
+
return Y = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
|
|
874
932
|
return n.__proto__ = r, n;
|
|
875
|
-
},
|
|
933
|
+
}, Y(t, e);
|
|
876
934
|
}
|
|
877
|
-
function
|
|
935
|
+
function re(t) {
|
|
878
936
|
if (t === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
879
937
|
return t;
|
|
880
938
|
}
|
|
@@ -890,31 +948,31 @@ function Vo() {
|
|
|
890
948
|
}
|
|
891
949
|
})();
|
|
892
950
|
return function() {
|
|
893
|
-
var n, r =
|
|
951
|
+
var n, r = M(t);
|
|
894
952
|
if (e) {
|
|
895
|
-
var o =
|
|
953
|
+
var o = M(this).constructor;
|
|
896
954
|
n = Reflect.construct(r, arguments, o);
|
|
897
955
|
} else n = r.apply(this, arguments);
|
|
898
956
|
return (function(i, a) {
|
|
899
957
|
if (a && (typeof a == "object" || typeof a == "function")) return a;
|
|
900
958
|
if (a !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
|
|
901
|
-
return
|
|
959
|
+
return re(i);
|
|
902
960
|
})(this, n);
|
|
903
961
|
};
|
|
904
962
|
}
|
|
905
|
-
function
|
|
906
|
-
return
|
|
963
|
+
function ee() {
|
|
964
|
+
return ee = typeof Reflect < "u" && Reflect.get ? Reflect.get.bind() : function(t, e, n) {
|
|
907
965
|
var r = (function(i, a) {
|
|
908
|
-
for (; !Object.prototype.hasOwnProperty.call(i, a) && (i =
|
|
966
|
+
for (; !Object.prototype.hasOwnProperty.call(i, a) && (i = M(i)) !== null; ) ;
|
|
909
967
|
return i;
|
|
910
968
|
})(t, e);
|
|
911
969
|
if (r) {
|
|
912
970
|
var o = Object.getOwnPropertyDescriptor(r, e);
|
|
913
971
|
return o.get ? o.get.call(arguments.length < 3 ? t : n) : o.value;
|
|
914
972
|
}
|
|
915
|
-
},
|
|
973
|
+
}, ee.apply(this, arguments);
|
|
916
974
|
}
|
|
917
|
-
function
|
|
975
|
+
function G(t) {
|
|
918
976
|
var e = (function(n, r) {
|
|
919
977
|
if (typeof n != "object" || n === null) return n;
|
|
920
978
|
var o = n[Symbol.toPrimitive];
|
|
@@ -927,27 +985,27 @@ function Vo() {
|
|
|
927
985
|
})(t, "string");
|
|
928
986
|
return typeof e == "symbol" ? e : e + "";
|
|
929
987
|
}
|
|
930
|
-
var
|
|
988
|
+
var X = function(t) {
|
|
931
989
|
return !(!t || !t.Window) && t instanceof t.Window;
|
|
932
|
-
},
|
|
933
|
-
function
|
|
934
|
-
|
|
990
|
+
}, oe = void 0, U = void 0;
|
|
991
|
+
function te(t) {
|
|
992
|
+
oe = t;
|
|
935
993
|
var e = t.document.createTextNode("");
|
|
936
|
-
e.ownerDocument !== t.document && typeof t.wrap == "function" && t.wrap(e) === e && (t = t.wrap(t)),
|
|
994
|
+
e.ownerDocument !== t.document && typeof t.wrap == "function" && t.wrap(e) === e && (t = t.wrap(t)), U = t;
|
|
937
995
|
}
|
|
938
|
-
function
|
|
939
|
-
return
|
|
996
|
+
function Q(t) {
|
|
997
|
+
return X(t) ? t : (t.ownerDocument || t).defaultView || U.window;
|
|
940
998
|
}
|
|
941
|
-
typeof window < "u" && window &&
|
|
999
|
+
typeof window < "u" && window && te(window);
|
|
942
1000
|
var ie = function(t) {
|
|
943
1001
|
return !!t && y(t) === "object";
|
|
944
|
-
},
|
|
1002
|
+
}, Z = function(t) {
|
|
945
1003
|
return typeof t == "function";
|
|
946
1004
|
}, g = { window: function(t) {
|
|
947
|
-
return t ===
|
|
1005
|
+
return t === U || X(t);
|
|
948
1006
|
}, docFrag: function(t) {
|
|
949
1007
|
return ie(t) && t.nodeType === 11;
|
|
950
|
-
}, object: ie, func:
|
|
1008
|
+
}, object: ie, func: Z, number: function(t) {
|
|
951
1009
|
return typeof t == "number";
|
|
952
1010
|
}, bool: function(t) {
|
|
953
1011
|
return typeof t == "boolean";
|
|
@@ -955,14 +1013,14 @@ function Vo() {
|
|
|
955
1013
|
return typeof t == "string";
|
|
956
1014
|
}, element: function(t) {
|
|
957
1015
|
if (!t || y(t) !== "object") return !1;
|
|
958
|
-
var e =
|
|
1016
|
+
var e = Q(t) || U;
|
|
959
1017
|
return /object|function/.test(typeof Element > "u" ? "undefined" : y(Element)) ? t instanceof Element || t instanceof e.Element : t.nodeType === 1 && typeof t.nodeName == "string";
|
|
960
1018
|
}, plainObject: function(t) {
|
|
961
1019
|
return ie(t) && !!t.constructor && /function Object\b/.test(t.constructor.toString());
|
|
962
1020
|
}, array: function(t) {
|
|
963
|
-
return ie(t) && t.length !== void 0 &&
|
|
1021
|
+
return ie(t) && t.length !== void 0 && Z(t.splice);
|
|
964
1022
|
} };
|
|
965
|
-
function
|
|
1023
|
+
function K(t) {
|
|
966
1024
|
var e = t.interaction;
|
|
967
1025
|
if (e.prepared.name === "drag") {
|
|
968
1026
|
var n = e.prepared.axis;
|
|
@@ -982,25 +1040,25 @@ function Vo() {
|
|
|
982
1040
|
var le = { id: "actions/drag", install: function(t) {
|
|
983
1041
|
var e = t.actions, n = t.Interactable, r = t.defaults;
|
|
984
1042
|
n.prototype.draggable = le.draggable, e.map.drag = le, e.methodDict.drag = "draggable", r.actions.drag = le.defaults;
|
|
985
|
-
}, listeners: { "interactions:before-action-move":
|
|
1043
|
+
}, listeners: { "interactions:before-action-move": K, "interactions:action-resume": K, "interactions:action-move": z, "auto-start:check": function(t) {
|
|
986
1044
|
var e = t.interaction, n = t.interactable, r = t.buttons, o = n.options.drag;
|
|
987
1045
|
if (o && o.enabled && (!e.pointerIsDown || !/mouse|pointer/.test(e.pointerType) || (r & n.options.drag.mouseButtons) != 0)) return t.action = { name: "drag", axis: o.lockAxis === "start" ? o.startAxis : o.lockAxis }, !1;
|
|
988
1046
|
} }, draggable: function(t) {
|
|
989
1047
|
return g.object(t) ? (this.options.drag.enabled = t.enabled !== !1, this.setPerAction("drag", t), this.setOnEvents("drag", t), /^(xy|x|y|start)$/.test(t.lockAxis) && (this.options.drag.lockAxis = t.lockAxis), /^(xy|x|y)$/.test(t.startAxis) && (this.options.drag.startAxis = t.startAxis), this) : g.bool(t) ? (this.options.drag.enabled = t, this) : this.options.drag;
|
|
990
|
-
}, beforeMove:
|
|
1048
|
+
}, beforeMove: K, move: z, defaults: { startAxis: "xy", lockAxis: "xy" }, getCursor: function() {
|
|
991
1049
|
return "move";
|
|
992
1050
|
}, filterEventType: function(t) {
|
|
993
1051
|
return t.search("drag") === 0;
|
|
994
1052
|
} }, ce = le, V = { init: function(t) {
|
|
995
1053
|
var e = t;
|
|
996
|
-
V.document = e.document, V.DocumentFragment = e.DocumentFragment ||
|
|
1054
|
+
V.document = e.document, V.DocumentFragment = e.DocumentFragment || $, V.SVGElement = e.SVGElement || $, V.SVGSVGElement = e.SVGSVGElement || $, V.SVGElementInstance = e.SVGElementInstance || $, V.Element = e.Element || $, V.HTMLElement = e.HTMLElement || V.Element, V.Event = e.Event, V.Touch = e.Touch || $, V.PointerEvent = e.PointerEvent || e.MSPointerEvent;
|
|
997
1055
|
}, document: null, DocumentFragment: null, SVGElement: null, SVGSVGElement: null, SVGElementInstance: null, Element: null, HTMLElement: null, Event: null, Touch: null, PointerEvent: null };
|
|
998
|
-
function
|
|
1056
|
+
function $() {
|
|
999
1057
|
}
|
|
1000
|
-
var H = V,
|
|
1058
|
+
var H = V, ne = { init: function(t) {
|
|
1001
1059
|
var e = H.Element, n = t.navigator || {};
|
|
1002
|
-
|
|
1003
|
-
}, supportsTouch: null, supportsPointerEvent: null, isIOS7: null, isIOS: null, isIe9: null, isOperaMobile: null, prefixedMatchesSelector: null, pEventTypes: null, wheelEvent: null },
|
|
1060
|
+
ne.supportsTouch = "ontouchstart" in t || g.func(t.DocumentTouch) && H.document instanceof t.DocumentTouch, ne.supportsPointerEvent = n.pointerEnabled !== !1 && !!H.PointerEvent, ne.isIOS = /iP(hone|od|ad)/.test(n.platform), ne.isIOS7 = /iP(hone|od|ad)/.test(n.platform) && /OS 7[^\d]/.test(n.appVersion), ne.isIe9 = /MSIE 9/.test(n.userAgent), ne.isOperaMobile = n.appName === "Opera" && ne.supportsTouch && /Presto/.test(n.userAgent), ne.prefixedMatchesSelector = "matches" in e.prototype ? "matches" : "webkitMatchesSelector" in e.prototype ? "webkitMatchesSelector" : "mozMatchesSelector" in e.prototype ? "mozMatchesSelector" : "oMatchesSelector" in e.prototype ? "oMatchesSelector" : "msMatchesSelector", ne.pEventTypes = ne.supportsPointerEvent ? H.PointerEvent === t.MSPointerEvent ? { up: "MSPointerUp", down: "MSPointerDown", over: "mouseover", out: "mouseout", move: "MSPointerMove", cancel: "MSPointerCancel" } : { up: "pointerup", down: "pointerdown", over: "pointerover", out: "pointerout", move: "pointermove", cancel: "pointercancel" } : null, ne.wheelEvent = H.document && "onmousewheel" in H.document ? "mousewheel" : "wheel";
|
|
1061
|
+
}, supportsTouch: null, supportsPointerEvent: null, isIOS7: null, isIOS: null, isIe9: null, isOperaMobile: null, prefixedMatchesSelector: null, pEventTypes: null, wheelEvent: null }, J = ne;
|
|
1004
1062
|
function se(t, e) {
|
|
1005
1063
|
if (t.contains) return t.contains(e);
|
|
1006
1064
|
for (; e; ) {
|
|
@@ -1025,13 +1083,13 @@ function Vo() {
|
|
|
1025
1083
|
return e;
|
|
1026
1084
|
}
|
|
1027
1085
|
function fe(t, e) {
|
|
1028
|
-
return
|
|
1086
|
+
return U !== oe && (e = e.replace(/\/deep\//g, " ")), t[J.prefixedMatchesSelector](e);
|
|
1029
1087
|
}
|
|
1030
|
-
var
|
|
1088
|
+
var x = function(t) {
|
|
1031
1089
|
return t.parentNode || t.host;
|
|
1032
1090
|
};
|
|
1033
|
-
function
|
|
1034
|
-
for (var n, r = [], o = t; (n =
|
|
1091
|
+
function D(t, e) {
|
|
1092
|
+
for (var n, r = [], o = t; (n = x(o)) && o !== e && n !== o.ownerDocument; ) r.unshift(o), o = n;
|
|
1035
1093
|
return r;
|
|
1036
1094
|
}
|
|
1037
1095
|
function L(t, e, n) {
|
|
@@ -1050,8 +1108,8 @@ function Vo() {
|
|
|
1050
1108
|
}
|
|
1051
1109
|
function we(t) {
|
|
1052
1110
|
var e, n = xe(t);
|
|
1053
|
-
if (!
|
|
1054
|
-
var r = { x: (e = (e =
|
|
1111
|
+
if (!J.isIOS7 && n) {
|
|
1112
|
+
var r = { x: (e = (e = Q(t)) || U).scrollX || e.document.documentElement.scrollLeft, y: e.scrollY || e.document.documentElement.scrollTop };
|
|
1055
1113
|
n.left += r.x, n.right += r.x, n.top += r.y, n.bottom += r.y;
|
|
1056
1114
|
}
|
|
1057
1115
|
return n;
|
|
@@ -1063,7 +1121,7 @@ function Vo() {
|
|
|
1063
1121
|
function Ee(t) {
|
|
1064
1122
|
return !!g.string(t) && (H.document.querySelector(t), !0);
|
|
1065
1123
|
}
|
|
1066
|
-
function
|
|
1124
|
+
function I(t, e) {
|
|
1067
1125
|
for (var n in e) t[n] = e[n];
|
|
1068
1126
|
return t;
|
|
1069
1127
|
}
|
|
@@ -1078,7 +1136,7 @@ function Vo() {
|
|
|
1078
1136
|
return t && { x: "x" in t ? t.x : t.left, y: "y" in t ? t.y : t.top };
|
|
1079
1137
|
}
|
|
1080
1138
|
function vt(t) {
|
|
1081
|
-
return !t || "x" in t && "y" in t || ((t =
|
|
1139
|
+
return !t || "x" in t && "y" in t || ((t = I({}, t)).x = t.left || 0, t.y = t.top || 0, t.width = t.width || (t.right || 0) - t.x, t.height = t.height || (t.bottom || 0) - t.y), t;
|
|
1082
1140
|
}
|
|
1083
1141
|
function et(t, e, n) {
|
|
1084
1142
|
t.left && (e.left += n.x), t.right && (e.right += n.x), t.top && (e.top += n.y), t.bottom && (e.bottom += n.y), e.width = e.right - e.left, e.height = e.bottom - e.top;
|
|
@@ -1139,7 +1197,7 @@ function Vo() {
|
|
|
1139
1197
|
return t = t || "page", (n = n || {}).x = e[t + "X"], n.y = e[t + "Y"], n;
|
|
1140
1198
|
}
|
|
1141
1199
|
function qt(t, e) {
|
|
1142
|
-
return e = e || { x: 0, y: 0 },
|
|
1200
|
+
return e = e || { x: 0, y: 0 }, J.isOperaMobile && Bt(t) ? (rt("screen", t, e), e.x += window.scrollX, e.y += window.scrollY) : rt("page", t, e), e;
|
|
1143
1201
|
}
|
|
1144
1202
|
function Fe(t) {
|
|
1145
1203
|
return g.number(t.pointerId) ? t.pointerId : t.identifier;
|
|
@@ -1147,7 +1205,7 @@ function Vo() {
|
|
|
1147
1205
|
function Fn(t, e, n) {
|
|
1148
1206
|
var r = e.length > 1 ? Vt(e) : e[0];
|
|
1149
1207
|
qt(r, t.page), (function(o, i) {
|
|
1150
|
-
i = i || {},
|
|
1208
|
+
i = i || {}, J.isOperaMobile && Bt(o) ? rt("screen", o, i) : rt("client", o, i);
|
|
1151
1209
|
})(r, t.client), t.timeStamp = n;
|
|
1152
1210
|
}
|
|
1153
1211
|
function mt(t) {
|
|
@@ -1184,9 +1242,9 @@ function Vo() {
|
|
|
1184
1242
|
}
|
|
1185
1243
|
var ot = (function() {
|
|
1186
1244
|
function t(e) {
|
|
1187
|
-
|
|
1245
|
+
b(this, t), this.immediatePropagationStopped = !1, this.propagationStopped = !1, this._interaction = e;
|
|
1188
1246
|
}
|
|
1189
|
-
return
|
|
1247
|
+
return k(t, [{ key: "preventDefault", value: function() {
|
|
1190
1248
|
} }, { key: "stopPropagation", value: function() {
|
|
1191
1249
|
this.propagationStopped = !0;
|
|
1192
1250
|
} }, { key: "stopImmediatePropagation", value: function() {
|
|
@@ -1210,16 +1268,16 @@ function Vo() {
|
|
|
1210
1268
|
return -1;
|
|
1211
1269
|
}, Be = function(t, e) {
|
|
1212
1270
|
return t[He(t, e)];
|
|
1213
|
-
},
|
|
1271
|
+
}, Pe = (function(t) {
|
|
1214
1272
|
O(n, t);
|
|
1215
1273
|
var e = P(n);
|
|
1216
1274
|
function n(r, o, i) {
|
|
1217
1275
|
var a;
|
|
1218
|
-
|
|
1276
|
+
b(this, n), (a = e.call(this, o._interaction)).dropzone = void 0, a.dragEvent = void 0, a.relatedTarget = void 0, a.draggable = void 0, a.propagationStopped = !1, a.immediatePropagationStopped = !1;
|
|
1219
1277
|
var s = i === "dragleave" ? r.prev : r.cur, l = s.element, u = s.dropzone;
|
|
1220
1278
|
return a.type = i, a.target = l, a.currentTarget = l, a.dropzone = u, a.dragEvent = o, a.relatedTarget = o.target, a.draggable = o.interactable, a.timeStamp = o.timeStamp, a;
|
|
1221
1279
|
}
|
|
1222
|
-
return
|
|
1280
|
+
return k(n, [{ key: "reject", value: function() {
|
|
1223
1281
|
var r = this, o = this._interaction.dropState;
|
|
1224
1282
|
if (this.type === "dropactivate" || this.dropzone && o.cur.dropzone === this.dropzone && o.cur.element === this.target) if (o.prev.dropzone = this.dropzone, o.prev.element = this.target, o.rejected = !0, o.events.enter = null, this.stopImmediatePropagation(), this.type === "dropactivate") {
|
|
1225
1283
|
var i = o.activeDrops, a = He(i, (function(l) {
|
|
@@ -1267,31 +1325,31 @@ function Vo() {
|
|
|
1267
1325
|
var u = l[s], c = u.dropzone, p = u.element, m = u.rect, E = c.dropCheck(e, n, o, i, p, m);
|
|
1268
1326
|
a.push(E ? p : null);
|
|
1269
1327
|
}
|
|
1270
|
-
var w = (function(
|
|
1271
|
-
for (var _,
|
|
1272
|
-
var
|
|
1273
|
-
if (
|
|
1274
|
-
var
|
|
1275
|
-
if (
|
|
1276
|
-
F = F.length ? F :
|
|
1328
|
+
var w = (function(C) {
|
|
1329
|
+
for (var _, T, A, F = [], W = 0; W < C.length; W++) {
|
|
1330
|
+
var N = C[W], q = C[_];
|
|
1331
|
+
if (N && W !== _) if (q) {
|
|
1332
|
+
var me = x(N), ae = x(q);
|
|
1333
|
+
if (me !== N.ownerDocument) if (ae !== N.ownerDocument) if (me !== ae) {
|
|
1334
|
+
F = F.length ? F : D(q);
|
|
1277
1335
|
var ge = void 0;
|
|
1278
|
-
if (q instanceof H.HTMLElement &&
|
|
1279
|
-
if (
|
|
1280
|
-
ge =
|
|
1281
|
-
} else ge =
|
|
1282
|
-
for (var be =
|
|
1336
|
+
if (q instanceof H.HTMLElement && N instanceof H.SVGElement && !(N instanceof H.SVGSVGElement)) {
|
|
1337
|
+
if (N === ae) continue;
|
|
1338
|
+
ge = N.ownerSVGElement;
|
|
1339
|
+
} else ge = N;
|
|
1340
|
+
for (var be = D(ge, q.ownerDocument), Se = 0; be[Se] && be[Se] === F[Se]; ) Se++;
|
|
1283
1341
|
var ft = [be[Se - 1], be[Se], F[Se]];
|
|
1284
1342
|
if (ft[0]) for (var Ue = ft[0].lastChild; Ue; ) {
|
|
1285
1343
|
if (Ue === ft[1]) {
|
|
1286
|
-
_ =
|
|
1344
|
+
_ = W, F = be;
|
|
1287
1345
|
break;
|
|
1288
1346
|
}
|
|
1289
1347
|
if (Ue === ft[2]) break;
|
|
1290
1348
|
Ue = Ue.previousSibling;
|
|
1291
1349
|
}
|
|
1292
|
-
} else
|
|
1293
|
-
else _ =
|
|
1294
|
-
} else _ =
|
|
1350
|
+
} else A = q, (parseInt(Q(T = N).getComputedStyle(T).zIndex, 10) || 0) >= (parseInt(Q(A).getComputedStyle(A).zIndex, 10) || 0) && (_ = W);
|
|
1351
|
+
else _ = W;
|
|
1352
|
+
} else _ = W;
|
|
1295
1353
|
}
|
|
1296
1354
|
return _;
|
|
1297
1355
|
})(a);
|
|
@@ -1299,7 +1357,7 @@ function Vo() {
|
|
|
1299
1357
|
}
|
|
1300
1358
|
function wt(t, e, n) {
|
|
1301
1359
|
var r = t.dropState, o = { enter: null, leave: null, activate: null, deactivate: null, move: null, drop: null };
|
|
1302
|
-
return n.type === "dragstart" && (o.activate = new
|
|
1360
|
+
return n.type === "dragstart" && (o.activate = new Pe(r, n, "dropactivate"), o.activate.target = null, o.activate.dropzone = null), n.type === "dragend" && (o.deactivate = new Pe(r, n, "dropdeactivate"), o.deactivate.target = null, o.deactivate.dropzone = null), r.rejected || (r.cur.element !== r.prev.element && (r.prev.dropzone && (o.leave = new Pe(r, n, "dragleave"), n.dragLeave = o.leave.target = r.prev.element, n.prevDropzone = o.leave.dropzone = r.prev.dropzone), r.cur.dropzone && (o.enter = new Pe(r, n, "dragenter"), n.dragEnter = r.cur.element, n.dropzone = r.cur.dropzone)), n.type === "dragend" && r.cur.dropzone && (o.drop = new Pe(r, n, "drop"), n.dropzone = r.cur.dropzone, n.relatedTarget = r.cur.element), n.type === "dragmove" && r.cur.dropzone && (o.move = new Pe(r, n, "dropmove"), n.dropzone = r.cur.dropzone)), o;
|
|
1303
1361
|
}
|
|
1304
1362
|
function Et(t, e) {
|
|
1305
1363
|
var n = t.dropState, r = n.activeDrops, o = n.cur, i = n.prev;
|
|
@@ -1330,26 +1388,26 @@ function Vo() {
|
|
|
1330
1388
|
return g.bool(s) ? (a.options.drop.enabled = s, a) : a.options.drop;
|
|
1331
1389
|
})(this, i);
|
|
1332
1390
|
}, r.prototype.dropCheck = function(i, a, s, l, u, c) {
|
|
1333
|
-
return (function(p, m, E, w,
|
|
1334
|
-
var
|
|
1335
|
-
if (!(
|
|
1391
|
+
return (function(p, m, E, w, C, _, T) {
|
|
1392
|
+
var A = !1;
|
|
1393
|
+
if (!(T = T || p.getRect(_))) return !!p.options.drop.checker && p.options.drop.checker(m, E, A, p, _, w, C);
|
|
1336
1394
|
var F = p.options.drop.overlap;
|
|
1337
1395
|
if (F === "pointer") {
|
|
1338
|
-
var
|
|
1339
|
-
|
|
1340
|
-
var q =
|
|
1341
|
-
|
|
1396
|
+
var W = Le(w, C, "drag"), N = qt(m);
|
|
1397
|
+
N.x += W.x, N.y += W.y;
|
|
1398
|
+
var q = N.x > T.left && N.x < T.right, me = N.y > T.top && N.y < T.bottom;
|
|
1399
|
+
A = q && me;
|
|
1342
1400
|
}
|
|
1343
|
-
var ae = w.getRect(
|
|
1401
|
+
var ae = w.getRect(C);
|
|
1344
1402
|
if (ae && F === "center") {
|
|
1345
1403
|
var ge = ae.left + ae.width / 2, be = ae.top + ae.height / 2;
|
|
1346
|
-
|
|
1404
|
+
A = ge >= T.left && ge <= T.right && be >= T.top && be <= T.bottom;
|
|
1347
1405
|
}
|
|
1348
|
-
return ae && g.number(F) && (
|
|
1406
|
+
return ae && g.number(F) && (A = Math.max(0, Math.min(T.right, ae.right) - Math.max(T.left, ae.left)) * Math.max(0, Math.min(T.bottom, ae.bottom) - Math.max(T.top, ae.top)) / (ae.width * ae.height) >= F), p.options.drop.checker && (A = p.options.drop.checker(m, E, A, p, _, w, C)), A;
|
|
1349
1407
|
})(this, i, a, s, l, u, c);
|
|
1350
1408
|
}, n.dynamicDrop = function(i) {
|
|
1351
1409
|
return g.bool(i) ? (t.dynamicDrop = i, n) : t.dynamicDrop;
|
|
1352
|
-
},
|
|
1410
|
+
}, I(e.phaselessTypes, { dragenter: !0, dragleave: !0, dropactivate: !0, dropdeactivate: !0, dropmove: !0, drop: !0 }), e.methodDict.drop = "dropzone", t.dynamicDrop = !1, o.actions.drop = Jt.defaults;
|
|
1353
1411
|
}, listeners: { "interactions:before-action-start": function(t) {
|
|
1354
1412
|
var e = t.interaction;
|
|
1355
1413
|
e.prepared.name === "drag" && (e.dropState = { cur: { dropzone: null, element: null }, prev: { dropzone: null, element: null }, rejected: null, events: null, activeDrops: [] });
|
|
@@ -1450,7 +1508,7 @@ function Vo() {
|
|
|
1450
1508
|
var n = e.iEvent, r = e.interaction;
|
|
1451
1509
|
if (r.prepared.name === "resize" && r.prepared.edges) {
|
|
1452
1510
|
var o = n, i = r.rect;
|
|
1453
|
-
r._rects = { start:
|
|
1511
|
+
r._rects = { start: I({}, i), corrected: I({}, i), previous: I({}, i), delta: { left: 0, right: 0, width: 0, top: 0, bottom: 0, height: 0 } }, o.edges = r.prepared.edges, o.rect = r._rects.corrected, o.deltaRect = r._rects.delta;
|
|
1454
1512
|
}
|
|
1455
1513
|
})(t), Qt(t);
|
|
1456
1514
|
}, "interactions:action-move": function(t) {
|
|
@@ -1458,8 +1516,8 @@ function Vo() {
|
|
|
1458
1516
|
var n = e.iEvent, r = e.interaction;
|
|
1459
1517
|
if (r.prepared.name === "resize" && r.prepared.edges) {
|
|
1460
1518
|
var o = n, i = r.interactable.options.resize.invert, a = i === "reposition" || i === "negate", s = r.rect, l = r._rects, u = l.start, c = l.corrected, p = l.delta, m = l.previous;
|
|
1461
|
-
if (
|
|
1462
|
-
if (
|
|
1519
|
+
if (I(m, c), a) {
|
|
1520
|
+
if (I(c, s), i === "reposition") {
|
|
1463
1521
|
if (c.top > c.bottom) {
|
|
1464
1522
|
var E = c.top;
|
|
1465
1523
|
c.top = c.bottom, c.bottom = E;
|
|
@@ -1470,7 +1528,7 @@ function Vo() {
|
|
|
1470
1528
|
}
|
|
1471
1529
|
}
|
|
1472
1530
|
} else c.top = Math.min(s.top, u.bottom), c.bottom = Math.max(s.bottom, u.top), c.left = Math.min(s.left, u.right), c.right = Math.max(s.right, u.left);
|
|
1473
|
-
for (var
|
|
1531
|
+
for (var C in c.width = c.right - c.left, c.height = c.bottom - c.top, c) p[C] = c[C] - m[C];
|
|
1474
1532
|
o.edges = r.prepared.edges, o.rect = c, o.deltaRect = p;
|
|
1475
1533
|
}
|
|
1476
1534
|
})(t), Qt(t);
|
|
@@ -1483,7 +1541,7 @@ function Vo() {
|
|
|
1483
1541
|
}, "auto-start:check": function(t) {
|
|
1484
1542
|
var e = t.interaction, n = t.interactable, r = t.element, o = t.rect, i = t.buttons;
|
|
1485
1543
|
if (o) {
|
|
1486
|
-
var a =
|
|
1544
|
+
var a = I({}, e.coords.cur.page), s = n.options.resize;
|
|
1487
1545
|
if (s && s.enabled && (!e.pointerIsDown || !/mouse|pointer/.test(e.pointerType) || (i & s.mouseButtons) != 0)) {
|
|
1488
1546
|
if (g.object(s.edges)) {
|
|
1489
1547
|
var l = { left: !1, right: !1, top: !1, bottom: !1 };
|
|
@@ -1562,7 +1620,7 @@ function Vo() {
|
|
|
1562
1620
|
}
|
|
1563
1621
|
} };
|
|
1564
1622
|
function en(t, e, n) {
|
|
1565
|
-
return (g.string(t) ? Qe(t, e, n) : t) ||
|
|
1623
|
+
return (g.string(t) ? Qe(t, e, n) : t) || Q(n);
|
|
1566
1624
|
}
|
|
1567
1625
|
function tn(t) {
|
|
1568
1626
|
return g.window(t) && (t = window.document.body), { x: t.scrollLeft, y: t.scrollTop };
|
|
@@ -1582,7 +1640,7 @@ function Vo() {
|
|
|
1582
1640
|
function qe(t, e) {
|
|
1583
1641
|
var n = !1;
|
|
1584
1642
|
return function() {
|
|
1585
|
-
return n || (
|
|
1643
|
+
return n || (U.console.warn(e), n = !0), t.apply(this, arguments);
|
|
1586
1644
|
};
|
|
1587
1645
|
}
|
|
1588
1646
|
function St(t, e) {
|
|
@@ -1668,7 +1726,7 @@ function Vo() {
|
|
|
1668
1726
|
}
|
|
1669
1727
|
var Jn = { id: "auto-start/base", before: ["actions"], install: function(t) {
|
|
1670
1728
|
var e = t.interactStatic, n = t.defaults;
|
|
1671
|
-
t.usePlugin(Gn), n.base.actionChecker = null, n.base.styleCursor = !0,
|
|
1729
|
+
t.usePlugin(Gn), n.base.actionChecker = null, n.base.styleCursor = !0, I(n.perAction, { manualStart: !1, max: 1 / 0, maxPerElement: 1, allowFrom: null, ignoreFrom: null, mouseButtons: 1 }), e.maxInteractions = function(r) {
|
|
1672
1730
|
return an(r, t);
|
|
1673
1731
|
}, t.autoStart = { maxInteractions: 1 / 0, withinInteractionLimit: it, cursorElement: null };
|
|
1674
1732
|
}, listeners: { "interactions:down": function(t, e) {
|
|
@@ -1697,13 +1755,13 @@ function Vo() {
|
|
|
1697
1755
|
n.prepared.name = null;
|
|
1698
1756
|
for (var p = r, m = function(w) {
|
|
1699
1757
|
if (w !== n.interactable) {
|
|
1700
|
-
var
|
|
1701
|
-
if (!
|
|
1758
|
+
var C = n.interactable.options.drag;
|
|
1759
|
+
if (!C.manualStart && w.testIgnoreAllow(C, p, r)) {
|
|
1702
1760
|
var _ = w.getAction(n.downPointer, n.downEvent, n, p);
|
|
1703
|
-
if (_ && _.name === "drag" && (function(
|
|
1704
|
-
if (!
|
|
1705
|
-
var F =
|
|
1706
|
-
return
|
|
1761
|
+
if (_ && _.name === "drag" && (function(T, A) {
|
|
1762
|
+
if (!A) return !1;
|
|
1763
|
+
var F = A.options.drag.startAxis;
|
|
1764
|
+
return T === "xy" || F === "xy" || F === T;
|
|
1707
1765
|
})(c, w) && _t.validateAction(_, w, p, r, e)) return w;
|
|
1708
1766
|
}
|
|
1709
1767
|
}
|
|
@@ -1756,7 +1814,7 @@ function Vo() {
|
|
|
1756
1814
|
var a = r.options.preventDefault;
|
|
1757
1815
|
if (a !== "never") if (a !== "always") {
|
|
1758
1816
|
if (o.events.supportsPassive && /^touch(start|move)$/.test(i.type)) {
|
|
1759
|
-
var s =
|
|
1817
|
+
var s = Q(i.target).document, l = o.getDocOptions(s);
|
|
1760
1818
|
if (!l || !l.events || l.events.passive !== !1) return;
|
|
1761
1819
|
}
|
|
1762
1820
|
/^(mouse|pointer|touch)*(down|start)/i.test(i.type) || g.element(i.target) && fe(i.target, "input,select,textarea,[contenteditable=true],[contenteditable=true] *") || i.preventDefault();
|
|
@@ -1786,9 +1844,9 @@ function Vo() {
|
|
|
1786
1844
|
}
|
|
1787
1845
|
var Rt = (function() {
|
|
1788
1846
|
function t(e) {
|
|
1789
|
-
|
|
1847
|
+
b(this, t), this.states = [], this.startOffset = { left: 0, right: 0, top: 0, bottom: 0 }, this.startDelta = void 0, this.result = void 0, this.endResult = void 0, this.startEdges = void 0, this.edges = void 0, this.interaction = void 0, this.interaction = e, this.result = st(), this.edges = { left: !1, right: !1, top: !1, bottom: !1 };
|
|
1790
1848
|
}
|
|
1791
|
-
return
|
|
1849
|
+
return k(t, [{ key: "start", value: function(e, n) {
|
|
1792
1850
|
var r, o, i = e.phase, a = this.interaction, s = (function(u) {
|
|
1793
1851
|
var c = u.interactable.options[u.prepared.name], p = c.modifiers;
|
|
1794
1852
|
return p && p.length ? p : ["snap", "snapSize", "snapEdges", "restrict", "restrictEdges", "restrictSize"].map((function(m) {
|
|
@@ -1798,7 +1856,7 @@ function Vo() {
|
|
|
1798
1856
|
return !!m;
|
|
1799
1857
|
}));
|
|
1800
1858
|
})(a);
|
|
1801
|
-
this.prepareStates(s), this.startEdges =
|
|
1859
|
+
this.prepareStates(s), this.startEdges = I({}, a.edges), this.edges = I({}, this.startEdges), this.startOffset = (r = a.rect, o = n, r ? { left: o.x - r.left, top: o.y - r.top, right: r.right - o.x, bottom: r.bottom - o.y } : { left: 0, top: 0, right: 0, bottom: 0 }), this.startDelta = { x: 0, y: 0 };
|
|
1802
1860
|
var l = this.fillArg({ phase: i, pageCoords: n, preEnd: !1 });
|
|
1803
1861
|
return this.result = st(), this.startAll(l), this.result = this.setAll(l);
|
|
1804
1862
|
} }, { key: "fillArg", value: function(e) {
|
|
@@ -1811,27 +1869,27 @@ function Vo() {
|
|
|
1811
1869
|
}
|
|
1812
1870
|
} }, { key: "setAll", value: function(e) {
|
|
1813
1871
|
var n = e.phase, r = e.preEnd, o = e.skipModifiers, i = e.rect, a = e.edges;
|
|
1814
|
-
e.coords =
|
|
1872
|
+
e.coords = I({}, e.pageCoords), e.rect = I({}, i), e.edges = I({}, a);
|
|
1815
1873
|
for (var s = o ? this.states.slice(o) : this.states, l = st(e.coords, e.rect), u = 0; u < s.length; u++) {
|
|
1816
|
-
var c, p = s[u], m = p.options, E =
|
|
1874
|
+
var c, p = s[u], m = p.options, E = I({}, e.coords), w = null;
|
|
1817
1875
|
(c = p.methods) != null && c.set && this.shouldDo(m, r, n) && (e.state = p, w = p.methods.set(e), et(e.edges, e.rect, { x: e.coords.x - E.x, y: e.coords.y - E.y })), l.eventProps.push(w);
|
|
1818
1876
|
}
|
|
1819
|
-
|
|
1820
|
-
var
|
|
1821
|
-
if (
|
|
1822
|
-
var
|
|
1823
|
-
l.changed =
|
|
1877
|
+
I(this.edges, e.edges), l.delta.x = e.coords.x - e.pageCoords.x, l.delta.y = e.coords.y - e.pageCoords.y, l.rectDelta.left = e.rect.left - i.left, l.rectDelta.right = e.rect.right - i.right, l.rectDelta.top = e.rect.top - i.top, l.rectDelta.bottom = e.rect.bottom - i.bottom;
|
|
1878
|
+
var C = this.result.coords, _ = this.result.rect;
|
|
1879
|
+
if (C && _) {
|
|
1880
|
+
var T = l.rect.left !== _.left || l.rect.right !== _.right || l.rect.top !== _.top || l.rect.bottom !== _.bottom;
|
|
1881
|
+
l.changed = T || C.x !== l.coords.x || C.y !== l.coords.y;
|
|
1824
1882
|
}
|
|
1825
1883
|
return l;
|
|
1826
1884
|
} }, { key: "applyToInteraction", value: function(e) {
|
|
1827
1885
|
var n = this.interaction, r = e.phase, o = n.coords.cur, i = n.coords.start, a = this.result, s = this.startDelta, l = a.delta;
|
|
1828
|
-
r === "start" &&
|
|
1886
|
+
r === "start" && I(this.startDelta, a.delta);
|
|
1829
1887
|
for (var u = 0, c = [[i, s], [o, l]]; u < c.length; u++) {
|
|
1830
1888
|
var p = c[u], m = p[0], E = p[1];
|
|
1831
1889
|
m.page.x += E.x, m.page.y += E.y, m.client.x += E.x, m.client.y += E.y;
|
|
1832
1890
|
}
|
|
1833
|
-
var w = this.result.rectDelta,
|
|
1834
|
-
|
|
1891
|
+
var w = this.result.rectDelta, C = e.rect || n.rect;
|
|
1892
|
+
C.left += w.left, C.right += w.right, C.top += w.top, C.bottom += w.bottom, C.width = C.right - C.left, C.height = C.bottom - C.top;
|
|
1835
1893
|
} }, { key: "setAndApply", value: function(e) {
|
|
1836
1894
|
var n = this.interaction, r = e.phase, o = e.preEnd, i = e.skipModifiers, a = this.setAll(this.fillArg({ preEnd: o, phase: r, pageCoords: e.modifiedCoords || n.coords.cur.page }));
|
|
1837
1895
|
if (this.result = a, !a.changed && (!i || i < this.states.length) && n.interacting()) return !1;
|
|
@@ -1855,7 +1913,7 @@ function Vo() {
|
|
|
1855
1913
|
} }, { key: "stop", value: function(e) {
|
|
1856
1914
|
var n = e.interaction;
|
|
1857
1915
|
if (this.states && this.states.length) {
|
|
1858
|
-
var r =
|
|
1916
|
+
var r = I({ states: this.states, interactable: n.interactable, element: n.element, rect: null }, e);
|
|
1859
1917
|
this.fillArg(r);
|
|
1860
1918
|
for (var o = 0, i = this.states; o < i.length; o++) {
|
|
1861
1919
|
var a = i[o];
|
|
@@ -1884,7 +1942,7 @@ function Vo() {
|
|
|
1884
1942
|
} }, { key: "copyFrom", value: function(e) {
|
|
1885
1943
|
this.startOffset = e.startOffset, this.startDelta = e.startDelta, this.startEdges = e.startEdges, this.edges = e.edges, this.states = e.states.map((function(n) {
|
|
1886
1944
|
return De(n);
|
|
1887
|
-
})), this.result = st(
|
|
1945
|
+
})), this.result = st(I({}, e.result.coords), I({}, e.result.rect));
|
|
1888
1946
|
} }, { key: "destroy", value: function() {
|
|
1889
1947
|
for (var e in this) this[e] = null;
|
|
1890
1948
|
} }]), t;
|
|
@@ -1934,11 +1992,11 @@ function Vo() {
|
|
|
1934
1992
|
var e = P(n);
|
|
1935
1993
|
function n(r, o, i, a, s, l, u) {
|
|
1936
1994
|
var c;
|
|
1937
|
-
|
|
1938
|
-
var p = r.interactable, m = (p && p.options || un).deltaSource, E = Le(p, s, i), w = a === "start",
|
|
1939
|
-
return c.page =
|
|
1995
|
+
b(this, n), (c = e.call(this, r)).relatedTarget = null, c.screenX = void 0, c.screenY = void 0, c.button = void 0, c.buttons = void 0, c.ctrlKey = void 0, c.shiftKey = void 0, c.altKey = void 0, c.metaKey = void 0, c.page = void 0, c.client = void 0, c.delta = void 0, c.rect = void 0, c.x0 = void 0, c.y0 = void 0, c.t0 = void 0, c.dt = void 0, c.duration = void 0, c.clientX0 = void 0, c.clientY0 = void 0, c.velocity = void 0, c.speed = void 0, c.swipe = void 0, c.axes = void 0, c.preEnd = void 0, s = s || r.element;
|
|
1996
|
+
var p = r.interactable, m = (p && p.options || un).deltaSource, E = Le(p, s, i), w = a === "start", C = a === "end", _ = w ? re(c) : r.prevEvent, T = w ? r.coords.start : C ? { page: _.page, client: _.client, timeStamp: r.coords.cur.timeStamp } : r.coords.cur;
|
|
1997
|
+
return c.page = I({}, T.page), c.client = I({}, T.client), c.rect = I({}, r.rect), c.timeStamp = T.timeStamp, C || (c.page.x -= E.x, c.page.y -= E.y, c.client.x -= E.x, c.client.y -= E.y), c.ctrlKey = o.ctrlKey, c.altKey = o.altKey, c.shiftKey = o.shiftKey, c.metaKey = o.metaKey, c.button = o.button, c.buttons = o.buttons, c.target = s, c.currentTarget = s, c.preEnd = l, c.type = u || i + (a || ""), c.interactable = p, c.t0 = w ? r.pointers[r.pointers.length - 1].downTime : _.t0, c.x0 = r.coords.start.page.x - E.x, c.y0 = r.coords.start.page.y - E.y, c.clientX0 = r.coords.start.client.x - E.x, c.clientY0 = r.coords.start.client.y - E.y, c.delta = w || C ? { x: 0, y: 0 } : { x: c[m].x - _[m].x, y: c[m].y - _[m].y }, c.dt = r.coords.delta.timeStamp, c.duration = c.timeStamp - c.t0, c.velocity = I({}, r.coords.velocity[m]), c.speed = je(c.velocity.x, c.velocity.y), c.swipe = C || a === "inertiastart" ? c.getSwipe() : null, c;
|
|
1940
1998
|
}
|
|
1941
|
-
return
|
|
1999
|
+
return k(n, [{ key: "getSwipe", value: function() {
|
|
1942
2000
|
var r = this._interaction;
|
|
1943
2001
|
if (r.prevEvent.speed < 600 || this.timeStamp - r.prevEvent.timeStamp > 150) return null;
|
|
1944
2002
|
var o = 180 * Math.atan2(r.prevEvent.velocityY, r.prevEvent.velocityX) / Math.PI;
|
|
@@ -1985,8 +2043,8 @@ function Vo() {
|
|
|
1985
2043
|
}, set: function(t) {
|
|
1986
2044
|
this.velocity.y = t;
|
|
1987
2045
|
} } });
|
|
1988
|
-
var ir =
|
|
1989
|
-
|
|
2046
|
+
var ir = k((function t(e, n, r, o, i) {
|
|
2047
|
+
b(this, t), this.id = void 0, this.pointer = void 0, this.event = void 0, this.downTime = void 0, this.downTarget = void 0, this.id = e, this.pointer = n, this.event = r, this.downTime = o, this.downTarget = i;
|
|
1990
2048
|
})), ar = (function(t) {
|
|
1991
2049
|
return t.interactable = "", t.element = "", t.prepared = "", t.pointerIsDown = "", t.pointerWasMoved = "", t._proxy = "", t;
|
|
1992
2050
|
})({}), dn = (function(t) {
|
|
@@ -1994,7 +2052,7 @@ function Vo() {
|
|
|
1994
2052
|
})({}), sr = 0, lr = (function() {
|
|
1995
2053
|
function t(e) {
|
|
1996
2054
|
var n = this, r = e.pointerType, o = e.scopeFire;
|
|
1997
|
-
|
|
2055
|
+
b(this, t), this.interactable = null, this.element = null, this.rect = null, this._rects = void 0, this.edges = null, this._scopeFire = void 0, this.prepared = { name: null, axis: null, edges: null }, this.pointerType = void 0, this.pointers = [], this.downEvent = null, this.downPointer = {}, this._latestPointer = { pointer: null, event: null, eventTarget: null }, this.prevEvent = null, this.pointerIsDown = !1, this.pointerWasMoved = !1, this._interacting = !1, this._ending = !1, this._stopped = !0, this._proxy = void 0, this.simulation = null, this.doMove = qe((function(c) {
|
|
1998
2056
|
this.move(c);
|
|
1999
2057
|
}), "The interaction.doMove() method has been renamed to interaction.move()"), this.coords = { start: { page: { x: 0, y: 0 }, client: { x: 0, y: 0 }, timeStamp: 0 }, prev: { page: { x: 0, y: 0 }, client: { x: 0, y: 0 }, timeStamp: 0 }, cur: { page: { x: 0, y: 0 }, client: { x: 0, y: 0 }, timeStamp: 0 }, delta: { page: { x: 0, y: 0 }, client: { x: 0, y: 0 }, timeStamp: 0 }, velocity: { page: { x: 0, y: 0 }, client: { x: 0, y: 0 }, timeStamp: 0 } }, this._id = sr++, this._scopeFire = o, this.pointerType = r;
|
|
2000
2058
|
var i = this;
|
|
@@ -2013,13 +2071,13 @@ function Vo() {
|
|
|
2013
2071
|
for (var u in dn) l(u);
|
|
2014
2072
|
this._scopeFire("interactions:new", { interaction: this });
|
|
2015
2073
|
}
|
|
2016
|
-
return
|
|
2074
|
+
return k(t, [{ key: "pointerMoveTolerance", get: function() {
|
|
2017
2075
|
return 1;
|
|
2018
2076
|
} }, { key: "pointerDown", value: function(e, n, r) {
|
|
2019
2077
|
var o = this.updatePointer(e, n, r, !0), i = this.pointers[o];
|
|
2020
2078
|
this._scopeFire("interactions:down", { pointer: e, event: n, eventTarget: r, pointerIndex: o, pointerInfo: i, type: "down", interaction: this });
|
|
2021
2079
|
} }, { key: "start", value: function(e, n, r) {
|
|
2022
|
-
return !(this.interacting() || !this.pointerIsDown || this.pointers.length < (e.name === "gesture" ? 2 : 1) || !n.options[e.name].enabled) && (St(this.prepared, e), this.interactable = n, this.element = r, this.rect = n.getRect(r), this.edges = this.prepared.edges ?
|
|
2080
|
+
return !(this.interacting() || !this.pointerIsDown || this.pointers.length < (e.name === "gesture" ? 2 : 1) || !n.options[e.name].enabled) && (St(this.prepared, e), this.interactable = n, this.element = r, this.rect = n.getRect(r), this.edges = this.prepared.edges ? I({}, this.prepared.edges) : { left: !0, right: !0, top: !0, bottom: !0 }, this._stopped = !1, this._interacting = this._doPhase({ interaction: this, event: this.downEvent, phase: "start" }) && !this._stopped, this._interacting);
|
|
2023
2081
|
} }, { key: "pointerMove", value: function(e, n, r) {
|
|
2024
2082
|
this.simulation || this.modification && this.modification.endResult || this.updatePointer(e, n, r, !1);
|
|
2025
2083
|
var o, i, a = this.coords.cur.page.x === this.coords.prev.page.x && this.coords.cur.page.y === this.coords.prev.page.y && this.coords.cur.client.x === this.coords.prev.client.x && this.coords.cur.client.y === this.coords.prev.client.y;
|
|
@@ -2027,7 +2085,7 @@ function Vo() {
|
|
|
2027
2085
|
var s, l, u, c = this.getPointerIndex(e), p = { pointer: e, pointerIndex: c, pointerInfo: this.pointers[c], event: n, type: "move", eventTarget: r, dx: o, dy: i, duplicate: a, interaction: this };
|
|
2028
2086
|
a || (s = this.coords.velocity, l = this.coords.delta, u = Math.max(l.timeStamp / 1e3, 1e-3), s.page.x = l.page.x / u, s.page.y = l.page.y / u, s.client.x = l.client.x / u, s.client.y = l.client.y / u, s.timeStamp = u), this._scopeFire("interactions:move", p), a || this.simulation || (this.interacting() && (p.type = null, this.move(p)), this.pointerWasMoved && nt(this.coords.prev, this.coords.cur));
|
|
2029
2087
|
} }, { key: "move", value: function(e) {
|
|
2030
|
-
e && e.event || Ht(this.coords.delta), (e =
|
|
2088
|
+
e && e.event || Ht(this.coords.delta), (e = I({ pointer: this._latestPointer.pointer, event: this._latestPointer.event, eventTarget: this._latestPointer.eventTarget, interaction: this }, e || {})).phase = "move", this._doPhase(e);
|
|
2031
2089
|
} }, { key: "pointerUp", value: function(e, n, r, o) {
|
|
2032
2090
|
var i = this.getPointerIndex(e);
|
|
2033
2091
|
i === -1 && (i = this.updatePointer(e, n, r, !1));
|
|
@@ -2115,9 +2173,9 @@ function Vo() {
|
|
|
2115
2173
|
e.offset.total.x = 0, e.offset.total.y = 0, e.offset.pending.x = 0, e.offset.pending.y = 0;
|
|
2116
2174
|
} } }, hn = ur, dr = (function() {
|
|
2117
2175
|
function t(e) {
|
|
2118
|
-
|
|
2176
|
+
b(this, t), this.active = !1, this.isModified = !1, this.smoothEnd = !1, this.allowResume = !1, this.modification = void 0, this.modifierCount = 0, this.modifierArg = void 0, this.startCoords = void 0, this.t0 = 0, this.v0 = 0, this.te = 0, this.targetOffset = void 0, this.modifiedOffset = void 0, this.currentOffset = void 0, this.lambda_v0 = 0, this.one_ve_v0 = 0, this.timeout = void 0, this.interaction = void 0, this.interaction = e;
|
|
2119
2177
|
}
|
|
2120
|
-
return
|
|
2178
|
+
return k(t, [{ key: "start", value: function(e) {
|
|
2121
2179
|
var n = this.interaction, r = lt(n);
|
|
2122
2180
|
if (!r || !r.enabled) return !1;
|
|
2123
2181
|
var o = n.coords.velocity.client, i = je(o.x, o.y), a = this.modification || (this.modification = new Rt(n));
|
|
@@ -2223,9 +2281,9 @@ function Vo() {
|
|
|
2223
2281
|
}
|
|
2224
2282
|
var yn = (function() {
|
|
2225
2283
|
function t(e) {
|
|
2226
|
-
|
|
2284
|
+
b(this, t), this.options = void 0, this.types = {}, this.propagationStopped = !1, this.immediatePropagationStopped = !1, this.global = void 0, this.options = I({}, e || {});
|
|
2227
2285
|
}
|
|
2228
|
-
return
|
|
2286
|
+
return k(t, [{ key: "fire", value: function(e) {
|
|
2229
2287
|
var n, r = this.global;
|
|
2230
2288
|
(n = this.types[e.type]) && gn(e, n), !e.propagationStopped && r && (n = r[e.type]) && gn(e, n);
|
|
2231
2289
|
} }, { key: "on", value: function(e, n) {
|
|
@@ -2245,9 +2303,9 @@ function Vo() {
|
|
|
2245
2303
|
} }]), t;
|
|
2246
2304
|
})(), hr = (function() {
|
|
2247
2305
|
function t(e) {
|
|
2248
|
-
|
|
2306
|
+
b(this, t), this.currentTarget = void 0, this.originalEvent = void 0, this.type = void 0, this.originalEvent = e, tt(this, e);
|
|
2249
2307
|
}
|
|
2250
|
-
return
|
|
2308
|
+
return k(t, [{ key: "preventOriginalDefault", value: function() {
|
|
2251
2309
|
this.originalEvent.preventDefault();
|
|
2252
2310
|
} }, { key: "stopPropagation", value: function() {
|
|
2253
2311
|
this.originalEvent.stopPropagation();
|
|
@@ -2263,82 +2321,82 @@ function Vo() {
|
|
|
2263
2321
|
}
|
|
2264
2322
|
var vr = { id: "events", install: function(t) {
|
|
2265
2323
|
var e, n = [], r = {}, o = [], i = { add: a, remove: s, addDelegate: function(c, p, m, E, w) {
|
|
2266
|
-
var
|
|
2324
|
+
var C = Ye(w);
|
|
2267
2325
|
if (!r[m]) {
|
|
2268
2326
|
r[m] = [];
|
|
2269
2327
|
for (var _ = 0; _ < o.length; _++) {
|
|
2270
|
-
var
|
|
2271
|
-
a(
|
|
2328
|
+
var T = o[_];
|
|
2329
|
+
a(T, m, l), a(T, m, u, !0);
|
|
2272
2330
|
}
|
|
2273
2331
|
}
|
|
2274
|
-
var
|
|
2275
|
-
return
|
|
2332
|
+
var A = r[m], F = Be(A, (function(W) {
|
|
2333
|
+
return W.selector === c && W.context === p;
|
|
2276
2334
|
}));
|
|
2277
|
-
F || (F = { selector: c, context: p, listeners: [] },
|
|
2335
|
+
F || (F = { selector: c, context: p, listeners: [] }, A.push(F)), F.listeners.push({ func: E, options: C });
|
|
2278
2336
|
}, removeDelegate: function(c, p, m, E, w) {
|
|
2279
|
-
var
|
|
2280
|
-
if (
|
|
2281
|
-
for (
|
|
2282
|
-
var F =
|
|
2337
|
+
var C, _ = Ye(w), T = r[m], A = !1;
|
|
2338
|
+
if (T)
|
|
2339
|
+
for (C = T.length - 1; C >= 0; C--) {
|
|
2340
|
+
var F = T[C];
|
|
2283
2341
|
if (F.selector === c && F.context === p) {
|
|
2284
|
-
for (var
|
|
2285
|
-
var q =
|
|
2342
|
+
for (var W = F.listeners, N = W.length - 1; N >= 0; N--) {
|
|
2343
|
+
var q = W[N];
|
|
2286
2344
|
if (q.func === E && ct(q.options, _)) {
|
|
2287
|
-
|
|
2345
|
+
W.splice(N, 1), W.length || (T.splice(C, 1), s(p, m, l), s(p, m, u, !0)), A = !0;
|
|
2288
2346
|
break;
|
|
2289
2347
|
}
|
|
2290
2348
|
}
|
|
2291
|
-
if (
|
|
2349
|
+
if (A) break;
|
|
2292
2350
|
}
|
|
2293
2351
|
}
|
|
2294
2352
|
}, delegateListener: l, delegateUseCapture: u, delegatedEvents: r, documents: o, targets: n, supportsOptions: !1, supportsPassive: !1 };
|
|
2295
2353
|
function a(c, p, m, E) {
|
|
2296
2354
|
if (c.addEventListener) {
|
|
2297
|
-
var w = Ye(E),
|
|
2355
|
+
var w = Ye(E), C = Be(n, (function(_) {
|
|
2298
2356
|
return _.eventTarget === c;
|
|
2299
2357
|
}));
|
|
2300
|
-
|
|
2358
|
+
C || (C = { eventTarget: c, events: {} }, n.push(C)), C.events[p] || (C.events[p] = []), Be(C.events[p], (function(_) {
|
|
2301
2359
|
return _.func === m && ct(_.options, w);
|
|
2302
|
-
})) || (c.addEventListener(p, m, i.supportsOptions ? w : w.capture),
|
|
2360
|
+
})) || (c.addEventListener(p, m, i.supportsOptions ? w : w.capture), C.events[p].push({ func: m, options: w }));
|
|
2303
2361
|
}
|
|
2304
2362
|
}
|
|
2305
2363
|
function s(c, p, m, E) {
|
|
2306
2364
|
if (c.addEventListener && c.removeEventListener) {
|
|
2307
|
-
var w = He(n, (function(
|
|
2308
|
-
return
|
|
2309
|
-
})),
|
|
2310
|
-
if (
|
|
2311
|
-
var _ = !1,
|
|
2312
|
-
if (
|
|
2365
|
+
var w = He(n, (function(me) {
|
|
2366
|
+
return me.eventTarget === c;
|
|
2367
|
+
})), C = n[w];
|
|
2368
|
+
if (C && C.events) if (p !== "all") {
|
|
2369
|
+
var _ = !1, T = C.events[p];
|
|
2370
|
+
if (T) {
|
|
2313
2371
|
if (m === "all") {
|
|
2314
|
-
for (var
|
|
2315
|
-
var F =
|
|
2372
|
+
for (var A = T.length - 1; A >= 0; A--) {
|
|
2373
|
+
var F = T[A];
|
|
2316
2374
|
s(c, p, F.func, F.options);
|
|
2317
2375
|
}
|
|
2318
2376
|
return;
|
|
2319
2377
|
}
|
|
2320
|
-
for (var
|
|
2321
|
-
var q =
|
|
2322
|
-
if (q.func === m && ct(q.options,
|
|
2323
|
-
c.removeEventListener(p, m, i.supportsOptions ?
|
|
2378
|
+
for (var W = Ye(E), N = 0; N < T.length; N++) {
|
|
2379
|
+
var q = T[N];
|
|
2380
|
+
if (q.func === m && ct(q.options, W)) {
|
|
2381
|
+
c.removeEventListener(p, m, i.supportsOptions ? W : W.capture), T.splice(N, 1), T.length === 0 && (delete C.events[p], _ = !0);
|
|
2324
2382
|
break;
|
|
2325
2383
|
}
|
|
2326
2384
|
}
|
|
2327
2385
|
}
|
|
2328
|
-
_ && !Object.keys(
|
|
2329
|
-
} else for (p in
|
|
2386
|
+
_ && !Object.keys(C.events).length && n.splice(w, 1);
|
|
2387
|
+
} else for (p in C.events) C.events.hasOwnProperty(p) && s(c, p, "all");
|
|
2330
2388
|
}
|
|
2331
2389
|
}
|
|
2332
2390
|
function l(c, p) {
|
|
2333
|
-
for (var m = Ye(p), E = new hr(c), w = r[c.type],
|
|
2334
|
-
for (var
|
|
2335
|
-
var
|
|
2336
|
-
if (fe(_, F) && se(
|
|
2337
|
-
var
|
|
2391
|
+
for (var m = Ye(p), E = new hr(c), w = r[c.type], C = $t(c)[0], _ = C; g.element(_); ) {
|
|
2392
|
+
for (var T = 0; T < w.length; T++) {
|
|
2393
|
+
var A = w[T], F = A.selector, W = A.context;
|
|
2394
|
+
if (fe(_, F) && se(W, C) && se(W, _)) {
|
|
2395
|
+
var N = A.listeners;
|
|
2338
2396
|
E.currentTarget = _;
|
|
2339
|
-
for (var q = 0; q <
|
|
2340
|
-
var
|
|
2341
|
-
ct(
|
|
2397
|
+
for (var q = 0; q < N.length; q++) {
|
|
2398
|
+
var me = N[q];
|
|
2399
|
+
ct(me.options, m) && me.func(E);
|
|
2342
2400
|
}
|
|
2343
2401
|
}
|
|
2344
2402
|
}
|
|
@@ -2353,9 +2411,9 @@ function Vo() {
|
|
|
2353
2411
|
}, get passive() {
|
|
2354
2412
|
return i.supportsPassive = !0;
|
|
2355
2413
|
} }), t.events = i, i;
|
|
2356
|
-
} },
|
|
2357
|
-
for (var e = 0, n =
|
|
2358
|
-
var r = n[e], o =
|
|
2414
|
+
} }, At = { methodOrder: ["simulationResume", "mouseOrPen", "hasPointer", "idle"], search: function(t) {
|
|
2415
|
+
for (var e = 0, n = At.methodOrder; e < n.length; e++) {
|
|
2416
|
+
var r = n[e], o = At[r](t);
|
|
2359
2417
|
if (o) return o;
|
|
2360
2418
|
}
|
|
2361
2419
|
return null;
|
|
@@ -2409,7 +2467,7 @@ function Vo() {
|
|
|
2409
2467
|
return n.id === e;
|
|
2410
2468
|
}));
|
|
2411
2469
|
}
|
|
2412
|
-
var mr =
|
|
2470
|
+
var mr = At, Pt = ["pointerDown", "pointerMove", "pointerUp", "updatePointer", "removePointer", "windowBlur"];
|
|
2413
2471
|
function xn(t, e) {
|
|
2414
2472
|
return function(n) {
|
|
2415
2473
|
var r = e.interactions.list, o = Yt(n), i = $t(n), a = i[0], s = i[1], l = [];
|
|
@@ -2421,18 +2479,18 @@ function Vo() {
|
|
|
2421
2479
|
}
|
|
2422
2480
|
} else {
|
|
2423
2481
|
var w = !1;
|
|
2424
|
-
if (!
|
|
2425
|
-
for (var
|
|
2482
|
+
if (!J.supportsPointerEvent && /mouse/.test(n.type)) {
|
|
2483
|
+
for (var C = 0; C < r.length && !w; C++) w = r[C].pointerType !== "mouse" && r[C].pointerIsDown;
|
|
2426
2484
|
w = w || e.now() - e.prevTouchTime < 500 || n.timeStamp === 0;
|
|
2427
2485
|
}
|
|
2428
2486
|
if (!w) {
|
|
2429
|
-
var _ = { pointer: n, pointerId: Fe(n), pointerType: o, eventType: n.type, curEventTarget: s, eventTarget: a, scope: e },
|
|
2430
|
-
l.push([_.pointer, _.eventTarget, _.curEventTarget,
|
|
2487
|
+
var _ = { pointer: n, pointerId: Fe(n), pointerType: o, eventType: n.type, curEventTarget: s, eventTarget: a, scope: e }, T = wn(_);
|
|
2488
|
+
l.push([_.pointer, _.eventTarget, _.curEventTarget, T]);
|
|
2431
2489
|
}
|
|
2432
2490
|
}
|
|
2433
|
-
for (var
|
|
2434
|
-
var F = l[
|
|
2435
|
-
F[3][t](
|
|
2491
|
+
for (var A = 0; A < l.length; A++) {
|
|
2492
|
+
var F = l[A], W = F[0], N = F[1], q = F[2];
|
|
2493
|
+
F[3][t](W, n, N, q);
|
|
2436
2494
|
}
|
|
2437
2495
|
};
|
|
2438
2496
|
}
|
|
@@ -2449,11 +2507,11 @@ function Vo() {
|
|
|
2449
2507
|
}
|
|
2450
2508
|
}
|
|
2451
2509
|
var gr = { id: "core/interactions", install: function(t) {
|
|
2452
|
-
for (var e = {}, n = 0; n <
|
|
2453
|
-
var r =
|
|
2510
|
+
for (var e = {}, n = 0; n < Pt.length; n++) {
|
|
2511
|
+
var r = Pt[n];
|
|
2454
2512
|
e[r] = xn(r, t);
|
|
2455
2513
|
}
|
|
2456
|
-
var o, i =
|
|
2514
|
+
var o, i = J.pEventTypes;
|
|
2457
2515
|
function a() {
|
|
2458
2516
|
for (var s = 0, l = t.interactions.list; s < l.length; s++) {
|
|
2459
2517
|
var u = l[s];
|
|
@@ -2472,9 +2530,9 @@ function Vo() {
|
|
|
2472
2530
|
O(u, s);
|
|
2473
2531
|
var l = P(u);
|
|
2474
2532
|
function u() {
|
|
2475
|
-
return
|
|
2533
|
+
return b(this, u), l.apply(this, arguments);
|
|
2476
2534
|
}
|
|
2477
|
-
return
|
|
2535
|
+
return k(u, [{ key: "pointerMoveTolerance", get: function() {
|
|
2478
2536
|
return t.interactions.pointerMoveTolerance;
|
|
2479
2537
|
}, set: function(c) {
|
|
2480
2538
|
t.interactions.pointerMoveTolerance = c;
|
|
@@ -2497,13 +2555,13 @@ function Vo() {
|
|
|
2497
2555
|
var o = e.interactions.list[r];
|
|
2498
2556
|
o.interactable === n && (o.stop(), e.fire("interactions:destroy", { interaction: o }), o.destroy(), e.interactions.list.length > 2 && e.interactions.list.splice(r, 1));
|
|
2499
2557
|
}
|
|
2500
|
-
} }, onDocSignal: Dt, doOnInteractions: xn, methodNames:
|
|
2558
|
+
} }, onDocSignal: Dt, doOnInteractions: xn, methodNames: Pt }, yr = gr, Me = (function(t) {
|
|
2501
2559
|
return t[t.On = 0] = "On", t[t.Off = 1] = "Off", t;
|
|
2502
2560
|
})(Me || {}), br = (function() {
|
|
2503
2561
|
function t(e, n, r, o) {
|
|
2504
|
-
|
|
2562
|
+
b(this, t), this.target = void 0, this.options = void 0, this._actions = void 0, this.events = new yn(), this._context = void 0, this._win = void 0, this._doc = void 0, this._scopeEvents = void 0, this._actions = n.actions, this.target = e, this._context = n.context || r, this._win = Q(Ee(e) ? this._context : e), this._doc = this._win.document, this._scopeEvents = o, this.set(n);
|
|
2505
2563
|
}
|
|
2506
|
-
return
|
|
2564
|
+
return k(t, [{ key: "_defaults", get: function() {
|
|
2507
2565
|
return { base: {}, perAction: {}, actions: {} };
|
|
2508
2566
|
} }, { key: "setOnEvents", value: function(e, n) {
|
|
2509
2567
|
return g.func(n.onstart) && this.on("".concat(e, "start"), n.onstart), g.func(n.onmove) && this.on("".concat(e, "move"), n.onmove), g.func(n.onend) && this.on("".concat(e, "end"), n.onend), g.func(n.oninertiastart) && this.on("".concat(e, "inertiastart"), n.oninertiastart), this;
|
|
@@ -2516,14 +2574,14 @@ function Vo() {
|
|
|
2516
2574
|
var r = this._defaults;
|
|
2517
2575
|
for (var o in n) {
|
|
2518
2576
|
var i = o, a = this.options[e], s = n[i];
|
|
2519
|
-
i === "listeners" && this.updatePerActionListeners(e, a.listeners, s), g.array(s) ? a[i] = Ut(s) : g.plainObject(s) ? (a[i] =
|
|
2577
|
+
i === "listeners" && this.updatePerActionListeners(e, a.listeners, s), g.array(s) ? a[i] = Ut(s) : g.plainObject(s) ? (a[i] = I(a[i] || {}, De(s)), g.object(r.perAction[i]) && "enabled" in r.perAction[i] && (a[i].enabled = s.enabled !== !1)) : g.bool(s) && g.object(r.perAction[i]) ? a[i].enabled = s : a[i] = s;
|
|
2520
2578
|
}
|
|
2521
2579
|
} }, { key: "getRect", value: function(e) {
|
|
2522
2580
|
return e = e || (g.element(this.target) ? this.target : null), g.string(this.target) && (e = e || this._context.querySelector(this.target)), we(e);
|
|
2523
2581
|
} }, { key: "rectChecker", value: function(e) {
|
|
2524
2582
|
var n = this;
|
|
2525
2583
|
return g.func(e) ? (this.getRect = function(r) {
|
|
2526
|
-
var o =
|
|
2584
|
+
var o = I({}, e.apply(n, r));
|
|
2527
2585
|
return "width" in o || (o.width = o.right - o.left, o.height = o.bottom - o.top), o;
|
|
2528
2586
|
}, this) : e === null ? (delete this.getRect, this) : this.getRect;
|
|
2529
2587
|
} }, { key: "_backCompatOption", value: function(e, n) {
|
|
@@ -2555,7 +2613,7 @@ function Vo() {
|
|
|
2555
2613
|
g.object(n) && !g.array(n) && (o = r, r = null);
|
|
2556
2614
|
var a = Ie(n, r, i);
|
|
2557
2615
|
for (var s in a) {
|
|
2558
|
-
s === "wheel" && (s =
|
|
2616
|
+
s === "wheel" && (s = J.wheelEvent);
|
|
2559
2617
|
for (var l = 0, u = a[s]; l < u.length; l++) {
|
|
2560
2618
|
var c = u[l];
|
|
2561
2619
|
at(s, this._actions) ? this.events[e === Me.On ? "on" : "off"](s, c) : g.string(this.target) ? this._scopeEvents[e === Me.On ? "addDelegate" : "removeDelegate"](this.target, this._context, s, c, o) : this._scopeEvents[e === Me.On ? "add" : "remove"](this.target, s, c, o);
|
|
@@ -2570,7 +2628,7 @@ function Vo() {
|
|
|
2570
2628
|
var n = this._defaults;
|
|
2571
2629
|
for (var r in g.object(e) || (e = {}), this.options = De(n.base), this._actions.methodDict) {
|
|
2572
2630
|
var o = r, i = this._actions.methodDict[o];
|
|
2573
|
-
this.options[o] = {}, this.setPerAction(o,
|
|
2631
|
+
this.options[o] = {}, this.setPerAction(o, I(I({}, n.perAction), n.actions[o])), this[i](e[o]);
|
|
2574
2632
|
}
|
|
2575
2633
|
for (var a in e) a !== "getRect" ? g.func(this[a]) && this[a](e[a]) : this.rectChecker(e.getRect);
|
|
2576
2634
|
return this;
|
|
@@ -2585,15 +2643,15 @@ function Vo() {
|
|
|
2585
2643
|
})(), xr = (function() {
|
|
2586
2644
|
function t(e) {
|
|
2587
2645
|
var n = this;
|
|
2588
|
-
|
|
2646
|
+
b(this, t), this.list = [], this.selectorMap = {}, this.scope = void 0, this.scope = e, e.addListeners({ "interactable:unset": function(r) {
|
|
2589
2647
|
var o = r.interactable, i = o.target, a = g.string(i) ? n.selectorMap[i] : i[n.scope.id], s = He(a, (function(l) {
|
|
2590
2648
|
return l === o;
|
|
2591
2649
|
}));
|
|
2592
2650
|
a.splice(s, 1);
|
|
2593
2651
|
} });
|
|
2594
2652
|
}
|
|
2595
|
-
return
|
|
2596
|
-
n =
|
|
2653
|
+
return k(t, [{ key: "new", value: function(e, n) {
|
|
2654
|
+
n = I(n || {}, { actions: this.scope.actions });
|
|
2597
2655
|
var r = new this.scope.Interactable(e, n, this.scope.document, this.scope.events);
|
|
2598
2656
|
return this.scope.addDocument(r._doc), this.list.push(r), g.string(e) ? (this.selectorMap[e] || (this.selectorMap[e] = []), this.selectorMap[e].push(r)) : (r.target[this.scope.id] || Object.defineProperty(e, this.scope.id, { value: [], configurable: !0 }), e[this.scope.id].push(r)), this.scope.fire("interactable:new", { target: e, options: n, interactable: r, win: this.scope._win }), r;
|
|
2599
2657
|
} }, { key: "getExisting", value: function(e, n) {
|
|
@@ -2610,7 +2668,7 @@ function Vo() {
|
|
|
2610
2668
|
})(), wr = (function() {
|
|
2611
2669
|
function t() {
|
|
2612
2670
|
var e = this;
|
|
2613
|
-
|
|
2671
|
+
b(this, t), this.id = "__interact_scope_".concat(Math.floor(100 * Math.random())), this.isInitialized = !1, this.listenerMaps = [], this.browser = J, this.defaults = De(un), this.Eventable = yn, this.actions = { map: {}, phases: { start: !0, move: !0, end: !0 }, methodDict: {}, phaselessTypes: {} }, this.interactStatic = (function(r) {
|
|
2614
2672
|
var o = function i(a, s) {
|
|
2615
2673
|
var l = r.interactables.getExisting(a, s);
|
|
2616
2674
|
return l || ((l = r.interactables.new(a, s)).events.global = i.globalEvents), l;
|
|
@@ -2649,9 +2707,9 @@ function Vo() {
|
|
|
2649
2707
|
}), "The interact.off() method is being deprecated"), o.debug = function() {
|
|
2650
2708
|
return this.scope;
|
|
2651
2709
|
}, o.supportsTouch = function() {
|
|
2652
|
-
return
|
|
2710
|
+
return J.supportsTouch;
|
|
2653
2711
|
}, o.supportsPointerEvent = function() {
|
|
2654
|
-
return
|
|
2712
|
+
return J.supportsPointerEvent;
|
|
2655
2713
|
}, o.stop = function() {
|
|
2656
2714
|
for (var i = 0, a = this.scope.interactions.list; i < a.length; i++) a[i].stop();
|
|
2657
2715
|
return this;
|
|
@@ -2670,20 +2728,20 @@ function Vo() {
|
|
|
2670
2728
|
O(i, r);
|
|
2671
2729
|
var o = P(i);
|
|
2672
2730
|
function i() {
|
|
2673
|
-
return
|
|
2731
|
+
return b(this, i), o.apply(this, arguments);
|
|
2674
2732
|
}
|
|
2675
|
-
return
|
|
2733
|
+
return k(i, [{ key: "_defaults", get: function() {
|
|
2676
2734
|
return n.defaults;
|
|
2677
2735
|
} }, { key: "set", value: function(a) {
|
|
2678
|
-
return
|
|
2736
|
+
return ee(M(i.prototype), "set", this).call(this, a), n.fire("interactable:set", { options: a, interactable: this }), this;
|
|
2679
2737
|
} }, { key: "unset", value: function() {
|
|
2680
|
-
|
|
2738
|
+
ee(M(i.prototype), "unset", this).call(this);
|
|
2681
2739
|
var a = n.interactables.list.indexOf(this);
|
|
2682
2740
|
a < 0 || (n.interactables.list.splice(a, 1), n.fire("interactable:unset", { interactable: this }));
|
|
2683
2741
|
} }]), i;
|
|
2684
2742
|
})(br);
|
|
2685
2743
|
}
|
|
2686
|
-
return
|
|
2744
|
+
return k(t, [{ key: "addListeners", value: function(e, n) {
|
|
2687
2745
|
this.listenerMaps.push({ id: n, map: e });
|
|
2688
2746
|
} }, { key: "fire", value: function(e, n) {
|
|
2689
2747
|
for (var r = 0, o = this.listenerMaps; r < o.length; r++) {
|
|
@@ -2692,7 +2750,7 @@ function Vo() {
|
|
|
2692
2750
|
}
|
|
2693
2751
|
} }, { key: "init", value: function(e) {
|
|
2694
2752
|
return this.isInitialized ? this : (function(n, r) {
|
|
2695
|
-
return n.isInitialized = !0, g.window(r) &&
|
|
2753
|
+
return n.isInitialized = !0, g.window(r) && te(r), H.init(r), J.init(r), Te.init(r), n.window = r, n.document = r.document, n.usePlugin(yr), n.usePlugin(vr), n;
|
|
2696
2754
|
})(this, e);
|
|
2697
2755
|
} }, { key: "pluginIsInstalled", value: function(e) {
|
|
2698
2756
|
var n = e.id;
|
|
@@ -2712,10 +2770,10 @@ function Vo() {
|
|
|
2712
2770
|
return this;
|
|
2713
2771
|
} }, { key: "addDocument", value: function(e, n) {
|
|
2714
2772
|
if (this.getDocIndex(e) !== -1) return !1;
|
|
2715
|
-
var r =
|
|
2716
|
-
n = n ?
|
|
2773
|
+
var r = Q(e);
|
|
2774
|
+
n = n ? I({}, n) : {}, this.documents.push({ doc: e, options: n }), this.events.documents.push(e), e !== this.document && this.events.add(r, "unload", this.onWindowUnload), this.fire("scope:add-document", { doc: e, window: r, scope: this, options: n });
|
|
2717
2775
|
} }, { key: "removeDocument", value: function(e) {
|
|
2718
|
-
var n = this.getDocIndex(e), r =
|
|
2776
|
+
var n = this.getDocIndex(e), r = Q(e), o = this.documents[n].options;
|
|
2719
2777
|
this.events.remove(r, "unload", this.onWindowUnload), this.documents.splice(n, 1), this.events.documents.splice(n, 1), this.fire("scope:remove-document", { doc: e, window: r, scope: this, options: o });
|
|
2720
2778
|
} }, { key: "getDocIndex", value: function(e) {
|
|
2721
2779
|
for (var n = 0; n < this.documents.length; n++) if (this.documents[n].doc === e) return n;
|
|
@@ -2730,7 +2788,7 @@ function Vo() {
|
|
|
2730
2788
|
function En(t) {
|
|
2731
2789
|
return t && t.replace(/\/.*$/, "");
|
|
2732
2790
|
}
|
|
2733
|
-
var kn = new wr(),
|
|
2791
|
+
var kn = new wr(), ve = kn.interactStatic, Er = typeof globalThis < "u" ? globalThis : window;
|
|
2734
2792
|
kn.init(Er);
|
|
2735
2793
|
var kr = Object.freeze({ __proto__: null, edgeTarget: function() {
|
|
2736
2794
|
}, elements: function() {
|
|
@@ -2740,34 +2798,34 @@ function Vo() {
|
|
|
2740
2798
|
return o in t || i in t;
|
|
2741
2799
|
})), n = function(r, o) {
|
|
2742
2800
|
for (var i = t.range, a = t.limits, s = a === void 0 ? { left: -1 / 0, right: 1 / 0, top: -1 / 0, bottom: 1 / 0 } : a, l = t.offset, u = l === void 0 ? { x: 0, y: 0 } : l, c = { range: i, grid: t, x: null, y: null }, p = 0; p < e.length; p++) {
|
|
2743
|
-
var m = e[p], E = m[0], w = m[1],
|
|
2744
|
-
c[E] = Math.max(s.left, Math.min(s.right,
|
|
2801
|
+
var m = e[p], E = m[0], w = m[1], C = Math.round((r - u.x) / t[E]), _ = Math.round((o - u.y) / t[w]);
|
|
2802
|
+
c[E] = Math.max(s.left, Math.min(s.right, C * t[E] + u.x)), c[w] = Math.max(s.top, Math.min(s.bottom, _ * t[w] + u.y));
|
|
2745
2803
|
}
|
|
2746
2804
|
return c;
|
|
2747
2805
|
};
|
|
2748
2806
|
return n.grid = t, n.coordFields = e, n;
|
|
2749
2807
|
} }), Cr = { id: "snappers", install: function(t) {
|
|
2750
2808
|
var e = t.interactStatic;
|
|
2751
|
-
e.snappers =
|
|
2809
|
+
e.snappers = I(e.snappers || {}, kr), e.createSnapGrid = e.snappers.grid;
|
|
2752
2810
|
} }, Sr = Cr, Tr = { start: function(t) {
|
|
2753
2811
|
var e = t.state, n = t.rect, r = t.edges, o = t.pageCoords, i = e.options, a = i.ratio, s = i.enabled, l = e.options, u = l.equalDelta, c = l.modifiers;
|
|
2754
|
-
a === "preserve" && (a = n.width / n.height), e.startCoords =
|
|
2812
|
+
a === "preserve" && (a = n.width / n.height), e.startCoords = I({}, o), e.startRect = I({}, n), e.ratio = a, e.equalDelta = u;
|
|
2755
2813
|
var p = e.linkedEdges = { top: r.top || r.left && !r.bottom, left: r.left || r.top && !r.right, bottom: r.bottom || r.right && !r.top, right: r.right || r.bottom && !r.left };
|
|
2756
2814
|
if (e.xIsPrimaryAxis = !(!r.left && !r.right), e.equalDelta) {
|
|
2757
2815
|
var m = (p.left ? 1 : -1) * (p.top ? 1 : -1);
|
|
2758
2816
|
e.edgeSign = { x: m, y: m };
|
|
2759
2817
|
} else e.edgeSign = { x: p.left ? -1 : 1, y: p.top ? -1 : 1 };
|
|
2760
|
-
if (s !== !1 &&
|
|
2818
|
+
if (s !== !1 && I(r, p), c != null && c.length) {
|
|
2761
2819
|
var E = new Rt(t.interaction);
|
|
2762
2820
|
E.copyFrom(t.interaction.modification), E.prepareStates(c), e.subModification = E, E.startAll(d({}, t));
|
|
2763
2821
|
}
|
|
2764
2822
|
}, set: function(t) {
|
|
2765
|
-
var e = t.state, n = t.rect, r = t.coords, o = e.linkedEdges, i =
|
|
2766
|
-
if (
|
|
2767
|
-
var s =
|
|
2823
|
+
var e = t.state, n = t.rect, r = t.coords, o = e.linkedEdges, i = I({}, r), a = e.equalDelta ? _r : Mr;
|
|
2824
|
+
if (I(t.edges, o), a(e, e.xIsPrimaryAxis, r, n), !e.subModification) return null;
|
|
2825
|
+
var s = I({}, n);
|
|
2768
2826
|
et(o, s, { x: r.x - i.x, y: r.y - i.y });
|
|
2769
2827
|
var l = e.subModification.setAll(d(d({}, t), {}, { rect: s, edges: o, pageCoords: r, prevCoords: r, prevRect: s })), u = l.delta;
|
|
2770
|
-
return l.changed && (a(e, Math.abs(u.x) > Math.abs(u.y), l.coords, l.rect),
|
|
2828
|
+
return l.changed && (a(e, Math.abs(u.x) > Math.abs(u.y), l.coords, l.rect), I(r, l.coords)), l.eventProps;
|
|
2771
2829
|
}, defaults: { ratio: "preserve", equalDelta: !1, modifiers: [], enabled: !1 } };
|
|
2772
2830
|
function _r(t, e, n) {
|
|
2773
2831
|
var r = t.startCoords, o = t.edgeSign;
|
|
@@ -2787,13 +2845,13 @@ function Vo() {
|
|
|
2787
2845
|
};
|
|
2788
2846
|
Cn._defaults = {};
|
|
2789
2847
|
var ut = Cn;
|
|
2790
|
-
function
|
|
2848
|
+
function Ae(t, e, n) {
|
|
2791
2849
|
return g.func(t) ? ze(t, e.interactable, e.element, [n.x, n.y, e]) : ze(t, e.interactable, e.element);
|
|
2792
2850
|
}
|
|
2793
2851
|
var dt = { start: function(t) {
|
|
2794
|
-
var e = t.rect, n = t.startOffset, r = t.state, o = t.interaction, i = t.pageCoords, a = r.options, s = a.elementRect, l =
|
|
2852
|
+
var e = t.rect, n = t.startOffset, r = t.state, o = t.interaction, i = t.pageCoords, a = r.options, s = a.elementRect, l = I({ left: 0, top: 0, right: 0, bottom: 0 }, a.offset || {});
|
|
2795
2853
|
if (e && s) {
|
|
2796
|
-
var u =
|
|
2854
|
+
var u = Ae(a.restriction, o, i);
|
|
2797
2855
|
if (u) {
|
|
2798
2856
|
var c = u.right - u.left - e.width, p = u.bottom - u.top - e.height;
|
|
2799
2857
|
c < 0 && (l.left += c, l.right += c), p < 0 && (l.top += p, l.bottom += p);
|
|
@@ -2802,10 +2860,10 @@ function Vo() {
|
|
|
2802
2860
|
}
|
|
2803
2861
|
r.offset = l;
|
|
2804
2862
|
}, set: function(t) {
|
|
2805
|
-
var e = t.coords, n = t.interaction, r = t.state, o = r.options, i = r.offset, a =
|
|
2863
|
+
var e = t.coords, n = t.interaction, r = t.state, o = r.options, i = r.offset, a = Ae(o.restriction, n, e);
|
|
2806
2864
|
if (a) {
|
|
2807
2865
|
var s = (function(l) {
|
|
2808
|
-
return !l || "left" in l && "top" in l || ((l =
|
|
2866
|
+
return !l || "left" in l && "top" in l || ((l = I({}, l)).left = l.x || 0, l.top = l.y || 0, l.right = l.right || l.left + l.width, l.bottom = l.bottom || l.top + l.height), l;
|
|
2809
2867
|
})(a);
|
|
2810
2868
|
e.x = Math.max(Math.min(s.right - i.right, e.x), s.left + i.left), e.y = Math.max(Math.min(s.bottom - i.bottom, e.y), s.top + i.top);
|
|
2811
2869
|
}
|
|
@@ -2819,28 +2877,28 @@ function Vo() {
|
|
|
2819
2877
|
}
|
|
2820
2878
|
var $e = { noInner: Sn, noOuter: Tn, start: function(t) {
|
|
2821
2879
|
var e, n = t.interaction, r = t.startOffset, o = t.state, i = o.options;
|
|
2822
|
-
i && (e = Ze(
|
|
2880
|
+
i && (e = Ze(Ae(i.offset, n, n.coords.start.page))), e = e || { x: 0, y: 0 }, o.offset = { top: e.y + r.top, left: e.x + r.left, bottom: e.y - r.bottom, right: e.x - r.right };
|
|
2823
2881
|
}, set: function(t) {
|
|
2824
2882
|
var e = t.coords, n = t.edges, r = t.interaction, o = t.state, i = o.offset, a = o.options;
|
|
2825
2883
|
if (n) {
|
|
2826
|
-
var s =
|
|
2884
|
+
var s = I({}, e), l = Ae(a.inner, r, s) || {}, u = Ae(a.outer, r, s) || {};
|
|
2827
2885
|
_n(l, Sn), _n(u, Tn), n.top ? e.y = Math.min(Math.max(u.top + i.top, s.y), l.top + i.top) : n.bottom && (e.y = Math.max(Math.min(u.bottom + i.bottom, s.y), l.bottom + i.bottom)), n.left ? e.x = Math.min(Math.max(u.left + i.left, s.x), l.left + i.left) : n.right && (e.x = Math.max(Math.min(u.right + i.right, s.x), l.right + i.right));
|
|
2828
2886
|
}
|
|
2829
|
-
}, defaults: { inner: null, outer: null, offset: null, endOnly: !1, enabled: !1 } }, Or = _e($e, "restrictEdges"),
|
|
2887
|
+
}, defaults: { inner: null, outer: null, offset: null, endOnly: !1, enabled: !1 } }, Or = _e($e, "restrictEdges"), Ar = I({ get elementRect() {
|
|
2830
2888
|
return { top: 0, left: 0, bottom: 1, right: 1 };
|
|
2831
2889
|
}, set elementRect(t) {
|
|
2832
|
-
} }, dt.defaults),
|
|
2890
|
+
} }, dt.defaults), Pr = _e({ start: dt.start, set: dt.set, defaults: Ar }, "restrictRect"), Dr = { width: -1 / 0, height: -1 / 0 }, Nr = { width: 1 / 0, height: 1 / 0 }, zr = _e({ start: function(t) {
|
|
2833
2891
|
return $e.start(t);
|
|
2834
2892
|
}, set: function(t) {
|
|
2835
2893
|
var e = t.interaction, n = t.state, r = t.rect, o = t.edges, i = n.options;
|
|
2836
2894
|
if (o) {
|
|
2837
|
-
var a = vt(
|
|
2838
|
-
n.options = { endOnly: i.endOnly, inner:
|
|
2895
|
+
var a = vt(Ae(i.min, e, t.coords)) || Dr, s = vt(Ae(i.max, e, t.coords)) || Nr;
|
|
2896
|
+
n.options = { endOnly: i.endOnly, inner: I({}, $e.noInner), outer: I({}, $e.noOuter) }, o.top ? (n.options.inner.top = r.bottom - a.height, n.options.outer.top = r.bottom - s.height) : o.bottom && (n.options.inner.bottom = r.top + a.height, n.options.outer.bottom = r.top + s.height), o.left ? (n.options.inner.left = r.right - a.width, n.options.outer.left = r.right - s.width) : o.right && (n.options.inner.right = r.left + a.width, n.options.outer.right = r.left + s.width), $e.set(t), n.options = i;
|
|
2839
2897
|
}
|
|
2840
2898
|
}, defaults: { min: null, max: null, endOnly: !1, enabled: !1 } }, "restrictSize"), Nt = { start: function(t) {
|
|
2841
2899
|
var e, n = t.interaction, r = t.interactable, o = t.element, i = t.rect, a = t.state, s = t.startOffset, l = a.options, u = l.offsetWithOrigin ? (function(m) {
|
|
2842
|
-
var E = m.interaction.element, w = Ze(ze(m.state.options.origin, null, null, [E])),
|
|
2843
|
-
return
|
|
2900
|
+
var E = m.interaction.element, w = Ze(ze(m.state.options.origin, null, null, [E])), C = w || Le(m.interactable, E, m.interaction.prepared.name);
|
|
2901
|
+
return C;
|
|
2844
2902
|
})(t) : { x: 0, y: 0 };
|
|
2845
2903
|
if (l.offset === "startCoords") e = { x: n.coords.start.page.x, y: n.coords.start.page.y };
|
|
2846
2904
|
else {
|
|
@@ -2852,31 +2910,31 @@ function Vo() {
|
|
|
2852
2910
|
return { index: E, relativePoint: m, x: s.left - i.width * m.x + e.x, y: s.top - i.height * m.y + e.y };
|
|
2853
2911
|
})) : [{ index: 0, relativePoint: null, x: e.x, y: e.y }];
|
|
2854
2912
|
}, set: function(t) {
|
|
2855
|
-
var e = t.interaction, n = t.coords, r = t.state, o = r.options, i = r.offsets, a = Le(e.interactable, e.element, e.prepared.name), s =
|
|
2913
|
+
var e = t.interaction, n = t.coords, r = t.state, o = r.options, i = r.offsets, a = Le(e.interactable, e.element, e.prepared.name), s = I({}, n), l = [];
|
|
2856
2914
|
o.offsetWithOrigin || (s.x -= a.x, s.y -= a.y);
|
|
2857
|
-
for (var u = 0, c = i; u < c.length; u++) for (var p = c[u], m = s.x - p.x, E = s.y - p.y, w = 0,
|
|
2858
|
-
var _ = o.targets[w],
|
|
2859
|
-
(
|
|
2915
|
+
for (var u = 0, c = i; u < c.length; u++) for (var p = c[u], m = s.x - p.x, E = s.y - p.y, w = 0, C = o.targets.length; w < C; w++) {
|
|
2916
|
+
var _ = o.targets[w], T = void 0;
|
|
2917
|
+
(T = g.func(_) ? _(m, E, e._proxy, p, w) : _) && l.push({ x: (g.number(T.x) ? T.x : m) + p.x, y: (g.number(T.y) ? T.y : E) + p.y, range: g.number(T.range) ? T.range : o.range, source: _, index: w, offset: p });
|
|
2860
2918
|
}
|
|
2861
|
-
for (var
|
|
2862
|
-
var
|
|
2863
|
-
|
|
2919
|
+
for (var A = { target: null, inRange: !1, distance: 0, range: 0, delta: { x: 0, y: 0 } }, F = 0; F < l.length; F++) {
|
|
2920
|
+
var W = l[F], N = W.range, q = W.x - s.x, me = W.y - s.y, ae = je(q, me), ge = ae <= N;
|
|
2921
|
+
N === 1 / 0 && A.inRange && A.range !== 1 / 0 && (ge = !1), A.target && !(ge ? A.inRange && N !== 1 / 0 ? ae / N < A.distance / A.range : N === 1 / 0 && A.range !== 1 / 0 || ae < A.distance : !A.inRange && ae < A.distance) || (A.target = W, A.distance = ae, A.range = N, A.inRange = ge, A.delta.x = q, A.delta.y = me);
|
|
2864
2922
|
}
|
|
2865
|
-
return
|
|
2923
|
+
return A.inRange && (n.x = A.target.x, n.y = A.target.y), r.closest = A, A;
|
|
2866
2924
|
}, defaults: { range: 1 / 0, targets: null, offset: null, offsetWithOrigin: !0, origin: null, relativePoints: null, endOnly: !1, enabled: !1 } }, Lr = _e(Nt, "snap"), pt = { start: function(t) {
|
|
2867
2925
|
var e = t.state, n = t.edges, r = e.options;
|
|
2868
2926
|
if (!n) return null;
|
|
2869
2927
|
t.state = { options: { targets: null, relativePoints: [{ x: n.left ? 0 : 1, y: n.top ? 0 : 1 }], offset: r.offset || "self", origin: { x: 0, y: 0 }, range: r.range } }, e.targetFields = e.targetFields || [["width", "height"], ["x", "y"]], Nt.start(t), e.offsets = t.state.offsets, t.state = e;
|
|
2870
2928
|
}, set: function(t) {
|
|
2871
2929
|
var e = t.interaction, n = t.state, r = t.coords, o = n.options, i = n.offsets, a = { x: r.x - i[0].x, y: r.y - i[0].y };
|
|
2872
|
-
n.options =
|
|
2930
|
+
n.options = I({}, o), n.options.targets = [];
|
|
2873
2931
|
for (var s = 0, l = o.targets || []; s < l.length; s++) {
|
|
2874
2932
|
var u = l[s], c = void 0;
|
|
2875
2933
|
if (c = g.func(u) ? u(a.x, a.y, e) : u) {
|
|
2876
2934
|
for (var p = 0, m = n.targetFields; p < m.length; p++) {
|
|
2877
|
-
var E = m[p], w = E[0],
|
|
2878
|
-
if (w in c ||
|
|
2879
|
-
c.x = c[w], c.y = c[
|
|
2935
|
+
var E = m[p], w = E[0], C = E[1];
|
|
2936
|
+
if (w in c || C in c) {
|
|
2937
|
+
c.x = c[w], c.y = c[C];
|
|
2880
2938
|
break;
|
|
2881
2939
|
}
|
|
2882
2940
|
}
|
|
@@ -2885,10 +2943,10 @@ function Vo() {
|
|
|
2885
2943
|
}
|
|
2886
2944
|
var _ = Nt.set(t);
|
|
2887
2945
|
return n.options = o, _;
|
|
2888
|
-
}, defaults: { range: 1 / 0, targets: null, offset: null, endOnly: !1, enabled: !1 } }, jr = _e(pt, "snapSize"), zt = { aspectRatio: Rr, restrictEdges: Or, restrict: Ir, restrictRect:
|
|
2946
|
+
}, defaults: { range: 1 / 0, targets: null, offset: null, endOnly: !1, enabled: !1 } }, jr = _e(pt, "snapSize"), zt = { aspectRatio: Rr, restrictEdges: Or, restrict: Ir, restrictRect: Pr, restrictSize: zr, snapEdges: _e({ start: function(t) {
|
|
2889
2947
|
var e = t.edges;
|
|
2890
2948
|
return e ? (t.state.targetFields = t.state.targetFields || [[e.left ? "left" : "right", e.top ? "top" : "bottom"]], pt.start(t)) : null;
|
|
2891
|
-
}, set: pt.set, defaults:
|
|
2949
|
+
}, set: pt.set, defaults: I(De(pt.defaults), { targets: void 0, range: void 0, offset: { x: 0, y: 0 } }) }, "snapEdges"), snap: Lr, snapSize: jr, spring: ut, avoid: ut, transform: ut, rubberband: ut }, Fr = { id: "modifiers", install: function(t) {
|
|
2892
2950
|
var e = t.interactStatic;
|
|
2893
2951
|
for (var n in t.usePlugin(cn), t.usePlugin(Sr), e.modifiers = zt, zt) {
|
|
2894
2952
|
var r = zt[n], o = r._defaults, i = r._methods;
|
|
@@ -2899,7 +2957,7 @@ function Vo() {
|
|
|
2899
2957
|
var e = P(n);
|
|
2900
2958
|
function n(r, o, i, a, s, l) {
|
|
2901
2959
|
var u;
|
|
2902
|
-
if (
|
|
2960
|
+
if (b(this, n), tt(re(u = e.call(this, s)), i), i !== o && tt(re(u), o), u.timeStamp = l, u.originalEvent = i, u.type = r, u.pointerId = Fe(o), u.pointerType = Yt(o), u.target = a, u.currentTarget = null, r === "tap") {
|
|
2903
2961
|
var c = s.getPointerIndex(o);
|
|
2904
2962
|
u.dt = u.timeStamp - s.pointers[c].downTime;
|
|
2905
2963
|
var p = u.timeStamp - s.tapTime;
|
|
@@ -2907,7 +2965,7 @@ function Vo() {
|
|
|
2907
2965
|
} else r === "doubletap" && (u.dt = o.timeStamp - s.tapTime, u.double = !0);
|
|
2908
2966
|
return u;
|
|
2909
2967
|
}
|
|
2910
|
-
return
|
|
2968
|
+
return k(n, [{ key: "_subtractOrigin", value: function(r) {
|
|
2911
2969
|
var o = r.x, i = r.y;
|
|
2912
2970
|
return this.pageX -= o, this.pageY -= i, this.clientX -= o, this.clientY -= i, this;
|
|
2913
2971
|
} }, { key: "_addOrigin", value: function(r) {
|
|
@@ -2917,7 +2975,7 @@ function Vo() {
|
|
|
2917
2975
|
this.originalEvent.preventDefault();
|
|
2918
2976
|
} }]), n;
|
|
2919
2977
|
})(ot), We = { id: "pointer-events/base", before: ["inertia", "modifiers", "auto-start", "actions"], install: function(t) {
|
|
2920
|
-
t.pointerEvents = We, t.defaults.actions.pointerEvents = We.defaults,
|
|
2978
|
+
t.pointerEvents = We, t.defaults.actions.pointerEvents = We.defaults, I(t.actions.phaselessTypes, We.types);
|
|
2921
2979
|
}, listeners: { "interactions:new": function(t) {
|
|
2922
2980
|
var e = t.interaction;
|
|
2923
2981
|
e.prevTap = null, e.tapTime = 0;
|
|
@@ -2934,9 +2992,9 @@ function Vo() {
|
|
|
2934
2992
|
p.node = E, r.fire("pointerEvents:collect-targets", p);
|
|
2935
2993
|
}
|
|
2936
2994
|
if (p.targets.length) {
|
|
2937
|
-
for (var w = 1 / 0,
|
|
2938
|
-
var
|
|
2939
|
-
|
|
2995
|
+
for (var w = 1 / 0, C = 0, _ = p.targets; C < _.length; C++) {
|
|
2996
|
+
var T = _[C].eventable.options.holdDuration;
|
|
2997
|
+
T < w && (w = T);
|
|
2940
2998
|
}
|
|
2941
2999
|
u.duration = w, u.timeout = setTimeout((function() {
|
|
2942
3000
|
Re({ interaction: o, eventTarget: s, pointer: i, event: a, type: "hold" }, r);
|
|
@@ -2961,8 +3019,8 @@ function Vo() {
|
|
|
2961
3019
|
if (u._subtractOrigin(w), u.eventable = m.eventable, u.currentTarget = m.node, m.eventable.fire(u), u._addOrigin(w), u.immediatePropagationStopped || u.propagationStopped && p + 1 < l.length && l[p + 1].node !== u.currentTarget) break;
|
|
2962
3020
|
}
|
|
2963
3021
|
if (e.fire("pointerEvents:fired", c), a === "tap") {
|
|
2964
|
-
var
|
|
2965
|
-
n.prevTap =
|
|
3022
|
+
var C = u.double ? Re({ interaction: n, pointer: r, event: o, eventTarget: i, type: "doubletap" }, e) : u;
|
|
3023
|
+
n.prevTap = C, n.tapTime = C.timeStamp;
|
|
2966
3024
|
}
|
|
2967
3025
|
return u;
|
|
2968
3026
|
}
|
|
@@ -2974,8 +3032,8 @@ function Vo() {
|
|
|
2974
3032
|
c.node = m, e.fire("pointerEvents:collect-targets", c);
|
|
2975
3033
|
}
|
|
2976
3034
|
return a === "hold" && (c.targets = c.targets.filter((function(E) {
|
|
2977
|
-
var w,
|
|
2978
|
-
return E.eventable.options.holdDuration === ((w = n.pointers[s]) == null || (
|
|
3035
|
+
var w, C;
|
|
3036
|
+
return E.eventable.options.holdDuration === ((w = n.pointers[s]) == null || (C = w.hold) == null ? void 0 : C.duration);
|
|
2979
3037
|
}))), c.targets;
|
|
2980
3038
|
}
|
|
2981
3039
|
function Lt(t) {
|
|
@@ -3007,7 +3065,7 @@ function Vo() {
|
|
|
3007
3065
|
} }) }, Yr = Vr, $r = { id: "pointer-events/interactableTargets", install: function(t) {
|
|
3008
3066
|
var e = t.Interactable;
|
|
3009
3067
|
e.prototype.pointerEvents = function(r) {
|
|
3010
|
-
return
|
|
3068
|
+
return I(this.events.options, r), this;
|
|
3011
3069
|
};
|
|
3012
3070
|
var n = e.prototype._backCompatOption;
|
|
3013
3071
|
e.prototype._backCompatOption = function(r, o) {
|
|
@@ -3027,7 +3085,7 @@ function Vo() {
|
|
|
3027
3085
|
};
|
|
3028
3086
|
}, "interactable:set": function(t, e) {
|
|
3029
3087
|
var n = t.interactable, r = t.options;
|
|
3030
|
-
|
|
3088
|
+
I(n.events.options, e.pointerEvents.defaults), I(n.events.options, r.pointerEvents || {});
|
|
3031
3089
|
} } }, Wr = $r, Ur = { id: "pointer-events", install: function(t) {
|
|
3032
3090
|
t.usePlugin(Br), t.usePlugin(Yr), t.usePlugin(Wr);
|
|
3033
3091
|
} }, Xr = Ur, Gr = { id: "reflow", install: function(t) {
|
|
@@ -3037,15 +3095,15 @@ function Vo() {
|
|
|
3037
3095
|
for (var a = r.getAllElements(), s = i.window.Promise, l = s ? [] : null, u = function() {
|
|
3038
3096
|
var p = a[c], m = r.getRect(p);
|
|
3039
3097
|
if (!m) return 1;
|
|
3040
|
-
var E, w = Be(i.interactions.list, (function(
|
|
3041
|
-
return
|
|
3098
|
+
var E, w = Be(i.interactions.list, (function(T) {
|
|
3099
|
+
return T.interacting() && T.interactable === r && T.element === p && T.prepared.name === o.name;
|
|
3042
3100
|
}));
|
|
3043
|
-
if (w) w.move(), l && (E = w._reflowPromise || new s((function(
|
|
3044
|
-
w._reflowResolve =
|
|
3101
|
+
if (w) w.move(), l && (E = w._reflowPromise || new s((function(T) {
|
|
3102
|
+
w._reflowResolve = T;
|
|
3045
3103
|
})));
|
|
3046
3104
|
else {
|
|
3047
|
-
var
|
|
3048
|
-
return { coords:
|
|
3105
|
+
var C = vt(m), _ = /* @__PURE__ */ (function(T) {
|
|
3106
|
+
return { coords: T, get page() {
|
|
3049
3107
|
return this.coords.page;
|
|
3050
3108
|
}, get client() {
|
|
3051
3109
|
return this.coords.client;
|
|
@@ -3071,14 +3129,14 @@ function Vo() {
|
|
|
3071
3129
|
return this.coords.buttons;
|
|
3072
3130
|
}, preventDefault: function() {
|
|
3073
3131
|
} };
|
|
3074
|
-
})({ page: { x:
|
|
3075
|
-
E = (function(
|
|
3076
|
-
var q =
|
|
3077
|
-
q.interactable =
|
|
3078
|
-
var ae =
|
|
3132
|
+
})({ page: { x: C.x, y: C.y }, client: { x: C.x, y: C.y }, timeStamp: i.now() });
|
|
3133
|
+
E = (function(T, A, F, W, N) {
|
|
3134
|
+
var q = T.interactions.new({ pointerType: "reflow" }), me = { interaction: q, event: N, pointer: N, eventTarget: F, phase: "reflow" };
|
|
3135
|
+
q.interactable = A, q.element = F, q.prevEvent = N, q.updatePointer(N, N, F, !0), Ht(q.coords.delta), St(q.prepared, W), q._doPhase(me);
|
|
3136
|
+
var ae = T.window, ge = ae.Promise, be = ge ? new ge((function(Se) {
|
|
3079
3137
|
q._reflowResolve = Se;
|
|
3080
3138
|
})) : void 0;
|
|
3081
|
-
return q._reflowPromise = be, q.start(
|
|
3139
|
+
return q._reflowPromise = be, q.start(W, A, F), q._interacting ? (q.move(me), q.end(N)) : (q.stop(), q._reflowResolve()), q.removePointer(N, N), be;
|
|
3082
3140
|
})(i, r, p, o, _);
|
|
3083
3141
|
}
|
|
3084
3142
|
l && l.push(E);
|
|
@@ -3094,38 +3152,40 @@ function Vo() {
|
|
|
3094
3152
|
r.splice(r.indexOf(o), 1);
|
|
3095
3153
|
})(e.interactions.list, n));
|
|
3096
3154
|
} } }, Kr = Gr;
|
|
3097
|
-
if (
|
|
3098
|
-
h.exports =
|
|
3155
|
+
if (ve.use(ln), ve.use(hn), ve.use(Xr), ve.use(fr), ve.use(Hr), ve.use(tr), ve.use(Yn), ve.use(Wn), ve.use(Kr), ve.default = ve, y(h) === "object" && h) try {
|
|
3156
|
+
h.exports = ve;
|
|
3099
3157
|
} catch {
|
|
3100
3158
|
}
|
|
3101
|
-
return
|
|
3159
|
+
return ve.default = ve, ve;
|
|
3102
3160
|
}));
|
|
3103
3161
|
})(Ke, Ke.exports)), Ke.exports;
|
|
3104
3162
|
}
|
|
3105
3163
|
var Yo = /* @__PURE__ */ Vo();
|
|
3106
3164
|
const jt = /* @__PURE__ */ Bo(Yo);
|
|
3107
|
-
function
|
|
3165
|
+
function An(h) {
|
|
3108
3166
|
const v = document.createElement("input");
|
|
3109
3167
|
v.type = "file", v.accept = "image/*", v.onchange = (f) => {
|
|
3110
3168
|
const d = f.target.files?.[0];
|
|
3111
3169
|
if (d) {
|
|
3112
3170
|
const y = new FileReader();
|
|
3113
|
-
y.onload = (
|
|
3114
|
-
const
|
|
3115
|
-
|
|
3116
|
-
const
|
|
3117
|
-
|
|
3171
|
+
y.onload = (b) => {
|
|
3172
|
+
const S = document.createElement("img");
|
|
3173
|
+
S.src = b.target?.result, S.style.maxWidth = "100%", S.style.width = "100%", S.style.height = "auto", S.style.cursor = "pointer", S.draggable = !1;
|
|
3174
|
+
const k = document.createElement("div");
|
|
3175
|
+
k.className = "editor-image-wrapper", k.style.display = "inline-block", k.style.position = "relative", k.style.maxWidth = "100%", k.style.width = "auto", k.style.height = "auto", k.contentEditable = "false", k.style.boxSizing = "border-box", k.style.touchAction = "none", k.style.userSelect = "none", k.appendChild(S);
|
|
3176
|
+
const R = document.createElement("div");
|
|
3177
|
+
R.contentEditable = "true", R.style.margin = "10px 0", R.style.textAlign = "left", R.style.display = "block", R.appendChild(k);
|
|
3118
3178
|
try {
|
|
3119
3179
|
Ne();
|
|
3120
|
-
const
|
|
3121
|
-
if (
|
|
3122
|
-
|
|
3123
|
-
const
|
|
3124
|
-
|
|
3180
|
+
const O = window.getSelection();
|
|
3181
|
+
if (O && O.rangeCount > 0) {
|
|
3182
|
+
O.getRangeAt(0).insertNode(R), O.removeAllRanges();
|
|
3183
|
+
const Y = document.createRange();
|
|
3184
|
+
Y.setStartAfter(R), Y.collapse(!0), O.addRange(Y), he(Y);
|
|
3125
3185
|
} else
|
|
3126
|
-
h.appendChild(
|
|
3186
|
+
h.appendChild(R), h.focus(), he();
|
|
3127
3187
|
} catch {
|
|
3128
|
-
h.appendChild(
|
|
3188
|
+
h.appendChild(R), h.focus(), he();
|
|
3129
3189
|
}
|
|
3130
3190
|
}, y.readAsDataURL(d);
|
|
3131
3191
|
}
|
|
@@ -3137,8 +3197,8 @@ function $o(h) {
|
|
|
3137
3197
|
const f = v.querySelector("img");
|
|
3138
3198
|
if (f)
|
|
3139
3199
|
if (v.classList.contains("resizable")) {
|
|
3140
|
-
const d = v.getBoundingClientRect(), y = Math.round(d.width) + "px",
|
|
3141
|
-
jt(v).unset(), v.classList.remove("resizable"), v.style.border = "none", v.style.transform = "", v.dataset.x = "", v.dataset.y = "", v.style.width = y, v.style.height =
|
|
3200
|
+
const d = v.getBoundingClientRect(), y = Math.round(d.width) + "px", b = Math.round(d.height) + "px";
|
|
3201
|
+
jt(v).unset(), v.classList.remove("resizable"), v.style.border = "none", v.style.transform = "", v.dataset.x = "", v.dataset.y = "", v.style.width = y, v.style.height = b, v.contentEditable = "false", f && (f.style.width = "100%", f.style.height = "100%");
|
|
3142
3202
|
} else {
|
|
3143
3203
|
v.classList.add("resizable"), v.style.border = "2px dashed #007bff", v.style.position = "relative", v.style.userSelect = "none";
|
|
3144
3204
|
const d = v.getBoundingClientRect();
|
|
@@ -3146,8 +3206,8 @@ function $o(h) {
|
|
|
3146
3206
|
edges: { left: !0, right: !0, bottom: !0, top: !0 },
|
|
3147
3207
|
listeners: {
|
|
3148
3208
|
move: (y) => {
|
|
3149
|
-
const
|
|
3150
|
-
Object.assign(
|
|
3209
|
+
const b = y.target;
|
|
3210
|
+
Object.assign(b.style, {
|
|
3151
3211
|
width: `${y.rect.width}px`,
|
|
3152
3212
|
height: `${y.rect.height}px`
|
|
3153
3213
|
});
|
|
@@ -3166,13 +3226,13 @@ class Wo {
|
|
|
3166
3226
|
editor;
|
|
3167
3227
|
constructor() {
|
|
3168
3228
|
this.container = document.createElement("div"), this.container.classList.add("editor-container"), this.editor = Ho(
|
|
3169
|
-
() =>
|
|
3229
|
+
() => An(this.editor),
|
|
3170
3230
|
(f) => $o(f)
|
|
3171
3231
|
), this.toolbar = Fo(this.container);
|
|
3172
3232
|
const v = this.toolbar.querySelector(
|
|
3173
3233
|
'[role="button"][title="Insert Image"]'
|
|
3174
3234
|
);
|
|
3175
|
-
v && (v.onclick = () =>
|
|
3235
|
+
v && (v.onclick = () => An(this.editor)), this.container.appendChild(this.toolbar), this.container.appendChild(this.editor);
|
|
3176
3236
|
}
|
|
3177
3237
|
getElement() {
|
|
3178
3238
|
return this.container;
|
|
@@ -3185,24 +3245,24 @@ class Wo {
|
|
|
3185
3245
|
}
|
|
3186
3246
|
}
|
|
3187
3247
|
var ht = { exports: {} }, Xe = {};
|
|
3188
|
-
var
|
|
3248
|
+
var Pn;
|
|
3189
3249
|
function Uo() {
|
|
3190
|
-
if (
|
|
3191
|
-
|
|
3250
|
+
if (Pn) return Xe;
|
|
3251
|
+
Pn = 1;
|
|
3192
3252
|
var h = Symbol.for("react.transitional.element"), v = Symbol.for("react.fragment");
|
|
3193
|
-
function f(d, y,
|
|
3194
|
-
var
|
|
3195
|
-
if (
|
|
3196
|
-
|
|
3197
|
-
for (var
|
|
3198
|
-
|
|
3199
|
-
} else
|
|
3200
|
-
return y =
|
|
3253
|
+
function f(d, y, b) {
|
|
3254
|
+
var S = null;
|
|
3255
|
+
if (b !== void 0 && (S = "" + b), y.key !== void 0 && (S = "" + y.key), "key" in y) {
|
|
3256
|
+
b = {};
|
|
3257
|
+
for (var k in y)
|
|
3258
|
+
k !== "key" && (b[k] = y[k]);
|
|
3259
|
+
} else b = y;
|
|
3260
|
+
return y = b.ref, {
|
|
3201
3261
|
$$typeof: h,
|
|
3202
3262
|
type: d,
|
|
3203
|
-
key:
|
|
3263
|
+
key: S,
|
|
3204
3264
|
ref: y !== void 0 ? y : null,
|
|
3205
|
-
props:
|
|
3265
|
+
props: b
|
|
3206
3266
|
};
|
|
3207
3267
|
}
|
|
3208
3268
|
return Xe.Fragment = v, Xe.jsx = f, Xe.jsxs = f, Xe;
|
|
@@ -3211,161 +3271,161 @@ var Ge = {};
|
|
|
3211
3271
|
var Dn;
|
|
3212
3272
|
function Xo() {
|
|
3213
3273
|
return Dn || (Dn = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
3214
|
-
function h(
|
|
3215
|
-
if (
|
|
3216
|
-
if (typeof
|
|
3217
|
-
return
|
|
3218
|
-
if (typeof
|
|
3219
|
-
switch (
|
|
3220
|
-
case
|
|
3274
|
+
function h(x) {
|
|
3275
|
+
if (x == null) return null;
|
|
3276
|
+
if (typeof x == "function")
|
|
3277
|
+
return x.$$typeof === ce ? null : x.displayName || x.name || null;
|
|
3278
|
+
if (typeof x == "string") return x;
|
|
3279
|
+
switch (x) {
|
|
3280
|
+
case X:
|
|
3221
3281
|
return "Fragment";
|
|
3222
|
-
case
|
|
3282
|
+
case U:
|
|
3223
3283
|
return "Profiler";
|
|
3224
|
-
case
|
|
3284
|
+
case oe:
|
|
3225
3285
|
return "StrictMode";
|
|
3226
|
-
case
|
|
3286
|
+
case Z:
|
|
3227
3287
|
return "Suspense";
|
|
3228
3288
|
case g:
|
|
3229
3289
|
return "SuspenseList";
|
|
3230
3290
|
case le:
|
|
3231
3291
|
return "Activity";
|
|
3232
3292
|
}
|
|
3233
|
-
if (typeof
|
|
3234
|
-
switch (typeof
|
|
3293
|
+
if (typeof x == "object")
|
|
3294
|
+
switch (typeof x.tag == "number" && console.error(
|
|
3235
3295
|
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
3236
|
-
),
|
|
3237
|
-
case
|
|
3296
|
+
), x.$$typeof) {
|
|
3297
|
+
case G:
|
|
3238
3298
|
return "Portal";
|
|
3239
|
-
case
|
|
3240
|
-
return
|
|
3241
|
-
case
|
|
3242
|
-
return (
|
|
3299
|
+
case Q:
|
|
3300
|
+
return x.displayName || "Context";
|
|
3301
|
+
case te:
|
|
3302
|
+
return (x._context.displayName || "Context") + ".Consumer";
|
|
3243
3303
|
case ie:
|
|
3244
|
-
var
|
|
3245
|
-
return
|
|
3246
|
-
case
|
|
3247
|
-
return
|
|
3304
|
+
var D = x.render;
|
|
3305
|
+
return x = x.displayName, x || (x = D.displayName || D.name || "", x = x !== "" ? "ForwardRef(" + x + ")" : "ForwardRef"), x;
|
|
3306
|
+
case K:
|
|
3307
|
+
return D = x.displayName || null, D !== null ? D : h(x.type) || "Memo";
|
|
3248
3308
|
case z:
|
|
3249
|
-
|
|
3309
|
+
D = x._payload, x = x._init;
|
|
3250
3310
|
try {
|
|
3251
|
-
return h(
|
|
3311
|
+
return h(x(D));
|
|
3252
3312
|
} catch {
|
|
3253
3313
|
}
|
|
3254
3314
|
}
|
|
3255
3315
|
return null;
|
|
3256
3316
|
}
|
|
3257
|
-
function v(
|
|
3258
|
-
return "" +
|
|
3317
|
+
function v(x) {
|
|
3318
|
+
return "" + x;
|
|
3259
3319
|
}
|
|
3260
|
-
function f(
|
|
3320
|
+
function f(x) {
|
|
3261
3321
|
try {
|
|
3262
|
-
v(
|
|
3263
|
-
var
|
|
3322
|
+
v(x);
|
|
3323
|
+
var D = !1;
|
|
3264
3324
|
} catch {
|
|
3265
|
-
|
|
3325
|
+
D = !0;
|
|
3266
3326
|
}
|
|
3267
|
-
if (
|
|
3268
|
-
|
|
3269
|
-
var L =
|
|
3327
|
+
if (D) {
|
|
3328
|
+
D = console;
|
|
3329
|
+
var L = D.error, B = typeof Symbol == "function" && Symbol.toStringTag && x[Symbol.toStringTag] || x.constructor.name || "Object";
|
|
3270
3330
|
return L.call(
|
|
3271
|
-
|
|
3331
|
+
D,
|
|
3272
3332
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
3273
3333
|
B
|
|
3274
|
-
), v(
|
|
3334
|
+
), v(x);
|
|
3275
3335
|
}
|
|
3276
3336
|
}
|
|
3277
|
-
function d(
|
|
3278
|
-
if (
|
|
3279
|
-
if (typeof
|
|
3337
|
+
function d(x) {
|
|
3338
|
+
if (x === X) return "<>";
|
|
3339
|
+
if (typeof x == "object" && x !== null && x.$$typeof === z)
|
|
3280
3340
|
return "<...>";
|
|
3281
3341
|
try {
|
|
3282
|
-
var
|
|
3283
|
-
return
|
|
3342
|
+
var D = h(x);
|
|
3343
|
+
return D ? "<" + D + ">" : "<...>";
|
|
3284
3344
|
} catch {
|
|
3285
3345
|
return "<...>";
|
|
3286
3346
|
}
|
|
3287
3347
|
}
|
|
3288
3348
|
function y() {
|
|
3289
|
-
var
|
|
3290
|
-
return
|
|
3349
|
+
var x = V.A;
|
|
3350
|
+
return x === null ? null : x.getOwner();
|
|
3291
3351
|
}
|
|
3292
|
-
function
|
|
3352
|
+
function b() {
|
|
3293
3353
|
return Error("react-stack-top-frame");
|
|
3294
3354
|
}
|
|
3295
|
-
function
|
|
3296
|
-
if (
|
|
3297
|
-
var
|
|
3298
|
-
if (
|
|
3355
|
+
function S(x) {
|
|
3356
|
+
if ($.call(x, "key")) {
|
|
3357
|
+
var D = Object.getOwnPropertyDescriptor(x, "key").get;
|
|
3358
|
+
if (D && D.isReactWarning) return !1;
|
|
3299
3359
|
}
|
|
3300
|
-
return
|
|
3360
|
+
return x.key !== void 0;
|
|
3301
3361
|
}
|
|
3302
|
-
function
|
|
3362
|
+
function k(x, D) {
|
|
3303
3363
|
function L() {
|
|
3304
|
-
|
|
3364
|
+
J || (J = !0, console.error(
|
|
3305
3365
|
"%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
|
|
3306
|
-
|
|
3366
|
+
D
|
|
3307
3367
|
));
|
|
3308
3368
|
}
|
|
3309
|
-
L.isReactWarning = !0, Object.defineProperty(
|
|
3369
|
+
L.isReactWarning = !0, Object.defineProperty(x, "key", {
|
|
3310
3370
|
get: L,
|
|
3311
3371
|
configurable: !0
|
|
3312
3372
|
});
|
|
3313
3373
|
}
|
|
3314
|
-
function
|
|
3315
|
-
var
|
|
3316
|
-
return se[
|
|
3374
|
+
function R() {
|
|
3375
|
+
var x = h(this.type);
|
|
3376
|
+
return se[x] || (se[x] = !0, console.error(
|
|
3317
3377
|
"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."
|
|
3318
|
-
)),
|
|
3378
|
+
)), x = this.props.ref, x !== void 0 ? x : null;
|
|
3319
3379
|
}
|
|
3320
|
-
function O(
|
|
3380
|
+
function O(x, D, L, B, xe, we) {
|
|
3321
3381
|
var ue = L.ref;
|
|
3322
|
-
return
|
|
3323
|
-
$$typeof:
|
|
3324
|
-
type:
|
|
3325
|
-
key:
|
|
3382
|
+
return x = {
|
|
3383
|
+
$$typeof: ee,
|
|
3384
|
+
type: x,
|
|
3385
|
+
key: D,
|
|
3326
3386
|
props: L,
|
|
3327
3387
|
_owner: B
|
|
3328
|
-
}, (ue !== void 0 ? ue : null) !== null ? Object.defineProperty(
|
|
3388
|
+
}, (ue !== void 0 ? ue : null) !== null ? Object.defineProperty(x, "ref", {
|
|
3329
3389
|
enumerable: !1,
|
|
3330
|
-
get:
|
|
3331
|
-
}) : Object.defineProperty(
|
|
3390
|
+
get: R
|
|
3391
|
+
}) : Object.defineProperty(x, "ref", { enumerable: !1, value: null }), x._store = {}, Object.defineProperty(x._store, "validated", {
|
|
3332
3392
|
configurable: !1,
|
|
3333
3393
|
enumerable: !1,
|
|
3334
3394
|
writable: !0,
|
|
3335
3395
|
value: 0
|
|
3336
|
-
}), Object.defineProperty(
|
|
3396
|
+
}), Object.defineProperty(x, "_debugInfo", {
|
|
3337
3397
|
configurable: !1,
|
|
3338
3398
|
enumerable: !1,
|
|
3339
3399
|
writable: !0,
|
|
3340
3400
|
value: null
|
|
3341
|
-
}), Object.defineProperty(
|
|
3401
|
+
}), Object.defineProperty(x, "_debugStack", {
|
|
3342
3402
|
configurable: !1,
|
|
3343
3403
|
enumerable: !1,
|
|
3344
3404
|
writable: !0,
|
|
3345
3405
|
value: xe
|
|
3346
|
-
}), Object.defineProperty(
|
|
3406
|
+
}), Object.defineProperty(x, "_debugTask", {
|
|
3347
3407
|
configurable: !1,
|
|
3348
3408
|
enumerable: !1,
|
|
3349
3409
|
writable: !0,
|
|
3350
3410
|
value: we
|
|
3351
|
-
}), Object.freeze && (Object.freeze(
|
|
3411
|
+
}), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
|
|
3352
3412
|
}
|
|
3353
|
-
function
|
|
3354
|
-
var ue =
|
|
3413
|
+
function M(x, D, L, B, xe, we) {
|
|
3414
|
+
var ue = D.children;
|
|
3355
3415
|
if (ue !== void 0)
|
|
3356
3416
|
if (B)
|
|
3357
3417
|
if (H(ue)) {
|
|
3358
3418
|
for (B = 0; B < ue.length; B++)
|
|
3359
|
-
|
|
3419
|
+
Y(ue[B]);
|
|
3360
3420
|
Object.freeze && Object.freeze(ue);
|
|
3361
3421
|
} else
|
|
3362
3422
|
console.error(
|
|
3363
3423
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
3364
3424
|
);
|
|
3365
|
-
else
|
|
3366
|
-
if (
|
|
3367
|
-
ue = h(
|
|
3368
|
-
var Ee = Object.keys(
|
|
3425
|
+
else Y(ue);
|
|
3426
|
+
if ($.call(D, "key")) {
|
|
3427
|
+
ue = h(x);
|
|
3428
|
+
var Ee = Object.keys(D).filter(function(Qe) {
|
|
3369
3429
|
return Qe !== "key";
|
|
3370
3430
|
});
|
|
3371
3431
|
B = 0 < Ee.length ? "{key: someKey, " + Ee.join(": ..., ") + ": ...}" : "{key: someKey}", fe[ue + B] || (Ee = 0 < Ee.length ? "{" + Ee.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
@@ -3381,16 +3441,16 @@ React keys must be passed directly to JSX without using spread:
|
|
|
3381
3441
|
ue
|
|
3382
3442
|
), fe[ue + B] = !0);
|
|
3383
3443
|
}
|
|
3384
|
-
if (ue = null, L !== void 0 && (f(L), ue = "" + L),
|
|
3444
|
+
if (ue = null, L !== void 0 && (f(L), ue = "" + L), S(D) && (f(D.key), ue = "" + D.key), "key" in D) {
|
|
3385
3445
|
L = {};
|
|
3386
|
-
for (var
|
|
3387
|
-
|
|
3388
|
-
} else L =
|
|
3389
|
-
return ue &&
|
|
3446
|
+
for (var I in D)
|
|
3447
|
+
I !== "key" && (L[I] = D[I]);
|
|
3448
|
+
} else L = D;
|
|
3449
|
+
return ue && k(
|
|
3390
3450
|
L,
|
|
3391
|
-
typeof
|
|
3451
|
+
typeof x == "function" ? x.displayName || x.name || "Unknown" : x
|
|
3392
3452
|
), O(
|
|
3393
|
-
|
|
3453
|
+
x,
|
|
3394
3454
|
ue,
|
|
3395
3455
|
L,
|
|
3396
3456
|
y(),
|
|
@@ -3398,43 +3458,43 @@ React keys must be passed directly to JSX without using spread:
|
|
|
3398
3458
|
we
|
|
3399
3459
|
);
|
|
3400
3460
|
}
|
|
3401
|
-
function
|
|
3402
|
-
|
|
3461
|
+
function Y(x) {
|
|
3462
|
+
re(x) ? x._store && (x._store.validated = 1) : typeof x == "object" && x !== null && x.$$typeof === z && (x._payload.status === "fulfilled" ? re(x._payload.value) && x._payload.value._store && (x._payload.value._store.validated = 1) : x._store && (x._store.validated = 1));
|
|
3403
3463
|
}
|
|
3404
|
-
function
|
|
3405
|
-
return typeof
|
|
3464
|
+
function re(x) {
|
|
3465
|
+
return typeof x == "object" && x !== null && x.$$typeof === ee;
|
|
3406
3466
|
}
|
|
3407
|
-
var P = Jr,
|
|
3467
|
+
var P = Jr, ee = Symbol.for("react.transitional.element"), G = Symbol.for("react.portal"), X = Symbol.for("react.fragment"), oe = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), te = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), ie = Symbol.for("react.forward_ref"), Z = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), V = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, H = Array.isArray, ne = console.createTask ? console.createTask : function() {
|
|
3408
3468
|
return null;
|
|
3409
3469
|
};
|
|
3410
3470
|
P = {
|
|
3411
|
-
react_stack_bottom_frame: function(
|
|
3412
|
-
return
|
|
3471
|
+
react_stack_bottom_frame: function(x) {
|
|
3472
|
+
return x();
|
|
3413
3473
|
}
|
|
3414
3474
|
};
|
|
3415
|
-
var
|
|
3475
|
+
var J, se = {}, de = P.react_stack_bottom_frame.bind(
|
|
3416
3476
|
P,
|
|
3417
|
-
|
|
3418
|
-
)(), pe =
|
|
3419
|
-
Ge.Fragment =
|
|
3477
|
+
b
|
|
3478
|
+
)(), pe = ne(d(b)), fe = {};
|
|
3479
|
+
Ge.Fragment = X, Ge.jsx = function(x, D, L) {
|
|
3420
3480
|
var B = 1e4 > V.recentlyCreatedOwnerStacks++;
|
|
3421
|
-
return
|
|
3422
|
-
|
|
3423
|
-
|
|
3481
|
+
return M(
|
|
3482
|
+
x,
|
|
3483
|
+
D,
|
|
3424
3484
|
L,
|
|
3425
3485
|
!1,
|
|
3426
3486
|
B ? Error("react-stack-top-frame") : de,
|
|
3427
|
-
B ?
|
|
3487
|
+
B ? ne(d(x)) : pe
|
|
3428
3488
|
);
|
|
3429
|
-
}, Ge.jsxs = function(
|
|
3489
|
+
}, Ge.jsxs = function(x, D, L) {
|
|
3430
3490
|
var B = 1e4 > V.recentlyCreatedOwnerStacks++;
|
|
3431
|
-
return
|
|
3432
|
-
|
|
3433
|
-
|
|
3491
|
+
return M(
|
|
3492
|
+
x,
|
|
3493
|
+
D,
|
|
3434
3494
|
L,
|
|
3435
3495
|
!0,
|
|
3436
3496
|
B ? Error("react-stack-top-frame") : de,
|
|
3437
|
-
B ?
|
|
3497
|
+
B ? ne(d(x)) : pe
|
|
3438
3498
|
);
|
|
3439
3499
|
};
|
|
3440
3500
|
})()), Ge;
|
|
@@ -3452,11 +3512,11 @@ const Qo = ({
|
|
|
3452
3512
|
return Qr(() => {
|
|
3453
3513
|
if (d.current && !f.current) {
|
|
3454
3514
|
f.current = new Wo(), d.current.appendChild(f.current.getElement()), v && f.current.setHTML(v);
|
|
3455
|
-
const y = f.current.getElement(),
|
|
3456
|
-
const
|
|
3457
|
-
h?.(
|
|
3515
|
+
const y = f.current.getElement(), b = () => {
|
|
3516
|
+
const S = f.current?.getHTML() || "";
|
|
3517
|
+
h?.(S);
|
|
3458
3518
|
};
|
|
3459
|
-
y.addEventListener("input",
|
|
3519
|
+
y.addEventListener("input", b), y.addEventListener("keyup", b), y.addEventListener("paste", b);
|
|
3460
3520
|
}
|
|
3461
3521
|
}, [h, v]), /* @__PURE__ */ Ko.jsx("div", { ref: d });
|
|
3462
3522
|
};
|