@ryzeup/richtexteditor 1.0.6 → 1.0.8

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