@ryzeup/richtexteditor 1.0.7 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +545 -528
- package/dist/index.js +2 -2
- package/dist/index.umd.js +2 -2
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,172 +1,172 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
for (var
|
|
7
|
-
|
|
8
|
-
if (
|
|
9
|
-
for (var
|
|
10
|
-
|
|
1
|
+
var Je = Object.defineProperty, Ge = Object.defineProperties;
|
|
2
|
+
var et = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var ye = Object.getOwnPropertySymbols;
|
|
4
|
+
var tt = Object.prototype.hasOwnProperty, nt = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var Ce = (t, c, s) => c in t ? Je(t, c, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[c] = s, G = (t, c) => {
|
|
6
|
+
for (var s in c || (c = {}))
|
|
7
|
+
tt.call(c, s) && Ce(t, s, c[s]);
|
|
8
|
+
if (ye)
|
|
9
|
+
for (var s of ye(c))
|
|
10
|
+
nt.call(c, s) && Ce(t, s, c[s]);
|
|
11
11
|
return t;
|
|
12
|
-
}, ee = (t, c) =>
|
|
13
|
-
import * as
|
|
14
|
-
import
|
|
15
|
-
window.React =
|
|
16
|
-
var
|
|
12
|
+
}, ee = (t, c) => Ge(t, et(c));
|
|
13
|
+
import * as rt from "react";
|
|
14
|
+
import a, { useRef as _, useState as N, useEffect as B } from "react";
|
|
15
|
+
window.React = rt;
|
|
16
|
+
var Re = {
|
|
17
17
|
color: void 0,
|
|
18
18
|
size: void 0,
|
|
19
19
|
className: void 0,
|
|
20
20
|
style: void 0,
|
|
21
21
|
attr: void 0
|
|
22
|
-
},
|
|
23
|
-
function
|
|
22
|
+
}, be = a.createContext && /* @__PURE__ */ a.createContext(Re), at = ["attr", "size", "title"];
|
|
23
|
+
function ot(t, c) {
|
|
24
24
|
if (t == null) return {};
|
|
25
|
-
var
|
|
25
|
+
var s = lt(t, c), d, v;
|
|
26
26
|
if (Object.getOwnPropertySymbols) {
|
|
27
|
-
var
|
|
28
|
-
for (v = 0; v <
|
|
29
|
-
d =
|
|
27
|
+
var y = Object.getOwnPropertySymbols(t);
|
|
28
|
+
for (v = 0; v < y.length; v++)
|
|
29
|
+
d = y[v], !(c.indexOf(d) >= 0) && Object.prototype.propertyIsEnumerable.call(t, d) && (s[d] = t[d]);
|
|
30
30
|
}
|
|
31
|
-
return
|
|
31
|
+
return s;
|
|
32
32
|
}
|
|
33
|
-
function
|
|
33
|
+
function lt(t, c) {
|
|
34
34
|
if (t == null) return {};
|
|
35
|
-
var
|
|
35
|
+
var s = {};
|
|
36
36
|
for (var d in t)
|
|
37
37
|
if (Object.prototype.hasOwnProperty.call(t, d)) {
|
|
38
38
|
if (c.indexOf(d) >= 0) continue;
|
|
39
|
-
|
|
39
|
+
s[d] = t[d];
|
|
40
40
|
}
|
|
41
|
-
return
|
|
41
|
+
return s;
|
|
42
42
|
}
|
|
43
43
|
function X() {
|
|
44
44
|
return X = Object.assign ? Object.assign.bind() : function(t) {
|
|
45
45
|
for (var c = 1; c < arguments.length; c++) {
|
|
46
|
-
var
|
|
47
|
-
for (var d in
|
|
48
|
-
Object.prototype.hasOwnProperty.call(
|
|
46
|
+
var s = arguments[c];
|
|
47
|
+
for (var d in s)
|
|
48
|
+
Object.prototype.hasOwnProperty.call(s, d) && (t[d] = s[d]);
|
|
49
49
|
}
|
|
50
50
|
return t;
|
|
51
51
|
}, X.apply(this, arguments);
|
|
52
52
|
}
|
|
53
|
-
function
|
|
54
|
-
var
|
|
53
|
+
function xe(t, c) {
|
|
54
|
+
var s = Object.keys(t);
|
|
55
55
|
if (Object.getOwnPropertySymbols) {
|
|
56
56
|
var d = Object.getOwnPropertySymbols(t);
|
|
57
57
|
c && (d = d.filter(function(v) {
|
|
58
58
|
return Object.getOwnPropertyDescriptor(t, v).enumerable;
|
|
59
|
-
})),
|
|
59
|
+
})), s.push.apply(s, d);
|
|
60
60
|
}
|
|
61
|
-
return
|
|
61
|
+
return s;
|
|
62
62
|
}
|
|
63
63
|
function Y(t) {
|
|
64
64
|
for (var c = 1; c < arguments.length; c++) {
|
|
65
|
-
var
|
|
66
|
-
c % 2 ?
|
|
67
|
-
|
|
68
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(
|
|
69
|
-
Object.defineProperty(t, d, Object.getOwnPropertyDescriptor(
|
|
65
|
+
var s = arguments[c] != null ? arguments[c] : {};
|
|
66
|
+
c % 2 ? xe(Object(s), !0).forEach(function(d) {
|
|
67
|
+
ct(t, d, s[d]);
|
|
68
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(s)) : xe(Object(s)).forEach(function(d) {
|
|
69
|
+
Object.defineProperty(t, d, Object.getOwnPropertyDescriptor(s, d));
|
|
70
70
|
});
|
|
71
71
|
}
|
|
72
72
|
return t;
|
|
73
73
|
}
|
|
74
|
-
function
|
|
75
|
-
return c =
|
|
74
|
+
function ct(t, c, s) {
|
|
75
|
+
return c = it(c), c in t ? Object.defineProperty(t, c, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : t[c] = s, t;
|
|
76
76
|
}
|
|
77
|
-
function
|
|
78
|
-
var c =
|
|
77
|
+
function it(t) {
|
|
78
|
+
var c = st(t, "string");
|
|
79
79
|
return typeof c == "symbol" ? c : c + "";
|
|
80
80
|
}
|
|
81
|
-
function
|
|
81
|
+
function st(t, c) {
|
|
82
82
|
if (typeof t != "object" || !t) return t;
|
|
83
|
-
var
|
|
84
|
-
if (
|
|
85
|
-
var d =
|
|
83
|
+
var s = t[Symbol.toPrimitive];
|
|
84
|
+
if (s !== void 0) {
|
|
85
|
+
var d = s.call(t, c);
|
|
86
86
|
if (typeof d != "object") return d;
|
|
87
87
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
88
88
|
}
|
|
89
89
|
return (c === "string" ? String : Number)(t);
|
|
90
90
|
}
|
|
91
|
-
function
|
|
92
|
-
return t && t.map((c,
|
|
93
|
-
key:
|
|
94
|
-
}, c.attr),
|
|
91
|
+
function Se(t) {
|
|
92
|
+
return t && t.map((c, s) => /* @__PURE__ */ a.createElement(c.tag, Y({
|
|
93
|
+
key: s
|
|
94
|
+
}, c.attr), Se(c.child)));
|
|
95
95
|
}
|
|
96
96
|
function S(t) {
|
|
97
|
-
return (c) => /* @__PURE__ */
|
|
97
|
+
return (c) => /* @__PURE__ */ a.createElement(dt, X({
|
|
98
98
|
attr: Y({}, t.attr)
|
|
99
|
-
}, c),
|
|
99
|
+
}, c), Se(t.child));
|
|
100
100
|
}
|
|
101
|
-
function
|
|
102
|
-
var c = (
|
|
101
|
+
function dt(t) {
|
|
102
|
+
var c = (s) => {
|
|
103
103
|
var {
|
|
104
104
|
attr: d,
|
|
105
105
|
size: v,
|
|
106
|
-
title:
|
|
107
|
-
} = t, R =
|
|
108
|
-
return
|
|
106
|
+
title: y
|
|
107
|
+
} = t, R = ot(t, at), L = v || s.size || "1em", E;
|
|
108
|
+
return s.className && (E = s.className), t.className && (E = (E ? E + " " : "") + t.className), /* @__PURE__ */ a.createElement("svg", X({
|
|
109
109
|
stroke: "currentColor",
|
|
110
110
|
fill: "currentColor",
|
|
111
111
|
strokeWidth: "0"
|
|
112
|
-
},
|
|
112
|
+
}, s.attr, d, R, {
|
|
113
113
|
className: E,
|
|
114
114
|
style: Y(Y({
|
|
115
|
-
color: t.color ||
|
|
116
|
-
},
|
|
115
|
+
color: t.color || s.color
|
|
116
|
+
}, s.style), t.style),
|
|
117
117
|
height: L,
|
|
118
118
|
width: L,
|
|
119
119
|
xmlns: "http://www.w3.org/2000/svg"
|
|
120
|
-
}),
|
|
120
|
+
}), y && /* @__PURE__ */ a.createElement("title", null, y), t.children);
|
|
121
121
|
};
|
|
122
|
-
return
|
|
122
|
+
return be !== void 0 ? /* @__PURE__ */ a.createElement(be.Consumer, null, (s) => c(s)) : c(Re);
|
|
123
123
|
}
|
|
124
|
-
function
|
|
124
|
+
function ut(t) {
|
|
125
125
|
return S({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M352 64c0-17.7-14.3-32-32-32L128 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32L32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 416c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32l-192 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32z" }, child: [] }] })(t);
|
|
126
126
|
}
|
|
127
|
-
function
|
|
127
|
+
function mt(t) {
|
|
128
128
|
return S({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M448 64c0 17.7-14.3 32-32 32L192 96c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z" }, child: [] }] })(t);
|
|
129
129
|
}
|
|
130
|
-
function
|
|
130
|
+
function gt(t) {
|
|
131
131
|
return S({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z" }, child: [] }] })(t);
|
|
132
132
|
}
|
|
133
|
-
function
|
|
133
|
+
function ht(t) {
|
|
134
134
|
return S({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M24 56c0-13.3 10.7-24 24-24l32 0c13.3 0 24 10.7 24 24l0 120 16 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l16 0 0-96-8 0C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432l33.2 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-88 0c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z" }, child: [] }] })(t);
|
|
135
135
|
}
|
|
136
|
-
function
|
|
136
|
+
function ft(t) {
|
|
137
137
|
return S({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" }, child: [] }] })(t);
|
|
138
138
|
}
|
|
139
|
-
function
|
|
139
|
+
function pt(t) {
|
|
140
140
|
return S({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M333.49 238a122 122 0 0 0 27-65.21C367.87 96.49 308 32 233.42 32H34a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h31.87v288H34a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h209.32c70.8 0 134.14-51.75 141-122.4 4.74-48.45-16.39-92.06-50.83-119.6zM145.66 112h87.76a48 48 0 0 1 0 96h-87.76zm87.76 288h-87.76V288h87.76a56 56 0 0 1 0 112z" }, child: [] }] })(t);
|
|
141
141
|
}
|
|
142
|
-
function
|
|
142
|
+
function vt(t) {
|
|
143
143
|
return S({ attr: { viewBox: "0 0 544 512" }, child: [{ tag: "path", attr: { d: "M0 479.98L99.92 512l35.45-35.45-67.04-67.04L0 479.98zm124.61-240.01a36.592 36.592 0 0 0-10.79 38.1l13.05 42.83-50.93 50.94 96.23 96.23 50.86-50.86 42.74 13.08c13.73 4.2 28.65-.01 38.15-10.78l35.55-41.64-173.34-173.34-41.52 35.44zm403.31-160.7l-63.2-63.2c-20.49-20.49-53.38-21.52-75.12-2.35L190.55 183.68l169.77 169.78L530.27 154.4c19.18-21.74 18.15-54.63-2.35-75.13z" }, child: [] }] })(t);
|
|
144
144
|
}
|
|
145
|
-
function
|
|
145
|
+
function Et(t) {
|
|
146
146
|
return S({ attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M320 48v32a16 16 0 0 1-16 16h-62.76l-80 320H208a16 16 0 0 1 16 16v32a16 16 0 0 1-16 16H16a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h62.76l80-320H112a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h192a16 16 0 0 1 16 16z" }, child: [] }] })(t);
|
|
147
147
|
}
|
|
148
|
-
function
|
|
148
|
+
function wt(t) {
|
|
149
149
|
return S({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z" }, child: [] }] })(t);
|
|
150
150
|
}
|
|
151
|
-
function
|
|
151
|
+
function yt(t) {
|
|
152
152
|
return S({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M80 368H16a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-64a16 16 0 0 0-16-16zm0-320H16A16 16 0 0 0 0 64v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16zm0 160H16a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-64a16 16 0 0 0-16-16zm416 176H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" }, child: [] }] })(t);
|
|
153
153
|
}
|
|
154
|
-
function
|
|
154
|
+
function Ct(t) {
|
|
155
155
|
return S({ attr: { viewBox: "0 0 496 512" }, child: [{ tag: "path", attr: { d: "M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm194.8 170.2C334.3 380.4 292.5 400 248 400s-86.3-19.6-114.8-53.8c-13.6-16.3 11-36.7 24.6-20.5 22.4 26.9 55.2 42.2 90.2 42.2s67.8-15.4 90.2-42.2c13.4-16.2 38.1 4.2 24.6 20.5z" }, child: [] }] })(t);
|
|
156
156
|
}
|
|
157
|
-
function
|
|
157
|
+
function bt(t) {
|
|
158
158
|
return S({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM224 416H64v-96h160v96zm0-160H64v-96h160v96zm224 160H288v-96h160v96zm0-160H288v-96h160v96z" }, child: [] }] })(t);
|
|
159
159
|
}
|
|
160
|
-
function
|
|
160
|
+
function xt(t) {
|
|
161
161
|
return S({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M32 64h32v160c0 88.22 71.78 160 160 160s160-71.78 160-160V64h32a16 16 0 0 0 16-16V16a16 16 0 0 0-16-16H272a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32v160a80 80 0 0 1-160 0V64h32a16 16 0 0 0 16-16V16a16 16 0 0 0-16-16H32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm400 384H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" }, child: [] }] })(t);
|
|
162
162
|
}
|
|
163
|
-
function
|
|
163
|
+
function Lt(t) {
|
|
164
164
|
return S({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M2 20h20v4H2v-4zm3.49-3h2.42l1.27-3.58h5.65L16.09 17h2.42L13.25 3h-2.5L5.49 17zm4.42-5.61 2.03-5.79h.12l2.03 5.79H9.91z" }, child: [] }] })(t);
|
|
165
165
|
}
|
|
166
|
-
function
|
|
166
|
+
function Rt(t) {
|
|
167
167
|
return S({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z" }, child: [] }, { tag: "path", attr: { d: "M20 8V5H6.39l3 3h1.83l-.55 1.28 2.09 2.1L14.21 8zM3.41 4.86 2 6.27l6.97 6.97L6.5 19h3l1.57-3.66L16.73 21l1.41-1.41z" }, child: [] }] })(t);
|
|
168
168
|
}
|
|
169
|
-
const
|
|
169
|
+
const St = [
|
|
170
170
|
"😀",
|
|
171
171
|
"😁",
|
|
172
172
|
"😂",
|
|
@@ -278,54 +278,54 @@ const Ct = [
|
|
|
278
278
|
"👏",
|
|
279
279
|
"🫶",
|
|
280
280
|
"👐"
|
|
281
|
-
],
|
|
281
|
+
], Mt = ({
|
|
282
282
|
exec: t,
|
|
283
283
|
saveSelection: c,
|
|
284
|
-
handleFileChange:
|
|
284
|
+
handleFileChange: s,
|
|
285
285
|
handleFontSizeChange: d,
|
|
286
286
|
handleFontFamilyChange: v,
|
|
287
287
|
// insertListBlock,
|
|
288
|
-
insertEmoji:
|
|
288
|
+
insertEmoji: y,
|
|
289
289
|
handleLink: R,
|
|
290
290
|
removeFormatting: L,
|
|
291
291
|
visibleActions: E,
|
|
292
292
|
className: T,
|
|
293
|
-
style:
|
|
293
|
+
style: H
|
|
294
294
|
}) => {
|
|
295
|
-
var
|
|
296
|
-
const M = _(null),
|
|
297
|
-
|
|
298
|
-
const
|
|
299
|
-
!
|
|
295
|
+
var A, P;
|
|
296
|
+
const M = _(null), D = _(null), b = _(null), [F, q] = N(!1);
|
|
297
|
+
B(() => {
|
|
298
|
+
const h = (w) => {
|
|
299
|
+
!w.target.closest(".rte-emoji-popup") && !w.target.closest("button[title='Emoji']") && q(!1);
|
|
300
300
|
};
|
|
301
|
-
return document.addEventListener("mousedown",
|
|
301
|
+
return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
|
|
302
302
|
}, []);
|
|
303
|
-
const
|
|
304
|
-
var
|
|
305
|
-
|
|
306
|
-
const
|
|
307
|
-
if (
|
|
308
|
-
switch (
|
|
303
|
+
const j = (h) => {
|
|
304
|
+
var I;
|
|
305
|
+
h.preventDefault();
|
|
306
|
+
const w = h.currentTarget.dataset.command;
|
|
307
|
+
if (w)
|
|
308
|
+
switch (w) {
|
|
309
309
|
case "bold":
|
|
310
310
|
case "italic":
|
|
311
311
|
case "underline":
|
|
312
312
|
case "insertUnorderedList":
|
|
313
313
|
case "insertOrderedList":
|
|
314
314
|
case "removeFormat":
|
|
315
|
-
t(
|
|
315
|
+
t(w);
|
|
316
316
|
break;
|
|
317
317
|
case "insertImage": {
|
|
318
|
-
(
|
|
318
|
+
(I = M.current) == null || I.click();
|
|
319
319
|
break;
|
|
320
320
|
}
|
|
321
321
|
default:
|
|
322
|
-
console.warn("Unknown command:",
|
|
322
|
+
console.warn("Unknown command:", w);
|
|
323
323
|
}
|
|
324
|
-
},
|
|
325
|
-
t("foreColor",
|
|
326
|
-
},
|
|
327
|
-
t("backColor",
|
|
328
|
-
}, [
|
|
324
|
+
}, Z = (h) => {
|
|
325
|
+
t("foreColor", h.target.value);
|
|
326
|
+
}, V = (h) => {
|
|
327
|
+
t("backColor", h.target.value);
|
|
328
|
+
}, [x, U] = N({
|
|
329
329
|
bold: !1,
|
|
330
330
|
italic: !1,
|
|
331
331
|
underline: !1,
|
|
@@ -342,9 +342,9 @@ const Ct = [
|
|
|
342
342
|
color: !1,
|
|
343
343
|
highlight: !1
|
|
344
344
|
});
|
|
345
|
-
return
|
|
346
|
-
const
|
|
347
|
-
|
|
345
|
+
return B(() => {
|
|
346
|
+
const h = () => {
|
|
347
|
+
U({
|
|
348
348
|
bold: document.queryCommandState("bold"),
|
|
349
349
|
italic: document.queryCommandState("italic"),
|
|
350
350
|
underline: document.queryCommandState("underline"),
|
|
@@ -362,107 +362,107 @@ const Ct = [
|
|
|
362
362
|
highlight: document.queryCommandState("backColor")
|
|
363
363
|
});
|
|
364
364
|
};
|
|
365
|
-
return document.addEventListener("selectionchange",
|
|
366
|
-
}, []), /* @__PURE__ */
|
|
365
|
+
return document.addEventListener("selectionchange", h), () => document.removeEventListener("selectionchange", h);
|
|
366
|
+
}, []), /* @__PURE__ */ a.createElement("div", {
|
|
367
367
|
className: `rte-toolbar ${T || ""}`,
|
|
368
|
-
style:
|
|
369
|
-
}, E.bold && /* @__PURE__ */
|
|
368
|
+
style: H
|
|
369
|
+
}, E.bold && /* @__PURE__ */ a.createElement("button", {
|
|
370
370
|
"data-command": "bold",
|
|
371
371
|
title: "Bold",
|
|
372
|
-
onMouseDown:
|
|
373
|
-
className:
|
|
374
|
-
}, /* @__PURE__ */
|
|
372
|
+
onMouseDown: j,
|
|
373
|
+
className: x.bold ? "rte-active" : ""
|
|
374
|
+
}, /* @__PURE__ */ a.createElement(pt, null)), E.italic && /* @__PURE__ */ a.createElement("button", {
|
|
375
375
|
"data-command": "italic",
|
|
376
376
|
title: "Italic",
|
|
377
|
-
onMouseDown:
|
|
378
|
-
className:
|
|
379
|
-
}, /* @__PURE__ */
|
|
377
|
+
onMouseDown: j,
|
|
378
|
+
className: x.italic ? "rte-active" : ""
|
|
379
|
+
}, /* @__PURE__ */ a.createElement(Et, null)), E.underline && /* @__PURE__ */ a.createElement("button", {
|
|
380
380
|
"data-command": "underline",
|
|
381
381
|
title: "Underline",
|
|
382
|
-
onMouseDown:
|
|
383
|
-
className:
|
|
384
|
-
}, /* @__PURE__ */
|
|
382
|
+
onMouseDown: j,
|
|
383
|
+
className: x.underline ? "rte-active" : ""
|
|
384
|
+
}, /* @__PURE__ */ a.createElement(xt, null)), E.unorderedList && /* @__PURE__ */ a.createElement("button", {
|
|
385
385
|
"data-command": "insertUnorderedList",
|
|
386
|
-
onMouseDown:
|
|
386
|
+
onMouseDown: j,
|
|
387
387
|
title: "UnorderedList",
|
|
388
|
-
className:
|
|
389
|
-
}, /* @__PURE__ */
|
|
388
|
+
className: x.unorderedList ? "rte-active" : ""
|
|
389
|
+
}, /* @__PURE__ */ a.createElement(yt, null)), E.orderedList && /* @__PURE__ */ a.createElement("button", {
|
|
390
390
|
"data-command": "insertOrderedList",
|
|
391
391
|
title: "OrderedList",
|
|
392
|
-
onMouseDown:
|
|
393
|
-
className:
|
|
394
|
-
}, /* @__PURE__ */
|
|
392
|
+
onMouseDown: j,
|
|
393
|
+
className: x.orderedList ? "rte-active" : ""
|
|
394
|
+
}, /* @__PURE__ */ a.createElement(ht, null)), E.link && /* @__PURE__ */ a.createElement("button", {
|
|
395
395
|
"data-command": "createLink",
|
|
396
396
|
title: "Link",
|
|
397
397
|
onClick: R,
|
|
398
|
-
className:
|
|
399
|
-
}, /* @__PURE__ */
|
|
398
|
+
className: x.link ? "rte-active" : ""
|
|
399
|
+
}, /* @__PURE__ */ a.createElement(wt, null)), E.removeFormat && /* @__PURE__ */ a.createElement("button", {
|
|
400
400
|
"data-command": "Remove format",
|
|
401
401
|
title: "removeFormat",
|
|
402
|
-
onMouseDown: (
|
|
403
|
-
|
|
402
|
+
onMouseDown: (h) => {
|
|
403
|
+
h.preventDefault(), c(), L();
|
|
404
404
|
},
|
|
405
|
-
className:
|
|
406
|
-
}, /* @__PURE__ */
|
|
405
|
+
className: x.removeFormat ? "rte-active" : ""
|
|
406
|
+
}, /* @__PURE__ */ a.createElement(Rt, null)), E.image && /* @__PURE__ */ a.createElement("button", {
|
|
407
407
|
"data-command": "insertImage",
|
|
408
408
|
title: "Image",
|
|
409
|
-
onMouseDown:
|
|
410
|
-
className:
|
|
411
|
-
}, /* @__PURE__ */
|
|
409
|
+
onMouseDown: j,
|
|
410
|
+
className: x.image ? "rte-active" : ""
|
|
411
|
+
}, /* @__PURE__ */ a.createElement(gt, null)), /* @__PURE__ */ a.createElement("input", {
|
|
412
412
|
type: "file",
|
|
413
413
|
accept: "image/*",
|
|
414
414
|
ref: M,
|
|
415
415
|
style: {
|
|
416
416
|
display: "none"
|
|
417
417
|
},
|
|
418
|
-
onChange:
|
|
419
|
-
}), E.emoji && /* @__PURE__ */
|
|
418
|
+
onChange: s
|
|
419
|
+
}), E.emoji && /* @__PURE__ */ a.createElement("div", {
|
|
420
420
|
style: {
|
|
421
421
|
position: "relative"
|
|
422
422
|
}
|
|
423
|
-
}, /* @__PURE__ */
|
|
423
|
+
}, /* @__PURE__ */ a.createElement("button", {
|
|
424
424
|
title: "Emoji",
|
|
425
|
-
onMouseDown: (
|
|
426
|
-
|
|
425
|
+
onMouseDown: (h) => {
|
|
426
|
+
h.preventDefault(), c(), q((w) => !w);
|
|
427
427
|
},
|
|
428
|
-
className:
|
|
429
|
-
}, /* @__PURE__ */
|
|
428
|
+
className: x.emoji ? "rte-active" : ""
|
|
429
|
+
}, /* @__PURE__ */ a.createElement(Ct, null)), F && /* @__PURE__ */ a.createElement("div", {
|
|
430
430
|
className: "rte-emoji-popup"
|
|
431
|
-
},
|
|
432
|
-
key:
|
|
431
|
+
}, St.map((h) => /* @__PURE__ */ a.createElement("span", {
|
|
432
|
+
key: h,
|
|
433
433
|
style: {
|
|
434
434
|
fontSize: "20px",
|
|
435
435
|
cursor: "pointer",
|
|
436
436
|
textAlign: "center"
|
|
437
437
|
},
|
|
438
|
-
onMouseDown: (
|
|
439
|
-
|
|
438
|
+
onMouseDown: (w) => {
|
|
439
|
+
w.preventDefault(), y(h), q(!1);
|
|
440
440
|
}
|
|
441
|
-
},
|
|
441
|
+
}, h)))), E.color && /* @__PURE__ */ a.createElement("div", {
|
|
442
442
|
style: {
|
|
443
443
|
position: "relative"
|
|
444
444
|
}
|
|
445
|
-
}, /* @__PURE__ */
|
|
445
|
+
}, /* @__PURE__ */ a.createElement("button", {
|
|
446
446
|
title: "Text Color",
|
|
447
|
-
onMouseDown: (
|
|
448
|
-
var
|
|
449
|
-
|
|
447
|
+
onMouseDown: (h) => {
|
|
448
|
+
var w;
|
|
449
|
+
h.preventDefault(), c(), (w = D.current) == null || w.click();
|
|
450
450
|
},
|
|
451
451
|
style: {
|
|
452
452
|
display: "flex",
|
|
453
453
|
alignItems: "center",
|
|
454
454
|
justifyContent: "center",
|
|
455
|
-
color: ((
|
|
455
|
+
color: ((A = D.current) == null ? void 0 : A.value) || "#000",
|
|
456
456
|
fontSize: "18px"
|
|
457
457
|
},
|
|
458
|
-
className:
|
|
459
|
-
}, /* @__PURE__ */
|
|
460
|
-
ref:
|
|
458
|
+
className: x.color ? "rte-active" : ""
|
|
459
|
+
}, /* @__PURE__ */ a.createElement(Lt, null)), /* @__PURE__ */ a.createElement("input", {
|
|
460
|
+
ref: D,
|
|
461
461
|
type: "color",
|
|
462
462
|
defaultValue: "#000000",
|
|
463
|
-
onChange: (
|
|
464
|
-
var
|
|
465
|
-
|
|
463
|
+
onChange: (h) => {
|
|
464
|
+
var w;
|
|
465
|
+
Z(h), ((w = h.target.parentElement) == null ? void 0 : w.querySelector("button")).style.color = h.target.value;
|
|
466
466
|
},
|
|
467
467
|
style: {
|
|
468
468
|
position: "absolute",
|
|
@@ -471,30 +471,30 @@ const Ct = [
|
|
|
471
471
|
height: 0,
|
|
472
472
|
pointerEvents: "none"
|
|
473
473
|
}
|
|
474
|
-
})), E.highlight && /* @__PURE__ */
|
|
474
|
+
})), E.highlight && /* @__PURE__ */ a.createElement("div", {
|
|
475
475
|
style: {
|
|
476
476
|
position: "relative"
|
|
477
477
|
}
|
|
478
|
-
}, /* @__PURE__ */
|
|
478
|
+
}, /* @__PURE__ */ a.createElement("button", {
|
|
479
479
|
title: "Highlight",
|
|
480
|
-
onMouseDown: (
|
|
481
|
-
var
|
|
482
|
-
|
|
480
|
+
onMouseDown: (h) => {
|
|
481
|
+
var w;
|
|
482
|
+
h.preventDefault(), c(), (w = b.current) == null || w.click();
|
|
483
483
|
},
|
|
484
484
|
style: {
|
|
485
485
|
display: "flex",
|
|
486
486
|
alignItems: "center",
|
|
487
487
|
justifyContent: "center",
|
|
488
|
-
color: ((
|
|
488
|
+
color: ((P = b.current) == null ? void 0 : P.value) || "#000",
|
|
489
489
|
fontSize: "18px"
|
|
490
490
|
},
|
|
491
|
-
className:
|
|
492
|
-
}, /* @__PURE__ */
|
|
493
|
-
ref:
|
|
491
|
+
className: x.highlight ? "rte-active" : ""
|
|
492
|
+
}, /* @__PURE__ */ a.createElement(vt, null)), /* @__PURE__ */ a.createElement("input", {
|
|
493
|
+
ref: b,
|
|
494
494
|
type: "color",
|
|
495
|
-
onChange: (
|
|
496
|
-
var
|
|
497
|
-
|
|
495
|
+
onChange: (h) => {
|
|
496
|
+
var w;
|
|
497
|
+
V(h), ((w = h.target.parentElement) == null ? void 0 : w.querySelector("button")).style.color = h.target.value;
|
|
498
498
|
},
|
|
499
499
|
defaultValue: "#000000",
|
|
500
500
|
style: {
|
|
@@ -504,98 +504,98 @@ const Ct = [
|
|
|
504
504
|
height: 0,
|
|
505
505
|
pointerEvents: "none"
|
|
506
506
|
}
|
|
507
|
-
})), E.align && /* @__PURE__ */
|
|
507
|
+
})), E.align && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("button", {
|
|
508
508
|
title: "Align Left",
|
|
509
|
-
onMouseDown: (
|
|
509
|
+
onMouseDown: (h) => h.preventDefault(),
|
|
510
510
|
onClick: () => t("justifyLeft"),
|
|
511
|
-
className:
|
|
512
|
-
}, /* @__PURE__ */
|
|
511
|
+
className: x.alignLeft ? "rte-active" : ""
|
|
512
|
+
}, /* @__PURE__ */ a.createElement(ft, null)), /* @__PURE__ */ a.createElement("button", {
|
|
513
513
|
title: "Align Center",
|
|
514
|
-
onMouseDown: (
|
|
514
|
+
onMouseDown: (h) => h.preventDefault(),
|
|
515
515
|
onClick: () => t("justifyCenter"),
|
|
516
|
-
className:
|
|
517
|
-
}, /* @__PURE__ */
|
|
516
|
+
className: x.alignCenter ? "rte-active" : ""
|
|
517
|
+
}, /* @__PURE__ */ a.createElement(ut, null)), /* @__PURE__ */ a.createElement("button", {
|
|
518
518
|
title: "Align Right",
|
|
519
|
-
onMouseDown: (
|
|
519
|
+
onMouseDown: (h) => h.preventDefault(),
|
|
520
520
|
onClick: () => t("justifyRight"),
|
|
521
|
-
className:
|
|
522
|
-
}, /* @__PURE__ */
|
|
521
|
+
className: x.alignRight ? "rte-active" : ""
|
|
522
|
+
}, /* @__PURE__ */ a.createElement(mt, null))), E.table && /* @__PURE__ */ a.createElement("button", {
|
|
523
523
|
title: "Insert Table",
|
|
524
|
-
onMouseDown: (
|
|
524
|
+
onMouseDown: (h) => h.preventDefault(),
|
|
525
525
|
onClick: () => t("insertTable"),
|
|
526
|
-
className:
|
|
527
|
-
}, /* @__PURE__ */
|
|
526
|
+
className: x.table ? "rte-active" : ""
|
|
527
|
+
}, /* @__PURE__ */ a.createElement(bt, null)), E.fontFamily && /* @__PURE__ */ a.createElement("select", {
|
|
528
528
|
className: "rte-dropdown",
|
|
529
529
|
defaultValue: "",
|
|
530
530
|
onMouseDown: () => c(),
|
|
531
531
|
onChange: v
|
|
532
|
-
}, /* @__PURE__ */
|
|
532
|
+
}, /* @__PURE__ */ a.createElement("option", {
|
|
533
533
|
value: "",
|
|
534
534
|
disabled: !0
|
|
535
|
-
}, "Font Family"), /* @__PURE__ */
|
|
535
|
+
}, "Font Family"), /* @__PURE__ */ a.createElement("option", {
|
|
536
536
|
value: "Arial"
|
|
537
|
-
}, "Arial"), /* @__PURE__ */
|
|
537
|
+
}, "Arial"), /* @__PURE__ */ a.createElement("option", {
|
|
538
538
|
value: "Georgia"
|
|
539
|
-
}, "Georgia"), /* @__PURE__ */
|
|
539
|
+
}, "Georgia"), /* @__PURE__ */ a.createElement("option", {
|
|
540
540
|
value: "Times New Roman"
|
|
541
|
-
}, "Times New Roman"), /* @__PURE__ */
|
|
541
|
+
}, "Times New Roman"), /* @__PURE__ */ a.createElement("option", {
|
|
542
542
|
value: "Courier New"
|
|
543
|
-
}, "Courier New"), /* @__PURE__ */
|
|
543
|
+
}, "Courier New"), /* @__PURE__ */ a.createElement("option", {
|
|
544
544
|
value: "Verdana"
|
|
545
|
-
}, "Verdana")), E.fontSize && /* @__PURE__ */
|
|
545
|
+
}, "Verdana")), E.fontSize && /* @__PURE__ */ a.createElement("select", {
|
|
546
546
|
className: "rte-dropdown",
|
|
547
547
|
defaultValue: "",
|
|
548
548
|
onMouseDown: () => c(),
|
|
549
549
|
onChange: d
|
|
550
|
-
}, /* @__PURE__ */
|
|
550
|
+
}, /* @__PURE__ */ a.createElement("option", {
|
|
551
551
|
value: "",
|
|
552
552
|
disabled: !0
|
|
553
|
-
}, "Font Size"), /* @__PURE__ */
|
|
553
|
+
}, "Font Size"), /* @__PURE__ */ a.createElement("option", {
|
|
554
554
|
value: "2"
|
|
555
|
-
}, "Small "), /* @__PURE__ */
|
|
555
|
+
}, "Small "), /* @__PURE__ */ a.createElement("option", {
|
|
556
556
|
value: "3"
|
|
557
|
-
}, "Normal"), /* @__PURE__ */
|
|
557
|
+
}, "Normal"), /* @__PURE__ */ a.createElement("option", {
|
|
558
558
|
value: "4"
|
|
559
|
-
}, "Medium"), /* @__PURE__ */
|
|
559
|
+
}, "Medium"), /* @__PURE__ */ a.createElement("option", {
|
|
560
560
|
value: "5"
|
|
561
561
|
}, "Large")));
|
|
562
|
-
},
|
|
562
|
+
}, zt = ({
|
|
563
563
|
show: t,
|
|
564
564
|
position: c,
|
|
565
|
-
filtered:
|
|
565
|
+
filtered: s,
|
|
566
566
|
insertMention: d,
|
|
567
567
|
onClose: v,
|
|
568
|
-
query:
|
|
568
|
+
query: y
|
|
569
569
|
}) => {
|
|
570
570
|
const R = _(null);
|
|
571
|
-
return
|
|
571
|
+
return B(() => {
|
|
572
572
|
const L = (E) => {
|
|
573
573
|
R.current && !R.current.contains(E.target) && v();
|
|
574
574
|
};
|
|
575
575
|
return t && document.addEventListener("mousedown", L), () => {
|
|
576
576
|
document.removeEventListener("mousedown", L);
|
|
577
577
|
};
|
|
578
|
-
}, [t, v]), t ? /* @__PURE__ */
|
|
578
|
+
}, [t, v]), t ? /* @__PURE__ */ a.createElement("ul", {
|
|
579
579
|
ref: R,
|
|
580
580
|
className: "rte-popup",
|
|
581
581
|
style: {
|
|
582
582
|
top: c.y,
|
|
583
583
|
left: c.x
|
|
584
584
|
}
|
|
585
|
-
},
|
|
585
|
+
}, s.length > 0 ? s.map(({
|
|
586
586
|
key: L,
|
|
587
587
|
value: E
|
|
588
588
|
}) => {
|
|
589
|
-
const T = L.toLowerCase(),
|
|
590
|
-
let
|
|
591
|
-
if (M !== -1 &&
|
|
592
|
-
const
|
|
593
|
-
|
|
589
|
+
const T = L.toLowerCase(), H = y.toLowerCase(), M = T.indexOf(H);
|
|
590
|
+
let D = L;
|
|
591
|
+
if (M !== -1 && y.length > 0) {
|
|
592
|
+
const b = M + y.length;
|
|
593
|
+
D = L.substring(0, M) + `<span class="rte-highlight">${L.substring(M, b)}</span>` + L.substring(b);
|
|
594
594
|
}
|
|
595
|
-
return /* @__PURE__ */
|
|
595
|
+
return /* @__PURE__ */ a.createElement("li", {
|
|
596
596
|
key: E,
|
|
597
|
-
onMouseDown: (
|
|
598
|
-
|
|
597
|
+
onMouseDown: (b) => {
|
|
598
|
+
b.preventDefault(), d({
|
|
599
599
|
key: L,
|
|
600
600
|
value: E
|
|
601
601
|
});
|
|
@@ -606,138 +606,138 @@ const Ct = [
|
|
|
606
606
|
fontSize: "14px"
|
|
607
607
|
},
|
|
608
608
|
dangerouslySetInnerHTML: {
|
|
609
|
-
__html:
|
|
609
|
+
__html: D
|
|
610
610
|
},
|
|
611
|
-
onMouseEnter: (
|
|
612
|
-
onMouseLeave: (
|
|
611
|
+
onMouseEnter: (b) => b.currentTarget.style.background = "#f0f0f0",
|
|
612
|
+
onMouseLeave: (b) => b.currentTarget.style.background = "#fff"
|
|
613
613
|
});
|
|
614
|
-
}) : /* @__PURE__ */
|
|
614
|
+
}) : /* @__PURE__ */ a.createElement("li", {
|
|
615
615
|
style: {
|
|
616
616
|
padding: "6px 12px",
|
|
617
617
|
color: "#999"
|
|
618
618
|
}
|
|
619
619
|
}, "No matches")) : null;
|
|
620
620
|
};
|
|
621
|
-
function
|
|
621
|
+
function Le(t) {
|
|
622
622
|
return S({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Circle_Minus" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { d: "M15,11.5h0a.5.5,0,0,1,0,1H9a.5.5,0,0,1,0-1Z" }, child: [] }, { tag: "path", attr: { d: "M12,21.934A9.933,9.933,0,1,1,21.932,12,9.945,9.945,0,0,1,12,21.934ZM12,3.068A8.933,8.933,0,1,0,20.932,12,8.944,8.944,0,0,0,12,3.068Z" }, child: [] }] }] }] })(t);
|
|
623
623
|
}
|
|
624
624
|
function K(t) {
|
|
625
625
|
return S({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Circle_Plus" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { d: "M15,12.5H12.5V15a.5.5,0,0,1-1,0V12.5H9a.5.5,0,0,1,0-1h2.5V9a.5.5,0,0,1,1,0v2.5H15A.5.5,0,0,1,15,12.5Z" }, child: [] }, { tag: "path", attr: { d: "M12,21.932A9.934,9.934,0,1,1,21.932,12,9.944,9.944,0,0,1,12,21.932ZM12,3.065A8.934,8.934,0,1,0,20.932,12,8.944,8.944,0,0,0,12,3.065Z" }, child: [] }] }] }] })(t);
|
|
626
626
|
}
|
|
627
|
-
const
|
|
627
|
+
const Nt = ({
|
|
628
628
|
visible: t,
|
|
629
629
|
x: c,
|
|
630
|
-
y:
|
|
630
|
+
y: s,
|
|
631
631
|
onAction: d,
|
|
632
632
|
onClose: v
|
|
633
633
|
}) => {
|
|
634
634
|
if (!t) return null;
|
|
635
|
-
const
|
|
636
|
-
top:
|
|
635
|
+
const y = {
|
|
636
|
+
top: s,
|
|
637
637
|
left: c
|
|
638
638
|
};
|
|
639
|
-
return /* @__PURE__ */
|
|
640
|
-
style:
|
|
639
|
+
return /* @__PURE__ */ a.createElement("div", {
|
|
640
|
+
style: y,
|
|
641
641
|
className: "rte-table-menu",
|
|
642
642
|
onMouseLeave: v
|
|
643
|
-
}, /* @__PURE__ */
|
|
643
|
+
}, /* @__PURE__ */ a.createElement("button", {
|
|
644
644
|
onClick: () => d("insertRowAbove")
|
|
645
|
-
}, /* @__PURE__ */
|
|
645
|
+
}, /* @__PURE__ */ a.createElement(K, null), " Insert row above"), /* @__PURE__ */ a.createElement("button", {
|
|
646
646
|
onClick: () => d("insertRowBelow")
|
|
647
|
-
}, /* @__PURE__ */
|
|
647
|
+
}, /* @__PURE__ */ a.createElement(K, null), " Insert row below"), /* @__PURE__ */ a.createElement("button", {
|
|
648
648
|
onClick: () => d("insertColLeft")
|
|
649
|
-
}, /* @__PURE__ */
|
|
649
|
+
}, /* @__PURE__ */ a.createElement(K, null), " Insert col left"), /* @__PURE__ */ a.createElement("button", {
|
|
650
650
|
onClick: () => d("insertColRight")
|
|
651
|
-
}, /* @__PURE__ */
|
|
651
|
+
}, /* @__PURE__ */ a.createElement(K, null), " Insert col right"), /* @__PURE__ */ a.createElement("button", {
|
|
652
652
|
onClick: () => d("deleteRow")
|
|
653
|
-
}, /* @__PURE__ */
|
|
653
|
+
}, /* @__PURE__ */ a.createElement(Le, null), " Delete row"), /* @__PURE__ */ a.createElement("button", {
|
|
654
654
|
onClick: () => d("deleteCol")
|
|
655
|
-
}, /* @__PURE__ */
|
|
656
|
-
},
|
|
655
|
+
}, /* @__PURE__ */ a.createElement(Le, null), " Delete column"));
|
|
656
|
+
}, kt = ({
|
|
657
657
|
html: t,
|
|
658
658
|
className: c,
|
|
659
|
-
style:
|
|
659
|
+
style: s
|
|
660
660
|
}) => {
|
|
661
661
|
const d = (v) => {
|
|
662
|
-
const
|
|
663
|
-
if (
|
|
662
|
+
const y = v.target;
|
|
663
|
+
if (y.tagName === "A") {
|
|
664
664
|
v.preventDefault();
|
|
665
|
-
const R =
|
|
665
|
+
const R = y.href;
|
|
666
666
|
R && window.open(R, "_blank", "noopener,noreferrer");
|
|
667
667
|
}
|
|
668
668
|
};
|
|
669
|
-
return /* @__PURE__ */
|
|
669
|
+
return /* @__PURE__ */ a.createElement("div", {
|
|
670
670
|
className: `rte-preview ${c || ""}`,
|
|
671
|
-
style:
|
|
671
|
+
style: s,
|
|
672
672
|
onClick: d,
|
|
673
673
|
dangerouslySetInnerHTML: {
|
|
674
674
|
__html: t
|
|
675
675
|
}
|
|
676
676
|
});
|
|
677
|
-
},
|
|
677
|
+
}, At = ({
|
|
678
678
|
visible: t,
|
|
679
679
|
linkData: c,
|
|
680
|
-
onClose:
|
|
680
|
+
onClose: s,
|
|
681
681
|
onInsert: d
|
|
682
682
|
}) => {
|
|
683
|
-
const [v,
|
|
684
|
-
if (
|
|
685
|
-
t ? (
|
|
683
|
+
const [v, y] = N(""), [R, L] = N(""), [E, T] = N(""), [H, M] = N("_self");
|
|
684
|
+
if (B(() => {
|
|
685
|
+
t ? (y(c.url || ""), L(c.text || ""), T(c.title || ""), M(c.target || "_self")) : (y(""), L(""), T(""), M("_self"));
|
|
686
686
|
}, [t, c]), !t) return null;
|
|
687
|
-
const
|
|
687
|
+
const D = () => {
|
|
688
688
|
d({
|
|
689
689
|
url: v,
|
|
690
690
|
text: R,
|
|
691
691
|
title: E,
|
|
692
|
-
target:
|
|
692
|
+
target: H
|
|
693
693
|
});
|
|
694
694
|
};
|
|
695
|
-
return /* @__PURE__ */
|
|
695
|
+
return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
|
|
696
696
|
className: "rte-link-modal-overlay",
|
|
697
|
-
onClick:
|
|
698
|
-
}), /* @__PURE__ */
|
|
697
|
+
onClick: s
|
|
698
|
+
}), /* @__PURE__ */ a.createElement("div", {
|
|
699
699
|
className: "rte-link-modal"
|
|
700
|
-
}, /* @__PURE__ */
|
|
700
|
+
}, /* @__PURE__ */ a.createElement("h4", {
|
|
701
701
|
className: "rte-link-modal__title"
|
|
702
|
-
}, v ? "Edit Link" : "Insert Link"), /* @__PURE__ */
|
|
702
|
+
}, v ? "Edit Link" : "Insert Link"), /* @__PURE__ */ a.createElement("input", {
|
|
703
703
|
type: "text",
|
|
704
704
|
className: "rte-link-modal__input",
|
|
705
705
|
placeholder: "URL",
|
|
706
706
|
value: v,
|
|
707
|
-
onChange: (
|
|
708
|
-
}), /* @__PURE__ */
|
|
707
|
+
onChange: (b) => y(b.target.value)
|
|
708
|
+
}), /* @__PURE__ */ a.createElement("input", {
|
|
709
709
|
type: "text",
|
|
710
710
|
className: "rte-link-modal__input",
|
|
711
711
|
placeholder: "Text to Display",
|
|
712
712
|
value: R,
|
|
713
|
-
onChange: (
|
|
714
|
-
}), /* @__PURE__ */
|
|
713
|
+
onChange: (b) => L(b.target.value)
|
|
714
|
+
}), /* @__PURE__ */ a.createElement("input", {
|
|
715
715
|
type: "text",
|
|
716
716
|
className: "rte-link-modal__input",
|
|
717
717
|
placeholder: "Title",
|
|
718
718
|
value: E,
|
|
719
|
-
onChange: (
|
|
720
|
-
}), /* @__PURE__ */
|
|
719
|
+
onChange: (b) => T(b.target.value)
|
|
720
|
+
}), /* @__PURE__ */ a.createElement("select", {
|
|
721
721
|
className: "rte-link-modal__select",
|
|
722
|
-
value:
|
|
723
|
-
onChange: (
|
|
724
|
-
}, /* @__PURE__ */
|
|
722
|
+
value: H,
|
|
723
|
+
onChange: (b) => M(b.target.value)
|
|
724
|
+
}, /* @__PURE__ */ a.createElement("option", {
|
|
725
725
|
value: "_self"
|
|
726
|
-
}, "Same tab"), /* @__PURE__ */
|
|
726
|
+
}, "Same tab"), /* @__PURE__ */ a.createElement("option", {
|
|
727
727
|
value: "_blank"
|
|
728
|
-
}, "New tab")), /* @__PURE__ */
|
|
728
|
+
}, "New tab")), /* @__PURE__ */ a.createElement("div", {
|
|
729
729
|
className: "rte-link-modal__actions"
|
|
730
|
-
}, /* @__PURE__ */
|
|
730
|
+
}, /* @__PURE__ */ a.createElement("button", {
|
|
731
731
|
className: "rte-link-modal__btn",
|
|
732
|
-
onClick:
|
|
733
|
-
}, "Cancel"), /* @__PURE__ */
|
|
732
|
+
onClick: s
|
|
733
|
+
}, "Cancel"), /* @__PURE__ */ a.createElement("button", {
|
|
734
734
|
className: "rte-link-modal__btn rte-link-modal__btn--ok",
|
|
735
|
-
onClick:
|
|
735
|
+
onClick: D
|
|
736
736
|
}, "OK"))));
|
|
737
|
-
},
|
|
737
|
+
}, Ot = ({
|
|
738
738
|
atSuggestions: t = [],
|
|
739
739
|
showOutput: c = !1,
|
|
740
|
-
showPreview:
|
|
740
|
+
showPreview: s = !1,
|
|
741
741
|
toolbarConfig: d = {
|
|
742
742
|
link: !1,
|
|
743
743
|
image: !1,
|
|
@@ -749,26 +749,29 @@ const Lt = ({
|
|
|
749
749
|
highlight: !1
|
|
750
750
|
},
|
|
751
751
|
classNames: v = {},
|
|
752
|
-
styles:
|
|
752
|
+
styles: y = {},
|
|
753
753
|
handleGetHtml: R = () => {
|
|
754
754
|
},
|
|
755
755
|
onChange: L = () => {
|
|
756
|
+
},
|
|
757
|
+
value: E,
|
|
758
|
+
onMentionSelect: T = () => {
|
|
756
759
|
}
|
|
757
760
|
}) => {
|
|
758
|
-
var
|
|
759
|
-
const
|
|
761
|
+
var ue, me, ge, he, fe, pe, ve, Ee;
|
|
762
|
+
const H = _(null), [M, D] = N(E != null && E.length ? E : " "), [b, F] = N(!1), [q, j] = N({
|
|
760
763
|
x: 0,
|
|
761
764
|
y: 0
|
|
762
|
-
}), [
|
|
765
|
+
}), [Z, V] = N([]), x = _(null), U = _(null), [A, P] = N({
|
|
763
766
|
visible: !1,
|
|
764
767
|
x: 0,
|
|
765
768
|
y: 0
|
|
766
|
-
}), [
|
|
769
|
+
}), [h, w] = N(!1), I = _(null), [Me, te] = N({
|
|
767
770
|
url: "",
|
|
768
771
|
text: "",
|
|
769
772
|
title: "",
|
|
770
773
|
target: "_self"
|
|
771
|
-
}),
|
|
774
|
+
}), ze = {
|
|
772
775
|
bold: !0,
|
|
773
776
|
italic: !0,
|
|
774
777
|
underline: !0,
|
|
@@ -776,225 +779,239 @@ const Lt = ({
|
|
|
776
779
|
unorderedList: !0,
|
|
777
780
|
orderedList: !0,
|
|
778
781
|
align: !0,
|
|
779
|
-
link: (
|
|
780
|
-
image: (
|
|
781
|
-
emoji: (
|
|
782
|
-
table: (
|
|
783
|
-
color: (
|
|
784
|
-
fontFamily: (
|
|
785
|
-
fontSize: (
|
|
786
|
-
highlight: (
|
|
787
|
-
}, [
|
|
788
|
-
const e =
|
|
789
|
-
|
|
790
|
-
const n =
|
|
782
|
+
link: (ue = d.link) != null ? ue : !1,
|
|
783
|
+
image: (me = d.image) != null ? me : !1,
|
|
784
|
+
emoji: (ge = d.emoji) != null ? ge : !1,
|
|
785
|
+
table: (he = d.table) != null ? he : !1,
|
|
786
|
+
color: (fe = d.color) != null ? fe : !1,
|
|
787
|
+
fontFamily: (pe = d.fontFamily) != null ? pe : !1,
|
|
788
|
+
fontSize: (ve = d.fontSize) != null ? ve : !1,
|
|
789
|
+
highlight: (Ee = d.fontSize) != null ? Ee : !1
|
|
790
|
+
}, [Ne, ne] = N(""), [re, ae] = N([]), O = () => H.current, z = () => {
|
|
791
|
+
const e = de();
|
|
792
|
+
D(e), R == null || R(e);
|
|
793
|
+
const n = Qe(e);
|
|
791
794
|
L(n);
|
|
792
|
-
|
|
795
|
+
const r = je();
|
|
796
|
+
JSON.stringify(r) !== JSON.stringify(re) && (ae(r), T(r));
|
|
797
|
+
}, oe = () => {
|
|
793
798
|
const e = window.getSelection();
|
|
794
|
-
e != null && e.rangeCount && (
|
|
795
|
-
},
|
|
799
|
+
e != null && e.rangeCount && (x.current = e.getRangeAt(0));
|
|
800
|
+
}, $ = () => {
|
|
796
801
|
const e = window.getSelection();
|
|
797
|
-
e &&
|
|
798
|
-
},
|
|
799
|
-
const
|
|
800
|
-
|
|
802
|
+
e && x.current && (e.removeAllRanges(), e.addRange(x.current));
|
|
803
|
+
}, ke = (e, n) => {
|
|
804
|
+
const r = window.getSelection();
|
|
805
|
+
r && r.rangeCount > 0 && (x.current = r.getRangeAt(0)), $(), document.execCommand(e, !1, n), z();
|
|
801
806
|
};
|
|
802
|
-
|
|
803
|
-
const e =
|
|
804
|
-
e && !e.innerHTML && (e.innerHTML =
|
|
805
|
-
}, []),
|
|
807
|
+
B(() => {
|
|
808
|
+
const e = O();
|
|
809
|
+
e && !e.innerHTML && (e.innerHTML = M), z();
|
|
810
|
+
}, []), B(() => () => {
|
|
806
811
|
document.removeEventListener("mousemove", null), document.removeEventListener("mouseup", null);
|
|
807
812
|
}, []);
|
|
808
|
-
const
|
|
813
|
+
const le = (e) => {
|
|
809
814
|
for (; e && e.nodeName !== "LI"; )
|
|
810
815
|
e = e.parentNode;
|
|
811
816
|
return e;
|
|
812
|
-
},
|
|
813
|
-
let n = 0,
|
|
814
|
-
for (;
|
|
815
|
-
(
|
|
817
|
+
}, Ae = (e) => {
|
|
818
|
+
let n = 0, r = e.parentElement;
|
|
819
|
+
for (; r; )
|
|
820
|
+
(r.tagName === "UL" || r.tagName === "OL") && n++, r = r.parentElement;
|
|
816
821
|
return n;
|
|
817
|
-
},
|
|
818
|
-
const n = e.querySelector("li"),
|
|
822
|
+
}, Te = (e) => {
|
|
823
|
+
const n = e.querySelector("li"), r = n ? Ae(n) : 1;
|
|
819
824
|
if (e.querySelector("[data-hidden-array-start]")) return;
|
|
820
|
-
const o = `{{#arrayData${
|
|
825
|
+
const o = `{{#arrayData${r > 1 ? r : ""}}}`, u = `{{/arrayData${r > 1 ? r : ""}}}`, l = document.createElement("span");
|
|
821
826
|
l.textContent = o, l.style.display = "none", l.setAttribute("data-hidden-array-start", "true"), e.insertBefore(l, e.firstChild);
|
|
822
|
-
const
|
|
823
|
-
|
|
824
|
-
},
|
|
827
|
+
const i = document.createElement("span");
|
|
828
|
+
i.textContent = u, i.style.display = "none", i.setAttribute("data-hidden-array-end", "true"), e.appendChild(i);
|
|
829
|
+
}, ce = (e) => {
|
|
825
830
|
var f;
|
|
826
831
|
const n = window.getSelection();
|
|
827
832
|
if (!(n != null && n.rangeCount)) return;
|
|
828
|
-
const
|
|
833
|
+
const r = n.getRangeAt(0), o = le(r.startContainer);
|
|
829
834
|
let u, l;
|
|
830
835
|
if (o) {
|
|
831
836
|
let m = o.querySelector(e);
|
|
832
837
|
m || (m = document.createElement(e), m.style.margin = "0", m.style.paddingLeft = "20px", o.appendChild(m)), l = m, u = document.createElement("li"), u.textContent = "", l.appendChild(u);
|
|
833
838
|
} else {
|
|
834
839
|
document.execCommand(e === "ul" ? "insertUnorderedList" : "insertOrderedList");
|
|
835
|
-
const m =
|
|
840
|
+
const m = O();
|
|
836
841
|
if (l = m == null ? void 0 : m.querySelector(`${e}:last-child`), !l) return;
|
|
837
842
|
u = l.querySelector("li:last-child");
|
|
838
843
|
}
|
|
839
|
-
|
|
840
|
-
const
|
|
841
|
-
|
|
844
|
+
Te(l);
|
|
845
|
+
const i = document.createRange();
|
|
846
|
+
i.setStart(u, 0), i.collapse(!0), n.removeAllRanges(), n.addRange(i), (f = O()) == null || f.focus(), z();
|
|
842
847
|
}, W = (e, n) => {
|
|
843
|
-
e === "insertOrderedList" ?
|
|
844
|
-
},
|
|
848
|
+
e === "insertOrderedList" ? ce("ol") : e === "insertUnorderedList" ? ce("ul") : ke(e, n), e === "insertTable" && Be();
|
|
849
|
+
}, De = (e) => {
|
|
845
850
|
const n = document.createElement("span");
|
|
846
851
|
n.textContent = "", e.insertNode(n), e.setStartAfter(n), e.collapse(!0);
|
|
847
|
-
const
|
|
848
|
-
n.remove(),
|
|
849
|
-
x:
|
|
850
|
-
y:
|
|
851
|
-
}),
|
|
852
|
-
},
|
|
852
|
+
const r = n.getBoundingClientRect();
|
|
853
|
+
n.remove(), j({
|
|
854
|
+
x: r.left,
|
|
855
|
+
y: r.bottom + window.scrollY
|
|
856
|
+
}), V(t || []), F(!0), U.current = e.cloneRange();
|
|
857
|
+
}, Oe = () => {
|
|
853
858
|
const e = window.getSelection();
|
|
854
859
|
if (!e || e.rangeCount === 0) return null;
|
|
855
860
|
const n = e.anchorNode;
|
|
856
|
-
let
|
|
861
|
+
let r = e.anchorOffset;
|
|
857
862
|
if (!n) return null;
|
|
858
863
|
let o = n;
|
|
859
|
-
for (o.nodeType !== Node.TEXT_NODE && (o.childNodes && o.childNodes[
|
|
864
|
+
for (o.nodeType !== Node.TEXT_NODE && (o.childNodes && o.childNodes[r] ? o = o.childNodes[r] : o = n.previousSibling); o; ) {
|
|
860
865
|
if (o.nodeType === Node.TEXT_NODE) {
|
|
861
|
-
const u = o.textContent || "", l = o === n ?
|
|
862
|
-
if (
|
|
866
|
+
const u = o.textContent || "", l = o === n ? r : u.length, i = u.lastIndexOf("@", l - 1);
|
|
867
|
+
if (i !== -1) {
|
|
863
868
|
const f = document.createRange();
|
|
864
|
-
return f.setStart(o,
|
|
869
|
+
return f.setStart(o, i), f.setEnd(o, l), f;
|
|
865
870
|
}
|
|
866
871
|
}
|
|
867
872
|
o = o.previousSibling;
|
|
868
873
|
}
|
|
869
874
|
return null;
|
|
870
|
-
},
|
|
871
|
-
var
|
|
875
|
+
}, He = (e) => {
|
|
876
|
+
var l;
|
|
872
877
|
const n = window.getSelection();
|
|
873
878
|
if (!n) return;
|
|
874
|
-
const
|
|
875
|
-
|
|
879
|
+
const r = Oe();
|
|
880
|
+
r ? (n.removeAllRanges(), n.addRange(r)) : U.current && (n.removeAllRanges(), n.addRange(U.current));
|
|
876
881
|
const o = document.createElement("span");
|
|
877
882
|
o.textContent = `{{${e.key}}}`, o.style.color = "#007bff", o.style.display = "inline", o.contentEditable = "false", o.setAttribute("data-mention", e.value || e.key || "");
|
|
878
883
|
try {
|
|
879
|
-
const
|
|
880
|
-
if (
|
|
881
|
-
|
|
884
|
+
const i = n.rangeCount ? n.getRangeAt(0) : null;
|
|
885
|
+
if (i)
|
|
886
|
+
i.deleteContents(), i.insertNode(o);
|
|
882
887
|
else {
|
|
883
|
-
const
|
|
884
|
-
|
|
888
|
+
const p = document.createRange(), g = O();
|
|
889
|
+
p.selectNodeContents(g), p.collapse(!1), p.insertNode(o);
|
|
885
890
|
}
|
|
886
|
-
const
|
|
887
|
-
o.after(
|
|
888
|
-
const
|
|
889
|
-
|
|
890
|
-
} catch (
|
|
891
|
-
console.error("insertMention error:",
|
|
891
|
+
const f = document.createTextNode(" ");
|
|
892
|
+
o.after(f);
|
|
893
|
+
const m = document.createRange();
|
|
894
|
+
m.setStartAfter(f), m.collapse(!0), n.removeAllRanges(), n.addRange(m);
|
|
895
|
+
} catch (i) {
|
|
896
|
+
console.error("insertMention error:", i);
|
|
892
897
|
}
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
898
|
+
let u = [...re, e];
|
|
899
|
+
ae(u), T(u), F(!1), (l = O()) == null || l.focus(), z();
|
|
900
|
+
}, je = () => {
|
|
901
|
+
const e = O();
|
|
902
|
+
if (!e) return [];
|
|
903
|
+
const n = e.querySelectorAll("span[data-mention]"), r = [];
|
|
904
|
+
return n.forEach((o) => {
|
|
905
|
+
const u = o.getAttribute("data-mention") || "", i = (o.textContent || "").match(/{{(.+?)}}/);
|
|
906
|
+
i && r.push({
|
|
907
|
+
key: i[1],
|
|
908
|
+
value: u
|
|
909
|
+
});
|
|
910
|
+
}), r;
|
|
911
|
+
}, _e = (e) => {
|
|
912
|
+
var r, o, u;
|
|
896
913
|
const n = e.key.toLowerCase();
|
|
897
914
|
if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(n) && (e.preventDefault(), W(n === "b" ? "bold" : n === "i" ? "italic" : n === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
|
|
898
|
-
const l = window.getSelection(),
|
|
899
|
-
if (!
|
|
900
|
-
if (((
|
|
915
|
+
const l = window.getSelection(), i = l != null && l.anchorNode ? le(l.anchorNode) : null;
|
|
916
|
+
if (!i) return;
|
|
917
|
+
if (((r = i.textContent) == null ? void 0 : r.replace(/\u200B/g, "").trim()) === "") {
|
|
901
918
|
e.preventDefault();
|
|
902
|
-
const m =
|
|
919
|
+
const m = i.parentElement, p = m == null ? void 0 : m.closest("li");
|
|
903
920
|
if (p) {
|
|
904
|
-
m == null || m.removeChild(
|
|
905
|
-
const
|
|
906
|
-
|
|
907
|
-
const
|
|
908
|
-
|
|
921
|
+
m == null || m.removeChild(i);
|
|
922
|
+
const g = document.createElement("p");
|
|
923
|
+
g.innerHTML = "<br />", (o = p.parentElement) == null || o.insertBefore(g, p.nextSibling);
|
|
924
|
+
const C = document.createRange();
|
|
925
|
+
C.setStart(g, 0), C.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(C);
|
|
909
926
|
} else {
|
|
910
|
-
const
|
|
911
|
-
if (
|
|
912
|
-
const
|
|
913
|
-
|
|
927
|
+
const g = i.closest("ul, ol");
|
|
928
|
+
if (g) {
|
|
929
|
+
const C = document.createElement("p");
|
|
930
|
+
C.innerHTML = "<br />", (u = g.parentElement) == null || u.insertBefore(C, g.nextSibling), g.removeChild(i);
|
|
914
931
|
const k = document.createRange();
|
|
915
|
-
k.setStart(
|
|
932
|
+
k.setStart(C, 0), k.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(k);
|
|
916
933
|
}
|
|
917
934
|
}
|
|
918
935
|
z();
|
|
919
936
|
}
|
|
920
937
|
}
|
|
921
|
-
},
|
|
938
|
+
}, Fe = (e) => {
|
|
922
939
|
if (e.data === "@") {
|
|
923
|
-
const
|
|
924
|
-
if (!(
|
|
940
|
+
const r = window.getSelection();
|
|
941
|
+
if (!(r != null && r.rangeCount)) return;
|
|
925
942
|
setTimeout(() => {
|
|
926
|
-
|
|
943
|
+
De(r.getRangeAt(0)), ne(""), V(t), F(!0);
|
|
927
944
|
}, 0);
|
|
928
945
|
return;
|
|
929
946
|
}
|
|
930
|
-
if (
|
|
931
|
-
setTimeout(() =>
|
|
947
|
+
if (b) {
|
|
948
|
+
setTimeout(() => ie(), 0);
|
|
932
949
|
return;
|
|
933
950
|
}
|
|
934
|
-
},
|
|
935
|
-
if (z(), !
|
|
951
|
+
}, ie = () => {
|
|
952
|
+
if (z(), !b) return;
|
|
936
953
|
const e = window.getSelection();
|
|
937
954
|
if (!e || !e.anchorNode) return;
|
|
938
|
-
const
|
|
939
|
-
if (!
|
|
940
|
-
|
|
955
|
+
const r = (e.anchorNode.textContent || "").match(/@([a-zA-Z0-9_]*)$/);
|
|
956
|
+
if (!r) {
|
|
957
|
+
F(!1);
|
|
941
958
|
return;
|
|
942
959
|
}
|
|
943
|
-
const o =
|
|
944
|
-
|
|
960
|
+
const o = r[1].toLowerCase();
|
|
961
|
+
ne(o);
|
|
945
962
|
const u = t.filter((l) => l.key.toLowerCase().includes(o));
|
|
946
|
-
|
|
947
|
-
},
|
|
963
|
+
V(u);
|
|
964
|
+
}, Ie = (e) => {
|
|
948
965
|
var o;
|
|
949
966
|
const n = (o = e.target.files) == null ? void 0 : o[0];
|
|
950
967
|
if (!n) return;
|
|
951
|
-
const
|
|
952
|
-
|
|
968
|
+
const r = new FileReader();
|
|
969
|
+
r.onload = (u) => {
|
|
953
970
|
var k;
|
|
954
971
|
const l = (k = u.target) == null ? void 0 : k.result;
|
|
955
|
-
|
|
956
|
-
const
|
|
957
|
-
let f =
|
|
972
|
+
$();
|
|
973
|
+
const i = window.getSelection();
|
|
974
|
+
let f = i && i.rangeCount ? i.getRangeAt(0) : null;
|
|
958
975
|
const m = document.createElement("img");
|
|
959
976
|
m.src = l, m.alt = n.name || "image", m.className = "rte-inserted-image", m.contentEditable = "true";
|
|
960
|
-
const p =
|
|
977
|
+
const p = O();
|
|
961
978
|
if (!f || !p) {
|
|
962
979
|
p == null || p.appendChild(m);
|
|
963
|
-
const
|
|
964
|
-
p == null || p.appendChild(
|
|
980
|
+
const we = document.createTextNode(" ");
|
|
981
|
+
p == null || p.appendChild(we);
|
|
965
982
|
const J = document.createRange();
|
|
966
|
-
J.setStartAfter(
|
|
983
|
+
J.setStartAfter(we), J.collapse(!0), i == null || i.removeAllRanges(), i == null || i.addRange(J), p == null || p.focus(), z(), e.target.value = "";
|
|
967
984
|
return;
|
|
968
985
|
}
|
|
969
986
|
f.deleteContents(), f.insertNode(m);
|
|
970
|
-
const
|
|
971
|
-
m.after(
|
|
972
|
-
const
|
|
973
|
-
|
|
974
|
-
},
|
|
975
|
-
},
|
|
987
|
+
const g = document.createTextNode(" ");
|
|
988
|
+
m.after(g);
|
|
989
|
+
const C = document.createRange();
|
|
990
|
+
C.setStartAfter(g), C.collapse(!0), i.removeAllRanges(), i.addRange(C), p.focus(), z(), e.target.value = "";
|
|
991
|
+
}, r.readAsDataURL(n);
|
|
992
|
+
}, Pe = (e) => {
|
|
976
993
|
var u;
|
|
977
|
-
|
|
994
|
+
$();
|
|
978
995
|
const n = window.getSelection();
|
|
979
996
|
if (!(n != null && n.rangeCount)) return;
|
|
980
|
-
const
|
|
981
|
-
|
|
982
|
-
},
|
|
983
|
-
|
|
997
|
+
const r = n.getRangeAt(0), o = document.createTextNode(e);
|
|
998
|
+
r.insertNode(o), r.setStartAfter(o), r.collapse(!0), n.removeAllRanges(), n.addRange(r), (u = O()) == null || u.focus(), z();
|
|
999
|
+
}, Be = () => {
|
|
1000
|
+
$();
|
|
984
1001
|
const e = document.createElement("table");
|
|
985
1002
|
e.style.borderCollapse = "collapse", e.style.width = "100%", e.style.border = "1px solid #ccc", e.style.margin = "8px 0", e.style.position = "relative";
|
|
986
|
-
const n = document.createElement("thead"),
|
|
1003
|
+
const n = document.createElement("thead"), r = document.createElement("tbody"), o = document.createElement("tr"), u = document.createElement("tr");
|
|
987
1004
|
for (let f = 0; f < 2; f++) {
|
|
988
1005
|
const m = document.createElement("th");
|
|
989
1006
|
m.textContent = `Header ${f + 1}`, m.style.border = "1px solid #999", m.style.padding = "8px", m.style.position = "relative", m.style.backgroundColor = "lightgray";
|
|
990
1007
|
const p = document.createElement("td");
|
|
991
1008
|
p.textContent = `Row 1 Col ${f + 1}`, p.style.border = "1px solid #999", p.style.padding = "8px", p.style.position = "relative", p.style.backgroundColor = "#fff", Q(m), Q(p), o.appendChild(m), u.appendChild(p);
|
|
992
1009
|
}
|
|
993
|
-
n.appendChild(o),
|
|
1010
|
+
n.appendChild(o), r.appendChild(u), e.appendChild(n), e.appendChild(r), We(e), qe(e);
|
|
994
1011
|
const l = window.getSelection();
|
|
995
1012
|
if (!(l != null && l.rangeCount)) return;
|
|
996
1013
|
l.getRangeAt(0).insertNode(e), z();
|
|
997
|
-
},
|
|
1014
|
+
}, qe = (e) => {
|
|
998
1015
|
const n = document.createElement("div");
|
|
999
1016
|
Object.assign(n.style, {
|
|
1000
1017
|
position: "absolute",
|
|
@@ -1007,21 +1024,21 @@ const Lt = ({
|
|
|
1007
1024
|
zIndex: "20",
|
|
1008
1025
|
borderRadius: "2px"
|
|
1009
1026
|
});
|
|
1010
|
-
let
|
|
1011
|
-
n.addEventListener("mousedown", (
|
|
1012
|
-
|
|
1027
|
+
let r = 0, o = 0, u = 0, l = 0;
|
|
1028
|
+
n.addEventListener("mousedown", (i) => {
|
|
1029
|
+
i.preventDefault(), r = i.clientX, o = i.clientY;
|
|
1013
1030
|
const f = e.getBoundingClientRect();
|
|
1014
1031
|
u = f.width, l = f.height;
|
|
1015
|
-
const m = (
|
|
1016
|
-
const
|
|
1017
|
-
e.style.width = `${
|
|
1032
|
+
const m = (g) => {
|
|
1033
|
+
const C = Math.max(100, u + (g.clientX - r)), k = Math.max(60, l + (g.clientY - o));
|
|
1034
|
+
e.style.width = `${C}px`, e.style.height = `${k}px`, z();
|
|
1018
1035
|
}, p = () => {
|
|
1019
1036
|
document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", p), z();
|
|
1020
1037
|
};
|
|
1021
1038
|
document.addEventListener("mousemove", m), document.addEventListener("mouseup", p);
|
|
1022
1039
|
}), e.appendChild(n);
|
|
1023
1040
|
}, Q = (e) => {
|
|
1024
|
-
const n = document.createElement("div"),
|
|
1041
|
+
const n = document.createElement("div"), r = document.createElement("div");
|
|
1025
1042
|
Object.assign(n.style, {
|
|
1026
1043
|
position: "absolute",
|
|
1027
1044
|
right: "0",
|
|
@@ -1031,7 +1048,7 @@ const Lt = ({
|
|
|
1031
1048
|
cursor: "col-resize",
|
|
1032
1049
|
background: "rgba(0,0,0,0.15)",
|
|
1033
1050
|
zIndex: "10"
|
|
1034
|
-
}), Object.assign(
|
|
1051
|
+
}), Object.assign(r.style, {
|
|
1035
1052
|
position: "absolute",
|
|
1036
1053
|
bottom: "0",
|
|
1037
1054
|
left: "0",
|
|
@@ -1040,65 +1057,65 @@ const Lt = ({
|
|
|
1040
1057
|
cursor: "row-resize",
|
|
1041
1058
|
background: "rgba(0,0,0,0.15)",
|
|
1042
1059
|
zIndex: "10"
|
|
1043
|
-
}),
|
|
1044
|
-
},
|
|
1045
|
-
let o = 0, u = 0, l = 0,
|
|
1046
|
-
n.addEventListener("mousedown", (
|
|
1047
|
-
|
|
1048
|
-
}),
|
|
1049
|
-
|
|
1060
|
+
}), Ve(e, n, r), e.appendChild(n), e.appendChild(r);
|
|
1061
|
+
}, Ve = (e, n, r) => {
|
|
1062
|
+
let o = 0, u = 0, l = 0, i = 0;
|
|
1063
|
+
n.addEventListener("mousedown", (g) => {
|
|
1064
|
+
g.preventDefault(), o = g.clientX, l = e.offsetWidth, document.addEventListener("mousemove", f), document.addEventListener("mouseup", p);
|
|
1065
|
+
}), r.addEventListener("mousedown", (g) => {
|
|
1066
|
+
g.preventDefault(), u = g.clientY, i = e.offsetHeight, document.addEventListener("mousemove", m), document.addEventListener("mouseup", p);
|
|
1050
1067
|
});
|
|
1051
|
-
const f = (
|
|
1052
|
-
const
|
|
1053
|
-
e.style.width = `${Math.max(30,
|
|
1054
|
-
}, m = (
|
|
1055
|
-
const
|
|
1056
|
-
e.style.height = `${Math.max(20,
|
|
1068
|
+
const f = (g) => {
|
|
1069
|
+
const C = l + (g.clientX - o);
|
|
1070
|
+
e.style.width = `${Math.max(30, C)}px`;
|
|
1071
|
+
}, m = (g) => {
|
|
1072
|
+
const C = i + (g.clientY - u);
|
|
1073
|
+
e.style.height = `${Math.max(20, C)}px`;
|
|
1057
1074
|
}, p = () => {
|
|
1058
1075
|
document.removeEventListener("mousemove", f), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", p);
|
|
1059
1076
|
};
|
|
1060
|
-
},
|
|
1061
|
-
const
|
|
1062
|
-
|
|
1077
|
+
}, Ue = (e) => {
|
|
1078
|
+
const r = e.target.closest("td, th");
|
|
1079
|
+
r && (e.preventDefault(), document.querySelectorAll(".rte-cell-highlight").forEach((o) => o.classList.remove("rte-cell-highlight")), r.classList.add("rte-cell-highlight"), P({
|
|
1063
1080
|
visible: !0,
|
|
1064
1081
|
x: e.clientX,
|
|
1065
1082
|
y: e.clientY,
|
|
1066
|
-
cell:
|
|
1083
|
+
cell: r
|
|
1067
1084
|
}));
|
|
1068
|
-
},
|
|
1085
|
+
}, se = () => {
|
|
1069
1086
|
document.querySelectorAll(".rte-cell-highlight").forEach((e) => e.classList.remove("rte-cell-highlight"));
|
|
1070
|
-
},
|
|
1071
|
-
if (!
|
|
1072
|
-
const n =
|
|
1073
|
-
const
|
|
1087
|
+
}, $e = (e) => {
|
|
1088
|
+
if (!A.cell) return;
|
|
1089
|
+
const n = A.cell.closest("table"), r = A.cell.cellIndex, o = A.cell.parentElement.rowIndex, u = (l) => {
|
|
1090
|
+
const i = l.tagName.toLowerCase(), f = document.createElement(i);
|
|
1074
1091
|
return f.textContent = l.textContent || "", f.style.cssText = l.style.cssText, Q(f), f;
|
|
1075
1092
|
};
|
|
1076
1093
|
switch (e) {
|
|
1077
1094
|
case "insertRowAbove": {
|
|
1078
|
-
const l = n.rows[o],
|
|
1095
|
+
const l = n.rows[o], i = n.insertRow(o);
|
|
1079
1096
|
Array.from(l.cells).forEach((f) => {
|
|
1080
|
-
|
|
1097
|
+
i.appendChild(u(f));
|
|
1081
1098
|
});
|
|
1082
1099
|
break;
|
|
1083
1100
|
}
|
|
1084
1101
|
case "insertRowBelow": {
|
|
1085
|
-
const l = n.rows[o],
|
|
1102
|
+
const l = n.rows[o], i = n.insertRow(o + 1);
|
|
1086
1103
|
Array.from(l.cells).forEach((f) => {
|
|
1087
|
-
|
|
1104
|
+
i.appendChild(u(f));
|
|
1088
1105
|
});
|
|
1089
1106
|
break;
|
|
1090
1107
|
}
|
|
1091
1108
|
case "insertColLeft": {
|
|
1092
1109
|
Array.from(n.rows).forEach((l) => {
|
|
1093
|
-
const
|
|
1094
|
-
l.insertBefore(u(
|
|
1110
|
+
const i = l.cells[r];
|
|
1111
|
+
l.insertBefore(u(i), i);
|
|
1095
1112
|
});
|
|
1096
1113
|
break;
|
|
1097
1114
|
}
|
|
1098
1115
|
case "insertColRight": {
|
|
1099
1116
|
Array.from(n.rows).forEach((l) => {
|
|
1100
|
-
const
|
|
1101
|
-
l.insertBefore(u(
|
|
1117
|
+
const i = l.cells[r];
|
|
1118
|
+
l.insertBefore(u(i), i.nextSibling);
|
|
1102
1119
|
});
|
|
1103
1120
|
break;
|
|
1104
1121
|
}
|
|
@@ -1107,176 +1124,176 @@ const Lt = ({
|
|
|
1107
1124
|
break;
|
|
1108
1125
|
case "deleteCol":
|
|
1109
1126
|
Array.from(n.rows).forEach((l) => {
|
|
1110
|
-
l.cells[
|
|
1127
|
+
l.cells[r] && l.deleteCell(r);
|
|
1111
1128
|
});
|
|
1112
1129
|
break;
|
|
1113
1130
|
}
|
|
1114
|
-
z(),
|
|
1131
|
+
z(), P(ee(G({}, A), {
|
|
1115
1132
|
visible: !1
|
|
1116
|
-
})),
|
|
1117
|
-
},
|
|
1133
|
+
})), se();
|
|
1134
|
+
}, We = (e) => {
|
|
1118
1135
|
const n = e.querySelector("tbody");
|
|
1119
1136
|
if (!n || n.querySelector("[data-hidden-table-start]")) return;
|
|
1120
|
-
const
|
|
1121
|
-
|
|
1137
|
+
const r = document.createElement("span");
|
|
1138
|
+
r.textContent = "{{#arrayData}}", r.style.display = "none", r.setAttribute("data-hidden-table-start", "true"), n.insertBefore(r, n.firstChild);
|
|
1122
1139
|
const o = document.createElement("span");
|
|
1123
1140
|
o.textContent = "{{/arrayData}}", o.style.display = "none", o.setAttribute("data-hidden-table-end", "true"), n.appendChild(o);
|
|
1124
|
-
},
|
|
1125
|
-
const e =
|
|
1126
|
-
if (!e) return
|
|
1141
|
+
}, de = () => {
|
|
1142
|
+
const e = O();
|
|
1143
|
+
if (!e) return M;
|
|
1127
1144
|
const n = e.cloneNode(!0);
|
|
1128
|
-
return n.querySelectorAll("table div").forEach((
|
|
1129
|
-
},
|
|
1130
|
-
|
|
1145
|
+
return n.querySelectorAll("table div").forEach((r) => r.remove()), n.querySelectorAll(".rte-cell-highlight").forEach((r) => r.classList.remove("rte-cell-highlight")), n.innerHTML;
|
|
1146
|
+
}, Ke = () => {
|
|
1147
|
+
oe(), I.current = x.current, te({
|
|
1131
1148
|
url: "",
|
|
1132
1149
|
text: "",
|
|
1133
1150
|
title: "",
|
|
1134
1151
|
target: "_self"
|
|
1135
|
-
}),
|
|
1136
|
-
},
|
|
1152
|
+
}), w(!0);
|
|
1153
|
+
}, Xe = (e) => {
|
|
1137
1154
|
const n = window.getSelection();
|
|
1138
|
-
if (!n || !
|
|
1139
|
-
n.removeAllRanges(), n.addRange(
|
|
1140
|
-
let
|
|
1141
|
-
/^https?:\/\//i.test(
|
|
1155
|
+
if (!n || !I.current) return;
|
|
1156
|
+
n.removeAllRanges(), n.addRange(I.current);
|
|
1157
|
+
let r = e.url.trim();
|
|
1158
|
+
/^https?:\/\//i.test(r) || (r = "https://" + r);
|
|
1142
1159
|
const o = document.createElement("a");
|
|
1143
|
-
o.href =
|
|
1160
|
+
o.href = r, o.style.cursor = "pointer", o.style.outline = "none", o.textContent = e.text || r, o.title = e.title, o.target = e.target, o.contentEditable = "true";
|
|
1144
1161
|
const u = n.getRangeAt(0);
|
|
1145
1162
|
u.deleteContents(), u.insertNode(o);
|
|
1146
1163
|
const l = document.createTextNode(" ");
|
|
1147
1164
|
o.after(l);
|
|
1148
|
-
const
|
|
1149
|
-
|
|
1150
|
-
},
|
|
1165
|
+
const i = document.createRange();
|
|
1166
|
+
i.setStartAfter(l), i.collapse(!0), n.removeAllRanges(), n.addRange(i), w(!1), z();
|
|
1167
|
+
}, Ye = (e) => {
|
|
1151
1168
|
const n = e.target;
|
|
1152
1169
|
if (n.tagName === "A") {
|
|
1153
|
-
const
|
|
1170
|
+
const r = n;
|
|
1154
1171
|
if (e.ctrlKey || e.metaKey) {
|
|
1155
|
-
window.open(
|
|
1172
|
+
window.open(r.href, "_blank", "noopener,noreferrer");
|
|
1156
1173
|
return;
|
|
1157
1174
|
}
|
|
1158
1175
|
e.preventDefault();
|
|
1159
1176
|
const o = document.createRange();
|
|
1160
|
-
o.selectNode(
|
|
1161
|
-
url:
|
|
1162
|
-
text:
|
|
1163
|
-
title:
|
|
1164
|
-
target:
|
|
1165
|
-
}),
|
|
1177
|
+
o.selectNode(r), I.current = o, te({
|
|
1178
|
+
url: r.href,
|
|
1179
|
+
text: r.textContent || r.href,
|
|
1180
|
+
title: r.title,
|
|
1181
|
+
target: r.target
|
|
1182
|
+
}), w(!0);
|
|
1166
1183
|
}
|
|
1167
|
-
},
|
|
1168
|
-
const e =
|
|
1184
|
+
}, Ze = () => {
|
|
1185
|
+
const e = O();
|
|
1169
1186
|
if (!e) return;
|
|
1170
1187
|
const n = window.getSelection();
|
|
1171
|
-
if ((!n || n.rangeCount === 0) &&
|
|
1172
|
-
const
|
|
1173
|
-
|
|
1188
|
+
if ((!n || n.rangeCount === 0) && x.current) {
|
|
1189
|
+
const g = window.getSelection();
|
|
1190
|
+
g == null || g.removeAllRanges(), g == null || g.addRange(x.current);
|
|
1174
1191
|
}
|
|
1175
|
-
const
|
|
1176
|
-
if (!
|
|
1177
|
-
const o =
|
|
1178
|
-
|
|
1192
|
+
const r = window.getSelection();
|
|
1193
|
+
if (!r || r.rangeCount === 0) return;
|
|
1194
|
+
const o = r.getRangeAt(0);
|
|
1195
|
+
$(), document.execCommand("removeFormat", !1);
|
|
1179
1196
|
const u = o.cloneContents(), l = document.createElement("div");
|
|
1180
1197
|
l.appendChild(u);
|
|
1181
|
-
const
|
|
1182
|
-
for (;
|
|
1183
|
-
const
|
|
1184
|
-
|
|
1198
|
+
const i = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, null), f = [];
|
|
1199
|
+
for (; i.nextNode(); ) {
|
|
1200
|
+
const g = i.currentNode, C = g.tagName.toUpperCase(), k = g.getAttribute && g.getAttribute("data-mention") !== null;
|
|
1201
|
+
C !== "A" && !k && f.push(g);
|
|
1185
1202
|
}
|
|
1186
|
-
for (let
|
|
1187
|
-
const
|
|
1203
|
+
for (let g = f.length - 1; g >= 0; g--) {
|
|
1204
|
+
const C = f[g], k = C.parentNode;
|
|
1188
1205
|
if (k) {
|
|
1189
|
-
for (;
|
|
1190
|
-
k.removeChild(
|
|
1206
|
+
for (; C.firstChild; ) k.insertBefore(C.firstChild, C);
|
|
1207
|
+
k.removeChild(C);
|
|
1191
1208
|
}
|
|
1192
1209
|
}
|
|
1193
|
-
l.querySelectorAll("[style]").forEach((
|
|
1210
|
+
l.querySelectorAll("[style]").forEach((g) => g.removeAttribute("style")), o.deleteContents();
|
|
1194
1211
|
const m = document.createDocumentFragment();
|
|
1195
1212
|
for (; l.firstChild; ) m.appendChild(l.firstChild);
|
|
1196
1213
|
o.insertNode(m);
|
|
1197
1214
|
const p = document.createRange();
|
|
1198
|
-
p.setStartAfter(o.endContainer.nodeType === Node.TEXT_NODE ? o.endContainer : o.startContainer), p.collapse(!0),
|
|
1199
|
-
},
|
|
1215
|
+
p.setStartAfter(o.endContainer.nodeType === Node.TEXT_NODE ? o.endContainer : o.startContainer), p.collapse(!0), r.removeAllRanges(), r.addRange(p), e.normalize(), z();
|
|
1216
|
+
}, Qe = (e) => {
|
|
1200
1217
|
var o;
|
|
1201
1218
|
let n = e;
|
|
1202
1219
|
n = n.replace(/{{#arrayData\d*}}/g, ""), n = n.replace(/{{\/arrayData\d*}}/g, "");
|
|
1203
|
-
const
|
|
1204
|
-
return
|
|
1220
|
+
const r = document.createElement("div");
|
|
1221
|
+
return r.innerHTML = n, r.querySelectorAll("br").forEach((u) => {
|
|
1205
1222
|
u.replaceWith(`
|
|
1206
1223
|
`);
|
|
1207
|
-
}),
|
|
1224
|
+
}), r.querySelectorAll("p, div, tr").forEach((u) => {
|
|
1208
1225
|
u.insertAdjacentText("afterend", `
|
|
1209
1226
|
`);
|
|
1210
|
-
}),
|
|
1227
|
+
}), r.querySelectorAll("table").forEach((u) => {
|
|
1211
1228
|
u.insertAdjacentText("afterend", `
|
|
1212
1229
|
`);
|
|
1213
|
-
}), ((o =
|
|
1230
|
+
}), ((o = r.textContent) == null ? void 0 : o.replace(/\n{3,}/g, `
|
|
1214
1231
|
|
|
1215
1232
|
`).trim()) || "";
|
|
1216
1233
|
};
|
|
1217
|
-
return /* @__PURE__ */
|
|
1234
|
+
return /* @__PURE__ */ a.createElement("div", {
|
|
1218
1235
|
className: `rte-wrapper ${(v == null ? void 0 : v.wrapper) || ""}`,
|
|
1219
|
-
style:
|
|
1220
|
-
}, /* @__PURE__ */
|
|
1236
|
+
style: y.wrapper
|
|
1237
|
+
}, /* @__PURE__ */ a.createElement("div", {
|
|
1221
1238
|
style: {
|
|
1222
1239
|
flex: 1
|
|
1223
1240
|
}
|
|
1224
|
-
}, /* @__PURE__ */
|
|
1241
|
+
}, /* @__PURE__ */ a.createElement(Mt, {
|
|
1225
1242
|
exec: W,
|
|
1226
|
-
saveSelection:
|
|
1227
|
-
handleFileChange:
|
|
1243
|
+
saveSelection: oe,
|
|
1244
|
+
handleFileChange: Ie,
|
|
1228
1245
|
handleFontSizeChange: (e) => W("fontSize", e.target.value),
|
|
1229
1246
|
handleFontFamilyChange: (e) => W("fontName", e.target.value),
|
|
1230
|
-
insertEmoji:
|
|
1231
|
-
handleLink:
|
|
1232
|
-
removeFormatting:
|
|
1233
|
-
visibleActions:
|
|
1247
|
+
insertEmoji: Pe,
|
|
1248
|
+
handleLink: Ke,
|
|
1249
|
+
removeFormatting: Ze,
|
|
1250
|
+
visibleActions: ze,
|
|
1234
1251
|
className: v.toolbar,
|
|
1235
|
-
style:
|
|
1236
|
-
}), /* @__PURE__ */
|
|
1237
|
-
ref:
|
|
1252
|
+
style: y.toolbar
|
|
1253
|
+
}), /* @__PURE__ */ a.createElement("div", {
|
|
1254
|
+
ref: H,
|
|
1238
1255
|
className: `rte-editor ${(v == null ? void 0 : v.editor) || ""}`,
|
|
1239
|
-
style:
|
|
1256
|
+
style: y.editor,
|
|
1240
1257
|
contentEditable: !0,
|
|
1241
1258
|
suppressContentEditableWarning: !0,
|
|
1242
|
-
onInput:
|
|
1243
|
-
onKeyDown:
|
|
1244
|
-
onBeforeInput:
|
|
1245
|
-
onContextMenu:
|
|
1246
|
-
onClick:
|
|
1247
|
-
}), /* @__PURE__ */
|
|
1248
|
-
show:
|
|
1249
|
-
position:
|
|
1250
|
-
filtered:
|
|
1251
|
-
insertMention:
|
|
1252
|
-
onClose: () =>
|
|
1253
|
-
query:
|
|
1254
|
-
}), c && /* @__PURE__ */
|
|
1259
|
+
onInput: ie,
|
|
1260
|
+
onKeyDown: _e,
|
|
1261
|
+
onBeforeInput: Fe,
|
|
1262
|
+
onContextMenu: Ue,
|
|
1263
|
+
onClick: Ye
|
|
1264
|
+
}), /* @__PURE__ */ a.createElement(zt, {
|
|
1265
|
+
show: b,
|
|
1266
|
+
position: q,
|
|
1267
|
+
filtered: Z,
|
|
1268
|
+
insertMention: He,
|
|
1269
|
+
onClose: () => F(!1),
|
|
1270
|
+
query: Ne
|
|
1271
|
+
}), c && /* @__PURE__ */ a.createElement("div", {
|
|
1255
1272
|
className: `rte-output ${(v == null ? void 0 : v.output) || ""}`,
|
|
1256
|
-
style:
|
|
1257
|
-
}, /* @__PURE__ */
|
|
1258
|
-
visible:
|
|
1259
|
-
x:
|
|
1260
|
-
y:
|
|
1261
|
-
onAction:
|
|
1273
|
+
style: y.output
|
|
1274
|
+
}, /* @__PURE__ */ a.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ a.createElement("p", null, M)), /* @__PURE__ */ a.createElement(Nt, {
|
|
1275
|
+
visible: A.visible,
|
|
1276
|
+
x: A.x,
|
|
1277
|
+
y: A.y,
|
|
1278
|
+
onAction: $e,
|
|
1262
1279
|
onClose: () => {
|
|
1263
|
-
|
|
1280
|
+
P(ee(G({}, A), {
|
|
1264
1281
|
visible: !1
|
|
1265
|
-
})),
|
|
1282
|
+
})), se();
|
|
1266
1283
|
}
|
|
1267
|
-
}), /* @__PURE__ */
|
|
1268
|
-
visible:
|
|
1269
|
-
linkData:
|
|
1270
|
-
onClose: () =>
|
|
1271
|
-
onInsert:
|
|
1272
|
-
})),
|
|
1284
|
+
}), /* @__PURE__ */ a.createElement(At, {
|
|
1285
|
+
visible: h,
|
|
1286
|
+
linkData: Me,
|
|
1287
|
+
onClose: () => w(!1),
|
|
1288
|
+
onInsert: Xe
|
|
1289
|
+
})), s ? /* @__PURE__ */ a.createElement(kt, {
|
|
1273
1290
|
className: v.preview,
|
|
1274
|
-
style:
|
|
1275
|
-
html:
|
|
1291
|
+
style: y.preview,
|
|
1292
|
+
html: de()
|
|
1276
1293
|
}) : null);
|
|
1277
1294
|
};
|
|
1278
1295
|
export {
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1296
|
+
Ot as RichTextEditor,
|
|
1297
|
+
kt as RtePreview,
|
|
1298
|
+
Mt as RteToolbar
|
|
1282
1299
|
};
|