@editora/plugins 1.0.1 → 1.0.4

package/dist/colorSelectionApply-C0iOfMWb.js

@@ -0,0 +1 @@
+"use strict";const u="p,div,li,ul,ol,table,thead,tbody,tfoot,tr,td,th,h1,h2,h3,h4,h5,h6,blockquote,pre";function i(e){return!!e.cloneContents().querySelector(u)}function s(e,t){return(e?.nodeType===Node.ELEMENT_NODE?e:e?.parentElement??null)?.closest('[contenteditable="true"]')||t()?.querySelector('[contenteditable="true"]')||document.querySelector('[contenteditable="true"]')}function c(e,t){const n=s(e,t);n&&n.dispatchEvent(new Event("input",{bubbles:!0}))}function f(e,t){let o=e.startContainer.nodeType===Node.TEXT_NODE?e.startContainer.parentElement:e.startContainer;for(;o&&o!==document.body;){if(o.classList.contains(t)){const a=document.createRange();if(a.selectNodeContents(o),a.compareBoundaryPoints(Range.START_TO_START,e)<=0&&a.compareBoundaryPoints(Range.END_TO_END,e)>=0)return o}o=o.parentElement}return null}function m(e){try{if(e.savedRange){const r=window.getSelection();r&&(r.removeAllRanges(),r.addRange(e.savedRange.cloneRange()))}const t=window.getSelection();if(!t||t.rangeCount===0||t.isCollapsed)return!1;const n=t.getRangeAt(0);if(n.collapsed)return!1;const o=f(n,e.className);if(o)return e.styleProperty==="backgroundColor"?o.style.backgroundColor=e.color:o.style.color=e.color,c(o,e.getActiveEditorRoot),!0;s(n.commonAncestorContainer,e.getActiveEditorRoot)?.focus({preventScroll:!0});try{document.execCommand("styleWithCSS",!1,"true")}catch{}let l=!1;if(e.commands.forEach(r=>{l||(l=document.execCommand(r,!1,e.color))}),!l&&!i(n)){const r=document.createElement("span");e.styleProperty==="backgroundColor"?r.style.backgroundColor=e.color:r.style.color=e.color,r.className=e.className;const d=n.extractContents();r.appendChild(d),n.insertNode(r),n.setStartAfter(r),n.collapse(!0),t.removeAllRanges(),t.addRange(n),l=!0}return l?(c(n.commonAncestorContainer,e.getActiveEditorRoot),!0):(e.warnMessage&&console.warn(e.warnMessage),!1)}catch(t){return e.warnMessage?console.error(e.warnMessage,t):console.error("[ColorApply] Failed to apply color",t),!1}}exports.applyColorToSelection=m;

package/dist/colorSelectionApply-D8r_gV32.mjs

@@ -0,0 +1,63 @@
+const u = "p,div,li,ul,ol,table,thead,tbody,tfoot,tr,td,th,h1,h2,h3,h4,h5,h6,blockquote,pre";
+function i(e) {
+  return !!e.cloneContents().querySelector(u);
+}
+function s(e, t) {
+  return (e?.nodeType === Node.ELEMENT_NODE ? e : e?.parentElement ?? null)?.closest('[contenteditable="true"]') || t()?.querySelector('[contenteditable="true"]') || document.querySelector('[contenteditable="true"]');
+}
+function c(e, t) {
+  const n = s(e, t);
+  n && n.dispatchEvent(new Event("input", { bubbles: !0 }));
+}
+function f(e, t) {
+  let o = e.startContainer.nodeType === Node.TEXT_NODE ? e.startContainer.parentElement : e.startContainer;
+  for (; o && o !== document.body; ) {
+    if (o.classList.contains(t)) {
+      const l = document.createRange();
+      if (l.selectNodeContents(o), l.compareBoundaryPoints(Range.START_TO_START, e) <= 0 && l.compareBoundaryPoints(Range.END_TO_END, e) >= 0)
+        return o;
+    }
+    o = o.parentElement;
+  }
+  return null;
+}
+function m(e) {
+  try {
+    if (e.savedRange) {
+      const r = window.getSelection();
+      r && (r.removeAllRanges(), r.addRange(e.savedRange.cloneRange()));
+    }
+    const t = window.getSelection();
+    if (!t || t.rangeCount === 0 || t.isCollapsed)
+      return !1;
+    const n = t.getRangeAt(0);
+    if (n.collapsed)
+      return !1;
+    const o = f(n, e.className);
+    if (o)
+      return e.styleProperty === "backgroundColor" ? o.style.backgroundColor = e.color : o.style.color = e.color, c(o, e.getActiveEditorRoot), !0;
+    s(
+      n.commonAncestorContainer,
+      e.getActiveEditorRoot
+    )?.focus({ preventScroll: !0 });
+    try {
+      document.execCommand("styleWithCSS", !1, "true");
+    } catch {
+    }
+    let a = !1;
+    if (e.commands.forEach((r) => {
+      a || (a = document.execCommand(r, !1, e.color));
+    }), !a && !i(n)) {
+      const r = document.createElement("span");
+      e.styleProperty === "backgroundColor" ? r.style.backgroundColor = e.color : r.style.color = e.color, r.className = e.className;
+      const d = n.extractContents();
+      r.appendChild(d), n.insertNode(r), n.setStartAfter(r), n.collapse(!0), t.removeAllRanges(), t.addRange(n), a = !0;
+    }
+    return a ? (c(n.commonAncestorContainer, e.getActiveEditorRoot), !0) : (e.warnMessage && console.warn(e.warnMessage), !1);
+  } catch (t) {
+    return e.warnMessage ? console.error(e.warnMessage, t) : console.error("[ColorApply] Failed to apply color", t), !1;
+  }
+}
+export {
+  m as a
+};

package/dist/comments.cjs.js

@@ -0,0 +1,354 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=new WeakMap;let x=null,S=!1,k=0;const E="User";function h(e){return k+=1,`${e}-${Date.now()}-${k}`}function v(e){if(!e)return null;const t=e instanceof Element?e:e.parentElement;return t?t.closest("[data-editora-editor]")||t.closest(".rte-editor")||t.closest(".editora-editor"):null}function w(e,t){return t.contains(e.commonAncestorContainer)}function I(){if(typeof window<"u"){const o=window.__editoraCommandEditorRoot;if(o instanceof HTMLElement){const a=o.closest("[data-editora-editor], .rte-editor, .editora-editor, editora-editor")||(o.matches("[data-editora-editor], .rte-editor, .editora-editor, editora-editor")?o:null);if(a)return x=a,window.__editoraCommandEditorRoot=null,a}}const e=document.activeElement,t=e?v(e):null;if(t)return t;const r=window.getSelection();if(r&&r.rangeCount>0){const o=v(r.getRangeAt(0).commonAncestorContainer);if(o)return o}return x}function B(e){const t=C.get(e);if(t)return t;const r={root:e,comments:new Map,panelVisible:!1,panelElement:null,expandedComments:new Set,replyTexts:{},savedSelection:null,newCommentText:"",selectionChangeListener:null};return C.set(e,r),r}function f(){const e=I();return e?(x=e,B(e)):null}function T(e){const t=window.getSelection();if(!t||t.rangeCount===0||t.isCollapsed)return null;const r=t.getRangeAt(0);return w(r,e)?r.cloneRange():null}function R(e,t){if(!t.anchorId)return;const r=e.root.querySelector(`#${t.anchorId}`);r&&r.classList.toggle("rte-comment-anchor-resolved",t.resolved)}function b(e,t,r){const o=e.comments.get(t);if(!o||!o.anchorId)return;const a=e.root.querySelector(`#${o.anchorId}`);a&&a.classList.toggle("highlighted",r)}function $(e,t,r){t.onclick=o=>{o.preventDefault(),o.stopPropagation(),x=e.root,e.expandedComments.add(r),y(e,!0),m(e)}}function q(e){const t=e.parentNode;if(t){for(;e.firstChild;)t.insertBefore(e.firstChild,e);e.remove()}}function y(e,t){F(),H(e),e.panelVisible=t,e.root.setAttribute("data-rte-comments-open",t?"true":"false"),e.panelElement&&(e.panelElement.classList.toggle("is-open",t),e.panelElement.setAttribute("aria-hidden",t?"false":"true")),t?N(e):z(e)}function H(e){if(e.panelElement)return;const t=document.createElement("aside");t.className="rte-comments-panel",t.setAttribute("role","complementary"),t.setAttribute("aria-label","Comments"),t.setAttribute("aria-hidden","true"),window.getComputedStyle(e.root).position==="static"&&(e.root.style.position="relative"),e.root.appendChild(t),e.panelElement=t}function N(e){e.selectionChangeListener||(e.selectionChangeListener=()=>{const t=window.getSelection();if(!t||t.rangeCount===0||t.isCollapsed)return;const r=t.getRangeAt(0);w(r,e.root)&&(e.savedSelection=r.cloneRange(),x=e.root)},document.addEventListener("selectionchange",e.selectionChangeListener))}function z(e){e.selectionChangeListener&&(document.removeEventListener("selectionchange",e.selectionChangeListener),e.selectionChangeListener=null)}function V(e){return Array.from(e.comments.values()).sort((t,r)=>r.createdAt.localeCompare(t.createdAt))}function A(e){return new Date(e).toLocaleString()}function M(e,t){const r=e.expandedComments.has(t.id),o=document.createElement("article");o.className=`rte-comment-item${t.resolved?" resolved":""}`,o.innerHTML=`
+    <header class="rte-comment-header">
+      <div class="rte-comment-meta">
+        <strong class="rte-comment-author">${t.author}</strong>
+        <time class="rte-comment-date">${A(t.createdAt)}</time>
+      </div>
+      <button class="rte-comment-expand" type="button" aria-label="Toggle details">
+        ${r?"▾":"▸"}
+      </button>
+    </header>
+    <div class="rte-comment-text"></div>
+    ${t.selectedText?`<blockquote class="rte-comment-selection">${t.selectedText}</blockquote>`:""}
+    <section class="rte-comment-expanded${r?" show":""}"></section>
+  `;const a=o.querySelector(".rte-comment-text");a&&(a.textContent=t.text),o.querySelector(".rte-comment-expand")?.addEventListener("click",()=>{e.expandedComments.has(t.id)?e.expandedComments.delete(t.id):e.expandedComments.add(t.id),m(e)});const p=o.querySelector(".rte-comment-expanded");if(p&&r){if(t.replies.length>0){const n=document.createElement("div");n.className="rte-comment-replies",t.replies.forEach(s=>{const l=document.createElement("div");l.className="rte-comment-reply",l.innerHTML=`
+          <div class="rte-comment-reply-header">
+            <strong>${s.author}</strong>
+            <time>${A(s.createdAt)}</time>
+          </div>
+          <div class="rte-comment-reply-text"></div>
+        `;const u=l.querySelector(".rte-comment-reply-text");u&&(u.textContent=s.text),n.appendChild(l)}),p.appendChild(n)}if(!t.resolved){const n=document.createElement("div");n.className="rte-comment-reply-composer",n.innerHTML=`
+        <textarea class="rte-comment-reply-textarea" rows="2" placeholder="Reply..."></textarea>
+        <button type="button" class="rte-comment-btn primary">Reply</button>
+      `;const s=n.querySelector(".rte-comment-reply-textarea"),l=n.querySelector(".rte-comment-btn.primary");if(s&&l){s.value=e.replyTexts[t.id]||"";const u=()=>{const g=!!s.value.trim();l.disabled=!g};u(),s.addEventListener("input",()=>{e.replyTexts[t.id]=s.value,u()}),l.addEventListener("click",()=>{const g=s.value.trim();g&&(_(t.id,E,g),e.replyTexts[t.id]="",m(e))})}p.appendChild(n)}const i=document.createElement("div");if(i.className="rte-comment-actions",t.anchorId){const n=document.createElement("button");n.type="button",n.className="rte-comment-btn ghost",n.textContent="Jump to text",n.onclick=()=>{const s=e.root.querySelector(`#${t.anchorId}`);s&&(s.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"}),b(e,t.id,!0),window.setTimeout(()=>b(e,t.id,!1),1200))},i.appendChild(n)}if(t.resolved){const n=document.createElement("button");n.type="button",n.className="rte-comment-btn ghost",n.textContent="Reopen",n.onclick=()=>P(t.id),i.appendChild(n)}else{const n=document.createElement("button");n.type="button",n.className="rte-comment-btn success",n.textContent="Resolve",n.onclick=()=>O(t.id,E),i.appendChild(n)}const c=document.createElement("button");c.type="button",c.className="rte-comment-btn danger",c.textContent="Delete",c.onclick=()=>j(t.id),i.appendChild(c),p.appendChild(i)}return o.addEventListener("mouseenter",()=>b(e,t.id,!0)),o.addEventListener("mouseleave",()=>b(e,t.id,!1)),o}function m(e){const t=e||f();if(!t?.panelElement)return;const r=V(t);t.panelElement.innerHTML=`
+    <div class="rte-comments-header">
+      <div>
+        <h3>Comments (${r.length})</h3>
+        <p>Select text and add comments, or add a general note.</p>
+      </div>
+      <button class="rte-comments-close" type="button" aria-label="Close comments panel">✕</button>
+    </div>
+    <div class="rte-comments-composer">
+      <textarea class="new-comment-textarea" rows="3" placeholder="Add a comment..."></textarea>
+      <div class="rte-comments-composer-actions">
+        <button class="rte-comment-btn primary add-comment-btn" type="button">Add Comment</button>
+      </div>
+    </div>
+    ${r.length===0?'<div class="rte-comments-empty">No comments yet.</div>':'<div class="rte-comments-list"></div>'}
+  `,t.panelElement.querySelector(".rte-comments-close")?.addEventListener("click",()=>{y(t,!1)});const a=t.panelElement.querySelector(".new-comment-textarea"),d=t.panelElement.querySelector(".add-comment-btn");if(a&&d){a.value=t.newCommentText;const i=()=>{const c=!!a.value.trim();d.disabled=!c};i(),a.addEventListener("input",()=>{t.newCommentText=a.value,i()}),a.addEventListener("keydown",c=>{(c.ctrlKey||c.metaKey)&&c.key==="Enter"&&(c.preventDefault(),d.click())}),d.addEventListener("click",()=>{const c=a.value.trim();if(!c)return;const n=!!t.savedSelection;D(E,c,!n),t.newCommentText="",m(t)})}const p=t.panelElement.querySelector(".rte-comments-list");p&&r.forEach(i=>{p.appendChild(M(t,i))})}function L(){S||(S=!0,document.addEventListener("focusin",e=>{const t=v(e.target);t&&(x=t)}),document.addEventListener("selectionchange",()=>{const e=window.getSelection();if(!e||e.rangeCount===0)return;const t=e.getRangeAt(0),r=v(t.commonAncestorContainer);if(!r)return;x=r;const o=C.get(r);!o||e.isCollapsed||w(t,r)&&(o.savedSelection=t.cloneRange())}))}function D(e,t,r=!1){const o=f();if(!o)return"";const a=t.trim();if(!a)return"";if(r){const l=h("comment");return o.comments.set(l,{id:l,anchorId:"",selectedText:"",author:e,text:a,createdAt:new Date().toISOString(),resolved:!1,replies:[]}),m(o),l}const d=o.savedSelection||T(o.root);if(!d||!w(d,o.root))return"";const p=d.toString().trim();if(!p)return"";const i=h("comment"),c=h("comment-anchor"),n=document.createElement("span");n.id=c,n.className="rte-comment-anchor",n.setAttribute("data-comment-id",i),n.setAttribute("title","Commented text");try{const l=d.cloneRange(),u=l.extractContents();if(!u.textContent?.trim())return"";n.appendChild(u),l.insertNode(n)}catch{return""}return $(o,n,i),o.comments.set(i,{id:i,anchorId:c,selectedText:p,author:e,text:a,createdAt:new Date().toISOString(),resolved:!1,replies:[]}),o.savedSelection=null,window.getSelection()?.removeAllRanges(),m(o),i}function O(e,t){const r=f();if(!r)return;const o=r.comments.get(e);o&&(o.resolved=!0,o.resolvedBy=t,o.resolvedAt=new Date().toISOString(),R(r,o),m(r))}function P(e){const t=f();if(!t)return;const r=t.comments.get(e);r&&(r.resolved=!1,r.resolvedBy=void 0,r.resolvedAt=void 0,R(t,r),m(t))}function j(e){const t=f();if(!t)return;const r=t.comments.get(e);if(r){if(r.anchorId){const o=t.root.querySelector(`#${r.anchorId}`);o&&q(o)}t.comments.delete(e),t.expandedComments.delete(e),delete t.replyTexts[e],m(t)}}function _(e,t,r){const o=f();if(!o)return;const a=o.comments.get(e);if(!a)return;const d=r.trim();d&&(a.replies.push({id:h("reply"),author:t,text:d,createdAt:new Date().toISOString()}),m(o))}function F(){if(document.getElementById("rte-comments-panel-styles"))return;const e=document.createElement("style");e.id="rte-comments-panel-styles",e.textContent=`
+    .rte-comments-panel {
+      --rte-comments-panel-width: min(360px, 42vw);
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: var(--rte-comments-panel-width);
+      display: flex;
+      flex-direction: column;
+      background: var(--rte-color-bg-primary, #ffffff);
+      color: var(--rte-color-text-primary, #111827);
+      border-left: 1px solid var(--rte-color-border, #d1d5db);
+      box-shadow: -12px 0 28px rgba(15, 23, 42, 0.2);
+      transform: translateX(100%);
+      opacity: 0;
+      pointer-events: none;
+      transition: transform 180ms ease, opacity 180ms ease;
+      z-index: 55;
+    }
+
+    .rte-comments-panel.is-open {
+      transform: translateX(0);
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    [data-rte-comments-open="true"] :is(.rte-toolbar, .editora-toolbar, .rte-content, .editora-content, .editora-statusbar, .editora-statusbar-container) {
+      margin-right: var(--rte-comments-panel-width);
+      transition: margin-right 180ms ease;
+    }
+
+    .rte-comments-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      gap: 12px;
+      padding: 14px 14px 12px;
+      border-bottom: 1px solid var(--rte-color-border-light, #e5e7eb);
+      background: var(--rte-color-bg-secondary, #f8fafc);
+    }
+
+    .rte-comments-header h3 {
+      margin: 0;
+      font-size: 15px;
+      line-height: 1.2;
+    }
+
+    .rte-comments-header p {
+      margin: 6px 0 0;
+      font-size: 12px;
+      color: var(--rte-color-text-muted, #64748b);
+    }
+
+    .rte-comments-close {
+      border: 1px solid var(--rte-color-border, #d1d5db);
+      background: transparent;
+      color: var(--rte-color-text-secondary, #475569);
+      border-radius: 6px;
+      width: 30px;
+      height: 30px;
+      cursor: pointer;
+      font-size: 16px;
+      line-height: 1;
+    }
+
+    .rte-comments-close:hover {
+      background: var(--rte-color-bg-hover, #f1f5f9);
+      color: var(--rte-color-text-primary, #0f172a);
+    }
+
+    .rte-comments-composer {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      padding: 12px 14px;
+      border-bottom: 1px solid var(--rte-color-border-light, #e5e7eb);
+      background: var(--rte-color-bg-secondary, #f8fafc);
+    }
+
+    .new-comment-textarea,
+    .rte-comment-reply-textarea {
+      width: 100%;
+      resize: vertical;
+      min-height: 62px;
+      font-family: inherit;
+      font-size: 13px;
+      line-height: 1.35;
+      border: 1px solid var(--rte-color-border, #d1d5db);
+      border-radius: 8px;
+      background: var(--rte-color-bg-primary, #ffffff);
+      color: var(--rte-color-text-primary, #0f172a);
+      padding: 8px 10px;
+      outline: none;
+    }
+
+    .new-comment-textarea:focus,
+    .rte-comment-reply-textarea:focus {
+      border-color: var(--rte-color-border-focus, #2563eb);
+      box-shadow: 0 0 0 2px color-mix(in srgb, var(--rte-color-border-focus, #2563eb) 20%, transparent);
+    }
+
+    .rte-comments-composer-actions {
+      display: flex;
+      justify-content: flex-end;
+    }
+
+    .rte-comments-list {
+      flex: 1;
+      overflow: auto;
+      padding: 12px;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+
+    .rte-comments-empty {
+      padding: 18px 14px;
+      color: var(--rte-color-text-muted, #64748b);
+      font-size: 13px;
+    }
+
+    .rte-comment-item {
+      border: 1px solid var(--rte-color-border-light, #e5e7eb);
+      border-radius: 10px;
+      background: var(--rte-color-bg-primary, #ffffff);
+      padding: 10px;
+    }
+
+    .rte-comment-item.resolved {
+      opacity: 0.74;
+    }
+
+    .rte-comment-header {
+      display: flex;
+      align-items: flex-start;
+      justify-content: space-between;
+      gap: 8px;
+    }
+
+    .rte-comment-meta {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+
+    .rte-comment-author {
+      font-size: 13px;
+      color: var(--rte-color-text-primary, #0f172a);
+    }
+
+    .rte-comment-date {
+      font-size: 11px;
+      color: var(--rte-color-text-muted, #64748b);
+    }
+
+    .rte-comment-expand {
+      border: none;
+      background: transparent;
+      cursor: pointer;
+      color: var(--rte-color-text-secondary, #475569);
+      font-size: 16px;
+      line-height: 1;
+      padding: 0;
+    }
+
+    .rte-comment-text {
+      margin-top: 8px;
+      font-size: 13px;
+      line-height: 1.45;
+      color: var(--rte-color-text-primary, #0f172a);
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+
+    .rte-comment-selection {
+      margin: 8px 0 0;
+      border-left: 3px solid var(--rte-color-primary, #2563eb);
+      background: var(--rte-color-bg-secondary, #f8fafc);
+      color: var(--rte-color-text-secondary, #475569);
+      padding: 6px 8px;
+      border-radius: 6px;
+      font-size: 12px;
+      font-style: italic;
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+
+    .rte-comment-expanded {
+      display: none;
+      margin-top: 10px;
+      padding-top: 10px;
+      border-top: 1px solid var(--rte-color-border-light, #e5e7eb);
+    }
+
+    .rte-comment-expanded.show {
+      display: block;
+    }
+
+    .rte-comment-replies {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      margin-bottom: 10px;
+    }
+
+    .rte-comment-reply {
+      border: 1px solid var(--rte-color-border-light, #e5e7eb);
+      border-radius: 8px;
+      padding: 8px;
+      background: var(--rte-color-bg-secondary, #f8fafc);
+    }
+
+    .rte-comment-reply-header {
+      display: flex;
+      justify-content: space-between;
+      gap: 8px;
+      margin-bottom: 4px;
+      font-size: 11px;
+      color: var(--rte-color-text-muted, #64748b);
+    }
+
+    .rte-comment-reply-text {
+      font-size: 12px;
+      color: var(--rte-color-text-secondary, #334155);
+      white-space: pre-wrap;
+      word-break: break-word;
+    }
+
+    .rte-comment-reply-composer {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      margin-bottom: 10px;
+    }
+
+    .rte-comment-actions {
+      display: flex;
+      justify-content: flex-end;
+      flex-wrap: wrap;
+      gap: 6px;
+    }
+
+    .rte-comment-btn {
+      border: 1px solid var(--rte-color-border, #d1d5db);
+      border-radius: 7px;
+      padding: 5px 9px;
+      font-size: 12px;
+      cursor: pointer;
+      background: var(--rte-color-bg-primary, #ffffff);
+      color: var(--rte-color-text-secondary, #334155);
+    }
+
+    .rte-comment-btn:hover {
+      background: var(--rte-color-bg-hover, #f1f5f9);
+      color: var(--rte-color-text-primary, #0f172a);
+    }
+
+    .rte-comment-btn:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .rte-comment-btn.primary {
+      border-color: var(--rte-color-primary, #2563eb);
+      background: var(--rte-color-primary, #2563eb);
+      color: var(--rte-color-text-inverse, #ffffff);
+    }
+
+    .rte-comment-btn.primary:hover {
+      background: var(--rte-color-primary-hover, #1d4ed8);
+      border-color: var(--rte-color-primary-hover, #1d4ed8);
+      color: var(--rte-color-text-inverse, #ffffff);
+    }
+
+    .rte-comment-btn.success {
+      border-color: color-mix(in srgb, var(--rte-color-success, #15803d) 60%, transparent);
+      color: var(--rte-color-success, #15803d);
+    }
+
+    .rte-comment-btn.danger {
+      border-color: color-mix(in srgb, var(--rte-color-danger, #b91c1c) 60%, transparent);
+      color: var(--rte-color-danger, #b91c1c);
+    }
+
+    .rte-comment-anchor {
+      background: rgba(250, 204, 21, 0.34);
+      border-bottom: 2px solid rgba(217, 119, 6, 0.75);
+      border-radius: 2px;
+      cursor: pointer;
+      transition: outline-color 120ms ease, box-shadow 120ms ease;
+    }
+
+    .rte-comment-anchor.rte-comment-anchor-resolved {
+      background: rgba(148, 163, 184, 0.2);
+      border-bottom-color: rgba(100, 116, 139, 0.6);
+    }
+
+    .rte-comment-anchor.highlighted {
+      outline: 2px solid var(--rte-color-primary, #2563eb);
+      outline-offset: 2px;
+    }
+
+    :is([theme="dark"], [data-theme="dark"], .dark, .editora-theme-dark) .rte-comments-panel {
+      box-shadow: -14px 0 30px rgba(0, 0, 0, 0.45);
+    }
+
+    @media (max-width: 900px) {
+      .rte-comments-panel {
+        --rte-comments-panel-width: min(420px, 100%);
+      }
+
+      [data-rte-comments-open="true"] :is(.rte-toolbar, .editora-toolbar, .rte-content, .editora-content, .editora-statusbar, .editora-statusbar-container) {
+        margin-right: 0;
+      }
+    }
+  `,document.head.appendChild(e)}const Z=()=>({name:"comments",toolbar:[{label:"Add Comment",command:"addComment",type:"button",icon:'<svg fill="#000000" width="24px" height="24px" viewBox="0 0 32 32" id="icon" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;}</style></defs><title>add-comment</title><path d="M17.74,30,16,29l4-7h6a2,2,0,0,0,2-2V8a2,2,0,0,0-2-2H6A2,2,0,0,0,4,8V20a2,2,0,0,0,2,2h9v2H6a4,4,0,0,1-4-4V8A4,4,0,0,1,6,4H26a4,4,0,0,1,4,4V20a4,4,0,0,1-4,4H21.16Z"></path><polygon points="17 9 15 9 15 13 11 13 11 15 15 15 15 19 17 19 17 15 21 15 21 13 17 13 17 9"></polygon><rect class="cls-1" width="32" height="32"></rect></svg>'},{label:"Show / Hide Comments",command:"toggleComments",type:"button",icon:'<svg width="24px" height="24px" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 1H4V11H8L10 13L12 11H16V1Z" fill="#000000"></path><path d="M2 5V13H7.17157L8.70711 14.5355L7.29289 15.9497L6.34315 15H0V5H2Z" fill="#000000"></path></svg>'}],commands:{addComment:()=>{L();const e=f();return e?(e.savedSelection=T(e.root),e.savedSelection&&window.getSelection()?.removeAllRanges(),y(e,!0),m(e),e.panelElement?.querySelector(".new-comment-textarea")?.focus({preventScroll:!0}),!0):!1},toggleComments:()=>{L();const e=f();return e?(y(e,!e.panelVisible),e.panelVisible&&m(e),!0):!1}},keymap:{}});exports.CommentsPlugin=Z;