@ryzeup/richtexteditor 1.0.5 → 1.0.7

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