@editora/plugins 1.0.6 → 1.0.8

package/README.md

@@ -17,6 +17,12 @@ Comprehensive plugin collection for Editora Rich Text Editor with 40+ plugins fo
 npm install @editora/plugins @editora/core @editora/themes
 ```
 
+When using plugin UI features (table toolbar, pickers, dialogs), also import:
+
+```ts
+import "@editora/plugins/styles.css";
+```
+
 ## 🎯 Overview
 
 This package provides a complete set of plugins for building feature-rich text editors. Each plugin is modular, tree-shakeable, and can be used independently.
@@ -109,6 +115,7 @@ import {
   StrikethroughPlugin
 } from '@editora/plugins';
 
+import "@editora/plugins/styles.css";
 import "@editora/themes/themes/default.css";
 const plugins = [
   BoldPlugin(),
@@ -588,15 +595,61 @@ const collaborativePlugins = [
   }),
   MergeTagPlugin({
     tags: [
-      { label: 'First Name', value: '{{firstName}}' },
-      { label: 'Last Name', value: '{{lastName}}' },
-      { label: 'Email', value: '{{email}}' }
-    ]
+      { label: 'First Name', value: '{{firstName}}', category: 'User' },
+      { label: 'Last Name', value: '{{lastName}}', category: 'User' },
+      { label: 'Email', value: '{{email}}', category: 'User' }
+    ],
+    defaultCategory: 'User',
+    dialog: {
+      title: 'Insert Variable',
+      searchPlaceholder: 'Search variables...',
+      showPreview: true
+    },
+    tokenTemplate: '{value}'
   }),
   HistoryPlugin()
 ];
 ```
 
+`MergeTagPlugin` supports functional customization:
+
+- `tags`: flat list of tags (auto-grouped by `category`)
+- `categories`: explicit grouped categories with custom order
+- `defaultCategory`: initial tab
+- `dialog`: labels/placeholders/preview toggle
+- `tokenTemplate`: string template (`{key}`, `{label}`, `{category}`, `{value}`) or formatter function
+
+### Custom Templates
+
+You can register your own templates before initializing the editor:
+
+```typescript
+import { TemplatePlugin, addCustomTemplate } from '@editora/plugins';
+
+addCustomTemplate({
+  id: 'invoice-basic',
+  name: 'Invoice (Basic)',
+  category: 'Billing',
+  description: 'Simple invoice template',
+  html: `
+    <h1>Invoice</h1>
+    <p><strong>Customer:</strong> {{customer.name}}</p>
+    <p><strong>Date:</strong> {{today}}</p>
+    <p><strong>Total:</strong> {{invoice.total}}</p>
+  `,
+  tags: ['invoice', 'billing']
+});
+
+const plugins = [
+  TemplatePlugin()
+];
+```
+
+Notes:
+- `id` must be unique.
+- HTML is sanitized on insertion.
+- Use `validateTemplate(template)` if you want to pre-check templates before registering.
+
 ## 🔧 TypeScript Support
 
 All plugins include full TypeScript definitions:

package/dist/_commonjsHelpers-BH3jXuIh.js

@@ -0,0 +1 @@
+"use strict";var u=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function f(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function l(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var n=e.default;if(typeof n=="function"){var t=function o(){var r=!1;try{r=this instanceof o}catch{}return r?Reflect.construct(n,arguments,this.constructor):n.apply(this,arguments)};t.prototype=n.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach(function(o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}),t}exports.commonjsGlobal=u;exports.getAugmentedNamespace=l;exports.getDefaultExportFromCjs=f;

package/dist/_commonjsHelpers-ByX85dGu.mjs

@@ -0,0 +1,33 @@
+var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function a(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function f(e) {
+  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
+  var n = e.default;
+  if (typeof n == "function") {
+    var t = function r() {
+      var o = !1;
+      try {
+        o = this instanceof r;
+      } catch {
+      }
+      return o ? Reflect.construct(n, arguments, this.constructor) : n.apply(this, arguments);
+    };
+    t.prototype = n.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
+    var o = Object.getOwnPropertyDescriptor(e, r);
+    Object.defineProperty(t, r, o.get ? o : {
+      enumerable: !0,
+      get: function() {
+        return e[r];
+      }
+    });
+  }), t;
+}
+export {
+  f as a,
+  u as c,
+  a as g
+};

package/dist/anchor.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./editorContainerHelpers-CFbfiOJI.js"),h=new Set,m='[data-theme="dark"], .dark, .editora-theme-dark';function z(){if(typeof window>"u"||window.__anchorObserverInitialized)return;window.__anchorObserverInitialized=!0,new MutationObserver(d=>{d.forEach(s=>{s.removedNodes.forEach(r=>{if(r.nodeType===Node.ELEMENT_NODE){const l=r;if(l.classList?.contains("rte-anchor")){const a=l.id;a&&h.delete(a)}l.querySelectorAll?.(".rte-anchor")?.forEach(a=>{const u=a.id;u&&h.delete(u)})}})})}).observe(document.body,{childList:!0,subtree:!0})}function S(o){return!o||o.trim().length===0?{valid:!1,error:"Anchor ID cannot be empty"}:o.length>256?{valid:!1,error:"Anchor ID must be less than 256 characters"}:/^[a-z_]/.test(o)?/^[a-z0-9\-_]+$/.test(o)?{valid:!0,error:""}:{valid:!1,error:"Anchor ID can only contain letters, numbers, hyphens, and underscores"}:{valid:!1,error:"Anchor ID must start with a letter or underscore"}}function R(){const o=w.findEditorContainerFromSelection();if(!o)return;const d=w.getContentElement(o);if(!d)return;const s=d.querySelectorAll(".rte-anchor"),r=new Set;s.forEach(l=>{const e=l.id;e&&r.add(e)}),h.clear(),r.forEach(l=>h.add(l))}function N(o){if(o){const r=o.startContainer;if((r.nodeType===Node.ELEMENT_NODE?r:r.parentElement)?.closest(m))return!0}const d=window.getSelection();if(d&&d.rangeCount>0){const r=d.getRangeAt(0).startContainer;if((r.nodeType===Node.ELEMENT_NODE?r:r.parentElement)?.closest(m))return!0}return document.activeElement?.closest(m)?!0:document.body.matches(m)||document.documentElement.matches(m)}function M(o,d,s,r){R();const l=N(r),e=l?{overlay:"rgba(0, 0, 0, 0.62)",dialogBg:"#1f2937",panelBg:"#222d3a",border:"#3b4657",text:"#e2e8f0",muted:"#94a3b8",closeHoverBg:"#334155",fieldBg:"#111827",fieldFocusBg:"#111827",fieldBorder:"#4b5563",fieldText:"#e2e8f0",fieldErrorBg:"#3f2124",fieldErrorBorder:"#ef4444",cancelBg:"#334155",cancelHover:"#475569",cancelText:"#e2e8f0",saveBg:"#3b82f6",saveHover:"#2563eb",saveDisabledBg:"#374151",saveDisabledText:"#7f8ca1",help:"#9fb0c6",focusRing:"rgba(88, 166, 255, 0.25)",errorRing:"rgba(239, 68, 68, 0.25)"}:{overlay:"rgba(0, 0, 0, 0.5)",dialogBg:"#ffffff",panelBg:"#f9f9f9",border:"#e0e0e0",text:"#333333",muted:"#999999",closeHoverBg:"#e0e0e0",fieldBg:"#ffffff",fieldFocusBg:"#f9f9ff",fieldBorder:"#d0d0d0",fieldText:"#333333",fieldErrorBg:"#ffebee",fieldErrorBorder:"#d32f2f",cancelBg:"#f0f0f0",cancelHover:"#e0e0e0",cancelText:"#333333",saveBg:"#0066cc",saveHover:"#0052a3",saveDisabledBg:"#d0d0d0",saveDisabledText:"#999999",help:"#999999",focusRing:"rgba(0, 102, 204, 0.1)",errorRing:"rgba(211, 47, 47, 0.1)"},a=document.createElement("div");a.className="rte-anchor-dialog-overlay",a.style.cssText=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("./editorContainerHelpers-CFbfiOJI.js"),b=new Set,x='[data-theme="dark"], .dark, .editora-theme-dark';function $(t,c){if(c===t.innerHTML)return;const i=window.execEditorCommand||window.executeEditorCommand;if(typeof i=="function")try{i("recordDomTransaction",t,c,t.innerHTML)}catch{}}function z(){if(typeof window>"u"||window.__anchorObserverInitialized)return;window.__anchorObserverInitialized=!0,new MutationObserver(c=>{c.forEach(i=>{i.removedNodes.forEach(r=>{if(r.nodeType===Node.ELEMENT_NODE){const d=r;if(d.classList?.contains("rte-anchor")){const n=d.id;n&&b.delete(n)}d.querySelectorAll?.(".rte-anchor")?.forEach(n=>{const u=n.id;u&&b.delete(u)})}})})}).observe(document.body,{childList:!0,subtree:!0})}function S(t){return!t||t.trim().length===0?{valid:!1,error:"Anchor ID cannot be empty"}:t.length>256?{valid:!1,error:"Anchor ID must be less than 256 characters"}:/^[a-z_]/.test(t)?/^[a-z0-9\-_]+$/.test(t)?{valid:!0,error:""}:{valid:!1,error:"Anchor ID can only contain letters, numbers, hyphens, and underscores"}:{valid:!1,error:"Anchor ID must start with a letter or underscore"}}function M(){const t=w.findEditorContainerFromSelection();if(!t)return;const c=w.getContentElement(t);if(!c)return;const i=c.querySelectorAll(".rte-anchor"),r=new Set;i.forEach(d=>{const e=d.id;e&&r.add(e)}),b.clear(),r.forEach(d=>b.add(d))}function R(t){if(t){const r=t.startContainer;if((r.nodeType===Node.ELEMENT_NODE?r:r.parentElement)?.closest(x))return!0}const c=window.getSelection();if(c&&c.rangeCount>0){const r=c.getRangeAt(0).startContainer;if((r.nodeType===Node.ELEMENT_NODE?r:r.parentElement)?.closest(x))return!0}return document.activeElement?.closest(x)?!0:document.body.matches(x)||document.documentElement.matches(x)}function H(t,c,i,r){M();const d=R(r),e=d?{overlay:"rgba(0, 0, 0, 0.62)",dialogBg:"#1f2937",panelBg:"#222d3a",border:"#3b4657",text:"#e2e8f0",muted:"#94a3b8",closeHoverBg:"#334155",fieldBg:"#111827",fieldFocusBg:"#111827",fieldBorder:"#4b5563",fieldText:"#e2e8f0",fieldErrorBg:"#3f2124",fieldErrorBorder:"#ef4444",cancelBg:"#334155",cancelHover:"#475569",cancelText:"#e2e8f0",saveBg:"#3b82f6",saveHover:"#2563eb",saveDisabledBg:"#374151",saveDisabledText:"#7f8ca1",help:"#9fb0c6",focusRing:"rgba(88, 166, 255, 0.25)",errorRing:"rgba(239, 68, 68, 0.25)"}:{overlay:"rgba(0, 0, 0, 0.5)",dialogBg:"#ffffff",panelBg:"#f9f9f9",border:"#e0e0e0",text:"#333333",muted:"#999999",closeHoverBg:"#e0e0e0",fieldBg:"#ffffff",fieldFocusBg:"#f9f9ff",fieldBorder:"#d0d0d0",fieldText:"#333333",fieldErrorBg:"#ffebee",fieldErrorBorder:"#d32f2f",cancelBg:"#f0f0f0",cancelHover:"#e0e0e0",cancelText:"#333333",saveBg:"#0066cc",saveHover:"#0052a3",saveDisabledBg:"#d0d0d0",saveDisabledText:"#999999",help:"#999999",focusRing:"rgba(0, 102, 204, 0.1)",errorRing:"rgba(211, 47, 47, 0.1)"},n=document.createElement("div");n.className="rte-anchor-dialog-overlay",n.style.cssText=`
     position: fixed;
     top: 0;
     left: 0;
@@ -19,7 +19,7 @@
     max-width: 450px;
     overflow: hidden;
     animation: rte-anchor-dialog-appear 0.2s ease;
-  `,!document.getElementById("rte-anchor-dialog-styles")){const i=document.createElement("style");i.id="rte-anchor-dialog-styles",i.textContent=`
+  `,!document.getElementById("rte-anchor-dialog-styles")){const s=document.createElement("style");s.id="rte-anchor-dialog-styles",s.textContent=`
       @keyframes rte-anchor-dialog-appear {
         from { opacity: 0; transform: scale(0.95); }
         to { opacity: 1; transform: scale(1); }
@@ -27,14 +27,14 @@
       .rte-anchor-dialog input:focus {
         outline: none !important;
       }
-    `,document.head.appendChild(i)}let p="";const x=document.createElement("div");x.style.cssText=`
+    `,document.head.appendChild(s)}let l="";const h=document.createElement("div");h.style.cssText=`
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 16px 20px;
     border-bottom: 1px solid ${e.border};
     background: ${e.panelBg};
-  `;const C=document.createElement("h3");C.style.cssText=`margin: 0; font-size: 18px; font-weight: 600; color: ${e.text};`,C.textContent="Add Anchor";const c=document.createElement("button");c.textContent="✕",c.style.cssText=`
+  `;const C=document.createElement("h3");C.style.cssText=`margin: 0; font-size: 18px; font-weight: 600; color: ${e.text};`,C.textContent="Add Anchor";const f=document.createElement("button");f.textContent="✕",f.style.cssText=`
     background: none;
     border: none;
     font-size: 24px;
@@ -48,7 +48,7 @@
     justify-content: center;
     border-radius: 4px;
     transition: all 0.2s ease;
-  `,c.onmouseover=()=>{c.style.background=e.closeHoverBg,c.style.color="#f8fafc"},c.onmouseout=()=>{c.style.background="none",c.style.color=e.muted},x.appendChild(C),x.appendChild(c);const B=document.createElement("div");B.style.cssText="padding: 20px;";const b=document.createElement("div");b.style.cssText="margin-bottom: 0;";const y=document.createElement("label");y.textContent="Anchor ID",y.style.cssText=`display: block; font-size: 14px; font-weight: 500; color: ${e.text}; margin-bottom: 8px;`,y.setAttribute("for","anchor-id-input");const t=document.createElement("input");t.id="anchor-id-input",t.type="text",t.placeholder="e.g., section-introduction",t.value="",t.style.cssText=`
+  `,f.onmouseover=()=>{f.style.background=e.closeHoverBg,f.style.color="#f8fafc"},f.onmouseout=()=>{f.style.background="none",f.style.color=e.muted},h.appendChild(C),h.appendChild(f);const B=document.createElement("div");B.style.cssText="padding: 20px;";const m=document.createElement("div");m.style.cssText="margin-bottom: 0;";const y=document.createElement("label");y.textContent="Anchor ID",y.style.cssText=`display: block; font-size: 14px; font-weight: 500; color: ${e.text}; margin-bottom: 8px;`,y.setAttribute("for","anchor-id-input");const o=document.createElement("input");o.id="anchor-id-input",o.type="text",o.placeholder="e.g., section-introduction",o.value="",o.style.cssText=`
     width: 100%;
     padding: 10px 12px;
     font-size: 14px;
@@ -59,12 +59,12 @@
     background: ${e.fieldBg};
     transition: all 0.2s ease;
     box-sizing: border-box;
-  `,t.style.setProperty("caret-color",e.fieldText);const f=document.createElement("div");f.style.cssText=`
+  `,o.style.setProperty("caret-color",e.fieldText);const p=document.createElement("div");p.style.cssText=`
     color: #d32f2f;
     font-size: 12px;
     margin-top: 6px;
     display: none;
-  `;const k=document.createElement("div");k.textContent="URL-safe ID (letters, numbers, hyphens, underscores). Must start with letter or underscore.",k.style.cssText=`color: ${e.help}; font-size: 12px; margin-top: 8px; line-height: 1.4;`,b.appendChild(y),b.appendChild(t),b.appendChild(f),b.appendChild(k),B.appendChild(b);const v=document.createElement("div");v.style.cssText=`
+  `;const k=document.createElement("div");k.textContent="URL-safe ID (letters, numbers, hyphens, underscores). Must start with letter or underscore.",k.style.cssText=`color: ${e.help}; font-size: 12px; margin-top: 8px; line-height: 1.4;`,m.appendChild(y),m.appendChild(o),m.appendChild(p),m.appendChild(k),B.appendChild(m);const v=document.createElement("div");v.style.cssText=`
     display: flex;
     gap: 12px;
     padding: 16px 20px;
@@ -81,7 +81,7 @@
     transition: all 0.2s ease;
     background: ${e.cancelBg};
     color: ${e.cancelText};
-  `,g.onmouseover=()=>g.style.background=e.cancelHover,g.onmouseout=()=>g.style.background=e.cancelBg;const n=document.createElement("button");n.textContent="Add Anchor",n.style.cssText=`
+  `,g.onmouseover=()=>g.style.background=e.cancelHover,g.onmouseout=()=>g.style.background=e.cancelBg;const a=document.createElement("button");a.textContent="Add Anchor",a.style.cssText=`
     padding: 8px 16px;
     font-size: 14px;
     font-weight: 500;
@@ -91,11 +91,11 @@
     transition: all 0.2s ease;
     background: ${e.saveBg};
     color: white;
-  `,n.disabled=!t.value.trim();const $=()=>{t.value.trim()?(n.disabled=!1,n.style.background=e.saveBg,n.style.color="white",n.style.cursor="pointer"):(n.disabled=!0,n.style.background=e.saveDisabledBg,n.style.color=e.saveDisabledText,n.style.cursor="not-allowed")};n.onmouseover=()=>{n.disabled||(n.style.background=e.saveHover,n.style.boxShadow=l?"0 2px 8px rgba(59, 130, 246, 0.35)":"0 2px 8px rgba(0, 102, 204, 0.3)")},n.onmouseout=()=>{n.disabled||(n.style.background=e.saveBg,n.style.boxShadow="none")},v.appendChild(g),v.appendChild(n),t.oninput=()=>{const i=t.value;if($(),i.trim()){const T=S(i);T.valid?h.has(i)?(p=`Anchor ID already exists: ${i}`,f.textContent="⚠ "+p,f.style.display="block",t.style.borderColor=e.fieldErrorBorder,t.style.background=e.fieldErrorBg):(p="",f.style.display="none",t.style.borderColor=e.fieldBorder,t.style.background=e.fieldBg):(p=T.error,f.textContent="⚠ "+p,f.style.display="block",t.style.borderColor=e.fieldErrorBorder,t.style.background=e.fieldErrorBg)}else f.style.display="none",t.style.borderColor=e.fieldBorder,t.style.background=e.fieldBg},t.onfocus=()=>{t.style.borderColor=p?e.fieldErrorBorder:e.saveBg,t.style.boxShadow=p?`0 0 0 3px ${e.errorRing}`:`0 0 0 3px ${e.focusRing}`,t.style.background=p?e.fieldErrorBg:e.fieldFocusBg},t.onblur=()=>{t.style.boxShadow="none",p||(t.style.background=e.fieldBg)};const A=()=>{const i=t.value.trim();!i||!S(i).valid||h.has(i)||(s&&s(i),a.remove())},E=()=>{a.remove()};n.onclick=A,g.onclick=E,c.onclick=E,t.onkeydown=i=>{i.key==="Enter"?(i.preventDefault(),A()):i.key==="Escape"&&(i.preventDefault(),E())},a.onclick=i=>{i.target===a&&E()},u.appendChild(x),u.appendChild(B),u.appendChild(v),a.appendChild(u),document.body.appendChild(a),setTimeout(()=>t.focus(),100)}function _(o,d){let s;if(d)s=d;else{const a=window.getSelection();if(!a||a.rangeCount===0)return;s=a.getRangeAt(0)}const r=document.createElement("span");r.id=o,r.className="rte-anchor",r.setAttribute("data-type","anchor"),r.setAttribute("data-anchor-id",o),r.setAttribute("title",`Anchor: ${o}`),r.style.cssText=`
+  `,a.disabled=!o.value.trim();const N=()=>{o.value.trim()?(a.disabled=!1,a.style.background=e.saveBg,a.style.color="white",a.style.cursor="pointer"):(a.disabled=!0,a.style.background=e.saveDisabledBg,a.style.color=e.saveDisabledText,a.style.cursor="not-allowed")};a.onmouseover=()=>{a.disabled||(a.style.background=e.saveHover,a.style.boxShadow=d?"0 2px 8px rgba(59, 130, 246, 0.35)":"0 2px 8px rgba(0, 102, 204, 0.3)")},a.onmouseout=()=>{a.disabled||(a.style.background=e.saveBg,a.style.boxShadow="none")},v.appendChild(g),v.appendChild(a),o.oninput=()=>{const s=o.value;if(N(),s.trim()){const T=S(s);T.valid?b.has(s)?(l=`Anchor ID already exists: ${s}`,p.textContent="⚠ "+l,p.style.display="block",o.style.borderColor=e.fieldErrorBorder,o.style.background=e.fieldErrorBg):(l="",p.style.display="none",o.style.borderColor=e.fieldBorder,o.style.background=e.fieldBg):(l=T.error,p.textContent="⚠ "+l,p.style.display="block",o.style.borderColor=e.fieldErrorBorder,o.style.background=e.fieldErrorBg)}else p.style.display="none",o.style.borderColor=e.fieldBorder,o.style.background=e.fieldBg},o.onfocus=()=>{o.style.borderColor=l?e.fieldErrorBorder:e.saveBg,o.style.boxShadow=l?`0 0 0 3px ${e.errorRing}`:`0 0 0 3px ${e.focusRing}`,o.style.background=l?e.fieldErrorBg:e.fieldFocusBg},o.onblur=()=>{o.style.boxShadow="none",l||(o.style.background=e.fieldBg)};const A=()=>{const s=o.value.trim();!s||!S(s).valid||b.has(s)||(i&&i(s),n.remove())},E=()=>{n.remove()};a.onclick=A,g.onclick=E,f.onclick=E,o.onkeydown=s=>{s.key==="Enter"?(s.preventDefault(),A()):s.key==="Escape"&&(s.preventDefault(),E())},n.onclick=s=>{s.target===n&&E()},u.appendChild(h),u.appendChild(B),u.appendChild(v),n.appendChild(u),document.body.appendChild(n),setTimeout(()=>o.focus(),100)}function _(t,c){let i;if(c)i=c;else{const l=window.getSelection();if(!l||l.rangeCount===0)return;i=l.getRangeAt(0)}let r=null,d=i.startContainer;for(;d&&d!==document.body;){if(d.nodeType===Node.ELEMENT_NODE){const l=d;if(l.getAttribute("contenteditable")==="true"){r=l;break}}d=d.parentNode}const e=r?.innerHTML??"",n=document.createElement("span");n.id=t,n.className="rte-anchor",n.setAttribute("data-type","anchor"),n.setAttribute("data-anchor-id",t),n.setAttribute("title",`Anchor: ${t}`),n.style.cssText=`
     display: inline;
     position: relative;
     cursor: pointer;
-  `,s.insertNode(r),h.add(o),s.setStart(r.nextSibling||r.parentNode,0),s.collapse(!0);const l=window.getSelection();l&&(l.removeAllRanges(),l.addRange(s));const e=w.findEditorContainerFromSelection();if(e){const a=w.getContentElement(e);a&&a.dispatchEvent(new Event("input",{bubbles:!0}))}D()}function D(){if(document.getElementById("rte-anchor-styles"))return;const o=document.createElement("style");o.id="rte-anchor-styles",o.textContent=`
+  `,i.insertNode(n),b.add(t),i.setStart(n.nextSibling||n.parentNode,0),i.collapse(!0);const u=window.getSelection();if(u&&(u.removeAllRanges(),u.addRange(i)),r)$(r,e),r.dispatchEvent(new Event("input",{bubbles:!0}));else{const l=w.findEditorContainerFromSelection();if(l){const h=w.getContentElement(l);h&&h.dispatchEvent(new Event("input",{bubbles:!0}))}}D()}function D(){if(document.getElementById("rte-anchor-styles"))return;const t=document.createElement("style");t.id="rte-anchor-styles",t.textContent=`
     .rte-anchor {
       display: inline;
       position: relative;
@@ -173,4 +173,4 @@
       outline: 2px solid #0066cc;
       outline-offset: 2px;
     }
-  `,document.head.appendChild(o)}const H=()=>(typeof window<"u"&&(z(),D()),{name:"anchor",toolbar:[{label:"Anchor",command:"insertAnchor",icon:'<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" 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="M12 8.4C13.4912 8.4 14.7 7.19117 14.7 5.7C14.7 4.20883 13.4912 3 12 3C10.5088 3 9.3 4.20883 9.3 5.7C9.3 7.19117 10.5088 8.4 12 8.4ZM12 8.4V20.9999M12 20.9999C9.61305 20.9999 7.32387 20.0518 5.63604 18.364C3.94821 16.6761 3 14.3869 3 12H5M12 20.9999C14.3869 20.9999 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12H19" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>',shortcut:"Mod-Shift-k"}],commands:{insertAnchor:()=>{try{const o=window.getSelection();if(!o||o.rangeCount===0)return alert("Please place your cursor where you want to insert the anchor."),!1;const d=o.getRangeAt(0).cloneRange();return M("add","",s=>{_(s,d)},d),!0}catch(o){return console.error("Failed to insert anchor:",o),!1}}},keymap:{"Mod-Shift-k":"insertAnchor"}});exports.AnchorPlugin=H;
+  `,document.head.appendChild(t)}const I=()=>(typeof window<"u"&&(z(),D()),{name:"anchor",toolbar:[{label:"Anchor",command:"insertAnchor",icon:'<svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" 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="M12 8.4C13.4912 8.4 14.7 7.19117 14.7 5.7C14.7 4.20883 13.4912 3 12 3C10.5088 3 9.3 4.20883 9.3 5.7C9.3 7.19117 10.5088 8.4 12 8.4ZM12 8.4V20.9999M12 20.9999C9.61305 20.9999 7.32387 20.0518 5.63604 18.364C3.94821 16.6761 3 14.3869 3 12H5M12 20.9999C14.3869 20.9999 16.6761 20.0518 18.364 18.364C20.0518 16.6761 21 14.3869 21 12H19" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>',shortcut:"Mod-Shift-k"}],commands:{insertAnchor:()=>{try{const t=window.getSelection();if(!t||t.rangeCount===0)return alert("Please place your cursor where you want to insert the anchor."),!1;const c=t.getRangeAt(0).cloneRange();return H("add","",i=>{_(i,c)},c),!0}catch(t){return console.error("Failed to insert anchor:",t),!1}}},keymap:{"Mod-Shift-k":"insertAnchor"}});exports.AnchorPlugin=I;

package/dist/anchor.esm.js

@@ -1,19 +1,28 @@
-import { f as S, g as D } from "./editorContainerHelpers-C7kdWnS0.mjs";
-const h = /* @__PURE__ */ new Set(), m = '[data-theme="dark"], .dark, .editora-theme-dark';
+import { f as D, g as S } from "./editorContainerHelpers-C7kdWnS0.mjs";
+const b = /* @__PURE__ */ new Set(), x = '[data-theme="dark"], .dark, .editora-theme-dark';
+function z(t, c) {
+  if (c === t.innerHTML) return;
+  const i = window.execEditorCommand || window.executeEditorCommand;
+  if (typeof i == "function")
+    try {
+      i("recordDomTransaction", t, c, t.innerHTML);
+    } catch {
+    }
+}
 function R() {
   if (typeof window > "u" || window.__anchorObserverInitialized) return;
-  window.__anchorObserverInitialized = !0, new MutationObserver((l) => {
-    l.forEach((i) => {
-      i.removedNodes.forEach((r) => {
-        if (r.nodeType === Node.ELEMENT_NODE) {
-          const d = r;
+  window.__anchorObserverInitialized = !0, new MutationObserver((c) => {
+    c.forEach((i) => {
+      i.removedNodes.forEach((n) => {
+        if (n.nodeType === Node.ELEMENT_NODE) {
+          const d = n;
           if (d.classList?.contains("rte-anchor")) {
-            const a = d.id;
-            a && h.delete(a);
+            const r = d.id;
+            r && b.delete(r);
           }
-          d.querySelectorAll?.(".rte-anchor")?.forEach((a) => {
-            const u = a.id;
-            u && h.delete(u);
+          d.querySelectorAll?.(".rte-anchor")?.forEach((r) => {
+            const u = r.id;
+            u && b.delete(u);
           });
         }
       });
@@ -23,35 +32,35 @@ function R() {
     subtree: !0
   });
 }
-function A(o) {
-  return !o || o.trim().length === 0 ? { valid: !1, error: "Anchor ID cannot be empty" } : o.length > 256 ? { valid: !1, error: "Anchor ID must be less than 256 characters" } : /^[a-z_]/.test(o) ? /^[a-z0-9\-_]+$/.test(o) ? { valid: !0, error: "" } : { valid: !1, error: "Anchor ID can only contain letters, numbers, hyphens, and underscores" } : { valid: !1, error: "Anchor ID must start with a letter or underscore" };
+function A(t) {
+  return !t || t.trim().length === 0 ? { valid: !1, error: "Anchor ID cannot be empty" } : t.length > 256 ? { valid: !1, error: "Anchor ID must be less than 256 characters" } : /^[a-z_]/.test(t) ? /^[a-z0-9\-_]+$/.test(t) ? { valid: !0, error: "" } : { valid: !1, error: "Anchor ID can only contain letters, numbers, hyphens, and underscores" } : { valid: !1, error: "Anchor ID must start with a letter or underscore" };
 }
-function N() {
-  const o = S();
-  if (!o) return;
-  const l = D(o);
-  if (!l) return;
-  const i = l.querySelectorAll(".rte-anchor"), r = /* @__PURE__ */ new Set();
+function M() {
+  const t = D();
+  if (!t) return;
+  const c = S(t);
+  if (!c) return;
+  const i = c.querySelectorAll(".rte-anchor"), n = /* @__PURE__ */ new Set();
   i.forEach((d) => {
     const e = d.id;
-    e && r.add(e);
-  }), h.clear(), r.forEach((d) => h.add(d));
+    e && n.add(e);
+  }), b.clear(), n.forEach((d) => b.add(d));
 }
-function M(o) {
-  if (o) {
-    const r = o.startContainer;
-    if ((r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement)?.closest(m)) return !0;
+function H(t) {
+  if (t) {
+    const n = t.startContainer;
+    if ((n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement)?.closest(x)) return !0;
   }
-  const l = window.getSelection();
-  if (l && l.rangeCount > 0) {
-    const r = l.getRangeAt(0).startContainer;
-    if ((r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement)?.closest(m)) return !0;
+  const c = window.getSelection();
+  if (c && c.rangeCount > 0) {
+    const n = c.getRangeAt(0).startContainer;
+    if ((n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement)?.closest(x)) return !0;
   }
-  return document.activeElement?.closest(m) ? !0 : document.body.matches(m) || document.documentElement.matches(m);
+  return document.activeElement?.closest(x) ? !0 : document.body.matches(x) || document.documentElement.matches(x);
 }
-function _(o, l, i, r) {
-  N();
-  const d = M(r), e = d ? {
+function _(t, c, i, n) {
+  M();
+  const d = H(n), e = d ? {
     overlay: "rgba(0, 0, 0, 0.62)",
     dialogBg: "#1f2937",
     panelBg: "#222d3a",
@@ -99,8 +108,8 @@ function _(o, l, i, r) {
     help: "#999999",
     focusRing: "rgba(0, 102, 204, 0.1)",
     errorRing: "rgba(211, 47, 47, 0.1)"
-  }, a = document.createElement("div");
-  a.className = "rte-anchor-dialog-overlay", a.style.cssText = `
+  }, r = document.createElement("div");
+  r.className = "rte-anchor-dialog-overlay", r.style.cssText = `
     position: fixed;
     top: 0;
     left: 0;
@@ -135,9 +144,9 @@ function _(o, l, i, r) {
       }
     `, document.head.appendChild(s);
   }
-  let p = "";
-  const x = document.createElement("div");
-  x.style.cssText = `
+  let l = "";
+  const h = document.createElement("div");
+  h.style.cssText = `
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -147,8 +156,8 @@ function _(o, l, i, r) {
   `;
   const w = document.createElement("h3");
   w.style.cssText = `margin: 0; font-size: 18px; font-weight: 600; color: ${e.text};`, w.textContent = "Add Anchor";
-  const c = document.createElement("button");
-  c.textContent = "✕", c.style.cssText = `
+  const f = document.createElement("button");
+  f.textContent = "✕", f.style.cssText = `
     background: none;
     border: none;
     font-size: 24px;
@@ -162,19 +171,19 @@ function _(o, l, i, r) {
     justify-content: center;
     border-radius: 4px;
     transition: all 0.2s ease;
-  `, c.onmouseover = () => {
-    c.style.background = e.closeHoverBg, c.style.color = "#f8fafc";
-  }, c.onmouseout = () => {
-    c.style.background = "none", c.style.color = e.muted;
-  }, x.appendChild(w), x.appendChild(c);
+  `, f.onmouseover = () => {
+    f.style.background = e.closeHoverBg, f.style.color = "#f8fafc";
+  }, f.onmouseout = () => {
+    f.style.background = "none", f.style.color = e.muted;
+  }, h.appendChild(w), h.appendChild(f);
   const C = document.createElement("div");
   C.style.cssText = "padding: 20px;";
-  const b = document.createElement("div");
-  b.style.cssText = "margin-bottom: 0;";
+  const m = document.createElement("div");
+  m.style.cssText = "margin-bottom: 0;";
   const y = document.createElement("label");
   y.textContent = "Anchor ID", y.style.cssText = `display: block; font-size: 14px; font-weight: 500; color: ${e.text}; margin-bottom: 8px;`, y.setAttribute("for", "anchor-id-input");
-  const t = document.createElement("input");
-  t.id = "anchor-id-input", t.type = "text", t.placeholder = "e.g., section-introduction", t.value = "", t.style.cssText = `
+  const o = document.createElement("input");
+  o.id = "anchor-id-input", o.type = "text", o.placeholder = "e.g., section-introduction", o.value = "", o.style.cssText = `
     width: 100%;
     padding: 10px 12px;
     font-size: 14px;
@@ -185,16 +194,16 @@ function _(o, l, i, r) {
     background: ${e.fieldBg};
     transition: all 0.2s ease;
     box-sizing: border-box;
-  `, t.style.setProperty("caret-color", e.fieldText);
-  const f = document.createElement("div");
-  f.style.cssText = `
+  `, o.style.setProperty("caret-color", e.fieldText);
+  const p = document.createElement("div");
+  p.style.cssText = `
     color: #d32f2f;
     font-size: 12px;
     margin-top: 6px;
     display: none;
   `;
   const B = document.createElement("div");
-  B.textContent = "URL-safe ID (letters, numbers, hyphens, underscores). Must start with letter or underscore.", B.style.cssText = `color: ${e.help}; font-size: 12px; margin-top: 8px; line-height: 1.4;`, b.appendChild(y), b.appendChild(t), b.appendChild(f), b.appendChild(B), C.appendChild(b);
+  B.textContent = "URL-safe ID (letters, numbers, hyphens, underscores). Must start with letter or underscore.", B.style.cssText = `color: ${e.help}; font-size: 12px; margin-top: 8px; line-height: 1.4;`, m.appendChild(y), m.appendChild(o), m.appendChild(p), m.appendChild(B), C.appendChild(m);
   const v = document.createElement("div");
   v.style.cssText = `
     display: flex;
@@ -216,8 +225,8 @@ function _(o, l, i, r) {
     background: ${e.cancelBg};
     color: ${e.cancelText};
   `, g.onmouseover = () => g.style.background = e.cancelHover, g.onmouseout = () => g.style.background = e.cancelBg;
-  const n = document.createElement("button");
-  n.textContent = "Add Anchor", n.style.cssText = `
+  const a = document.createElement("button");
+  a.textContent = "Add Anchor", a.style.cssText = `
     padding: 8px 16px;
     font-size: 14px;
     font-weight: 500;
@@ -227,66 +236,80 @@ function _(o, l, i, r) {
     transition: all 0.2s ease;
     background: ${e.saveBg};
     color: white;
-  `, n.disabled = !t.value.trim();
-  const z = () => {
-    t.value.trim() ? (n.disabled = !1, n.style.background = e.saveBg, n.style.color = "white", n.style.cursor = "pointer") : (n.disabled = !0, n.style.background = e.saveDisabledBg, n.style.color = e.saveDisabledText, n.style.cursor = "not-allowed");
+  `, a.disabled = !o.value.trim();
+  const $ = () => {
+    o.value.trim() ? (a.disabled = !1, a.style.background = e.saveBg, a.style.color = "white", a.style.cursor = "pointer") : (a.disabled = !0, a.style.background = e.saveDisabledBg, a.style.color = e.saveDisabledText, a.style.cursor = "not-allowed");
   };
-  n.onmouseover = () => {
-    n.disabled || (n.style.background = e.saveHover, n.style.boxShadow = d ? "0 2px 8px rgba(59, 130, 246, 0.35)" : "0 2px 8px rgba(0, 102, 204, 0.3)");
-  }, n.onmouseout = () => {
-    n.disabled || (n.style.background = e.saveBg, n.style.boxShadow = "none");
-  }, v.appendChild(g), v.appendChild(n), t.oninput = () => {
-    const s = t.value;
-    if (z(), s.trim()) {
+  a.onmouseover = () => {
+    a.disabled || (a.style.background = e.saveHover, a.style.boxShadow = d ? "0 2px 8px rgba(59, 130, 246, 0.35)" : "0 2px 8px rgba(0, 102, 204, 0.3)");
+  }, a.onmouseout = () => {
+    a.disabled || (a.style.background = e.saveBg, a.style.boxShadow = "none");
+  }, v.appendChild(g), v.appendChild(a), o.oninput = () => {
+    const s = o.value;
+    if ($(), s.trim()) {
       const k = A(s);
-      k.valid ? h.has(s) ? (p = `Anchor ID already exists: ${s}`, f.textContent = "⚠ " + p, f.style.display = "block", t.style.borderColor = e.fieldErrorBorder, t.style.background = e.fieldErrorBg) : (p = "", f.style.display = "none", t.style.borderColor = e.fieldBorder, t.style.background = e.fieldBg) : (p = k.error, f.textContent = "⚠ " + p, f.style.display = "block", t.style.borderColor = e.fieldErrorBorder, t.style.background = e.fieldErrorBg);
+      k.valid ? b.has(s) ? (l = `Anchor ID already exists: ${s}`, p.textContent = "⚠ " + l, p.style.display = "block", o.style.borderColor = e.fieldErrorBorder, o.style.background = e.fieldErrorBg) : (l = "", p.style.display = "none", o.style.borderColor = e.fieldBorder, o.style.background = e.fieldBg) : (l = k.error, p.textContent = "⚠ " + l, p.style.display = "block", o.style.borderColor = e.fieldErrorBorder, o.style.background = e.fieldErrorBg);
     } else
-      f.style.display = "none", t.style.borderColor = e.fieldBorder, t.style.background = e.fieldBg;
-  }, t.onfocus = () => {
-    t.style.borderColor = p ? e.fieldErrorBorder : e.saveBg, t.style.boxShadow = p ? `0 0 0 3px ${e.errorRing}` : `0 0 0 3px ${e.focusRing}`, t.style.background = p ? e.fieldErrorBg : e.fieldFocusBg;
-  }, t.onblur = () => {
-    t.style.boxShadow = "none", p || (t.style.background = e.fieldBg);
+      p.style.display = "none", o.style.borderColor = e.fieldBorder, o.style.background = e.fieldBg;
+  }, o.onfocus = () => {
+    o.style.borderColor = l ? e.fieldErrorBorder : e.saveBg, o.style.boxShadow = l ? `0 0 0 3px ${e.errorRing}` : `0 0 0 3px ${e.focusRing}`, o.style.background = l ? e.fieldErrorBg : e.fieldFocusBg;
+  }, o.onblur = () => {
+    o.style.boxShadow = "none", l || (o.style.background = e.fieldBg);
   };
   const T = () => {
-    const s = t.value.trim();
-    !s || !A(s).valid || h.has(s) || (i && i(s), a.remove());
+    const s = o.value.trim();
+    !s || !A(s).valid || b.has(s) || (i && i(s), r.remove());
   }, E = () => {
-    a.remove();
+    r.remove();
   };
-  n.onclick = T, g.onclick = E, c.onclick = E, t.onkeydown = (s) => {
+  a.onclick = T, g.onclick = E, f.onclick = E, o.onkeydown = (s) => {
     s.key === "Enter" ? (s.preventDefault(), T()) : s.key === "Escape" && (s.preventDefault(), E());
-  }, a.onclick = (s) => {
-    s.target === a && E();
-  }, u.appendChild(x), u.appendChild(C), u.appendChild(v), a.appendChild(u), document.body.appendChild(a), setTimeout(() => t.focus(), 100);
+  }, r.onclick = (s) => {
+    s.target === r && E();
+  }, u.appendChild(h), u.appendChild(C), u.appendChild(v), r.appendChild(u), document.body.appendChild(r), setTimeout(() => o.focus(), 100);
 }
-function H(o, l) {
+function I(t, c) {
   let i;
-  if (l)
-    i = l;
+  if (c)
+    i = c;
   else {
-    const a = window.getSelection();
-    if (!a || a.rangeCount === 0) return;
-    i = a.getRangeAt(0);
+    const l = window.getSelection();
+    if (!l || l.rangeCount === 0) return;
+    i = l.getRangeAt(0);
   }
-  const r = document.createElement("span");
-  r.id = o, r.className = "rte-anchor", r.setAttribute("data-type", "anchor"), r.setAttribute("data-anchor-id", o), r.setAttribute("title", `Anchor: ${o}`), r.style.cssText = `
+  let n = null, d = i.startContainer;
+  for (; d && d !== document.body; ) {
+    if (d.nodeType === Node.ELEMENT_NODE) {
+      const l = d;
+      if (l.getAttribute("contenteditable") === "true") {
+        n = l;
+        break;
+      }
+    }
+    d = d.parentNode;
+  }
+  const e = n?.innerHTML ?? "", r = document.createElement("span");
+  r.id = t, r.className = "rte-anchor", r.setAttribute("data-type", "anchor"), r.setAttribute("data-anchor-id", t), r.setAttribute("title", `Anchor: ${t}`), r.style.cssText = `
     display: inline;
     position: relative;
     cursor: pointer;
-  `, i.insertNode(r), h.add(o), i.setStart(r.nextSibling || r.parentNode, 0), i.collapse(!0);
-  const d = window.getSelection();
-  d && (d.removeAllRanges(), d.addRange(i));
-  const e = S();
-  if (e) {
-    const a = D(e);
-    a && a.dispatchEvent(new Event("input", { bubbles: !0 }));
+  `, i.insertNode(r), b.add(t), i.setStart(r.nextSibling || r.parentNode, 0), i.collapse(!0);
+  const u = window.getSelection();
+  if (u && (u.removeAllRanges(), u.addRange(i)), n)
+    z(n, e), n.dispatchEvent(new Event("input", { bubbles: !0 }));
+  else {
+    const l = D();
+    if (l) {
+      const h = S(l);
+      h && h.dispatchEvent(new Event("input", { bubbles: !0 }));
+    }
   }
-  $();
+  N();
 }
-function $() {
+function N() {
   if (document.getElementById("rte-anchor-styles")) return;
-  const o = document.createElement("style");
-  o.id = "rte-anchor-styles", o.textContent = `
+  const t = document.createElement("style");
+  t.id = "rte-anchor-styles", t.textContent = `
     .rte-anchor {
       display: inline;
       position: relative;
@@ -364,9 +387,9 @@ function $() {
       outline: 2px solid #0066cc;
       outline-offset: 2px;
     }
-  `, document.head.appendChild(o);
+  `, document.head.appendChild(t);
 }
-const O = () => (typeof window < "u" && (R(), $()), {
+const O = () => (typeof window < "u" && (R(), N()), {
   name: "anchor",
   toolbar: [
     {
@@ -379,15 +402,15 @@ const O = () => (typeof window < "u" && (R(), $()), {
   commands: {
     insertAnchor: () => {
       try {
-        const o = window.getSelection();
-        if (!o || o.rangeCount === 0)
+        const t = window.getSelection();
+        if (!t || t.rangeCount === 0)
           return alert("Please place your cursor where you want to insert the anchor."), !1;
-        const l = o.getRangeAt(0).cloneRange();
+        const c = t.getRangeAt(0).cloneRange();
         return _("add", "", (i) => {
-          H(i, l);
-        }, l), !0;
-      } catch (o) {
-        return console.error("Failed to insert anchor:", o), !1;
+          I(i, c);
+        }, c), !0;
+      } catch (t) {
+        return console.error("Failed to insert anchor:", t), !1;
       }
     }
   },

package/dist/anchoredPopover-BzqGPOAE.js

@@ -0,0 +1 @@
+"use strict";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 S(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(),y=i.width||e.offsetWidth||220,f=i.height||e.offsetHeight||260,w=window.innerWidth,E=window.innerHeight;let u=s.left,d=s.bottom+r;if(u+y>w-c&&(u=w-y-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)}}}exports.applyColorToSelection=S;exports.attachAnchoredPopover=T;