@editora/plugins 1.0.7 → 1.0.8

package/dist/anchoredPopover-Dts0IrgU.mjs

@@ -0,0 +1,106 @@
+const b = "p,div,li,ul,ol,table,thead,tbody,tfoot,tr,td,th,h1,h2,h3,h4,h5,h6,blockquote,pre";
+function p(e) {
+  return !!e.cloneContents().querySelector(b);
+}
+function v(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 = v(e, t);
+  n && n.dispatchEvent(new Event("input", { bubbles: !0 }));
+}
+function A(e, t) {
+  let r = e.startContainer.nodeType === Node.TEXT_NODE ? e.startContainer.parentElement : e.startContainer;
+  for (; r && r !== document.body; ) {
+    if (r.classList.contains(t)) {
+      const c = document.createRange();
+      if (c.selectNodeContents(r), c.compareBoundaryPoints(Range.START_TO_START, e) <= 0 && c.compareBoundaryPoints(Range.END_TO_END, e) >= 0)
+        return r;
+    }
+    r = r.parentElement;
+  }
+  return null;
+}
+function N(e) {
+  try {
+    if (e.savedRange) {
+      const o = window.getSelection();
+      o && (o.removeAllRanges(), o.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 r = A(n, e.className);
+    if (r)
+      return e.styleProperty === "backgroundColor" ? r.style.backgroundColor = e.color : r.style.color = e.color, C(r, e.getActiveEditorRoot), !0;
+    v(
+      n.commonAncestorContainer,
+      e.getActiveEditorRoot
+    )?.focus({ preventScroll: !0 });
+    try {
+      document.execCommand("styleWithCSS", !1, "true");
+    } catch {
+    }
+    let l = !1;
+    if (e.commands.forEach((o) => {
+      l || (l = document.execCommand(o, !1, e.color));
+    }), !l && !p(n)) {
+      const o = document.createElement("span");
+      e.styleProperty === "backgroundColor" ? o.style.backgroundColor = e.color : o.style.color = e.color, o.className = e.className;
+      const a = n.extractContents();
+      o.appendChild(a), n.insertNode(o), n.setStartAfter(o), 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;
+  }
+}
+function T({
+  popover: e,
+  anchor: t,
+  onClose: n,
+  gap: r = 6,
+  margin: c = 8,
+  zIndex: l = 1e4
+}) {
+  e.style.position = "fixed", e.style.zIndex = `${l}`, e.style.visibility = "hidden";
+  const o = () => {
+    if (!e.isConnected || !t.isConnected) {
+      n();
+      return;
+    }
+    const s = t.getBoundingClientRect();
+    if (s.width === 0 && s.height === 0) {
+      n();
+      return;
+    }
+    const i = e.getBoundingClientRect(), w = i.width || e.offsetWidth || 220, f = i.height || e.offsetHeight || 260, y = window.innerWidth, E = window.innerHeight;
+    let u = s.left, d = s.bottom + r;
+    if (u + w > y - c && (u = y - w - c), u = Math.max(c, u), d + f > E - c) {
+      const g = s.top - f - r;
+      g >= c ? d = g : d = Math.max(c, E - f - c);
+    }
+    d < c && (d = c), e.style.left = `${Math.round(u)}px`, e.style.top = `${Math.round(d)}px`, e.style.visibility = "visible";
+  }, a = () => {
+    o();
+  }, m = (s) => {
+    const i = s.target;
+    i && (e.contains(i) || t.contains(i) || n());
+  }, h = (s) => {
+    s.key === "Escape" && n();
+  };
+  window.addEventListener("resize", a), window.addEventListener("scroll", a, !0), document.addEventListener("keydown", h);
+  const R = window.requestAnimationFrame(() => {
+    document.addEventListener("mousedown", m, !0);
+  });
+  return o(), { reposition: o, destroy: () => {
+    window.cancelAnimationFrame(R), window.removeEventListener("resize", a), window.removeEventListener("scroll", a, !0), document.removeEventListener("keydown", h), document.removeEventListener("mousedown", m, !0);
+  } };
+}
+export {
+  N as a,
+  T as b
+};

package/dist/background-color.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./colorSelectionApply-C0iOfMWb.js");let l=null,k=null,L=null,s="#ffff00";const h='[data-theme="dark"], .dark, .editora-theme-dark',A=["#000000","#ffffff","#808080","#ff0000","#00ff00","#0000ff","#ffff00","#ff00ff","#00ffff","#ffa500","#800080","#ffc0cb"];function M(){const e=window.getSelection();if(e&&e.rangeCount>0){const r=e.getRangeAt(0).startContainer,a=r.nodeType===Node.ELEMENT_NODE?r:r.parentElement;if(a){const n=a.closest('[data-editora-editor="true"], .rte-editor, .editora-editor');if(n)return n}}const t=document.activeElement;return t?t.closest('[data-editora-editor="true"], .rte-editor, .editora-editor'):null}function R(e){const t=M();if(t){const c=t.querySelector(`[data-command="${e}"]`);if(c)return c}return document.querySelector(`[data-command="${e}"]`)}function T(e){if(e?.closest(h))return!0;const t=window.getSelection();if(t&&t.rangeCount>0){const r=t.getRangeAt(0).startContainer;if((r.nodeType===Node.ELEMENT_NODE?r:r.parentElement)?.closest(h))return!0}return document.activeElement?.closest(h)?!0:document.body.matches(h)||document.documentElement.matches(h)}function q(){if(document.getElementById("rte-bg-color-picker-styles"))return;const e=document.createElement("style");e.id="rte-bg-color-picker-styles",e.textContent=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("./anchoredPopover-BzqGPOAE.js");let a=null,N=null,g=null,L=null,i="#ffff00";const k='[data-theme="dark"], .dark, .editora-theme-dark',R=["#000000","#ffffff","#808080","#ff0000","#00ff00","#0000ff","#ffff00","#ff00ff","#00ffff","#ffa500","#800080","#ffc0cb"];function P(){const e=window.getSelection();if(e&&e.rangeCount>0){const r=e.getRangeAt(0).startContainer,n=r.nodeType===Node.ELEMENT_NODE?r:r.parentElement;if(n){const o=n.closest('[data-editora-editor="true"], .rte-editor, .editora-editor');if(o)return o}}const t=document.activeElement;return t?t.closest('[data-editora-editor="true"], .rte-editor, .editora-editor'):null}function M(e){const t=window.__editoraLastCommand,c=window.__editoraLastCommandButton;if(t===e&&c&&c.isConnected){const l=window.getComputedStyle(c),s=c.getBoundingClientRect();if(l.display!=="none"&&l.visibility!=="hidden"&&l.pointerEvents!=="none"&&!(s.width===0&&s.height===0))return c}const r=l=>{for(const s of l){const d=window.getComputedStyle(s),p=s.getBoundingClientRect();if(!(d.display==="none"||d.visibility==="hidden"||d.pointerEvents==="none")&&!(p.width===0&&p.height===0))return s}return null},n=P();if(n){const l=Array.from(n.querySelectorAll(`[data-command="${e}"]`)),s=r(l);if(s)return s}const o=Array.from(document.querySelectorAll(`[data-command="${e}"]`));return r(o)}function T(e){if(e?.closest(k))return!0;const t=window.getSelection();if(t&&t.rangeCount>0){const r=t.getRangeAt(0).startContainer;if((r.nodeType===Node.ELEMENT_NODE?r:r.parentElement)?.closest(k))return!0}return document.activeElement?.closest(k)?!0:document.body.matches(k)||document.documentElement.matches(k)}function _(){if(document.getElementById("rte-bg-color-picker-styles"))return;const e=document.createElement("style");e.id="rte-bg-color-picker-styles",e.textContent=`
     .rte-bg-color-picker {
-      position: absolute;
+      position: fixed;
       background: white;
       border-radius: 8px;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
@@ -215,4 +215,4 @@
     .rte-bg-color-picker.rte-theme-dark .rte-bg-color-text-input:focus {
       border-color: #58a6ff;
     }
-  `,document.head.appendChild(e)}function H(){const e=document.createElement("div");e.className="rte-bg-color-picker",T(k)&&e.classList.add("rte-theme-dark"),e.addEventListener("click",m=>m.stopPropagation());const t=document.createElement("div");t.className="rte-bg-color-picker-header";const c=document.createElement("span");c.className="rte-bg-color-picker-title",c.textContent="Background Color";const r=document.createElement("button");r.type="button",r.className="rte-bg-color-picker-close",r.id="rte-bg-color-close",r.setAttribute("aria-label","Close"),r.textContent="×",t.appendChild(c),t.appendChild(r);const a=document.createElement("div");a.className="rte-bg-color-picker-body";const n=document.createElement("div");n.className="rte-bg-color-section";const o=document.createElement("div");o.className="rte-bg-color-section-label",o.textContent="Current Color";const i=document.createElement("div");i.className="rte-bg-color-preview";const d=document.createElement("div");d.className="rte-bg-color-preview-swatch",d.id="rte-bg-color-preview-swatch";const u=document.createElement("span");u.className="rte-bg-color-preview-hex",u.id="rte-bg-color-preview-hex",i.appendChild(d),i.appendChild(u),n.appendChild(o),n.appendChild(i);const x=document.createElement("div");x.className="rte-bg-color-section";const E=document.createElement("div");E.className="rte-bg-color-section-label",E.textContent="Colors";const C=document.createElement("div");C.className="rte-bg-color-grid",C.id="rte-bg-color-grid",A.forEach(m=>{const g=document.createElement("button");g.type="button",g.className="rte-bg-color-swatch",g.style.backgroundColor=m,g.dataset.color=m,g.title=m,C.appendChild(g)}),x.appendChild(E),x.appendChild(C);const w=document.createElement("div");w.className="rte-bg-color-section";const S=document.createElement("div");S.className="rte-bg-color-section-label",S.textContent="Custom";const v=document.createElement("div");v.className="rte-bg-color-custom";const f=document.createElement("input");f.type="color",f.className="rte-bg-color-input",f.id="rte-bg-color-input",f.value=s;const p=document.createElement("input");return p.type="text",p.className="rte-bg-color-text-input",p.id="rte-bg-color-text-input",p.placeholder="#FFFF00",p.value=s.toUpperCase(),p.maxLength=7,v.appendChild(f),v.appendChild(p),w.appendChild(S),w.appendChild(v),a.appendChild(n),a.appendChild(x),a.appendChild(w),e.appendChild(t),e.appendChild(a),e}function U(){if(!l)return;l.querySelector("#rte-bg-color-close")?.addEventListener("click",()=>b());const t=l.querySelector("#rte-bg-color-grid");t&&t.addEventListener("click",n=>{const o=n.target;if(o.classList.contains("rte-bg-color-swatch")){const i=o.dataset.color;i&&(s=i,y(i),b())}});const c=l.querySelector("#rte-bg-color-input");c&&(c.addEventListener("change",n=>{const o=n.target.value.toUpperCase();s=o,y(o),b()}),c.addEventListener("input",n=>{s=n.target.value.toUpperCase(),N(),B()}));const r=l.querySelector("#rte-bg-color-text-input");r&&(r.addEventListener("change",n=>{let o=n.target.value.trim();o&&!o.startsWith("#")&&(o="#"+o),/^#[0-9A-F]{6}$/i.test(o)&&(s=o.toUpperCase(),y(s),b())}),r.addEventListener("input",n=>{let o=n.target.value.trim();o&&!o.startsWith("#")&&(o="#"+o,r.value=o),/^#[0-9A-F]{6}$/i.test(o)&&(s=o.toUpperCase(),N(),B())}));const a=n=>{if(l&&k){const o=n.target;!l.contains(o)&&!k.contains(o)&&b()}};setTimeout(()=>{document.addEventListener("click",a)},100),l._clickOutsideHandler=a}function N(){if(!l)return;const e=l.querySelector("#rte-bg-color-preview-swatch"),t=l.querySelector("#rte-bg-color-preview-hex"),c=l.querySelector("#rte-bg-color-input"),r=l.querySelector("#rte-bg-color-text-input");e&&(e.style.backgroundColor=s),t&&(t.textContent=s.toUpperCase()),c&&(c.value=s),r&&(r.value=s.toUpperCase())}function B(){if(!l)return;l.querySelectorAll(".rte-bg-color-swatch").forEach(t=>{t.dataset.color?.toUpperCase()===s.toUpperCase()?t.classList.add("selected"):t.classList.remove("selected")})}function I(){try{const e=window.getSelection();if(!e||e.rangeCount===0)return"#ffff00";const c=e.getRangeAt(0).commonAncestorContainer,r=c.nodeType===1?c:c.parentElement;if(r){const a=r.closest('[style*="background-color"]');if(a){const n=a.style.backgroundColor;if(n)return O(n)}}return"#ffff00"}catch{return"#ffff00"}}function O(e){if(e.startsWith("#"))return e.toUpperCase();const t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);if(t){const c=parseInt(t[1]),r=parseInt(t[2]),a=parseInt(t[3]);return"#"+[c,r,a].map(n=>{const o=n.toString(16);return o.length===1?"0"+o:o}).join("").toUpperCase()}return"#ffff00"}function y(e){const t=P.applyColorToSelection({color:e,className:"rte-bg-color",styleProperty:"backgroundColor",commands:["hiliteColor","backColor"],savedRange:L,getActiveEditorRoot:M,warnMessage:"[BackgroundColor] Could not apply highlight for current selection"});return t&&console.log("[BackgroundColor] Applied color:",e),t}function b(){if(l){const e=l._clickOutsideHandler;e&&document.removeEventListener("click",e),l.remove(),l=null}k=null,L=null}function _(e,t){const c=e.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.width||220,n=r.height||320,o=8;let i=c.left;i+a>window.innerWidth-o&&(i=window.innerWidth-a-o),i=Math.max(o,i);let d=c.bottom+o;if(d+n>window.innerHeight-o){const u=c.top-n-o;u>=o?d=u:d=Math.max(o,window.innerHeight-n-o)}t.style.top=`${Math.round(d+window.scrollY)}px`,t.style.left=`${Math.round(i+window.scrollX)}px`}function z(){if(q(),l)return b(),!0;const e=R("openBackgroundColorPicker");if(!e)return!1;const t=window.getSelection();return!t||t.isCollapsed?(alert("Please select text to apply background color"),!1):(t.rangeCount>0&&(L=t.getRangeAt(0).cloneRange()),s=I(),l=H(),document.body.appendChild(l),k=e,_(e,l),N(),B(),U(),!0)}const D=()=>({name:"backgroundColor",marks:{backgroundColor:{attrs:{color:{default:"#ffffff"}},parseDOM:[{tag:'span[style*="background-color"]',getAttrs:e=>{const r=(e.getAttribute("style")||"").match(/background-color:\s*([^;]+)/);return r?{color:r[1]}:null}},{tag:"mark",getAttrs:e=>({color:e.style.backgroundColor||"#ffff00"})}],toDOM:e=>["span",{style:`background-color: ${e.attrs?.color||"#ffffff"}`,class:"rte-bg-color"},0]}},toolbar:[{label:"Background Color",command:"openBackgroundColorPicker",icon:'<svg width="24" height="24" focusable="false"><g fill-rule="evenodd"><path class="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z" fill="#000000"></path><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 0 1 2.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"></path></g></svg>',shortcut:"Mod-Shift-h"}],commands:{openBackgroundColorPicker:()=>z(),setBackgroundColor:e=>e?y(e):!1},keymap:{"Mod-Shift-h":"openBackgroundColorPicker"}});exports.BackgroundColorPlugin=D;
+  `,document.head.appendChild(e)}function q(){const e=document.createElement("div");e.className="rte-bg-color-picker",T(N)&&e.classList.add("rte-theme-dark"),e.addEventListener("click",h=>h.stopPropagation());const t=document.createElement("div");t.className="rte-bg-color-picker-header";const c=document.createElement("span");c.className="rte-bg-color-picker-title",c.textContent="Background Color";const r=document.createElement("button");r.type="button",r.className="rte-bg-color-picker-close",r.id="rte-bg-color-close",r.setAttribute("aria-label","Close"),r.textContent="×",t.appendChild(c),t.appendChild(r);const n=document.createElement("div");n.className="rte-bg-color-picker-body";const o=document.createElement("div");o.className="rte-bg-color-section";const l=document.createElement("div");l.className="rte-bg-color-preview";const s=document.createElement("div");s.className="rte-bg-color-preview-swatch",s.id="rte-bg-color-preview-swatch";const d=document.createElement("span");d.className="rte-bg-color-preview-hex",d.id="rte-bg-color-preview-hex",l.appendChild(s),l.appendChild(d),o.appendChild(l);const p=document.createElement("div");p.className="rte-bg-color-section";const y=document.createElement("div");y.className="rte-bg-color-section-label",y.textContent="Colors";const x=document.createElement("div");x.className="rte-bg-color-grid",x.id="rte-bg-color-grid",R.forEach(h=>{const b=document.createElement("button");b.type="button",b.className="rte-bg-color-swatch",b.style.backgroundColor=h,b.dataset.color=h,b.title=h,x.appendChild(b)}),p.appendChild(y),p.appendChild(x);const C=document.createElement("div");C.className="rte-bg-color-section";const E=document.createElement("div");E.className="rte-bg-color-section-label",E.textContent="Custom";const v=document.createElement("div");v.className="rte-bg-color-custom";const m=document.createElement("input");m.type="color",m.className="rte-bg-color-input",m.id="rte-bg-color-input",m.value=i;const u=document.createElement("input");return u.type="text",u.className="rte-bg-color-text-input",u.id="rte-bg-color-text-input",u.placeholder="#FFFF00",u.value=i.toUpperCase(),u.maxLength=7,v.appendChild(m),v.appendChild(u),C.appendChild(E),C.appendChild(v),n.appendChild(o),n.appendChild(p),n.appendChild(C),e.appendChild(t),e.appendChild(n),e}function I(){if(!a)return;a.querySelector("#rte-bg-color-close")?.addEventListener("click",()=>f());const t=a.querySelector("#rte-bg-color-grid");t&&t.addEventListener("click",n=>{const o=n.target;if(o.classList.contains("rte-bg-color-swatch")){const l=o.dataset.color;l&&(i=l,w(l),f())}});const c=a.querySelector("#rte-bg-color-input");c&&(c.addEventListener("change",n=>{const o=n.target.value.toUpperCase();i=o,w(o),f()}),c.addEventListener("input",n=>{i=n.target.value.toUpperCase(),S(),B()}));const r=a.querySelector("#rte-bg-color-text-input");r&&(r.addEventListener("change",n=>{let o=n.target.value.trim();o&&!o.startsWith("#")&&(o="#"+o),/^#[0-9A-F]{6}$/i.test(o)&&(i=o.toUpperCase(),w(i),f())}),r.addEventListener("input",n=>{let o=n.target.value.trim();o&&!o.startsWith("#")&&(o="#"+o,r.value=o),/^#[0-9A-F]{6}$/i.test(o)&&(i=o.toUpperCase(),S(),B())}))}function S(){if(!a)return;const e=a.querySelector("#rte-bg-color-preview-swatch"),t=a.querySelector("#rte-bg-color-preview-hex"),c=a.querySelector("#rte-bg-color-input"),r=a.querySelector("#rte-bg-color-text-input");e&&(e.style.backgroundColor=i),t&&(t.textContent=i.toUpperCase()),c&&(c.value=i),r&&(r.value=i.toUpperCase())}function B(){if(!a)return;a.querySelectorAll(".rte-bg-color-swatch").forEach(t=>{t.dataset.color?.toUpperCase()===i.toUpperCase()?t.classList.add("selected"):t.classList.remove("selected")})}function U(){try{const e=window.getSelection();if(!e||e.rangeCount===0)return"#ffff00";const c=e.getRangeAt(0).commonAncestorContainer,r=c.nodeType===1?c:c.parentElement;if(r){const n=r.closest('[style*="background-color"]');if(n){const o=n.style.backgroundColor;if(o)return z(o)}}return"#ffff00"}catch{return"#ffff00"}}function z(e){if(e.startsWith("#"))return e.toUpperCase();const t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);if(t){const c=parseInt(t[1]),r=parseInt(t[2]),n=parseInt(t[3]);return"#"+[c,r,n].map(o=>{const l=o.toString(16);return l.length===1?"0"+l:l}).join("").toUpperCase()}return"#ffff00"}function w(e){const t=A.applyColorToSelection({color:e,className:"rte-bg-color",styleProperty:"backgroundColor",commands:["hiliteColor","backColor"],savedRange:L,getActiveEditorRoot:P,warnMessage:"[BackgroundColor] Could not apply highlight for current selection"});return t&&console.log("[BackgroundColor] Applied color:",e),t}function f(){g&&(g.destroy(),g=null),a&&(a.remove(),a=null),N=null,L=null}function H(){if(_(),a)return f(),!0;const e=M("openBackgroundColorPicker");if(!e)return!1;const t=window.getSelection();return!t||t.isCollapsed?(alert("Please select text to apply background color"),!1):(t.rangeCount>0&&(L=t.getRangeAt(0).cloneRange()),i=U(),a=q(),document.body.appendChild(a),N=e,g&&(g.destroy(),g=null),g=A.attachAnchoredPopover({popover:a,anchor:e,onClose:f,gap:8,margin:8,zIndex:1e4}),S(),B(),I(),!0)}const O=()=>({name:"backgroundColor",marks:{backgroundColor:{attrs:{color:{default:"#ffffff"}},parseDOM:[{tag:'span[style*="background-color"]',getAttrs:e=>{const r=(e.getAttribute("style")||"").match(/background-color:\s*([^;]+)/);return r?{color:r[1]}:null}},{tag:"mark",getAttrs:e=>({color:e.style.backgroundColor||"#ffff00"})}],toDOM:e=>["span",{style:`background-color: ${e.attrs?.color||"#ffffff"}`,class:"rte-bg-color"},0]}},toolbar:[{label:"Background Color",command:"openBackgroundColorPicker",icon:'<svg width="24" height="24" focusable="false"><g fill-rule="evenodd"><path class="tox-icon-highlight-bg-color__color" d="M3 18h18v3H3z" fill="#000000"></path><path fill-rule="nonzero" d="M7.7 16.7H3l3.3-3.3-.7-.8L10.2 8l4 4.1-4 4.2c-.2.2-.6.2-.8 0l-.6-.7-1.1 1.1zm5-7.5L11 7.4l3-2.9a2 2 0 0 1 2.6 0L18 6c.7.7.7 2 0 2.7l-2.9 2.9-1.8-1.8-.5-.6"></path></g></svg>',shortcut:"Mod-Shift-h"}],commands:{openBackgroundColorPicker:()=>H(),setBackgroundColor:e=>e?w(e):!1},keymap:{"Mod-Shift-h":"openBackgroundColorPicker"}});exports.BackgroundColorPlugin=O;

package/dist/background-color.esm.js

@@ -1,6 +1,6 @@
-import { a as A } from "./colorSelectionApply-D8r_gV32.mjs";
-let l = null, k = null, B = null, s = "#ffff00";
-const h = '[data-theme="dark"], .dark, .editora-theme-dark', M = [
+import { a as P, b as R } from "./anchoredPopover-Dts0IrgU.mjs";
+let a = null, N = null, g = null, L = null, i = "#ffff00";
+const k = '[data-theme="dark"], .dark, .editora-theme-dark', I = [
   "#000000",
   "#ffffff",
   "#808080",
@@ -14,15 +14,15 @@ const h = '[data-theme="dark"], .dark, .editora-theme-dark', M = [
   "#800080",
   "#ffc0cb"
 ];
-function R() {
+function A() {
   const e = window.getSelection();
   if (e && e.rangeCount > 0) {
-    const r = e.getRangeAt(0).startContainer, a = r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement;
-    if (a) {
-      const n = a.closest(
+    const r = e.getRangeAt(0).startContainer, n = r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement;
+    if (n) {
+      const o = n.closest(
         '[data-editora-editor="true"], .rte-editor, .editora-editor'
       );
-      if (n) return n;
+      if (o) return o;
     }
   }
   const t = document.activeElement;
@@ -30,32 +30,48 @@ function R() {
     '[data-editora-editor="true"], .rte-editor, .editora-editor'
   ) : null;
 }
-function P(e) {
-  const t = R();
-  if (t) {
-    const c = t.querySelector(
-      `[data-command="${e}"]`
-    );
-    if (c) return c;
+function M(e) {
+  const t = window.__editoraLastCommand, c = window.__editoraLastCommandButton;
+  if (t === e && c && c.isConnected) {
+    const l = window.getComputedStyle(c), s = c.getBoundingClientRect();
+    if (l.display !== "none" && l.visibility !== "hidden" && l.pointerEvents !== "none" && !(s.width === 0 && s.height === 0))
+      return c;
+  }
+  const r = (l) => {
+    for (const s of l) {
+      const d = window.getComputedStyle(s), p = s.getBoundingClientRect();
+      if (!(d.display === "none" || d.visibility === "hidden" || d.pointerEvents === "none") && !(p.width === 0 && p.height === 0))
+        return s;
+    }
+    return null;
+  }, n = A();
+  if (n) {
+    const l = Array.from(
+      n.querySelectorAll(`[data-command="${e}"]`)
+    ), s = r(l);
+    if (s) return s;
   }
-  return document.querySelector(`[data-command="${e}"]`);
+  const o = Array.from(
+    document.querySelectorAll(`[data-command="${e}"]`)
+  );
+  return r(o);
 }
 function T(e) {
-  if (e?.closest(h)) return !0;
+  if (e?.closest(k)) return !0;
   const t = window.getSelection();
   if (t && t.rangeCount > 0) {
     const r = t.getRangeAt(0).startContainer;
-    if ((r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement)?.closest(h)) return !0;
+    if ((r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement)?.closest(k)) return !0;
   }
-  return document.activeElement?.closest(h) ? !0 : document.body.matches(h) || document.documentElement.matches(h);
+  return document.activeElement?.closest(k) ? !0 : document.body.matches(k) || document.documentElement.matches(k);
 }
-function H() {
+function U() {
   if (document.getElementById("rte-bg-color-picker-styles"))
     return;
   const e = document.createElement("style");
   e.id = "rte-bg-color-picker-styles", e.textContent = `
     .rte-bg-color-picker {
-      position: absolute;
+      position: fixed;
       background: white;
       border-radius: 8px;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
@@ -272,106 +288,95 @@ function H() {
     }
   `, document.head.appendChild(e);
 }
-function U() {
+function q() {
   const e = document.createElement("div");
-  e.className = "rte-bg-color-picker", T(k) && e.classList.add("rte-theme-dark"), e.addEventListener("click", (m) => m.stopPropagation());
+  e.className = "rte-bg-color-picker", T(N) && e.classList.add("rte-theme-dark"), e.addEventListener("click", (h) => h.stopPropagation());
   const t = document.createElement("div");
   t.className = "rte-bg-color-picker-header";
   const c = document.createElement("span");
   c.className = "rte-bg-color-picker-title", c.textContent = "Background Color";
   const r = document.createElement("button");
   r.type = "button", r.className = "rte-bg-color-picker-close", r.id = "rte-bg-color-close", r.setAttribute("aria-label", "Close"), r.textContent = "×", t.appendChild(c), t.appendChild(r);
-  const a = document.createElement("div");
-  a.className = "rte-bg-color-picker-body";
   const n = document.createElement("div");
-  n.className = "rte-bg-color-section";
+  n.className = "rte-bg-color-picker-body";
   const o = document.createElement("div");
-  o.className = "rte-bg-color-section-label", o.textContent = "Current Color";
-  const i = document.createElement("div");
-  i.className = "rte-bg-color-preview";
-  const d = document.createElement("div");
-  d.className = "rte-bg-color-preview-swatch", d.id = "rte-bg-color-preview-swatch";
-  const u = document.createElement("span");
-  u.className = "rte-bg-color-preview-hex", u.id = "rte-bg-color-preview-hex", i.appendChild(d), i.appendChild(u), n.appendChild(o), n.appendChild(i);
+  o.className = "rte-bg-color-section";
+  const l = document.createElement("div");
+  l.className = "rte-bg-color-preview";
+  const s = document.createElement("div");
+  s.className = "rte-bg-color-preview-swatch", s.id = "rte-bg-color-preview-swatch";
+  const d = document.createElement("span");
+  d.className = "rte-bg-color-preview-hex", d.id = "rte-bg-color-preview-hex", l.appendChild(s), l.appendChild(d), o.appendChild(l);
+  const p = document.createElement("div");
+  p.className = "rte-bg-color-section";
+  const y = document.createElement("div");
+  y.className = "rte-bg-color-section-label", y.textContent = "Colors";
   const x = document.createElement("div");
-  x.className = "rte-bg-color-section";
-  const E = document.createElement("div");
-  E.className = "rte-bg-color-section-label", E.textContent = "Colors";
+  x.className = "rte-bg-color-grid", x.id = "rte-bg-color-grid", I.forEach((h) => {
+    const b = document.createElement("button");
+    b.type = "button", b.className = "rte-bg-color-swatch", b.style.backgroundColor = h, b.dataset.color = h, b.title = h, x.appendChild(b);
+  }), p.appendChild(y), p.appendChild(x);
   const C = document.createElement("div");
-  C.className = "rte-bg-color-grid", C.id = "rte-bg-color-grid", M.forEach((m) => {
-    const g = document.createElement("button");
-    g.type = "button", g.className = "rte-bg-color-swatch", g.style.backgroundColor = m, g.dataset.color = m, g.title = m, C.appendChild(g);
-  }), x.appendChild(E), x.appendChild(C);
+  C.className = "rte-bg-color-section";
+  const E = document.createElement("div");
+  E.className = "rte-bg-color-section-label", E.textContent = "Custom";
   const w = document.createElement("div");
-  w.className = "rte-bg-color-section";
-  const S = document.createElement("div");
-  S.className = "rte-bg-color-section-label", S.textContent = "Custom";
-  const v = document.createElement("div");
-  v.className = "rte-bg-color-custom";
-  const f = document.createElement("input");
-  f.type = "color", f.className = "rte-bg-color-input", f.id = "rte-bg-color-input", f.value = s;
-  const p = document.createElement("input");
-  return p.type = "text", p.className = "rte-bg-color-text-input", p.id = "rte-bg-color-text-input", p.placeholder = "#FFFF00", p.value = s.toUpperCase(), p.maxLength = 7, v.appendChild(f), v.appendChild(p), w.appendChild(S), w.appendChild(v), a.appendChild(n), a.appendChild(x), a.appendChild(w), e.appendChild(t), e.appendChild(a), e;
+  w.className = "rte-bg-color-custom";
+  const m = document.createElement("input");
+  m.type = "color", m.className = "rte-bg-color-input", m.id = "rte-bg-color-input", m.value = i;
+  const u = document.createElement("input");
+  return u.type = "text", u.className = "rte-bg-color-text-input", u.id = "rte-bg-color-text-input", u.placeholder = "#FFFF00", u.value = i.toUpperCase(), u.maxLength = 7, w.appendChild(m), w.appendChild(u), C.appendChild(E), C.appendChild(w), n.appendChild(o), n.appendChild(p), n.appendChild(C), e.appendChild(t), e.appendChild(n), e;
 }
-function q() {
-  if (!l) return;
-  l.querySelector("#rte-bg-color-close")?.addEventListener("click", () => b());
-  const t = l.querySelector("#rte-bg-color-grid");
+function _() {
+  if (!a) return;
+  a.querySelector("#rte-bg-color-close")?.addEventListener("click", () => f());
+  const t = a.querySelector("#rte-bg-color-grid");
   t && t.addEventListener("click", (n) => {
     const o = n.target;
     if (o.classList.contains("rte-bg-color-swatch")) {
-      const i = o.dataset.color;
-      i && (s = i, y(i), b());
+      const l = o.dataset.color;
+      l && (i = l, v(l), f());
     }
   });
-  const c = l.querySelector("#rte-bg-color-input");
+  const c = a.querySelector("#rte-bg-color-input");
   c && (c.addEventListener("change", (n) => {
     const o = n.target.value.toUpperCase();
-    s = o, y(o), b();
+    i = o, v(o), f();
   }), c.addEventListener("input", (n) => {
-    s = n.target.value.toUpperCase(), N(), L();
+    i = n.target.value.toUpperCase(), S(), B();
   }));
-  const r = l.querySelector("#rte-bg-color-text-input");
+  const r = a.querySelector("#rte-bg-color-text-input");
   r && (r.addEventListener("change", (n) => {
     let o = n.target.value.trim();
-    o && !o.startsWith("#") && (o = "#" + o), /^#[0-9A-F]{6}$/i.test(o) && (s = o.toUpperCase(), y(s), b());
+    o && !o.startsWith("#") && (o = "#" + o), /^#[0-9A-F]{6}$/i.test(o) && (i = o.toUpperCase(), v(i), f());
   }), r.addEventListener("input", (n) => {
     let o = n.target.value.trim();
-    o && !o.startsWith("#") && (o = "#" + o, r.value = o), /^#[0-9A-F]{6}$/i.test(o) && (s = o.toUpperCase(), N(), L());
+    o && !o.startsWith("#") && (o = "#" + o, r.value = o), /^#[0-9A-F]{6}$/i.test(o) && (i = o.toUpperCase(), S(), B());
   }));
-  const a = (n) => {
-    if (l && k) {
-      const o = n.target;
-      !l.contains(o) && !k.contains(o) && b();
-    }
-  };
-  setTimeout(() => {
-    document.addEventListener("click", a);
-  }, 100), l._clickOutsideHandler = a;
 }
-function N() {
-  if (!l) return;
-  const e = l.querySelector("#rte-bg-color-preview-swatch"), t = l.querySelector("#rte-bg-color-preview-hex"), c = l.querySelector("#rte-bg-color-input"), r = l.querySelector("#rte-bg-color-text-input");
-  e && (e.style.backgroundColor = s), t && (t.textContent = s.toUpperCase()), c && (c.value = s), r && (r.value = s.toUpperCase());
+function S() {
+  if (!a) return;
+  const e = a.querySelector("#rte-bg-color-preview-swatch"), t = a.querySelector("#rte-bg-color-preview-hex"), c = a.querySelector("#rte-bg-color-input"), r = a.querySelector("#rte-bg-color-text-input");
+  e && (e.style.backgroundColor = i), t && (t.textContent = i.toUpperCase()), c && (c.value = i), r && (r.value = i.toUpperCase());
 }
-function L() {
-  if (!l) return;
-  l.querySelectorAll(".rte-bg-color-swatch").forEach((t) => {
-    t.dataset.color?.toUpperCase() === s.toUpperCase() ? t.classList.add("selected") : t.classList.remove("selected");
+function B() {
+  if (!a) return;
+  a.querySelectorAll(".rte-bg-color-swatch").forEach((t) => {
+    t.dataset.color?.toUpperCase() === i.toUpperCase() ? t.classList.add("selected") : t.classList.remove("selected");
   });
 }
-function I() {
+function z() {
   try {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0)
       return "#ffff00";
     const c = e.getRangeAt(0).commonAncestorContainer, r = c.nodeType === 1 ? c : c.parentElement;
     if (r) {
-      const a = r.closest('[style*="background-color"]');
-      if (a) {
-        const n = a.style.backgroundColor;
-        if (n)
-          return O(n);
+      const n = r.closest('[style*="background-color"]');
+      if (n) {
+        const o = n.style.backgroundColor;
+        if (o)
+          return H(o);
       }
     }
     return "#ffff00";
@@ -379,59 +384,51 @@ function I() {
     return "#ffff00";
   }
 }
-function O(e) {
+function H(e) {
   if (e.startsWith("#"))
     return e.toUpperCase();
   const t = e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
   if (t) {
-    const c = parseInt(t[1]), r = parseInt(t[2]), a = parseInt(t[3]);
-    return "#" + [c, r, a].map((n) => {
-      const o = n.toString(16);
-      return o.length === 1 ? "0" + o : o;
+    const c = parseInt(t[1]), r = parseInt(t[2]), n = parseInt(t[3]);
+    return "#" + [c, r, n].map((o) => {
+      const l = o.toString(16);
+      return l.length === 1 ? "0" + l : l;
     }).join("").toUpperCase();
   }
   return "#ffff00";
 }
-function y(e) {
-  const t = A({
+function v(e) {
+  const t = P({
     color: e,
     className: "rte-bg-color",
     styleProperty: "backgroundColor",
     commands: ["hiliteColor", "backColor"],
-    savedRange: B,
-    getActiveEditorRoot: R,
+    savedRange: L,
+    getActiveEditorRoot: A,
     warnMessage: "[BackgroundColor] Could not apply highlight for current selection"
   });
   return t && console.log("[BackgroundColor] Applied color:", e), t;
 }
-function b() {
-  if (l) {
-    const e = l._clickOutsideHandler;
-    e && document.removeEventListener("click", e), l.remove(), l = null;
-  }
-  k = null, B = null;
-}
-function z(e, t) {
-  const c = e.getBoundingClientRect(), r = t.getBoundingClientRect(), a = r.width || 220, n = r.height || 320, o = 8;
-  let i = c.left;
-  i + a > window.innerWidth - o && (i = window.innerWidth - a - o), i = Math.max(o, i);
-  let d = c.bottom + o;
-  if (d + n > window.innerHeight - o) {
-    const u = c.top - n - o;
-    u >= o ? d = u : d = Math.max(o, window.innerHeight - n - o);
-  }
-  t.style.top = `${Math.round(d + window.scrollY)}px`, t.style.left = `${Math.round(i + window.scrollX)}px`;
+function f() {
+  g && (g.destroy(), g = null), a && (a.remove(), a = null), N = null, L = null;
 }
-function _() {
-  if (H(), l)
-    return b(), !0;
-  const e = P("openBackgroundColorPicker");
+function D() {
+  if (U(), a)
+    return f(), !0;
+  const e = M("openBackgroundColorPicker");
   if (!e)
     return !1;
   const t = window.getSelection();
-  return !t || t.isCollapsed ? (alert("Please select text to apply background color"), !1) : (t.rangeCount > 0 && (B = t.getRangeAt(0).cloneRange()), s = I(), l = U(), document.body.appendChild(l), k = e, z(e, l), N(), L(), q(), !0);
+  return !t || t.isCollapsed ? (alert("Please select text to apply background color"), !1) : (t.rangeCount > 0 && (L = t.getRangeAt(0).cloneRange()), i = z(), a = q(), document.body.appendChild(a), N = e, g && (g.destroy(), g = null), g = R({
+    popover: a,
+    anchor: e,
+    onClose: f,
+    gap: 8,
+    margin: 8,
+    zIndex: 1e4
+  }), S(), B(), _(), !0);
 }
-const F = () => ({
+const O = () => ({
   name: "backgroundColor",
   marks: {
     backgroundColor: {
@@ -470,13 +467,13 @@ const F = () => ({
     }
   ],
   commands: {
-    openBackgroundColorPicker: () => _(),
-    setBackgroundColor: (e) => e ? y(e) : !1
+    openBackgroundColorPicker: () => D(),
+    setBackgroundColor: (e) => e ? v(e) : !1
   },
   keymap: {
     "Mod-Shift-h": "openBackgroundColorPicker"
   }
 });
 export {
-  F as BackgroundColorPlugin
+  O as BackgroundColorPlugin
 };