@editora/plugins 1.0.2 → 1.0.4

package/dist/page-break.esm.js

@@ -0,0 +1,295 @@
+const u = '.rte-page-break[data-type="page-break"]', g = ".rte-content, .editora-content";
+let p = null, m = !1;
+const v = /* @__PURE__ */ new Set([
+  "DIV",
+  "P",
+  "BLOCKQUOTE",
+  "PRE",
+  "H1",
+  "H2",
+  "H3",
+  "H4",
+  "H5",
+  "H6",
+  "LI",
+  "TD",
+  "TH"
+]), x = () => {
+  p || typeof document > "u" || (p = document.createElement("style"), p.textContent = `
+    .rte-page-break {
+      display: block;
+      position: relative;
+      height: 12px;
+      margin: 8px 0;
+      background: linear-gradient(90deg, #ccc 0%, transparent 100%);
+      border-top: 2px dashed #999;
+      border-bottom: none;
+      cursor: pointer;
+      user-select: none;
+      transition: all 0.2s ease;
+      outline: none;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+    }
+
+    .rte-page-break::before {
+      content: '⎙ PAGE BREAK';
+      position: absolute;
+      top: -12px;
+      left: 0;
+      font-size: 10px;
+      font-weight: bold;
+      color: #666;
+      background: white;
+      padding: 2px 6px;
+      letter-spacing: 0.5px;
+      opacity: 0.7;
+      pointer-events: none;
+    }
+
+    .rte-page-break:hover {
+      background: linear-gradient(90deg, #999 0%, transparent 100%);
+      border-top-color: #666;
+      box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
+    }
+
+    .rte-page-break:hover::before {
+      opacity: 1;
+      color: #333;
+    }
+
+    .rte-page-break:focus,
+    .rte-page-break:focus-visible,
+    .rte-page-break-selected {
+      outline: 2px solid #0066cc;
+      outline-offset: -2px;
+      border-top-color: #0066cc;
+      background: linear-gradient(90deg, #0066cc 0%, transparent 100%);
+    }
+
+    .rte-page-break * {
+      user-select: none;
+    }
+
+    @media print {
+      .rte-page-break {
+        display: block;
+        height: 0;
+        margin: 0;
+        background: none;
+        border: none;
+        page-break-after: always;
+      }
+
+      .rte-page-break::before {
+        display: none;
+      }
+    }
+  `, document.head.appendChild(p));
+}, N = () => {
+  const e = window.getSelection();
+  if (!e || e.rangeCount === 0) return null;
+  const n = e.getRangeAt(0);
+  return (n.startContainer.nodeType === Node.ELEMENT_NODE ? n.startContainer : n.startContainer.parentElement)?.closest(g) || null;
+}, h = () => {
+  const e = N();
+  if (e) return e;
+  const t = document.activeElement?.closest(g);
+  return t || document.querySelector(g);
+}, C = (e, n) => {
+  let t = e;
+  for (; t && t !== n; ) {
+    if (t.nodeType === Node.ELEMENT_NODE) {
+      const r = t;
+      if (v.has(r.tagName))
+        return r;
+    }
+    t = t.parentNode;
+  }
+  return null;
+}, w = () => {
+  const e = document.createElement("div");
+  return e.className = "rte-page-break", e.setAttribute("data-page-break", "true"), e.setAttribute("data-type", "page-break"), e.setAttribute("contenteditable", "false"), e.setAttribute("tabindex", "0"), e.setAttribute("role", "separator"), e.setAttribute("aria-label", "Page break"), e;
+}, S = (e) => {
+  let n = e.nextElementSibling;
+  for (; n && n.matches(u); ) {
+    const r = n;
+    n = n.nextElementSibling, r.remove();
+  }
+  let t = e.previousElementSibling;
+  for (; t && t.matches(u); ) {
+    const r = t;
+    t = t.previousElementSibling, r.remove();
+  }
+}, k = (e) => {
+  const n = e.nextElementSibling;
+  if (n && !n.matches(u))
+    return n;
+  const t = document.createElement("p");
+  return t.innerHTML = "<br>", e.parentNode?.insertBefore(t, e.nextSibling), t;
+}, d = (e) => {
+  const n = window.getSelection();
+  if (!n) return;
+  const t = document.createRange();
+  e.nodeType, Node.TEXT_NODE, t.setStart(e, 0), t.collapse(!0), n.removeAllRanges(), n.addRange(t);
+}, b = (e) => {
+  const n = window.getSelection();
+  if (!n) return;
+  const t = document.createRange();
+  if (e.nodeType === Node.TEXT_NODE) {
+    const r = e;
+    t.setStart(r, r.data.length);
+  } else
+    t.selectNodeContents(e), t.collapse(!1);
+  n.removeAllRanges(), n.addRange(t);
+}, f = (e, n) => {
+  let t = e;
+  for (; t; ) {
+    if (!(t instanceof HTMLElement && t.matches(u)))
+      return t;
+    t = n === "previous" ? t.previousSibling : t.nextSibling;
+  }
+  return null;
+}, A = (e) => {
+  const n = window.getSelection();
+  if (!n || !e.parentNode) return;
+  const t = e.parentNode, r = Array.from(t.childNodes).indexOf(e);
+  if (r < 0) return;
+  const o = document.createRange();
+  o.setStart(t, r), o.setEnd(t, r + 1), n.removeAllRanges(), n.addRange(o), e.focus({ preventScroll: !0 });
+}, L = (e) => {
+  if (e.collapsed || e.startContainer !== e.endContainer || e.endOffset !== e.startOffset + 1 || !(e.startContainer instanceof Element || e.startContainer instanceof DocumentFragment)) return null;
+  const n = e.startContainer.childNodes[e.startOffset];
+  return n instanceof HTMLElement && n.matches(u) ? n : null;
+}, T = (e, n, t) => {
+  if (!e.collapsed) return null;
+  const { startContainer: r, startOffset: o } = e, i = (a) => a instanceof HTMLElement && a.matches(u) ? a : null, s = (a) => {
+    if (r.nodeType === Node.ELEMENT_NODE) {
+      const c = r;
+      if (a === "previous") {
+        if (o > 0)
+          return c.childNodes[o - 1] || null;
+      } else if (o < c.childNodes.length)
+        return c.childNodes[o] || null;
+    }
+    if (r.nodeType === Node.TEXT_NODE && (a === "previous" && o < r.data.length || a === "next" && o > 0))
+      return null;
+    let l = r;
+    for (; l && l !== n; ) {
+      const c = a === "previous" ? l.previousSibling : l.nextSibling;
+      if (c) return c;
+      l = l.parentNode;
+    }
+    return null;
+  };
+  if (r.nodeType === Node.ELEMENT_NODE) {
+    const a = r;
+    return t === "Backspace" && o > 0 ? i(a.childNodes[o - 1] || null) : t === "Delete" ? i(a.childNodes[o] || null) : null;
+  }
+  if (r.nodeType === Node.TEXT_NODE) {
+    const a = r;
+    if (t === "Backspace" && o === 0) {
+      const l = i(a.previousSibling);
+      return l || i(s("previous"));
+    }
+    if (t === "Delete" && o === a.data.length) {
+      const l = i(a.nextSibling);
+      return l || i(s("next"));
+    }
+  }
+  return i(s(t === "Backspace" ? "previous" : "next"));
+}, E = (e, n) => {
+  const t = e.closest(g), r = e.previousSibling, o = e.nextSibling;
+  e.remove();
+  const i = f(r, "previous"), s = f(o, "next");
+  if (n === "Backspace") {
+    if (i)
+      b(i);
+    else if (s)
+      d(s);
+    else if (t) {
+      const a = document.createElement("p");
+      a.innerHTML = "<br>", t.appendChild(a), d(a);
+    }
+  } else if (s)
+    d(s);
+  else if (i)
+    b(i);
+  else if (t) {
+    const a = document.createElement("p");
+    a.innerHTML = "<br>", t.appendChild(a), d(a);
+  }
+  return t && t.dispatchEvent(new Event("input", { bubbles: !0 })), !0;
+}, R = () => {
+  const e = h();
+  if (!e) return !1;
+  const n = window.getSelection();
+  if (!n) return !1;
+  let t;
+  n.rangeCount > 0 && e.contains(n.getRangeAt(0).commonAncestorContainer) ? t = n.getRangeAt(0) : (t = document.createRange(), t.selectNodeContents(e), t.collapse(!1), n.removeAllRanges(), n.addRange(t));
+  const r = C(t.endContainer, e) || C(t.startContainer, e), o = w();
+  r && r.parentNode ? r.parentNode.insertBefore(o, r.nextSibling) : e.appendChild(o), S(o);
+  const i = k(o);
+  return d(i), e.dispatchEvent(new Event("input", { bubbles: !0 })), !0;
+}, B = () => {
+  m || typeof document > "u" || (m = !0, document.addEventListener("click", (e) => {
+    const t = e.target?.closest(u);
+    t && (e.preventDefault(), e.stopPropagation(), A(t));
+  }), document.addEventListener("keydown", (e) => {
+    const n = e.key;
+    if (!["Backspace", "Delete", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(n))
+      return;
+    const t = window.getSelection();
+    if (!t || t.rangeCount === 0) return;
+    const r = t.getRangeAt(0), o = h();
+    if (!o || !o.contains(r.commonAncestorContainer)) return;
+    const i = L(r);
+    if (i) {
+      if (n === "Backspace" || n === "Delete") {
+        e.preventDefault(), e.stopPropagation(), E(i, n);
+        return;
+      }
+      if (n === "ArrowRight" || n === "ArrowDown") {
+        e.preventDefault();
+        const s = f(i.nextSibling, "next") || k(i);
+        d(s);
+        return;
+      }
+      if (n === "ArrowLeft" || n === "ArrowUp") {
+        e.preventDefault();
+        const s = f(i.previousSibling, "previous");
+        s ? b(s) : d(o);
+        return;
+      }
+    }
+    if (n === "Backspace" || n === "Delete") {
+      const s = T(
+        r,
+        o,
+        n
+      );
+      if (!s) return;
+      e.preventDefault(), e.stopPropagation(), E(s, n);
+    }
+  }));
+}, D = () => (x(), B(), {
+  name: "pageBreak",
+  toolbar: [
+    {
+      label: "Page Break",
+      command: "insertPageBreak",
+      icon: '<svg fill="#000000" width="24px" height="24px" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M1,6 L3,6 C3.55228475,6 4,6.44771525 4,7 C4,7.55228475 3.55228475,8 3,8 L1,8 C0.44771525,8 0,7.55228475 0,7 C0,6.44771525 0.44771525,6 1,6 Z M11,6 L13,6 C13.5522847,6 14,6.44771525 14,7 C14,7.55228475 13.5522847,8 13,8 L11,8 C10.4477153,8 10,7.55228475 10,7 C10,6.44771525 10.4477153,6 11,6 Z M6,6 L8,6 C8.55228475,6 9,6.44771525 9,7 C9,7.55228475 8.55228475,8 8,8 L6,8 C5.44771525,8 5,7.55228475 5,7 C5,6.44771525 5.44771525,6 6,6 Z M0,1 C0,0.44771525 0.44771525,-2.26485497e-13 1,-2.26485497e-13 C1.55228475,-2.26485497e-13 2,0.44771525 2,1 L2,3.0142458 L12,3.0142458 L12,1 C12,0.44771525 12.4477153,-2.26485497e-13 13,-2.26485497e-13 C13.5522847,-2.26485497e-13 14,0.44771525 14,1 L14,3.0142458 C14,4.1188153 13.1045695,5.0142458 12,5.0142458 L2,5.0142458 C0.8954305,5.0142458 0,4.1188153 0,3.0142458 L0,1 Z M0,13.0142458 L0,11 C0,9.8954305 0.8954305,9 2,9 L12,9 C13.1045695,9 14,9.8954305 14,11 L14,13.0142458 C14,13.5665305 13.5522847,14.0142458 13,14.0142458 C12.4477153,14.0142458 12,13.5665305 12,13.0142458 L12,11 L2,11 L2,13.0142458 C2,13.5665305 1.55228475,14.0142458 1,14.0142458 C0.44771525,14.0142458 0,13.5665305 0,13.0142458 Z"></path></g></svg>',
+      shortcut: "Mod-Enter"
+    }
+  ],
+  commands: {
+    insertPageBreak: R
+  },
+  keymap: {
+    "Mod-Enter": "insertPageBreak"
+  }
+});
+export {
+  D as PageBreakPlugin
+};

package/dist/plugins.css

@@ -1 +1 @@
-.rte-table,table{border-collapse:collapse;width:100%;margin:1rem 0;border:1px solid #ddd;font-size:14px;line-height:1.4;position:relative}.rte-table td,.rte-table th,table td,table th{border:1px solid #ddd;padding:8px 12px;min-width:80px;vertical-align:top;position:relative;-webkit-user-select:none;user-select:none}.rte-table td:focus,.rte-table th:focus,table td:focus,table th:focus{outline:2px solid #007acc;outline-offset:-2px}.rte-table th,table th{background-color:#f8f9fa;font-weight:600;text-align:left}.rte-table td p,table td p{margin:0;padding:0}.rte-table td p:empty:before,table td p:empty:before{content:"​";display:inline-block}.rte-table td[contenteditable]:empty:before,table td[contenteditable]:empty:before{content:"Type here...";color:#999;font-style:italic;pointer-events:none}.rte-table tr:hover,table tr:hover{background-color:#f8f9fa}.rte-table td.selected,table td.selected{background-color:#e3f2fd;border-color:#2196f3}.table-toolbar{background:#fff;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 2px 8px #0000001a;padding:4px;display:flex;align-items:center;gap:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-width:max-content}.toolbar-section{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:20px;background:#e0e0e0;margin:0 4px}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;background:transparent;cursor:pointer;color:#333;border-radius:3px;transition:all .2s ease;flex-shrink:0;font-size:14px;line-height:1}.toolbar-icon-btn svg{width:16px;height:16px}.toolbar-icon-btn:hover:not(:disabled){background:#f0f0f0;border-color:#d0d0d0;color:#06c}.toolbar-icon-btn:active:not(:disabled){background:#e8f0ff;border-color:#06c;transform:scale(.95)}.toolbar-icon-btn:disabled{opacity:.4;cursor:not-allowed;color:#ccc}.toolbar-icon-btn-danger{color:#d32f2f}.toolbar-icon-btn-danger:hover:not(:disabled){background:#fff3f3;border-color:#fcc;color:#d32f2f}.toolbar-icon-btn-danger:active:not(:disabled){background:#ffebee}.toolbar-icon-btn-delete{color:#d32f2f}.toolbar-icon-btn-delete:hover:not(:disabled){background:#fff3f3;border-color:#fcc;color:#d32f2f}.toolbar-icon-btn-delete:active:not(:disabled){background:#ffebee}.resize-handle{opacity:0;transition:all .15s ease}.resize-handle:hover{opacity:1}td:hover>.resize-handle,th:hover>.resize-handle{opacity:1}.table-resize-handle{position:absolute;bottom:-4px;right:-4px;width:12px;height:12px;background:transparent;cursor:nwse-resize;z-index:10;transition:background .15s ease}.table-resize-handle:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;background:#0066cc4d;border-bottom:2px solid #0066cc;border-right:2px solid #0066cc;border-radius:0 0 2px;opacity:0;transition:opacity .15s ease}.table-resize-handle:hover:after{opacity:1}.rte-table:hover .table-resize-handle:after,table:hover .table-resize-handle:after{opacity:1}@media(max-width:768px){.rte-table,table{font-size:12px}.rte-table td,.rte-table th,table td,table th{padding:4px 6px;min-width:60px}.table-toolbar{padding:3px;gap:0;max-width:90vw;overflow-x:auto}.toolbar-icon-btn{width:26px;height:26px}.toolbar-divider{height:18px}}@media print{.rte-table,table{border:1px solid #000}.rte-table td,.rte-table th,table td,table th{border:1px solid #000;padding:4px}.table-toolbar{display:none}}
+.rte-table,table{border-collapse:collapse;width:100%;margin:1rem 0;border:1px solid #ddd;font-size:14px;line-height:1.4;position:relative}.rte-table td,.rte-table th,table td,table th{border:1px solid #ddd;padding:8px 12px;min-width:80px;vertical-align:top;position:relative;-webkit-user-select:none;user-select:none}.rte-table td:focus,.rte-table th:focus,table td:focus,table th:focus{outline:2px solid #007acc;outline-offset:-2px}.rte-table th,table th{background-color:#f8f9fa;font-weight:600;text-align:left}.rte-table td p,table td p{margin:0;padding:0}.rte-table td p:empty:before,table td p:empty:before{content:"​";display:inline-block}.rte-table td[contenteditable]:empty:before,table td[contenteditable]:empty:before{content:"Type here...";color:#999;font-style:italic;pointer-events:none}.rte-table tr:hover,table tr:hover{background-color:#f8f9fa}.rte-table td.selected,table td.selected{background-color:#e3f2fd;border-color:#2196f3}.table-toolbar{background:#fff;border:1px solid #d0d0d0;border-radius:4px;box-shadow:0 2px 8px #0000001a;padding:4px;display:flex;align-items:center;gap:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-width:max-content}.toolbar-section{display:flex;align-items:center;gap:2px}.toolbar-divider{width:1px;height:20px;background:#e0e0e0;margin:0 4px}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;background:transparent;cursor:pointer;color:#333;border-radius:3px;transition:all .2s ease;flex-shrink:0;font-size:14px;line-height:1}.toolbar-icon-btn svg{width:16px;height:16px}.toolbar-icon-btn:hover:not(:disabled){background:#f0f0f0;border-color:#d0d0d0;color:#06c}.toolbar-icon-btn:active:not(:disabled){background:#e8f0ff;border-color:#06c;transform:scale(.95)}.toolbar-icon-btn:disabled{opacity:.4;cursor:not-allowed;color:#ccc}.toolbar-icon-btn-danger{color:#d32f2f}.toolbar-icon-btn-danger:hover:not(:disabled){background:#fff3f3;border-color:#fcc;color:#d32f2f}.toolbar-icon-btn-danger:active:not(:disabled){background:#ffebee}.toolbar-icon-btn-delete{color:#d32f2f}.toolbar-icon-btn-delete:hover:not(:disabled){background:#fff3f3;border-color:#fcc;color:#d32f2f}.toolbar-icon-btn-delete:active:not(:disabled){background:#ffebee}.resize-handle{opacity:0;transition:all .15s ease}.resize-handle:hover{opacity:1}td:hover>.resize-handle,th:hover>.resize-handle{opacity:1}.table-resize-handle{position:absolute;bottom:-4px;right:-4px;width:12px;height:12px;background:transparent;cursor:nwse-resize;z-index:10;transition:background .15s ease}.table-resize-handle:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;background:#0066cc4d;border-bottom:2px solid #0066cc;border-right:2px solid #0066cc;border-radius:0 0 2px;opacity:0;transition:opacity .15s ease}.table-resize-handle:hover:after{opacity:1}.rte-table:hover .table-resize-handle:after,table:hover .table-resize-handle:after{opacity:1}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table,table){border-color:#607088;background:#24303c;color:#e6eefb}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table td,.rte-table th,table td,table th){border-color:#607088;color:#e6eefb}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table th,table th){background:linear-gradient(180deg,#3b4553,#333d4a);color:#f3f8ff}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table tr:hover,table tr:hover){background-color:#58a6ff1f}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table td.selected,table td.selected){background-color:#58a6ff47;border-color:#79beff}:is([data-theme=dark],.dark,.editora-theme-dark) :is(.rte-table td[contenteditable]:empty:before,table td[contenteditable]:empty:before){color:#94a3b8}:is([data-theme=dark],.dark,.editora-theme-dark) .table-toolbar{background:linear-gradient(180deg,#2f3844,#2a323c);border-color:#4d596b;box-shadow:0 8px 20px #00000073}.table-toolbar.rte-theme-dark{background:linear-gradient(180deg,#2f3844,#2a323c);border-color:#4d596b;box-shadow:0 8px 20px #00000073}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-divider{background:#4d596b}.table-toolbar.rte-theme-dark .toolbar-divider{background:#4d596b}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn{color:#d7deea;border-color:transparent}.table-toolbar.rte-theme-dark .toolbar-icon-btn{color:#d7deea;border-color:transparent}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg{color:currentColor;fill:currentColor}.table-toolbar.rte-theme-dark .toolbar-icon-btn svg{color:currentColor;fill:currentColor}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [stroke="#000" i],:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [stroke="#000000" i],:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [stroke=black i]{stroke:currentColor!important}.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [stroke="#000" i],.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [stroke="#000000" i],.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [stroke=black i]{stroke:currentColor!important}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [fill="#000" i],:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [fill="#000000" i],:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn svg [fill=black i]{fill:currentColor!important}.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [fill="#000" i],.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [fill="#000000" i],.table-toolbar.rte-theme-dark .toolbar-icon-btn svg [fill=black i]{fill:currentColor!important}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn:hover:not(:disabled){background:#3a4554;border-color:#607088;color:#f3f8ff}.table-toolbar.rte-theme-dark .toolbar-icon-btn:hover:not(:disabled){background:#3a4554;border-color:#607088;color:#f3f8ff}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn:active:not(:disabled){background:#4a95de;border-color:#67adf4;color:#0f1b2a}.table-toolbar.rte-theme-dark .toolbar-icon-btn:active:not(:disabled){background:#4a95de;border-color:#67adf4;color:#0f1b2a}:is([data-theme=dark],.dark,.editora-theme-dark) .toolbar-icon-btn:disabled{color:#7f8ca1}.table-toolbar.rte-theme-dark .toolbar-icon-btn:disabled{color:#7f8ca1}@media(max-width:768px){.rte-table,table{font-size:12px}.rte-table td,.rte-table th,table td,table th{padding:4px 6px;min-width:60px}.table-toolbar{padding:3px;gap:0;max-width:90vw;overflow-x:auto}.toolbar-icon-btn{width:26px;height:26px}.toolbar-divider{height:18px}}@media print{.rte-table,table{border:1px solid #000}.rte-table td,.rte-table th,table td,table th{border:1px solid #000;padding:4px}.table-toolbar{display:none}}

package/dist/preview.cjs.js

@@ -0,0 +1,230 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let c=!1;const g=()=>{if(typeof document>"u")return;const r="rte-preview-plugin-styles";if(document.getElementById(r))return;const t=document.createElement("style");t.id=r,t.textContent=`
+    /* Preview Editor Dialog Styles */
+    .rte-preview-editor-overlay {
+      position: fixed !important;
+      top: 0 !important;
+      left: 0 !important;
+      right: 0 !important;
+      bottom: 0 !important;
+      width: 100vw !important;
+      height: 100vh !important;
+      background-color: rgba(0, 0, 0, 0.6) !important;
+      display: flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      z-index: 10000 !important;
+      padding: 20px !important;
+      box-sizing: border-box !important;
+      margin: 0 !important;
+    }
+
+    .rte-preview-editor-modal {
+      background: white;
+      border-radius: 8px;
+      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+      width: 100%;
+      max-width: 1200px;
+      max-height: 90vh;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      position: relative;
+    }
+
+    .rte-preview-editor-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 16px 20px;
+      border-bottom: 1px solid #e1e5e9;
+      background: #f8f9fa;
+      border-radius: 8px 8px 0 0;
+    }
+
+    .rte-preview-editor-header h2 {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: #1a1a1a;
+    }
+
+    .rte-preview-editor-header-actions {
+      display: flex;
+      gap: 8px;
+    }
+
+    .rte-preview-editor-close-btn {
+      background: none;
+      border: none;
+      cursor: pointer;
+      padding: 4px;
+      border-radius: 4px;
+      color: #666;
+      font-size: 16px;
+      line-height: 1;
+      transition: all 0.2s ease;
+    }
+
+    .rte-preview-editor-close-btn:hover {
+      background: #e1e5e9;
+      color: #1a1a1a;
+    }
+
+    .rte-preview-editor-body {
+      flex: 1;
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+      padding: 25px;
+    }
+
+    .rte-preview-editor-content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .rte-preview-editor-light-editor {
+      flex: 1;
+      overflow: auto;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+      font-size: 16px;
+      line-height: 1.6;
+      color: #1a1a1a;
+      padding: 20px;
+      background: #fafafa;
+      border: 1px solid #e1e5e9;
+      border-radius: 4px;
+      min-height: 400px;
+    }
+
+    .rte-preview-editor-light-editor h1,
+    .rte-preview-editor-light-editor h2,
+    .rte-preview-editor-light-editor h3,
+    .rte-preview-editor-light-editor h4,
+    .rte-preview-editor-light-editor h5,
+    .rte-preview-editor-light-editor h6 {
+      margin-top: 1.5em;
+      margin-bottom: 0.5em;
+      font-weight: 600;
+    }
+
+    .rte-preview-editor-light-editor h1 {
+      font-size: 2em;
+    }
+
+    .rte-preview-editor-light-editor h2 {
+      font-size: 1.5em;
+    }
+
+    .rte-preview-editor-light-editor h3 {
+      font-size: 1.25em;
+    }
+
+    .rte-preview-editor-light-editor p {
+      margin: 1em 0;
+    }
+
+    .rte-preview-editor-light-editor ul,
+    .rte-preview-editor-light-editor ol {
+      padding-left: 2em;
+      margin: 1em 0;
+    }
+
+    .rte-preview-editor-light-editor li {
+      margin: 0.5em 0;
+    }
+
+    .rte-preview-editor-light-editor table {
+      border-collapse: collapse;
+      width: 100%;
+      margin: 1em 0;
+    }
+
+    .rte-preview-editor-light-editor table td,
+    .rte-preview-editor-light-editor table th {
+      border: 1px solid #ddd;
+      padding: 0.5em;
+    }
+
+    .rte-preview-editor-light-editor table th {
+      background: #f5f5f5;
+      font-weight: 600;
+    }
+
+    .rte-preview-editor-light-editor blockquote {
+      border-left: 4px solid #ddd;
+      margin: 1em 0;
+      padding-left: 1em;
+      color: #666;
+    }
+
+    .rte-preview-editor-light-editor code {
+      background: #f5f5f5;
+      padding: 2px 6px;
+      border-radius: 3px;
+      font-family: 'Monaco', 'Menlo', 'Courier New', monospace;
+      font-size: 0.9em;
+    }
+
+    .rte-preview-editor-light-editor pre {
+      background: #f5f5f5;
+      padding: 1em;
+      border-radius: 4px;
+      overflow-x: auto;
+      margin: 1em 0;
+    }
+
+    .rte-preview-editor-light-editor pre code {
+      background: none;
+      padding: 0;
+    }
+
+    .rte-preview-editor-light-editor img {
+      max-width: 100%;
+      height: auto;
+    }
+
+    .rte-preview-editor-light-editor a {
+      color: #007acc;
+      text-decoration: underline;
+    }
+
+    .rte-preview-editor-light-editor a:hover {
+      color: #0056b3;
+    }
+
+    /* Responsive design */
+    @media (max-width: 768px) {
+      .rte-preview-editor-overlay {
+        padding: 10px;
+      }
+
+      .rte-preview-editor-modal {
+        max-height: 95vh;
+      }
+
+      .rte-preview-editor-header {
+        padding: 12px 16px;
+      }
+
+      .rte-preview-editor-body {
+        padding: 16px;
+      }
+
+      .rte-preview-editor-light-editor {
+        padding: 12px;
+        font-size: 14px;
+      }
+    }
+  `,document.head.appendChild(t)},v=()=>{const r=window.getSelection();if(r&&r.rangeCount>0){let e=r.getRangeAt(0).startContainer;for(;e&&e!==document.body;){if(e.nodeType===Node.ELEMENT_NODE){const o=e;if(o.getAttribute("contenteditable")==="true")return o}e=e.parentNode}}const t=document.activeElement;if(t){if(t.getAttribute("contenteditable")==="true")return t;const e=t.closest('[contenteditable="true"]');if(e)return e}return document.querySelector('[contenteditable="true"]')},h=()=>{const r=v();if(!r)return"";const t=r.cloneNode(!0);return[".rte-floating-toolbar",".rte-selection-marker",".rte-toolbar",".rte-resize-handle","[data-rte-internal]"].forEach(o=>{t.querySelectorAll(o).forEach(i=>i.remove())}),t.innerHTML},w=r=>{const t=document.createElement("div");return t.innerHTML=r,t.querySelectorAll('script, iframe[src^="javascript:"], object, embed, form[action^="javascript:"]').forEach(i=>i.remove()),t.querySelectorAll("*").forEach(i=>{Array.from(i.attributes).forEach(n=>{n.name.startsWith("on")&&i.removeAttribute(n.name),(n.name==="href"||n.name==="src")&&n.value.startsWith("javascript:")&&i.removeAttribute(n.name)})}),t.innerHTML},u=()=>{if(typeof window>"u"||c)return;c=!0,g();const r=h(),t=w(r),e=document.createElement("div");e.className="rte-preview-editor-overlay",e.setAttribute("role","dialog"),e.setAttribute("aria-modal","true"),e.setAttribute("aria-labelledby","preview-editor-title");const o=document.createElement("div");o.className="rte-preview-editor-modal";const i=document.createElement("div");i.className="rte-preview-editor-header",i.innerHTML=`
+    <h2 id="preview-editor-title">Preview Editor</h2>
+    <div class="rte-preview-editor-header-actions">
+      <button class="rte-preview-editor-close-btn" aria-label="Close preview editor">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <line x1="18" y1="6" x2="6" y2="18" />
+          <line x1="6" y1="6" x2="18" y2="18" />
+        </svg>
+      </button>
+    </div>
+  `;const n=document.createElement("div");n.className="rte-preview-editor-body";const a=document.createElement("div");a.className="rte-preview-editor-content";const l=document.createElement("div");l.className="rte-preview-editor-light-editor",l.innerHTML=t,a.appendChild(l),n.appendChild(a),o.appendChild(i),o.appendChild(n),e.appendChild(o);const p=()=>{e.parentNode&&e.parentNode.removeChild(e),c=!1,document.removeEventListener("keydown",s)},s=d=>{d.key==="Escape"&&(d.preventDefault(),d.stopPropagation(),p())},m=i.querySelector(".rte-preview-editor-close-btn");m&&m.addEventListener("click",d=>{d.preventDefault(),d.stopPropagation(),p()}),e.addEventListener("click",d=>{d.target===e&&p()}),document.addEventListener("keydown",s),document.body.appendChild(e)},f=()=>({name:"preview",toolbar:[{label:"Preview",command:"togglePreview",icon:'<svg fill="#000000" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 92 92" enable-background="new 0 0 92 92" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="XMLID_1239_" d="M91.3,43.8C90.6,42.8,74.4,19,46,19C17.6,19,1.4,42.8,0.7,43.8c-0.9,1.3-0.9,3.1,0,4.5 C1.4,49.2,17.6,73,46,73c28.4,0,44.6-23.8,45.3-24.8C92.2,46.9,92.2,45.1,91.3,43.8z M46,65C26.7,65,13.5,51.4,9,46 c4.5-5.5,17.6-19,37-19c19.3,0,32.5,13.6,37,19C78.4,51.5,65.3,65,46,65z M48.3,29.6c-4.4-0.6-8.7,0.5-12.3,3.2c0,0,0,0,0,0 c-7.3,5.5-8.8,15.9-3.3,23.2c2.7,3.6,6.5,5.8,10.9,6.5c0.8,0.1,1.6,0.2,2.3,0.2c3.6,0,7-1.2,9.9-3.3c7.3-5.5,8.8-15.9,3.3-23.2 C56.6,32.5,52.7,30.2,48.3,29.6z M52.3,54.5c-2.2,1.7-5,2.4-7.8,2c-2.8-0.4-5.3-1.9-7-4.1C34.1,47.7,35,41,39.7,37.5 c2.2-1.7,5-2.4,7.8-2c2.8,0.4,5.3,1.9,7,4.1C57.9,44.3,57,51,52.3,54.5z M51.9,40c0.8,0.7,1.2,1.8,1.2,2.8c0,1-0.4,2.1-1.2,2.8 c-0.7,0.7-1.8,1.2-2.8,1.2c-1.1,0-2.1-0.4-2.8-1.2c-0.8-0.8-1.2-1.8-1.2-2.8c0-1.1,0.4-2.1,1.2-2.8c0.7-0.8,1.8-1.2,2.8-1.2 C50.2,38.9,51.2,39.3,51.9,40z"></path> </g></svg>'}],commands:{togglePreview:()=>(u(),!0)},keymap:{}});exports.PreviewPlugin=f;