nam-rich-text-editor 9.1.4 → 9.1.5
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 +613 -610
- package/dist/rich-text-editor.umd.js +4 -4
- package/package.json +1 -1
|
@@ -47,11 +47,11 @@ const no = {
|
|
|
47
47
|
};
|
|
48
48
|
const zn = ([h, v, f]) => {
|
|
49
49
|
const d = document.createElementNS("http://www.w3.org/2000/svg", h);
|
|
50
|
-
return Object.keys(v).forEach((
|
|
51
|
-
d.setAttribute(
|
|
52
|
-
}), f?.length && f.forEach((
|
|
53
|
-
const
|
|
54
|
-
d.appendChild(
|
|
50
|
+
return Object.keys(v).forEach((b) => {
|
|
51
|
+
d.setAttribute(b, String(v[b]));
|
|
52
|
+
}), f?.length && f.forEach((b) => {
|
|
53
|
+
const y = zn(b);
|
|
54
|
+
d.appendChild(y);
|
|
55
55
|
}), d;
|
|
56
56
|
}, ye = (h, v = {}) => {
|
|
57
57
|
const d = {
|
|
@@ -185,11 +185,11 @@ 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", (y) => {
|
|
189
|
+
(y.key === "Enter" || y.key === " ") && (y.preventDefault(), d.click());
|
|
190
190
|
});
|
|
191
|
-
const
|
|
192
|
-
d.appendChild(
|
|
191
|
+
const b = ye(f.icon, { width: 16, height: 16 });
|
|
192
|
+
d.appendChild(b), 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;
|
|
@@ -216,16 +216,16 @@ function Ln(h, v) {
|
|
|
216
216
|
if (!d.collapsed) {
|
|
217
217
|
const S = document.createElement("span");
|
|
218
218
|
S.style[h] = v;
|
|
219
|
-
const
|
|
220
|
-
S.appendChild(
|
|
221
|
-
const
|
|
222
|
-
|
|
219
|
+
const E = d.extractContents();
|
|
220
|
+
S.appendChild(E), d.insertNode(S), f.removeAllRanges();
|
|
221
|
+
const M = document.createRange();
|
|
222
|
+
M.selectNodeContents(S), f.addRange(M), he(M);
|
|
223
223
|
return;
|
|
224
224
|
}
|
|
225
|
-
const
|
|
226
|
-
|
|
227
|
-
const
|
|
228
|
-
|
|
225
|
+
const b = document.createElement("span");
|
|
226
|
+
b.style[h] = v, b.appendChild(document.createTextNode("")), d.insertNode(b), f.removeAllRanges();
|
|
227
|
+
const y = document.createRange();
|
|
228
|
+
y.setStart(b.firstChild, 0), y.setEnd(b.firstChild, 0), f.addRange(y), he(y);
|
|
229
229
|
}
|
|
230
230
|
function To(h) {
|
|
231
231
|
Ln("color", h);
|
|
@@ -237,19 +237,19 @@ 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", (y) => {
|
|
241
|
+
(y.key === "Enter" || y.key === " ") && (y.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
|
-
const
|
|
248
|
-
return
|
|
249
|
-
(
|
|
250
|
-
}),
|
|
251
|
-
Ne(), _o(d.value),
|
|
252
|
-
}, h.appendChild(
|
|
247
|
+
const b = document.createElement("div");
|
|
248
|
+
return b.setAttribute("role", "button"), b.tabIndex = 0, b.style.userSelect = "none", b.addEventListener("keydown", (y) => {
|
|
249
|
+
(y.key === "Enter" || y.key === " ") && (y.preventDefault(), b.click());
|
|
250
|
+
}), b.textContent = "BA", b.style.color = "#000", b.style.fontSize = "14px", b.style.fontWeight = "bold", b.style.border = "1px solid #ccc", b.style.borderRadius = "4px", b.style.padding = "4px 6px", b.style.cursor = "pointer", b.style.backgroundColor = "#fff", b.title = "Background Color", b.onclick = () => d.click(), d.onchange = () => {
|
|
251
|
+
Ne(), _o(d.value), b.style.backgroundColor = d.value, b.style.color = "#000";
|
|
252
|
+
}, h.appendChild(b), h.appendChild(d), h;
|
|
253
253
|
}
|
|
254
254
|
function Ro() {
|
|
255
255
|
const h = document.createDocumentFragment();
|
|
@@ -280,30 +280,30 @@ function Ro() {
|
|
|
280
280
|
}
|
|
281
281
|
].forEach((f) => {
|
|
282
282
|
const d = document.createElement("div");
|
|
283
|
-
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (
|
|
284
|
-
(
|
|
283
|
+
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (y) => {
|
|
284
|
+
(y.key === "Enter" || y.key === " ") && (y.preventDefault(), d.click());
|
|
285
285
|
});
|
|
286
|
-
const
|
|
287
|
-
d.appendChild(
|
|
288
|
-
const
|
|
289
|
-
if (
|
|
290
|
-
let S =
|
|
286
|
+
const b = ye(f.icon, { width: 16, height: 16 });
|
|
287
|
+
d.appendChild(b), 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 y = window.getSelection();
|
|
289
|
+
if (y && y.rangeCount > 0) {
|
|
290
|
+
let S = y.anchorNode;
|
|
291
291
|
for (; S && S.nodeType !== Node.ELEMENT_NODE; )
|
|
292
292
|
S = S.parentNode;
|
|
293
|
-
let
|
|
294
|
-
for (;
|
|
295
|
-
if (
|
|
296
|
-
|
|
293
|
+
let E = S, M = null;
|
|
294
|
+
for (; E && E !== document.body; ) {
|
|
295
|
+
if (E.tagName === "P" && E.querySelector(".editor-image-wrapper")) {
|
|
296
|
+
M = E;
|
|
297
297
|
break;
|
|
298
298
|
}
|
|
299
|
-
if (
|
|
300
|
-
|
|
299
|
+
if (E.tagName === "P") {
|
|
300
|
+
M = E;
|
|
301
301
|
break;
|
|
302
302
|
}
|
|
303
|
-
|
|
303
|
+
E = E.parentElement;
|
|
304
304
|
}
|
|
305
|
-
if (
|
|
306
|
-
|
|
305
|
+
if (M) {
|
|
306
|
+
M.style.textAlign = f.align;
|
|
307
307
|
return;
|
|
308
308
|
}
|
|
309
309
|
}
|
|
@@ -318,11 +318,11 @@ function Io() {
|
|
|
318
318
|
{ command: "insertOrderedList", icon: co, title: "Numbered List" }
|
|
319
319
|
].forEach((f) => {
|
|
320
320
|
const d = document.createElement("div");
|
|
321
|
-
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (
|
|
322
|
-
(
|
|
321
|
+
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (y) => {
|
|
322
|
+
(y.key === "Enter" || y.key === " ") && (y.preventDefault(), d.click());
|
|
323
323
|
});
|
|
324
|
-
const
|
|
325
|
-
d.appendChild(
|
|
324
|
+
const b = ye(f.icon, { width: 16, height: 16 });
|
|
325
|
+
d.appendChild(b), 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);
|
|
326
326
|
}), h;
|
|
327
327
|
}
|
|
328
328
|
function Oo() {
|
|
@@ -332,11 +332,11 @@ function Oo() {
|
|
|
332
332
|
{ command: "outdent", icon: so, title: "Decrease Indent" }
|
|
333
333
|
].forEach((f) => {
|
|
334
334
|
const d = document.createElement("div");
|
|
335
|
-
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (
|
|
336
|
-
(
|
|
335
|
+
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (y) => {
|
|
336
|
+
(y.key === "Enter" || y.key === " ") && (y.preventDefault(), d.click());
|
|
337
337
|
});
|
|
338
|
-
const
|
|
339
|
-
d.appendChild(
|
|
338
|
+
const b = ye(f.icon, { width: 16, height: 16 });
|
|
339
|
+
d.appendChild(b), 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);
|
|
340
340
|
}), h;
|
|
341
341
|
}
|
|
342
342
|
function Ao() {
|
|
@@ -346,11 +346,11 @@ function Ao() {
|
|
|
346
346
|
{ command: "redo", icon: vo, title: "Redo" }
|
|
347
347
|
].forEach((f) => {
|
|
348
348
|
const d = document.createElement("div");
|
|
349
|
-
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (
|
|
350
|
-
(
|
|
349
|
+
d.setAttribute("role", "button"), d.tabIndex = 0, d.style.userSelect = "none", d.addEventListener("keydown", (y) => {
|
|
350
|
+
(y.key === "Enter" || y.key === " ") && (y.preventDefault(), d.click());
|
|
351
351
|
});
|
|
352
|
-
const
|
|
353
|
-
d.appendChild(
|
|
352
|
+
const b = ye(f.icon, { width: 16, height: 16 });
|
|
353
|
+
d.appendChild(b), 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);
|
|
354
354
|
}), h;
|
|
355
355
|
}
|
|
356
356
|
function Po() {
|
|
@@ -374,27 +374,27 @@ function Do() {
|
|
|
374
374
|
height: 16
|
|
375
375
|
});
|
|
376
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";
|
|
377
|
-
let d = !1,
|
|
377
|
+
let d = !1, b = "", y = "";
|
|
378
378
|
return h.onclick = () => {
|
|
379
379
|
const S = document.querySelector(
|
|
380
380
|
".editor-container"
|
|
381
381
|
);
|
|
382
382
|
if (!S) return;
|
|
383
|
-
const
|
|
383
|
+
const E = S.querySelector(".editor");
|
|
384
384
|
if (d)
|
|
385
|
-
|
|
385
|
+
b ? S.setAttribute("style", b) : S.removeAttribute("style"), E && (y ? E.setAttribute("style", y) : E.removeAttribute("style")), h.replaceChild(v, f), d = !1;
|
|
386
386
|
else {
|
|
387
|
-
|
|
387
|
+
b = S.getAttribute("style") || "", y = E && E.getAttribute("style") || "", S.style.position = "fixed", S.style.top = "0", S.style.left = "0", S.style.width = "100vw", S.style.height = "100vh", S.style.margin = "0", S.style.padding = "0";
|
|
388
388
|
try {
|
|
389
|
-
let
|
|
390
|
-
document.querySelectorAll("body *").forEach((
|
|
391
|
-
const
|
|
392
|
-
!isNaN(
|
|
393
|
-
}), S.style.zIndex = String(Math.max(
|
|
389
|
+
let M = 9998;
|
|
390
|
+
document.querySelectorAll("body *").forEach((A) => {
|
|
391
|
+
const R = window.getComputedStyle(A).getPropertyValue("z-index"), F = parseInt(R, 10);
|
|
392
|
+
!isNaN(F) && F > 0 && (M = Math.max(M, F));
|
|
393
|
+
}), S.style.zIndex = String(Math.max(M + 1, 9999));
|
|
394
394
|
} catch {
|
|
395
395
|
S.style.zIndex = "9999";
|
|
396
396
|
}
|
|
397
|
-
S.style.backgroundColor = "#ffffff", S.style.display = "flex", S.style.flexDirection = "column",
|
|
397
|
+
S.style.backgroundColor = "#ffffff", S.style.display = "flex", S.style.flexDirection = "column", S.style.boxSizing = "border-box", E && (E.style.flexGrow = "1", E.style.overflowY = "auto", E.style.border = "none", E.style.borderRadius = "0", E.style.boxShadow = "none", E.style.height = "auto", E.style.padding = "20px", E.style.boxSizing = "border-box"), h.replaceChild(f, v), d = !0;
|
|
398
398
|
}
|
|
399
399
|
}, h;
|
|
400
400
|
}
|
|
@@ -403,160 +403,160 @@ function No(h) {
|
|
|
403
403
|
f.style.position = "fixed", f.style.top = "0", f.style.left = "0", f.style.width = "100%", f.style.height = "100%", f.style.backgroundColor = "rgba(0, 0, 0, 0.5)", f.style.display = "none", f.style.zIndex = "1000", f.style.alignItems = "center", f.style.justifyContent = "center", f.style.flexDirection = "column";
|
|
404
404
|
const d = document.createElement("div");
|
|
405
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";
|
|
406
|
-
const
|
|
407
|
-
|
|
408
|
-
const
|
|
409
|
-
|
|
406
|
+
const b = document.createElement("h3");
|
|
407
|
+
b.textContent = "Insert Hyperlink", b.style.margin = "0 0 15px 0", b.style.fontSize = "18px", b.style.fontWeight = "bold";
|
|
408
|
+
const y = document.createElement("input");
|
|
409
|
+
y.type = "url", y.placeholder = "Enter URL (e.g., https://example.com)", y.style.width = "100%", y.style.padding = "8px", y.style.border = "1px solid #ccc", y.style.borderRadius = "4px", y.style.marginBottom = "15px", y.style.boxSizing = "border-box";
|
|
410
410
|
const S = document.createElement("div");
|
|
411
411
|
S.style.display = "flex", S.style.gap = "10px", S.style.justifyContent = "flex-end";
|
|
412
|
-
const
|
|
413
|
-
|
|
414
|
-
(P.key === "Enter" || P.key === " " || P.key === "Escape") && (P.preventDefault(),
|
|
415
|
-
}),
|
|
416
|
-
f.style.display = "none",
|
|
412
|
+
const E = document.createElement("div");
|
|
413
|
+
E.setAttribute("role", "button"), E.tabIndex = 0, E.style.userSelect = "none", E.textContent = "Cancel", E.style.padding = "8px 16px", E.style.border = "1px solid #ccc", E.style.borderRadius = "4px", E.style.backgroundColor = "#f5f5f5", E.style.cursor = "pointer", E.addEventListener("keydown", (P) => {
|
|
414
|
+
(P.key === "Enter" || P.key === " " || P.key === "Escape") && (P.preventDefault(), E.click());
|
|
415
|
+
}), E.onclick = () => {
|
|
416
|
+
f.style.display = "none", y.value = "", M = null;
|
|
417
417
|
};
|
|
418
|
-
let
|
|
419
|
-
const
|
|
420
|
-
|
|
421
|
-
(P.key === "Enter" || P.key === " ") && (P.preventDefault(),
|
|
422
|
-
}),
|
|
423
|
-
const P =
|
|
418
|
+
let M = null;
|
|
419
|
+
const A = document.createElement("div");
|
|
420
|
+
A.setAttribute("role", "button"), A.tabIndex = 0, A.style.userSelect = "none", A.textContent = "Insert", A.style.padding = "8px 16px", A.style.border = "none", A.style.borderRadius = "4px", A.style.backgroundColor = "#007bff", A.style.color = "#fff", A.style.cursor = "pointer", A.addEventListener("keydown", (P) => {
|
|
421
|
+
(P.key === "Enter" || P.key === " ") && (P.preventDefault(), A.click());
|
|
422
|
+
}), A.onclick = () => {
|
|
423
|
+
const P = y.value.trim();
|
|
424
424
|
if (P)
|
|
425
|
-
if (
|
|
426
|
-
|
|
425
|
+
if (M)
|
|
426
|
+
M.setAttribute("href", P), M.setAttribute("target", "_blank"), M.setAttribute("rel", "noopener noreferrer"), M.setAttribute("tabindex", "0");
|
|
427
427
|
else {
|
|
428
428
|
Ne(), document.execCommand("createLink", !1, P);
|
|
429
|
-
const
|
|
430
|
-
if (
|
|
431
|
-
let
|
|
432
|
-
for (;
|
|
433
|
-
|
|
434
|
-
let
|
|
435
|
-
for (;
|
|
436
|
-
if (
|
|
437
|
-
const oe =
|
|
429
|
+
const te = window.getSelection();
|
|
430
|
+
if (te && te.rangeCount > 0) {
|
|
431
|
+
let K = te.getRangeAt(0).startContainer;
|
|
432
|
+
for (; K && K.nodeType !== Node.ELEMENT_NODE; )
|
|
433
|
+
K = K.parentNode;
|
|
434
|
+
let G = K;
|
|
435
|
+
for (; G && G !== document.body; ) {
|
|
436
|
+
if (G.tagName === "A") {
|
|
437
|
+
const oe = G;
|
|
438
438
|
oe.setAttribute("target", "_blank"), oe.setAttribute("rel", "noopener noreferrer"), oe.setAttribute("tabindex", "0");
|
|
439
439
|
break;
|
|
440
440
|
}
|
|
441
|
-
|
|
441
|
+
G = G.parentElement;
|
|
442
442
|
}
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
|
-
f.style.display = "none",
|
|
446
|
-
}, S.appendChild(
|
|
447
|
-
P.key === "Enter" ?
|
|
445
|
+
f.style.display = "none", y.value = "", M = null;
|
|
446
|
+
}, S.appendChild(E), S.appendChild(A), d.appendChild(b), d.appendChild(y), d.appendChild(S), f.appendChild(d), document.body.appendChild(f), y.onkeydown = (P) => {
|
|
447
|
+
P.key === "Enter" ? A.click() : P.key === "Escape" && E.click();
|
|
448
448
|
};
|
|
449
|
-
const
|
|
450
|
-
|
|
451
|
-
const
|
|
452
|
-
|
|
453
|
-
|
|
449
|
+
const R = document.createElement("div");
|
|
450
|
+
R.setAttribute("role", "button"), R.tabIndex = 0, R.style.userSelect = "none";
|
|
451
|
+
const F = ye(ao, { width: 16, height: 16 });
|
|
452
|
+
R.appendChild(F), R.title = "Insert Hyperlink", R.style.border = "1px solid #e1e1e1", R.style.backgroundColor = "#ffffff", R.style.padding = "6px 10px", R.style.borderRadius = "3px", R.style.cursor = "pointer", R.style.color = "#000000", R.onmouseover = () => R.style.backgroundColor = "#f0f0f0", R.onmouseout = () => R.style.backgroundColor = "#ffffff", R.onmousedown = () => {
|
|
453
|
+
M = null;
|
|
454
454
|
const P = window.getSelection();
|
|
455
455
|
if (P && P.rangeCount > 0) {
|
|
456
|
-
let
|
|
457
|
-
for (;
|
|
458
|
-
|
|
459
|
-
let
|
|
460
|
-
for (;
|
|
461
|
-
if (
|
|
462
|
-
|
|
456
|
+
let K = P.getRangeAt(0).startContainer;
|
|
457
|
+
for (; K && K.nodeType !== Node.ELEMENT_NODE; )
|
|
458
|
+
K = K.parentNode;
|
|
459
|
+
let G = K;
|
|
460
|
+
for (; G && G !== document.body; ) {
|
|
461
|
+
if (G.tagName === "A") {
|
|
462
|
+
M = G, y.value = M.getAttribute("href") || "";
|
|
463
463
|
break;
|
|
464
464
|
}
|
|
465
|
-
|
|
465
|
+
G = G.parentElement;
|
|
466
466
|
}
|
|
467
467
|
}
|
|
468
468
|
he();
|
|
469
|
-
},
|
|
470
|
-
(P.key === "Enter" || P.key === " ") && (P.preventDefault(),
|
|
471
|
-
}),
|
|
472
|
-
f.style.display = "flex",
|
|
473
|
-
}, v.appendChild(
|
|
474
|
-
const
|
|
475
|
-
return
|
|
476
|
-
const
|
|
477
|
-
if (
|
|
469
|
+
}, R.addEventListener("keydown", (P) => {
|
|
470
|
+
(P.key === "Enter" || P.key === " ") && (P.preventDefault(), R.click());
|
|
471
|
+
}), R.onclick = () => {
|
|
472
|
+
f.style.display = "flex", y.focus();
|
|
473
|
+
}, v.appendChild(R);
|
|
474
|
+
const X = h.querySelector(".editor");
|
|
475
|
+
return X && X.addEventListener("click", (P) => {
|
|
476
|
+
const te = P.target;
|
|
477
|
+
if (te.tagName === "A") {
|
|
478
478
|
P.preventDefault();
|
|
479
|
-
const
|
|
480
|
-
|
|
479
|
+
const K = te.getAttribute("href");
|
|
480
|
+
K && window.open(K, "_blank");
|
|
481
481
|
}
|
|
482
482
|
}), v;
|
|
483
483
|
}
|
|
484
484
|
function zo() {
|
|
485
485
|
const h = document.createDocumentFragment(), v = document.createElement("div");
|
|
486
|
-
v.setAttribute("role", "button"), v.tabIndex = 0, v.style.userSelect = "none", v.addEventListener("keydown", (
|
|
487
|
-
(
|
|
486
|
+
v.setAttribute("role", "button"), v.tabIndex = 0, v.style.userSelect = "none", v.addEventListener("keydown", (J) => {
|
|
487
|
+
(J.key === "Enter" || J.key === " ") && (J.preventDefault(), v.click());
|
|
488
488
|
});
|
|
489
489
|
const f = ye(ho, { width: 16, height: 16 });
|
|
490
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";
|
|
491
491
|
const d = document.createElement("div");
|
|
492
492
|
d.className = "rte-modal-overlay", d.style.display = "none";
|
|
493
|
-
const y = document.createElement("div");
|
|
494
|
-
y.className = "rte-modal";
|
|
495
493
|
const b = document.createElement("div");
|
|
496
|
-
b.className = "rte-modal
|
|
494
|
+
b.className = "rte-modal";
|
|
495
|
+
const y = document.createElement("div");
|
|
496
|
+
y.className = "rte-modal-header";
|
|
497
497
|
const S = document.createElement("h3");
|
|
498
498
|
S.textContent = "Insert Quote", S.className = "rte-modal-title";
|
|
499
|
-
const
|
|
500
|
-
|
|
501
|
-
d.style.display = "none",
|
|
502
|
-
},
|
|
503
|
-
const
|
|
504
|
-
|
|
505
|
-
const
|
|
506
|
-
|
|
507
|
-
const
|
|
508
|
-
|
|
509
|
-
const
|
|
510
|
-
|
|
511
|
-
const
|
|
512
|
-
|
|
499
|
+
const E = document.createElement("div");
|
|
500
|
+
E.setAttribute("role", "button"), E.tabIndex = 0, E.style.userSelect = "none", E.className = "rte-modal-close", E.innerHTML = "×", E.onclick = () => {
|
|
501
|
+
d.style.display = "none", ee = null;
|
|
502
|
+
}, y.appendChild(S), y.appendChild(E);
|
|
503
|
+
const M = document.createElement("div");
|
|
504
|
+
M.className = "rte-modal-form";
|
|
505
|
+
const A = document.createElement("label");
|
|
506
|
+
A.textContent = "Title", A.className = "rte-label";
|
|
507
|
+
const R = document.createElement("input");
|
|
508
|
+
R.type = "text", R.placeholder = "e.g., Article title or source", R.className = "rte-input";
|
|
509
|
+
const F = document.createElement("label");
|
|
510
|
+
F.textContent = "Source URL", F.className = "rte-label";
|
|
511
|
+
const X = document.createElement("input");
|
|
512
|
+
X.type = "url", X.placeholder = "https://example.com", X.className = "rte-input";
|
|
513
513
|
const P = document.createElement("div");
|
|
514
514
|
P.className = "rte-preview-label", P.textContent = "Preview";
|
|
515
|
-
const
|
|
516
|
-
|
|
515
|
+
const te = document.createElement("div");
|
|
516
|
+
te.className = "rte-modal-preview";
|
|
517
|
+
const K = document.createElement("div");
|
|
518
|
+
K.className = "rte-blockquote-title";
|
|
517
519
|
const G = document.createElement("div");
|
|
518
|
-
G.className = "rte-blockquote-
|
|
519
|
-
const X = document.createElement("div");
|
|
520
|
-
X.className = "rte-blockquote-content";
|
|
520
|
+
G.className = "rte-blockquote-content";
|
|
521
521
|
const oe = document.createElement("div");
|
|
522
|
-
oe.className = "rte-blockquote-footer",
|
|
522
|
+
oe.className = "rte-blockquote-footer", te.appendChild(K), te.appendChild(G), te.appendChild(oe), M.appendChild(A), M.appendChild(R), M.appendChild(F), M.appendChild(X), M.appendChild(P), M.appendChild(te);
|
|
523
523
|
const U = document.createElement("div");
|
|
524
524
|
U.className = "rte-modal-actions";
|
|
525
|
-
const
|
|
526
|
-
|
|
527
|
-
|
|
525
|
+
const ne = document.createElement("div");
|
|
526
|
+
ne.setAttribute("role", "button"), ne.tabIndex = 0, ne.style.userSelect = "none", ne.className = "rte-btn-danger", ne.textContent = "Remove", ne.style.display = "none", ne.onclick = () => {
|
|
527
|
+
ee && (ee.remove(), ee = null), d.style.display = "none";
|
|
528
528
|
};
|
|
529
|
-
const
|
|
530
|
-
|
|
531
|
-
d.style.display = "none",
|
|
529
|
+
const Z = document.createElement("div");
|
|
530
|
+
Z.setAttribute("role", "button"), Z.tabIndex = 0, Z.style.userSelect = "none", Z.className = "rte-btn-muted", Z.textContent = "Cancel", Z.onclick = () => {
|
|
531
|
+
d.style.display = "none", ee = null;
|
|
532
532
|
};
|
|
533
533
|
const ie = document.createElement("div");
|
|
534
534
|
ie.setAttribute("role", "button"), ie.tabIndex = 0, ie.style.userSelect = "none", ie.className = "rte-btn-primary", ie.textContent = "Apply", ie.onclick = () => {
|
|
535
|
-
const
|
|
536
|
-
let z =
|
|
537
|
-
if (z && !/^https?:\/\//i.test(z) && (z = `https://${z}`),
|
|
538
|
-
const le =
|
|
535
|
+
const J = R.value.trim();
|
|
536
|
+
let z = X.value.trim();
|
|
537
|
+
if (z && !/^https?:\/\//i.test(z) && (z = `https://${z}`), ee) {
|
|
538
|
+
const le = ee.querySelector(
|
|
539
539
|
".rte-blockquote-title"
|
|
540
540
|
);
|
|
541
|
-
if (
|
|
542
|
-
if (le) le.textContent =
|
|
541
|
+
if (J)
|
|
542
|
+
if (le) le.textContent = J;
|
|
543
543
|
else {
|
|
544
|
-
const
|
|
545
|
-
|
|
544
|
+
const Y = document.createElement("div");
|
|
545
|
+
Y.className = "rte-blockquote-title", Y.textContent = J, ee.insertBefore(Y, ee.firstChild);
|
|
546
546
|
}
|
|
547
547
|
else le && le.remove();
|
|
548
|
-
const ce =
|
|
548
|
+
const ce = ee.querySelector(
|
|
549
549
|
".rte-blockquote-footer"
|
|
550
550
|
);
|
|
551
551
|
if (z)
|
|
552
552
|
if (ce) {
|
|
553
|
-
const
|
|
554
|
-
|
|
553
|
+
const Y = ce.querySelector("a");
|
|
554
|
+
Y.href = z, Y.textContent = z;
|
|
555
555
|
} else {
|
|
556
|
-
const
|
|
557
|
-
|
|
558
|
-
const $ = document.createElement("cite"),
|
|
559
|
-
|
|
556
|
+
const Y = document.createElement("footer");
|
|
557
|
+
Y.className = "rte-blockquote-footer";
|
|
558
|
+
const $ = document.createElement("cite"), B = document.createElement("a");
|
|
559
|
+
B.href = z, B.textContent = z, B.target = "_blank", B.rel = "noopener noreferrer", $.appendChild(B), Y.appendChild($), ee.appendChild(Y);
|
|
560
560
|
}
|
|
561
561
|
else ce && ce.remove();
|
|
562
562
|
} else {
|
|
@@ -566,61 +566,61 @@ function zo() {
|
|
|
566
566
|
d.style.display = "none";
|
|
567
567
|
return;
|
|
568
568
|
}
|
|
569
|
-
const ce = le.getRangeAt(0),
|
|
570
|
-
if ($.className = "rte-blockquote",
|
|
571
|
-
const
|
|
572
|
-
|
|
569
|
+
const ce = le.getRangeAt(0), Y = ce.extractContents(), $ = document.createElement("blockquote");
|
|
570
|
+
if ($.className = "rte-blockquote", J) {
|
|
571
|
+
const Q = document.createElement("div");
|
|
572
|
+
Q.className = "rte-blockquote-title", Q.textContent = J, $.appendChild(Q);
|
|
573
573
|
}
|
|
574
|
-
const
|
|
575
|
-
if (
|
|
576
|
-
const
|
|
577
|
-
|
|
574
|
+
const B = document.createElement("p");
|
|
575
|
+
if (B.appendChild(Y), $.appendChild(B), z) {
|
|
576
|
+
const Q = document.createElement("footer");
|
|
577
|
+
Q.className = "rte-blockquote-footer";
|
|
578
578
|
const se = document.createElement("cite"), de = document.createElement("a");
|
|
579
|
-
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), Q.appendChild(se), $.appendChild(Q);
|
|
580
580
|
}
|
|
581
581
|
ce.insertNode($), le.removeAllRanges();
|
|
582
|
-
const
|
|
583
|
-
|
|
582
|
+
const re = document.createRange();
|
|
583
|
+
re.setStartAfter($), re.collapse(!0), le.addRange(re), he(re);
|
|
584
584
|
}
|
|
585
|
-
d.style.display = "none",
|
|
586
|
-
}, U.appendChild(
|
|
587
|
-
let
|
|
585
|
+
d.style.display = "none", R.value = "", X.value = "", ee = null;
|
|
586
|
+
}, U.appendChild(ne), U.appendChild(Z), U.appendChild(ie), b.appendChild(y), b.appendChild(M), b.appendChild(U), d.appendChild(b), document.body.appendChild(d);
|
|
587
|
+
let ee = null, g = "";
|
|
588
588
|
return v.onmousedown = () => {
|
|
589
|
-
|
|
590
|
-
const
|
|
591
|
-
if (
|
|
592
|
-
const z =
|
|
589
|
+
ee = null, g = "";
|
|
590
|
+
const J = window.getSelection();
|
|
591
|
+
if (J && J.rangeCount > 0) {
|
|
592
|
+
const z = J.getRangeAt(0), le = document.createElement("div");
|
|
593
593
|
le.appendChild(z.cloneContents()), g = le.innerHTML || z.toString();
|
|
594
594
|
let ce = z.startContainer;
|
|
595
595
|
for (; ce && ce.nodeType !== Node.ELEMENT_NODE; )
|
|
596
596
|
ce = ce.parentNode;
|
|
597
|
-
let
|
|
598
|
-
for (;
|
|
599
|
-
if (
|
|
600
|
-
|
|
601
|
-
const $ =
|
|
597
|
+
let Y = ce;
|
|
598
|
+
for (; Y && Y !== document.body; ) {
|
|
599
|
+
if (Y.tagName === "BLOCKQUOTE") {
|
|
600
|
+
ee = Y;
|
|
601
|
+
const $ = ee.querySelector(
|
|
602
602
|
".rte-blockquote-title"
|
|
603
|
-
),
|
|
603
|
+
), B = ee.querySelector(
|
|
604
604
|
".rte-blockquote-footer a"
|
|
605
605
|
);
|
|
606
|
-
|
|
607
|
-
const
|
|
608
|
-
|
|
606
|
+
R.value = $ && $.textContent || "", X.value = B && B.href || "", ne.style.display = "inline-block";
|
|
607
|
+
const re = ee.querySelector("p");
|
|
608
|
+
G.innerHTML = re ? re.innerHTML : ee.innerHTML, K.textContent = $ && $.textContent || "", oe.innerHTML = B ? `<a href="${B.href}">${B.href}</a>` : "";
|
|
609
609
|
break;
|
|
610
610
|
}
|
|
611
|
-
|
|
611
|
+
Y = Y.parentElement;
|
|
612
612
|
}
|
|
613
613
|
}
|
|
614
|
-
|
|
615
|
-
},
|
|
616
|
-
const
|
|
617
|
-
if (!
|
|
614
|
+
ee || (G.innerHTML = g || "<em>Selected text will appear here</em>", K.textContent = "", oe.innerHTML = "", ne.style.display = "none"), he();
|
|
615
|
+
}, R.oninput = () => K.textContent = R.value, X.oninput = () => {
|
|
616
|
+
const J = X.value.trim();
|
|
617
|
+
if (!J) oe.innerHTML = "";
|
|
618
618
|
else {
|
|
619
|
-
const z = /^https?:\/\//i.test(
|
|
619
|
+
const z = /^https?:\/\//i.test(J) ? J : `https://${J}`;
|
|
620
620
|
oe.innerHTML = `<a href="${z}" target="_blank" rel="noopener noreferrer">${z}</a>`;
|
|
621
621
|
}
|
|
622
622
|
}, v.onclick = () => {
|
|
623
|
-
d.style.display = "flex",
|
|
623
|
+
d.style.display = "flex", R.focus();
|
|
624
624
|
}, h.appendChild(v), h;
|
|
625
625
|
}
|
|
626
626
|
function Lo() {
|
|
@@ -636,73 +636,73 @@ function jo(h) {
|
|
|
636
636
|
f.className = "rte-modal-overlay", f.style.display = "none";
|
|
637
637
|
const d = document.createElement("div");
|
|
638
638
|
d.className = "rte-modal";
|
|
639
|
-
const
|
|
640
|
-
|
|
641
|
-
const
|
|
642
|
-
|
|
639
|
+
const b = document.createElement("div");
|
|
640
|
+
b.className = "rte-modal-header";
|
|
641
|
+
const y = document.createElement("h3");
|
|
642
|
+
y.className = "rte-modal-title", y.textContent = "Insert Video";
|
|
643
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",
|
|
645
|
-
const
|
|
646
|
-
|
|
647
|
-
const
|
|
648
|
-
|
|
649
|
-
const
|
|
650
|
-
|
|
651
|
-
const
|
|
652
|
-
|
|
653
|
-
const
|
|
654
|
-
|
|
655
|
-
const
|
|
656
|
-
|
|
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", b.appendChild(y), b.appendChild(S);
|
|
645
|
+
const E = document.createElement("div");
|
|
646
|
+
E.className = "rte-modal-form";
|
|
647
|
+
const M = document.createElement("label");
|
|
648
|
+
M.className = "rte-label", M.textContent = "Video URL";
|
|
649
|
+
const A = document.createElement("input");
|
|
650
|
+
A.type = "url", A.className = "rte-input", A.placeholder = "https://... or YouTube URL";
|
|
651
|
+
const R = document.createElement("div");
|
|
652
|
+
R.className = "rte-preview-label", R.textContent = "Preview";
|
|
653
|
+
const F = document.createElement("div");
|
|
654
|
+
F.className = "rte-modal-preview";
|
|
655
|
+
const X = document.createElement("div");
|
|
656
|
+
X.className = "rte-form-left";
|
|
657
657
|
const P = document.createElement("div");
|
|
658
658
|
P.className = "rte-form-right";
|
|
659
|
-
const
|
|
660
|
-
|
|
659
|
+
const te = document.createElement("div");
|
|
660
|
+
te.className = "rte-field", te.appendChild(M), te.appendChild(A);
|
|
661
|
+
const K = document.createElement("div");
|
|
662
|
+
K.className = "rte-dim-row";
|
|
661
663
|
const G = document.createElement("div");
|
|
662
|
-
G.
|
|
663
|
-
const X = document.createElement("div");
|
|
664
|
-
X.style.display = "flex", X.style.flexDirection = "column";
|
|
664
|
+
G.style.display = "flex", G.style.flexDirection = "column";
|
|
665
665
|
const oe = document.createElement("label");
|
|
666
666
|
oe.className = "rte-label", oe.textContent = "Width (px)";
|
|
667
667
|
const U = document.createElement("input");
|
|
668
|
-
U.type = "text", U.className = "rte-dim-input", U.placeholder = "e.g., 560",
|
|
669
|
-
const
|
|
670
|
-
|
|
671
|
-
const
|
|
672
|
-
|
|
668
|
+
U.type = "text", U.className = "rte-dim-input", U.placeholder = "e.g., 560", G.appendChild(oe), G.appendChild(U);
|
|
669
|
+
const ne = document.createElement("div");
|
|
670
|
+
ne.style.display = "flex", ne.style.flexDirection = "column";
|
|
671
|
+
const Z = document.createElement("label");
|
|
672
|
+
Z.className = "rte-label", Z.textContent = "Height (px)";
|
|
673
673
|
const ie = document.createElement("input");
|
|
674
|
-
ie.type = "text", ie.className = "rte-dim-input", ie.placeholder = "e.g., 315",
|
|
675
|
-
const
|
|
676
|
-
|
|
674
|
+
ie.type = "text", ie.className = "rte-dim-input", ie.placeholder = "e.g., 315", ne.appendChild(Z), ne.appendChild(ie), K.appendChild(G), K.appendChild(ne), X.appendChild(te), X.appendChild(K), P.appendChild(R), P.appendChild(F), E.appendChild(X), E.appendChild(P);
|
|
675
|
+
const ee = document.createElement("div");
|
|
676
|
+
ee.className = "rte-modal-actions";
|
|
677
677
|
const g = document.createElement("div");
|
|
678
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";
|
|
679
|
-
const
|
|
680
|
-
|
|
679
|
+
const J = document.createElement("div");
|
|
680
|
+
J.setAttribute("role", "button"), J.tabIndex = 0, J.style.userSelect = "none", J.className = "rte-btn-primary", J.textContent = "Insert", ee.appendChild(g), ee.appendChild(J), d.appendChild(b), d.appendChild(E), d.appendChild(ee), f.appendChild(d), document.body.appendChild(f);
|
|
681
681
|
const z = document.createElement("div");
|
|
682
682
|
z.setAttribute("role", "button"), z.tabIndex = 0, z.style.userSelect = "none";
|
|
683
683
|
const le = ye(Co, { width: 16, height: 16 });
|
|
684
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
685
|
($.key === "Enter" || $.key === " ") && ($.preventDefault(), z.click());
|
|
686
686
|
}), z.onclick = () => {
|
|
687
|
-
|
|
687
|
+
F.innerHTML = "<em>No URL entered</em>", A.value = "", f.style.display = "flex", A.focus();
|
|
688
688
|
};
|
|
689
689
|
const ce = () => {
|
|
690
|
-
const $ =
|
|
690
|
+
const $ = A.value.trim(), B = U && U.value.trim() || "", re = ie && ie.value.trim() || "", Q = parseInt(B, 10), se = parseInt(re, 10);
|
|
691
691
|
if (!$) {
|
|
692
|
-
|
|
692
|
+
F.innerHTML = "<em>No preview</em>";
|
|
693
693
|
return;
|
|
694
694
|
}
|
|
695
695
|
const de = $.match(/(?:youtube.com\/watch\?v=|youtu.be\/)([\w-]+)/i);
|
|
696
696
|
if (de) {
|
|
697
|
-
const x = de[1], D = Number.isFinite(
|
|
698
|
-
|
|
697
|
+
const x = de[1], D = Number.isFinite(Q) ? Q : 320, L = Number.isFinite(se) ? se : 180;
|
|
698
|
+
F.innerHTML = `<iframe width="${D}" height="${L}" src="https://www.youtube.com/embed/${x}" frameborder="0" allowfullscreen></iframe>`;
|
|
699
699
|
return;
|
|
700
700
|
}
|
|
701
|
-
const pe = Number.isFinite(
|
|
702
|
-
|
|
701
|
+
const pe = Number.isFinite(Q) ? `${Q}px` : "320px", fe = Number.isFinite(se) ? `${se}px` : "auto";
|
|
702
|
+
F.innerHTML = `<video controls style="max-width:100%; width:${pe}; height:${fe};" src="${$}"></video>`;
|
|
703
703
|
};
|
|
704
|
-
|
|
705
|
-
const $ =
|
|
704
|
+
A.oninput = ce, typeof U < "u" && (U.oninput = ce), typeof ie < "u" && (ie.oninput = ce), J.onclick = () => {
|
|
705
|
+
const $ = A.value.trim(), B = U && U.value.trim() || "", re = ie && ie.value.trim() || "", Q = parseInt(B, 10), se = parseInt(re, 10);
|
|
706
706
|
if (!$) {
|
|
707
707
|
f.style.display = "none";
|
|
708
708
|
return;
|
|
@@ -716,26 +716,26 @@ function jo(h) {
|
|
|
716
716
|
const pe = de.getRangeAt(0), fe = $.match(/(?:youtube.com\/watch\?v=|youtu.be\/)([\w-]+)/i);
|
|
717
717
|
let x;
|
|
718
718
|
if (fe) {
|
|
719
|
-
const L = fe[1],
|
|
720
|
-
|
|
719
|
+
const L = fe[1], q = document.createElement("div"), xe = Number.isFinite(Q) ? Q : 560, we = Number.isFinite(se) ? se : 315;
|
|
720
|
+
q.innerHTML = `<iframe width="${xe}" height="${we}" src="https://www.youtube.com/embed/${L}" frameborder="0" allowfullscreen></iframe>`, q.contentEditable = "false", q.className = "editor-video-wrapper", q.style.display = "block", q.style.maxWidth = "100%", q.style.width = "auto", q.style.height = "auto", q.style.boxSizing = "border-box", q.style.userSelect = "none", x = q;
|
|
721
721
|
} else {
|
|
722
|
-
const L = document.createElement("div"),
|
|
723
|
-
|
|
722
|
+
const L = document.createElement("div"), q = document.createElement("video");
|
|
723
|
+
q.controls = !0, q.src = $, Number.isFinite(Q) && (q.width = Q), Number.isFinite(se) && (q.height = se), q.style.maxWidth = "100%", q.style.display = "block", L.appendChild(q), 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;
|
|
724
724
|
}
|
|
725
725
|
pe.insertNode(x), de.removeAllRanges();
|
|
726
726
|
const D = document.createRange();
|
|
727
727
|
D.setStartAfter(x), D.collapse(!0), de.addRange(D), he(D);
|
|
728
728
|
try {
|
|
729
|
-
const L =
|
|
729
|
+
const L = Y;
|
|
730
730
|
L && typeof L.focus == "function" && (L.focus(), L.dispatchEvent(new Event("input", { bubbles: !0 })));
|
|
731
731
|
} catch {
|
|
732
732
|
}
|
|
733
|
-
f.style.display = "none",
|
|
733
|
+
f.style.display = "none", A.value = "", F.innerHTML = "";
|
|
734
734
|
};
|
|
735
|
-
const
|
|
736
|
-
return
|
|
737
|
-
const
|
|
738
|
-
|
|
735
|
+
const Y = h.querySelector(".editor");
|
|
736
|
+
return Y && Y.addEventListener("click", ($) => {
|
|
737
|
+
const B = $.target;
|
|
738
|
+
B && B.tagName === "VIDEO" && B.focus();
|
|
739
739
|
}), v.appendChild(z), v;
|
|
740
740
|
}
|
|
741
741
|
function Fo(h) {
|
|
@@ -767,21 +767,21 @@ function Fo(h) {
|
|
|
767
767
|
for (; U && U.nodeType !== Node.ELEMENT_NODE; )
|
|
768
768
|
U = U.parentNode;
|
|
769
769
|
if (!U) return;
|
|
770
|
-
let
|
|
771
|
-
for (;
|
|
772
|
-
const
|
|
773
|
-
if (
|
|
774
|
-
d.value =
|
|
770
|
+
let ne = U;
|
|
771
|
+
for (; ne && ne !== document.body && ne !== v.parentElement; ) {
|
|
772
|
+
const Z = ne.tagName?.toUpperCase?.();
|
|
773
|
+
if (Z === "H1" || Z === "H2" || Z === "H3" || Z === "H4" || Z === "P") {
|
|
774
|
+
d.value = Z === "P" ? "p" : Z.toLowerCase();
|
|
775
775
|
return;
|
|
776
776
|
}
|
|
777
|
-
|
|
777
|
+
ne = ne.parentElement;
|
|
778
778
|
}
|
|
779
779
|
d.value = "p";
|
|
780
780
|
} catch {
|
|
781
781
|
}
|
|
782
782
|
});
|
|
783
|
-
const
|
|
784
|
-
|
|
783
|
+
const b = eo();
|
|
784
|
+
b.innerHTML = `
|
|
785
785
|
<option value="1">8pt</option>
|
|
786
786
|
<option value="2">10pt</option>
|
|
787
787
|
<option value="3" selected>12pt</option>
|
|
@@ -789,75 +789,77 @@ function Fo(h) {
|
|
|
789
789
|
<option value="5">18pt</option>
|
|
790
790
|
<option value="6">24pt</option>
|
|
791
791
|
<option value="7">36pt</option>
|
|
792
|
-
`,
|
|
793
|
-
const
|
|
794
|
-
v.appendChild(
|
|
792
|
+
`, b.style.border = "1px solid #e1e1e1", b.style.backgroundColor = "#ffffff", b.style.padding = "4px", b.style.borderRadius = "3px", b.style.color = "#000000", b.onchange = () => document.execCommand("fontSize", !1, b.value), v.appendChild(b);
|
|
793
|
+
const y = So();
|
|
794
|
+
v.appendChild(y);
|
|
795
795
|
const S = Mo();
|
|
796
796
|
v.appendChild(S);
|
|
797
|
-
const
|
|
798
|
-
v.appendChild(
|
|
799
|
-
const
|
|
800
|
-
v.appendChild(R);
|
|
801
|
-
const O = Oo();
|
|
802
|
-
v.appendChild(O);
|
|
803
|
-
const M = Ao();
|
|
797
|
+
const E = Ro();
|
|
798
|
+
v.appendChild(E);
|
|
799
|
+
const M = Io();
|
|
804
800
|
v.appendChild(M);
|
|
805
|
-
const
|
|
806
|
-
v.appendChild(
|
|
807
|
-
const
|
|
808
|
-
v.appendChild(
|
|
801
|
+
const A = Oo();
|
|
802
|
+
v.appendChild(A);
|
|
803
|
+
const R = Ao();
|
|
804
|
+
v.appendChild(R);
|
|
805
|
+
const F = Po();
|
|
806
|
+
v.appendChild(F);
|
|
807
|
+
const X = No(h);
|
|
808
|
+
v.appendChild(X);
|
|
809
809
|
const P = zo();
|
|
810
810
|
v.appendChild(P);
|
|
811
|
-
const
|
|
812
|
-
v.appendChild(
|
|
813
|
-
const
|
|
814
|
-
v.appendChild(
|
|
815
|
-
const
|
|
816
|
-
return v.appendChild(
|
|
811
|
+
const te = Lo();
|
|
812
|
+
v.appendChild(te);
|
|
813
|
+
const K = jo(h);
|
|
814
|
+
v.appendChild(K);
|
|
815
|
+
const G = Do();
|
|
816
|
+
return v.appendChild(G), v;
|
|
817
817
|
}
|
|
818
818
|
function Ho(h, v) {
|
|
819
819
|
const f = document.createElement("div");
|
|
820
|
-
|
|
821
|
-
|
|
822
|
-
}), f.addEventListener("
|
|
823
|
-
|
|
824
|
-
|
|
820
|
+
f.classList.add("editor"), f.contentEditable = "true", f.style.color = "#000000", f.style.border = "1px solid #e1e1e1", f.style.height = "400px", f.style.overflowY = "auto", f.style.padding = "15px", f.style.fontFamily = "Arial, sans-serif", f.style.fontSize = "14px", f.style.lineHeight = "1.5", f.style.outline = "none", f.style.backgroundColor = "#ffffff", f.style.borderRadius = "4px", f.style.boxShadow = "inset 0 1px 3px rgba(0,0,0,0.1)", f.style.direction = "ltr", f.style.textAlign = "left", f.style.scrollbarWidth = "none", f.style.msOverflowStyle = "none";
|
|
821
|
+
const d = document.createElement("style");
|
|
822
|
+
return d.textContent = ".editor::-webkit-scrollbar { display: none; }", document.querySelector("style[data-editor-scrollbar]") || (d.setAttribute("data-editor-scrollbar", "true"), document.head.appendChild(d)), f.innerHTML = "", f.addEventListener("dragover", (b) => {
|
|
823
|
+
b.preventDefault(), b.stopPropagation();
|
|
824
|
+
}), f.addEventListener("drop", (b) => {
|
|
825
|
+
b.preventDefault(), b.stopPropagation();
|
|
826
|
+
const y = b.dataTransfer?.files;
|
|
825
827
|
if (y && y.length > 0)
|
|
826
|
-
for (let
|
|
827
|
-
const
|
|
828
|
-
if (
|
|
829
|
-
const
|
|
830
|
-
|
|
831
|
-
const
|
|
832
|
-
|
|
833
|
-
const
|
|
834
|
-
|
|
835
|
-
const
|
|
836
|
-
|
|
837
|
-
},
|
|
838
|
-
}
|
|
839
|
-
}
|
|
840
|
-
}), f.addEventListener("click", (
|
|
841
|
-
const y =
|
|
842
|
-
let
|
|
843
|
-
if (y.tagName === "IMG" && (
|
|
844
|
-
v(
|
|
845
|
-
const
|
|
846
|
-
if (
|
|
828
|
+
for (let S = 0; S < y.length; S++) {
|
|
829
|
+
const E = y[S];
|
|
830
|
+
if (E.type.startsWith("image/")) {
|
|
831
|
+
const M = new FileReader();
|
|
832
|
+
M.onload = (A) => {
|
|
833
|
+
const R = document.createElement("img");
|
|
834
|
+
R.src = A.target?.result, R.style.maxWidth = "100%", R.style.width = "100%", R.style.height = "auto", R.style.cursor = "pointer", R.draggable = !1;
|
|
835
|
+
const F = document.createElement("div");
|
|
836
|
+
F.className = "editor-image-wrapper", F.style.display = "inline-block", F.style.position = "relative", F.style.maxWidth = "100%", F.style.width = "auto", F.style.height = "auto", F.contentEditable = "false", F.style.userSelect = "none", F.style.boxSizing = "border-box", F.style.touchAction = "none", F.appendChild(R);
|
|
837
|
+
const X = document.createElement("div");
|
|
838
|
+
X.contentEditable = "true", X.style.margin = "10px 0", X.style.textAlign = "left", X.style.display = "block", X.appendChild(F), f.appendChild(X), f.dispatchEvent(new Event("input", { bubbles: !0 })), f.focus();
|
|
839
|
+
}, M.readAsDataURL(E);
|
|
840
|
+
}
|
|
841
|
+
}
|
|
842
|
+
}), f.addEventListener("click", (b) => {
|
|
843
|
+
const y = b.target;
|
|
844
|
+
let S = y;
|
|
845
|
+
if (y.tagName === "IMG" && (S = y.parentElement), S && S.classList.contains("editor-image-wrapper")) {
|
|
846
|
+
v(S);
|
|
847
|
+
const E = S.parentElement;
|
|
848
|
+
if (E && E.tagName === "DIV" && E.querySelector(".editor-image-wrapper"))
|
|
847
849
|
try {
|
|
848
|
-
const
|
|
849
|
-
if (
|
|
850
|
-
const
|
|
851
|
-
|
|
850
|
+
const M = window.getSelection();
|
|
851
|
+
if (M) {
|
|
852
|
+
const A = document.createRange();
|
|
853
|
+
A.selectNode(E), M.removeAllRanges(), M.addRange(A), he();
|
|
852
854
|
}
|
|
853
855
|
} catch {
|
|
854
856
|
}
|
|
855
857
|
}
|
|
856
858
|
}), f.addEventListener("keyup", () => he()), f.addEventListener("mouseup", () => he()), f.addEventListener("focus", () => he()), window.addEventListener("selectionchange", () => {
|
|
857
859
|
try {
|
|
858
|
-
const
|
|
859
|
-
if (!
|
|
860
|
-
let y =
|
|
860
|
+
const b = window.getSelection();
|
|
861
|
+
if (!b || !b.anchorNode) return;
|
|
862
|
+
let y = b.anchorNode;
|
|
861
863
|
for (; y && y.nodeType !== Node.ELEMENT_NODE; )
|
|
862
864
|
y = y.parentNode;
|
|
863
865
|
if (!y) return;
|
|
@@ -889,50 +891,50 @@ function Vo() {
|
|
|
889
891
|
for (var e = 1; e < arguments.length; e++) {
|
|
890
892
|
var n = arguments[e] != null ? arguments[e] : {};
|
|
891
893
|
e % 2 ? f(Object(n), !0).forEach((function(r) {
|
|
892
|
-
|
|
894
|
+
M(t, r, n[r]);
|
|
893
895
|
})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : f(Object(n)).forEach((function(r) {
|
|
894
896
|
Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(n, r));
|
|
895
897
|
}));
|
|
896
898
|
}
|
|
897
899
|
return t;
|
|
898
900
|
}
|
|
899
|
-
function
|
|
900
|
-
return
|
|
901
|
+
function b(t) {
|
|
902
|
+
return b = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
|
|
901
903
|
return typeof e;
|
|
902
904
|
} : function(e) {
|
|
903
905
|
return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
904
|
-
},
|
|
906
|
+
}, b(t);
|
|
905
907
|
}
|
|
906
|
-
function
|
|
908
|
+
function y(t, e) {
|
|
907
909
|
if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
|
|
908
910
|
}
|
|
909
911
|
function S(t, e) {
|
|
910
912
|
for (var n = 0; n < e.length; n++) {
|
|
911
913
|
var r = e[n];
|
|
912
|
-
r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t,
|
|
914
|
+
r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, K(r.key), r);
|
|
913
915
|
}
|
|
914
916
|
}
|
|
915
|
-
function
|
|
917
|
+
function E(t, e, n) {
|
|
916
918
|
return e && S(t.prototype, e), Object.defineProperty(t, "prototype", { writable: !1 }), t;
|
|
917
919
|
}
|
|
918
|
-
function
|
|
919
|
-
return (e =
|
|
920
|
+
function M(t, e, n) {
|
|
921
|
+
return (e = K(e)) in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
|
|
920
922
|
}
|
|
921
|
-
function
|
|
923
|
+
function A(t, e) {
|
|
922
924
|
if (typeof e != "function" && e !== null) throw new TypeError("Super expression must either be null or a function");
|
|
923
|
-
t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e &&
|
|
925
|
+
t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && F(t, e);
|
|
924
926
|
}
|
|
925
|
-
function
|
|
926
|
-
return
|
|
927
|
+
function R(t) {
|
|
928
|
+
return R = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
|
|
927
929
|
return e.__proto__ || Object.getPrototypeOf(e);
|
|
928
|
-
},
|
|
930
|
+
}, R(t);
|
|
929
931
|
}
|
|
930
|
-
function
|
|
931
|
-
return
|
|
932
|
+
function F(t, e) {
|
|
933
|
+
return F = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
|
|
932
934
|
return n.__proto__ = r, n;
|
|
933
|
-
},
|
|
935
|
+
}, F(t, e);
|
|
934
936
|
}
|
|
935
|
-
function
|
|
937
|
+
function X(t) {
|
|
936
938
|
if (t === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
937
939
|
return t;
|
|
938
940
|
}
|
|
@@ -948,31 +950,31 @@ function Vo() {
|
|
|
948
950
|
}
|
|
949
951
|
})();
|
|
950
952
|
return function() {
|
|
951
|
-
var n, r =
|
|
953
|
+
var n, r = R(t);
|
|
952
954
|
if (e) {
|
|
953
|
-
var o =
|
|
955
|
+
var o = R(this).constructor;
|
|
954
956
|
n = Reflect.construct(r, arguments, o);
|
|
955
957
|
} else n = r.apply(this, arguments);
|
|
956
958
|
return (function(i, a) {
|
|
957
959
|
if (a && (typeof a == "object" || typeof a == "function")) return a;
|
|
958
960
|
if (a !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
|
|
959
|
-
return
|
|
961
|
+
return X(i);
|
|
960
962
|
})(this, n);
|
|
961
963
|
};
|
|
962
964
|
}
|
|
963
|
-
function
|
|
964
|
-
return
|
|
965
|
+
function te() {
|
|
966
|
+
return te = typeof Reflect < "u" && Reflect.get ? Reflect.get.bind() : function(t, e, n) {
|
|
965
967
|
var r = (function(i, a) {
|
|
966
|
-
for (; !Object.prototype.hasOwnProperty.call(i, a) && (i =
|
|
968
|
+
for (; !Object.prototype.hasOwnProperty.call(i, a) && (i = R(i)) !== null; ) ;
|
|
967
969
|
return i;
|
|
968
970
|
})(t, e);
|
|
969
971
|
if (r) {
|
|
970
972
|
var o = Object.getOwnPropertyDescriptor(r, e);
|
|
971
973
|
return o.get ? o.get.call(arguments.length < 3 ? t : n) : o.value;
|
|
972
974
|
}
|
|
973
|
-
},
|
|
975
|
+
}, te.apply(this, arguments);
|
|
974
976
|
}
|
|
975
|
-
function
|
|
977
|
+
function K(t) {
|
|
976
978
|
var e = (function(n, r) {
|
|
977
979
|
if (typeof n != "object" || n === null) return n;
|
|
978
980
|
var o = n[Symbol.toPrimitive];
|
|
@@ -985,42 +987,42 @@ function Vo() {
|
|
|
985
987
|
})(t, "string");
|
|
986
988
|
return typeof e == "symbol" ? e : e + "";
|
|
987
989
|
}
|
|
988
|
-
var
|
|
990
|
+
var G = function(t) {
|
|
989
991
|
return !(!t || !t.Window) && t instanceof t.Window;
|
|
990
992
|
}, oe = void 0, U = void 0;
|
|
991
|
-
function
|
|
993
|
+
function ne(t) {
|
|
992
994
|
oe = t;
|
|
993
995
|
var e = t.document.createTextNode("");
|
|
994
996
|
e.ownerDocument !== t.document && typeof t.wrap == "function" && t.wrap(e) === e && (t = t.wrap(t)), U = t;
|
|
995
997
|
}
|
|
996
|
-
function
|
|
997
|
-
return
|
|
998
|
+
function Z(t) {
|
|
999
|
+
return G(t) ? t : (t.ownerDocument || t).defaultView || U.window;
|
|
998
1000
|
}
|
|
999
|
-
typeof window < "u" && window &&
|
|
1001
|
+
typeof window < "u" && window && ne(window);
|
|
1000
1002
|
var ie = function(t) {
|
|
1001
|
-
return !!t &&
|
|
1002
|
-
},
|
|
1003
|
+
return !!t && b(t) === "object";
|
|
1004
|
+
}, ee = function(t) {
|
|
1003
1005
|
return typeof t == "function";
|
|
1004
1006
|
}, g = { window: function(t) {
|
|
1005
|
-
return t === U ||
|
|
1007
|
+
return t === U || G(t);
|
|
1006
1008
|
}, docFrag: function(t) {
|
|
1007
1009
|
return ie(t) && t.nodeType === 11;
|
|
1008
|
-
}, object: ie, func:
|
|
1010
|
+
}, object: ie, func: ee, number: function(t) {
|
|
1009
1011
|
return typeof t == "number";
|
|
1010
1012
|
}, bool: function(t) {
|
|
1011
1013
|
return typeof t == "boolean";
|
|
1012
1014
|
}, string: function(t) {
|
|
1013
1015
|
return typeof t == "string";
|
|
1014
1016
|
}, element: function(t) {
|
|
1015
|
-
if (!t ||
|
|
1016
|
-
var e =
|
|
1017
|
-
return /object|function/.test(typeof Element > "u" ? "undefined" :
|
|
1017
|
+
if (!t || b(t) !== "object") return !1;
|
|
1018
|
+
var e = Z(t) || U;
|
|
1019
|
+
return /object|function/.test(typeof Element > "u" ? "undefined" : b(Element)) ? t instanceof Element || t instanceof e.Element : t.nodeType === 1 && typeof t.nodeName == "string";
|
|
1018
1020
|
}, plainObject: function(t) {
|
|
1019
1021
|
return ie(t) && !!t.constructor && /function Object\b/.test(t.constructor.toString());
|
|
1020
1022
|
}, array: function(t) {
|
|
1021
|
-
return ie(t) && t.length !== void 0 &&
|
|
1023
|
+
return ie(t) && t.length !== void 0 && ee(t.splice);
|
|
1022
1024
|
} };
|
|
1023
|
-
function
|
|
1025
|
+
function J(t) {
|
|
1024
1026
|
var e = t.interaction;
|
|
1025
1027
|
if (e.prepared.name === "drag") {
|
|
1026
1028
|
var n = e.prepared.axis;
|
|
@@ -1040,25 +1042,25 @@ function Vo() {
|
|
|
1040
1042
|
var le = { id: "actions/drag", install: function(t) {
|
|
1041
1043
|
var e = t.actions, n = t.Interactable, r = t.defaults;
|
|
1042
1044
|
n.prototype.draggable = le.draggable, e.map.drag = le, e.methodDict.drag = "draggable", r.actions.drag = le.defaults;
|
|
1043
|
-
}, listeners: { "interactions:before-action-move":
|
|
1045
|
+
}, listeners: { "interactions:before-action-move": J, "interactions:action-resume": J, "interactions:action-move": z, "auto-start:check": function(t) {
|
|
1044
1046
|
var e = t.interaction, n = t.interactable, r = t.buttons, o = n.options.drag;
|
|
1045
1047
|
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;
|
|
1046
1048
|
} }, draggable: function(t) {
|
|
1047
1049
|
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;
|
|
1048
|
-
}, beforeMove:
|
|
1050
|
+
}, beforeMove: J, move: z, defaults: { startAxis: "xy", lockAxis: "xy" }, getCursor: function() {
|
|
1049
1051
|
return "move";
|
|
1050
1052
|
}, filterEventType: function(t) {
|
|
1051
1053
|
return t.search("drag") === 0;
|
|
1052
|
-
} }, ce = le,
|
|
1054
|
+
} }, ce = le, Y = { init: function(t) {
|
|
1053
1055
|
var e = t;
|
|
1054
|
-
|
|
1056
|
+
Y.document = e.document, Y.DocumentFragment = e.DocumentFragment || $, Y.SVGElement = e.SVGElement || $, Y.SVGSVGElement = e.SVGSVGElement || $, Y.SVGElementInstance = e.SVGElementInstance || $, Y.Element = e.Element || $, Y.HTMLElement = e.HTMLElement || Y.Element, Y.Event = e.Event, Y.Touch = e.Touch || $, Y.PointerEvent = e.PointerEvent || e.MSPointerEvent;
|
|
1055
1057
|
}, document: null, DocumentFragment: null, SVGElement: null, SVGSVGElement: null, SVGElementInstance: null, Element: null, HTMLElement: null, Event: null, Touch: null, PointerEvent: null };
|
|
1056
1058
|
function $() {
|
|
1057
1059
|
}
|
|
1058
|
-
var
|
|
1059
|
-
var e =
|
|
1060
|
-
|
|
1061
|
-
}, supportsTouch: null, supportsPointerEvent: null, isIOS7: null, isIOS: null, isIe9: null, isOperaMobile: null, prefixedMatchesSelector: null, pEventTypes: null, wheelEvent: null },
|
|
1060
|
+
var B = Y, re = { init: function(t) {
|
|
1061
|
+
var e = B.Element, n = t.navigator || {};
|
|
1062
|
+
re.supportsTouch = "ontouchstart" in t || g.func(t.DocumentTouch) && B.document instanceof t.DocumentTouch, re.supportsPointerEvent = n.pointerEnabled !== !1 && !!B.PointerEvent, re.isIOS = /iP(hone|od|ad)/.test(n.platform), re.isIOS7 = /iP(hone|od|ad)/.test(n.platform) && /OS 7[^\d]/.test(n.appVersion), re.isIe9 = /MSIE 9/.test(n.userAgent), re.isOperaMobile = n.appName === "Opera" && re.supportsTouch && /Presto/.test(n.userAgent), re.prefixedMatchesSelector = "matches" in e.prototype ? "matches" : "webkitMatchesSelector" in e.prototype ? "webkitMatchesSelector" : "mozMatchesSelector" in e.prototype ? "mozMatchesSelector" : "oMatchesSelector" in e.prototype ? "oMatchesSelector" : "msMatchesSelector", re.pEventTypes = re.supportsPointerEvent ? B.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, re.wheelEvent = B.document && "onmousewheel" in B.document ? "mousewheel" : "wheel";
|
|
1063
|
+
}, supportsTouch: null, supportsPointerEvent: null, isIOS7: null, isIOS: null, isIe9: null, isOperaMobile: null, prefixedMatchesSelector: null, pEventTypes: null, wheelEvent: null }, Q = re;
|
|
1062
1064
|
function se(t, e) {
|
|
1063
1065
|
if (t.contains) return t.contains(e);
|
|
1064
1066
|
for (; e; ) {
|
|
@@ -1083,7 +1085,7 @@ function Vo() {
|
|
|
1083
1085
|
return e;
|
|
1084
1086
|
}
|
|
1085
1087
|
function fe(t, e) {
|
|
1086
|
-
return U !== oe && (e = e.replace(/\/deep\//g, " ")), t[
|
|
1088
|
+
return U !== oe && (e = e.replace(/\/deep\//g, " ")), t[Q.prefixedMatchesSelector](e);
|
|
1087
1089
|
}
|
|
1088
1090
|
var x = function(t) {
|
|
1089
1091
|
return t.parentNode || t.host;
|
|
@@ -1099,17 +1101,17 @@ function Vo() {
|
|
|
1099
1101
|
}
|
|
1100
1102
|
return !1;
|
|
1101
1103
|
}
|
|
1102
|
-
function
|
|
1104
|
+
function q(t) {
|
|
1103
1105
|
return t.correspondingUseElement || t;
|
|
1104
1106
|
}
|
|
1105
1107
|
function xe(t) {
|
|
1106
|
-
var e = t instanceof
|
|
1108
|
+
var e = t instanceof B.SVGElement ? t.getBoundingClientRect() : t.getClientRects()[0];
|
|
1107
1109
|
return e && { left: e.left, right: e.right, top: e.top, bottom: e.bottom, width: e.width || e.right - e.left, height: e.height || e.bottom - e.top };
|
|
1108
1110
|
}
|
|
1109
1111
|
function we(t) {
|
|
1110
1112
|
var e, n = xe(t);
|
|
1111
|
-
if (!
|
|
1112
|
-
var r = { x: (e = (e =
|
|
1113
|
+
if (!Q.isIOS7 && n) {
|
|
1114
|
+
var r = { x: (e = (e = Z(t)) || U).scrollX || e.document.documentElement.scrollLeft, y: e.scrollY || e.document.documentElement.scrollTop };
|
|
1113
1115
|
n.left += r.x, n.right += r.x, n.top += r.y, n.bottom += r.y;
|
|
1114
1116
|
}
|
|
1115
1117
|
return n;
|
|
@@ -1119,7 +1121,7 @@ function Vo() {
|
|
|
1119
1121
|
return e;
|
|
1120
1122
|
}
|
|
1121
1123
|
function Ee(t) {
|
|
1122
|
-
return !!g.string(t) && (
|
|
1124
|
+
return !!g.string(t) && (B.document.querySelector(t), !0);
|
|
1123
1125
|
}
|
|
1124
1126
|
function I(t, e) {
|
|
1125
1127
|
for (var n in e) t[n] = e[n];
|
|
@@ -1191,13 +1193,13 @@ function Vo() {
|
|
|
1191
1193
|
t.page.x = 0, t.page.y = 0, t.client.x = 0, t.client.y = 0;
|
|
1192
1194
|
}
|
|
1193
1195
|
function Bt(t) {
|
|
1194
|
-
return t instanceof
|
|
1196
|
+
return t instanceof B.Event || t instanceof B.Touch;
|
|
1195
1197
|
}
|
|
1196
1198
|
function rt(t, e, n) {
|
|
1197
1199
|
return t = t || "page", (n = n || {}).x = e[t + "X"], n.y = e[t + "Y"], n;
|
|
1198
1200
|
}
|
|
1199
1201
|
function qt(t, e) {
|
|
1200
|
-
return e = e || { x: 0, y: 0 },
|
|
1202
|
+
return e = e || { x: 0, y: 0 }, Q.isOperaMobile && Bt(t) ? (rt("screen", t, e), e.x += window.scrollX, e.y += window.scrollY) : rt("page", t, e), e;
|
|
1201
1203
|
}
|
|
1202
1204
|
function Fe(t) {
|
|
1203
1205
|
return g.number(t.pointerId) ? t.pointerId : t.identifier;
|
|
@@ -1205,7 +1207,7 @@ function Vo() {
|
|
|
1205
1207
|
function Fn(t, e, n) {
|
|
1206
1208
|
var r = e.length > 1 ? Vt(e) : e[0];
|
|
1207
1209
|
qt(r, t.page), (function(o, i) {
|
|
1208
|
-
i = i || {},
|
|
1210
|
+
i = i || {}, Q.isOperaMobile && Bt(o) ? rt("screen", o, i) : rt("client", o, i);
|
|
1209
1211
|
})(r, t.client), t.timeStamp = n;
|
|
1210
1212
|
}
|
|
1211
1213
|
function mt(t) {
|
|
@@ -1234,17 +1236,17 @@ function Vo() {
|
|
|
1234
1236
|
return 180 * Math.atan2(a, i) / Math.PI;
|
|
1235
1237
|
}
|
|
1236
1238
|
function Yt(t) {
|
|
1237
|
-
return g.string(t.pointerType) ? t.pointerType : g.number(t.pointerType) ? [void 0, void 0, "touch", "pen", "mouse"][t.pointerType] : /touch/.test(t.type || "") || t instanceof
|
|
1239
|
+
return g.string(t.pointerType) ? t.pointerType : g.number(t.pointerType) ? [void 0, void 0, "touch", "pen", "mouse"][t.pointerType] : /touch/.test(t.type || "") || t instanceof B.Touch ? "touch" : "mouse";
|
|
1238
1240
|
}
|
|
1239
1241
|
function $t(t) {
|
|
1240
1242
|
var e = g.func(t.composedPath) ? t.composedPath() : t.path;
|
|
1241
|
-
return [
|
|
1243
|
+
return [q(e ? e[0] : t.target), q(t.currentTarget)];
|
|
1242
1244
|
}
|
|
1243
1245
|
var ot = (function() {
|
|
1244
1246
|
function t(e) {
|
|
1245
|
-
|
|
1247
|
+
y(this, t), this.immediatePropagationStopped = !1, this.propagationStopped = !1, this._interaction = e;
|
|
1246
1248
|
}
|
|
1247
|
-
return
|
|
1249
|
+
return E(t, [{ key: "preventDefault", value: function() {
|
|
1248
1250
|
} }, { key: "stopPropagation", value: function() {
|
|
1249
1251
|
this.propagationStopped = !0;
|
|
1250
1252
|
} }, { key: "stopImmediatePropagation", value: function() {
|
|
@@ -1269,15 +1271,15 @@ function Vo() {
|
|
|
1269
1271
|
}, Be = function(t, e) {
|
|
1270
1272
|
return t[He(t, e)];
|
|
1271
1273
|
}, Pe = (function(t) {
|
|
1272
|
-
|
|
1274
|
+
A(n, t);
|
|
1273
1275
|
var e = P(n);
|
|
1274
1276
|
function n(r, o, i) {
|
|
1275
1277
|
var a;
|
|
1276
|
-
|
|
1278
|
+
y(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;
|
|
1277
1279
|
var s = i === "dragleave" ? r.prev : r.cur, l = s.element, u = s.dropzone;
|
|
1278
1280
|
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;
|
|
1279
1281
|
}
|
|
1280
|
-
return
|
|
1282
|
+
return E(n, [{ key: "reject", value: function() {
|
|
1281
1283
|
var r = this, o = this._interaction.dropState;
|
|
1282
1284
|
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") {
|
|
1283
1285
|
var i = o.activeDrops, a = He(i, (function(l) {
|
|
@@ -1307,8 +1309,8 @@ function Vo() {
|
|
|
1307
1309
|
var c = u[l];
|
|
1308
1310
|
if (c.options.drop.enabled) {
|
|
1309
1311
|
var p = c.options.drop.accept;
|
|
1310
|
-
if (!(g.element(p) && p !== a || g.string(p) && !fe(a, p) || g.func(p) && !p({ dropzone: c, draggableElement: a }))) for (var m = 0,
|
|
1311
|
-
var w =
|
|
1312
|
+
if (!(g.element(p) && p !== a || g.string(p) && !fe(a, p) || g.func(p) && !p({ dropzone: c, draggableElement: a }))) for (var m = 0, k = c.getAllElements(); m < k.length; m++) {
|
|
1313
|
+
var w = k[m];
|
|
1312
1314
|
w !== a && s.push({ dropzone: c, element: w, rect: c.getRect(w) });
|
|
1313
1315
|
}
|
|
1314
1316
|
}
|
|
@@ -1322,32 +1324,32 @@ function Vo() {
|
|
|
1322
1324
|
}
|
|
1323
1325
|
function Gt(t, e, n) {
|
|
1324
1326
|
for (var r = t.dropState, o = t.interactable, i = t.element, a = [], s = 0, l = r.activeDrops; s < l.length; s++) {
|
|
1325
|
-
var u = l[s], c = u.dropzone, p = u.element, m = u.rect,
|
|
1326
|
-
a.push(
|
|
1327
|
+
var u = l[s], c = u.dropzone, p = u.element, m = u.rect, k = c.dropCheck(e, n, o, i, p, m);
|
|
1328
|
+
a.push(k ? p : null);
|
|
1327
1329
|
}
|
|
1328
1330
|
var w = (function(C) {
|
|
1329
|
-
for (var _, T,
|
|
1330
|
-
var N = C[W],
|
|
1331
|
-
if (N && W !== _) if (
|
|
1332
|
-
var me = x(N), ae = x(
|
|
1331
|
+
for (var _, T, O, H = [], W = 0; W < C.length; W++) {
|
|
1332
|
+
var N = C[W], V = C[_];
|
|
1333
|
+
if (N && W !== _) if (V) {
|
|
1334
|
+
var me = x(N), ae = x(V);
|
|
1333
1335
|
if (me !== N.ownerDocument) if (ae !== N.ownerDocument) if (me !== ae) {
|
|
1334
|
-
|
|
1336
|
+
H = H.length ? H : D(V);
|
|
1335
1337
|
var ge = void 0;
|
|
1336
|
-
if (
|
|
1338
|
+
if (V instanceof B.HTMLElement && N instanceof B.SVGElement && !(N instanceof B.SVGSVGElement)) {
|
|
1337
1339
|
if (N === ae) continue;
|
|
1338
1340
|
ge = N.ownerSVGElement;
|
|
1339
1341
|
} else ge = N;
|
|
1340
|
-
for (var be = D(ge,
|
|
1341
|
-
var ft = [be[Se - 1], be[Se],
|
|
1342
|
+
for (var be = D(ge, V.ownerDocument), Se = 0; be[Se] && be[Se] === H[Se]; ) Se++;
|
|
1343
|
+
var ft = [be[Se - 1], be[Se], H[Se]];
|
|
1342
1344
|
if (ft[0]) for (var Ue = ft[0].lastChild; Ue; ) {
|
|
1343
1345
|
if (Ue === ft[1]) {
|
|
1344
|
-
_ = W,
|
|
1346
|
+
_ = W, H = be;
|
|
1345
1347
|
break;
|
|
1346
1348
|
}
|
|
1347
1349
|
if (Ue === ft[2]) break;
|
|
1348
1350
|
Ue = Ue.previousSibling;
|
|
1349
1351
|
}
|
|
1350
|
-
} else
|
|
1352
|
+
} else O = V, (parseInt(Z(T = N).getComputedStyle(T).zIndex, 10) || 0) >= (parseInt(Z(O).getComputedStyle(O).zIndex, 10) || 0) && (_ = W);
|
|
1351
1353
|
else _ = W;
|
|
1352
1354
|
} else _ = W;
|
|
1353
1355
|
}
|
|
@@ -1388,22 +1390,22 @@ function Vo() {
|
|
|
1388
1390
|
return g.bool(s) ? (a.options.drop.enabled = s, a) : a.options.drop;
|
|
1389
1391
|
})(this, i);
|
|
1390
1392
|
}, r.prototype.dropCheck = function(i, a, s, l, u, c) {
|
|
1391
|
-
return (function(p, m,
|
|
1392
|
-
var
|
|
1393
|
-
if (!(T = T || p.getRect(_))) return !!p.options.drop.checker && p.options.drop.checker(m,
|
|
1394
|
-
var
|
|
1395
|
-
if (
|
|
1393
|
+
return (function(p, m, k, w, C, _, T) {
|
|
1394
|
+
var O = !1;
|
|
1395
|
+
if (!(T = T || p.getRect(_))) return !!p.options.drop.checker && p.options.drop.checker(m, k, O, p, _, w, C);
|
|
1396
|
+
var H = p.options.drop.overlap;
|
|
1397
|
+
if (H === "pointer") {
|
|
1396
1398
|
var W = Le(w, C, "drag"), N = qt(m);
|
|
1397
1399
|
N.x += W.x, N.y += W.y;
|
|
1398
|
-
var
|
|
1399
|
-
|
|
1400
|
+
var V = N.x > T.left && N.x < T.right, me = N.y > T.top && N.y < T.bottom;
|
|
1401
|
+
O = V && me;
|
|
1400
1402
|
}
|
|
1401
1403
|
var ae = w.getRect(C);
|
|
1402
|
-
if (ae &&
|
|
1404
|
+
if (ae && H === "center") {
|
|
1403
1405
|
var ge = ae.left + ae.width / 2, be = ae.top + ae.height / 2;
|
|
1404
|
-
|
|
1406
|
+
O = ge >= T.left && ge <= T.right && be >= T.top && be <= T.bottom;
|
|
1405
1407
|
}
|
|
1406
|
-
return ae && g.number(
|
|
1408
|
+
return ae && g.number(H) && (O = 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) >= H), p.options.drop.checker && (O = p.options.drop.checker(m, k, O, p, _, w, C)), O;
|
|
1407
1409
|
})(this, i, a, s, l, u, c);
|
|
1408
1410
|
}, n.dynamicDrop = function(i) {
|
|
1409
1411
|
return g.bool(i) ? (t.dynamicDrop = i, n) : t.dynamicDrop;
|
|
@@ -1519,8 +1521,8 @@ function Vo() {
|
|
|
1519
1521
|
if (I(m, c), a) {
|
|
1520
1522
|
if (I(c, s), i === "reposition") {
|
|
1521
1523
|
if (c.top > c.bottom) {
|
|
1522
|
-
var
|
|
1523
|
-
c.top = c.bottom, c.bottom =
|
|
1524
|
+
var k = c.top;
|
|
1525
|
+
c.top = c.bottom, c.bottom = k;
|
|
1524
1526
|
}
|
|
1525
1527
|
if (c.left > c.right) {
|
|
1526
1528
|
var w = c.left;
|
|
@@ -1620,7 +1622,7 @@ function Vo() {
|
|
|
1620
1622
|
}
|
|
1621
1623
|
} };
|
|
1622
1624
|
function en(t, e, n) {
|
|
1623
|
-
return (g.string(t) ? Qe(t, e, n) : t) ||
|
|
1625
|
+
return (g.string(t) ? Qe(t, e, n) : t) || Z(n);
|
|
1624
1626
|
}
|
|
1625
1627
|
function tn(t) {
|
|
1626
1628
|
return g.window(t) && (t = window.document.body), { x: t.scrollLeft, y: t.scrollTop };
|
|
@@ -1656,7 +1658,7 @@ function Vo() {
|
|
|
1656
1658
|
var e = t.Interactable;
|
|
1657
1659
|
e.prototype.getAction = function(n, r, o, i) {
|
|
1658
1660
|
var a = (function(s, l, u, c, p) {
|
|
1659
|
-
var m = s.getRect(c),
|
|
1661
|
+
var m = s.getRect(c), k = l.buttons || { 0: 1, 1: 4, 3: 8, 4: 16 }[l.button], w = { action: null, interactable: s, interaction: u, element: c, rect: m, buttons: k };
|
|
1660
1662
|
return p.fire("auto-start:check", w), w.action;
|
|
1661
1663
|
})(this, r, o, i, t);
|
|
1662
1664
|
return this.options.actionChecker ? this.options.actionChecker(n, r, a, this, i, o) : a;
|
|
@@ -1700,8 +1702,8 @@ function Vo() {
|
|
|
1700
1702
|
var o = t.options, i = o[n.name].max, a = o[n.name].maxPerElement, s = r.autoStart.maxInteractions, l = 0, u = 0, c = 0;
|
|
1701
1703
|
if (!(i && a && s)) return !1;
|
|
1702
1704
|
for (var p = 0, m = r.interactions.list; p < m.length; p++) {
|
|
1703
|
-
var
|
|
1704
|
-
if (
|
|
1705
|
+
var k = m[p], w = k.prepared.name;
|
|
1706
|
+
if (k.interacting() && (++l >= s || k.interactable === t && ((u += w === n.name ? 1 : 0) >= i || k.element === e && (c++, w === n.name && c >= a))))
|
|
1705
1707
|
return !1;
|
|
1706
1708
|
}
|
|
1707
1709
|
return s > 0;
|
|
@@ -1758,17 +1760,17 @@ function Vo() {
|
|
|
1758
1760
|
var C = n.interactable.options.drag;
|
|
1759
1761
|
if (!C.manualStart && w.testIgnoreAllow(C, p, r)) {
|
|
1760
1762
|
var _ = w.getAction(n.downPointer, n.downEvent, n, p);
|
|
1761
|
-
if (_ && _.name === "drag" && (function(T,
|
|
1762
|
-
if (!
|
|
1763
|
-
var
|
|
1764
|
-
return T === "xy" ||
|
|
1763
|
+
if (_ && _.name === "drag" && (function(T, O) {
|
|
1764
|
+
if (!O) return !1;
|
|
1765
|
+
var H = O.options.drag.startAxis;
|
|
1766
|
+
return T === "xy" || H === "xy" || H === T;
|
|
1765
1767
|
})(c, w) && _t.validateAction(_, w, p, r, e)) return w;
|
|
1766
1768
|
}
|
|
1767
1769
|
}
|
|
1768
1770
|
}; g.element(p); ) {
|
|
1769
|
-
var
|
|
1770
|
-
if (
|
|
1771
|
-
n.prepared.name = "drag", n.interactable =
|
|
1771
|
+
var k = e.interactables.forEachMatch(p, m);
|
|
1772
|
+
if (k) {
|
|
1773
|
+
n.prepared.name = "drag", n.interactable = k, n.element = p;
|
|
1772
1774
|
break;
|
|
1773
1775
|
}
|
|
1774
1776
|
p = pe(p);
|
|
@@ -1814,7 +1816,7 @@ function Vo() {
|
|
|
1814
1816
|
var a = r.options.preventDefault;
|
|
1815
1817
|
if (a !== "never") if (a !== "always") {
|
|
1816
1818
|
if (o.events.supportsPassive && /^touch(start|move)$/.test(i.type)) {
|
|
1817
|
-
var s =
|
|
1819
|
+
var s = Z(i.target).document, l = o.getDocOptions(s);
|
|
1818
1820
|
if (!l || !l.events || l.events.passive !== !1) return;
|
|
1819
1821
|
}
|
|
1820
1822
|
/^(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();
|
|
@@ -1844,14 +1846,14 @@ function Vo() {
|
|
|
1844
1846
|
}
|
|
1845
1847
|
var Rt = (function() {
|
|
1846
1848
|
function t(e) {
|
|
1847
|
-
|
|
1849
|
+
y(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 };
|
|
1848
1850
|
}
|
|
1849
|
-
return
|
|
1851
|
+
return E(t, [{ key: "start", value: function(e, n) {
|
|
1850
1852
|
var r, o, i = e.phase, a = this.interaction, s = (function(u) {
|
|
1851
1853
|
var c = u.interactable.options[u.prepared.name], p = c.modifiers;
|
|
1852
1854
|
return p && p.length ? p : ["snap", "snapSize", "snapEdges", "restrict", "restrictEdges", "restrictSize"].map((function(m) {
|
|
1853
|
-
var
|
|
1854
|
-
return
|
|
1855
|
+
var k = c[m];
|
|
1856
|
+
return k && k.enabled && { options: k, methods: k._methods };
|
|
1855
1857
|
})).filter((function(m) {
|
|
1856
1858
|
return !!m;
|
|
1857
1859
|
}));
|
|
@@ -1871,8 +1873,8 @@ function Vo() {
|
|
|
1871
1873
|
var n = e.phase, r = e.preEnd, o = e.skipModifiers, i = e.rect, a = e.edges;
|
|
1872
1874
|
e.coords = I({}, e.pageCoords), e.rect = I({}, i), e.edges = I({}, a);
|
|
1873
1875
|
for (var s = o ? this.states.slice(o) : this.states, l = st(e.coords, e.rect), u = 0; u < s.length; u++) {
|
|
1874
|
-
var c, p = s[u], m = p.options,
|
|
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 -
|
|
1876
|
+
var c, p = s[u], m = p.options, k = I({}, e.coords), w = null;
|
|
1877
|
+
(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 - k.x, y: e.coords.y - k.y })), l.eventProps.push(w);
|
|
1876
1878
|
}
|
|
1877
1879
|
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
1880
|
var C = this.result.coords, _ = this.result.rect;
|
|
@@ -1885,8 +1887,8 @@ function Vo() {
|
|
|
1885
1887
|
var n = this.interaction, r = e.phase, o = n.coords.cur, i = n.coords.start, a = this.result, s = this.startDelta, l = a.delta;
|
|
1886
1888
|
r === "start" && I(this.startDelta, a.delta);
|
|
1887
1889
|
for (var u = 0, c = [[i, s], [o, l]]; u < c.length; u++) {
|
|
1888
|
-
var p = c[u], m = p[0],
|
|
1889
|
-
m.page.x +=
|
|
1890
|
+
var p = c[u], m = p[0], k = p[1];
|
|
1891
|
+
m.page.x += k.x, m.page.y += k.y, m.client.x += k.x, m.client.y += k.y;
|
|
1890
1892
|
}
|
|
1891
1893
|
var w = this.result.rectDelta, C = e.rect || n.rect;
|
|
1892
1894
|
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;
|
|
@@ -1932,8 +1934,8 @@ function Vo() {
|
|
|
1932
1934
|
var n = e.interaction, r = n.coords, o = n.rect, i = n.modification;
|
|
1933
1935
|
if (i.result) {
|
|
1934
1936
|
for (var a = i.startDelta, s = i.result, l = s.delta, u = s.rectDelta, c = 0, p = [[r.start, a], [r.cur, l]]; c < p.length; c++) {
|
|
1935
|
-
var m = p[c],
|
|
1936
|
-
|
|
1937
|
+
var m = p[c], k = m[0], w = m[1];
|
|
1938
|
+
k.page.x -= w.x, k.page.y -= w.y, k.client.x -= w.x, k.client.y -= w.y;
|
|
1937
1939
|
}
|
|
1938
1940
|
o.left -= u.left, o.right -= u.right, o.top -= u.top, o.bottom -= u.bottom;
|
|
1939
1941
|
}
|
|
@@ -1988,15 +1990,15 @@ function Vo() {
|
|
|
1988
1990
|
}, "interactions:stop": function(t) {
|
|
1989
1991
|
return t.interaction.modification.stop(t);
|
|
1990
1992
|
} } }, cn = or, un = { base: { preventDefault: "auto", deltaSource: "page" }, perAction: { enabled: !1, origin: { x: 0, y: 0 } }, actions: {} }, It = (function(t) {
|
|
1991
|
-
|
|
1993
|
+
A(n, t);
|
|
1992
1994
|
var e = P(n);
|
|
1993
1995
|
function n(r, o, i, a, s, l, u) {
|
|
1994
1996
|
var c;
|
|
1995
|
-
|
|
1996
|
-
var p = r.interactable, m = (p && p.options || un).deltaSource,
|
|
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 -=
|
|
1997
|
+
y(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;
|
|
1998
|
+
var p = r.interactable, m = (p && p.options || un).deltaSource, k = Le(p, s, i), w = a === "start", C = a === "end", _ = w ? X(c) : r.prevEvent, T = w ? r.coords.start : C ? { page: _.page, client: _.client, timeStamp: r.coords.cur.timeStamp } : r.coords.cur;
|
|
1999
|
+
return c.page = I({}, T.page), c.client = I({}, T.client), c.rect = I({}, r.rect), c.timeStamp = T.timeStamp, C || (c.page.x -= k.x, c.page.y -= k.y, c.client.x -= k.x, c.client.y -= k.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 - k.x, c.y0 = r.coords.start.page.y - k.y, c.clientX0 = r.coords.start.client.x - k.x, c.clientY0 = r.coords.start.client.y - k.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;
|
|
1998
2000
|
}
|
|
1999
|
-
return
|
|
2001
|
+
return E(n, [{ key: "getSwipe", value: function() {
|
|
2000
2002
|
var r = this._interaction;
|
|
2001
2003
|
if (r.prevEvent.speed < 600 || this.timeStamp - r.prevEvent.timeStamp > 150) return null;
|
|
2002
2004
|
var o = 180 * Math.atan2(r.prevEvent.velocityY, r.prevEvent.velocityX) / Math.PI;
|
|
@@ -2043,8 +2045,8 @@ function Vo() {
|
|
|
2043
2045
|
}, set: function(t) {
|
|
2044
2046
|
this.velocity.y = t;
|
|
2045
2047
|
} } });
|
|
2046
|
-
var ir =
|
|
2047
|
-
|
|
2048
|
+
var ir = E((function t(e, n, r, o, i) {
|
|
2049
|
+
y(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;
|
|
2048
2050
|
})), ar = (function(t) {
|
|
2049
2051
|
return t.interactable = "", t.element = "", t.prepared = "", t.pointerIsDown = "", t.pointerWasMoved = "", t._proxy = "", t;
|
|
2050
2052
|
})({}), dn = (function(t) {
|
|
@@ -2052,7 +2054,7 @@ function Vo() {
|
|
|
2052
2054
|
})({}), sr = 0, lr = (function() {
|
|
2053
2055
|
function t(e) {
|
|
2054
2056
|
var n = this, r = e.pointerType, o = e.scopeFire;
|
|
2055
|
-
|
|
2057
|
+
y(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) {
|
|
2056
2058
|
this.move(c);
|
|
2057
2059
|
}), "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;
|
|
2058
2060
|
var i = this;
|
|
@@ -2071,7 +2073,7 @@ function Vo() {
|
|
|
2071
2073
|
for (var u in dn) l(u);
|
|
2072
2074
|
this._scopeFire("interactions:new", { interaction: this });
|
|
2073
2075
|
}
|
|
2074
|
-
return
|
|
2076
|
+
return E(t, [{ key: "pointerMoveTolerance", get: function() {
|
|
2075
2077
|
return 1;
|
|
2076
2078
|
} }, { key: "pointerDown", value: function(e, n, r) {
|
|
2077
2079
|
var o = this.updatePointer(e, n, r, !0), i = this.pointers[o];
|
|
@@ -2173,9 +2175,9 @@ function Vo() {
|
|
|
2173
2175
|
e.offset.total.x = 0, e.offset.total.y = 0, e.offset.pending.x = 0, e.offset.pending.y = 0;
|
|
2174
2176
|
} } }, hn = ur, dr = (function() {
|
|
2175
2177
|
function t(e) {
|
|
2176
|
-
|
|
2178
|
+
y(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;
|
|
2177
2179
|
}
|
|
2178
|
-
return
|
|
2180
|
+
return E(t, [{ key: "start", value: function(e) {
|
|
2179
2181
|
var n = this.interaction, r = lt(n);
|
|
2180
2182
|
if (!r || !r.enabled) return !1;
|
|
2181
2183
|
var o = n.coords.velocity.client, i = je(o.x, o.y), a = this.modification || (this.modification = new Rt(n));
|
|
@@ -2205,8 +2207,8 @@ function Vo() {
|
|
|
2205
2207
|
} }, { key: "inertiaTick", value: function() {
|
|
2206
2208
|
var e, n, r, o, i, a, s, l = this, u = this.interaction, c = lt(u).resistance, p = (u._now() - this.t0) / 1e3;
|
|
2207
2209
|
if (p < this.te) {
|
|
2208
|
-
var m,
|
|
2209
|
-
this.isModified ? (e = 0, n = 0, r = this.targetOffset.x, o = this.targetOffset.y, i = this.modifiedOffset.x, a = this.modifiedOffset.y, m = { x: vn(s =
|
|
2210
|
+
var m, k = 1 - (Math.exp(-c * p) - this.lambda_v0) / this.one_ve_v0;
|
|
2211
|
+
this.isModified ? (e = 0, n = 0, r = this.targetOffset.x, o = this.targetOffset.y, i = this.modifiedOffset.x, a = this.modifiedOffset.y, m = { x: vn(s = k, e, r, i), y: vn(s, n, o, a) }) : m = { x: this.targetOffset.x * k, y: this.targetOffset.y * k };
|
|
2210
2212
|
var w = { x: m.x - this.currentOffset.x, y: m.y - this.currentOffset.y };
|
|
2211
2213
|
this.currentOffset.x += w.x, this.currentOffset.y += w.y, u.offsetBy(w), u.move(), this.onNextFrame((function() {
|
|
2212
2214
|
return l.inertiaTick();
|
|
@@ -2281,9 +2283,9 @@ function Vo() {
|
|
|
2281
2283
|
}
|
|
2282
2284
|
var yn = (function() {
|
|
2283
2285
|
function t(e) {
|
|
2284
|
-
|
|
2286
|
+
y(this, t), this.options = void 0, this.types = {}, this.propagationStopped = !1, this.immediatePropagationStopped = !1, this.global = void 0, this.options = I({}, e || {});
|
|
2285
2287
|
}
|
|
2286
|
-
return
|
|
2288
|
+
return E(t, [{ key: "fire", value: function(e) {
|
|
2287
2289
|
var n, r = this.global;
|
|
2288
2290
|
(n = this.types[e.type]) && gn(e, n), !e.propagationStopped && r && (n = r[e.type]) && gn(e, n);
|
|
2289
2291
|
} }, { key: "on", value: function(e, n) {
|
|
@@ -2303,9 +2305,9 @@ function Vo() {
|
|
|
2303
2305
|
} }]), t;
|
|
2304
2306
|
})(), hr = (function() {
|
|
2305
2307
|
function t(e) {
|
|
2306
|
-
|
|
2308
|
+
y(this, t), this.currentTarget = void 0, this.originalEvent = void 0, this.type = void 0, this.originalEvent = e, tt(this, e);
|
|
2307
2309
|
}
|
|
2308
|
-
return
|
|
2310
|
+
return E(t, [{ key: "preventOriginalDefault", value: function() {
|
|
2309
2311
|
this.originalEvent.preventDefault();
|
|
2310
2312
|
} }, { key: "stopPropagation", value: function() {
|
|
2311
2313
|
this.originalEvent.stopPropagation();
|
|
@@ -2320,7 +2322,7 @@ function Vo() {
|
|
|
2320
2322
|
return t === e || (typeof t == "boolean" ? !!e.capture === t && !e.passive : !!t.capture == !!e.capture && !!t.passive == !!e.passive);
|
|
2321
2323
|
}
|
|
2322
2324
|
var vr = { id: "events", install: function(t) {
|
|
2323
|
-
var e, n = [], r = {}, o = [], i = { add: a, remove: s, addDelegate: function(c, p, m,
|
|
2325
|
+
var e, n = [], r = {}, o = [], i = { add: a, remove: s, addDelegate: function(c, p, m, k, w) {
|
|
2324
2326
|
var C = Ye(w);
|
|
2325
2327
|
if (!r[m]) {
|
|
2326
2328
|
r[m] = [];
|
|
@@ -2329,30 +2331,30 @@ function Vo() {
|
|
|
2329
2331
|
a(T, m, l), a(T, m, u, !0);
|
|
2330
2332
|
}
|
|
2331
2333
|
}
|
|
2332
|
-
var
|
|
2334
|
+
var O = r[m], H = Be(O, (function(W) {
|
|
2333
2335
|
return W.selector === c && W.context === p;
|
|
2334
2336
|
}));
|
|
2335
|
-
|
|
2336
|
-
}, removeDelegate: function(c, p, m,
|
|
2337
|
-
var C, _ = Ye(w), T = r[m],
|
|
2337
|
+
H || (H = { selector: c, context: p, listeners: [] }, O.push(H)), H.listeners.push({ func: k, options: C });
|
|
2338
|
+
}, removeDelegate: function(c, p, m, k, w) {
|
|
2339
|
+
var C, _ = Ye(w), T = r[m], O = !1;
|
|
2338
2340
|
if (T)
|
|
2339
2341
|
for (C = T.length - 1; C >= 0; C--) {
|
|
2340
|
-
var
|
|
2341
|
-
if (
|
|
2342
|
-
for (var W =
|
|
2343
|
-
var
|
|
2344
|
-
if (
|
|
2345
|
-
W.splice(N, 1), W.length || (T.splice(C, 1), s(p, m, l), s(p, m, u, !0)),
|
|
2342
|
+
var H = T[C];
|
|
2343
|
+
if (H.selector === c && H.context === p) {
|
|
2344
|
+
for (var W = H.listeners, N = W.length - 1; N >= 0; N--) {
|
|
2345
|
+
var V = W[N];
|
|
2346
|
+
if (V.func === k && ct(V.options, _)) {
|
|
2347
|
+
W.splice(N, 1), W.length || (T.splice(C, 1), s(p, m, l), s(p, m, u, !0)), O = !0;
|
|
2346
2348
|
break;
|
|
2347
2349
|
}
|
|
2348
2350
|
}
|
|
2349
|
-
if (
|
|
2351
|
+
if (O) break;
|
|
2350
2352
|
}
|
|
2351
2353
|
}
|
|
2352
2354
|
}, delegateListener: l, delegateUseCapture: u, delegatedEvents: r, documents: o, targets: n, supportsOptions: !1, supportsPassive: !1 };
|
|
2353
|
-
function a(c, p, m,
|
|
2355
|
+
function a(c, p, m, k) {
|
|
2354
2356
|
if (c.addEventListener) {
|
|
2355
|
-
var w = Ye(
|
|
2357
|
+
var w = Ye(k), C = Be(n, (function(_) {
|
|
2356
2358
|
return _.eventTarget === c;
|
|
2357
2359
|
}));
|
|
2358
2360
|
C || (C = { eventTarget: c, events: {} }, n.push(C)), C.events[p] || (C.events[p] = []), Be(C.events[p], (function(_) {
|
|
@@ -2360,7 +2362,7 @@ function Vo() {
|
|
|
2360
2362
|
})) || (c.addEventListener(p, m, i.supportsOptions ? w : w.capture), C.events[p].push({ func: m, options: w }));
|
|
2361
2363
|
}
|
|
2362
2364
|
}
|
|
2363
|
-
function s(c, p, m,
|
|
2365
|
+
function s(c, p, m, k) {
|
|
2364
2366
|
if (c.addEventListener && c.removeEventListener) {
|
|
2365
2367
|
var w = He(n, (function(me) {
|
|
2366
2368
|
return me.eventTarget === c;
|
|
@@ -2369,15 +2371,15 @@ function Vo() {
|
|
|
2369
2371
|
var _ = !1, T = C.events[p];
|
|
2370
2372
|
if (T) {
|
|
2371
2373
|
if (m === "all") {
|
|
2372
|
-
for (var
|
|
2373
|
-
var
|
|
2374
|
-
s(c, p,
|
|
2374
|
+
for (var O = T.length - 1; O >= 0; O--) {
|
|
2375
|
+
var H = T[O];
|
|
2376
|
+
s(c, p, H.func, H.options);
|
|
2375
2377
|
}
|
|
2376
2378
|
return;
|
|
2377
2379
|
}
|
|
2378
|
-
for (var W = Ye(
|
|
2379
|
-
var
|
|
2380
|
-
if (
|
|
2380
|
+
for (var W = Ye(k), N = 0; N < T.length; N++) {
|
|
2381
|
+
var V = T[N];
|
|
2382
|
+
if (V.func === m && ct(V.options, W)) {
|
|
2381
2383
|
c.removeEventListener(p, m, i.supportsOptions ? W : W.capture), T.splice(N, 1), T.length === 0 && (delete C.events[p], _ = !0);
|
|
2382
2384
|
break;
|
|
2383
2385
|
}
|
|
@@ -2388,15 +2390,15 @@ function Vo() {
|
|
|
2388
2390
|
}
|
|
2389
2391
|
}
|
|
2390
2392
|
function l(c, p) {
|
|
2391
|
-
for (var m = Ye(p),
|
|
2393
|
+
for (var m = Ye(p), k = new hr(c), w = r[c.type], C = $t(c)[0], _ = C; g.element(_); ) {
|
|
2392
2394
|
for (var T = 0; T < w.length; T++) {
|
|
2393
|
-
var
|
|
2394
|
-
if (fe(_,
|
|
2395
|
-
var N =
|
|
2396
|
-
|
|
2397
|
-
for (var
|
|
2398
|
-
var me = N[
|
|
2399
|
-
ct(me.options, m) && me.func(
|
|
2395
|
+
var O = w[T], H = O.selector, W = O.context;
|
|
2396
|
+
if (fe(_, H) && se(W, C) && se(W, _)) {
|
|
2397
|
+
var N = O.listeners;
|
|
2398
|
+
k.currentTarget = _;
|
|
2399
|
+
for (var V = 0; V < N.length; V++) {
|
|
2400
|
+
var me = N[V];
|
|
2401
|
+
ct(me.options, m) && me.func(k);
|
|
2400
2402
|
}
|
|
2401
2403
|
}
|
|
2402
2404
|
}
|
|
@@ -2474,12 +2476,12 @@ function Vo() {
|
|
|
2474
2476
|
if (/^touch/.test(n.type)) {
|
|
2475
2477
|
e.prevTouchTime = e.now();
|
|
2476
2478
|
for (var u = 0, c = n.changedTouches; u < c.length; u++) {
|
|
2477
|
-
var p = c[u], m = { pointer: p, pointerId: Fe(p), pointerType: o, eventType: n.type, eventTarget: a, curEventTarget: s, scope: e },
|
|
2478
|
-
l.push([m.pointer, m.eventTarget, m.curEventTarget,
|
|
2479
|
+
var p = c[u], m = { pointer: p, pointerId: Fe(p), pointerType: o, eventType: n.type, eventTarget: a, curEventTarget: s, scope: e }, k = wn(m);
|
|
2480
|
+
l.push([m.pointer, m.eventTarget, m.curEventTarget, k]);
|
|
2479
2481
|
}
|
|
2480
2482
|
} else {
|
|
2481
2483
|
var w = !1;
|
|
2482
|
-
if (!
|
|
2484
|
+
if (!Q.supportsPointerEvent && /mouse/.test(n.type)) {
|
|
2483
2485
|
for (var C = 0; C < r.length && !w; C++) w = r[C].pointerType !== "mouse" && r[C].pointerIsDown;
|
|
2484
2486
|
w = w || e.now() - e.prevTouchTime < 500 || n.timeStamp === 0;
|
|
2485
2487
|
}
|
|
@@ -2488,9 +2490,9 @@ function Vo() {
|
|
|
2488
2490
|
l.push([_.pointer, _.eventTarget, _.curEventTarget, T]);
|
|
2489
2491
|
}
|
|
2490
2492
|
}
|
|
2491
|
-
for (var
|
|
2492
|
-
var
|
|
2493
|
-
|
|
2493
|
+
for (var O = 0; O < l.length; O++) {
|
|
2494
|
+
var H = l[O], W = H[0], N = H[1], V = H[2];
|
|
2495
|
+
H[3][t](W, n, N, V);
|
|
2494
2496
|
}
|
|
2495
2497
|
};
|
|
2496
2498
|
}
|
|
@@ -2511,28 +2513,28 @@ function Vo() {
|
|
|
2511
2513
|
var r = Pt[n];
|
|
2512
2514
|
e[r] = xn(r, t);
|
|
2513
2515
|
}
|
|
2514
|
-
var o, i =
|
|
2516
|
+
var o, i = Q.pEventTypes;
|
|
2515
2517
|
function a() {
|
|
2516
2518
|
for (var s = 0, l = t.interactions.list; s < l.length; s++) {
|
|
2517
2519
|
var u = l[s];
|
|
2518
2520
|
if (u.pointerIsDown && u.pointerType === "touch" && !u._interacting) for (var c = function() {
|
|
2519
|
-
var
|
|
2521
|
+
var k = m[p];
|
|
2520
2522
|
t.documents.some((function(w) {
|
|
2521
|
-
return se(w.doc,
|
|
2522
|
-
})) || u.removePointer(
|
|
2523
|
+
return se(w.doc, k.downTarget);
|
|
2524
|
+
})) || u.removePointer(k.pointer, k.event);
|
|
2523
2525
|
}, p = 0, m = u.pointers; p < m.length; p++) c();
|
|
2524
2526
|
}
|
|
2525
2527
|
}
|
|
2526
|
-
(o =
|
|
2528
|
+
(o = B.PointerEvent ? [{ type: i.down, listener: a }, { type: i.down, listener: e.pointerDown }, { type: i.move, listener: e.pointerMove }, { type: i.up, listener: e.pointerUp }, { type: i.cancel, listener: e.pointerUp }] : [{ type: "mousedown", listener: e.pointerDown }, { type: "mousemove", listener: e.pointerMove }, { type: "mouseup", listener: e.pointerUp }, { type: "touchstart", listener: a }, { type: "touchstart", listener: e.pointerDown }, { type: "touchmove", listener: e.pointerMove }, { type: "touchend", listener: e.pointerUp }, { type: "touchcancel", listener: e.pointerUp }]).push({ type: "blur", listener: function(s) {
|
|
2527
2529
|
for (var l = 0, u = t.interactions.list; l < u.length; l++)
|
|
2528
2530
|
u[l].documentBlur(s);
|
|
2529
2531
|
} }), t.prevTouchTime = 0, t.Interaction = (function(s) {
|
|
2530
|
-
|
|
2532
|
+
A(u, s);
|
|
2531
2533
|
var l = P(u);
|
|
2532
2534
|
function u() {
|
|
2533
|
-
return
|
|
2535
|
+
return y(this, u), l.apply(this, arguments);
|
|
2534
2536
|
}
|
|
2535
|
-
return
|
|
2537
|
+
return E(u, [{ key: "pointerMoveTolerance", get: function() {
|
|
2536
2538
|
return t.interactions.pointerMoveTolerance;
|
|
2537
2539
|
}, set: function(c) {
|
|
2538
2540
|
t.interactions.pointerMoveTolerance = c;
|
|
@@ -2559,9 +2561,9 @@ function Vo() {
|
|
|
2559
2561
|
return t[t.On = 0] = "On", t[t.Off = 1] = "Off", t;
|
|
2560
2562
|
})(Me || {}), br = (function() {
|
|
2561
2563
|
function t(e, n, r, o) {
|
|
2562
|
-
|
|
2564
|
+
y(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 = Z(Ee(e) ? this._context : e), this._doc = this._win.document, this._scopeEvents = o, this.set(n);
|
|
2563
2565
|
}
|
|
2564
|
-
return
|
|
2566
|
+
return E(t, [{ key: "_defaults", get: function() {
|
|
2565
2567
|
return { base: {}, perAction: {}, actions: {} };
|
|
2566
2568
|
} }, { key: "setOnEvents", value: function(e, n) {
|
|
2567
2569
|
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;
|
|
@@ -2613,7 +2615,7 @@ function Vo() {
|
|
|
2613
2615
|
g.object(n) && !g.array(n) && (o = r, r = null);
|
|
2614
2616
|
var a = Ie(n, r, i);
|
|
2615
2617
|
for (var s in a) {
|
|
2616
|
-
s === "wheel" && (s =
|
|
2618
|
+
s === "wheel" && (s = Q.wheelEvent);
|
|
2617
2619
|
for (var l = 0, u = a[s]; l < u.length; l++) {
|
|
2618
2620
|
var c = u[l];
|
|
2619
2621
|
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);
|
|
@@ -2643,14 +2645,14 @@ function Vo() {
|
|
|
2643
2645
|
})(), xr = (function() {
|
|
2644
2646
|
function t(e) {
|
|
2645
2647
|
var n = this;
|
|
2646
|
-
|
|
2648
|
+
y(this, t), this.list = [], this.selectorMap = {}, this.scope = void 0, this.scope = e, e.addListeners({ "interactable:unset": function(r) {
|
|
2647
2649
|
var o = r.interactable, i = o.target, a = g.string(i) ? n.selectorMap[i] : i[n.scope.id], s = He(a, (function(l) {
|
|
2648
2650
|
return l === o;
|
|
2649
2651
|
}));
|
|
2650
2652
|
a.splice(s, 1);
|
|
2651
2653
|
} });
|
|
2652
2654
|
}
|
|
2653
|
-
return
|
|
2655
|
+
return E(t, [{ key: "new", value: function(e, n) {
|
|
2654
2656
|
n = I(n || {}, { actions: this.scope.actions });
|
|
2655
2657
|
var r = new this.scope.Interactable(e, n, this.scope.document, this.scope.events);
|
|
2656
2658
|
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;
|
|
@@ -2668,7 +2670,7 @@ function Vo() {
|
|
|
2668
2670
|
})(), wr = (function() {
|
|
2669
2671
|
function t() {
|
|
2670
2672
|
var e = this;
|
|
2671
|
-
|
|
2673
|
+
y(this, t), this.id = "__interact_scope_".concat(Math.floor(100 * Math.random())), this.isInitialized = !1, this.listenerMaps = [], this.browser = Q, this.defaults = De(un), this.Eventable = yn, this.actions = { map: {}, phases: { start: !0, move: !0, end: !0 }, methodDict: {}, phaselessTypes: {} }, this.interactStatic = (function(r) {
|
|
2672
2674
|
var o = function i(a, s) {
|
|
2673
2675
|
var l = r.interactables.getExisting(a, s);
|
|
2674
2676
|
return l || ((l = r.interactables.new(a, s)).events.global = i.globalEvents), l;
|
|
@@ -2707,9 +2709,9 @@ function Vo() {
|
|
|
2707
2709
|
}), "The interact.off() method is being deprecated"), o.debug = function() {
|
|
2708
2710
|
return this.scope;
|
|
2709
2711
|
}, o.supportsTouch = function() {
|
|
2710
|
-
return
|
|
2712
|
+
return Q.supportsTouch;
|
|
2711
2713
|
}, o.supportsPointerEvent = function() {
|
|
2712
|
-
return
|
|
2714
|
+
return Q.supportsPointerEvent;
|
|
2713
2715
|
}, o.stop = function() {
|
|
2714
2716
|
for (var i = 0, a = this.scope.interactions.list; i < a.length; i++) a[i].stop();
|
|
2715
2717
|
return this;
|
|
@@ -2725,23 +2727,23 @@ function Vo() {
|
|
|
2725
2727
|
};
|
|
2726
2728
|
var n = this;
|
|
2727
2729
|
this.Interactable = (function(r) {
|
|
2728
|
-
|
|
2730
|
+
A(i, r);
|
|
2729
2731
|
var o = P(i);
|
|
2730
2732
|
function i() {
|
|
2731
|
-
return
|
|
2733
|
+
return y(this, i), o.apply(this, arguments);
|
|
2732
2734
|
}
|
|
2733
|
-
return
|
|
2735
|
+
return E(i, [{ key: "_defaults", get: function() {
|
|
2734
2736
|
return n.defaults;
|
|
2735
2737
|
} }, { key: "set", value: function(a) {
|
|
2736
|
-
return
|
|
2738
|
+
return te(R(i.prototype), "set", this).call(this, a), n.fire("interactable:set", { options: a, interactable: this }), this;
|
|
2737
2739
|
} }, { key: "unset", value: function() {
|
|
2738
|
-
|
|
2740
|
+
te(R(i.prototype), "unset", this).call(this);
|
|
2739
2741
|
var a = n.interactables.list.indexOf(this);
|
|
2740
2742
|
a < 0 || (n.interactables.list.splice(a, 1), n.fire("interactable:unset", { interactable: this }));
|
|
2741
2743
|
} }]), i;
|
|
2742
2744
|
})(br);
|
|
2743
2745
|
}
|
|
2744
|
-
return
|
|
2746
|
+
return E(t, [{ key: "addListeners", value: function(e, n) {
|
|
2745
2747
|
this.listenerMaps.push({ id: n, map: e });
|
|
2746
2748
|
} }, { key: "fire", value: function(e, n) {
|
|
2747
2749
|
for (var r = 0, o = this.listenerMaps; r < o.length; r++) {
|
|
@@ -2750,7 +2752,7 @@ function Vo() {
|
|
|
2750
2752
|
}
|
|
2751
2753
|
} }, { key: "init", value: function(e) {
|
|
2752
2754
|
return this.isInitialized ? this : (function(n, r) {
|
|
2753
|
-
return n.isInitialized = !0, g.window(r) &&
|
|
2755
|
+
return n.isInitialized = !0, g.window(r) && ne(r), B.init(r), Q.init(r), Te.init(r), n.window = r, n.document = r.document, n.usePlugin(yr), n.usePlugin(vr), n;
|
|
2754
2756
|
})(this, e);
|
|
2755
2757
|
} }, { key: "pluginIsInstalled", value: function(e) {
|
|
2756
2758
|
var n = e.id;
|
|
@@ -2770,10 +2772,10 @@ function Vo() {
|
|
|
2770
2772
|
return this;
|
|
2771
2773
|
} }, { key: "addDocument", value: function(e, n) {
|
|
2772
2774
|
if (this.getDocIndex(e) !== -1) return !1;
|
|
2773
|
-
var r =
|
|
2775
|
+
var r = Z(e);
|
|
2774
2776
|
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 });
|
|
2775
2777
|
} }, { key: "removeDocument", value: function(e) {
|
|
2776
|
-
var n = this.getDocIndex(e), r =
|
|
2778
|
+
var n = this.getDocIndex(e), r = Z(e), o = this.documents[n].options;
|
|
2777
2779
|
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 });
|
|
2778
2780
|
} }, { key: "getDocIndex", value: function(e) {
|
|
2779
2781
|
for (var n = 0; n < this.documents.length; n++) if (this.documents[n].doc === e) return n;
|
|
@@ -2798,8 +2800,8 @@ function Vo() {
|
|
|
2798
2800
|
return o in t || i in t;
|
|
2799
2801
|
})), n = function(r, o) {
|
|
2800
2802
|
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++) {
|
|
2801
|
-
var m = e[p],
|
|
2802
|
-
c[
|
|
2803
|
+
var m = e[p], k = m[0], w = m[1], C = Math.round((r - u.x) / t[k]), _ = Math.round((o - u.y) / t[w]);
|
|
2804
|
+
c[k] = Math.max(s.left, Math.min(s.right, C * t[k] + u.x)), c[w] = Math.max(s.top, Math.min(s.bottom, _ * t[w] + u.y));
|
|
2803
2805
|
}
|
|
2804
2806
|
return c;
|
|
2805
2807
|
};
|
|
@@ -2816,8 +2818,8 @@ function Vo() {
|
|
|
2816
2818
|
e.edgeSign = { x: m, y: m };
|
|
2817
2819
|
} else e.edgeSign = { x: p.left ? -1 : 1, y: p.top ? -1 : 1 };
|
|
2818
2820
|
if (s !== !1 && I(r, p), c != null && c.length) {
|
|
2819
|
-
var
|
|
2820
|
-
|
|
2821
|
+
var k = new Rt(t.interaction);
|
|
2822
|
+
k.copyFrom(t.interaction.modification), k.prepareStates(c), e.subModification = k, k.startAll(d({}, t));
|
|
2821
2823
|
}
|
|
2822
2824
|
}, set: function(t) {
|
|
2823
2825
|
var e = t.state, n = t.rect, r = t.coords, o = e.linkedEdges, i = I({}, r), a = e.equalDelta ? _r : Mr;
|
|
@@ -2897,7 +2899,7 @@ function Vo() {
|
|
|
2897
2899
|
}
|
|
2898
2900
|
}, defaults: { min: null, max: null, endOnly: !1, enabled: !1 } }, "restrictSize"), Nt = { start: function(t) {
|
|
2899
2901
|
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) {
|
|
2900
|
-
var
|
|
2902
|
+
var k = m.interaction.element, w = Ze(ze(m.state.options.origin, null, null, [k])), C = w || Le(m.interactable, k, m.interaction.prepared.name);
|
|
2901
2903
|
return C;
|
|
2902
2904
|
})(t) : { x: 0, y: 0 };
|
|
2903
2905
|
if (l.offset === "startCoords") e = { x: n.coords.start.page.x, y: n.coords.start.page.y };
|
|
@@ -2906,21 +2908,21 @@ function Vo() {
|
|
|
2906
2908
|
(e = Ze(c) || { x: 0, y: 0 }).x += u.x, e.y += u.y;
|
|
2907
2909
|
}
|
|
2908
2910
|
var p = l.relativePoints;
|
|
2909
|
-
a.offsets = i && p && p.length ? p.map((function(m,
|
|
2910
|
-
return { index:
|
|
2911
|
+
a.offsets = i && p && p.length ? p.map((function(m, k) {
|
|
2912
|
+
return { index: k, relativePoint: m, x: s.left - i.width * m.x + e.x, y: s.top - i.height * m.y + e.y };
|
|
2911
2913
|
})) : [{ index: 0, relativePoint: null, x: e.x, y: e.y }];
|
|
2912
2914
|
}, set: function(t) {
|
|
2913
2915
|
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 = [];
|
|
2914
2916
|
o.offsetWithOrigin || (s.x -= a.x, s.y -= a.y);
|
|
2915
|
-
for (var u = 0, c = i; u < c.length; u++) for (var p = c[u], m = s.x - p.x,
|
|
2917
|
+
for (var u = 0, c = i; u < c.length; u++) for (var p = c[u], m = s.x - p.x, k = s.y - p.y, w = 0, C = o.targets.length; w < C; w++) {
|
|
2916
2918
|
var _ = o.targets[w], T = void 0;
|
|
2917
|
-
(T = g.func(_) ? _(m,
|
|
2919
|
+
(T = g.func(_) ? _(m, k, e._proxy, p, w) : _) && l.push({ x: (g.number(T.x) ? T.x : m) + p.x, y: (g.number(T.y) ? T.y : k) + p.y, range: g.number(T.range) ? T.range : o.range, source: _, index: w, offset: p });
|
|
2918
2920
|
}
|
|
2919
|
-
for (var
|
|
2920
|
-
var W = l[
|
|
2921
|
-
N === 1 / 0 &&
|
|
2921
|
+
for (var O = { target: null, inRange: !1, distance: 0, range: 0, delta: { x: 0, y: 0 } }, H = 0; H < l.length; H++) {
|
|
2922
|
+
var W = l[H], N = W.range, V = W.x - s.x, me = W.y - s.y, ae = je(V, me), ge = ae <= N;
|
|
2923
|
+
N === 1 / 0 && O.inRange && O.range !== 1 / 0 && (ge = !1), O.target && !(ge ? O.inRange && N !== 1 / 0 ? ae / N < O.distance / O.range : N === 1 / 0 && O.range !== 1 / 0 || ae < O.distance : !O.inRange && ae < O.distance) || (O.target = W, O.distance = ae, O.range = N, O.inRange = ge, O.delta.x = V, O.delta.y = me);
|
|
2922
2924
|
}
|
|
2923
|
-
return
|
|
2925
|
+
return O.inRange && (n.x = O.target.x, n.y = O.target.y), r.closest = O, O;
|
|
2924
2926
|
}, 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) {
|
|
2925
2927
|
var e = t.state, n = t.edges, r = e.options;
|
|
2926
2928
|
if (!n) return null;
|
|
@@ -2932,7 +2934,7 @@ function Vo() {
|
|
|
2932
2934
|
var u = l[s], c = void 0;
|
|
2933
2935
|
if (c = g.func(u) ? u(a.x, a.y, e) : u) {
|
|
2934
2936
|
for (var p = 0, m = n.targetFields; p < m.length; p++) {
|
|
2935
|
-
var
|
|
2937
|
+
var k = m[p], w = k[0], C = k[1];
|
|
2936
2938
|
if (w in c || C in c) {
|
|
2937
2939
|
c.x = c[w], c.y = c[C];
|
|
2938
2940
|
break;
|
|
@@ -2953,11 +2955,11 @@ function Vo() {
|
|
|
2953
2955
|
o._methods = i, t.defaults.perAction[n] = o;
|
|
2954
2956
|
}
|
|
2955
2957
|
} }, Hr = Fr, Mn = (function(t) {
|
|
2956
|
-
|
|
2958
|
+
A(n, t);
|
|
2957
2959
|
var e = P(n);
|
|
2958
2960
|
function n(r, o, i, a, s, l) {
|
|
2959
2961
|
var u;
|
|
2960
|
-
if (
|
|
2962
|
+
if (y(this, n), tt(X(u = e.call(this, s)), i), i !== o && tt(X(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") {
|
|
2961
2963
|
var c = s.getPointerIndex(o);
|
|
2962
2964
|
u.dt = u.timeStamp - s.pointers[c].downTime;
|
|
2963
2965
|
var p = u.timeStamp - s.tapTime;
|
|
@@ -2965,7 +2967,7 @@ function Vo() {
|
|
|
2965
2967
|
} else r === "doubletap" && (u.dt = o.timeStamp - s.tapTime, u.double = !0);
|
|
2966
2968
|
return u;
|
|
2967
2969
|
}
|
|
2968
|
-
return
|
|
2970
|
+
return E(n, [{ key: "_subtractOrigin", value: function(r) {
|
|
2969
2971
|
var o = r.x, i = r.y;
|
|
2970
2972
|
return this.pageX -= o, this.pageY -= i, this.clientX -= o, this.clientY -= i, this;
|
|
2971
2973
|
} }, { key: "_addOrigin", value: function(r) {
|
|
@@ -2988,8 +2990,8 @@ function Vo() {
|
|
|
2988
2990
|
}, "interactions:down": function(t, e) {
|
|
2989
2991
|
(function(n, r) {
|
|
2990
2992
|
for (var o = n.interaction, i = n.pointer, a = n.event, s = n.eventTarget, l = n.pointerIndex, u = o.pointers[l].hold, c = ue(s), p = { interaction: o, pointer: i, event: a, eventTarget: s, type: "hold", targets: [], path: c, node: null }, m = 0; m < c.length; m++) {
|
|
2991
|
-
var
|
|
2992
|
-
p.node =
|
|
2993
|
+
var k = c[m];
|
|
2994
|
+
p.node = k, r.fire("pointerEvents:collect-targets", p);
|
|
2993
2995
|
}
|
|
2994
2996
|
if (p.targets.length) {
|
|
2995
2997
|
for (var w = 1 / 0, C = 0, _ = p.targets; C < _.length; C++) {
|
|
@@ -3014,7 +3016,7 @@ function Vo() {
|
|
|
3014
3016
|
e.fire("pointerEvents:new", { pointerEvent: u });
|
|
3015
3017
|
for (var c = { interaction: n, pointer: r, event: o, eventTarget: i, targets: l, type: a, pointerEvent: u }, p = 0; p < l.length; p++) {
|
|
3016
3018
|
var m = l[p];
|
|
3017
|
-
for (var
|
|
3019
|
+
for (var k in m.props || {}) u[k] = m.props[k];
|
|
3018
3020
|
var w = Le(m.eventable, m.node);
|
|
3019
3021
|
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;
|
|
3020
3022
|
}
|
|
@@ -3031,9 +3033,9 @@ function Vo() {
|
|
|
3031
3033
|
var m = u[p];
|
|
3032
3034
|
c.node = m, e.fire("pointerEvents:collect-targets", c);
|
|
3033
3035
|
}
|
|
3034
|
-
return a === "hold" && (c.targets = c.targets.filter((function(
|
|
3036
|
+
return a === "hold" && (c.targets = c.targets.filter((function(k) {
|
|
3035
3037
|
var w, C;
|
|
3036
|
-
return
|
|
3038
|
+
return k.eventable.options.holdDuration === ((w = n.pointers[s]) == null || (C = w.hold) == null ? void 0 : C.duration);
|
|
3037
3039
|
}))), c.targets;
|
|
3038
3040
|
}
|
|
3039
3041
|
function Lt(t) {
|
|
@@ -3095,10 +3097,10 @@ function Vo() {
|
|
|
3095
3097
|
for (var a = r.getAllElements(), s = i.window.Promise, l = s ? [] : null, u = function() {
|
|
3096
3098
|
var p = a[c], m = r.getRect(p);
|
|
3097
3099
|
if (!m) return 1;
|
|
3098
|
-
var
|
|
3100
|
+
var k, w = Be(i.interactions.list, (function(T) {
|
|
3099
3101
|
return T.interacting() && T.interactable === r && T.element === p && T.prepared.name === o.name;
|
|
3100
3102
|
}));
|
|
3101
|
-
if (w) w.move(), l && (
|
|
3103
|
+
if (w) w.move(), l && (k = w._reflowPromise || new s((function(T) {
|
|
3102
3104
|
w._reflowResolve = T;
|
|
3103
3105
|
})));
|
|
3104
3106
|
else {
|
|
@@ -3130,16 +3132,16 @@ function Vo() {
|
|
|
3130
3132
|
}, preventDefault: function() {
|
|
3131
3133
|
} };
|
|
3132
3134
|
})({ page: { x: C.x, y: C.y }, client: { x: C.x, y: C.y }, timeStamp: i.now() });
|
|
3133
|
-
|
|
3134
|
-
var
|
|
3135
|
-
|
|
3135
|
+
k = (function(T, O, H, W, N) {
|
|
3136
|
+
var V = T.interactions.new({ pointerType: "reflow" }), me = { interaction: V, event: N, pointer: N, eventTarget: H, phase: "reflow" };
|
|
3137
|
+
V.interactable = O, V.element = H, V.prevEvent = N, V.updatePointer(N, N, H, !0), Ht(V.coords.delta), St(V.prepared, W), V._doPhase(me);
|
|
3136
3138
|
var ae = T.window, ge = ae.Promise, be = ge ? new ge((function(Se) {
|
|
3137
|
-
|
|
3139
|
+
V._reflowResolve = Se;
|
|
3138
3140
|
})) : void 0;
|
|
3139
|
-
return
|
|
3141
|
+
return V._reflowPromise = be, V.start(W, O, H), V._interacting ? (V.move(me), V.end(N)) : (V.stop(), V._reflowResolve()), V.removePointer(N, N), be;
|
|
3140
3142
|
})(i, r, p, o, _);
|
|
3141
3143
|
}
|
|
3142
|
-
l && l.push(
|
|
3144
|
+
l && l.push(k);
|
|
3143
3145
|
}, c = 0; c < a.length && !u(); c++) ;
|
|
3144
3146
|
return l && s.all(l).then((function() {
|
|
3145
3147
|
return r;
|
|
@@ -3152,7 +3154,7 @@ function Vo() {
|
|
|
3152
3154
|
r.splice(r.indexOf(o), 1);
|
|
3153
3155
|
})(e.interactions.list, n));
|
|
3154
3156
|
} } }, Kr = Gr;
|
|
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,
|
|
3157
|
+
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, b(h) === "object" && h) try {
|
|
3156
3158
|
h.exports = ve;
|
|
3157
3159
|
} catch {
|
|
3158
3160
|
}
|
|
@@ -3167,27 +3169,28 @@ function An(h) {
|
|
|
3167
3169
|
v.type = "file", v.accept = "image/*", v.onchange = (f) => {
|
|
3168
3170
|
const d = f.target.files?.[0];
|
|
3169
3171
|
if (d) {
|
|
3170
|
-
const
|
|
3171
|
-
|
|
3172
|
+
const b = new FileReader();
|
|
3173
|
+
b.onload = (y) => {
|
|
3172
3174
|
const S = document.createElement("img");
|
|
3173
|
-
S.src =
|
|
3174
|
-
const
|
|
3175
|
-
|
|
3176
|
-
const
|
|
3177
|
-
|
|
3175
|
+
S.src = y.target?.result, S.style.maxWidth = "100%", S.style.width = "100%", S.style.height = "auto", S.style.cursor = "pointer", S.draggable = !1;
|
|
3176
|
+
const E = document.createElement("div");
|
|
3177
|
+
E.className = "editor-image-wrapper", E.style.display = "inline-block", E.style.position = "relative", E.style.maxWidth = "100%", E.style.width = "auto", E.style.height = "auto", E.contentEditable = "false", E.style.boxSizing = "border-box", E.style.touchAction = "none", E.style.userSelect = "none", E.appendChild(S);
|
|
3178
|
+
const M = document.createElement("div");
|
|
3179
|
+
M.contentEditable = "true", M.style.margin = "10px 0", M.style.textAlign = "left", M.style.display = "block", M.appendChild(E);
|
|
3178
3180
|
try {
|
|
3179
3181
|
Ne();
|
|
3180
|
-
const
|
|
3181
|
-
if (
|
|
3182
|
-
|
|
3183
|
-
const
|
|
3184
|
-
|
|
3182
|
+
const A = window.getSelection();
|
|
3183
|
+
if (A && A.rangeCount > 0) {
|
|
3184
|
+
A.getRangeAt(0).insertNode(M), A.removeAllRanges();
|
|
3185
|
+
const F = document.createRange();
|
|
3186
|
+
F.setStartAfter(M), F.collapse(!0), A.addRange(F), he(F);
|
|
3185
3187
|
} else
|
|
3186
|
-
h.appendChild(
|
|
3188
|
+
h.appendChild(M), h.focus(), he();
|
|
3187
3189
|
} catch {
|
|
3188
|
-
h.appendChild(
|
|
3190
|
+
h.appendChild(M), h.focus(), he();
|
|
3189
3191
|
}
|
|
3190
|
-
|
|
3192
|
+
h.dispatchEvent(new Event("input", { bubbles: !0 })), h.focus();
|
|
3193
|
+
}, b.readAsDataURL(d);
|
|
3191
3194
|
}
|
|
3192
3195
|
}, v.click();
|
|
3193
3196
|
}
|
|
@@ -3197,19 +3200,19 @@ function $o(h) {
|
|
|
3197
3200
|
const f = v.querySelector("img");
|
|
3198
3201
|
if (f)
|
|
3199
3202
|
if (v.classList.contains("resizable")) {
|
|
3200
|
-
const d = v.getBoundingClientRect(),
|
|
3201
|
-
jt(v).unset(), v.classList.remove("resizable"), v.style.border = "none", v.style.transform = "", v.dataset.x = "", v.dataset.y = "", v.style.width =
|
|
3203
|
+
const d = v.getBoundingClientRect(), b = Math.round(d.width) + "px", y = Math.round(d.height) + "px";
|
|
3204
|
+
jt(v).unset(), v.classList.remove("resizable"), v.style.border = "none", v.style.transform = "", v.dataset.x = "", v.dataset.y = "", v.style.width = b, v.style.height = y, v.contentEditable = "false", f && (f.style.width = "100%", f.style.height = "100%");
|
|
3202
3205
|
} else {
|
|
3203
3206
|
v.classList.add("resizable"), v.style.border = "2px dashed #007bff", v.style.position = "relative", v.style.userSelect = "none";
|
|
3204
3207
|
const d = v.getBoundingClientRect();
|
|
3205
3208
|
v.style.width = d.width + "px", v.style.height = d.height + "px", f && (f.style.width = "100%", f.style.height = "100%"), jt(v).resizable({
|
|
3206
3209
|
edges: { left: !0, right: !0, bottom: !0, top: !0 },
|
|
3207
3210
|
listeners: {
|
|
3208
|
-
move: (
|
|
3209
|
-
const
|
|
3210
|
-
Object.assign(
|
|
3211
|
-
width: `${
|
|
3212
|
-
height: `${
|
|
3211
|
+
move: (b) => {
|
|
3212
|
+
const y = b.target;
|
|
3213
|
+
Object.assign(y.style, {
|
|
3214
|
+
width: `${b.rect.width}px`,
|
|
3215
|
+
height: `${b.rect.height}px`
|
|
3213
3216
|
});
|
|
3214
3217
|
}
|
|
3215
3218
|
},
|
|
@@ -3250,19 +3253,19 @@ function Uo() {
|
|
|
3250
3253
|
if (Pn) return Xe;
|
|
3251
3254
|
Pn = 1;
|
|
3252
3255
|
var h = Symbol.for("react.transitional.element"), v = Symbol.for("react.fragment");
|
|
3253
|
-
function f(d,
|
|
3256
|
+
function f(d, b, y) {
|
|
3254
3257
|
var S = null;
|
|
3255
|
-
if (
|
|
3256
|
-
|
|
3257
|
-
for (var
|
|
3258
|
-
|
|
3259
|
-
} else
|
|
3260
|
-
return
|
|
3258
|
+
if (y !== void 0 && (S = "" + y), b.key !== void 0 && (S = "" + b.key), "key" in b) {
|
|
3259
|
+
y = {};
|
|
3260
|
+
for (var E in b)
|
|
3261
|
+
E !== "key" && (y[E] = b[E]);
|
|
3262
|
+
} else y = b;
|
|
3263
|
+
return b = y.ref, {
|
|
3261
3264
|
$$typeof: h,
|
|
3262
3265
|
type: d,
|
|
3263
3266
|
key: S,
|
|
3264
|
-
ref:
|
|
3265
|
-
props:
|
|
3267
|
+
ref: b !== void 0 ? b : null,
|
|
3268
|
+
props: y
|
|
3266
3269
|
};
|
|
3267
3270
|
}
|
|
3268
3271
|
return Xe.Fragment = v, Xe.jsx = f, Xe.jsxs = f, Xe;
|
|
@@ -3277,13 +3280,13 @@ function Xo() {
|
|
|
3277
3280
|
return x.$$typeof === ce ? null : x.displayName || x.name || null;
|
|
3278
3281
|
if (typeof x == "string") return x;
|
|
3279
3282
|
switch (x) {
|
|
3280
|
-
case
|
|
3283
|
+
case G:
|
|
3281
3284
|
return "Fragment";
|
|
3282
3285
|
case U:
|
|
3283
3286
|
return "Profiler";
|
|
3284
3287
|
case oe:
|
|
3285
3288
|
return "StrictMode";
|
|
3286
|
-
case
|
|
3289
|
+
case ee:
|
|
3287
3290
|
return "Suspense";
|
|
3288
3291
|
case g:
|
|
3289
3292
|
return "SuspenseList";
|
|
@@ -3294,16 +3297,16 @@ function Xo() {
|
|
|
3294
3297
|
switch (typeof x.tag == "number" && console.error(
|
|
3295
3298
|
"Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
|
|
3296
3299
|
), x.$$typeof) {
|
|
3297
|
-
case
|
|
3300
|
+
case K:
|
|
3298
3301
|
return "Portal";
|
|
3299
|
-
case
|
|
3302
|
+
case Z:
|
|
3300
3303
|
return x.displayName || "Context";
|
|
3301
|
-
case
|
|
3304
|
+
case ne:
|
|
3302
3305
|
return (x._context.displayName || "Context") + ".Consumer";
|
|
3303
3306
|
case ie:
|
|
3304
3307
|
var D = x.render;
|
|
3305
3308
|
return x = x.displayName, x || (x = D.displayName || D.name || "", x = x !== "" ? "ForwardRef(" + x + ")" : "ForwardRef"), x;
|
|
3306
|
-
case
|
|
3309
|
+
case J:
|
|
3307
3310
|
return D = x.displayName || null, D !== null ? D : h(x.type) || "Memo";
|
|
3308
3311
|
case z:
|
|
3309
3312
|
D = x._payload, x = x._init;
|
|
@@ -3326,16 +3329,16 @@ function Xo() {
|
|
|
3326
3329
|
}
|
|
3327
3330
|
if (D) {
|
|
3328
3331
|
D = console;
|
|
3329
|
-
var L = D.error,
|
|
3332
|
+
var L = D.error, q = typeof Symbol == "function" && Symbol.toStringTag && x[Symbol.toStringTag] || x.constructor.name || "Object";
|
|
3330
3333
|
return L.call(
|
|
3331
3334
|
D,
|
|
3332
3335
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
3333
|
-
|
|
3336
|
+
q
|
|
3334
3337
|
), v(x);
|
|
3335
3338
|
}
|
|
3336
3339
|
}
|
|
3337
3340
|
function d(x) {
|
|
3338
|
-
if (x ===
|
|
3341
|
+
if (x === G) return "<>";
|
|
3339
3342
|
if (typeof x == "object" && x !== null && x.$$typeof === z)
|
|
3340
3343
|
return "<...>";
|
|
3341
3344
|
try {
|
|
@@ -3345,11 +3348,11 @@ function Xo() {
|
|
|
3345
3348
|
return "<...>";
|
|
3346
3349
|
}
|
|
3347
3350
|
}
|
|
3348
|
-
function
|
|
3349
|
-
var x =
|
|
3351
|
+
function b() {
|
|
3352
|
+
var x = Y.A;
|
|
3350
3353
|
return x === null ? null : x.getOwner();
|
|
3351
3354
|
}
|
|
3352
|
-
function
|
|
3355
|
+
function y() {
|
|
3353
3356
|
return Error("react-stack-top-frame");
|
|
3354
3357
|
}
|
|
3355
3358
|
function S(x) {
|
|
@@ -3359,9 +3362,9 @@ function Xo() {
|
|
|
3359
3362
|
}
|
|
3360
3363
|
return x.key !== void 0;
|
|
3361
3364
|
}
|
|
3362
|
-
function
|
|
3365
|
+
function E(x, D) {
|
|
3363
3366
|
function L() {
|
|
3364
|
-
|
|
3367
|
+
Q || (Q = !0, console.error(
|
|
3365
3368
|
"%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)",
|
|
3366
3369
|
D
|
|
3367
3370
|
));
|
|
@@ -3371,23 +3374,23 @@ function Xo() {
|
|
|
3371
3374
|
configurable: !0
|
|
3372
3375
|
});
|
|
3373
3376
|
}
|
|
3374
|
-
function
|
|
3377
|
+
function M() {
|
|
3375
3378
|
var x = h(this.type);
|
|
3376
3379
|
return se[x] || (se[x] = !0, console.error(
|
|
3377
3380
|
"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."
|
|
3378
3381
|
)), x = this.props.ref, x !== void 0 ? x : null;
|
|
3379
3382
|
}
|
|
3380
|
-
function
|
|
3383
|
+
function A(x, D, L, q, xe, we) {
|
|
3381
3384
|
var ue = L.ref;
|
|
3382
3385
|
return x = {
|
|
3383
|
-
$$typeof:
|
|
3386
|
+
$$typeof: te,
|
|
3384
3387
|
type: x,
|
|
3385
3388
|
key: D,
|
|
3386
3389
|
props: L,
|
|
3387
|
-
_owner:
|
|
3390
|
+
_owner: q
|
|
3388
3391
|
}, (ue !== void 0 ? ue : null) !== null ? Object.defineProperty(x, "ref", {
|
|
3389
3392
|
enumerable: !1,
|
|
3390
|
-
get:
|
|
3393
|
+
get: M
|
|
3391
3394
|
}) : Object.defineProperty(x, "ref", { enumerable: !1, value: null }), x._store = {}, Object.defineProperty(x._store, "validated", {
|
|
3392
3395
|
configurable: !1,
|
|
3393
3396
|
enumerable: !1,
|
|
@@ -3410,61 +3413,61 @@ function Xo() {
|
|
|
3410
3413
|
value: we
|
|
3411
3414
|
}), Object.freeze && (Object.freeze(x.props), Object.freeze(x)), x;
|
|
3412
3415
|
}
|
|
3413
|
-
function
|
|
3416
|
+
function R(x, D, L, q, xe, we) {
|
|
3414
3417
|
var ue = D.children;
|
|
3415
3418
|
if (ue !== void 0)
|
|
3416
|
-
if (
|
|
3417
|
-
if (
|
|
3418
|
-
for (
|
|
3419
|
-
|
|
3419
|
+
if (q)
|
|
3420
|
+
if (B(ue)) {
|
|
3421
|
+
for (q = 0; q < ue.length; q++)
|
|
3422
|
+
F(ue[q]);
|
|
3420
3423
|
Object.freeze && Object.freeze(ue);
|
|
3421
3424
|
} else
|
|
3422
3425
|
console.error(
|
|
3423
3426
|
"React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
|
|
3424
3427
|
);
|
|
3425
|
-
else
|
|
3428
|
+
else F(ue);
|
|
3426
3429
|
if ($.call(D, "key")) {
|
|
3427
3430
|
ue = h(x);
|
|
3428
3431
|
var Ee = Object.keys(D).filter(function(Qe) {
|
|
3429
3432
|
return Qe !== "key";
|
|
3430
3433
|
});
|
|
3431
|
-
|
|
3434
|
+
q = 0 < Ee.length ? "{key: someKey, " + Ee.join(": ..., ") + ": ...}" : "{key: someKey}", fe[ue + q] || (Ee = 0 < Ee.length ? "{" + Ee.join(": ..., ") + ": ...}" : "{}", console.error(
|
|
3432
3435
|
`A props object containing a "key" prop is being spread into JSX:
|
|
3433
3436
|
let props = %s;
|
|
3434
3437
|
<%s {...props} />
|
|
3435
3438
|
React keys must be passed directly to JSX without using spread:
|
|
3436
3439
|
let props = %s;
|
|
3437
3440
|
<%s key={someKey} {...props} />`,
|
|
3438
|
-
|
|
3441
|
+
q,
|
|
3439
3442
|
ue,
|
|
3440
3443
|
Ee,
|
|
3441
3444
|
ue
|
|
3442
|
-
), fe[ue +
|
|
3445
|
+
), fe[ue + q] = !0);
|
|
3443
3446
|
}
|
|
3444
3447
|
if (ue = null, L !== void 0 && (f(L), ue = "" + L), S(D) && (f(D.key), ue = "" + D.key), "key" in D) {
|
|
3445
3448
|
L = {};
|
|
3446
3449
|
for (var I in D)
|
|
3447
3450
|
I !== "key" && (L[I] = D[I]);
|
|
3448
3451
|
} else L = D;
|
|
3449
|
-
return ue &&
|
|
3452
|
+
return ue && E(
|
|
3450
3453
|
L,
|
|
3451
3454
|
typeof x == "function" ? x.displayName || x.name || "Unknown" : x
|
|
3452
|
-
),
|
|
3455
|
+
), A(
|
|
3453
3456
|
x,
|
|
3454
3457
|
ue,
|
|
3455
3458
|
L,
|
|
3456
|
-
|
|
3459
|
+
b(),
|
|
3457
3460
|
xe,
|
|
3458
3461
|
we
|
|
3459
3462
|
);
|
|
3460
3463
|
}
|
|
3461
|
-
function
|
|
3462
|
-
|
|
3464
|
+
function F(x) {
|
|
3465
|
+
X(x) ? x._store && (x._store.validated = 1) : typeof x == "object" && x !== null && x.$$typeof === z && (x._payload.status === "fulfilled" ? X(x._payload.value) && x._payload.value._store && (x._payload.value._store.validated = 1) : x._store && (x._store.validated = 1));
|
|
3463
3466
|
}
|
|
3464
|
-
function
|
|
3465
|
-
return typeof x == "object" && x !== null && x.$$typeof ===
|
|
3467
|
+
function X(x) {
|
|
3468
|
+
return typeof x == "object" && x !== null && x.$$typeof === te;
|
|
3466
3469
|
}
|
|
3467
|
-
var P = Jr,
|
|
3470
|
+
var P = Jr, te = Symbol.for("react.transitional.element"), K = Symbol.for("react.portal"), G = Symbol.for("react.fragment"), oe = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), ne = Symbol.for("react.consumer"), Z = Symbol.for("react.context"), ie = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), ce = Symbol.for("react.client.reference"), Y = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, B = Array.isArray, re = console.createTask ? console.createTask : function() {
|
|
3468
3471
|
return null;
|
|
3469
3472
|
};
|
|
3470
3473
|
P = {
|
|
@@ -3472,29 +3475,29 @@ React keys must be passed directly to JSX without using spread:
|
|
|
3472
3475
|
return x();
|
|
3473
3476
|
}
|
|
3474
3477
|
};
|
|
3475
|
-
var
|
|
3478
|
+
var Q, se = {}, de = P.react_stack_bottom_frame.bind(
|
|
3476
3479
|
P,
|
|
3477
|
-
|
|
3478
|
-
)(), pe =
|
|
3479
|
-
Ge.Fragment =
|
|
3480
|
-
var
|
|
3481
|
-
return
|
|
3480
|
+
y
|
|
3481
|
+
)(), pe = re(d(y)), fe = {};
|
|
3482
|
+
Ge.Fragment = G, Ge.jsx = function(x, D, L) {
|
|
3483
|
+
var q = 1e4 > Y.recentlyCreatedOwnerStacks++;
|
|
3484
|
+
return R(
|
|
3482
3485
|
x,
|
|
3483
3486
|
D,
|
|
3484
3487
|
L,
|
|
3485
3488
|
!1,
|
|
3486
|
-
|
|
3487
|
-
|
|
3489
|
+
q ? Error("react-stack-top-frame") : de,
|
|
3490
|
+
q ? re(d(x)) : pe
|
|
3488
3491
|
);
|
|
3489
3492
|
}, Ge.jsxs = function(x, D, L) {
|
|
3490
|
-
var
|
|
3491
|
-
return
|
|
3493
|
+
var q = 1e4 > Y.recentlyCreatedOwnerStacks++;
|
|
3494
|
+
return R(
|
|
3492
3495
|
x,
|
|
3493
3496
|
D,
|
|
3494
3497
|
L,
|
|
3495
3498
|
!0,
|
|
3496
|
-
|
|
3497
|
-
|
|
3499
|
+
q ? Error("react-stack-top-frame") : de,
|
|
3500
|
+
q ? re(d(x)) : pe
|
|
3498
3501
|
);
|
|
3499
3502
|
};
|
|
3500
3503
|
})()), Ge;
|
|
@@ -3512,11 +3515,11 @@ const Qo = ({
|
|
|
3512
3515
|
return Qr(() => {
|
|
3513
3516
|
if (d.current && !f.current) {
|
|
3514
3517
|
f.current = new Wo(), d.current.appendChild(f.current.getElement()), v && f.current.setHTML(v);
|
|
3515
|
-
const
|
|
3518
|
+
const b = f.current.getElement(), y = () => {
|
|
3516
3519
|
const S = f.current?.getHTML() || "";
|
|
3517
3520
|
h?.(S);
|
|
3518
3521
|
};
|
|
3519
|
-
|
|
3522
|
+
b.addEventListener("input", y), b.addEventListener("keyup", y), b.addEventListener("paste", y);
|
|
3520
3523
|
}
|
|
3521
3524
|
}, [h, v]), /* @__PURE__ */ Ko.jsx("div", { ref: d });
|
|
3522
3525
|
};
|