@ryzeup/richtexteditor 1.0.19 → 1.0.21

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.
Files changed (5) hide show
  1. package/dist/index.es.js +744 -657
  2. package/dist/index.js +3 -2
  3. package/dist/index.umd.js +3 -2
  4. package/dist/richtexteditor.css +1 -1
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -1,171 +1,171 @@
1
- var dt = Object.defineProperty, ut = Object.defineProperties;
2
- var mt = Object.getOwnPropertyDescriptors;
3
- var xe = Object.getOwnPropertySymbols;
4
- var gt = Object.prototype.hasOwnProperty, ft = Object.prototype.propertyIsEnumerable;
5
- var Le = (r, i, d) => i in r ? dt(r, i, { enumerable: !0, configurable: !0, writable: !0, value: d }) : r[i] = d, ae = (r, i) => {
6
- for (var d in i || (i = {}))
7
- gt.call(i, d) && Le(r, d, i[d]);
8
- if (xe)
9
- for (var d of xe(i))
10
- ft.call(i, d) && Le(r, d, i[d]);
1
+ var ut = Object.defineProperty, mt = Object.defineProperties;
2
+ var gt = Object.getOwnPropertyDescriptors;
3
+ var Se = Object.getOwnPropertySymbols;
4
+ var ft = Object.prototype.hasOwnProperty, ht = Object.prototype.propertyIsEnumerable;
5
+ var Ae = (r, s, d) => s in r ? ut(r, s, { enumerable: !0, configurable: !0, writable: !0, value: d }) : r[s] = d, ce = (r, s) => {
6
+ for (var d in s || (s = {}))
7
+ ft.call(s, d) && Ae(r, d, s[d]);
8
+ if (Se)
9
+ for (var d of Se(s))
10
+ ht.call(s, d) && Ae(r, d, s[d]);
11
11
  return r;
12
- }, oe = (r, i) => ut(r, mt(i));
13
- import * as ht from "react";
14
- import o, { useRef as P, useState as A, useEffect as I } from "react";
15
- import { createPortal as pt } from "react-dom";
16
- window.React = ht;
17
- var ke = {
12
+ }, ie = (r, s) => mt(r, gt(s));
13
+ import * as pt from "react";
14
+ import a, { useRef as V, useState as z, useEffect as I } from "react";
15
+ import { createPortal as vt } from "react-dom";
16
+ window.React = pt;
17
+ var Te = {
18
18
  color: void 0,
19
19
  size: void 0,
20
20
  className: void 0,
21
21
  style: void 0,
22
22
  attr: void 0
23
- }, Se = o.createContext && /* @__PURE__ */ o.createContext(ke), vt = ["attr", "size", "title"];
24
- function yt(r, i) {
23
+ }, Me = a.createContext && /* @__PURE__ */ a.createContext(Te), yt = ["attr", "size", "title"];
24
+ function Et(r, s) {
25
25
  if (r == null) return {};
26
- var d = Et(r, i), u, f;
26
+ var d = wt(r, s), m, p;
27
27
  if (Object.getOwnPropertySymbols) {
28
28
  var w = Object.getOwnPropertySymbols(r);
29
- for (f = 0; f < w.length; f++)
30
- u = w[f], !(i.indexOf(u) >= 0) && Object.prototype.propertyIsEnumerable.call(r, u) && (d[u] = r[u]);
29
+ for (p = 0; p < w.length; p++)
30
+ m = w[p], !(s.indexOf(m) >= 0) && Object.prototype.propertyIsEnumerable.call(r, m) && (d[m] = r[m]);
31
31
  }
32
32
  return d;
33
33
  }
34
- function Et(r, i) {
34
+ function wt(r, s) {
35
35
  if (r == null) return {};
36
36
  var d = {};
37
- for (var u in r)
38
- if (Object.prototype.hasOwnProperty.call(r, u)) {
39
- if (i.indexOf(u) >= 0) continue;
40
- d[u] = r[u];
37
+ for (var m in r)
38
+ if (Object.prototype.hasOwnProperty.call(r, m)) {
39
+ if (s.indexOf(m) >= 0) continue;
40
+ d[m] = r[m];
41
41
  }
42
42
  return d;
43
43
  }
44
- function Q() {
45
- return Q = Object.assign ? Object.assign.bind() : function(r) {
46
- for (var i = 1; i < arguments.length; i++) {
47
- var d = arguments[i];
48
- for (var u in d)
49
- Object.prototype.hasOwnProperty.call(d, u) && (r[u] = d[u]);
44
+ function J() {
45
+ return J = Object.assign ? Object.assign.bind() : function(r) {
46
+ for (var s = 1; s < arguments.length; s++) {
47
+ var d = arguments[s];
48
+ for (var m in d)
49
+ Object.prototype.hasOwnProperty.call(d, m) && (r[m] = d[m]);
50
50
  }
51
51
  return r;
52
- }, Q.apply(this, arguments);
52
+ }, J.apply(this, arguments);
53
53
  }
54
- function Me(r, i) {
54
+ function ke(r, s) {
55
55
  var d = Object.keys(r);
56
56
  if (Object.getOwnPropertySymbols) {
57
- var u = Object.getOwnPropertySymbols(r);
58
- i && (u = u.filter(function(f) {
59
- return Object.getOwnPropertyDescriptor(r, f).enumerable;
60
- })), d.push.apply(d, u);
57
+ var m = Object.getOwnPropertySymbols(r);
58
+ s && (m = m.filter(function(p) {
59
+ return Object.getOwnPropertyDescriptor(r, p).enumerable;
60
+ })), d.push.apply(d, m);
61
61
  }
62
62
  return d;
63
63
  }
64
- function J(r) {
65
- for (var i = 1; i < arguments.length; i++) {
66
- var d = arguments[i] != null ? arguments[i] : {};
67
- i % 2 ? Me(Object(d), !0).forEach(function(u) {
68
- wt(r, u, d[u]);
69
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(d)) : Me(Object(d)).forEach(function(u) {
70
- Object.defineProperty(r, u, Object.getOwnPropertyDescriptor(d, u));
64
+ function G(r) {
65
+ for (var s = 1; s < arguments.length; s++) {
66
+ var d = arguments[s] != null ? arguments[s] : {};
67
+ s % 2 ? ke(Object(d), !0).forEach(function(m) {
68
+ Ct(r, m, d[m]);
69
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(d)) : ke(Object(d)).forEach(function(m) {
70
+ Object.defineProperty(r, m, Object.getOwnPropertyDescriptor(d, m));
71
71
  });
72
72
  }
73
73
  return r;
74
74
  }
75
- function wt(r, i, d) {
76
- return i = Ct(i), i in r ? Object.defineProperty(r, i, { value: d, enumerable: !0, configurable: !0, writable: !0 }) : r[i] = d, r;
75
+ function Ct(r, s, d) {
76
+ return s = bt(s), s in r ? Object.defineProperty(r, s, { value: d, enumerable: !0, configurable: !0, writable: !0 }) : r[s] = d, r;
77
77
  }
78
- function Ct(r) {
79
- var i = bt(r, "string");
80
- return typeof i == "symbol" ? i : i + "";
78
+ function bt(r) {
79
+ var s = Rt(r, "string");
80
+ return typeof s == "symbol" ? s : s + "";
81
81
  }
82
- function bt(r, i) {
82
+ function Rt(r, s) {
83
83
  if (typeof r != "object" || !r) return r;
84
84
  var d = r[Symbol.toPrimitive];
85
85
  if (d !== void 0) {
86
- var u = d.call(r, i);
87
- if (typeof u != "object") return u;
86
+ var m = d.call(r, s);
87
+ if (typeof m != "object") return m;
88
88
  throw new TypeError("@@toPrimitive must return a primitive value.");
89
89
  }
90
- return (i === "string" ? String : Number)(r);
90
+ return (s === "string" ? String : Number)(r);
91
91
  }
92
- function Ne(r) {
93
- return r && r.map((i, d) => /* @__PURE__ */ o.createElement(i.tag, J({
92
+ function De(r) {
93
+ return r && r.map((s, d) => /* @__PURE__ */ a.createElement(s.tag, G({
94
94
  key: d
95
- }, i.attr), Ne(i.child)));
95
+ }, s.attr), De(s.child)));
96
96
  }
97
- function z(r) {
98
- return (i) => /* @__PURE__ */ o.createElement(Rt, Q({
99
- attr: J({}, r.attr)
100
- }, i), Ne(r.child));
97
+ function N(r) {
98
+ return (s) => /* @__PURE__ */ a.createElement(xt, J({
99
+ attr: G({}, r.attr)
100
+ }, s), De(r.child));
101
101
  }
102
- function Rt(r) {
103
- var i = (d) => {
102
+ function xt(r) {
103
+ var s = (d) => {
104
104
  var {
105
- attr: u,
106
- size: f,
105
+ attr: m,
106
+ size: p,
107
107
  title: w
108
- } = r, R = yt(r, vt), b = f || d.size || "1em", p;
109
- return d.className && (p = d.className), r.className && (p = (p ? p + " " : "") + r.className), /* @__PURE__ */ o.createElement("svg", Q({
108
+ } = r, R = Et(r, yt), M = p || d.size || "1em", E;
109
+ return d.className && (E = d.className), r.className && (E = (E ? E + " " : "") + r.className), /* @__PURE__ */ a.createElement("svg", J({
110
110
  stroke: "currentColor",
111
111
  fill: "currentColor",
112
112
  strokeWidth: "0"
113
- }, d.attr, u, R, {
114
- className: p,
115
- style: J(J({
113
+ }, d.attr, m, R, {
114
+ className: E,
115
+ style: G(G({
116
116
  color: r.color || d.color
117
117
  }, d.style), r.style),
118
- height: b,
119
- width: b,
118
+ height: M,
119
+ width: M,
120
120
  xmlns: "http://www.w3.org/2000/svg"
121
- }), w && /* @__PURE__ */ o.createElement("title", null, w), r.children);
121
+ }), w && /* @__PURE__ */ a.createElement("title", null, w), r.children);
122
122
  };
123
- return Se !== void 0 ? /* @__PURE__ */ o.createElement(Se.Consumer, null, (d) => i(d)) : i(ke);
124
- }
125
- function xt(r) {
126
- return z({ 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: [] }] })(r);
123
+ return Me !== void 0 ? /* @__PURE__ */ a.createElement(Me.Consumer, null, (d) => s(d)) : s(Te);
127
124
  }
128
125
  function Lt(r) {
129
- return z({ 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: [] }] })(r);
126
+ return N({ 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: [] }] })(r);
130
127
  }
131
128
  function St(r) {
132
- return z({ 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: [] }] })(r);
133
- }
134
- function Mt(r) {
135
- return z({ 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: [] }] })(r);
129
+ return N({ 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: [] }] })(r);
136
130
  }
137
131
  function At(r) {
138
- return z({ 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: [] }] })(r);
132
+ return N({ 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: [] }] })(r);
139
133
  }
140
- function zt(r) {
141
- return z({ 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: [] }] })(r);
134
+ function Mt(r) {
135
+ return N({ 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: [] }] })(r);
142
136
  }
143
137
  function kt(r) {
144
- return z({ 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: [] }] })(r);
138
+ return N({ 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: [] }] })(r);
139
+ }
140
+ function zt(r) {
141
+ return N({ 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: [] }] })(r);
145
142
  }
146
143
  function Nt(r) {
147
- return z({ 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: [] }] })(r);
144
+ return N({ 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: [] }] })(r);
148
145
  }
149
146
  function Tt(r) {
150
- return z({ 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: [] }] })(r);
147
+ return N({ 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: [] }] })(r);
151
148
  }
152
149
  function Dt(r) {
153
- return z({ 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: [] }] })(r);
154
- }
155
- function Ot(r) {
156
- return z({ 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: [] }] })(r);
150
+ return N({ 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: [] }] })(r);
157
151
  }
158
152
  function Ht(r) {
159
- return z({ 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: [] }] })(r);
153
+ return N({ 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: [] }] })(r);
154
+ }
155
+ function Ot(r) {
156
+ return N({ 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: [] }] })(r);
160
157
  }
161
158
  function _t(r) {
162
- return z({ 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: [] }] })(r);
159
+ return N({ 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: [] }] })(r);
163
160
  }
164
161
  function jt(r) {
165
- return z({ 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: [] }] })(r);
162
+ return N({ 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: [] }] })(r);
163
+ }
164
+ function It(r) {
165
+ return N({ 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: [] }] })(r);
166
166
  }
167
167
  function Ft(r) {
168
- return z({ 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: [] }] })(r);
168
+ return N({ 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: [] }] })(r);
169
169
  }
170
170
  const Pt = [
171
171
  "😀",
@@ -279,35 +279,35 @@ const Pt = [
279
279
  "👏",
280
280
  "🫶",
281
281
  "👐"
282
- ], It = ({
282
+ ], qt = ({
283
283
  exec: r,
284
- saveSelection: i,
284
+ saveSelection: s,
285
285
  handleFileChange: d,
286
- handleFontSizeChange: u,
287
- handleFontFamilyChange: f,
286
+ handleFontSizeChange: m,
287
+ handleFontFamilyChange: p,
288
288
  // insertListBlock,
289
289
  insertEmoji: w,
290
290
  handleLink: R,
291
- removeFormatting: b,
292
- visibleActions: p,
293
- className: O,
294
- style: j
291
+ removeFormatting: M,
292
+ visibleActions: E,
293
+ className: x,
294
+ style: L
295
295
  }) => {
296
- var U, D;
297
- const k = P(null), _ = P(null), L = P(null), [K, W] = A(!1), [q, B] = A({
296
+ var $, O;
297
+ const A = V(null), P = V(null), T = V(null), [q, B] = z(!1), [F, _] = z({
298
298
  x: 0,
299
299
  y: 0
300
300
  });
301
301
  I(() => {
302
- const m = (C) => {
303
- !C.target.closest(".rte-emoji-popup") && !C.target.closest("button[title='Emoji']") && W(!1);
302
+ const h = (C) => {
303
+ !C.target.closest(".rte-emoji-popup") && !C.target.closest("button[title='Emoji']") && B(!1);
304
304
  };
305
- return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
305
+ return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
306
306
  }, []);
307
- const F = (m) => {
308
- var H;
309
- m.preventDefault();
310
- const C = m.currentTarget.dataset.command;
307
+ const U = (h) => {
308
+ var j;
309
+ h.preventDefault();
310
+ const C = h.currentTarget.dataset.command;
311
311
  if (C)
312
312
  switch (C) {
313
313
  case "bold":
@@ -319,17 +319,17 @@ const Pt = [
319
319
  r(C);
320
320
  break;
321
321
  case "insertImage": {
322
- (H = k.current) == null || H.click();
322
+ (j = A.current) == null || j.click();
323
323
  break;
324
324
  }
325
325
  default:
326
326
  console.warn("Unknown command:", C);
327
327
  }
328
- }, G = (m) => {
329
- r("foreColor", m.target.value);
330
- }, ee = (m) => {
331
- r("backColor", m.target.value);
332
- }, [M, N] = A({
328
+ }, Y = (h) => {
329
+ r("foreColor", h.target.value);
330
+ }, ee = (h) => {
331
+ r("backColor", h.target.value);
332
+ }, [k, D] = z({
333
333
  bold: !1,
334
334
  italic: !1,
335
335
  underline: !1,
@@ -347,8 +347,8 @@ const Pt = [
347
347
  highlight: !1
348
348
  });
349
349
  return I(() => {
350
- const m = () => {
351
- N({
350
+ const h = () => {
351
+ D({
352
352
  bold: document.queryCommandState("bold"),
353
353
  italic: document.queryCommandState("italic"),
354
354
  underline: document.queryCommandState("underline"),
@@ -366,117 +366,117 @@ const Pt = [
366
366
  highlight: document.queryCommandState("backColor")
367
367
  });
368
368
  };
369
- return document.addEventListener("selectionchange", m), () => document.removeEventListener("selectionchange", m);
370
- }, []), /* @__PURE__ */ o.createElement("div", {
371
- className: `rte-toolbar ${O || ""}`,
372
- style: j
373
- }, p.bold && /* @__PURE__ */ o.createElement("button", {
369
+ return document.addEventListener("selectionchange", h), () => document.removeEventListener("selectionchange", h);
370
+ }, []), /* @__PURE__ */ a.createElement("div", {
371
+ className: `rte-toolbar ${x || ""}`,
372
+ style: L
373
+ }, E.bold && /* @__PURE__ */ a.createElement("button", {
374
374
  "data-command": "bold",
375
375
  title: "Bold",
376
- onMouseDown: F,
377
- className: M.bold ? "rte-active" : ""
378
- }, /* @__PURE__ */ o.createElement(zt, null)), p.italic && /* @__PURE__ */ o.createElement("button", {
376
+ onMouseDown: U,
377
+ className: k.bold ? "rte-active" : ""
378
+ }, /* @__PURE__ */ a.createElement(zt, null)), E.italic && /* @__PURE__ */ a.createElement("button", {
379
379
  "data-command": "italic",
380
380
  title: "Italic",
381
- onMouseDown: F,
382
- className: M.italic ? "rte-active" : ""
383
- }, /* @__PURE__ */ o.createElement(Nt, null)), p.underline && /* @__PURE__ */ o.createElement("button", {
381
+ onMouseDown: U,
382
+ className: k.italic ? "rte-active" : ""
383
+ }, /* @__PURE__ */ a.createElement(Tt, null)), E.underline && /* @__PURE__ */ a.createElement("button", {
384
384
  "data-command": "underline",
385
385
  title: "Underline",
386
- onMouseDown: F,
387
- className: M.underline ? "rte-active" : ""
388
- }, /* @__PURE__ */ o.createElement(_t, null)), p.unorderedList && /* @__PURE__ */ o.createElement("button", {
386
+ onMouseDown: U,
387
+ className: k.underline ? "rte-active" : ""
388
+ }, /* @__PURE__ */ a.createElement(jt, null)), E.unorderedList && /* @__PURE__ */ a.createElement("button", {
389
389
  "data-command": "insertUnorderedList",
390
- onMouseDown: F,
390
+ onMouseDown: U,
391
391
  title: "UnorderedList",
392
- className: M.unorderedList ? "rte-active" : ""
393
- }, /* @__PURE__ */ o.createElement(Dt, null)), p.orderedList && /* @__PURE__ */ o.createElement("button", {
392
+ className: k.unorderedList ? "rte-active" : ""
393
+ }, /* @__PURE__ */ a.createElement(Ht, null)), E.orderedList && /* @__PURE__ */ a.createElement("button", {
394
394
  "data-command": "insertOrderedList",
395
395
  title: "OrderedList",
396
- onMouseDown: F,
397
- className: M.orderedList ? "rte-active" : ""
398
- }, /* @__PURE__ */ o.createElement(Mt, null)), p.link && /* @__PURE__ */ o.createElement("button", {
396
+ onMouseDown: U,
397
+ className: k.orderedList ? "rte-active" : ""
398
+ }, /* @__PURE__ */ a.createElement(Mt, null)), E.link && /* @__PURE__ */ a.createElement("button", {
399
399
  "data-command": "createLink",
400
400
  title: "Link",
401
401
  onClick: R,
402
- className: M.link ? "rte-active" : ""
403
- }, /* @__PURE__ */ o.createElement(Tt, null)), p.removeFormat && /* @__PURE__ */ o.createElement("button", {
402
+ className: k.link ? "rte-active" : ""
403
+ }, /* @__PURE__ */ a.createElement(Dt, null)), E.removeFormat && /* @__PURE__ */ a.createElement("button", {
404
404
  "data-command": "Remove format",
405
405
  title: "removeFormat",
406
- onMouseDown: (m) => {
407
- m.preventDefault(), i(), b();
406
+ onMouseDown: (h) => {
407
+ h.preventDefault(), s(), M();
408
408
  },
409
- className: M.removeFormat ? "rte-active" : ""
410
- }, /* @__PURE__ */ o.createElement(Ft, null)), p.image && /* @__PURE__ */ o.createElement("button", {
409
+ className: k.removeFormat ? "rte-active" : ""
410
+ }, /* @__PURE__ */ a.createElement(Ft, null)), E.image && /* @__PURE__ */ a.createElement("button", {
411
411
  "data-command": "insertImage",
412
412
  title: "Image",
413
- onMouseDown: F,
414
- className: M.image ? "rte-active" : ""
415
- }, /* @__PURE__ */ o.createElement(St, null)), /* @__PURE__ */ o.createElement("input", {
413
+ onMouseDown: U,
414
+ className: k.image ? "rte-active" : ""
415
+ }, /* @__PURE__ */ a.createElement(At, null)), /* @__PURE__ */ a.createElement("input", {
416
416
  type: "file",
417
417
  accept: "image/*",
418
- ref: k,
418
+ ref: A,
419
419
  style: {
420
420
  display: "none"
421
421
  },
422
422
  onChange: d
423
- }), p.emoji && /* @__PURE__ */ o.createElement("div", {
423
+ }), E.emoji && /* @__PURE__ */ a.createElement("div", {
424
424
  style: {
425
425
  position: "relative"
426
426
  }
427
- }, /* @__PURE__ */ o.createElement("button", {
427
+ }, /* @__PURE__ */ a.createElement("button", {
428
428
  title: "Emoji",
429
- onMouseDown: (m) => {
430
- m.preventDefault(), i();
431
- const C = m.currentTarget.getBoundingClientRect();
432
- B({
429
+ onMouseDown: (h) => {
430
+ h.preventDefault(), s();
431
+ const C = h.currentTarget.getBoundingClientRect();
432
+ _({
433
433
  x: C.left,
434
434
  y: C.bottom + 8
435
435
  // small spacing
436
- }), W((H) => !H);
436
+ }), B((j) => !j);
437
437
  },
438
- className: M.emoji ? "rte-active" : ""
439
- }, /* @__PURE__ */ o.createElement(Ot, null)), K && /* @__PURE__ */ pt(/* @__PURE__ */ o.createElement("div", {
438
+ className: k.emoji ? "rte-active" : ""
439
+ }, /* @__PURE__ */ a.createElement(Ot, null)), q && /* @__PURE__ */ vt(/* @__PURE__ */ a.createElement("div", {
440
440
  className: "rte-emoji-popup",
441
441
  style: {
442
- top: q.y,
443
- left: q.x
442
+ top: F.y,
443
+ left: F.x
444
444
  }
445
- }, Pt.map((m, C) => /* @__PURE__ */ o.createElement("span", {
445
+ }, Pt.map((h, C) => /* @__PURE__ */ a.createElement("span", {
446
446
  key: C,
447
447
  style: {
448
448
  fontSize: "20px",
449
449
  cursor: "pointer",
450
450
  textAlign: "center"
451
451
  },
452
- onMouseDown: (H) => {
453
- H.preventDefault(), w(m), W(!1);
452
+ onMouseDown: (j) => {
453
+ j.preventDefault(), w(h), B(!1);
454
454
  }
455
- }, m))), document.body)), p.color && /* @__PURE__ */ o.createElement("div", {
455
+ }, h))), document.body)), E.color && /* @__PURE__ */ a.createElement("div", {
456
456
  style: {
457
457
  position: "relative"
458
458
  }
459
- }, /* @__PURE__ */ o.createElement("button", {
459
+ }, /* @__PURE__ */ a.createElement("button", {
460
460
  title: "Text Color",
461
- onMouseDown: (m) => {
461
+ onMouseDown: (h) => {
462
462
  var C;
463
- m.preventDefault(), i(), (C = _.current) == null || C.click();
463
+ h.preventDefault(), s(), (C = P.current) == null || C.click();
464
464
  },
465
465
  style: {
466
466
  display: "flex",
467
467
  alignItems: "center",
468
468
  justifyContent: "center",
469
- color: ((U = _.current) == null ? void 0 : U.value) || "#000",
469
+ color: (($ = P.current) == null ? void 0 : $.value) || "#000",
470
470
  fontSize: "18px"
471
471
  },
472
- className: M.color ? "rte-active" : ""
473
- }, /* @__PURE__ */ o.createElement(jt, null)), /* @__PURE__ */ o.createElement("input", {
474
- ref: _,
472
+ className: k.color ? "rte-active" : ""
473
+ }, /* @__PURE__ */ a.createElement(It, null)), /* @__PURE__ */ a.createElement("input", {
474
+ ref: P,
475
475
  type: "color",
476
476
  defaultValue: "#000000",
477
- onChange: (m) => {
477
+ onChange: (h) => {
478
478
  var C;
479
- G(m), ((C = m.target.parentElement) == null ? void 0 : C.querySelector("button")).style.color = m.target.value;
479
+ Y(h), ((C = h.target.parentElement) == null ? void 0 : C.querySelector("button")).style.color = h.target.value;
480
480
  },
481
481
  style: {
482
482
  position: "absolute",
@@ -485,30 +485,30 @@ const Pt = [
485
485
  height: 0,
486
486
  pointerEvents: "none"
487
487
  }
488
- })), p.highlight && /* @__PURE__ */ o.createElement("div", {
488
+ })), E.highlight && /* @__PURE__ */ a.createElement("div", {
489
489
  style: {
490
490
  position: "relative"
491
491
  }
492
- }, /* @__PURE__ */ o.createElement("button", {
492
+ }, /* @__PURE__ */ a.createElement("button", {
493
493
  title: "Highlight",
494
- onMouseDown: (m) => {
494
+ onMouseDown: (h) => {
495
495
  var C;
496
- m.preventDefault(), i(), (C = L.current) == null || C.click();
496
+ h.preventDefault(), s(), (C = T.current) == null || C.click();
497
497
  },
498
498
  style: {
499
499
  display: "flex",
500
500
  alignItems: "center",
501
501
  justifyContent: "center",
502
- color: ((D = L.current) == null ? void 0 : D.value) || "#000",
502
+ color: ((O = T.current) == null ? void 0 : O.value) || "#000",
503
503
  fontSize: "18px"
504
504
  },
505
- className: M.highlight ? "rte-active" : ""
506
- }, /* @__PURE__ */ o.createElement(kt, null)), /* @__PURE__ */ o.createElement("input", {
507
- ref: L,
505
+ className: k.highlight ? "rte-active" : ""
506
+ }, /* @__PURE__ */ a.createElement(Nt, null)), /* @__PURE__ */ a.createElement("input", {
507
+ ref: T,
508
508
  type: "color",
509
- onChange: (m) => {
509
+ onChange: (h) => {
510
510
  var C;
511
- ee(m), ((C = m.target.parentElement) == null ? void 0 : C.querySelector("button")).style.color = m.target.value;
511
+ ee(h), ((C = h.target.parentElement) == null ? void 0 : C.querySelector("button")).style.color = h.target.value;
512
512
  },
513
513
  defaultValue: "#000000",
514
514
  style: {
@@ -518,245 +518,264 @@ const Pt = [
518
518
  height: 0,
519
519
  pointerEvents: "none"
520
520
  }
521
- })), p.align && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("button", {
521
+ })), E.align && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("button", {
522
522
  title: "Align Left",
523
- onMouseDown: (m) => m.preventDefault(),
523
+ onMouseDown: (h) => h.preventDefault(),
524
524
  onClick: () => r("justifyLeft"),
525
- className: M.alignLeft ? "rte-active" : ""
526
- }, /* @__PURE__ */ o.createElement(At, null)), /* @__PURE__ */ o.createElement("button", {
525
+ className: k.alignLeft ? "rte-active" : ""
526
+ }, /* @__PURE__ */ a.createElement(kt, null)), /* @__PURE__ */ a.createElement("button", {
527
527
  title: "Align Center",
528
- onMouseDown: (m) => m.preventDefault(),
528
+ onMouseDown: (h) => h.preventDefault(),
529
529
  onClick: () => r("justifyCenter"),
530
- className: M.alignCenter ? "rte-active" : ""
531
- }, /* @__PURE__ */ o.createElement(xt, null)), /* @__PURE__ */ o.createElement("button", {
530
+ className: k.alignCenter ? "rte-active" : ""
531
+ }, /* @__PURE__ */ a.createElement(Lt, null)), /* @__PURE__ */ a.createElement("button", {
532
532
  title: "Align Right",
533
- onMouseDown: (m) => m.preventDefault(),
533
+ onMouseDown: (h) => h.preventDefault(),
534
534
  onClick: () => r("justifyRight"),
535
- className: M.alignRight ? "rte-active" : ""
536
- }, /* @__PURE__ */ o.createElement(Lt, null))), p.table && /* @__PURE__ */ o.createElement("button", {
535
+ className: k.alignRight ? "rte-active" : ""
536
+ }, /* @__PURE__ */ a.createElement(St, null))), E.table && /* @__PURE__ */ a.createElement("button", {
537
537
  title: "Insert Table",
538
- onMouseDown: (m) => m.preventDefault(),
538
+ onMouseDown: (h) => h.preventDefault(),
539
539
  onClick: () => r("insertTable"),
540
- className: M.table ? "rte-active" : ""
541
- }, /* @__PURE__ */ o.createElement(Ht, null)), p.fontFamily && /* @__PURE__ */ o.createElement("select", {
540
+ className: k.table ? "rte-active" : ""
541
+ }, /* @__PURE__ */ a.createElement(_t, null)), E.fontFamily && /* @__PURE__ */ a.createElement("select", {
542
542
  className: "rte-dropdown",
543
543
  defaultValue: "",
544
- onMouseDown: () => i(),
545
- onChange: f
546
- }, /* @__PURE__ */ o.createElement("option", {
544
+ onMouseDown: () => s(),
545
+ onChange: p
546
+ }, /* @__PURE__ */ a.createElement("option", {
547
547
  value: "",
548
548
  disabled: !0
549
- }, "Font Family"), /* @__PURE__ */ o.createElement("option", {
549
+ }, "Font Family"), /* @__PURE__ */ a.createElement("option", {
550
550
  value: "Arial"
551
- }, "Arial"), /* @__PURE__ */ o.createElement("option", {
551
+ }, "Arial"), /* @__PURE__ */ a.createElement("option", {
552
552
  value: "Georgia"
553
- }, "Georgia"), /* @__PURE__ */ o.createElement("option", {
553
+ }, "Georgia"), /* @__PURE__ */ a.createElement("option", {
554
554
  value: "Times New Roman"
555
- }, "Times New Roman"), /* @__PURE__ */ o.createElement("option", {
555
+ }, "Times New Roman"), /* @__PURE__ */ a.createElement("option", {
556
556
  value: "Courier New"
557
- }, "Courier New"), /* @__PURE__ */ o.createElement("option", {
557
+ }, "Courier New"), /* @__PURE__ */ a.createElement("option", {
558
558
  value: "Verdana"
559
- }, "Verdana")), p.fontSize && /* @__PURE__ */ o.createElement("select", {
559
+ }, "Verdana")), E.fontSize && /* @__PURE__ */ a.createElement("select", {
560
560
  className: "rte-dropdown rte-fontsize-dropdown",
561
561
  defaultValue: "",
562
- onMouseDown: () => i(),
563
- onChange: u
564
- }, /* @__PURE__ */ o.createElement("option", {
562
+ onMouseDown: () => s(),
563
+ onChange: m
564
+ }, /* @__PURE__ */ a.createElement("option", {
565
565
  value: "",
566
566
  disabled: !0
567
567
  }, "Font Size"), Array.from({
568
568
  length: 16
569
- }, (m, C) => 10 + C).map((m) => /* @__PURE__ */ o.createElement("option", {
570
- key: m,
571
- value: m
572
- }, m, "px"))));
569
+ }, (h, C) => 10 + C).map((h) => /* @__PURE__ */ a.createElement("option", {
570
+ key: h,
571
+ value: h
572
+ }, h, "px"))));
573
573
  }, Bt = ({
574
574
  show: r,
575
- position: i,
575
+ position: s,
576
576
  filtered: d,
577
- insertMention: u,
578
- onClose: f,
577
+ insertMention: m,
578
+ onClose: p,
579
579
  query: w
580
580
  }) => {
581
- const R = P(null);
581
+ const R = V(null), [M, E] = z(0);
582
582
  return I(() => {
583
- const b = (p) => {
584
- R.current && !R.current.contains(p.target) && f();
583
+ r && E(0);
584
+ }, [r]), I(() => {
585
+ const x = (L) => {
586
+ R.current && !R.current.contains(L.target) && p();
585
587
  };
586
- return r && document.addEventListener("mousedown", b), () => {
587
- document.removeEventListener("mousedown", b);
588
+ return r && document.addEventListener("mousedown", x), () => {
589
+ document.removeEventListener("mousedown", x);
588
590
  };
589
- }, [r, f]), r ? /* @__PURE__ */ o.createElement("ul", {
591
+ }, [r, p]), I(() => {
592
+ if (!r) return;
593
+ const x = (L) => {
594
+ if (!(!r || d.length === 0) && (L.key === "ArrowDown" && (L.preventDefault(), E((A) => Math.min(A + 1, d.length - 1))), L.key === "ArrowUp" && (L.preventDefault(), E((A) => Math.max(A - 1, 0))), L.key === "Enter")) {
595
+ L.preventDefault();
596
+ const A = d[M];
597
+ A && m(A);
598
+ }
599
+ };
600
+ return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
601
+ }, [r, d, M]), I(() => {
602
+ if (!R.current) return;
603
+ const L = R.current.querySelectorAll("li")[M];
604
+ L && L.scrollIntoView({
605
+ block: "nearest",
606
+ behavior: "smooth"
607
+ });
608
+ }, [M]), r ? /* @__PURE__ */ a.createElement("ul", {
590
609
  ref: R,
591
610
  className: "rte-popup",
592
611
  style: {
593
- top: i.y,
594
- left: i.x
612
+ top: s.y,
613
+ left: s.x
595
614
  }
596
615
  }, d.length > 0 ? d.map(({
597
- name: b,
598
- value: p
599
- }) => {
600
- const O = b.toLowerCase(), j = w.toLowerCase(), k = O.indexOf(j);
601
- let _ = b;
602
- if (k !== -1 && w.length > 0) {
603
- const L = k + w.length;
604
- _ = b.substring(0, k) + `<span class="rte-highlight">${b.substring(k, L)}</span>` + b.substring(L);
616
+ name: x,
617
+ value: L
618
+ }, A) => {
619
+ const P = x.toLowerCase(), T = w.toLowerCase(), q = P.indexOf(T);
620
+ let B = x;
621
+ if (q !== -1 && w.length > 0) {
622
+ const F = q + w.length;
623
+ B = x.substring(0, q) + `<span class="rte-highlight">${x.substring(q, F)}</span>` + x.substring(F);
605
624
  }
606
- return /* @__PURE__ */ o.createElement("li", {
607
- key: p,
608
- onMouseDown: (L) => {
609
- L.preventDefault(), u({
610
- name: b,
611
- value: p
625
+ return /* @__PURE__ */ a.createElement("li", {
626
+ key: L,
627
+ onMouseDown: (F) => {
628
+ F.preventDefault(), m({
629
+ name: x,
630
+ value: L
612
631
  });
613
632
  },
614
633
  style: {
615
634
  padding: "6px 12px",
616
635
  cursor: "pointer",
617
- fontSize: "14px"
636
+ fontSize: "14px",
637
+ background: A === M ? "#dce8ff" : "white"
618
638
  },
619
639
  dangerouslySetInnerHTML: {
620
- __html: _
640
+ __html: B
621
641
  },
622
- onMouseEnter: (L) => L.currentTarget.style.background = "#f0f0f0",
623
- onMouseLeave: (L) => L.currentTarget.style.background = "#fff"
642
+ onMouseEnter: () => E(A)
624
643
  });
625
- }) : /* @__PURE__ */ o.createElement("li", {
644
+ }) : /* @__PURE__ */ a.createElement("li", {
626
645
  style: {
627
646
  padding: "6px 12px",
628
647
  color: "#999"
629
648
  }
630
649
  }, "No matches")) : null;
631
650
  };
632
- function Ae(r) {
633
- return z({ 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: [] }] }] }] })(r);
651
+ function ze(r) {
652
+ return N({ 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: [] }] }] }] })(r);
634
653
  }
635
- function Z(r) {
636
- return z({ 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: [] }] }] }] })(r);
654
+ function Q(r) {
655
+ return N({ 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: [] }] }] }] })(r);
637
656
  }
638
- const qt = ({
657
+ const Ut = ({
639
658
  visible: r,
640
- x: i,
659
+ x: s,
641
660
  y: d,
642
- onAction: u,
643
- onClose: f
661
+ onAction: m,
662
+ onClose: p
644
663
  }) => {
645
664
  if (!r) return null;
646
665
  const w = {
647
666
  top: d,
648
- left: i
667
+ left: s
649
668
  };
650
- return /* @__PURE__ */ o.createElement("div", {
669
+ return /* @__PURE__ */ a.createElement("div", {
651
670
  style: w,
652
671
  className: "rte-table-menu",
653
- onMouseLeave: f
654
- }, /* @__PURE__ */ o.createElement("button", {
655
- onClick: () => u("insertRowAbove")
656
- }, /* @__PURE__ */ o.createElement(Z, null), " Insert row above"), /* @__PURE__ */ o.createElement("button", {
657
- onClick: () => u("insertRowBelow")
658
- }, /* @__PURE__ */ o.createElement(Z, null), " Insert row below"), /* @__PURE__ */ o.createElement("button", {
659
- onClick: () => u("insertColLeft")
660
- }, /* @__PURE__ */ o.createElement(Z, null), " Insert col left"), /* @__PURE__ */ o.createElement("button", {
661
- onClick: () => u("insertColRight")
662
- }, /* @__PURE__ */ o.createElement(Z, null), " Insert col right"), /* @__PURE__ */ o.createElement("button", {
663
- onClick: () => u("deleteRow")
664
- }, /* @__PURE__ */ o.createElement(Ae, null), " Delete row"), /* @__PURE__ */ o.createElement("button", {
665
- onClick: () => u("deleteCol")
666
- }, /* @__PURE__ */ o.createElement(Ae, null), " Delete column"));
667
- }, Ut = ({
672
+ onMouseLeave: p
673
+ }, /* @__PURE__ */ a.createElement("button", {
674
+ onClick: () => m("insertRowAbove")
675
+ }, /* @__PURE__ */ a.createElement(Q, null), " Insert row above"), /* @__PURE__ */ a.createElement("button", {
676
+ onClick: () => m("insertRowBelow")
677
+ }, /* @__PURE__ */ a.createElement(Q, null), " Insert row below"), /* @__PURE__ */ a.createElement("button", {
678
+ onClick: () => m("insertColLeft")
679
+ }, /* @__PURE__ */ a.createElement(Q, null), " Insert col left"), /* @__PURE__ */ a.createElement("button", {
680
+ onClick: () => m("insertColRight")
681
+ }, /* @__PURE__ */ a.createElement(Q, null), " Insert col right"), /* @__PURE__ */ a.createElement("button", {
682
+ onClick: () => m("deleteRow")
683
+ }, /* @__PURE__ */ a.createElement(ze, null), " Delete row"), /* @__PURE__ */ a.createElement("button", {
684
+ onClick: () => m("deleteCol")
685
+ }, /* @__PURE__ */ a.createElement(ze, null), " Delete column"));
686
+ }, Vt = ({
668
687
  html: r,
669
- className: i,
688
+ className: s,
670
689
  style: d
671
690
  }) => {
672
- const u = (w) => {
691
+ const m = (w) => {
673
692
  const R = w.target;
674
693
  if (R.tagName === "A") {
675
694
  w.preventDefault();
676
- const b = R.href;
677
- b && window.open(b, "_blank", "noopener,noreferrer");
695
+ const M = R.href;
696
+ M && window.open(M, "_blank", "noopener,noreferrer");
678
697
  }
679
- }, f = (w) => {
680
- let R = w.replace(/{{\s*(.*?)\s*}}/g, (b, p) => `<span style="color: blue">${p}</span>`);
698
+ }, p = (w) => {
699
+ let R = w.replace(/{{\s*(.*?)\s*}}/g, (M, E) => `<span style="color: blue">${E}</span>`);
681
700
  return R = R.replace(/#arrayData/g, ""), R = R.replace(/\/arrayData/g, ""), R;
682
701
  };
683
- return /* @__PURE__ */ o.createElement("div", {
684
- className: `rte-preview ${i || ""}`,
702
+ return /* @__PURE__ */ a.createElement("div", {
703
+ className: `rte-preview ${s || ""}`,
685
704
  style: d,
686
- onClick: u,
705
+ onClick: m,
687
706
  dangerouslySetInnerHTML: {
688
- __html: f(r)
707
+ __html: p(r)
689
708
  }
690
709
  });
691
- }, Vt = ({
710
+ }, $t = ({
692
711
  visible: r,
693
- linkData: i,
712
+ linkData: s,
694
713
  onClose: d,
695
- onInsert: u
714
+ onInsert: m
696
715
  }) => {
697
- const [f, w] = A(""), [R, b] = A(""), [p, O] = A(""), [j, k] = A("_self");
716
+ const [p, w] = z(""), [R, M] = z(""), [E, x] = z(""), [L, A] = z("_self");
698
717
  if (I(() => {
699
- r ? (w(i.url || ""), b(i.text || ""), O(i.title || ""), k(i.target || "_self")) : (w(""), b(""), O(""), k("_self"));
700
- }, [r, i]), !r) return null;
701
- const _ = () => {
702
- u({
703
- url: f,
718
+ r ? (w(s.url || ""), M(s.text || ""), x(s.title || ""), A(s.target || "_self")) : (w(""), M(""), x(""), A("_self"));
719
+ }, [r, s]), !r) return null;
720
+ const P = () => {
721
+ m({
722
+ url: p,
704
723
  text: R,
705
- title: p,
706
- target: j
724
+ title: E,
725
+ target: L
707
726
  });
708
727
  };
709
- return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("div", {
728
+ return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
710
729
  className: "rte-link-modal-overlay",
711
730
  onClick: d
712
- }), /* @__PURE__ */ o.createElement("div", {
731
+ }), /* @__PURE__ */ a.createElement("div", {
713
732
  className: "rte-link-modal"
714
- }, /* @__PURE__ */ o.createElement("h4", {
733
+ }, /* @__PURE__ */ a.createElement("h4", {
715
734
  className: "rte-link-modal__title"
716
- }, f ? "Edit Link" : "Insert Link"), /* @__PURE__ */ o.createElement("input", {
735
+ }, p ? "Edit Link" : "Insert Link"), /* @__PURE__ */ a.createElement("input", {
717
736
  type: "text",
718
737
  className: "rte-link-modal__input",
719
738
  placeholder: "URL",
720
- value: f,
721
- onChange: (L) => w(L.target.value)
722
- }), /* @__PURE__ */ o.createElement("input", {
739
+ value: p,
740
+ onChange: (T) => w(T.target.value)
741
+ }), /* @__PURE__ */ a.createElement("input", {
723
742
  type: "text",
724
743
  className: "rte-link-modal__input",
725
744
  placeholder: "Text to Display",
726
745
  value: R,
727
- onChange: (L) => b(L.target.value)
728
- }), /* @__PURE__ */ o.createElement("input", {
746
+ onChange: (T) => M(T.target.value)
747
+ }), /* @__PURE__ */ a.createElement("input", {
729
748
  type: "text",
730
749
  className: "rte-link-modal__input",
731
750
  placeholder: "Title",
732
- value: p,
733
- onChange: (L) => O(L.target.value)
734
- }), /* @__PURE__ */ o.createElement("select", {
751
+ value: E,
752
+ onChange: (T) => x(T.target.value)
753
+ }), /* @__PURE__ */ a.createElement("select", {
735
754
  className: "rte-link-modal__select",
736
- value: j,
737
- onChange: (L) => k(L.target.value)
738
- }, /* @__PURE__ */ o.createElement("option", {
755
+ value: L,
756
+ onChange: (T) => A(T.target.value)
757
+ }, /* @__PURE__ */ a.createElement("option", {
739
758
  value: "_self"
740
- }, "Same tab"), /* @__PURE__ */ o.createElement("option", {
759
+ }, "Same tab"), /* @__PURE__ */ a.createElement("option", {
741
760
  value: "_blank"
742
- }, "New tab")), /* @__PURE__ */ o.createElement("div", {
761
+ }, "New tab")), /* @__PURE__ */ a.createElement("div", {
743
762
  className: "rte-link-modal__actions"
744
- }, /* @__PURE__ */ o.createElement("button", {
763
+ }, /* @__PURE__ */ a.createElement("button", {
745
764
  className: "rte-link-modal__btn",
746
765
  onClick: d
747
- }, "Cancel"), /* @__PURE__ */ o.createElement("button", {
766
+ }, "Cancel"), /* @__PURE__ */ a.createElement("button", {
748
767
  className: "rte-link-modal__btn rte-link-modal__btn--ok",
749
- onClick: _
768
+ onClick: P
750
769
  }, "OK"))));
751
770
  };
752
- function ze(r) {
753
- return Array.from(new Map(r.map((i) => [i.value, i])).values());
771
+ function Ne(r) {
772
+ return Array.from(new Map(r.map((s) => [s.value, s])).values());
754
773
  }
755
- const Xt = ({
774
+ const Yt = ({
756
775
  atSuggestions: r = [],
757
- showOutput: i = !1,
776
+ showOutput: s = !1,
758
777
  showPreview: d = !1,
759
- toolbarConfig: u = {
778
+ toolbarConfig: m = {
760
779
  link: !1,
761
780
  image: !1,
762
781
  emoji: !1,
@@ -766,32 +785,32 @@ const Xt = ({
766
785
  fontSize: !1,
767
786
  highlight: !1
768
787
  },
769
- classNames: f = {},
788
+ classNames: p = {},
770
789
  styles: w = {},
771
790
  handleGetHtml: R = () => {
772
791
  },
773
- onChange: b = () => {
792
+ onChange: M = () => {
774
793
  },
775
- value: p,
776
- onMentionSelect: O = () => {
794
+ value: E,
795
+ onMentionSelect: x = () => {
777
796
  },
778
- handleAddAttributes: j = () => {
797
+ handleAddAttributes: L = () => {
779
798
  }
780
799
  }) => {
781
- var he, pe, ve, ye, Ee, we, Ce, be;
782
- const k = P(null), [_, L] = A(p != null && p.length ? p : " "), [K, W] = A(""), [q, B] = A(!1), [F, G] = A({
800
+ var ve, ye, Ee, we, Ce, be, Re, xe;
801
+ const A = V(null), [P, T] = z(E != null && E.length ? E : " "), [q, B] = z(""), [F, _] = z(!1), [U, Y] = z({
783
802
  x: 0,
784
803
  y: 0
785
- }), [ee, M] = A([]), N = P(null), U = P(null), [D, m] = A({
804
+ }), [ee, k] = z([]), D = V(null), $ = V(null), [O, h] = z({
786
805
  visible: !1,
787
806
  x: 0,
788
807
  y: 0
789
- }), [C, H] = A(!1), X = P(null), [Te, le] = A({
808
+ }), [C, j] = z(!1), Z = V(null), [He, se] = z({
790
809
  url: "",
791
810
  text: "",
792
811
  title: "",
793
812
  target: "_self"
794
- }), De = {
813
+ }), Oe = {
795
814
  bold: !0,
796
815
  italic: !0,
797
816
  underline: !0,
@@ -799,202 +818,190 @@ const Xt = ({
799
818
  unorderedList: !0,
800
819
  orderedList: !0,
801
820
  align: !0,
802
- link: (he = u.link) != null ? he : !1,
803
- image: (pe = u.image) != null ? pe : !1,
804
- emoji: (ve = u.emoji) != null ? ve : !1,
805
- table: (ye = u.table) != null ? ye : !1,
806
- color: (Ee = u.color) != null ? Ee : !1,
807
- fontFamily: (we = u.fontFamily) != null ? we : !1,
808
- fontSize: (Ce = u.fontSize) != null ? Ce : !1,
809
- highlight: (be = u.fontSize) != null ? be : !1
810
- }, [Oe, ce] = A(""), [ie, te] = A([]), T = () => k.current, S = () => {
811
- const e = He(), t = /^<div[^>]*style=["'][^"']*font-size\s*:\s*\d+px[^"']*["'][^>]*>/.test(e.trim());
821
+ link: (ve = m.link) != null ? ve : !1,
822
+ image: (ye = m.image) != null ? ye : !1,
823
+ emoji: (Ee = m.emoji) != null ? Ee : !1,
824
+ table: (we = m.table) != null ? we : !1,
825
+ color: (Ce = m.color) != null ? Ce : !1,
826
+ fontFamily: (be = m.fontFamily) != null ? be : !1,
827
+ fontSize: (Re = m.fontSize) != null ? Re : !1,
828
+ highlight: (xe = m.fontSize) != null ? xe : !1
829
+ }, [_e, te] = z(""), [de, ne] = z([]), H = () => A.current, S = () => {
830
+ const e = je(), t = /^<div[^>]*style=["'][^"']*font-size\s*:\s*\d+px[^"']*["'][^>]*>/.test(e.trim());
812
831
  let n = e;
813
- t || (n = `<div style="font-size:12px">${e}</div>`), W(n), R == null || R(n);
814
- const a = ot(e);
815
- b(a);
816
- const s = $e(), l = ze(s);
817
- JSON.stringify(l) !== JSON.stringify(ie) && (te(l), O(l));
818
- }, He = () => {
819
- const e = T();
820
- if (!e) return _;
832
+ t || (n = `<div style="font-size:12px">${e}</div>`), n = n.replace(/<(ul|ol)([^>]*)>/g, (c, v, y) => /data-hidden-array-start/.test(c) ? c : `<${v}${y}>
833
+ <span data-hidden-array-start="true" style="display:none">{{#arrayData}}</span>`), n = n.replace(/<\/(ul|ol)>/g, (c, v) => /data-hidden-array-end/.test(c) ? c : `<span data-hidden-array-end="true" style="display:none">{{/arrayData}}</span></${v}>`), B(n), R == null || R(n);
834
+ const o = ot(e);
835
+ M(o);
836
+ const i = $e(), l = Ne(i);
837
+ JSON.stringify(l) !== JSON.stringify(de) && (ne(l), x(l));
838
+ }, je = () => {
839
+ const e = H();
840
+ if (!e) return P;
821
841
  const t = e.cloneNode(!0);
822
- t.querySelectorAll("table div").forEach((a) => a.remove()), t.querySelectorAll(".rte-cell-highlight").forEach((a) => a.classList.remove("rte-cell-highlight"));
842
+ t.querySelectorAll("table div").forEach((o) => o.remove()), t.querySelectorAll(".rte-cell-highlight").forEach((o) => o.classList.remove("rte-cell-highlight"));
823
843
  let n = t.innerHTML;
824
- return n = _e(n), n;
825
- }, _e = (e) => e.replace(/<tbody[^>]*>/g, "<tbody>{{#arrayData}}").replace(/<\/tbody>/g, "{{/arrayData}}</tbody>"), V = () => {
844
+ return n = Ie(n), n;
845
+ }, Ie = (e) => e.replace(/<tbody[^>]*>/g, "<tbody>{{#arrayData}}").replace(/<\/tbody>/g, "{{/arrayData}}</tbody>"), W = () => {
826
846
  const e = window.getSelection();
827
847
  if (!e || e.rangeCount === 0) return;
828
848
  const t = document.getElementById("rte-editor-body");
829
849
  if (!t) return;
830
850
  const n = e.getRangeAt(0);
831
- t.contains(n.startContainer) && (N.current = n.cloneRange());
832
- }, $ = () => {
851
+ t.contains(n.startContainer) && (D.current = n.cloneRange());
852
+ }, K = () => {
833
853
  const e = window.getSelection();
834
- !e || !N.current || (e.removeAllRanges(), e.addRange(N.current));
835
- }, se = (e, t) => {
854
+ !e || !D.current || (e.removeAllRanges(), e.addRange(D.current));
855
+ }, ue = (e, t) => {
836
856
  const n = window.getSelection();
837
- n && n.rangeCount > 0 && (N.current = n.getRangeAt(0)), $(), document.execCommand(e, !1, t), S();
857
+ n && n.rangeCount > 0 && (D.current = n.getRangeAt(0)), K(), document.execCommand(e, !1, t), S();
838
858
  };
839
859
  I(() => {
840
- const e = T();
841
- if (!e || !p) return;
842
- const t = je(p);
860
+ const e = H();
861
+ if (!e || !E) return;
862
+ const t = Fe(E);
843
863
  e.innerHTML = t, S();
844
864
  }, []);
845
- const je = (e) => e.replace(/<span[^>]*data-hidden-table-start[^>]*>.*?<\/span>/g, "").replace(/<span[^>]*data-hidden-table-end[^>]*>.*?<\/span>/g, "").replace(/{{#arrayData}}/g, "").replace(/{{\/arrayData}}/g, "");
865
+ const Fe = (e) => e.replace(/<span[^>]*data-hidden-table-start[^>]*>.*?<\/span>/g, "").replace(/<span[^>]*data-hidden-table-end[^>]*>.*?<\/span>/g, "").replace(/{{#arrayData}}/g, "").replace(/{{\/arrayData}}/g, "");
846
866
  I(() => () => {
847
867
  document.removeEventListener("mousemove", null), document.removeEventListener("mouseup", null);
848
868
  }, []), I(() => {
849
- j && j((e) => {
869
+ L && L((e) => {
850
870
  Ve(e);
851
871
  });
852
872
  }, []), I(() => {
853
- const e = T();
873
+ const e = H();
854
874
  if (!e) return;
855
875
  e.querySelectorAll("table").forEach((n) => {
856
- ge(n), n.querySelectorAll("th, td").forEach((s) => Y(s));
876
+ ae(n), n.querySelectorAll("th, td").forEach((i) => X(i));
857
877
  });
858
878
  }, []);
859
- const de = (e) => {
879
+ const me = (e) => {
860
880
  for (; e && e.nodeName !== "LI"; )
861
881
  e = e.parentNode;
862
882
  return e;
863
- }, Fe = (e) => {
864
- let t = 0, n = e.parentElement;
865
- for (; n; )
866
- (n.tagName === "UL" || n.tagName === "OL") && t++, n = n.parentElement;
867
- return t;
868
- }, Pe = (e) => {
869
- const t = e.querySelector("li"), n = t ? Fe(t) : 1;
870
- if (e.querySelector("[data-hidden-array-start]")) return;
871
- const a = `{{#arrayData${n > 1 ? n : ""}}}`, s = `{{/arrayData${n > 1 ? n : ""}}}`, l = document.createElement("span");
872
- l.textContent = a, l.style.display = "none", l.setAttribute("data-hidden-array-start", "true"), e.insertBefore(l, e.firstChild);
873
- const c = document.createElement("span");
874
- c.textContent = s, c.style.display = "none", c.setAttribute("data-hidden-array-end", "true"), e.appendChild(c);
875
- }, ue = (e) => {
883
+ }, ge = (e) => {
876
884
  var v;
877
885
  const t = window.getSelection();
878
886
  if (!(t != null && t.rangeCount)) return;
879
- const n = t.getRangeAt(0), a = de(n.startContainer);
880
- let s, l;
881
- if (a) {
882
- let h = a.querySelector(e);
883
- h || (h = document.createElement(e), h.style.margin = "0", h.style.paddingLeft = "20px", a.appendChild(h)), l = h, s = document.createElement("li"), s.textContent = "​", l.appendChild(s);
887
+ const n = t.getRangeAt(0), o = me(n.startContainer);
888
+ let i, l;
889
+ if (o) {
890
+ let y = o.querySelector(e);
891
+ y || (y = document.createElement(e), y.style.margin = "0", y.style.paddingLeft = "20px", o.appendChild(y)), l = y, i = document.createElement("li"), i.textContent = "​", l.appendChild(i);
884
892
  } else {
885
893
  document.execCommand(e === "ul" ? "insertUnorderedList" : "insertOrderedList");
886
- const h = T();
887
- if (l = h == null ? void 0 : h.querySelector(`${e}:last-child`), !l) return;
888
- s = l.querySelector("li:last-child");
894
+ const y = H();
895
+ if (l = y == null ? void 0 : y.querySelector(`${e}:last-child`), !l) return;
896
+ i = l.querySelector("li:last-child");
889
897
  }
890
- Pe(l);
891
898
  const c = document.createRange();
892
- c.setStart(s, 0), c.collapse(!0), t.removeAllRanges(), t.addRange(c), (v = T()) == null || v.focus(), S();
893
- }, ne = (e, t) => {
894
- e === "insertOrderedList" ? ue("ol") : e === "insertUnorderedList" ? ue("ul") : e.startsWith("justify") ? ct(e) : se(e, t), e === "insertTable" && Qe();
895
- }, Ie = (e) => {
899
+ c.setStart(i, 0), c.collapse(!0), t.removeAllRanges(), t.addRange(c), (v = H()) == null || v.focus(), S();
900
+ }, re = (e, t) => {
901
+ e === "insertOrderedList" ? ge("ol") : e === "insertUnorderedList" ? ge("ul") : e.startsWith("justify") ? lt(e) : ue(e, t), e === "insertTable" && Ze();
902
+ }, Pe = (e) => {
896
903
  const t = document.createElement("span");
897
904
  t.textContent = "​", e.insertNode(t), e.setStartAfter(t), e.collapse(!0);
898
905
  const n = t.getBoundingClientRect();
899
- t.remove(), G({
906
+ t.remove(), Y({
900
907
  x: n.left,
901
908
  y: n.bottom + window.scrollY
902
- }), M(r || []), B(!0), U.current = e.cloneRange();
903
- }, Be = () => {
909
+ }), k(r || []), _(!0), $.current = e.cloneRange();
910
+ }, qe = () => {
904
911
  const e = window.getSelection();
905
912
  if (!e || e.rangeCount === 0) return null;
906
913
  const t = e.anchorNode;
907
914
  let n = e.anchorOffset;
908
915
  if (!t) return null;
909
- let a = t;
910
- for (a.nodeType !== Node.TEXT_NODE && (a.childNodes && a.childNodes[n] ? a = a.childNodes[n] : a = t.previousSibling); a; ) {
911
- if (a.nodeType === Node.TEXT_NODE) {
912
- const s = a.textContent || "", l = a === t ? n : s.length, c = s.lastIndexOf("@", l - 1);
916
+ let o = t;
917
+ for (o.nodeType !== Node.TEXT_NODE && (o.childNodes && o.childNodes[n] ? o = o.childNodes[n] : o = t.previousSibling); o; ) {
918
+ if (o.nodeType === Node.TEXT_NODE) {
919
+ const i = o.textContent || "", l = o === t ? n : i.length, c = i.lastIndexOf("@", l - 1);
913
920
  if (c !== -1) {
914
921
  const v = document.createRange();
915
- return v.setStart(a, c), v.setEnd(a, l), v;
922
+ return v.setStart(o, c), v.setEnd(o, l), v;
916
923
  }
917
924
  }
918
- a = a.previousSibling;
925
+ o = o.previousSibling;
919
926
  }
920
927
  return null;
921
- }, qe = (e) => {
928
+ }, Be = (e) => {
922
929
  var l;
923
930
  const t = window.getSelection();
924
931
  if (!t) return;
925
- const n = Be();
926
- n ? (t.removeAllRanges(), t.addRange(n)) : U.current && (t.removeAllRanges(), t.addRange(U.current));
927
- const a = document.createElement("span");
928
- a.textContent = `{{${e.name}}}`, a.style.display = "inline", a.setAttribute("data-mention", e.value || e.name || "");
932
+ const n = qe();
933
+ n ? (t.removeAllRanges(), t.addRange(n)) : $.current && (t.removeAllRanges(), t.addRange($.current));
934
+ const o = document.createElement("span");
935
+ o.textContent = `{{${e.name}}}`, o.style.display = "inline", o.setAttribute("data-mention", e.value || e.name || "");
929
936
  try {
930
937
  const c = t.rangeCount ? t.getRangeAt(0) : null;
931
938
  if (c)
932
- c.deleteContents(), c.insertNode(a);
939
+ c.deleteContents(), c.insertNode(o);
933
940
  else {
934
- const E = document.createRange(), g = T();
935
- E.selectNodeContents(g), E.collapse(!1), E.insertNode(a);
941
+ const f = document.createRange(), u = H();
942
+ f.selectNodeContents(u), f.collapse(!1), f.insertNode(o);
936
943
  }
937
944
  const v = document.createTextNode(" ");
938
- a.after(v);
939
- const h = document.createRange();
940
- h.setStartAfter(v), h.collapse(!0), t.removeAllRanges(), t.addRange(h);
945
+ o.after(v);
946
+ const y = document.createRange();
947
+ y.setStartAfter(v), y.collapse(!0), t.removeAllRanges(), t.addRange(y);
941
948
  } catch (c) {
942
949
  console.error("insertMention error:", c);
943
950
  }
944
- let s = ze([...ie, e]);
945
- te(s), O(s), B(!1), (l = T()) == null || l.focus(), S();
951
+ let i = Ne([...de, e]);
952
+ ne(i), x(i), _(!1), (l = H()) == null || l.focus(), S();
946
953
  }, Ue = (e) => {
947
- const t = T();
954
+ const t = H();
948
955
  if (!t) return;
949
956
  let n = null;
950
- N.current && t.contains(N.current.startContainer) ? n = N.current.cloneRange() : (n = document.createRange(), n.selectNodeContents(t), n.collapse(!1));
951
- const a = window.getSelection();
952
- if (!a) return;
953
- a.removeAllRanges(), a.addRange(n);
954
- const s = document.createElement("span");
955
- s.textContent = `{{${e.name}}}`, s.style.display = "inline", s.setAttribute("data-mention", e.value || e.name), n.insertNode(s);
957
+ D.current && t.contains(D.current.startContainer) ? n = D.current.cloneRange() : (n = document.createRange(), n.selectNodeContents(t), n.collapse(!1));
958
+ const o = window.getSelection();
959
+ if (!o) return;
960
+ o.removeAllRanges(), o.addRange(n);
961
+ const i = document.createElement("span");
962
+ i.textContent = `{{${e.name}}}`, i.style.display = "inline", i.setAttribute("data-mention", e.value || e.name), n.insertNode(i);
956
963
  const l = document.createTextNode(" ");
957
- s.after(l);
964
+ i.after(l);
958
965
  const c = document.createRange();
959
- c.setStartAfter(l), c.collapse(!0), a.removeAllRanges(), a.addRange(c), N.current = c.cloneRange(), t.focus();
966
+ c.setStartAfter(l), c.collapse(!0), o.removeAllRanges(), o.addRange(c), D.current = c.cloneRange(), t.focus();
960
967
  }, Ve = (e) => {
961
- e.forEach((t) => Ue(t)), te((t) => {
962
- const n = [...t, ...e], a = Array.from(new Map(n.map((s) => [s.name, s])).values());
963
- return O(a), a;
968
+ e.forEach((t) => Ue(t)), ne((t) => {
969
+ const n = [...t, ...e], o = Array.from(new Map(n.map((i) => [i.name, i])).values());
970
+ return x(o), o;
964
971
  }), S();
965
972
  }, $e = () => {
966
- const e = T();
973
+ const e = H();
967
974
  if (!e) return [];
968
975
  const t = e.querySelectorAll("span[data-mention]"), n = [];
969
- return t.forEach((a) => {
970
- const s = a.getAttribute("data-mention") || "", c = (a.textContent || "").match(/{{(.+?)}}/);
976
+ return t.forEach((o) => {
977
+ const i = o.getAttribute("data-mention") || "", c = (o.textContent || "").match(/{{(.+?)}}/);
971
978
  c && n.push({
972
979
  name: c[1],
973
- value: s
980
+ value: i
974
981
  });
975
982
  }), n;
976
983
  }, We = (e) => {
977
- var n, a, s;
984
+ var n, o, i;
978
985
  const t = e.key.toLowerCase();
979
- if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(t) && (e.preventDefault(), ne(t === "b" ? "bold" : t === "i" ? "italic" : t === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
980
- const l = window.getSelection(), c = l != null && l.anchorNode ? de(l.anchorNode) : null;
986
+ if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(t) && (e.preventDefault(), re(t === "b" ? "bold" : t === "i" ? "italic" : t === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
987
+ const l = window.getSelection(), c = l != null && l.anchorNode ? me(l.anchorNode) : null;
981
988
  if (!c) return;
982
989
  if (((n = c.textContent) == null ? void 0 : n.replace(/\u200B/g, "").trim()) === "") {
983
990
  e.preventDefault();
984
- const h = c.parentElement, E = h == null ? void 0 : h.closest("li");
985
- if (E) {
986
- h == null || h.removeChild(c);
987
- const g = document.createElement("p");
988
- g.innerHTML = "<br />", (a = E.parentElement) == null || a.insertBefore(g, E.nextSibling);
989
- const y = document.createRange();
990
- y.setStart(g, 0), y.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(y);
991
+ const y = c.parentElement, f = y == null ? void 0 : y.closest("li");
992
+ if (f) {
993
+ y == null || y.removeChild(c);
994
+ const u = document.createElement("p");
995
+ u.innerHTML = "<br />", (o = f.parentElement) == null || o.insertBefore(u, f.nextSibling);
996
+ const g = document.createRange();
997
+ g.setStart(u, 0), g.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(g);
991
998
  } else {
992
- const g = c.closest("ul, ol");
993
- if (g) {
994
- const y = document.createElement("p");
995
- y.innerHTML = "<br />", (s = g.parentElement) == null || s.insertBefore(y, g.nextSibling), g.removeChild(c);
996
- const x = document.createRange();
997
- x.setStart(y, 0), x.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(x);
999
+ const u = c.closest("ul, ol");
1000
+ if (u) {
1001
+ const g = document.createElement("p");
1002
+ g.innerHTML = "<br />", (i = u.parentElement) == null || i.insertBefore(g, u.nextSibling), u.removeChild(c);
1003
+ const b = document.createRange();
1004
+ b.setStart(g, 0), b.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(b);
998
1005
  }
999
1006
  }
1000
1007
  S();
@@ -1004,19 +1011,19 @@ const Xt = ({
1004
1011
  if (e.data === "@") {
1005
1012
  const n = window.getSelection();
1006
1013
  if (!(n != null && n.rangeCount)) return;
1007
- const a = n.anchorNode;
1008
- if (Xe(a))
1014
+ const o = n.anchorNode;
1015
+ if (oe(o))
1009
1016
  return;
1010
1017
  setTimeout(() => {
1011
- Ie(n.getRangeAt(0)), ce(""), M(r), B(!0);
1018
+ Pe(n.getRangeAt(0)), te(""), k(r), _(!0);
1012
1019
  }, 0);
1013
1020
  return;
1014
1021
  }
1015
- if (q) {
1016
- setTimeout(() => me(), 0);
1022
+ if (F) {
1023
+ setTimeout(() => fe(), 0);
1017
1024
  return;
1018
1025
  }
1019
- }, Xe = (e) => {
1026
+ }, oe = (e) => {
1020
1027
  if (!e) return !1;
1021
1028
  let t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
1022
1029
  for (; t; ) {
@@ -1024,83 +1031,89 @@ const Xt = ({
1024
1031
  t = t.parentElement;
1025
1032
  }
1026
1033
  return !1;
1027
- }, me = () => {
1028
- if (S(), !q) return;
1034
+ }, fe = () => {
1035
+ S();
1029
1036
  const e = window.getSelection();
1030
1037
  if (!e || !e.anchorNode) return;
1031
- const n = (e.anchorNode.textContent || "").match(/@([a-zA-Z0-9_]*)$/);
1038
+ if (oe(e.anchorNode)) {
1039
+ _(!1);
1040
+ return;
1041
+ }
1042
+ let t = e.anchorNode.textContent || "";
1043
+ t = t.replace(/\u00A0/g, " ");
1044
+ const n = t.match(/@([^\n]*)$/);
1032
1045
  if (!n) {
1033
- B(!1);
1046
+ _(!1);
1034
1047
  return;
1035
1048
  }
1036
- const a = n[1].toLowerCase();
1037
- ce(a);
1038
- const s = r.filter((l) => l.name.toLowerCase().includes(a));
1039
- M(s);
1040
- }, Ye = (e) => {
1041
- var a;
1042
- const t = (a = e.target.files) == null ? void 0 : a[0];
1049
+ const o = n[1].trim().toLowerCase();
1050
+ te(o);
1051
+ const i = r.filter((l) => l.name.toLowerCase().includes(o));
1052
+ i.length > 0 ? (k(i), _(!0)) : _(!1);
1053
+ }, Xe = (e) => {
1054
+ var o;
1055
+ const t = (o = e.target.files) == null ? void 0 : o[0];
1043
1056
  if (!t) return;
1044
1057
  const n = new FileReader();
1045
- n.onload = (s) => {
1046
- var x;
1047
- const l = (x = s.target) == null ? void 0 : x.result;
1048
- $();
1058
+ n.onload = (i) => {
1059
+ var b;
1060
+ const l = (b = i.target) == null ? void 0 : b.result;
1061
+ K();
1049
1062
  const c = window.getSelection();
1050
1063
  let v = c && c.rangeCount ? c.getRangeAt(0) : null;
1051
- const h = document.createElement("img");
1052
- h.src = l, h.alt = t.name || "image", h.className = "rte-inserted-image", h.contentEditable = "true";
1053
- const E = T();
1054
- if (!v || !E) {
1055
- E == null || E.appendChild(h);
1056
- const Re = document.createTextNode(" ");
1057
- E == null || E.appendChild(Re);
1058
- const re = document.createRange();
1059
- re.setStartAfter(Re), re.collapse(!0), c == null || c.removeAllRanges(), c == null || c.addRange(re), E == null || E.focus(), S(), e.target.value = "";
1064
+ const y = document.createElement("img");
1065
+ y.src = l, y.alt = t.name || "image", y.className = "rte-inserted-image", y.contentEditable = "true";
1066
+ const f = H();
1067
+ if (!v || !f) {
1068
+ f == null || f.appendChild(y);
1069
+ const Le = document.createTextNode(" ");
1070
+ f == null || f.appendChild(Le);
1071
+ const le = document.createRange();
1072
+ le.setStartAfter(Le), le.collapse(!0), c == null || c.removeAllRanges(), c == null || c.addRange(le), f == null || f.focus(), S(), e.target.value = "";
1060
1073
  return;
1061
1074
  }
1062
- v.deleteContents(), v.insertNode(h);
1063
- const g = document.createTextNode(" ");
1064
- h.after(g);
1065
- const y = document.createRange();
1066
- y.setStartAfter(g), y.collapse(!0), c.removeAllRanges(), c.addRange(y), E.focus(), S(), e.target.value = "";
1075
+ v.deleteContents(), v.insertNode(y);
1076
+ const u = document.createTextNode(" ");
1077
+ y.after(u);
1078
+ const g = document.createRange();
1079
+ g.setStartAfter(u), g.collapse(!0), c.removeAllRanges(), c.addRange(g), f.focus(), S(), e.target.value = "";
1067
1080
  }, n.readAsDataURL(t);
1068
- }, Ze = (e) => {
1069
- var s;
1070
- $();
1081
+ }, Ye = (e) => {
1082
+ var i;
1083
+ K();
1071
1084
  const t = window.getSelection();
1072
1085
  if (!(t != null && t.rangeCount)) return;
1073
- const n = t.getRangeAt(0), a = document.createTextNode(e);
1074
- n.insertNode(a), n.setStartAfter(a), n.collapse(!0), t.removeAllRanges(), t.addRange(n), (s = T()) == null || s.focus(), S();
1075
- }, Qe = () => {
1076
- var E;
1077
- $();
1086
+ const n = t.getRangeAt(0), o = document.createTextNode(e);
1087
+ n.insertNode(o), n.setStartAfter(o), n.collapse(!0), t.removeAllRanges(), t.addRange(n), (i = H()) == null || i.focus(), S();
1088
+ }, Ze = () => {
1089
+ var f;
1090
+ dt(), K();
1078
1091
  const e = document.createElement("table");
1079
- e.style.borderCollapse = "collapse", e.style.width = "100%", e.style.border = "1px solid #ccc", e.style.margin = "8px 0", e.style.position = "relative", f.table && e.classList.add(f.table);
1092
+ e.style.borderCollapse = "collapse", e.style.width = "100%", e.style.border = "1px solid #ccc", e.style.margin = "8px 0", e.style.position = "relative", e.style.textAlign = "center", p.table && e.classList.add(p.table);
1080
1093
  const t = document.createElement("thead");
1081
- f.thead && t.classList.add(f.thead);
1094
+ p.thead && t.classList.add(p.thead);
1082
1095
  const n = document.createElement("tbody");
1083
- f.tbody && n.classList.add(f.tbody);
1084
- const a = document.createElement("tr");
1085
- f.tr && a.classList.add(f.tr);
1086
- const s = document.createElement("tr");
1087
- f.tr && s.classList.add(f.tr);
1088
- for (let g = 0; g < 2; g++) {
1089
- const y = document.createElement("th");
1090
- y.textContent = `Header ${g + 1}`, y.style.border = "1px solid #999", y.style.padding = "4px", y.style.position = "relative", y.style.backgroundColor = "lightgray", f.th && y.classList.add(f.th);
1091
- const x = document.createElement("td");
1092
- x.textContent = `Row 1 Col ${g + 1}`, x.style.border = "1px solid #999", x.style.padding = "4px", x.style.position = "relative", x.style.backgroundColor = "#fff", f.td && x.classList.add(f.td), Y(y), Y(x), a.appendChild(y), s.appendChild(x);
1096
+ p.tbody && n.classList.add(p.tbody);
1097
+ const o = document.createElement("tr");
1098
+ p.tr && o.classList.add(p.tr);
1099
+ const i = document.createElement("tr");
1100
+ p.tr && i.classList.add(p.tr);
1101
+ for (let u = 0; u < 2; u++) {
1102
+ const g = document.createElement("th");
1103
+ g.textContent = "", g.style.border = "1px solid #999", g.style.padding = "4px", g.style.position = "relative", g.style.backgroundColor = "lightgray", g.style.height = "20px", p.th && g.classList.add(p.th);
1104
+ const b = document.createElement("td");
1105
+ b.textContent = "", b.style.border = "1px solid #999", b.style.padding = "4px", b.style.position = "relative", b.style.backgroundColor = "#fff", b.style.height = "20px", p.td && b.classList.add(p.td), X(g), X(b), o.appendChild(g), i.appendChild(b);
1093
1106
  }
1094
- t.appendChild(a), n.appendChild(s), e.appendChild(t), e.appendChild(n), ge(e);
1107
+ t.appendChild(o), n.appendChild(i), e.appendChild(t), e.appendChild(n), ae(e);
1095
1108
  const l = window.getSelection();
1096
1109
  if (!(l != null && l.rangeCount)) return;
1097
1110
  const c = l.getRangeAt(0);
1098
1111
  c.collapse(!1), c.insertNode(e);
1099
1112
  const v = document.createElement("p");
1100
1113
  v.innerHTML = "<br/>", e.after(v);
1101
- const h = document.createRange();
1102
- h.setStart(v, 0), h.collapse(!0), l.removeAllRanges(), l.addRange(h), (E = T()) == null || E.focus(), S();
1103
- }, ge = (e) => {
1114
+ const y = document.createRange();
1115
+ y.setStart(v, 0), y.collapse(!0), l.removeAllRanges(), l.addRange(y), (f = H()) == null || f.focus(), S();
1116
+ }, ae = (e) => {
1104
1117
  const t = document.createElement("div");
1105
1118
  Object.assign(t.style, {
1106
1119
  position: "absolute",
@@ -1113,26 +1126,26 @@ const Xt = ({
1113
1126
  zIndex: "20",
1114
1127
  borderRadius: "2px"
1115
1128
  }), t.style.userSelect = "none", t.contentEditable = "false";
1116
- let n = 0, a = 0, s = 0, l = 0;
1129
+ let n = 0, o = 0, i = 0, l = 0;
1117
1130
  t.addEventListener("mousedown", (c) => {
1118
- c.preventDefault(), n = c.clientX, a = c.clientY;
1131
+ c.preventDefault(), n = c.clientX, o = c.clientY;
1119
1132
  const v = e.getBoundingClientRect();
1120
- s = v.width, l = v.height;
1121
- const h = (g) => {
1122
- const y = Math.max(100, s + (g.clientX - n)), x = Math.max(60, l + (g.clientY - a));
1123
- e.style.width = `${y}px`, e.style.height = `${x}px`, S();
1124
- }, E = () => {
1125
- document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", E), S();
1133
+ i = v.width, l = v.height;
1134
+ const y = (u) => {
1135
+ const g = Math.max(100, i + (u.clientX - n)), b = Math.max(20, l + (u.clientY - o));
1136
+ e.style.width = `${g}px`, e.style.height = `${b}px`, S();
1137
+ }, f = () => {
1138
+ document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", f), S();
1126
1139
  };
1127
- document.addEventListener("mousemove", h), document.addEventListener("mouseup", E);
1140
+ document.addEventListener("mousemove", y), document.addEventListener("mouseup", f);
1128
1141
  }), e.appendChild(t);
1129
- }, Y = (e) => {
1142
+ }, X = (e) => {
1130
1143
  const t = document.createElement("div"), n = document.createElement("div");
1131
1144
  Object.assign(t.style, {
1132
1145
  position: "absolute",
1133
1146
  right: "0",
1134
1147
  top: "0",
1135
- width: "6px",
1148
+ width: "4px",
1136
1149
  height: "100%",
1137
1150
  cursor: "col-resize",
1138
1151
  background: "rgba(0,0,0,0.15)",
@@ -1147,7 +1160,7 @@ const Xt = ({
1147
1160
  bottom: "0",
1148
1161
  left: "0",
1149
1162
  width: "100%",
1150
- height: "6px",
1163
+ height: "4px",
1151
1164
  cursor: "row-resize",
1152
1165
  background: "rgba(0,0,0,0.15)",
1153
1166
  zIndex: "10",
@@ -1156,70 +1169,70 @@ const Xt = ({
1156
1169
  MozUserSelect: "none",
1157
1170
  msUserSelect: "none",
1158
1171
  pointerEvents: "auto"
1159
- }), n.contentEditable = "false", Je(e, t, n), e.appendChild(t), e.appendChild(n);
1160
- }, Je = (e, t, n) => {
1161
- let a = 0, s = 0, l = 0, c = 0;
1162
- t.addEventListener("mousedown", (g) => {
1163
- g.preventDefault(), a = g.clientX, l = e.offsetWidth, document.addEventListener("mousemove", v), document.addEventListener("mouseup", E);
1164
- }), n.addEventListener("mousedown", (g) => {
1165
- g.preventDefault(), s = g.clientY, c = e.offsetHeight, document.addEventListener("mousemove", h), document.addEventListener("mouseup", E);
1172
+ }), n.contentEditable = "false", Qe(e, t, n), e.appendChild(t), e.appendChild(n);
1173
+ }, Qe = (e, t, n) => {
1174
+ let o = 0, i = 0, l = 0, c = 0;
1175
+ t.addEventListener("mousedown", (u) => {
1176
+ u.preventDefault(), o = u.clientX, l = e.offsetWidth, document.addEventListener("mousemove", v), document.addEventListener("mouseup", f);
1177
+ }), n.addEventListener("mousedown", (u) => {
1178
+ u.preventDefault(), i = u.clientY, c = e.offsetHeight, document.addEventListener("mousemove", y), document.addEventListener("mouseup", f);
1166
1179
  });
1167
- const v = (g) => {
1168
- const y = l + (g.clientX - a);
1169
- e.style.width = `${Math.max(30, y)}px`, S();
1170
- }, h = (g) => {
1171
- const y = c + (g.clientY - s);
1172
- e.style.height = `${Math.max(20, y)}px`, S();
1173
- }, E = () => {
1174
- document.removeEventListener("mousemove", v), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", E), S();
1180
+ const v = (u) => {
1181
+ const g = l + (u.clientX - o);
1182
+ e.style.width = `${Math.max(30, g)}px`, S();
1183
+ }, y = (u) => {
1184
+ const g = c + (u.clientY - i);
1185
+ e.style.height = `${Math.max(20, g)}px`, S();
1186
+ }, f = () => {
1187
+ document.removeEventListener("mousemove", v), document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", f), S();
1175
1188
  };
1176
- }, Ge = (e) => {
1189
+ }, Je = (e) => {
1177
1190
  const n = e.target.closest("td, th");
1178
- n && (e.preventDefault(), document.querySelectorAll(".rte-cell-highlight").forEach((a) => a.classList.remove("rte-cell-highlight")), n.classList.add("rte-cell-highlight"), m({
1191
+ n && (e.preventDefault(), document.querySelectorAll(".rte-cell-highlight").forEach((o) => o.classList.remove("rte-cell-highlight")), n.classList.add("rte-cell-highlight"), h({
1179
1192
  visible: !0,
1180
1193
  x: e.clientX,
1181
1194
  y: e.clientY,
1182
1195
  cell: n
1183
1196
  }));
1184
- }, fe = () => {
1197
+ }, he = () => {
1185
1198
  document.querySelectorAll(".rte-cell-highlight").forEach((e) => e.classList.remove("rte-cell-highlight"));
1186
- }, et = (e) => {
1187
- if (!D.cell) return;
1188
- const t = D.cell.closest("table"), n = D.cell.cellIndex, a = D.cell.parentElement.rowIndex, s = (l) => {
1199
+ }, Ge = (e) => {
1200
+ if (!O.cell) return;
1201
+ const t = O.cell.closest("table"), n = O.cell.cellIndex, o = O.cell.parentElement.rowIndex, i = (l) => {
1189
1202
  const c = l.tagName.toLowerCase(), v = document.createElement(c);
1190
- return v.textContent = l.textContent || "", v.style.cssText = l.style.cssText, Y(v), v;
1203
+ return v.textContent = "", v.style.cssText = l.style.cssText, X(v), v;
1191
1204
  };
1192
1205
  switch (e) {
1193
1206
  case "insertRowAbove": {
1194
- const l = t.rows[a], c = t.insertRow(a);
1207
+ const l = t.rows[o], c = t.insertRow(o);
1195
1208
  Array.from(l.cells).forEach((v) => {
1196
- c.appendChild(s(v));
1209
+ c.appendChild(i(v));
1197
1210
  });
1198
1211
  break;
1199
1212
  }
1200
1213
  case "insertRowBelow": {
1201
- const l = t.rows[a], c = t.insertRow(a + 1);
1214
+ const l = t.rows[o], c = t.insertRow(o + 1);
1202
1215
  Array.from(l.cells).forEach((v) => {
1203
- c.appendChild(s(v));
1216
+ c.appendChild(i(v));
1204
1217
  });
1205
1218
  break;
1206
1219
  }
1207
1220
  case "insertColLeft": {
1208
1221
  Array.from(t.rows).forEach((l) => {
1209
1222
  const c = l.cells[n];
1210
- l.insertBefore(s(c), c);
1223
+ l.insertBefore(i(c), c);
1211
1224
  });
1212
1225
  break;
1213
1226
  }
1214
1227
  case "insertColRight": {
1215
1228
  Array.from(t.rows).forEach((l) => {
1216
1229
  const c = l.cells[n];
1217
- l.insertBefore(s(c), c.nextSibling);
1230
+ l.insertBefore(i(c), c.nextSibling);
1218
1231
  });
1219
1232
  break;
1220
1233
  }
1221
1234
  case "deleteRow":
1222
- t.rows.length > 1 && t.deleteRow(a);
1235
+ t.rows.length > 1 && t.deleteRow(o);
1223
1236
  break;
1224
1237
  case "deleteCol":
1225
1238
  Array.from(t.rows).forEach((l) => {
@@ -1227,31 +1240,31 @@ const Xt = ({
1227
1240
  });
1228
1241
  break;
1229
1242
  }
1230
- S(), m(oe(ae({}, D), {
1243
+ S(), h(ie(ce({}, O), {
1231
1244
  visible: !1
1232
- })), fe();
1233
- }, tt = () => {
1234
- V(), X.current = N.current, le({
1245
+ })), he();
1246
+ }, et = () => {
1247
+ W(), Z.current = D.current, se({
1235
1248
  url: "",
1236
1249
  text: "",
1237
1250
  title: "",
1238
1251
  target: "_self"
1239
- }), H(!0);
1240
- }, nt = (e) => {
1252
+ }), j(!0);
1253
+ }, tt = (e) => {
1241
1254
  const t = window.getSelection();
1242
- if (!t || !X.current) return;
1243
- t.removeAllRanges(), t.addRange(X.current);
1255
+ if (!t || !Z.current) return;
1256
+ t.removeAllRanges(), t.addRange(Z.current);
1244
1257
  let n = e.url.trim();
1245
1258
  /^https?:\/\//i.test(n) || (n = "https://" + n);
1246
- const a = document.createElement("a");
1247
- a.href = n, a.style.cursor = "pointer", a.style.outline = "none", a.textContent = e.text || n, a.title = e.title, a.target = e.target, a.contentEditable = "true";
1248
- const s = t.getRangeAt(0);
1249
- s.deleteContents(), s.insertNode(a);
1259
+ const o = document.createElement("a");
1260
+ o.href = n, o.style.cursor = "pointer", o.style.outline = "none", o.textContent = e.text || n, o.title = e.title, o.target = e.target, o.contentEditable = "true";
1261
+ const i = t.getRangeAt(0);
1262
+ i.deleteContents(), i.insertNode(o);
1250
1263
  const l = document.createTextNode(" ");
1251
- a.after(l);
1264
+ o.after(l);
1252
1265
  const c = document.createRange();
1253
- c.setStartAfter(l), c.collapse(!0), t.removeAllRanges(), t.addRange(c), H(!1), S();
1254
- }, rt = (e) => {
1266
+ c.setStartAfter(l), c.collapse(!0), t.removeAllRanges(), t.addRange(c), j(!1), S();
1267
+ }, nt = (e) => {
1255
1268
  const t = e.target;
1256
1269
  if (t.tagName === "A") {
1257
1270
  const n = t;
@@ -1260,176 +1273,250 @@ const Xt = ({
1260
1273
  return;
1261
1274
  }
1262
1275
  e.preventDefault();
1263
- const a = document.createRange();
1264
- a.selectNode(n), X.current = a, le({
1276
+ const o = document.createRange();
1277
+ o.selectNode(n), Z.current = o, se({
1265
1278
  url: n.href,
1266
1279
  text: n.textContent || n.href,
1267
1280
  title: n.title,
1268
1281
  target: n.target
1269
- }), H(!0);
1282
+ }), j(!0);
1270
1283
  }
1271
- }, at = () => {
1272
- const e = T();
1284
+ }, rt = () => {
1285
+ const e = H();
1273
1286
  if (!e) return;
1274
1287
  const t = window.getSelection();
1275
- if ((!t || t.rangeCount === 0) && N.current) {
1276
- const g = window.getSelection();
1277
- g == null || g.removeAllRanges(), g == null || g.addRange(N.current);
1288
+ if ((!t || t.rangeCount === 0) && D.current) {
1289
+ const u = window.getSelection();
1290
+ u == null || u.removeAllRanges(), u == null || u.addRange(D.current);
1278
1291
  }
1279
1292
  const n = window.getSelection();
1280
1293
  if (!n || n.rangeCount === 0) return;
1281
- const a = n.getRangeAt(0);
1282
- $(), document.execCommand("removeFormat", !1);
1283
- const s = a.cloneContents(), l = document.createElement("div");
1284
- l.appendChild(s);
1294
+ const o = n.getRangeAt(0);
1295
+ K(), document.execCommand("removeFormat", !1);
1296
+ const i = o.cloneContents(), l = document.createElement("div");
1297
+ l.appendChild(i);
1285
1298
  const c = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, null), v = [];
1286
1299
  for (; c.nextNode(); ) {
1287
- const g = c.currentNode, y = g.tagName.toUpperCase(), x = g.getAttribute && g.getAttribute("data-mention") !== null;
1288
- y !== "A" && !x && v.push(g);
1300
+ const u = c.currentNode, g = u.tagName.toUpperCase(), b = u.getAttribute && u.getAttribute("data-mention") !== null;
1301
+ g !== "A" && !b && v.push(u);
1289
1302
  }
1290
- for (let g = v.length - 1; g >= 0; g--) {
1291
- const y = v[g], x = y.parentNode;
1292
- if (x) {
1293
- for (; y.firstChild; ) x.insertBefore(y.firstChild, y);
1294
- x.removeChild(y);
1303
+ for (let u = v.length - 1; u >= 0; u--) {
1304
+ const g = v[u], b = g.parentNode;
1305
+ if (b) {
1306
+ for (; g.firstChild; ) b.insertBefore(g.firstChild, g);
1307
+ b.removeChild(g);
1295
1308
  }
1296
1309
  }
1297
- l.querySelectorAll("[style]").forEach((g) => g.removeAttribute("style")), a.deleteContents();
1298
- const h = document.createDocumentFragment();
1299
- for (; l.firstChild; ) h.appendChild(l.firstChild);
1300
- a.insertNode(h);
1301
- const E = document.createRange();
1302
- E.setStartAfter(a.endContainer.nodeType === Node.TEXT_NODE ? a.endContainer : a.startContainer), E.collapse(!0), n.removeAllRanges(), n.addRange(E), e.normalize(), S();
1310
+ l.querySelectorAll("[style]").forEach((u) => u.removeAttribute("style")), o.deleteContents();
1311
+ const y = document.createDocumentFragment();
1312
+ for (; l.firstChild; ) y.appendChild(l.firstChild);
1313
+ o.insertNode(y);
1314
+ const f = document.createRange();
1315
+ f.setStartAfter(o.endContainer.nodeType === Node.TEXT_NODE ? o.endContainer : o.startContainer), f.collapse(!0), n.removeAllRanges(), n.addRange(f), e.normalize(), S();
1303
1316
  }, ot = (e) => {
1304
- var a;
1317
+ var o;
1305
1318
  let t = e;
1306
1319
  t = t.replace(/{{#arrayData\d*}}/g, ""), t = t.replace(/{{\/arrayData\d*}}/g, "");
1307
1320
  const n = document.createElement("div");
1308
- return n.innerHTML = t, n.querySelectorAll("br").forEach((s) => {
1309
- s.replaceWith(`
1321
+ return n.innerHTML = t, n.querySelectorAll("br").forEach((i) => {
1322
+ i.replaceWith(`
1310
1323
  `);
1311
- }), n.querySelectorAll("p, div, tr").forEach((s) => {
1312
- s.insertAdjacentText("afterend", `
1324
+ }), n.querySelectorAll("p, div, tr").forEach((i) => {
1325
+ i.insertAdjacentText("afterend", `
1313
1326
  `);
1314
- }), n.querySelectorAll("table").forEach((s) => {
1315
- s.insertAdjacentText("afterend", `
1327
+ }), n.querySelectorAll("table").forEach((i) => {
1328
+ i.insertAdjacentText("afterend", `
1316
1329
  `);
1317
- }), ((a = n.textContent) == null ? void 0 : a.replace(/\n{3,}/g, `
1330
+ }), ((o = n.textContent) == null ? void 0 : o.replace(/\n{3,}/g, `
1318
1331
 
1319
1332
  `).trim()) || "";
1320
1333
  };
1321
- function lt() {
1334
+ function at() {
1322
1335
  const e = window.getSelection();
1323
1336
  if (!e || e.rangeCount === 0) return [];
1324
- const t = e.getRangeAt(0), n = t.commonAncestorContainer, a = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement;
1325
- return Array.from(a.querySelectorAll("td, th")).filter((l) => {
1337
+ const t = e.getRangeAt(0);
1338
+ if (t.collapsed) {
1339
+ let l = t.startContainer, c = l.nodeType === Node.ELEMENT_NODE ? l : l.parentElement;
1340
+ const v = c == null ? void 0 : c.closest("td, th");
1341
+ return v ? [v] : [];
1342
+ }
1343
+ const n = t.commonAncestorContainer, o = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement;
1344
+ return Array.from(o.querySelectorAll("td, th")).filter((l) => {
1326
1345
  const c = document.createRange();
1327
1346
  return c.selectNodeContents(l), t.compareBoundaryPoints(Range.END_TO_START, c) < 0 && t.compareBoundaryPoints(Range.START_TO_END, c) > 0;
1328
1347
  });
1329
1348
  }
1330
- function ct(e) {
1331
- const t = lt();
1349
+ function lt(e) {
1350
+ const t = at();
1332
1351
  if (t.length === 0) {
1333
- se(e);
1352
+ ue(e);
1334
1353
  return;
1335
1354
  }
1336
1355
  let n = "left";
1337
- e === "justifyCenter" && (n = "center"), e === "justifyRight" && (n = "right"), t.forEach((a) => {
1338
- a.style.textAlign = n;
1356
+ e === "justifyCenter" && (n = "center"), e === "justifyRight" && (n = "right"), t.forEach((o) => {
1357
+ o.style.textAlign = n;
1339
1358
  }), S();
1340
1359
  }
1341
- const it = (e) => {
1360
+ const ct = (e) => {
1361
+ e.preventDefault();
1342
1362
  const t = e.clipboardData.items;
1343
- for (let n = 0; n < t.length; n++) {
1344
- const a = t[n];
1345
- if (a.kind === "file" && a.type.startsWith("image/")) {
1346
- e.preventDefault();
1363
+ for (let f = 0; f < t.length; f++) {
1364
+ const u = t[f];
1365
+ if (u.kind === "file" && u.type.startsWith("image/"))
1347
1366
  return;
1348
- }
1349
- a.kind === "string" && a.getAsString((s) => {
1350
- /<img\s/i.test(s) && e.preventDefault();
1367
+ u.kind === "string" && u.getAsString((g) => {
1368
+ /<img\s/i.test(g);
1351
1369
  });
1352
1370
  }
1353
- }, st = (e) => {
1354
- $();
1371
+ const n = e.clipboardData.getData("text/html") || "";
1372
+ if (!n) return;
1373
+ const o = document.createElement("div");
1374
+ o.innerHTML = n;
1375
+ const i = (f) => {
1376
+ f.style.borderCollapse = "collapse", f.style.width = "100%", f.style.border = "1px solid #ccc", f.style.margin = "8px 0", f.style.position = "relative", f.style.textAlign = "center", f.querySelectorAll("th").forEach((u) => {
1377
+ const g = u;
1378
+ g.style.border = "1px solid #999", g.style.padding = "4px", g.style.position = "relative", g.style.backgroundColor = "lightgray", g.style.height = "20px";
1379
+ }), f.querySelectorAll("td").forEach((u) => {
1380
+ const g = u;
1381
+ g.style.border = "1px solid #999", g.style.padding = "4px", g.style.position = "relative", g.style.backgroundColor = "#fff", g.style.height = "20px";
1382
+ });
1383
+ };
1384
+ o.querySelectorAll("table").forEach((f) => i(f));
1385
+ const l = window.getSelection();
1386
+ if (!l || !l.rangeCount) return;
1387
+ const c = l.getRangeAt(0);
1388
+ c.deleteContents();
1389
+ const v = document.createDocumentFragment();
1390
+ for (; o.firstChild; ) v.appendChild(o.firstChild);
1391
+ c.insertNode(v), c.collapse(!1), l.removeAllRanges(), l.addRange(c);
1392
+ const y = A.current;
1393
+ y && (y.querySelectorAll("table").forEach((f) => {
1394
+ const u = f;
1395
+ u.dataset.hasResizeHandle || (ae(u), u.dataset.hasResizeHandle = "true"), u.querySelectorAll("th, td").forEach((g) => {
1396
+ const b = g;
1397
+ b.dataset.hasResizeHandles || (X(b), b.dataset.hasResizeHandles = "true");
1398
+ });
1399
+ }), S());
1400
+ }, it = (e) => {
1401
+ K();
1355
1402
  const t = window.getSelection();
1356
1403
  if (!t || !t.rangeCount) return;
1357
- const n = t.getRangeAt(0), a = document.createElement("span");
1358
- a.style.fontSize = `${e}px`, a.appendChild(n.extractContents()), n.insertNode(a);
1359
- const s = document.createRange();
1360
- s.setStartAfter(a), s.collapse(!0), t.removeAllRanges(), t.addRange(s), S();
1404
+ const n = t.getRangeAt(0), o = document.createElement("span");
1405
+ o.style.fontSize = `${e}px`, o.appendChild(n.extractContents()), n.insertNode(o);
1406
+ const i = document.createRange();
1407
+ i.setStartAfter(o), i.collapse(!0), t.removeAllRanges(), t.addRange(i), S();
1408
+ }, st = () => {
1409
+ const e = window.getSelection();
1410
+ if (!e || !e.anchorNode) return null;
1411
+ const t = e.anchorNode;
1412
+ if (oe(t) || t.nodeType !== Node.TEXT_NODE) return null;
1413
+ const n = t.textContent || "", o = e.anchorOffset, i = n.lastIndexOf("@", o - 1);
1414
+ if (i === -1) return null;
1415
+ const l = n.substring(i + 1, o);
1416
+ if (l.includes(" ") || l.includes(" ")) return null;
1417
+ const c = document.createRange();
1418
+ return c.setStart(t, i), c.setEnd(t, o), {
1419
+ range: c,
1420
+ query: l
1421
+ };
1422
+ }, pe = () => {
1423
+ const e = st();
1424
+ if (!e) return;
1425
+ const {
1426
+ range: t,
1427
+ query: n
1428
+ } = e, o = document.createElement("span");
1429
+ o.textContent = "​", t.insertNode(o);
1430
+ const i = o.getBoundingClientRect();
1431
+ o.remove(), Y({
1432
+ x: i.left,
1433
+ y: i.bottom + window.scrollY
1434
+ }), te(n.toLowerCase());
1435
+ const l = r.filter((c) => c.name.toLowerCase().includes(n.toLowerCase()));
1436
+ k(l), _(!0), $.current = t.cloneRange();
1361
1437
  };
1362
- return /* @__PURE__ */ o.createElement("div", {
1363
- className: `rte-wrapper ${(f == null ? void 0 : f.wrapper) || ""}`,
1438
+ function dt() {
1439
+ const e = A.current;
1440
+ if (!e) return;
1441
+ const t = window.getSelection();
1442
+ if (!t || t.rangeCount > 0 && e.contains(t.anchorNode))
1443
+ return;
1444
+ const n = document.createRange();
1445
+ n.selectNodeContents(e), n.collapse(!1), t.removeAllRanges(), t.addRange(n), D.current = n.cloneRange();
1446
+ }
1447
+ return /* @__PURE__ */ a.createElement("div", {
1448
+ className: `rte-wrapper ${(p == null ? void 0 : p.wrapper) || ""}`,
1364
1449
  style: w.wrapper
1365
- }, /* @__PURE__ */ o.createElement("div", {
1450
+ }, /* @__PURE__ */ a.createElement("div", {
1366
1451
  style: {
1367
1452
  flex: 1
1368
1453
  }
1369
- }, /* @__PURE__ */ o.createElement(It, {
1370
- exec: ne,
1371
- saveSelection: V,
1372
- handleFileChange: Ye,
1373
- handleFontSizeChange: (e) => st(e.target.value),
1374
- handleFontFamilyChange: (e) => ne("fontName", e.target.value),
1375
- insertEmoji: Ze,
1376
- handleLink: tt,
1377
- removeFormatting: at,
1378
- visibleActions: De,
1379
- className: f.toolbar,
1454
+ }, /* @__PURE__ */ a.createElement(qt, {
1455
+ exec: re,
1456
+ saveSelection: W,
1457
+ handleFileChange: Xe,
1458
+ handleFontSizeChange: (e) => it(e.target.value),
1459
+ handleFontFamilyChange: (e) => re("fontName", e.target.value),
1460
+ insertEmoji: Ye,
1461
+ handleLink: et,
1462
+ removeFormatting: rt,
1463
+ visibleActions: Oe,
1464
+ className: p.toolbar,
1380
1465
  style: w.toolbar
1381
- }), /* @__PURE__ */ o.createElement("div", {
1382
- ref: k,
1466
+ }), /* @__PURE__ */ a.createElement("div", {
1467
+ ref: A,
1383
1468
  id: "rte-editor-body",
1384
- className: `rte-editor ${(f == null ? void 0 : f.editor) || ""}`,
1469
+ className: `rte-editor ${(p == null ? void 0 : p.editor) || ""}`,
1385
1470
  style: w.editor,
1386
1471
  contentEditable: !0,
1387
1472
  suppressContentEditableWarning: !0,
1388
- onPaste: it,
1389
- onKeyUp: V,
1390
- onMouseUp: V,
1473
+ onPaste: ct,
1474
+ onKeyUp: () => {
1475
+ W(), pe();
1476
+ },
1477
+ onMouseUp: W,
1391
1478
  onInput: () => {
1392
- me(), V();
1479
+ fe(), W();
1393
1480
  },
1394
1481
  onKeyDown: We,
1395
1482
  onBeforeInput: Ke,
1396
- onContextMenu: Ge,
1483
+ onContextMenu: Je,
1397
1484
  onClick: (e) => {
1398
- rt(e), V();
1485
+ nt(e), W(), pe();
1399
1486
  }
1400
- }), /* @__PURE__ */ o.createElement(Bt, {
1401
- show: q,
1402
- position: F,
1487
+ }), /* @__PURE__ */ a.createElement(Bt, {
1488
+ show: F,
1489
+ position: U,
1403
1490
  filtered: ee,
1404
- insertMention: qe,
1405
- onClose: () => B(!1),
1406
- query: Oe
1407
- }), i && /* @__PURE__ */ o.createElement("div", {
1408
- className: `rte-output ${(f == null ? void 0 : f.output) || ""}`,
1491
+ insertMention: Be,
1492
+ onClose: () => _(!1),
1493
+ query: _e
1494
+ }), s && /* @__PURE__ */ a.createElement("div", {
1495
+ className: `rte-output ${(p == null ? void 0 : p.output) || ""}`,
1409
1496
  style: w.output
1410
- }, /* @__PURE__ */ o.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ o.createElement("p", null, K)), /* @__PURE__ */ o.createElement(qt, {
1411
- visible: D.visible,
1412
- x: D.x,
1413
- y: D.y,
1414
- onAction: et,
1497
+ }, /* @__PURE__ */ a.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ a.createElement("p", null, q)), /* @__PURE__ */ a.createElement(Ut, {
1498
+ visible: O.visible,
1499
+ x: O.x,
1500
+ y: O.y,
1501
+ onAction: Ge,
1415
1502
  onClose: () => {
1416
- m(oe(ae({}, D), {
1503
+ h(ie(ce({}, O), {
1417
1504
  visible: !1
1418
- })), fe();
1505
+ })), he();
1419
1506
  }
1420
- }), /* @__PURE__ */ o.createElement(Vt, {
1507
+ }), /* @__PURE__ */ a.createElement($t, {
1421
1508
  visible: C,
1422
- linkData: Te,
1423
- onClose: () => H(!1),
1424
- onInsert: nt
1425
- })), d ? /* @__PURE__ */ o.createElement(Ut, {
1426
- className: f.preview,
1509
+ linkData: He,
1510
+ onClose: () => j(!1),
1511
+ onInsert: tt
1512
+ })), d ? /* @__PURE__ */ a.createElement(Vt, {
1513
+ className: p.preview,
1427
1514
  style: w.preview,
1428
- html: K
1515
+ html: q
1429
1516
  }) : null);
1430
1517
  };
1431
1518
  export {
1432
- Xt as RichTextEditor,
1433
- Ut as RtePreview,
1434
- It as RteToolbar
1519
+ Yt as RichTextEditor,
1520
+ Vt as RtePreview,
1521
+ qt as RteToolbar
1435
1522
  };