@editora/plugins 1.0.7 → 1.0.8

package/dist/media-manager.esm.js

@@ -1,6 +1,13 @@
 import "./shared-config.esm.js";
-let T = null, s = null, d = null, R = [], A = !1, M = null, U = 0, V = 0, z = 0, $ = 0, _ = 1, I = null;
-const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
+let A = null, s = null, l = null, R = [], D = !1, I = null, V = 0, j = 0, $ = 0, C = 0, N = 1, T = null;
+const W = '[data-theme="dark"], .dark, .editora-theme-dark', B = (e, t) => {
+  const r = (i) => {
+    i.key !== "Escape" || !e.isConnected || (i.preventDefault(), i.stopPropagation(), t());
+  };
+  return document.addEventListener("keydown", r, !0), () => {
+    document.removeEventListener("keydown", r, !0);
+  };
+}, X = () => {
   if (typeof document > "u" || document.getElementById("rte-media-dialog-styles")) return;
   const e = document.createElement("style");
   e.id = "rte-media-dialog-styles", e.textContent = `
@@ -381,7 +388,7 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
     }
 
     .media-floating-toolbar.rte-ui-theme-dark,
-    ${j} .media-floating-toolbar {
+    ${W} .media-floating-toolbar {
       --rte-media-toolbar-bg: #24303f;
       --rte-media-toolbar-border: #4a5a71;
       --rte-media-toolbar-text: #d9e6fb;
@@ -430,33 +437,33 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
       background: var(--rte-media-toolbar-separator);
     }
   `, document.head.appendChild(e);
-}, O = () => {
+}, Y = () => {
   const e = window.getSelection();
   if (!e || e.rangeCount === 0) return null;
   const t = e.anchorNode;
   return (t instanceof HTMLElement ? t : t?.parentElement)?.closest(".rte-content, .editora-content") || null;
-}, X = (e) => {
+}, Z = (e) => {
   if (e) return e;
-  const t = O();
+  const t = Y();
   if (t) return t;
-  if (I) return I;
+  if (T) return T;
   const r = document.activeElement;
   return r ? r.closest(".rte-content, .editora-content") || r : null;
-}, F = (e) => {
-  const t = X(e);
-  return t ? !!t.closest(j) : !1;
-}, D = (e) => {
-  G();
+}, G = (e) => {
+  const t = Z(e);
+  return t ? !!t.closest(W) : !1;
+}, _ = (e) => {
+  X();
   const t = document.createElement("div");
-  return t.className = "rte-media-overlay", F(e) && t.classList.add("rte-ui-theme-dark"), t;
-}, B = (e = !1) => {
+  return t.className = "rte-media-overlay", G(e) && t.classList.add("rte-ui-theme-dark"), t;
+}, H = (e = !1) => {
   const t = document.createElement("div");
   return t.className = e ? "rte-media-dialog rte-media-dialog-compact" : "rte-media-dialog", t.setAttribute("role", "dialog"), t.setAttribute("aria-modal", "true"), t;
-}, P = (e, t) => {
+}, F = (e, t) => {
   const r = window.getSelection();
-  r && r.rangeCount > 0 && (T = r.getRangeAt(0).cloneRange());
-  const i = D(t), a = B();
-  let o = "upload", n = "", c = "", m = "", b = "";
+  r && r.rangeCount > 0 && (A = r.getRangeAt(0).cloneRange());
+  const i = _(t), a = H();
+  let o = "upload", d = "", c = "", p = "", g = "";
   const v = () => {
     a.innerHTML = `
       <div class="rte-media-header">
@@ -490,12 +497,12 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
           <div id="url-section">
             <div class="rte-media-field">
               <label class="rte-media-label">URL</label>
-              <input type="text" id="url-input" class="rte-media-input" placeholder="https://example.com/${e}.${e === "image" ? "jpg" : "mp4"}" value="${n}">
+              <input type="text" id="url-input" class="rte-media-input" placeholder="https://example.com/${e}.${e === "image" ? "jpg" : "mp4"}" value="${d}">
             </div>
             ${e === "image" ? `
               <div class="rte-media-field">
                 <label class="rte-media-label">Alt Text (for accessibility)</label>
-                <input type="text" id="alt-input" class="rte-media-input" placeholder="Describe the image" value="${b}">
+                <input type="text" id="alt-input" class="rte-media-input" placeholder="Describe the image" value="${g}">
               </div>
             ` : ""}
             <div class="rte-media-grid">
@@ -505,14 +512,14 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
               </div>
               <div class="rte-media-field">
                 <label class="rte-media-label">Height (px)</label>
-                <input type="number" id="height-input" class="rte-media-input" placeholder="Auto" value="${m}">
+                <input type="number" id="height-input" class="rte-media-input" placeholder="Auto" value="${p}">
               </div>
             </div>
-            ${n ? `
+            ${d ? `
               <div class="rte-media-field">
                 <label class="rte-media-label">Preview</label>
                 <div class="rte-media-preview">
-                  ${e === "image" ? `<img src="${n}" alt="Preview">` : `<video src="${n}" controls></video>`}
+                  ${e === "image" ? `<img src="${d}" alt="Preview">` : `<video src="${d}" controls></video>`}
                 </div>
               </div>
             ` : ""}
@@ -522,74 +529,78 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
 
       <div class="rte-media-footer">
         <button class="cancel-btn rte-media-btn rte-media-btn-secondary" type="button">Cancel</button>
-        <button id="insert-btn" class="rte-media-btn rte-media-btn-primary" type="button" ${!n && o === "url" ? "disabled" : ""}>Insert</button>
+        <button id="insert-btn" class="rte-media-btn rte-media-btn-primary" type="button" ${!d && o === "url" ? "disabled" : ""}>Insert</button>
       </div>
     `;
   };
   v(), i.appendChild(a), document.body.appendChild(i);
+  let k = () => {
+  };
   const h = () => {
-    i.parentNode && i.parentNode.removeChild(i);
-  }, E = () => {
-    if (!n) return;
-    const l = e === "image" ? document.createElement("img") : document.createElement("video");
-    l.src = n, l.setAttribute("data-media-type", e), e === "image" && b && (l.alt = b), c && (l.style.width = `${c}px`, l.setAttribute("width", c)), m && (l.style.height = `${m}px`, l.setAttribute("height", m)), e === "video" && (l.controls = !0), !c && !m ? l.style.cssText = "max-width: 100%; height: auto; display: block; margin: 1em 0; cursor: pointer;" : l.style.cssText = `display: block; margin: 1em 0; cursor: pointer; ${c ? `width: ${c}px;` : "max-width: 100%;"} ${m ? `height: ${m}px;` : "height: auto;"}`, T && (T.deleteContents(), T.insertNode(l)), h();
-  }, y = async (l) => {
-    const g = a.querySelector("#upload-progress"), p = a.querySelector("#progress-bar"), x = a.querySelector("#progress-text");
-    if (g && p && x) {
-      g.style.display = "block";
-      let q = 0;
+    k(), i.parentNode && i.parentNode.removeChild(i);
+  };
+  k = B(i, h);
+  const L = () => {
+    if (!d) return;
+    const n = e === "image" ? document.createElement("img") : document.createElement("video");
+    n.src = d, n.setAttribute("data-media-type", e), e === "image" && g && (n.alt = g), c && (n.style.width = `${c}px`, n.setAttribute("width", c)), p && (n.style.height = `${p}px`, n.setAttribute("height", p)), e === "video" && (n.controls = !0), !c && !p ? n.style.cssText = "max-width: 100%; height: auto; display: block; margin: 1em 0; cursor: pointer;" : n.style.cssText = `display: block; margin: 1em 0; cursor: pointer; ${c ? `width: ${c}px;` : "max-width: 100%;"} ${p ? `height: ${p}px;` : "height: auto;"}`, A && (A.deleteContents(), A.insertNode(n)), h();
+  }, x = async (n) => {
+    const b = a.querySelector("#upload-progress"), u = a.querySelector("#progress-bar"), y = a.querySelector("#progress-text");
+    if (b && u && y) {
+      b.style.display = "block";
+      let M = 0;
       const f = setInterval(() => {
-        q += Math.random() * 30, q > 90 && (q = 90), p.style.width = `${q}%`;
+        M += Math.random() * 30, M > 90 && (M = 90), u.style.width = `${M}%`;
       }, 200);
       try {
-        const k = new FileReader();
-        k.onload = () => {
-          clearInterval(f), p.style.width = "100%", x.textContent = "Upload complete", setTimeout(() => {
-            n = k.result, o = "url", v(), u();
+        const w = new FileReader();
+        w.onload = () => {
+          clearInterval(f), u.style.width = "100%", y.textContent = "Upload complete", setTimeout(() => {
+            d = w.result, o = "url", v(), m();
           }, 500);
-        }, k.readAsDataURL(l);
+        }, w.readAsDataURL(n);
       } catch {
-        clearInterval(f), x.textContent = "Upload failed";
+        clearInterval(f), y.textContent = "Upload failed";
       }
     }
-  }, u = () => {
-    const l = a.querySelector(".close-btn"), g = a.querySelector(".cancel-btn"), p = a.querySelector("#insert-btn"), x = a.querySelector(".tab-upload"), q = a.querySelector(".tab-url");
-    if (l?.addEventListener("click", h), g?.addEventListener("click", h), p?.addEventListener("click", E), x?.addEventListener("click", () => {
-      o = "upload", v(), u();
-    }), q?.addEventListener("click", () => {
-      o = "url", v(), u();
+  }, m = () => {
+    const n = a.querySelector(".close-btn"), b = a.querySelector(".cancel-btn"), u = a.querySelector("#insert-btn"), y = a.querySelector(".tab-upload"), M = a.querySelector(".tab-url");
+    if (n?.addEventListener("click", h), b?.addEventListener("click", h), u?.addEventListener("click", L), y?.addEventListener("click", () => {
+      o = "upload", v(), m();
+    }), M?.addEventListener("click", () => {
+      o = "url", v(), m();
     }), o === "upload") {
-      const f = a.querySelector(".dropzone"), k = a.querySelector("#file-input");
-      f?.addEventListener("click", () => k?.click()), f?.addEventListener("dragover", (L) => {
-        L.preventDefault(), f.classList.add("is-dragover");
+      const f = a.querySelector(".dropzone"), w = a.querySelector("#file-input");
+      f?.addEventListener("click", () => w?.click()), f?.addEventListener("dragover", (S) => {
+        S.preventDefault(), f.classList.add("is-dragover");
       }), f?.addEventListener("dragleave", () => {
         f.classList.remove("is-dragover");
-      }), f?.addEventListener("drop", (L) => {
-        L.preventDefault(), f.classList.remove("is-dragover");
-        const S = L.dataTransfer?.files[0];
-        S && y(S);
-      }), k?.addEventListener("change", (L) => {
-        const S = L.target.files?.[0];
-        S && y(S);
+      }), f?.addEventListener("drop", (S) => {
+        S.preventDefault(), f.classList.remove("is-dragover");
+        const z = S.dataTransfer?.files[0];
+        z && x(z);
+      }), w?.addEventListener("change", (S) => {
+        const z = S.target.files?.[0];
+        z && x(z);
       });
     }
     if (o === "url") {
-      const f = a.querySelector("#url-input"), k = a.querySelector("#alt-input"), L = a.querySelector("#width-input"), S = a.querySelector("#height-input");
+      const f = a.querySelector("#url-input"), w = a.querySelector("#alt-input"), S = a.querySelector("#width-input"), z = a.querySelector("#height-input");
       f?.addEventListener("input", () => {
-        n = f.value, v(), u();
-      }), k?.addEventListener("input", () => {
-        b = k.value;
-      }), L?.addEventListener("input", () => {
-        c = L.value;
+        d = f.value, v(), m();
+      }), w?.addEventListener("input", () => {
+        g = w.value;
       }), S?.addEventListener("input", () => {
-        m = S.value;
+        c = S.value;
+      }), z?.addEventListener("input", () => {
+        p = z.value;
       });
     }
   };
-  u(), i.addEventListener("click", (l) => {
-    l.target === i && h();
+  m(), i.addEventListener("click", (n) => {
+    n.target === i && h();
   });
-}, Y = () => {
+}, K = () => {
   ["nw", "ne", "sw", "se"].forEach((t) => {
     const r = document.createElement("div");
     r.className = `media-resize-handle-${t}`, r.style.cssText = `
@@ -605,7 +616,7 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
       box-shadow: 0 1px 3px rgba(0,0,0,0.3);
     `, r.setAttribute("data-position", t), document.body.appendChild(r), R.push(r);
   });
-}, C = () => {
+}, q = () => {
   if (!s) {
     R.forEach((r) => r.style.display = "none");
     return;
@@ -620,8 +631,8 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
     const i = r.getAttribute("data-position"), a = t[i];
     r.style.left = `${a.x}px`, r.style.top = `${a.y}px`, r.style.display = "block";
   });
-}, Z = (e) => {
-  const t = D(e), r = B(!0);
+}, J = (e) => {
+  const t = _(e), r = H(!0);
   r.innerHTML = `
     <div class="rte-media-header">
       <h2 class="rte-media-title">Edit Alt Text</h2>
@@ -637,17 +648,20 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
       <button class="save-btn rte-media-btn rte-media-btn-primary" type="button">Save</button>
     </div>
   `, t.appendChild(r), document.body.appendChild(t);
-  const i = r.querySelector("#alt-text-input"), a = r.querySelector(".close-btn"), o = r.querySelector(".cancel-btn"), n = r.querySelector(".save-btn"), c = () => {
-    t.parentNode && t.parentNode.removeChild(t);
+  const i = r.querySelector("#alt-text-input"), a = r.querySelector(".close-btn"), o = r.querySelector(".cancel-btn"), d = r.querySelector(".save-btn");
+  let c = () => {
+  };
+  const p = () => {
+    c(), t.parentNode && t.parentNode.removeChild(t);
   };
-  a.addEventListener("click", c), o.addEventListener("click", c), t.addEventListener("click", (m) => {
-    m.target === t && c();
-  }), n.addEventListener("click", () => {
-    e.alt = i.value, c();
+  c = B(t, p), a.addEventListener("click", p), o.addEventListener("click", p), t.addEventListener("click", (g) => {
+    g.target === t && p();
+  }), d.addEventListener("click", () => {
+    e.alt = i.value, p();
   }), i.focus(), i.select();
-}, K = (e) => {
-  const t = e.closest("a"), r = t?.getAttribute("href") || "", i = t?.getAttribute("target") || "_self", a = t?.getAttribute("title") || "", o = D(e), n = B(!0);
-  n.innerHTML = `
+}, Q = (e) => {
+  const t = e.closest("a"), r = t?.getAttribute("href") || "", i = t?.getAttribute("target") || "_self", a = t?.getAttribute("title") || "", o = _(e), d = H(!0);
+  d.innerHTML = `
     <div class="rte-media-header">
       <h2 class="rte-media-title">${t ? "Edit Link" : "Add Link"}</h2>
       <button class="close-btn rte-media-close-btn" type="button" aria-label="Close">×</button>
@@ -673,29 +687,32 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
         <button class="save-btn rte-media-btn rte-media-btn-primary" type="button">Save</button>
       </div>
     </div>
-  `, o.appendChild(n), document.body.appendChild(o);
-  const c = n.querySelector("#link-url"), m = n.querySelector("#link-title"), b = n.querySelector("#link-target"), v = n.querySelector(".close-btn"), h = n.querySelector(".cancel-btn"), E = n.querySelector(".save-btn"), y = n.querySelector(".remove-link-btn"), u = () => {
-    o.parentNode && o.parentNode.removeChild(o);
+  `, o.appendChild(d), document.body.appendChild(o);
+  const c = d.querySelector("#link-url"), p = d.querySelector("#link-title"), g = d.querySelector("#link-target"), v = d.querySelector(".close-btn"), k = d.querySelector(".cancel-btn"), h = d.querySelector(".save-btn"), L = d.querySelector(".remove-link-btn");
+  let x = () => {
+  };
+  const m = () => {
+    x(), o.parentNode && o.parentNode.removeChild(o);
   };
-  v.addEventListener("click", u), h.addEventListener("click", u), o.addEventListener("click", (l) => {
-    l.target === o && u();
-  }), E.addEventListener("click", () => {
-    const l = c.value.trim();
-    if (l) {
-      const g = l.startsWith("http") ? l : `https://${l}`;
+  x = B(o, m), v.addEventListener("click", m), k.addEventListener("click", m), o.addEventListener("click", (n) => {
+    n.target === o && m();
+  }), h.addEventListener("click", () => {
+    const n = c.value.trim();
+    if (n) {
+      const b = n.startsWith("http") ? n : `https://${n}`;
       if (t)
-        t.setAttribute("href", g), t.setAttribute("target", b.checked ? "_blank" : "_self"), b.checked ? t.setAttribute("rel", "noopener noreferrer") : t.removeAttribute("rel"), m.value.trim() ? t.setAttribute("title", m.value.trim()) : t.removeAttribute("title");
+        t.setAttribute("href", b), t.setAttribute("target", g.checked ? "_blank" : "_self"), g.checked ? t.setAttribute("rel", "noopener noreferrer") : t.removeAttribute("rel"), p.value.trim() ? t.setAttribute("title", p.value.trim()) : t.removeAttribute("title");
       else {
-        const p = document.createElement("a");
-        p.href = g, p.target = b.checked ? "_blank" : "_self", b.checked && (p.rel = "noopener noreferrer"), m.value.trim() && (p.title = m.value.trim()), e.replaceWith(p), p.appendChild(e);
+        const u = document.createElement("a");
+        u.href = b, u.target = g.checked ? "_blank" : "_self", g.checked && (u.rel = "noopener noreferrer"), p.value.trim() && (u.title = p.value.trim()), e.replaceWith(u), u.appendChild(e);
       }
-      u(), d && s && H(s);
+      m(), l && s && U(s);
     }
-  }), y?.addEventListener("click", () => {
-    t && confirm("Remove link from this media?") && (t.replaceWith(e), u(), d && s && H(s));
+  }), L?.addEventListener("click", () => {
+    t && confirm("Remove link from this media?") && (t.replaceWith(e), m(), l && s && U(s));
   }), c.focus();
-}, J = (e) => {
-  const t = D(e), r = B();
+}, ee = (e) => {
+  const t = _(e), r = H();
   let i = "url", a = e.src;
   const o = () => {
     r.innerHTML = `
@@ -750,75 +767,79 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
     `;
   };
   o(), t.appendChild(r), document.body.appendChild(t);
-  const n = () => {
-    t.parentNode && t.parentNode.removeChild(t);
-  }, c = () => {
-    a && (e.src = a, n());
-  }, m = async (v) => {
-    const h = r.querySelector("#upload-progress"), E = r.querySelector("#progress-bar"), y = r.querySelector("#progress-text");
-    if (h && E && y) {
+  let d = () => {
+  };
+  const c = () => {
+    d(), t.parentNode && t.parentNode.removeChild(t);
+  };
+  d = B(t, c);
+  const p = () => {
+    a && (e.src = a, c());
+  }, g = async (k) => {
+    const h = r.querySelector("#upload-progress"), L = r.querySelector("#progress-bar"), x = r.querySelector("#progress-text");
+    if (h && L && x) {
       h.style.display = "block";
-      let u = 0;
-      const l = setInterval(() => {
-        u += Math.random() * 30, u > 90 && (u = 90), E.style.width = `${u}%`;
+      let m = 0;
+      const n = setInterval(() => {
+        m += Math.random() * 30, m > 90 && (m = 90), L.style.width = `${m}%`;
       }, 200);
       try {
-        const g = new FileReader();
-        g.onload = () => {
-          clearInterval(l), E.style.width = "100%", y.textContent = "Upload complete", setTimeout(() => {
-            a = g.result, i = "url", o(), b();
+        const b = new FileReader();
+        b.onload = () => {
+          clearInterval(n), L.style.width = "100%", x.textContent = "Upload complete", setTimeout(() => {
+            a = b.result, i = "url", o(), v();
           }, 500);
-        }, g.readAsDataURL(v);
+        }, b.readAsDataURL(k);
       } catch {
-        clearInterval(l), y.textContent = "Upload failed";
+        clearInterval(n), x.textContent = "Upload failed";
       }
     }
-  }, b = () => {
-    const v = r.querySelector(".close-btn"), h = r.querySelector(".cancel-btn"), E = r.querySelector("#replace-btn"), y = r.querySelector(".tab-upload"), u = r.querySelector(".tab-url");
-    if (v?.addEventListener("click", n), h?.addEventListener("click", n), E?.addEventListener("click", c), y?.addEventListener("click", () => {
-      i = "upload", o(), b();
-    }), u?.addEventListener("click", () => {
-      i = "url", o(), b();
+  }, v = () => {
+    const k = r.querySelector(".close-btn"), h = r.querySelector(".cancel-btn"), L = r.querySelector("#replace-btn"), x = r.querySelector(".tab-upload"), m = r.querySelector(".tab-url");
+    if (k?.addEventListener("click", c), h?.addEventListener("click", c), L?.addEventListener("click", p), x?.addEventListener("click", () => {
+      i = "upload", o(), v();
+    }), m?.addEventListener("click", () => {
+      i = "url", o(), v();
     }), i === "upload") {
-      const l = r.querySelector(".dropzone"), g = r.querySelector("#file-input");
-      l?.addEventListener("click", () => g?.click()), l?.addEventListener("dragover", (p) => {
-        p.preventDefault(), l.classList.add("is-dragover");
-      }), l?.addEventListener("dragleave", () => {
-        l.classList.remove("is-dragover");
-      }), l?.addEventListener("drop", (p) => {
-        p.preventDefault(), l.classList.remove("is-dragover");
-        const x = p.dataTransfer?.files[0];
-        x && m(x);
-      }), g?.addEventListener("change", (p) => {
-        const x = p.target.files?.[0];
-        x && m(x);
+      const n = r.querySelector(".dropzone"), b = r.querySelector("#file-input");
+      n?.addEventListener("click", () => b?.click()), n?.addEventListener("dragover", (u) => {
+        u.preventDefault(), n.classList.add("is-dragover");
+      }), n?.addEventListener("dragleave", () => {
+        n.classList.remove("is-dragover");
+      }), n?.addEventListener("drop", (u) => {
+        u.preventDefault(), n.classList.remove("is-dragover");
+        const y = u.dataTransfer?.files[0];
+        y && g(y);
+      }), b?.addEventListener("change", (u) => {
+        const y = u.target.files?.[0];
+        y && g(y);
       });
     }
     if (i === "url") {
-      const l = r.querySelector("#url-input");
-      l?.addEventListener("input", () => {
-        a = l.value, o(), b();
+      const n = r.querySelector("#url-input");
+      n?.addEventListener("input", () => {
+        a = n.value, o(), v();
       });
     }
   };
-  b(), t.addEventListener("click", (v) => {
-    v.target === t && n();
+  v(), t.addEventListener("click", (k) => {
+    k.target === t && c();
   });
-}, w = () => {
-  if (!d || !s) return;
-  const e = d.offsetHeight || 40, t = s.offsetTop, r = s.offsetLeft, i = s.offsetWidth, a = t - e - 8, o = r + i / 2 - (d.offsetWidth || 120) / 2;
-  d.style.top = `${a}px`, d.style.left = `${o}px`, setTimeout(() => {
-    d && (d.style.display = "flex");
+}, E = () => {
+  if (!l || !s) return;
+  const e = l.offsetHeight || 40, t = s.offsetTop, r = s.offsetLeft, i = s.offsetWidth, a = t - e - 8, o = r + i / 2 - (l.offsetWidth || 120) / 2;
+  l.style.top = `${a}px`, l.style.left = `${o}px`, setTimeout(() => {
+    l && (l.style.display = "flex");
   }, 100);
-}, H = (e) => {
-  d && (d._cleanup && d._cleanup(), d.remove());
+}, U = (e) => {
+  l && (l._cleanup && l._cleanup(), l.remove());
   const t = e.parentElement;
   if (t) {
-    const n = t.style.position;
-    (!n || n === "static") && (t.style.position = "relative", t._originalPosition = n), d = document.createElement("div"), d.className = "media-floating-toolbar", F(e) && d.classList.add("rte-ui-theme-dark"), t.insertBefore(d, t.firstChild), w();
+    const d = t.style.position;
+    (!d || d === "static") && (t.style.position = "relative", t._originalPosition = d), l = document.createElement("div"), l.className = "media-floating-toolbar", G(e) && l.classList.add("rte-ui-theme-dark"), t.insertBefore(l, t.firstChild), E();
   }
   const r = e.tagName === "IMG", i = e.closest("a");
-  d.innerHTML = `
+  l.innerHTML = `
     <button class="media-floating-toolbar-btn btn-align-left" title="Align Left" type="button">
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="17" y1="10" x2="3" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="17" y1="18" x2="3" y2="18"></line></svg>
     </button>
@@ -845,94 +866,94 @@ const j = '[data-theme="dark"], .dark, .editora-theme-dark', G = () => {
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>
     </button>
   `, setTimeout(() => {
-    w();
+    E();
   }, 0);
-  const a = () => w();
+  const a = () => E();
   let o = s.parentElement;
   for (; o; )
     o.addEventListener("scroll", a), o = o.parentElement;
-  window.addEventListener("scroll", a), window.addEventListener("resize", a), d._cleanup = () => {
-    let n = s?.parentElement;
-    for (; n; )
-      n.removeEventListener("scroll", a), n = n.parentElement;
+  window.addEventListener("scroll", a), window.addEventListener("resize", a), l._cleanup = () => {
+    let d = s?.parentElement;
+    for (; d; )
+      d.removeEventListener("scroll", a), d = d.parentElement;
     window.removeEventListener("scroll", a), window.removeEventListener("resize", a);
-  }, d.querySelector(".btn-align-left")?.addEventListener("click", () => {
-    e.style.display = "block", e.style.marginLeft = "0", e.style.marginRight = "auto", w();
-  }), d.querySelector(".btn-align-center")?.addEventListener("click", () => {
-    e.style.display = "block", e.style.marginLeft = "auto", e.style.marginRight = "auto", w();
-  }), d.querySelector(".btn-align-right")?.addEventListener("click", () => {
-    e.style.display = "block", e.style.marginLeft = "auto", e.style.marginRight = "0", w();
-  }), d.querySelector(".btn-alt")?.addEventListener("click", () => {
-    e.tagName === "IMG" && Z(e);
-  }), d.querySelector(".btn-link")?.addEventListener("click", () => {
-    K(e);
-  }), d.querySelector(".btn-replace")?.addEventListener("click", () => {
+  }, l.querySelector(".btn-align-left")?.addEventListener("click", () => {
+    e.style.display = "block", e.style.marginLeft = "0", e.style.marginRight = "auto", E();
+  }), l.querySelector(".btn-align-center")?.addEventListener("click", () => {
+    e.style.display = "block", e.style.marginLeft = "auto", e.style.marginRight = "auto", E();
+  }), l.querySelector(".btn-align-right")?.addEventListener("click", () => {
+    e.style.display = "block", e.style.marginLeft = "auto", e.style.marginRight = "0", E();
+  }), l.querySelector(".btn-alt")?.addEventListener("click", () => {
     e.tagName === "IMG" && J(e);
-  }), d.querySelector(".btn-resize")?.addEventListener("click", () => {
-    const n = prompt("Enter width in pixels:", String(e.width || e.offsetWidth));
-    if (n && !isNaN(parseInt(n))) {
-      const c = parseInt(n);
-      e.style.width = `${c}px`, e.setAttribute("width", String(c)), C(), w();
-    }
-  }), d.querySelector(".btn-remove")?.addEventListener("click", () => {
-    confirm("Remove this media?") && (e.remove(), d && (d._cleanup && d._cleanup(), d.remove(), d = null), s = null, C());
-  }), d._cleanup = () => {
-    window.removeEventListener("scroll", w), window.removeEventListener("resize", w);
+  }), l.querySelector(".btn-link")?.addEventListener("click", () => {
+    Q(e);
+  }), l.querySelector(".btn-replace")?.addEventListener("click", () => {
+    e.tagName === "IMG" && ee(e);
+  }), l.querySelector(".btn-resize")?.addEventListener("click", () => {
+    const d = prompt("Enter width in pixels:", String(e.width || e.offsetWidth));
+    if (d && !isNaN(parseInt(d))) {
+      const c = parseInt(d);
+      e.style.width = `${c}px`, e.setAttribute("width", String(c)), q(), E();
+    }
+  }), l.querySelector(".btn-remove")?.addEventListener("click", () => {
+    confirm("Remove this media?") && (e.remove(), l && (l._cleanup && l._cleanup(), l.remove(), l = null), s = null, q());
+  }), l._cleanup = () => {
+    window.removeEventListener("scroll", E), window.removeEventListener("resize", E);
   };
-}, W = (e) => {
-  I = e || null, Y(), document.addEventListener("click", (t) => {
+}, O = (e) => {
+  T = e || null, K(), document.addEventListener("click", (t) => {
     const r = t.target;
     if (r.tagName === "IMG" || r.tagName === "VIDEO") {
       const i = r;
       let a = !1;
-      if (I ? a = I.contains(i) : a = !!i.closest('[contenteditable="true"]'), a) {
-        t.preventDefault(), t.stopPropagation(), s = i, s.style.display = "block", H(i), C();
+      if (T ? a = T.contains(i) : a = !!i.closest('[contenteditable="true"]'), a) {
+        t.preventDefault(), t.stopPropagation(), s = i, s.style.display = "block", U(i), q();
         return;
       }
     }
-    if (!r.closest(".btn-link, .btn-resize, .btn-remove") && d && !r.closest("button")) {
-      if (d._cleanup && d._cleanup(), d.remove(), d = null, s && s.parentElement) {
+    if (!r.closest(".btn-link, .btn-resize, .btn-remove") && l && !r.closest("button")) {
+      if (l._cleanup && l._cleanup(), l.remove(), l = null, s && s.parentElement) {
         const i = s.parentElement;
         i._originalPosition !== void 0 && (i.style.position = i._originalPosition, delete i._originalPosition);
       }
-      s = null, C();
+      s = null, q();
     }
   }), R.forEach((t) => {
     t.addEventListener("mousedown", (r) => {
       if (!s) return;
-      r.preventDefault(), r.stopPropagation(), A = !0, M = t.getAttribute("data-position"), U = r.clientX, V = r.clientY;
+      r.preventDefault(), r.stopPropagation(), D = !0, I = t.getAttribute("data-position"), V = r.clientX, j = r.clientY;
       const i = s.getBoundingClientRect();
-      z = i.width, $ = i.height, _ = z / $, document.body.style.userSelect = "none", document.body.style.cursor = `${M}-resize`;
+      $ = i.width, C = i.height, N = $ / C, document.body.style.userSelect = "none", document.body.style.cursor = `${I}-resize`;
     });
   }), document.addEventListener("mousemove", (t) => {
-    if (!A || !s || !M) return;
-    const r = t.clientX - U, i = t.clientY - V;
-    let a = z, o = $;
-    switch (M) {
+    if (!D || !s || !I) return;
+    const r = t.clientX - V, i = t.clientY - j;
+    let a = $, o = C;
+    switch (I) {
       case "se":
-        a = z + r, o = $ + i;
+        a = $ + r, o = C + i;
         break;
       case "sw":
-        a = z - r, o = $ + i;
+        a = $ - r, o = C + i;
         break;
       case "ne":
-        a = z + r, o = $ - i;
+        a = $ + r, o = C - i;
         break;
       case "nw":
-        a = z - r, o = $ - i;
+        a = $ - r, o = C - i;
         break;
     }
-    Math.abs(r) > Math.abs(i) ? o = a / _ : a = o * _, a = Math.max(50, a), o = Math.max(50, o), s.style.width = `${a}px`, s.style.height = `${o}px`, s.setAttribute("width", String(Math.round(a))), s.setAttribute("height", String(Math.round(o))), C(), w();
+    Math.abs(r) > Math.abs(i) ? o = a / N : a = o * N, a = Math.max(50, a), o = Math.max(50, o), s.style.width = `${a}px`, s.style.height = `${o}px`, s.setAttribute("width", String(Math.round(a))), s.setAttribute("height", String(Math.round(o))), q(), E();
   }), document.addEventListener("mouseup", () => {
-    A && (A = !1, M = null, document.body.style.userSelect = "", document.body.style.cursor = "");
-  }), window.addEventListener("scroll", C), window.addEventListener("resize", C);
+    D && (D = !1, I = null, document.body.style.userSelect = "", document.body.style.cursor = "");
+  }), window.addEventListener("scroll", q), window.addEventListener("resize", q);
 };
-typeof window < "u" && !window.__mediaManagerInitialized && (window.__mediaManagerInitialized = !0, W());
-const te = () => ({
+typeof window < "u" && !window.__mediaManagerInitialized && (window.__mediaManagerInitialized = !0, O());
+const ae = () => ({
   name: "image",
   initialize: (e) => {
     const t = e?.editorElement;
-    W(t);
+    O(t);
   },
   toolbar: [
     {
@@ -949,17 +970,17 @@ const te = () => ({
   commands: {
     insertImage: (e, t) => {
       const r = t?.contentElement instanceof HTMLElement ? t.contentElement : void 0;
-      return P("image", r), !0;
+      return F("image", r), !0;
     },
     insertVideo: (e, t) => {
       const r = t?.contentElement instanceof HTMLElement ? t.contentElement : void 0;
-      return P("video", r), !0;
+      return F("video", r), !0;
     }
   },
   keymap: {
     "Mod-Shift-i": "insertImage"
   }
-}), Q = {
+}), te = {
   apiEndpoints: {
     upload: "/media/upload",
     library: "/media/library",
@@ -980,15 +1001,15 @@ const te = () => ({
     // 'X-API-Key': 'YOUR_API_KEY'
   }
 };
-let N = { ...Q };
-function re(e) {
-  N = { ...N, ...e };
+let P = { ...te };
+function ie(e) {
+  P = { ...P, ...e };
 }
-function ae() {
-  return { ...N };
+function oe() {
+  return { ...P };
 }
 export {
-  te as MediaManagerPlugin,
-  ae as getMediaManagerConfig,
-  re as setMediaManagerConfig
+  ae as MediaManagerPlugin,
+  oe as getMediaManagerConfig,
+  ie as setMediaManagerConfig
 };