@editora/plugins 1.0.2 → 1.0.4

package/dist/anchor.cjs.js

@@ -0,0 +1,176 @@
+"use strict";Object.defineProperty(exports,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=`
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: ${e.overlay};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 10000;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  `;const u=document.createElement("div");if(u.className="rte-anchor-dialog",u.style.cssText=`
+    background: ${e.dialogBg};
+    border: 1px solid ${e.border};
+    border-radius: 8px;
+    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
+    width: 90%;
+    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=`
+      @keyframes rte-anchor-dialog-appear {
+        from { opacity: 0; transform: scale(0.95); }
+        to { opacity: 1; transform: scale(1); }
+      }
+      .rte-anchor-dialog input:focus {
+        outline: none !important;
+      }
+    `,document.head.appendChild(i)}let p="";const x=document.createElement("div");x.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=`
+    background: none;
+    border: none;
+    font-size: 24px;
+    color: ${e.muted};
+    cursor: pointer;
+    padding: 0;
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    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=`
+    width: 100%;
+    padding: 10px 12px;
+    font-size: 14px;
+    border: 1px solid ${e.fieldBorder};
+    border-radius: 4px;
+    font-family: 'Courier New', monospace;
+    color: ${e.fieldText};
+    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=`
+    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=`
+    display: flex;
+    gap: 12px;
+    padding: 16px 20px;
+    border-top: 1px solid ${e.border};
+    background: ${e.panelBg};
+    justify-content: flex-end;
+  `;const g=document.createElement("button");g.textContent="Cancel",g.style.cssText=`
+    padding: 8px 16px;
+    font-size: 14px;
+    font-weight: 500;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    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=`
+    padding: 8px 16px;
+    font-size: 14px;
+    font-weight: 500;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    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 H(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=`
+    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=`
+    .rte-anchor {
+      display: inline;
+      position: relative;
+      cursor: pointer;
+      transition: all 0.2s ease;
+    }
+    
+    .rte-anchor:hover::before {
+      content: '⚓';
+      position: absolute;
+      top: -1.2em;
+      left: 0;
+      background: #333;
+      color: #fff;
+      padding: 2px 6px;
+      border-radius: 3px;
+      font-size: 0.8em;
+      white-space: nowrap;
+      z-index: 100;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    }
+    
+    .rte-anchor:hover::after {
+      content: attr(data-anchor-id);
+      position: absolute;
+      top: -1.2em;
+      left: 1.4em;
+      background: #333;
+      color: #fff;
+      padding: 2px 6px;
+      border-radius: 3px;
+      font-size: 0.75em;
+      font-family: 'Courier New', monospace;
+      white-space: nowrap;
+      z-index: 100;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    }
+    
+    [contenteditable='true'] .rte-anchor::before {
+      content: '';
+      position: absolute;
+      width: 8px;
+      height: 8px;
+      background: #0066cc;
+      border-radius: 50%;
+      top: -3px;
+      left: 0;
+      opacity: 0.5;
+      transition: opacity 0.2s ease;
+    }
+    
+    [contenteditable='true'] .rte-anchor:hover::before {
+      opacity: 1;
+      width: auto;
+      height: auto;
+      background: #333;
+      border-radius: 3px;
+      top: -1.2em;
+      padding: 2px 6px;
+      font-size: 0.8em;
+      content: '⚓';
+    }
+    
+    @media print {
+      .rte-anchor::before,
+      .rte-anchor::after {
+        display: none;
+      }
+      .rte-anchor {
+        cursor: auto;
+      }
+    }
+    
+    .rte-anchor:focus {
+      outline: 2px solid #0066cc;
+      outline-offset: 2px;
+    }
+  `,document.head.appendChild(o)}const _=()=>(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=>{H(s,d)},d),!0}catch(o){return console.error("Failed to insert anchor:",o),!1}}},keymap:{"Mod-Shift-k":"insertAnchor"}});exports.AnchorPlugin=_;

package/dist/anchor.esm.js

@@ -0,0 +1,400 @@
+import { f as S, g as D } from "./editorContainerHelpers-C7kdWnS0.mjs";
+const h = /* @__PURE__ */ new Set(), m = '[data-theme="dark"], .dark, .editora-theme-dark';
+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;
+          if (d.classList?.contains("rte-anchor")) {
+            const a = d.id;
+            a && h.delete(a);
+          }
+          d.querySelectorAll?.(".rte-anchor")?.forEach((a) => {
+            const u = a.id;
+            u && h.delete(u);
+          });
+        }
+      });
+    });
+  }).observe(document.body, {
+    childList: !0,
+    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 N() {
+  const o = S();
+  if (!o) return;
+  const l = D(o);
+  if (!l) return;
+  const i = l.querySelectorAll(".rte-anchor"), r = /* @__PURE__ */ new Set();
+  i.forEach((d) => {
+    const e = d.id;
+    e && r.add(e);
+  }), h.clear(), r.forEach((d) => h.add(d));
+}
+function M(o) {
+  if (o) {
+    const r = o.startContainer;
+    if ((r.nodeType === Node.ELEMENT_NODE ? r : r.parentElement)?.closest(m)) 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;
+  }
+  return document.activeElement?.closest(m) ? !0 : document.body.matches(m) || document.documentElement.matches(m);
+}
+function _(o, l, i, r) {
+  N();
+  const d = M(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)"
+  }, a = document.createElement("div");
+  a.className = "rte-anchor-dialog-overlay", a.style.cssText = `
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: ${e.overlay};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 10000;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  `;
+  const u = document.createElement("div");
+  if (u.className = "rte-anchor-dialog", u.style.cssText = `
+    background: ${e.dialogBg};
+    border: 1px solid ${e.border};
+    border-radius: 8px;
+    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
+    width: 90%;
+    max-width: 450px;
+    overflow: hidden;
+    animation: rte-anchor-dialog-appear 0.2s ease;
+  `, !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); }
+      }
+      .rte-anchor-dialog input:focus {
+        outline: none !important;
+      }
+    `, document.head.appendChild(s);
+  }
+  let p = "";
+  const x = document.createElement("div");
+  x.style.cssText = `
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 20px;
+    border-bottom: 1px solid ${e.border};
+    background: ${e.panelBg};
+  `;
+  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 = `
+    background: none;
+    border: none;
+    font-size: 24px;
+    color: ${e.muted};
+    cursor: pointer;
+    padding: 0;
+    width: 32px;
+    height: 32px;
+    display: flex;
+    align-items: center;
+    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);
+  const C = document.createElement("div");
+  C.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 = `
+    width: 100%;
+    padding: 10px 12px;
+    font-size: 14px;
+    border: 1px solid ${e.fieldBorder};
+    border-radius: 4px;
+    font-family: 'Courier New', monospace;
+    color: ${e.fieldText};
+    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 = `
+    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);
+  const v = document.createElement("div");
+  v.style.cssText = `
+    display: flex;
+    gap: 12px;
+    padding: 16px 20px;
+    border-top: 1px solid ${e.border};
+    background: ${e.panelBg};
+    justify-content: flex-end;
+  `;
+  const g = document.createElement("button");
+  g.textContent = "Cancel", g.style.cssText = `
+    padding: 8px 16px;
+    font-size: 14px;
+    font-weight: 500;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    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 = `
+    padding: 8px 16px;
+    font-size: 14px;
+    font-weight: 500;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    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");
+  };
+  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()) {
+      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);
+    } 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 T = () => {
+    const s = t.value.trim();
+    !s || !A(s).valid || h.has(s) || (i && i(s), a.remove());
+  }, E = () => {
+    a.remove();
+  };
+  n.onclick = T, g.onclick = E, c.onclick = E, t.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);
+}
+function H(o, l) {
+  let i;
+  if (l)
+    i = l;
+  else {
+    const a = window.getSelection();
+    if (!a || a.rangeCount === 0) return;
+    i = 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 = `
+    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 }));
+  }
+  $();
+}
+function $() {
+  if (document.getElementById("rte-anchor-styles")) return;
+  const o = document.createElement("style");
+  o.id = "rte-anchor-styles", o.textContent = `
+    .rte-anchor {
+      display: inline;
+      position: relative;
+      cursor: pointer;
+      transition: all 0.2s ease;
+    }
+    
+    .rte-anchor:hover::before {
+      content: '⚓';
+      position: absolute;
+      top: -1.2em;
+      left: 0;
+      background: #333;
+      color: #fff;
+      padding: 2px 6px;
+      border-radius: 3px;
+      font-size: 0.8em;
+      white-space: nowrap;
+      z-index: 100;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    }
+    
+    .rte-anchor:hover::after {
+      content: attr(data-anchor-id);
+      position: absolute;
+      top: -1.2em;
+      left: 1.4em;
+      background: #333;
+      color: #fff;
+      padding: 2px 6px;
+      border-radius: 3px;
+      font-size: 0.75em;
+      font-family: 'Courier New', monospace;
+      white-space: nowrap;
+      z-index: 100;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    }
+    
+    [contenteditable='true'] .rte-anchor::before {
+      content: '';
+      position: absolute;
+      width: 8px;
+      height: 8px;
+      background: #0066cc;
+      border-radius: 50%;
+      top: -3px;
+      left: 0;
+      opacity: 0.5;
+      transition: opacity 0.2s ease;
+    }
+    
+    [contenteditable='true'] .rte-anchor:hover::before {
+      opacity: 1;
+      width: auto;
+      height: auto;
+      background: #333;
+      border-radius: 3px;
+      top: -1.2em;
+      padding: 2px 6px;
+      font-size: 0.8em;
+      content: '⚓';
+    }
+    
+    @media print {
+      .rte-anchor::before,
+      .rte-anchor::after {
+        display: none;
+      }
+      .rte-anchor {
+        cursor: auto;
+      }
+    }
+    
+    .rte-anchor:focus {
+      outline: 2px solid #0066cc;
+      outline-offset: 2px;
+    }
+  `, document.head.appendChild(o);
+}
+const O = () => (typeof window < "u" && (R(), $()), {
+  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 l = o.getRangeAt(0).cloneRange();
+        return _("add", "", (i) => {
+          H(i, l);
+        }, l), !0;
+      } catch (o) {
+        return console.error("Failed to insert anchor:", o), !1;
+      }
+    }
+  },
+  keymap: {
+    "Mod-Shift-k": "insertAnchor"
+  }
+});
+export {
+  O as AnchorPlugin
+};