@sps-woodland/core 8.50.2 → 8.51.1

package/lib/rich-text-editor/index.js

@@ -0,0 +1,588 @@
+import { Metadata as D, useChildTestIdAttrBuilder as U, cl as P } from "@sps-woodland/core";
+import * as d from "react";
+import { useMemo as C, useState as v, useCallback as x, useEffect as L, useRef as V } from "react";
+import { useSpsForm as H, SpsModal as F, SpsLabel as M, SpsTextInput as S, SpsModalFooter as $ } from "@spscommerce/ds-react";
+import { Button as Z } from "@sps-woodland/core/button";
+import { useWoodlandLanguage as G } from "@spscommerce/i18n";
+import { Tokens as p } from "@sps-woodland/tokens";
+import j from "remark-parse";
+import z from "remark-rehype";
+import K from "rehype-sanitize";
+import q from "rehype-stringify";
+import { unified as O } from "unified";
+import { visit as W } from "unist-util-visit";
+import J from "rehype-parse";
+import Q from "rehype-remark";
+import X from "remark-stringify";
+function Y({
+  onClose: n,
+  selectionDOMContextFind: t,
+  selectionRange: e
+}) {
+  const { t: r } = G(), o = d.useRef(e), a = d.useRef(!1), { formValue: c, formMeta: i, updateForm: s } = H({
+    text: e?.toString() || "",
+    link: ""
+  });
+  return d.useEffect(() => {
+    if (!a.current) {
+      const l = t((g) => g.tagName === "A");
+      l && (s({
+        text: l.textContent || "",
+        link: l.getAttribute("href") || ""
+      }), a.current = !0);
+    }
+  }, [t]), /* @__PURE__ */ d.createElement(
+    F,
+    {
+      title: "Add Link",
+      onClose: () => n(o.current)
+    },
+    /* @__PURE__ */ d.createElement("div", { className: "sg-row" }, /* @__PURE__ */ d.createElement("div", { className: "sg-col-12" }, /* @__PURE__ */ d.createElement(M, { for: i.fields.text }, r("richTextEditor.linkModal.text", { defaultValue: "Text" })), /* @__PURE__ */ d.createElement(S, { formMeta: i.fields.text, value: c.text }))),
+    /* @__PURE__ */ d.createElement("div", { className: "sg-row" }, /* @__PURE__ */ d.createElement("div", { className: "sg-col-12" }, /* @__PURE__ */ d.createElement(M, { for: i.fields.link }, r("richTextEditor.linkModal.link", { defaultValue: "Link" })), /* @__PURE__ */ d.createElement(S, { formMeta: i.fields.link, value: c.link }))),
+    /* @__PURE__ */ d.createElement($, null, /* @__PURE__ */ d.createElement(Z, { onClick: () => n(o.current, c) }, r("richTextEditor.linkModal.ok", { defaultValue: "OK" })))
+  );
+}
+function e0(n, t, e) {
+  return t in n ? Object.defineProperty(n, t, {
+    value: e,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : n[t] = e, n;
+}
+function b(n, t) {
+  var e = Object.keys(n);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(n);
+    t && (r = r.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(n, o).enumerable;
+    })), e.push.apply(e, r);
+  }
+  return e;
+}
+function I(n) {
+  for (var t = 1; t < arguments.length; t++) {
+    var e = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? b(Object(e), !0).forEach(function(r) {
+      e0(n, r, e[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(e)) : b(Object(e)).forEach(function(r) {
+      Object.defineProperty(n, r, Object.getOwnPropertyDescriptor(e, r));
+    });
+  }
+  return n;
+}
+var t0 = (n, t, e) => {
+  for (var r of Object.keys(n)) {
+    var o;
+    if (n[r] !== ((o = t[r]) !== null && o !== void 0 ? o : e[r]))
+      return !1;
+  }
+  return !0;
+}, N = (n) => (t) => {
+  var e = n.defaultClassName, r = I(I({}, n.defaultVariants), t);
+  for (var o in r) {
+    var a, c = (a = r[o]) !== null && a !== void 0 ? a : n.defaultVariants[o];
+    if (c != null) {
+      var i = c;
+      typeof i == "boolean" && (i = i === !0 ? "true" : "false");
+      var s = (
+        // @ts-expect-error
+        n.variantClassNames[o][i]
+      );
+      s && (e += " " + s);
+    }
+  }
+  for (var [l, g] of n.compoundVariants)
+    t0(l, r, n.defaultVariants) && (e += " " + g);
+  return e;
+}, n0 = N({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1903a6n0", variantClassNames: { active: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1903a6n1", false: "pkg_sps-woodland_core__version_8_51_1__hash_1903a6n2" } }, defaultVariants: {}, compoundVariants: [] }), r0 = { icon: "pkg_sps-woodland_core__version_8_51_1__hash_1903a6n3" };
+function o0({
+  icon: n,
+  onClick: t,
+  selectionDOMContextFind: e,
+  activeTest: r,
+  isSimpleToggle: o = !1,
+  ...a
+}) {
+  const [c, i] = d.useState(!1);
+  d.useEffect(() => {
+    r && i(!!e(r));
+  }, [e]);
+  const s = d.useCallback(() => {
+    t && t(c), o && i(!c);
+  }, [t, c]);
+  return /* @__PURE__ */ d.createElement(
+    "button",
+    {
+      className: n0({ active: c }),
+      onClick: s,
+      onMouseDown: (l) => l.preventDefault(),
+      ...a
+    },
+    /* @__PURE__ */ d.createElement(
+      "span",
+      {
+        className: r0.icon,
+        style: { backgroundImage: 'url("' + n + '")' },
+        "aria-hidden": "true"
+      }
+    )
+  );
+}
+var c0 = N({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss0", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss1", false: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss2" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), a0 = N({ defaultClassName: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss3", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss4", false: "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss5" } }, defaultVariants: {}, compoundVariants: [] }), i0 = "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss6", s0 = "pkg_sps-woodland_core__version_8_51_1__hash_1f3v2ss7";
+function l0() {
+  return (n) => (W(n, "listItem", (t) => {
+    const e = Array.from(t.children);
+    if (e.length > 0 && e[0].type === "paragraph") {
+      const r = e[0], a = Array.from(r.children).concat(e.slice(1));
+      t.children = a;
+    }
+  }), n);
+}
+function d0() {
+  const n = C(
+    () => O().use(j).use(l0).use(z).use(K).use(q),
+    []
+  );
+  return C(
+    () => function(e) {
+      return n.process(e).then(String);
+    },
+    [n]
+  );
+}
+function g0() {
+  const n = C(
+    () => O().use(J).use(Q).use(X),
+    []
+  );
+  return C(
+    () => function(e) {
+      return n.process(e).then(String);
+    },
+    []
+  );
+}
+function m0(n = "", t = "") {
+  const [e, r] = v(), [o, a] = v({ html: t }), c = g0(), i = d0(), s = x(async (m) => {
+    const f = await i(m), h = { md: m, html: f };
+    return r(h), h;
+  }, [i]), l = x(async (m) => {
+    const h = { md: await c(m), html: m };
+    return r(h), h;
+  }, [c]);
+  L(() => {
+    !t && n !== e?.md ? s(n).then(({ html: m }) => {
+      a({ html: m });
+    }) : !n && t && t !== e?.html && l(t);
+  }, [n, t]);
+  function g(m) {
+    m.current && l(m.current.innerHTML);
+  }
+  return {
+    aggValue: e,
+    editableDivInnerHtml: o,
+    updateStateFromDiv: g
+  };
+}
+function f0(n) {
+  if (n instanceof HTMLElement) {
+    for (const t of Array.from(n.attributes))
+      /(style|class|data-[^=]+)/.test(t.name) && n.removeAttribute(t.name);
+    n.innerHTML = n.innerHTML.replace(/(style|class|data-[^=]+)="[^"]+"/g, "");
+  }
+}
+const h0 = [
+  // Bold
+  {
+    regex: /\*\*([^*]+)\*\*/,
+    command: "bold"
+  },
+  // Italic
+  {
+    regex: new RegExp("(?<!\\*)\\*([^*]+)\\*"),
+    command: "italic"
+  },
+  // Bulleted list
+  {
+    regex: /^\*[ \u00a0]/,
+    command: "insertUnorderedList"
+  },
+  // Numbered list
+  {
+    regex: /^1\.[ \u00a0]/,
+    command: "insertOrderedList"
+  },
+  // Link
+  {
+    regex: /\[([^\]]+)\]\(([^)]+)\)/,
+    command: "createLink",
+    getCommandArg: ([, , n]) => /^https?:\/\//.test(n) ? n : `https://${n}`
+  }
+];
+function u0(n, t, e) {
+  const r = document.createRange();
+  r.setStart(n, t), r.setEnd(n, e);
+  const o = window.getSelection();
+  o?.removeAllRanges(), o?.addRange(r);
+}
+function y(n) {
+  const t = document.createRange();
+  t.setStartAfter(n), t.setEndAfter(n);
+  const e = window.getSelection();
+  e?.removeAllRanges(), e?.addRange(t);
+}
+function C0(n) {
+  const t = document.createRange();
+  t.setStartBefore(n), t.setEndBefore(n);
+  const e = window.getSelection();
+  e?.removeAllRanges(), e?.addRange(t);
+}
+function p0(n) {
+  const t = V(null), e = C(() => new MutationObserver(([r]) => {
+    if (r.type === "characterData" && r.oldValue && r.target.textContent) {
+      for (const o of h0)
+        if (!o.regex.test(r.oldValue) && o.regex.test(r.target.textContent)) {
+          const a = o.regex.exec(r.target.textContent), [c, i = ""] = a, s = r.target.textContent.indexOf(c);
+          r.target.textContent = r.target.textContent.replace(c, i);
+          const l = s + i.length;
+          u0(r.target, s, l);
+          const g = o.getCommandArg ? o.getCommandArg(a) : void 0;
+          document.execCommand(o.command, void 0, g), i && (y(r.target.parentNode), document.execCommand(o.command));
+        }
+    } else r.type === "childList" && Array.from(r.addedNodes).forEach((o) => {
+      let a;
+      if (o instanceof HTMLElement && o.tagName === "LI" ? a = o : o?.parentElement?.tagName === "LI" && (a = o?.parentElement), a) {
+        const c = a.nextElementSibling, i = c?.childNodes?.[0];
+        if (i instanceof HTMLElement && ["UL", "OL"].includes(i.tagName)) {
+          const l = document.createElement("br");
+          c.insertBefore(l, i), C0(l);
+        }
+      }
+      f0(o);
+    });
+    n(t);
+  }), []);
+  return L(() => () => {
+    e && e.disconnect();
+  }, []), L(() => {
+    t.current !== null && e.observe(t.current, {
+      childList: !0,
+      subtree: !0,
+      characterDataOldValue: !0
+    });
+  }, [e, t]), t;
+}
+function w0(n) {
+  const [t, e] = v();
+  L(() => {
+    function o() {
+      const a = window.getSelection();
+      Number(a?.rangeCount) > 0 && e(a?.getRangeAt(0));
+    }
+    return document.addEventListener("selectionchange", o), () => {
+      document.removeEventListener("selectionchange", o);
+    };
+  }, []);
+  const r = x(
+    (o) => {
+      if (!t)
+        return null;
+      const a = t.commonAncestorContainer;
+      if (!n.current || !n.current.contains(a))
+        return null;
+      let c = a instanceof HTMLElement ? a : a.parentElement;
+      for (; c && c !== n.current; ) {
+        if (o(c))
+          return c;
+        c = c.parentElement;
+      }
+      return null;
+    },
+    [t]
+  );
+  return {
+    selectionRange: t,
+    selectionDOMContextFind: r
+  };
+}
+const v0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='10px'%20height='12px'%20viewBox='0%200%2010%2012'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eBold%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-53.000000,%20-103.000000)'%20fill='%234B5356'%20fill-rule='nonzero'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%202.000000)'%20id='B'%3e%3cg%20transform='translate(3.550000,%202.130000)'%3e%3cpath%20d='M0,0%20L4.014,0%20C4.626,0%205.193,0.045%205.715,0.135%20C6.237,0.225%206.693,0.384%207.083,0.612%20C7.473,0.84%207.779,1.14%208.001,1.512%20C8.223,1.884%208.334,2.352%208.334,2.916%20C8.334,3.18%208.295,3.444%208.217,3.708%20C8.139,3.972%208.022,4.218%207.866,4.446%20C7.71,4.674%207.506,4.878%207.254,5.058%20C7.002,5.238%206.708,5.37%206.372,5.454%20L6.372,5.526%20C7.212,5.682%207.845,5.982%208.271,6.426%20C8.697,6.87%208.91,7.488%208.91,8.28%20C8.91,8.88%208.793,9.396%208.559,9.828%20C8.325,10.26%208.001,10.617%207.587,10.899%20C7.173,11.181%206.69,11.391%206.138,11.529%20C5.586,11.667%204.992,11.736%204.356,11.736%20L0,11.736%20L0,0%20Z%20M3.888,4.734%20C4.536,4.734%205.007,4.605%205.301,4.347%20C5.595,4.089%205.742,3.738%205.742,3.294%20C5.742,2.85%205.592,2.532%205.292,2.34%20C4.992,2.148%204.53,2.052%203.906,2.052%20L2.646,2.052%20L2.646,4.734%20L3.888,4.734%20Z%20M4.14,9.684%20C5.592,9.684%206.318,9.15%206.318,8.082%20C6.318,7.566%206.138,7.191%205.778,6.957%20C5.418,6.723%204.872,6.606%204.14,6.606%20L2.646,6.606%20L2.646,9.684%20L4.14,9.684%20Z'%20id='Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", x0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='14px'%20viewBox='0%200%2016%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIndent%20short%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-50.000000,%20-282.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%20182.000000)'%3e%3crect%20id='Rectangle-223'%20x='0'%20y='1.6'%20width='16'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='0'%20y='12.4'%20width='16'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='7'%20y='8.8'%20width='9'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='7'%20y='5.2'%20width='9'%20height='2'%3e%3c/rect%3e%3cpath%20d='M5.20857552,7.99286089%20C5.20857552,8.06428955%205.18178977,8.14464678%205.12821828,8.19821828%20L2.27107201,11.0553645%20C2.21750052,11.108936%202.13714328,11.1357218%202.06571463,11.1357218%20C1.91392873,11.1357218%201.78,11.001793%201.78,10.85%20L1.78,5.13571463%20C1.78,4.97500015%201.90500015,4.85%202.06571463,4.85%20C2.14607186,4.85%202.21750052,4.88571433%202.28,4.93928582%20L5.12821828,7.7875035%20C5.18178977,7.84107499%205.20857552,7.92143223%205.20857552,7.99286089%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", L0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='10px'%20height='12px'%20viewBox='0%200%2010%2012'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eItalics%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-53.000000,%20-148.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%2047.000000)'%3e%3cg%20id='I'%20transform='translate(5.600000,%202.130000)'%20fill-rule='nonzero'%3e%3cpolygon%20id='Path'%20points='2.358%200%204.824%200%202.484%2011.736%200%2011.736'%3e%3c/polygon%3e%3c/g%3e%3crect%20id='Rectangle'%20x='5.5'%20y='2'%20width='7'%20height='1.5'%3e%3c/rect%3e%3crect%20id='Rectangle-Copy'%20x='3.5'%20y='12.5'%20width='7'%20height='1.5'%3e%3c/rect%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", E0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/icon-ellipses%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---Schematics'%20transform='translate(-401.000000,%20-200.000000)'%20fill='%234B5356'%3e%3cg%20id='Group-5'%20transform='translate(146.000000,%20167.000000)'%3e%3cg%20id='Icon/icon-link'%20transform='translate(254.000000,%2032.000000)'%3e%3cpath%20d='M9.28515625,6.03125%20C9.33984402,6.06770852%209.39908822,6.11328098%209.46289062,6.16796875%20C9.52669303,6.22265652%209.58593723,6.26822898%209.640625,6.3046875%20L9.6953125,6.359375%20C10.3333365,7.01562828%2010.6523438,7.79947461%2010.6523438,8.7109375%20C10.6523438,9.62240039%2010.3333365,10.4062467%209.6953125,11.0625%20L6.6875,14.0429688%20C6.04947598,14.6809928%205.27474414,15%204.36328125,15%20C3.45181836,15%202.66797203,14.6809928%202.01171875,14.0429688%20L1.95703125,13.9882812%20C1.31900723,13.332028%201,12.5481816%201,11.6367188%20C1,10.7252559%201.31900723,9.95052402%201.95703125,9.3125%20L4.0625,7.20703125%20C4.04427074,7.51692863%204.06249973,7.82682137%204.1171875,8.13671875%20C4.17187527,8.44661613%204.2630202,8.73827988%204.390625,9.01171875%20L3.05078125,10.3789062%20C2.68619609,10.7252621%202.50390625,11.1445288%202.50390625,11.6367188%20C2.50390625,12.1289087%202.68619609,12.5481754%203.05078125,12.8945312%20L3.10546875,12.9492188%20C3.45182465,13.3138039%203.87109129,13.4960938%204.36328125,13.4960938%20C4.85547121,13.4960938%205.27473785,13.3138039%205.62109375,12.9492188%20L8.6015625,9.96875%20C8.9479184,9.6223941%209.12109375,9.20312746%209.12109375,8.7109375%20C9.12109375,8.21874754%208.9479184,7.7994809%208.6015625,7.453125%20L8.546875,7.3984375%20C8.49218723,7.34374973%208.43750027,7.29362002%208.3828125,7.24804688%20C8.32812473,7.20247373%208.26432328,7.16145852%208.19140625,7.125%20L9.28515625,6.03125%20Z%20M11.6367188,1%20C12.5481816,1%2013.332028,1.31900723%2013.9882812,1.95703125%20L14.0429688,2.01171875%20C14.6809928,2.66797203%2015,3.45181836%2015,4.36328125%20C15,5.27474414%2014.6809928,6.04947598%2014.0429688,6.6875%20L11.9375,8.79296875%20C11.9557293,8.48307137%2011.9375003,8.17317863%2011.8828125,7.86328125%20C11.8281247,7.55338387%2011.7369798,7.26172012%2011.609375,6.98828125%20L12.9492188,5.62109375%20C13.3138039,5.27473785%2013.4960938,4.85547121%2013.4960938,4.36328125%20C13.4960938,3.87109129%2013.3138039,3.45182465%2012.9492188,3.10546875%20L12.8945312,3.05078125%20C12.5481754,2.68619609%2012.1289087,2.50390625%2011.6367188,2.50390625%20C11.1445288,2.50390625%2010.7252621,2.68619609%2010.3789062,3.05078125%20L7.3984375,6.03125%20C7.0520816,6.3776059%206.87890625,6.79687254%206.87890625,7.2890625%20C6.87890625,7.78125246%207.0520816,8.2005191%207.3984375,8.546875%20L7.453125,8.6015625%20C7.50781277,8.65625027%207.56249973,8.70637998%207.6171875,8.75195312%20C7.67187527,8.79752627%207.73567672,8.83854148%207.80859375,8.875%20L6.71484375,9.96875%20C6.66015598,9.93229148%206.60091178,9.88671902%206.53710938,9.83203125%20C6.47330697,9.77734348%206.41406277,9.73177102%206.359375,9.6953125%20L6.3046875,9.640625%20C5.66666348,8.98437172%205.34765625,8.20052539%205.34765625,7.2890625%20C5.34765625,6.37759961%205.66666348,5.59375328%206.3046875,4.9375%20L9.3125,1.95703125%20C9.95052402,1.31900723%2010.7252559,1%2011.6367188,1%20Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", _0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='15px'%20height='14px'%20viewBox='0%200%2015%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eOrdered%20list%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-51.000000,%20-192.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%2092.000000)'%3e%3crect%20id='Rectangle-223-Copy-3'%20x='5'%20y='2.5'%20width='11'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223-Copy-2'%20x='5'%20y='7'%20width='11'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223-Copy'%20x='5'%20y='11.5'%20width='11'%20height='2'%3e%3c/rect%3e%3cg%20id='1'%20transform='translate(1.500000,%201.900000)'%20fill-rule='nonzero'%3e%3cpath%20d='M0,2.58%20L0.69,2.58%20L0.69,0.745%20L0.095,0.745%20L0.095,0.29%20C0.268333333,0.256666667%200.415,0.216666667%200.535,0.17%20C0.655,0.123333333%200.771666667,0.0666666667%200.885,0%20L1.425,0%20L1.425,2.58%20L2.02,2.58%20L2.02,3.175%20L0,3.175%20L0,2.58%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3cg%20id='2'%20transform='translate(1.355000,%206.400000)'%20fill-rule='nonzero'%3e%3cpath%20d='M0.035,2.815%20C0.238333333,2.625%200.424166667,2.4475%200.5925,2.2825%20C0.760833333,2.1175%200.905833333,1.9625%201.0275,1.8175%20C1.14916667,1.6725%201.24416667,1.5375%201.3125,1.4125%20C1.38083333,1.2875%201.415,1.16833333%201.415,1.055%20C1.415,0.898333333%201.375,0.779166667%201.295,0.6975%20C1.215,0.615833333%201.105,0.575%200.965,0.575%20C0.848333333,0.575%200.745,0.6075%200.655,0.6725%20C0.565,0.7375%200.48,0.813333333%200.4,0.9%20L0,0.505%20C0.156666667,0.338333333%200.316666667,0.2125%200.48,0.1275%20C0.643333333,0.0425%200.838333333,0%201.065,0%20C1.22166667,0%201.36416667,0.0241666667%201.4925,0.0725%20C1.62083333,0.120833333%201.73166667,0.189166667%201.825,0.2775%20C1.91833333,0.365833333%201.99,0.471666667%202.04,0.595%20C2.09,0.718333333%202.115,0.856666667%202.115,1.01%20C2.115,1.14333333%202.08666667,1.27916667%202.03,1.4175%20C1.97333333,1.55583333%201.8975,1.69416667%201.8025,1.8325%20C1.7075,1.97083333%201.59916667,2.10916667%201.4775,2.2475%20C1.35583333,2.38583333%201.23,2.52166667%201.1,2.655%20C1.18,2.645%201.26916667,2.63583333%201.3675,2.6275%20C1.46583333,2.61916667%201.55333333,2.615%201.63,2.615%20L2.27,2.615%20L2.27,3.235%20L0.035,3.235%20L0.035,2.815%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3cg%20id='3'%20transform='translate(1.350000,%2010.800000)'%20fill-rule='nonzero'%3e%3cpath%20d='M0.34,2.38%20C0.436666667,2.47333333%200.5425,2.55%200.6575,2.61%20C0.7725,2.67%200.898333333,2.7%201.035,2.7%20C1.19166667,2.7%201.31666667,2.6675%201.41,2.6025%20C1.50333333,2.5375%201.55,2.445%201.55,2.325%20C1.55,2.255%201.5375,2.19166667%201.5125,2.135%20C1.4875,2.07833333%201.44333333,2.03083333%201.38,1.9925%20C1.31666667,1.95416667%201.23,1.92416667%201.12,1.9025%20C1.01,1.88083333%200.868333333,1.87%200.695,1.87%20L0.695,1.35%20C0.838333333,1.35%200.9575,1.34%201.0525,1.32%20C1.1475,1.3%201.22416667,1.27083333%201.2825,1.2325%20C1.34083333,1.19416667%201.3825,1.14916667%201.4075,1.0975%20C1.4325,1.04583333%201.445,0.988333333%201.445,0.925%20C1.445,0.815%201.41166667,0.729166667%201.345,0.6675%20C1.27833333,0.605833333%201.18166667,0.575%201.055,0.575%20C0.941666667,0.575%200.839166667,0.6%200.7475,0.65%20C0.655833333,0.7%200.56,0.768333333%200.46,0.855%20L0.09,0.405%20C0.236666667,0.278333333%200.390833333,0.179166667%200.5525,0.1075%20C0.714166667,0.0358333333%200.893333333,0%201.09,0%20C1.25333333,0%201.4025,0.0191666667%201.5375,0.0575%20C1.6725,0.0958333333%201.7875,0.1525%201.8825,0.2275%20C1.9775,0.3025%202.05166667,0.393333333%202.105,0.5%20C2.15833333,0.606666667%202.185,0.73%202.185,0.87%20C2.185,1.03666667%202.13916667,1.1775%202.0475,1.2925%20C1.95583333,1.4075%201.825,1.50166667%201.655,1.575%20L1.655,1.595%20C1.83833333,1.64833333%201.98916667,1.73916667%202.1075,1.8675%20C2.22583333,1.99583333%202.285,2.16333333%202.285,2.37%20C2.285,2.51666667%202.25333333,2.6475%202.19,2.7625%20C2.12666667,2.8775%202.04166667,2.97416667%201.935,3.0525%20C1.82833333,3.13083333%201.70333333,3.19083333%201.56,3.2325%20C1.41666667,3.27416667%201.265,3.295%201.105,3.295%20C0.845,3.295%200.625,3.25416667%200.445,3.1725%20C0.265,3.09083333%200.116666667,2.98166667%200,2.845%20L0.34,2.38%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", k0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='14px'%20viewBox='0%200%2016%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eOutdent%20short%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-50.000000,%20-327.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%20227.000000)'%3e%3crect%20id='Rectangle-223'%20x='0'%20y='1.6'%20width='16'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='0'%20y='12.4'%20width='16'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='7'%20y='8.8'%20width='9'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='7'%20y='5.2'%20width='9'%20height='2'%3e%3c/rect%3e%3cpath%20d='M5.21357552,10.85%20C5.21357552,11.001793%205.08857537,11.1357218%204.92786089,11.1357218%20C4.84750365,11.1357218%204.77607499,11.1000075%204.71357492,11.046436%20L1.86535724,8.1892897%20C1.81178575,8.1357182%201.785,8.06428955%201.785,7.99286089%20C1.785,7.91250365%201.81178575,7.84107499%201.86535724,7.7875035%20L4.7225035,4.93035724%20C4.77607499,4.87678575%204.85643223,4.85%204.92786089,4.85%20C5.07964678,4.85%205.21357552,4.97500015%205.21357552,5.13571463%20L5.21357552,10.85%20Z'%20id='Path'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", N0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/icon-ellipses%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---Schematics'%20transform='translate(-520.000000,%20-200.000000)'%20fill='%234B5356'%3e%3cg%20id='Group-5'%20transform='translate(146.000000,%20167.000000)'%3e%3cg%20id='Button/2.-Icon/6.-Default-Copy-8'%20transform='translate(363.000000,%2025.000000)'%3e%3cg%20id='Icon/icon-undo'%20transform='translate(10.000000,%207.000000)'%3e%3cpath%20d='M15,2.16666667%20C15,1.9296875%2014.8541667,1.72005208%2014.6445312,1.62890625%20C14.4257812,1.53776042%2014.1705729,1.58333333%2014.0065104,1.75651042%20L12.8216146,2.93229167%20C11.5364583,1.72005208%209.79557292,1%208,1%20C4.14453125,1%201,4.14453125%201,8%20C1,11.8554688%204.14453125,15%208,15%20C10.0872396,15%2012.0559896,14.0794271%2013.3867188,12.4752604%20C13.4778646,12.3567708%2013.4778646,12.1835938%2013.3684896,12.0833333%20L12.1197917,10.8255208%20C12.0559896,10.7708333%2011.9739583,10.7434896%2011.8919271,10.7434896%20C11.8098958,10.7526042%2011.7278646,10.7890625%2011.6822917,10.8528646%20C10.7890625,12.0104167%209.44921875,12.6666667%208,12.6666667%20C5.4296875,12.6666667%203.33333333,10.5703125%203.33333333,8%20C3.33333333,5.4296875%205.4296875,3.33333333%208,3.33333333%20C9.19401042,3.33333333%2010.3242188,3.7890625%2011.1809896,4.58203125%20L9.92317708,5.83984375%20C9.75,6.00390625%209.70442708,6.25911458%209.79557292,6.46875%20C9.88671875,6.6875%2010.0963542,6.83333333%2010.3333333,6.83333333%20L14.4166667,6.83333333%20C14.7356771,6.83333333%2015,6.56901042%2015,6.25%20L15,2.16666667%20Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", y0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='14px'%20viewBox='0%200%2014%2014'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eIcon/icon-ellipses%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---Schematics'%20transform='translate(-484.000000,%20-200.000000)'%20fill='%234B5356'%3e%3cg%20id='Group-5'%20transform='translate(146.000000,%20167.000000)'%3e%3cg%20id='Button/2.-Icon/6.-Default-Copy-9'%20transform='translate(345.000000,%2040.000000)%20scale(-1,%201)%20translate(-345.000000,%20-40.000000)%20translate(327.000000,%2025.000000)'%3e%3cg%20id='Icon/icon-undo'%20transform='translate(10.000000,%207.000000)'%3e%3cpath%20d='M15,2.16666667%20C15,1.9296875%2014.8541667,1.72005208%2014.6445312,1.62890625%20C14.4257812,1.53776042%2014.1705729,1.58333333%2014.0065104,1.75651042%20L12.8216146,2.93229167%20C11.5364583,1.72005208%209.79557292,1%208,1%20C4.14453125,1%201,4.14453125%201,8%20C1,11.8554688%204.14453125,15%208,15%20C10.0872396,15%2012.0559896,14.0794271%2013.3867188,12.4752604%20C13.4778646,12.3567708%2013.4778646,12.1835938%2013.3684896,12.0833333%20L12.1197917,10.8255208%20C12.0559896,10.7708333%2011.9739583,10.7434896%2011.8919271,10.7434896%20C11.8098958,10.7526042%2011.7278646,10.7890625%2011.6822917,10.8528646%20C10.7890625,12.0104167%209.44921875,12.6666667%208,12.6666667%20C5.4296875,12.6666667%203.33333333,10.5703125%203.33333333,8%20C3.33333333,5.4296875%205.4296875,3.33333333%208,3.33333333%20C9.19401042,3.33333333%2010.3242188,3.7890625%2011.1809896,4.58203125%20L9.92317708,5.83984375%20C9.75,6.00390625%209.70442708,6.25911458%209.79557292,6.46875%20C9.88671875,6.6875%2010.0963542,6.83333333%2010.3333333,6.83333333%20L14.4166667,6.83333333%20C14.7356771,6.83333333%2015,6.56901042%2015,6.25%20L15,2.16666667%20Z'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", T0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='14px'%20height='16px'%20viewBox='0%200%2014%2016'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eUnlink%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-51.000000,%20-371.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%20272.000000)'%3e%3cpath%20d='M14.0429688,2.01171875%20C14.6809928,2.66797203%2015,3.45181836%2015,4.36328125%20C15,5.27474414%2014.6809928,6.04947598%2014.0429688,6.6875%20L11.1027446,9.58420181%20L10.3518996,8.27890801%20L12.9492188,5.62109375%20C13.3138039,5.27473785%2013.4960938,4.85547121%2013.4960938,4.36328125%20C13.4960938,3.87109129%2013.3138039,3.45182465%2012.9492188,3.10546875%20L12.8945313,3.05078125%20C12.5481754,2.68619609%2012.1289087,2.50390625%2011.6367188,2.50390625%20C11.1445288,2.50390625%2010.7252621,2.68619609%2010.3789063,3.05078125%20L8.41457939,4.92175579%20L7.64047964,3.57621944%20L9.3125,1.95703125%20C9.95052402,1.31900723%2010.7252559,1%2011.6367188,1%20C12.5481816,1%2013.332028,1.31900723%2013.9882813,1.95703125%20L14.0429688,2.01171875%20Z'%20id='Path'%3e%3c/path%3e%3cpath%20d='M8.02641916,12.7072184%20L6.6875,14.0429687%20C6.04947598,14.6809928%205.27474414,15%204.36328125,15%20C3.45181836,15%202.66797203,14.6809928%202.01171875,14.0429687%20L1.95703125,13.9882812%20C1.31900723,13.332028%201,12.5481816%201,11.6367187%20C1,10.7252559%201.31900723,9.95052402%201.95703125,9.3125%20L4.57246065,6.71787083%20L5.34566408,8.05009655%20L3.05078125,10.3789062%20C2.68619609,10.7252621%202.50390625,11.1445288%202.50390625,11.6367187%20C2.50390625,12.1289087%202.68619609,12.5481754%203.05078125,12.8945312%20L3.10546875,12.9492187%20C3.45182465,13.3138039%203.87109129,13.4960937%204.36328125,13.4960937%20C4.85547121,13.4960937%205.27473785,13.3138039%205.62109375,12.9492187%20L7.2646265,11.388324%20L8.02641916,12.7072184%20Z'%20id='Path'%3e%3c/path%3e%3crect%20id='Rectangle'%20transform='translate(7.750000,%208.000000)%20rotate(-30.000000)%20translate(-7.750000,%20-8.000000)%20'%20x='7'%20y='0'%20width='1.5'%20height='16'%3e%3c/rect%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", R0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='15px'%20height='12px'%20viewBox='0%200%2015%2012'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eUnordered%20list%3c/title%3e%3cg%20id='Components'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Markdown-Editor---New-icons'%20transform='translate(-51.000000,%20-238.000000)'%20fill='%234B5356'%3e%3cg%20id='Group'%20transform='translate(50.000000,%2099.000000)'%3e%3cg%20transform='translate(0.000000,%20137.000000)'%3e%3cg%20transform='translate(1.000000,%202.000000)'%3e%3crect%20id='Rectangle-223'%20x='4'%20y='0.5'%20width='11'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='4'%20y='5'%20width='11'%20height='2'%3e%3c/rect%3e%3crect%20id='Rectangle-223'%20x='4'%20y='9.5'%20width='11'%20height='2'%3e%3c/rect%3e%3ccircle%20id='Oval'%20cx='1.5'%20cy='1.5'%20r='1.5'%3e%3c/circle%3e%3ccircle%20id='Oval-Copy'%20cx='1.5'%20cy='6'%20r='1.5'%3e%3c/circle%3e%3ccircle%20id='Oval-Copy-2'%20cx='1.5'%20cy='10.5'%20r='1.5'%3e%3c/circle%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", w = (n, t) => {
+  let e = n;
+  for (; e.parentElement && !t.includes(e.parentElement.tagName); )
+    e = e.parentElement;
+  return e.parentElement && t.includes(e.parentElement.tagName) ? e.parentElement : null;
+}, A = (n) => {
+  const t = [];
+  let e = n;
+  for (; e.nextElementSibling; )
+    t.push(e.nextElementSibling), e = e.nextElementSibling;
+  return t;
+}, M0 = {
+  key: "bold",
+  icon: v0,
+  onClick: () => document.execCommand("bold"),
+  activeTest: (n) => ["B", "STRONG"].includes(n.tagName),
+  isSimpleToggle: !0
+}, S0 = {
+  key: "italics",
+  icon: L0,
+  onClick: () => document.execCommand("italic"),
+  activeTest: (n) => ["I", "EM"].includes(n.tagName),
+  isSimpleToggle: !0
+}, b0 = {
+  key: "ul",
+  icon: R0,
+  onClick: () => document.execCommand("insertUnorderedList"),
+  activeTest: (n) => n.tagName === "UL"
+}, I0 = {
+  key: "ol",
+  icon: _0,
+  onClick: () => document.execCommand("insertOrderedList"),
+  activeTest: (n) => n.tagName === "OL"
+}, A0 = {
+  key: "indent",
+  icon: x0,
+  onClick: () => {
+    try {
+      const n = window.getSelection();
+      if (n?.type === "Range") {
+        const t = n.getRangeAt(0), e = t.commonAncestorContainer;
+        if (!(e instanceof HTMLElement) || (e.tagName === "UL" || e.tagName === "OL" || e.tagName === "LI") && e.firstElementChild && t.intersectsNode(e.firstElementChild))
+          return;
+        const r = [];
+        let o;
+        if (e.childNodes.forEach((a) => {
+          t.intersectsNode(a) && a instanceof HTMLElement && a.tagName === "LI" && (r.length === 0 && (o = a.previousSibling), r.push(a));
+        }), o instanceof HTMLElement && o.tagName === "LI") {
+          r.forEach((c) => c.remove());
+          const a = o.parentElement?.tagName.toLowerCase();
+          if (a) {
+            const c = document.createElement(a);
+            r.forEach((i) => c.appendChild(i)), o.appendChild(c);
+          }
+          return;
+        }
+      } else if (n) {
+        const { anchorNode: t } = n;
+        let e;
+        if (t instanceof HTMLElement && t.tagName === "LI" ? e = t : t && (e = w(t, ["LI"])), e) {
+          const r = e.previousElementSibling, o = e.parentElement.tagName.toLowerCase();
+          if (r && r.tagName === "LI") {
+            e.remove();
+            const a = r.querySelector(o);
+            if (a)
+              a.appendChild(e);
+            else {
+              const c = document.createElement(o);
+              c.appendChild(e), r.appendChild(c);
+            }
+            t && y(t.childNodes?.[0] || t);
+          }
+          return;
+        }
+      }
+    } catch {
+    }
+    document.execCommand("indent");
+  }
+}, O0 = {
+  key: "outdent",
+  icon: k0,
+  onClick: () => {
+    try {
+      const n = window.getSelection();
+      if (n?.type === "Range") {
+        const t = n.getRangeAt(0), e = t.commonAncestorContainer;
+        if (!(e instanceof HTMLElement))
+          return;
+        const r = [];
+        let o;
+        if (e.tagName === "UL" || e.tagName === "OL" ? o = e : e.tagName === "LI" && (o = e.parentElement), o) {
+          o.childNodes.forEach((c) => {
+            t.intersectsNode(c) && c instanceof HTMLElement && c.tagName === "LI" && r.push(c);
+          });
+          const a = o.parentElement;
+          a?.tagName === "LI" && (r.forEach((c, i) => {
+            if (i === r.length - 1) {
+              const s = A(c);
+              if (s.length > 0) {
+                const l = o.tagName.toLowerCase(), g = c.querySelector(l);
+                if (g)
+                  for (const m of s)
+                    m.remove(), g.appendChild(m);
+                else {
+                  const m = document.createElement(l);
+                  c.appendChild(m);
+                  for (const f of s)
+                    f.remove(), m.appendChild(f);
+                }
+              }
+            }
+            c.remove();
+          }), o.childElementCount === 0 && o.remove(), r.reverse().forEach((c) => a.after(c)));
+          return;
+        }
+      } else if (n) {
+        const { anchorNode: t } = n;
+        let e = null, r = null;
+        t instanceof HTMLElement && (t.tagName === "UL" || t.tagName === "OL") ? (e = t, r = t.querySelector("li")) : t && (e = w(t, ["UL", "OL"]), r = t instanceof HTMLElement && t.tagName === "LI" ? t : w(t, ["LI"]));
+        const o = e ? w(e, ["UL", "OL"]) : null;
+        if (e && o) {
+          const a = w(e, ["LI"]);
+          if (e.childElementCount === 1 && e.remove(), r) {
+            const c = A(r);
+            if (c.length > 0) {
+              const i = document.createElement(e.tagName.toLowerCase());
+              r.appendChild(i);
+              for (const s of c)
+                s.remove(), i.appendChild(s);
+            }
+            a?.after(r), r.lastChild && y(r.lastChild);
+          }
+          return;
+        }
+      }
+    } catch {
+    }
+    document.execCommand("outdent");
+  }
+}, B0 = {
+  key: "undo",
+  icon: y0,
+  onClick: () => document.execCommand("undo")
+}, D0 = {
+  key: "redo",
+  icon: N0,
+  onClick: () => document.execCommand("redo")
+};
+function U0(n, t) {
+  const [e, r] = v(!1), o = x((s, l) => {
+    r(!1);
+    const g = s.cloneRange(), m = window.getSelection();
+    if ((m?.rangeCount ?? 0) > 0 && m?.removeAllRanges(), m?.addRange(g), !g?.toString() && l?.text && m) {
+      const f = document.createTextNode(l.text), { anchorNode: h } = m;
+      if (h instanceof HTMLElement) {
+        const u = h.lastElementChild;
+        u && u.tagName === "BR" ? h.insertBefore(f, u) : h.appendChild(f);
+      } else if (h) {
+        const u = g.cloneRange();
+        u.selectNodeContents(h), u.setEnd(g.endContainer, g.endOffset);
+        const E = u.toString().length;
+        h.parentElement?.insertBefore(
+          f,
+          h.splitText(E)
+        );
+      }
+      g.setStart(f, 0), g.setEnd(f, l.text.length);
+    }
+    if (l) {
+      const f = g?.startContainer?.parentElement;
+      f && f.tagName === "A" ? (f.setAttribute("href", l.link), f.textContent = l.text, window.getSelection()?.getRangeAt(0)?.selectNodeContents(f)) : document.execCommand("createLink", void 0, l.link);
+    }
+  }, []), a = C(() => ({
+    key: "link",
+    icon: E0,
+    onClick: () => {
+      const s = window.getSelection(), l = (s?.rangeCount ?? 0) > 0 ? s?.getRangeAt(0).commonAncestorContainer : null;
+      t.current && l && t.current.contains(l) && r(!0);
+    },
+    activeTest: (s) => s.tagName === "A"
+  }), []), c = C(() => ({
+    key: "unlink",
+    icon: T0,
+    onClick: () => {
+      const s = n(a.activeTest);
+      s && (window.getSelection()?.getRangeAt(0).selectNodeContents(s), document.execCommand("unlink"));
+    }
+  }), [n]);
+  return {
+    toolbarButtons: [
+      M0,
+      S0,
+      "vr",
+      b0,
+      I0,
+      A0,
+      O0,
+      "vr",
+      a,
+      c,
+      "vr",
+      B0,
+      D0
+    ],
+    showLinkModal: e,
+    handleLinkModalClose: o
+  };
+}
+function P0({
+  className: n,
+  md: t,
+  html: e,
+  disabled: r,
+  onChange: o,
+  ...a
+}) {
+  const c = U(a), { aggValue: i, editableDivInnerHtml: s, updateStateFromDiv: l } = m0(t, e);
+  d.useEffect(() => {
+    o && i && o(i);
+  }, [i]);
+  const g = p0(l);
+  d.useEffect(() => {
+    s && g.current && (g.current.innerHTML = s.html);
+  }, [s]);
+  const { selectionRange: m, selectionDOMContextFind: f } = w0(g), { toolbarButtons: h, showLinkModal: u, handleLinkModalClose: E } = U0(
+    f,
+    g
+  ), { height: T, minHeight: R } = a.style ?? {}, _ = {};
+  return T ? _.height = `
+      calc(
+        ${T}
+        - ${p.component["rich-text-editor"].vr.height}
+        - (2 * ${p.component["rich-text-editor"].border.width})
+        - (2 * ${p.component["rich-text-editor"].padding.input.y})
+      )` : R && (_.minHeight = `
+      calc(
+        ${R}
+        - ${p.component["rich-text-editor"].vr.height}
+        - (2 * ${p.component["rich-text-editor"].border.width})
+        - (2 * ${p.component["rich-text-editor"].padding.input.y})
+      )`), /* @__PURE__ */ d.createElement("div", { className: P(c0({ disabled: r }), n), ...a }, !r && /* @__PURE__ */ d.createElement(d.Fragment, null, /* @__PURE__ */ d.createElement("div", { className: i0, ...c("toolbar") }, h.map(
+    (k, B) => k === "vr" ? /* @__PURE__ */ d.createElement("div", { className: s0, key: `vr-${B}` }) : /* @__PURE__ */ d.createElement(
+      o0,
+      {
+        ...k,
+        selectionDOMContextFind: f,
+        ...c(`button-${k.key}`)
+      }
+    )
+  )), u && /* @__PURE__ */ d.createElement(
+    Y,
+    {
+      onClose: E,
+      selectionDOMContextFind: f,
+      selectionRange: m
+    }
+  )), /* @__PURE__ */ d.createElement(
+    "div",
+    {
+      className: a0({ disabled: r }),
+      ref: g,
+      contentEditable: !r,
+      ...c("input"),
+      style: _
+    }
+  ));
+}
+D.set(P0, {
+  name: "RichTextEditor",
+  props: {
+    md: "string",
+    html: "string",
+    disabled: { type: "boolean", default: "false" },
+    onChange: "(newValue: RichTextEditorAggregateValue) => void"
+  }
+});
+export {
+  P0 as RichTextEditor
+};