@alixpartners/ui-components 2.5.7 → 2.6.1

package/dist/RichTextEditor-JH6YBGiw.js

@@ -0,0 +1,541 @@
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { c as y } from "./clsx-OuTLNxxd.js";
+import { useMemo as Ae, useId as lt, useRef as B, useState as _, useEffect as j } from "react";
+import ct from "./components/Dialog/Dialog.js";
+import Y from "./components/Icon/Icon.js";
+import Ie from "./components/Input/Input.js";
+import de from "./components/Tooltip/Tooltip.js";
+import { R as st, T as dt, P as ut, C as mt } from "./index-CcsZYEYy.js";
+import './assets/RichTextEditor.css';const ft = "RichTextEditor-module__container___AplP0", ht = "RichTextEditor-module__label___vjzs-", pt = "RichTextEditor-module__required___7duke", gt = "RichTextEditor-module__frame___7OSyf", _t = "RichTextEditor-module__frameFocused___GtJ2x", Tt = "RichTextEditor-module__frameDisabled___LubtU", Rt = "RichTextEditor-module__frameError___sPTiY", bt = "RichTextEditor-module__errorMessage___4VdKj", xt = "RichTextEditor-module__helpers___cpuz6", Et = "RichTextEditor-module__helperText___rFoU0", Ct = "RichTextEditor-module__helpLink___7gYcv", vt = "RichTextEditor-module__containerDisabled___6h9dd", Lt = "RichTextEditor-module__containerFullWidth___pOoeL", Mt = "RichTextEditor-module__toolbarContent___YXKHD", kt = "RichTextEditor-module__toolbarPanel___OVGHO", yt = "RichTextEditor-module__toolbarRow___f0xJR", wt = "RichTextEditor-module__editorBody___f8jPI", Ot = "RichTextEditor-module__toolbar___m9-M-", Nt = "RichTextEditor-module__toolbarStacked___6rB10", Ht = "RichTextEditor-module__actions___ZAK9J", St = "RichTextEditor-module__toolButton___IT2Kg", Bt = "RichTextEditor-module__toolButtonActive___-HvZQ", Dt = "RichTextEditor-module__toolIcon___Wndhd", At = "RichTextEditor-module__formatControl___w4WcA", It = "RichTextEditor-module__toolbarLinkSlot___Gu-9l", Ft = "RichTextEditor-module__selectTrigger___frv3x", Pt = "RichTextEditor-module__selectIconBox___SYdTE", Ut = "RichTextEditor-module__selectTriggerOpen___tk2Pb", jt = "RichTextEditor-module__selectTriggerLabel___FkEv0", zt = "RichTextEditor-module__selectIcon___aJWUk", Wt = "RichTextEditor-module__formatMenu___y-uBL", qt = "RichTextEditor-module__formatMenuOptions___zcdlo", $t = "RichTextEditor-module__formatMenuOption___3ppTs", Kt = "RichTextEditor-module__formatMenuOptionSelected___bq9J9", Jt = "RichTextEditor-module__formatMenuOptionParagraph___4BLds", Vt = "RichTextEditor-module__formatMenuOptionHeading1___H1cKX", Zt = "RichTextEditor-module__formatMenuOptionHeading2___JdixR", Gt = "RichTextEditor-module__formatMenuOptionHeading3___NcwLr", Yt = "RichTextEditor-module__formatMenuOptionHeading4___4mLbG", Xt = "RichTextEditor-module__formatMenuOptionPreformatted___cB0Ix", Qt = "RichTextEditor-module__editor___M32R7", en = "RichTextEditor-module__characterCount___gmUzj", tn = "RichTextEditor-module__characterCountExceeded___vjIpc", nn = "RichTextEditor-module__linkDialogForm___vOLO1", t = {
+  container: ft,
+  label: ht,
+  required: pt,
+  frame: gt,
+  frameFocused: _t,
+  frameDisabled: Tt,
+  frameError: Rt,
+  errorMessage: bt,
+  helpers: xt,
+  helperText: Et,
+  helpLink: Ct,
+  containerDisabled: vt,
+  containerFullWidth: Lt,
+  toolbarContent: Mt,
+  toolbarPanel: kt,
+  toolbarRow: yt,
+  editorBody: wt,
+  toolbar: Ot,
+  toolbarStacked: Nt,
+  actions: Ht,
+  toolButton: St,
+  toolButtonActive: Bt,
+  toolIcon: Dt,
+  formatControl: At,
+  toolbarLinkSlot: It,
+  selectTrigger: Ft,
+  selectIconBox: Pt,
+  selectTriggerOpen: Ut,
+  selectTriggerLabel: jt,
+  selectIcon: zt,
+  formatMenu: Wt,
+  formatMenuOptions: qt,
+  formatMenuOption: $t,
+  formatMenuOptionSelected: Kt,
+  formatMenuOptionParagraph: Jt,
+  formatMenuOptionHeading1: Vt,
+  formatMenuOptionHeading2: Zt,
+  formatMenuOptionHeading3: Gt,
+  formatMenuOptionHeading4: Yt,
+  formatMenuOptionPreformatted: Xt,
+  editor: Qt,
+  characterCount: en,
+  characterCountExceeded: tn,
+  linkDialogForm: nn
+}, on = {
+  paragraph: "p",
+  heading1: "h1",
+  heading2: "h2",
+  heading3: "h3",
+  heading4: "h4",
+  preformatted: "pre",
+  "unordered-list": "ul",
+  "ordered-list": "ol"
+};
+function Ue(a) {
+  return a.trim().length > 0 ? a : "<br>";
+}
+function rn(a) {
+  switch (a.toLowerCase()) {
+    case "h1":
+      return "heading1";
+    case "h2":
+      return "heading2";
+    case "h3":
+      return "heading3";
+    case "h4":
+      return "heading4";
+    case "pre":
+      return "preformatted";
+    case "ul":
+      return "unordered-list";
+    case "ol":
+      return "ordered-list";
+    case "p":
+    default:
+      return "paragraph";
+  }
+}
+function ue(a) {
+  if (!a.trim())
+    return {
+      blocks: [{
+        type: "paragraph",
+        html: "<br>"
+      }]
+    };
+  const b = new DOMParser().parseFromString(a, "text/html"), C = Array.from(b.body.childNodes), w = [];
+  return C.forEach((l) => {
+    var N;
+    if (l.nodeType === Node.TEXT_NODE) {
+      const D = (N = l.textContent) == null ? void 0 : N.trim();
+      D && w.push({
+        type: "paragraph",
+        html: D
+      });
+      return;
+    }
+    if (l.nodeType !== Node.ELEMENT_NODE)
+      return;
+    const T = l, O = T.style.textAlign;
+    w.push({
+      type: rn(T.tagName),
+      html: Ue(T.innerHTML),
+      align: O || void 0
+    });
+  }), {
+    blocks: w.length > 0 ? w : [{
+      type: "paragraph",
+      html: "<br>"
+    }]
+  };
+}
+function Fe(a) {
+  return a.blocks.length ? a.blocks.map((f) => {
+    const b = on[f.type], C = f.align ? ` style="text-align:${f.align}"` : "";
+    return `<${b}${C}>${Ue(f.html)}</${b}>`;
+  }).join("") : "<p><br></p>";
+}
+function an(a) {
+  const f = document.createElement("div");
+  return f.innerHTML = a.blocks.map((b) => b.html).join(""), (f.textContent ?? "").length;
+}
+const ln = ["bold", "italic", "underline", "align-left", "align-center", "align-right", "bulleted", "link", "format"], cn = [{
+  label: "Paragraph",
+  value: "paragraph"
+}, {
+  label: "Heading 1",
+  value: "heading1"
+}, {
+  label: "Heading 2",
+  value: "heading2"
+}, {
+  label: "Heading 3",
+  value: "heading3"
+}, {
+  label: "Heading 4",
+  value: "heading4"
+}, {
+  label: "Preformatted",
+  value: "preformatted"
+}], me = {
+  paragraph: "P",
+  heading1: "H1",
+  heading2: "H2",
+  heading3: "H3",
+  heading4: "H4",
+  preformatted: "PRE",
+  "unordered-list": "UL",
+  "ordered-list": "OL"
+};
+function fe() {
+  return "<p><br></p>";
+}
+function sn(a) {
+  return a.trim().length > 0 ? a : fe();
+}
+function Pe(a) {
+  switch (a) {
+    case "H1":
+      return "heading1";
+    case "H2":
+      return "heading2";
+    case "H3":
+      return "heading3";
+    case "H4":
+      return "heading4";
+    case "PRE":
+      return "preformatted";
+    case "P":
+    case "DIV":
+      return "paragraph";
+    default:
+      return null;
+  }
+}
+function dn(a) {
+  switch (a) {
+    case "heading1":
+      return t.formatMenuOptionHeading1;
+    case "heading2":
+      return t.formatMenuOptionHeading2;
+    case "heading3":
+      return t.formatMenuOptionHeading3;
+    case "heading4":
+      return t.formatMenuOptionHeading4;
+    case "preformatted":
+      return t.formatMenuOptionPreformatted;
+    default:
+      return t.formatMenuOptionParagraph;
+  }
+}
+function Rn({
+  className: a,
+  label: f,
+  required: b = !1,
+  value: C,
+  placeholder: w = "Content",
+  disabled: l = !1,
+  errorMessage: T,
+  helpText: O,
+  helpLink: N,
+  helpLinkText: D,
+  toolbarLayout: X = "inline",
+  showToolbar: Q = !0,
+  showCharacterCount: je = !0,
+  maxCharacters: v,
+  resizable: ze = !0,
+  rows: We = 8,
+  fullWidth: ee = !1,
+  tooltipEnabled: z = !0,
+  formatOptions: he = cn,
+  toolbarOptions: pe = ln,
+  onChange: te,
+  onModelChange: ne
+}) {
+  const qe = Ae(() => new Set(pe), [pe]), A = (e) => qe.has(e), ge = lt(), u = B(null), _e = B(null), Te = B(null), I = B(null), W = B(!1), [$e, Re] = _(!1), [q, be] = _(!1), [Ke, Je] = _(0), [xe, Ee] = _(null), [Ve, Ce] = _(!1), [ve, Le] = _(""), [Me, ke] = _(""), [ye, F] = _(""), [$, we] = _(() => ue(C || fe())), [Oe, Ze] = _("paragraph"), [L, Ge] = _({
+    bold: !1,
+    italic: !1,
+    underline: !1,
+    justifyLeft: !1,
+    justifyCenter: !1,
+    justifyRight: !1,
+    insertUnorderedList: !1
+  }), P = Ae(() => an($), [$]), Ne = B(P);
+  Ne.current = P;
+  const H = () => {
+    if (!u.current) return;
+    const e = ue(u.current.innerHTML);
+    we(e), ne == null || ne(e), te == null || te(Fe(e));
+  }, oe = () => {
+    const e = window.getSelection();
+    return e && e.rangeCount > 0 ? e.getRangeAt(0) : null;
+  }, re = (e, n) => {
+    const i = u.current;
+    let r = e instanceof HTMLElement ? e : (e == null ? void 0 : e.parentElement) ?? null;
+    for (; r && r !== i; ) {
+      if (n ? r.tagName === n : Pe(r.tagName))
+        return r;
+      r = r.parentElement;
+    }
+    return null;
+  }, Ye = () => {
+    const e = oe(), n = re((e == null ? void 0 : e.startContainer) ?? null);
+    return n && Pe(n.tagName) || "paragraph";
+  }, M = () => {
+    Ze(Ye()), Ge({
+      bold: document.queryCommandState("bold"),
+      italic: document.queryCommandState("italic"),
+      underline: document.queryCommandState("underline"),
+      justifyLeft: document.queryCommandState("justifyLeft"),
+      justifyCenter: document.queryCommandState("justifyCenter"),
+      justifyRight: document.queryCommandState("justifyRight"),
+      insertUnorderedList: document.queryCommandState("insertUnorderedList")
+    });
+  }, K = () => {
+    var e;
+    l || (e = u.current) == null || e.focus();
+  }, Xe = (e, n) => {
+    l || (K(), document.execCommand(e, !1, n), H(), M());
+  }, Qe = (e) => {
+    var n, i, r, d, c;
+    if (!l) {
+      if (K(), e !== "preformatted") {
+        const s = oe(), m = s ? re(s.startContainer, "PRE") : null;
+        if (m && s) {
+          const {
+            startContainer: R,
+            startOffset: h
+          } = s;
+          if ((() => {
+            var p, x;
+            if (R instanceof Text) {
+              if (h === 0) {
+                const k = R.previousSibling;
+                return !k || k instanceof HTMLBRElement || k instanceof Text && (((p = k.textContent) == null ? void 0 : p.endsWith(`
+`)) ?? !1);
+              }
+              return ((x = R.textContent) == null ? void 0 : x[h - 1]) === `
+`;
+            }
+            return R === m ? h === 0 ? !0 : m.childNodes[h - 1] instanceof HTMLBRElement : !1;
+          })()) {
+            const p = document.createRange();
+            p.setStart(m, 0), p.setEnd(R, h);
+            const x = p.extractContents(), k = document.createRange();
+            k.selectNodeContents(m);
+            const at = k.extractContents(), G = document.createElement("pre");
+            G.appendChild(x);
+            const E = G.lastChild;
+            E instanceof Text && ((n = E.textContent) != null && n.endsWith(`
+`)) ? (E.textContent = E.textContent.slice(0, -1), E.textContent || E.remove()) : E instanceof HTMLBRElement && E.remove();
+            const U = document.createElement(me[e].toLowerCase());
+            U.appendChild(at), U.innerHTML.trim() || (U.innerHTML = "<br>");
+            const ce = [];
+            G.innerHTML.trim() && ce.push(G), ce.push(U), m.replaceWith(...ce);
+            const se = document.createRange();
+            se.selectNodeContents(U), se.collapse(!0), (i = window.getSelection()) == null || i.removeAllRanges(), (r = window.getSelection()) == null || r.addRange(se);
+          } else {
+            const p = document.createElement(me[e].toLowerCase());
+            p.innerHTML = m.innerHTML, m.replaceWith(p);
+            const x = document.createRange();
+            x.selectNodeContents(p), x.collapse(!1), (d = window.getSelection()) == null || d.removeAllRanges(), (c = window.getSelection()) == null || c.addRange(x);
+          }
+          H(), M();
+          return;
+        }
+      }
+      document.execCommand("formatBlock", !1, me[e]), H(), M();
+    }
+  }, He = () => {
+    var r, d;
+    if (l) return;
+    K();
+    const e = window.getSelection();
+    let n = "", i = "";
+    if (e && e.rangeCount > 0) {
+      const c = e.getRangeAt(0);
+      I.current = c.cloneRange(), n = e.toString();
+      const s = ((r = c.startContainer.parentElement) == null ? void 0 : r.closest("a")) ?? ((d = c.endContainer.parentElement) == null ? void 0 : d.closest("a"));
+      s instanceof HTMLAnchorElement && (n = s.textContent ?? n, i = s.getAttribute("href") ?? "");
+    } else
+      I.current = null;
+    Le(n), ke(i), F(""), Ce(!0);
+  }, ie = () => {
+    if (W.current) {
+      W.current = !1;
+      return;
+    }
+    Ce(!1), F(""), I.current = null;
+  }, et = (e) => {
+    ke(e), ye && F("");
+  }, tt = (e) => {
+    const n = /^(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,}$/;
+    try {
+      const i = /^https?:\/\//i.test(e), r = new URL(i ? e : `https://${e}`);
+      return r.protocol !== "http:" && r.protocol !== "https:" ? !1 : n.test(r.hostname);
+    } catch {
+      return !1;
+    }
+  }, nt = (e) => /^https?:\/\//i.test(e) ? e : `https://${/^www\./i.test(e) ? e : `www.${e}`}`, ot = () => {
+    const e = Me.trim();
+    if (!e) {
+      F("This field is required"), W.current = !0;
+      return;
+    }
+    if (!tt(e)) {
+      F("Invalid link"), W.current = !0;
+      return;
+    }
+    const n = nt(e), i = ve.trim() || e, r = (s) => s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), d = `<a href="${r(n)}" target="_blank" rel="noopener noreferrer">${r(i)}</a>`;
+    K();
+    const c = window.getSelection();
+    c && I.current && (c.removeAllRanges(), c.addRange(I.current)), document.execCommand("insertHTML", !1, d), H(), M(), ie();
+  }, rt = (e) => {
+    if (l || e.key !== "Enter" || e.shiftKey) return;
+    const n = oe();
+    if (!n || !n.collapsed) return;
+    const i = re(n.startContainer, "LI");
+    if (!i || (i.textContent ?? "").length > 0) return;
+    const r = i.parentElement;
+    if (!r || r.tagName !== "UL" && r.tagName !== "OL") return;
+    let d = r.parentElement;
+    for (; d && d !== u.current; ) {
+      if (d.tagName === "LI") return;
+      d = d.parentElement;
+    }
+    e.preventDefault();
+    const c = document.createElement("p");
+    c.innerHTML = "<br>";
+    const s = [];
+    let m = i.nextSibling;
+    for (; m; )
+      s.push(m), m = m.nextSibling;
+    if (r.after(c), s.length > 0) {
+      const le = document.createElement(r.tagName.toLowerCase());
+      s.forEach((p) => le.appendChild(p)), c.after(le);
+    }
+    i.remove(), r.querySelector("li") || r.remove();
+    const R = document.createRange();
+    R.selectNodeContents(c), R.collapse(!0);
+    const h = window.getSelection();
+    h == null || h.removeAllRanges(), h == null || h.addRange(R), H(), M();
+  }, it = (e) => {
+    if (!e.ctrlKey && !e.metaKey) return;
+    const n = e.target, i = n == null ? void 0 : n.closest("a");
+    i instanceof HTMLAnchorElement && i.href && (e.preventDefault(), window.open(i.href, "_blank", "noopener,noreferrer"));
+  };
+  j(() => {
+    if (!u.current || document.activeElement === u.current) return;
+    const e = sn(C || fe()), n = ue(e);
+    we(n), u.current.innerHTML !== e && (u.current.innerHTML = e);
+  }, [C]), j(() => {
+    u.current && (u.current.innerHTML.trim() || (u.current.innerHTML = Fe($)));
+  }, [$]), j(() => {
+    const e = u.current;
+    if (!e || !v) return;
+    const n = (i) => {
+      var s;
+      if (!i.inputType.startsWith("insert")) return;
+      const r = window.getSelection(), d = r && !r.isCollapsed ? r.toString().length : 0, c = i.data ? i.data.length : ((s = i.dataTransfer) == null ? void 0 : s.getData("text").length) ?? 0;
+      Ne.current - d + c > v && i.preventDefault();
+    };
+    return e.addEventListener("beforeinput", n), () => e.removeEventListener("beforeinput", n);
+  }, [v]), j(() => {
+    var n;
+    const e = (n = _e.current) == null ? void 0 : n.getBoundingClientRect().width;
+    e && Je(e);
+  }, [q]), j(() => {
+    if (!Q || ee) {
+      Ee(null);
+      return;
+    }
+    const e = Te.current;
+    if (!e) return;
+    const n = () => {
+      const r = e.getBoundingClientRect().width;
+      r > 0 && Ee(r);
+    };
+    n();
+    const i = new ResizeObserver(() => {
+      n();
+    });
+    return i.observe(e), window.addEventListener("resize", n), () => {
+      i.disconnect(), window.removeEventListener("resize", n);
+    };
+  }, [Q, X, l, z, ee]);
+  const S = (e) => /* @__PURE__ */ o(de, { content: e.tooltip, size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !z, children: /* @__PURE__ */ o("button", { type: "button", className: y(t.toolButton, e.active && t.toolButtonActive), onMouseDown: (n) => n.preventDefault(), onClick: () => Xe(e.command, e.value), "aria-label": e.tooltip, disabled: l, children: /* @__PURE__ */ o(Y, { icon: e.icon, className: t.toolIcon }) }) }, e.id), ae = [{
+    id: "bold",
+    icon: "ap-icon-bold",
+    command: "bold",
+    tooltip: "Bold (CTRL + B)",
+    active: L.bold
+  }, {
+    id: "italic",
+    icon: "ap-icon-italic",
+    command: "italic",
+    tooltip: "Italic (CTRL + I)",
+    active: L.italic
+  }, {
+    id: "underline",
+    icon: "ap-icon-underline",
+    command: "underline",
+    tooltip: "Underline (CTRL + U)",
+    active: L.underline
+  }, {
+    id: "align-left",
+    icon: "ap-icon-align-left",
+    command: "justifyLeft",
+    tooltip: "Align left",
+    active: L.justifyLeft
+  }, {
+    id: "align-center",
+    icon: "ap-icon-align-center",
+    command: "justifyCenter",
+    tooltip: "Align center",
+    active: L.justifyCenter
+  }, {
+    id: "align-right",
+    icon: "ap-icon-align-right",
+    command: "justifyRight",
+    tooltip: "Align right",
+    active: L.justifyRight
+  }, {
+    id: "bulleted",
+    icon: "ap-icon-list",
+    command: "insertUnorderedList",
+    tooltip: "Bulleted list",
+    active: L.insertUnorderedList
+  }], J = ae.filter((e) => ["bold", "italic", "underline"].includes(e.id) && A(e.id)), V = ae.filter((e) => ["align-left", "align-center", "align-right"].includes(e.id) && A(e.id)), Z = ae.filter((e) => ["bulleted"].includes(e.id) && A(e.id)), Se = A("link"), Be = A("format"), De = () => {
+    var e;
+    return /* @__PURE__ */ o("div", { className: t.formatControl, children: /* @__PURE__ */ g(st, { open: q, onOpenChange: be, children: [
+      /* @__PURE__ */ g(dt, { ref: _e, disabled: l, className: y(t.selectTrigger, q && t.selectTriggerOpen), children: [
+        /* @__PURE__ */ o("span", { className: t.selectTriggerLabel, children: ((e = he.find((n) => n.value === Oe)) == null ? void 0 : e.label) || "Paragraph" }),
+        /* @__PURE__ */ o("span", { className: t.selectIconBox, children: /* @__PURE__ */ o(Y, { icon: q ? "ap-icon-expand-less" : "ap-icon-expand-more", className: t.selectIcon }) })
+      ] }),
+      /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(mt, { align: "end", side: "bottom", sideOffset: 6, collisionPadding: 8, className: t.formatMenu, style: {
+        minWidth: Ke || 180,
+        zIndex: 9999
+      }, onCloseAutoFocus: (n) => {
+        n.preventDefault();
+      }, children: /* @__PURE__ */ o("div", { className: t.formatMenuOptions, children: he.map((n) => /* @__PURE__ */ o("button", { type: "button", className: y(t.formatMenuOption, dn(n.value), n.value === Oe && t.formatMenuOptionSelected), onMouseDown: (i) => i.preventDefault(), onClick: () => {
+        Qe(n.value), be(!1);
+      }, children: n.label }, n.value)) }) }) })
+    ] }) });
+  };
+  return /* @__PURE__ */ g("div", { className: y(t.container, l && t.containerDisabled, ee && t.containerFullWidth, a), children: [
+    f && /* @__PURE__ */ g("label", { className: t.label, htmlFor: ge, children: [
+      f,
+      b && /* @__PURE__ */ o("span", { className: t.required, children: "*" })
+    ] }),
+    /* @__PURE__ */ g("div", { className: y(t.frame, $e && t.frameFocused, l && t.frameDisabled, T && t.frameError), style: {
+      width: xe ? `${xe}px` : void 0
+    }, children: [
+      Q && /* @__PURE__ */ o("div", { className: y(t.toolbar, X === "stacked" && t.toolbarStacked), children: /* @__PURE__ */ o("div", { ref: Te, className: t.toolbarContent, children: X === "stacked" ? /* @__PURE__ */ g("div", { className: t.toolbarPanel, children: [
+        /* @__PURE__ */ g("div", { className: t.toolbarRow, children: [
+          J.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: J.map(S) }),
+          V.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: V.map(S) })
+        ] }),
+        /* @__PURE__ */ g("div", { className: t.toolbarRow, children: [
+          Z.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: Z.map(S) }),
+          Se && /* @__PURE__ */ o("div", { className: t.toolbarLinkSlot, children: /* @__PURE__ */ o(de, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !z, children: /* @__PURE__ */ o("button", { type: "button", className: t.toolButton, onMouseDown: (e) => e.preventDefault(), onClick: He, "aria-label": "Insert link", disabled: l, children: /* @__PURE__ */ o(Y, { icon: "ap-icon-link", className: t.toolIcon }) }) }) }),
+          Be && De()
+        ] })
+      ] }) : /* @__PURE__ */ o("div", { className: t.toolbarPanel, children: /* @__PURE__ */ g("div", { className: t.toolbarRow, children: [
+        J.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: J.map(S) }),
+        V.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: V.map(S) }),
+        Z.length > 0 && /* @__PURE__ */ o("div", { className: t.actions, children: Z.map(S) }),
+        Se && /* @__PURE__ */ o("div", { className: t.toolbarLinkSlot, children: /* @__PURE__ */ o(de, { content: "Insert link", size: "sm", theme: "dark", tipSide: "top", tipAlignment: "center", disabled: !z, children: /* @__PURE__ */ o("button", { type: "button", className: t.toolButton, onMouseDown: (e) => e.preventDefault(), onClick: He, "aria-label": "Insert link", disabled: l, children: /* @__PURE__ */ o(Y, { icon: "ap-icon-link", className: t.toolIcon }) }) }) }),
+        Be && De()
+      ] }) }) }) }),
+      /* @__PURE__ */ g("div", { className: t.editorBody, style: {
+        minHeight: `${We * 20}px`,
+        resize: ze && !l ? "vertical" : "none"
+      }, children: [
+        /* @__PURE__ */ o("div", { id: ge, ref: u, className: t.editor, contentEditable: !l, suppressContentEditableWarning: !0, role: "textbox", "aria-multiline": "true", "aria-label": f || "Rich text editor", "data-placeholder": w, onInput: H, onFocus: () => Re(!0), onBlur: () => Re(!1), onKeyDown: rt, onKeyUp: M, onMouseUp: M, onClick: it }),
+        je && /* @__PURE__ */ o("div", { className: y(t.characterCount, v && P > v && t.characterCountExceeded), children: v ? `${P}/${v}` : P })
+      ] })
+    ] }),
+    (T || O || N) && /* @__PURE__ */ g("div", { className: t.helpers, children: [
+      T ? /* @__PURE__ */ o("span", { title: T, className: t.errorMessage, children: T }) : O && /* @__PURE__ */ o("span", { title: O, className: t.helperText, children: O }),
+      N && D && /* @__PURE__ */ o("a", { href: N, className: t.helpLink, target: "_blank", rel: "noopener noreferrer", children: D })
+    ] }),
+    /* @__PURE__ */ o(ct, { isOpen: Ve, onClose: ie, title: "Attach link", cancelButtonText: "Cancel", cancelButtonType: "primary", cancelButtonVariant: "cancel", confirmButtonText: "Attach", confirmButtonType: "primary", onCancel: ie, onConfirm: ot, description: /* @__PURE__ */ g("div", { className: t.linkDialogForm, children: [
+      /* @__PURE__ */ o(Ie, { type: "text", label: "Displayed text", value: ve, onChange: Le, autofocus: !0 }),
+      /* @__PURE__ */ o(Ie, { type: "text", label: "Link", value: Me, placeholder: "https://example.com/", required: !0, errorMessage: ye || void 0, onChange: et })
+    ] }) })
+  ] });
+}
+export {
+  Rn as R,
+  t as s
+};