@notectl/core 1.0.8 → 1.6.1

package/dist/chunks/{index-Ct0ivLhO.mjs → index-D4GKlc-A.mjs}

@@ -1,186 +1,188 @@
-import { S as t, r as e } from "./resolvePluginLocale-B4w1OkPy.mjs";
-import { e as n } from "./HTMLUtils-0wvCRvJc.mjs";
+import { S as e, r as t } from "./resolvePluginLocale-B4w1OkPy.mjs";
+import { e as n } from "./HTMLUtils-DTqQzcKR.mjs";
 import { c as i } from "./NodeSpec-NZVvcCuH.mjs";
-import { i as r, c as o, b as a } from "./Selection-D5ZjXoB7.mjs";
-import { f as s } from "./ToolbarItem-ugDymuXi.mjs";
-import { a as l, c, u as d } from "./Document-CI3iCwEP.mjs";
-import { n as g } from "./TypeBrands-C09nE2qO.mjs";
-function u(t2, e2) {
-  const n2 = t2.getState(), i2 = n2.selection, o2 = { src: e2.src, alt: e2.alt ?? "", align: e2.align ?? "center", ...void 0 !== e2.width ? { width: e2.width } : {}, ...void 0 !== e2.height ? { height: e2.height } : {} }, s2 = r(i2) ? i2.nodeId : i2.anchor.blockId, u2 = (function(t3, e3) {
-    const n3 = t3.getBlock(e3);
-    if ("table_cell" === n3?.type) return e3;
-    const i3 = t3.getNodePath(e3);
-    if (i3) for (const e4 of i3) {
-      const n4 = t3.getBlock(e4);
-      if ("table_cell" === n4?.type) return e4;
+import { i as r, a as o, c as a, e as s } from "./Selection-DmFDwiPJ.mjs";
+import { f as l } from "./ToolbarItem-BpZggUGo.mjs";
+import { a as c, f as d, u as g } from "./Document-CuwE73FF.mjs";
+import { n as u } from "./TypeBrands-C09nE2qO.mjs";
+function m(e2, t2) {
+  const n2 = e2.getState(), i2 = n2.selection, a2 = { src: t2.src, alt: t2.alt ?? "", align: t2.align ?? "center", ...void 0 !== t2.width ? { width: t2.width } : {}, ...void 0 !== t2.height ? { height: t2.height } : {} };
+  if (o(i2)) return false;
+  const l2 = r(i2) ? i2.nodeId : i2.anchor.blockId, m2 = (function(e3, t3) {
+    const n3 = e3.getBlock(t3);
+    if ("table_cell" === n3?.type) return t3;
+    const i3 = e3.getNodePath(t3);
+    if (i3) for (const t4 of i3) {
+      const n4 = e3.getBlock(t4);
+      if ("table_cell" === n4?.type) return t4;
     }
-  })(n2, s2);
-  return u2 ? (function(t3, e3, n3, i3) {
-    const r2 = t3.getNodePath(n3);
+  })(n2, l2);
+  return m2 ? (function(e3, t3, n3, i3) {
+    const r2 = e3.getNodePath(n3);
     if (!r2) return false;
-    const o3 = c(g("image"), [], void 0, i3), s3 = t3.getBlock(n3);
-    if (!s3) return false;
-    const u3 = t3.transaction("command"), m2 = d(s3);
-    for (let t4 = m2.length - 1; t4 >= 0; t4--) {
-      const e4 = s3.children.findIndex((e5) => l(e5) && e5.id === m2[t4]?.id);
-      -1 !== e4 && u3.removeNode(r2, e4);
+    const o2 = d(u("image"), [], void 0, i3), a3 = e3.getBlock(n3);
+    if (!a3) return false;
+    const l3 = e3.transaction("command"), m3 = g(a3);
+    for (let e4 = m3.length - 1; e4 >= 0; e4--) {
+      const t4 = a3.children.findIndex((t5) => c(t5) && t5.id === m3[e4]?.id);
+      -1 !== t4 && l3.removeNode(r2, t4);
     }
-    return u3.insertNode(r2, 0, o3), u3.setSelection(a(o3.id, [...r2, o3.id])), e3.dispatch(u3.build()), true;
-  })(n2, t2, u2, o2) : (function(t3, e3, n3, i3) {
-    const r2 = t3.doc.children.findIndex((t4) => t4.id === n3);
+    return l3.insertNode(r2, 0, o2), l3.setSelection(s(o2.id, [...r2, o2.id])), t3.dispatch(l3.build()), true;
+  })(n2, e2, m2, a2) : (function(e3, t3, n3, i3) {
+    const r2 = e3.doc.children.findIndex((e4) => e4.id === n3);
     if (-1 === r2) return false;
-    const o3 = c(g("image"), [], void 0, i3), s3 = c(g("paragraph")), l2 = t3.transaction("command").insertNode([], r2 + 1, o3).insertNode([], r2 + 2, s3).setSelection(a(o3.id, [])).build();
-    return e3.dispatch(l2), true;
-  })(n2, t2, s2, o2);
+    const o2 = d(u("image"), [], void 0, i3), a3 = d(u("paragraph")), l3 = e3.transaction("command").insertNode([], r2 + 1, o2).insertNode([], r2 + 2, a3).setSelection(s(o2.id, [])).build();
+    return t3.dispatch(l3), true;
+  })(n2, e2, l2, a2);
 }
-function m(t2, e2, n2) {
-  const i2 = t2.getState(), o2 = i2.selection;
+function p(e2, t2, n2) {
+  const i2 = e2.getState(), o2 = i2.selection;
   if (!r(o2)) return false;
   const a2 = i2.getBlock(o2.nodeId);
   if (!a2 || "image" !== a2.type) return false;
   const s2 = a2.attrs?.width, l2 = a2.attrs?.height;
   if (void 0 === s2 || void 0 === l2) return false;
-  const c2 = l2 > 0 ? s2 / l2 : 1, d2 = Math.max(50, Math.min(n2, s2 + e2)), g2 = Math.round(d2 / c2);
-  return (d2 !== s2 || g2 !== l2) && (function(t3, e3) {
-    const n3 = t3.getState(), i3 = n3.selection;
+  const c2 = l2 > 0 ? s2 / l2 : 1, d2 = Math.max(50, Math.min(n2, s2 + t2)), g2 = Math.round(d2 / c2);
+  return (d2 !== s2 || g2 !== l2) && (function(e3, t3) {
+    const n3 = e3.getState(), i3 = n3.selection;
     if (!r(i3)) return false;
     const o3 = n3.getBlock(i3.nodeId);
     if (!o3 || "image" !== o3.type) return false;
     const a3 = n3.getNodePath(i3.nodeId);
     if (!a3) return false;
-    const s3 = { ...o3.attrs ?? {}, ...e3 }, l3 = n3.transaction("command").setNodeAttr(a3, s3).build();
-    return t3.dispatch(l3), true;
-  })(t2, { width: d2, height: g2 });
+    const s3 = { ...o3.attrs ?? {}, ...t3 }, l3 = n3.transaction("command").setNodeAttr(a3, s3).build();
+    return e3.dispatch(l3), true;
+  })(e2, { width: d2, height: g2 });
 }
-const p = { insertImage: "Insert Image", insertImageTooltip: "Insert Image", uploadFromComputer: "Upload from computer", uploadAria: "Upload image from computer", separator: "or", urlPlaceholder: "https://...", urlAria: "Image URL", insertButton: "Insert", insertAria: "Insert image", imageAria: (t2, e2, n2) => {
-  const i2 = [t2 || "Image"];
-  return void 0 !== e2 && void 0 !== n2 && i2.push(`${e2} by ${n2} pixels`), i2.join(", ");
-}, resetToNaturalSize: "Image reset to natural size.", uploadFailed: "Image upload failed." }, h = { en: p, de: { insertImage: "Bild einfügen", insertImageTooltip: "Bild einfügen", uploadFromComputer: "Vom Computer hochladen", uploadAria: "Bild vom Computer hochladen", separator: "oder", urlPlaceholder: "https://...", urlAria: "Bild-URL", insertButton: "Einfügen", insertAria: "Bild einfügen", imageAria: (t2, e2, n2) => {
-  const i2 = [t2 || "Bild"];
-  return void 0 !== e2 && void 0 !== n2 && i2.push(`${e2} mal ${n2} Pixel`), i2.join(", ");
-}, resetToNaturalSize: "Bild auf Originalgröße zurückgesetzt.", uploadFailed: "Bild-Upload fehlgeschlagen." }, es: { insertImage: "Insertar imagen", insertImageTooltip: "Insertar imagen", uploadFromComputer: "Subir desde el ordenador", uploadAria: "Subir imagen desde el ordenador", separator: "o", urlPlaceholder: "https://...", urlAria: "URL de la imagen", insertButton: "Insertar", insertAria: "Insertar imagen", imageAria: (t2, e2, n2) => {
-  const i2 = [t2 || "Imagen"];
-  return void 0 !== e2 && void 0 !== n2 && i2.push(`${e2} por ${n2} píxeles`), i2.join(", ");
-}, resetToNaturalSize: "Imagen restablecida a tamaño natural.", uploadFailed: "Error al subir la imagen." }, fr: { insertImage: "Insérer une image", insertImageTooltip: "Insérer une image", uploadFromComputer: "Télécharger depuis l’ordinateur", uploadAria: "Télécharger une image depuis l’ordinateur", separator: "ou", urlPlaceholder: "https://...", urlAria: "URL de l’image", insertButton: "Insérer", insertAria: "Insérer une image", imageAria: (t2, e2, n2) => {
-  const i2 = [t2 || "Image"];
-  return void 0 !== e2 && void 0 !== n2 && i2.push(`${e2} par ${n2} pixels`), i2.join(", ");
-}, resetToNaturalSize: "Image rétablie à sa taille d’origine.", uploadFailed: "Échec du téléchargement de l’image." }, zh: { insertImage: "插入图片", insertImageTooltip: "插入图片", uploadFromComputer: "从电脑上传", uploadAria: "从电脑上传图片", separator: "或", urlPlaceholder: "https://...", urlAria: "图片链接", insertButton: "插入", insertAria: "插入图片", imageAria: (t2, e2, n2) => {
-  const i2 = [t2 || "图片"];
-  return void 0 !== e2 && void 0 !== n2 && i2.push(`${e2} x ${n2} 像素`), i2.join("，");
-}, resetToNaturalSize: "图片已恢复原始大小。", uploadFailed: "图片上传失败。" }, ru: { insertImage: "Вставить изображение", insertImageTooltip: "Вставить изображение", uploadFromComputer: "Загрузить с компьютера", uploadAria: "Загрузить изображение с компьютера", separator: "или", urlPlaceholder: "https://...", urlAria: "URL изображения", insertButton: "Вставить", insertAria: "Вставить изображение", imageAria: (t2, e2, n2) => {
-  const i2 = [t2 || "Изображение"];
-  return void 0 !== e2 && void 0 !== n2 && i2.push(`${e2} на ${n2} пикселей`), i2.join(", ");
-}, resetToNaturalSize: "Изображение сброшено до исходного размера.", uploadFailed: "Ошибка загрузки изображения." }, ar: { insertImage: "إدراج صورة", insertImageTooltip: "إدراج صورة", uploadFromComputer: "رفع من الحاسوب", uploadAria: "رفع صورة من الحاسوب", separator: "أو", urlPlaceholder: "https://...", urlAria: "رابط الصورة", insertButton: "إدراج", insertAria: "إدراج صورة", imageAria: (t2, e2, n2) => {
-  const i2 = [t2 || "صورة"];
-  return void 0 !== e2 && void 0 !== n2 && i2.push(`${e2} × ${n2} بكسل`), i2.join("، ");
-}, resetToNaturalSize: "تمت إعادة الصورة إلى حجمها الطبيعي.", uploadFailed: "فشل رفع الصورة." }, hi: { insertImage: "चित्र डालें", insertImageTooltip: "चित्र डालें", uploadFromComputer: "कंप्यूटर से अपलोड करें", uploadAria: "कंप्यूटर से चित्र अपलोड करें", separator: "या", urlPlaceholder: "https://...", urlAria: "चित्र URL", insertButton: "डालें", insertAria: "चित्र डालें", imageAria: (t2, e2, n2) => {
-  const i2 = [t2 || "चित्र"];
-  return void 0 !== e2 && void 0 !== n2 && i2.push(`${e2} x ${n2} पिक्सेल`), i2.join(", ");
-}, resetToNaturalSize: "चित्र मूल आकार में पुनर्स्थापित।", uploadFailed: "चित्र अपलोड विफल।" } }, f = { left: "notectl-image--left", center: "notectl-image--center", right: "notectl-image--right" }, b = { nw: "nwse-resize", ne: "nesw-resize", sw: "nesw-resize", se: "nwse-resize" }, v = { nw: -1, ne: 1, sw: -1, se: 1 }, x = { nw: "Resize top-left", ne: "Resize top-right", sw: "Resize bottom-left", se: "Resize bottom-right" };
-let y = null;
-function I() {
-  y && (y.remove(), y = null);
+const h = { insertImage: "Insert Image", insertImageTooltip: "Insert Image", uploadFromComputer: "Upload from computer", uploadAria: "Upload image from computer", separator: "or", urlPlaceholder: "https://...", urlAria: "Image URL", insertButton: "Insert", insertAria: "Insert image", imageAria: (e2, t2, n2) => {
+  const i2 = [e2 || "Image"];
+  return void 0 !== t2 && void 0 !== n2 && i2.push(`${t2} by ${n2} pixels`), i2.join(", ");
+}, resetToNaturalSize: "Image reset to natural size.", uploadFailed: "Image upload failed." }, f = { en: h, de: { insertImage: "Bild einfügen", insertImageTooltip: "Bild einfügen", uploadFromComputer: "Vom Computer hochladen", uploadAria: "Bild vom Computer hochladen", separator: "oder", urlPlaceholder: "https://...", urlAria: "Bild-URL", insertButton: "Einfügen", insertAria: "Bild einfügen", imageAria: (e2, t2, n2) => {
+  const i2 = [e2 || "Bild"];
+  return void 0 !== t2 && void 0 !== n2 && i2.push(`${t2} mal ${n2} Pixel`), i2.join(", ");
+}, resetToNaturalSize: "Bild auf Originalgröße zurückgesetzt.", uploadFailed: "Bild-Upload fehlgeschlagen." }, es: { insertImage: "Insertar imagen", insertImageTooltip: "Insertar imagen", uploadFromComputer: "Subir desde el ordenador", uploadAria: "Subir imagen desde el ordenador", separator: "o", urlPlaceholder: "https://...", urlAria: "URL de la imagen", insertButton: "Insertar", insertAria: "Insertar imagen", imageAria: (e2, t2, n2) => {
+  const i2 = [e2 || "Imagen"];
+  return void 0 !== t2 && void 0 !== n2 && i2.push(`${t2} por ${n2} píxeles`), i2.join(", ");
+}, resetToNaturalSize: "Imagen restablecida a tamaño natural.", uploadFailed: "Error al subir la imagen." }, fr: { insertImage: "Insérer une image", insertImageTooltip: "Insérer une image", uploadFromComputer: "Télécharger depuis l’ordinateur", uploadAria: "Télécharger une image depuis l’ordinateur", separator: "ou", urlPlaceholder: "https://...", urlAria: "URL de l’image", insertButton: "Insérer", insertAria: "Insérer une image", imageAria: (e2, t2, n2) => {
+  const i2 = [e2 || "Image"];
+  return void 0 !== t2 && void 0 !== n2 && i2.push(`${t2} par ${n2} pixels`), i2.join(", ");
+}, resetToNaturalSize: "Image rétablie à sa taille d’origine.", uploadFailed: "Échec du téléchargement de l’image." }, zh: { insertImage: "插入图片", insertImageTooltip: "插入图片", uploadFromComputer: "从电脑上传", uploadAria: "从电脑上传图片", separator: "或", urlPlaceholder: "https://...", urlAria: "图片链接", insertButton: "插入", insertAria: "插入图片", imageAria: (e2, t2, n2) => {
+  const i2 = [e2 || "图片"];
+  return void 0 !== t2 && void 0 !== n2 && i2.push(`${t2} x ${n2} 像素`), i2.join("，");
+}, resetToNaturalSize: "图片已恢复原始大小。", uploadFailed: "图片上传失败。" }, ru: { insertImage: "Вставить изображение", insertImageTooltip: "Вставить изображение", uploadFromComputer: "Загрузить с компьютера", uploadAria: "Загрузить изображение с компьютера", separator: "или", urlPlaceholder: "https://...", urlAria: "URL изображения", insertButton: "Вставить", insertAria: "Вставить изображение", imageAria: (e2, t2, n2) => {
+  const i2 = [e2 || "Изображение"];
+  return void 0 !== t2 && void 0 !== n2 && i2.push(`${t2} на ${n2} пикселей`), i2.join(", ");
+}, resetToNaturalSize: "Изображение сброшено до исходного размера.", uploadFailed: "Ошибка загрузки изображения." }, ar: { insertImage: "إدراج صورة", insertImageTooltip: "إدراج صورة", uploadFromComputer: "رفع من الحاسوب", uploadAria: "رفع صورة من الحاسوب", separator: "أو", urlPlaceholder: "https://...", urlAria: "رابط الصورة", insertButton: "إدراج", insertAria: "إدراج صورة", imageAria: (e2, t2, n2) => {
+  const i2 = [e2 || "صورة"];
+  return void 0 !== t2 && void 0 !== n2 && i2.push(`${t2} × ${n2} بكسل`), i2.join("، ");
+}, resetToNaturalSize: "تمت إعادة الصورة إلى حجمها الطبيعي.", uploadFailed: "فشل رفع الصورة." }, hi: { insertImage: "चित्र डालें", insertImageTooltip: "चित्र डालें", uploadFromComputer: "कंप्यूटर से अपलोड करें", uploadAria: "कंप्यूटर से चित्र अपलोड करें", separator: "या", urlPlaceholder: "https://...", urlAria: "चित्र URL", insertButton: "डालें", insertAria: "चित्र डालें", imageAria: (e2, t2, n2) => {
+  const i2 = [e2 || "चित्र"];
+  return void 0 !== t2 && void 0 !== n2 && i2.push(`${t2} x ${n2} पिक्सेल`), i2.join(", ");
+}, resetToNaturalSize: "चित्र मूल आकार में पुनर्स्थापित।", uploadFailed: "चित्र अपलोड विफल।" } }, b = { left: "notectl-image--left", center: "notectl-image--center", right: "notectl-image--right" }, v = { nw: "nwse-resize", ne: "nesw-resize", sw: "nesw-resize", se: "nwse-resize" }, x = { nw: -1, ne: 1, sw: -1, se: 1 }, y = { nw: "Resize top-left", ne: "Resize top-right", sw: "Resize bottom-left", se: "Resize bottom-right" };
+let I = null;
+function z() {
+  I && (I.remove(), I = null);
 }
-function z(t2, e2, n2) {
+function w(e2, t2, n2) {
   return (i2, r2, o2) => {
     const a2 = document.createElement("figure");
     a2.className = "notectl-image", a2.setAttribute("data-block-id", i2.id), a2.setAttribute("data-void", "true"), a2.setAttribute("data-selectable", "true");
-    const l2 = document.createElement("div");
-    l2.className = "notectl-image__container";
+    const s2 = document.createElement("div");
+    s2.className = "notectl-image__container";
     const c2 = document.createElement("img");
     c2.className = "notectl-image__img", c2.draggable = false;
     const d2 = document.createElement("div");
-    d2.className = "notectl-image__overlay", l2.appendChild(c2), l2.appendChild(d2), a2.appendChild(l2);
+    d2.className = "notectl-image__overlay", s2.appendChild(c2), s2.appendChild(d2), a2.appendChild(s2);
     let g2 = i2.id, u2 = null;
-    function m2(t3) {
-      const n3 = t3.attrs?.src ?? "", i3 = t3.attrs?.alt ?? "", r3 = t3.attrs?.width, o3 = t3.attrs?.height, s2 = t3.attrs?.align ?? "center";
+    function m2(e3) {
+      const n3 = e3.attrs?.src ?? "", i3 = e3.attrs?.alt ?? "", r3 = e3.attrs?.width, o3 = e3.attrs?.height, s3 = e3.attrs?.align ?? "center";
       c2.src !== n3 && (c2.src = n3), c2.alt = i3, c2.style.width = void 0 !== r3 ? `${r3}px` : "", c2.style.height = void 0 !== o3 ? `${o3}px` : "";
-      for (const t4 of Object.values(f)) a2.classList.remove(t4);
-      const l3 = f[s2];
-      l3 && a2.classList.add(l3);
-      const g3 = e2.get(t3.id) ?? "idle", u3 = "uploading" === g3;
-      d2.classList.toggle("notectl-image__overlay--uploading", u3), d2.classList.toggle("notectl-image__overlay--error", "error" === g3), d2.textContent = u3 ? "Uploading..." : "error" === g3 ? "Upload failed" : "", u3 ? a2.setAttribute("aria-busy", "true") : a2.removeAttribute("aria-busy"), (function(t4) {
-        const e3 = t4.attrs?.alt ?? "", n4 = t4.attrs?.width, i4 = t4.attrs?.height, r4 = [];
-        e3 ? r4.push(e3) : r4.push("Image"), void 0 !== n4 && void 0 !== i4 && r4.push(`${n4} by ${i4} pixels`), a2.setAttribute("aria-label", r4.join(", "));
-      })(t3);
+      for (const e4 of Object.values(b)) a2.classList.remove(e4);
+      const l2 = b[s3];
+      l2 && a2.classList.add(l2);
+      const g3 = t2.get(e3.id) ?? "idle", u3 = "uploading" === g3;
+      d2.classList.toggle("notectl-image__overlay--uploading", u3), d2.classList.toggle("notectl-image__overlay--error", "error" === g3), d2.textContent = u3 ? "Uploading..." : "error" === g3 ? "Upload failed" : "", u3 ? a2.setAttribute("aria-busy", "true") : a2.removeAttribute("aria-busy"), (function(e4) {
+        const t3 = e4.attrs?.alt ?? "", n4 = e4.attrs?.width, i4 = e4.attrs?.height, r4 = [];
+        t3 ? r4.push(t3) : r4.push("Image"), void 0 !== n4 && void 0 !== i4 && r4.push(`${n4} by ${i4} pixels`), a2.setAttribute("aria-label", r4.join(", "));
+      })(e3);
     }
     m2(i2);
     let p2 = false;
-    function h2(e3, n3, i3, s2) {
-      let l3 = 0, d3 = 0, g3 = 1;
-      const u3 = (e4) => {
-        const i4 = e4.clientX - l3, r3 = (o3 = d3 + i4 * v[n3], Math.max(50, Math.min(t2.maxWidth, o3)));
+    function h2(t3, n3, i3, s3) {
+      let l2 = 0, d3 = 0, g3 = 1;
+      const u3 = (t4) => {
+        const i4 = t4.clientX - l2, r3 = (o3 = d3 + i4 * x[n3], Math.max(50, Math.min(e2.maxWidth, o3)));
         var o3;
         const a3 = Math.round(r3 / g3);
-        c2.style.width = `${r3}px`, c2.style.height = `${a3}px`, s2.textContent = `${Math.round(r3)} × ${a3}`;
-      }, m3 = (t3) => {
-        document.removeEventListener("pointermove", u3), document.removeEventListener("pointerup", m3), a2.classList.remove("notectl-image--resizing"), s2.classList.remove("notectl-image__size-indicator--visible"), I();
-        const e4 = Math.round(c2.getBoundingClientRect().width), n4 = Math.round(e4 / g3);
-        !(function(t4, e5, n5) {
-          const i4 = r2(), a3 = i4.getBlock(t4);
+        c2.style.width = `${r3}px`, c2.style.height = `${a3}px`, s3.textContent = `${Math.round(r3)} × ${a3}`;
+      }, m3 = (e3) => {
+        document.removeEventListener("pointermove", u3), document.removeEventListener("pointerup", m3), a2.classList.remove("notectl-image--resizing"), s3.classList.remove("notectl-image__size-indicator--visible"), z();
+        const t4 = Math.round(c2.getBoundingClientRect().width), n4 = Math.round(t4 / g3);
+        !(function(e4, t5, n5) {
+          const i4 = r2(), a3 = i4.getBlock(e4);
           if (!a3) return;
-          const s3 = a3.attrs?.width, l4 = a3.attrs?.height;
-          if (s3 === e5 && l4 === n5) return;
-          const c3 = i4.getNodePath(t4);
+          const s4 = a3.attrs?.width, l3 = a3.attrs?.height;
+          if (s4 === t5 && l3 === n5) return;
+          const c3 = i4.getNodePath(e4);
           if (!c3) return;
-          const d4 = { ...a3.attrs ?? {}, width: e5, height: n5 }, g4 = i4.transaction("command").setNodeAttr(c3, d4).build();
+          const d4 = { ...a3.attrs ?? {}, width: t5, height: n5 }, g4 = i4.transaction("command").setNodeAttr(c3, d4).build();
           o2(g4);
-        })(i3, e4, n4), t3.target?.releasePointerCapture?.(t3.pointerId);
+        })(i3, t4, n4), e3.target?.releasePointerCapture?.(e3.pointerId);
       };
-      e3.addEventListener("pointerdown", (t3) => {
-        t3.preventDefault(), t3.stopPropagation(), l3 = t3.clientX, d3 = c2.getBoundingClientRect().width;
-        const e4 = c2.getBoundingClientRect().height;
+      t3.addEventListener("pointerdown", (e3) => {
+        e3.preventDefault(), e3.stopPropagation(), l2 = e3.clientX, d3 = c2.getBoundingClientRect().width;
+        const t4 = c2.getBoundingClientRect().height;
         var i4;
-        g3 = e4 > 0 ? d3 / e4 : 1, a2.classList.add("notectl-image--resizing"), s2.textContent = `${Math.round(d3)} × ${Math.round(e4)}`, s2.classList.add("notectl-image__size-indicator--visible"), i4 = b[n3], I(), y = document.createElement("style"), y.textContent = `*{cursor:${i4}!important;user-select:none!important}`, document.head.appendChild(y), t3.target.setPointerCapture(t3.pointerId), document.addEventListener("pointermove", u3), document.addEventListener("pointerup", m3);
+        g3 = t4 > 0 ? d3 / t4 : 1, a2.classList.add("notectl-image--resizing"), s3.textContent = `${Math.round(d3)} × ${Math.round(t4)}`, s3.classList.add("notectl-image__size-indicator--visible"), i4 = v[n3], z(), I = document.createElement("style"), I.textContent = `*{cursor:${i4}!important;user-select:none!important}`, document.head.appendChild(I), e3.target.setPointerCapture(e3.pointerId), document.addEventListener("pointermove", u3), document.addEventListener("pointerup", m3);
       });
     }
-    function z2() {
-      I(), u2 && (u2.remove(), u2 = null);
+    function f2() {
+      z(), u2 && (u2.remove(), u2 = null);
     }
     return c2.addEventListener("load", () => {
       if (p2) return;
-      const e3 = r2(), n3 = e3.getBlock(g2);
+      const t3 = r2(), n3 = t3.getBlock(g2);
       if (!n3 || "image" !== n3.type) return;
       const i3 = void 0 !== n3.attrs?.width, a3 = void 0 !== n3.attrs?.height;
       if (i3 && a3) return void (p2 = true);
-      const s2 = c2.naturalWidth, l3 = c2.naturalHeight;
-      if (0 === s2 || 0 === l3) return;
-      const d3 = Math.min(s2, t2.maxWidth), u3 = s2 > 0 ? l3 / s2 : 1, m3 = Math.round(d3 * u3), h3 = e3.getNodePath(g2);
+      const s3 = c2.naturalWidth, l2 = c2.naturalHeight;
+      if (0 === s3 || 0 === l2) return;
+      const d3 = Math.min(s3, e2.maxWidth), u3 = s3 > 0 ? l2 / s3 : 1, m3 = Math.round(d3 * u3), h3 = t3.getNodePath(g2);
       if (!h3) return;
-      const f2 = { ...n3.attrs ?? {}, width: d3, height: m3 }, b2 = e3.transaction("command").setNodeAttr(h3, f2).build();
+      const f3 = { ...n3.attrs ?? {}, width: d3, height: m3 }, b2 = t3.transaction("command").setNodeAttr(h3, f3).build();
       o2(b2), p2 = true;
-    }), { dom: a2, contentDOM: null, update: (t3) => "image" === t3.type && (g2 = t3.id, a2.setAttribute("data-block-id", t3.id), m2(t3), true), selectNode() {
-      a2.classList.add("notectl-image--selected"), (function(e3) {
-        if (!t2.resizable || u2) return;
+    }), { dom: a2, contentDOM: null, update: (e3) => "image" === e3.type && (g2 = e3.id, a2.setAttribute("data-block-id", e3.id), m2(e3), true), selectNode() {
+      a2.classList.add("notectl-image--selected"), (function(t3) {
+        if (!e2.resizable || u2) return;
         u2 = document.createElement("div"), u2.className = "notectl-image__resize-overlay", u2.setAttribute("data-notectl-no-print", "");
         const i3 = document.createElement("div");
         i3.className = "notectl-image__size-indicator", u2.appendChild(i3);
         const r3 = ["nw", "ne", "sw", "se"];
-        for (const t3 of r3) {
+        for (const e3 of r3) {
           const n3 = document.createElement("div");
-          n3.className = `notectl-image__resize-handle notectl-image__resize-handle--${t3}`, n3.setAttribute("role", "separator"), n3.setAttribute("aria-label", x[t3]), h2(n3, t3, e3, i3), u2.appendChild(n3);
+          n3.className = `notectl-image__resize-handle notectl-image__resize-handle--${e3}`, n3.setAttribute("role", "separator"), n3.setAttribute("aria-label", y[e3]), h2(n3, e3, t3, i3), u2.appendChild(n3);
         }
         if (n2) {
-          const t3 = (function(t4) {
-            const e4 = t4.shrinkWidth ?? null, n3 = t4.growWidth ?? null;
-            return e4 && n3 ? `${s(e4)} / ${s(n3)} to resize` : "";
+          const e3 = (function(e4) {
+            const t4 = e4.shrinkWidth ?? null, n3 = e4.growWidth ?? null;
+            return t4 && n3 ? `${l(t4)} / ${l(n3)} to resize` : "";
           })(n2);
-          if (t3) {
-            const e4 = document.createElement("div");
-            e4.className = "notectl-image__keyboard-hint", e4.setAttribute("aria-hidden", "true"), e4.textContent = t3, u2.appendChild(e4);
+          if (e3) {
+            const t4 = document.createElement("div");
+            t4.className = "notectl-image__keyboard-hint", t4.setAttribute("aria-hidden", "true"), t4.textContent = e3, u2.appendChild(t4);
           }
         }
-        l2.appendChild(u2);
+        s2.appendChild(u2);
       })(g2);
     }, deselectNode() {
-      a2.classList.remove("notectl-image--selected"), z2();
+      a2.classList.remove("notectl-image--selected"), f2();
     }, destroy() {
-      z2();
+      f2();
     } };
   };
 }
-const w = new t("image:upload"), A = { growWidth: "Mod-Shift-ArrowRight", shrinkWidth: "Mod-Shift-ArrowLeft", growWidthLarge: "Mod-Shift-Alt-ArrowRight", shrinkWidthLarge: "Mod-Shift-Alt-ArrowLeft", resetSize: "Mod-Shift-0" }, _ = { maxWidth: 800, maxFileSize: 10485760, acceptedTypes: ["image/png", "image/jpeg", "image/gif", "image/webp", "image/svg+xml"], resizable: true, resizeStep: 10, resizeStepLarge: 50 };
-class S {
+const A = new e("image:upload"), _ = { growWidth: "Mod-Shift-ArrowRight", shrinkWidth: "Mod-Shift-ArrowLeft", growWidthLarge: "Mod-Shift-Alt-ArrowRight", shrinkWidthLarge: "Mod-Shift-Alt-ArrowLeft", resetSize: "Mod-Shift-0" }, S = { maxWidth: 800, maxFileSize: 10485760, acceptedTypes: ["image/png", "image/jpeg", "image/gif", "image/webp", "image/svg+xml"], resizable: true, resizeStep: 10, resizeStepLarge: 50 };
+class k {
   id = "image";
   name = "Image";
   priority = 45;
@@ -190,162 +192,157 @@ class S {
   blobUrls = /* @__PURE__ */ new Set();
   context = null;
   locale;
-  constructor(t2) {
-    this.config = { ..._, ...t2 }, this.resolvedKeymap = { ...A, ...t2?.keymap };
+  constructor(e2) {
+    this.config = { ...S, ...e2 }, this.resolvedKeymap = { ..._, ...e2?.keymap };
   }
-  init(t2) {
-    this.locale = e(h, t2, this.config.locale), t2.registerStyleSheet("\n/* Image */\n.notectl-image {\n	margin: 8px 0;\n	user-select: none;\n	line-height: 0;\n}\n\n.notectl-image--center {\n	text-align: center;\n}\n\n.notectl-image--left {\n	text-align: left;\n}\n\n.notectl-image--right {\n	text-align: right;\n}\n\n.notectl-image__container {\n	display: inline-block;\n	position: relative;\n	line-height: 0;\n}\n\n.notectl-image__img {\n	display: block;\n	max-width: 100%;\n	border-radius: 4px;\n}\n\n.notectl-image--selected .notectl-image__container {\n	outline: 2px solid var(--notectl-primary);\n	outline-offset: 2px;\n	border-radius: 6px;\n}\n\n/* Alignment toolbar (appears on image selection) */\n.notectl-image__align-toolbar {\n	display: flex;\n	gap: 2px;\n	position: absolute;\n	top: -36px;\n	left: 50%;\n	transform: translateX(-50%);\n	background: var(--notectl-surface-overlay);\n	border: 1px solid var(--notectl-border);\n	border-radius: 6px;\n	padding: 2px;\n	box-shadow: 0 2px 8px var(--notectl-shadow);\n	z-index: 10;\n}\n\n.notectl-image__align-btn {\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	width: 28px;\n	height: 28px;\n	border: none;\n	background: transparent;\n	border-radius: 4px;\n	cursor: pointer;\n	color: var(--notectl-fg);\n}\n\n.notectl-image__align-btn:hover {\n	background: var(--notectl-hover-bg);\n}\n\n.notectl-image__align-btn--active {\n	background: var(--notectl-active-bg);\n	color: var(--notectl-primary-fg);\n}\n\n.notectl-image__align-btn svg {\n	width: 16px;\n	height: 16px;\n	fill: currentColor;\n}\n\n/* Upload overlay */\n.notectl-image__overlay {\n	position: absolute;\n	inset: 0;\n	display: none;\n	align-items: center;\n	justify-content: center;\n	background: rgba(255, 255, 255, 0.8);\n	border-radius: 4px;\n	font-size: 13px;\n	color: var(--notectl-fg-muted);\n}\n\n.notectl-image__overlay--uploading {\n	display: flex;\n}\n\n.notectl-image__overlay--error {\n	display: flex;\n	background: var(--notectl-danger-muted);\n	color: var(--notectl-danger);\n}\n\n/* Resize overlay + handles */\n.notectl-image__resize-overlay {\n	position: absolute;\n	inset: 0;\n	pointer-events: none;\n}\n\n.notectl-image__resize-handle {\n	position: absolute;\n	width: 10px;\n	height: 10px;\n	background: var(--notectl-bg);\n	border: 2px solid var(--notectl-primary);\n	border-radius: 50%;\n	pointer-events: all;\n	z-index: 2;\n	transition: transform 0.1s, background 0.1s;\n}\n\n.notectl-image__resize-handle:hover {\n	background: var(--notectl-primary);\n	transform: scale(1.3);\n}\n\n.notectl-image--resizing .notectl-image__resize-handle {\n	background: var(--notectl-primary);\n}\n\n.notectl-image__resize-handle--nw {\n	top: -5px;\n	left: -5px;\n	cursor: nwse-resize;\n}\n\n.notectl-image__resize-handle--ne {\n	top: -5px;\n	right: -5px;\n	cursor: nesw-resize;\n}\n\n.notectl-image__resize-handle--sw {\n	bottom: -5px;\n	left: -5px;\n	cursor: nesw-resize;\n}\n\n.notectl-image__resize-handle--se {\n	bottom: -5px;\n	right: -5px;\n	cursor: nwse-resize;\n}\n\n/* Size indicator tooltip */\n.notectl-image__size-indicator {\n	position: absolute;\n	bottom: -28px;\n	left: 50%;\n	transform: translateX(-50%);\n	padding: 2px 8px;\n	background: var(--notectl-tooltip-bg);\n	color: var(--notectl-tooltip-fg);\n	font-size: 11px;\n	font-weight: 500;\n	border-radius: 4px;\n	white-space: nowrap;\n	pointer-events: none;\n	opacity: 0;\n	transition: opacity 0.15s;\n	z-index: 3;\n}\n\n.notectl-image__size-indicator--visible {\n	opacity: 1;\n}\n\n/* Keyboard resize hint (shown on selection, hidden during drag) */\n.notectl-image__keyboard-hint {\n	display: none;\n	position: absolute;\n	bottom: -28px;\n	left: 50%;\n	transform: translateX(-50%);\n	padding: 2px 8px;\n	font-size: 11px;\n	color: var(--notectl-fg-muted);\n	white-space: nowrap;\n	pointer-events: none;\n	z-index: 3;\n}\n\n.notectl-image--selected .notectl-image__keyboard-hint {\n	display: block;\n}\n\n.notectl-image--resizing .notectl-image__keyboard-hint {\n	display: none;\n}\n\n/* Resizing feedback */\n.notectl-image--resizing .notectl-image__img {\n	opacity: 0.85;\n}\n"), this.context = t2, this.registerNodeSpec(t2), this.registerNodeView(t2), (function(t3) {
-      t3.registerCommand("insertImage", () => u(t3, { src: "" })), t3.registerCommand("removeImage", () => (function(t4) {
-        const e2 = t4.getState(), n2 = e2.selection;
+  init(e2) {
+    this.locale = t(f, e2, this.config.locale), e2.registerStyleSheet("\n/* Image */\n.notectl-image {\n	margin: 8px 0;\n	user-select: none;\n	line-height: 0;\n}\n\n.notectl-image--center {\n	text-align: center;\n}\n\n.notectl-image--left {\n	text-align: left;\n}\n\n.notectl-image--right {\n	text-align: right;\n}\n\n.notectl-image__container {\n	display: inline-block;\n	position: relative;\n	line-height: 0;\n}\n\n.notectl-image__img {\n	display: block;\n	max-width: 100%;\n	border-radius: 4px;\n}\n\n.notectl-image--selected .notectl-image__container {\n	outline: 2px solid var(--notectl-primary);\n	outline-offset: 2px;\n	border-radius: 6px;\n}\n\n/* Alignment toolbar (appears on image selection) */\n.notectl-image__align-toolbar {\n	display: flex;\n	gap: 2px;\n	position: absolute;\n	top: -36px;\n	left: 50%;\n	transform: translateX(-50%);\n	background: var(--notectl-surface-overlay);\n	border: 1px solid var(--notectl-border);\n	border-radius: 6px;\n	padding: 2px;\n	box-shadow: 0 2px 8px var(--notectl-shadow);\n	z-index: 10;\n}\n\n.notectl-image__align-btn {\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	width: 28px;\n	height: 28px;\n	border: none;\n	background: transparent;\n	border-radius: 4px;\n	cursor: pointer;\n	color: var(--notectl-fg);\n}\n\n.notectl-image__align-btn:hover {\n	background: var(--notectl-hover-bg);\n}\n\n.notectl-image__align-btn--active {\n	background: var(--notectl-active-bg);\n	color: var(--notectl-primary-fg);\n}\n\n.notectl-image__align-btn svg {\n	width: 16px;\n	height: 16px;\n	fill: currentColor;\n}\n\n/* Upload overlay */\n.notectl-image__overlay {\n	position: absolute;\n	inset: 0;\n	display: none;\n	align-items: center;\n	justify-content: center;\n	background: rgba(255, 255, 255, 0.8);\n	border-radius: 4px;\n	font-size: 13px;\n	color: var(--notectl-fg-muted);\n}\n\n.notectl-image__overlay--uploading {\n	display: flex;\n}\n\n.notectl-image__overlay--error {\n	display: flex;\n	background: var(--notectl-danger-muted);\n	color: var(--notectl-danger);\n}\n\n/* Resize overlay + handles */\n.notectl-image__resize-overlay {\n	position: absolute;\n	inset: 0;\n	pointer-events: none;\n}\n\n.notectl-image__resize-handle {\n	position: absolute;\n	width: 10px;\n	height: 10px;\n	background: var(--notectl-bg);\n	border: 2px solid var(--notectl-primary);\n	border-radius: 50%;\n	pointer-events: all;\n	z-index: 2;\n	transition: transform 0.1s, background 0.1s;\n}\n\n.notectl-image__resize-handle:hover {\n	background: var(--notectl-primary);\n	transform: scale(1.3);\n}\n\n.notectl-image--resizing .notectl-image__resize-handle {\n	background: var(--notectl-primary);\n}\n\n.notectl-image__resize-handle--nw {\n	top: -5px;\n	left: -5px;\n	cursor: nwse-resize;\n}\n\n.notectl-image__resize-handle--ne {\n	top: -5px;\n	right: -5px;\n	cursor: nesw-resize;\n}\n\n.notectl-image__resize-handle--sw {\n	bottom: -5px;\n	left: -5px;\n	cursor: nesw-resize;\n}\n\n.notectl-image__resize-handle--se {\n	bottom: -5px;\n	right: -5px;\n	cursor: nwse-resize;\n}\n\n/* Size indicator tooltip */\n.notectl-image__size-indicator {\n	position: absolute;\n	bottom: -28px;\n	left: 50%;\n	transform: translateX(-50%);\n	padding: 2px 8px;\n	background: var(--notectl-tooltip-bg);\n	color: var(--notectl-tooltip-fg);\n	font-size: 11px;\n	font-weight: 500;\n	border-radius: 4px;\n	white-space: nowrap;\n	pointer-events: none;\n	opacity: 0;\n	transition: opacity 0.15s;\n	z-index: 3;\n}\n\n.notectl-image__size-indicator--visible {\n	opacity: 1;\n}\n\n/* Keyboard resize hint (shown on selection, hidden during drag) */\n.notectl-image__keyboard-hint {\n	display: none;\n	position: absolute;\n	bottom: -28px;\n	left: 50%;\n	transform: translateX(-50%);\n	padding: 2px 8px;\n	font-size: 11px;\n	color: var(--notectl-fg-muted);\n	white-space: nowrap;\n	pointer-events: none;\n	z-index: 3;\n}\n\n.notectl-image--selected .notectl-image__keyboard-hint {\n	display: block;\n}\n\n.notectl-image--resizing .notectl-image__keyboard-hint {\n	display: none;\n}\n\n/* Resizing feedback */\n.notectl-image--resizing .notectl-image__img {\n	opacity: 0.85;\n}\n"), this.context = e2, this.registerNodeSpec(e2), this.registerNodeView(e2), (function(e3) {
+      e3.registerCommand("insertImage", () => m(e3, { src: "" })), e3.registerCommand("removeImage", () => (function(e4) {
+        const t2 = e4.getState(), n2 = t2.selection;
         if (!r(n2)) return false;
-        const i2 = e2.getBlock(n2.nodeId);
+        const i2 = t2.getBlock(n2.nodeId);
         if (!i2 || "image" !== i2.type) return false;
-        const a2 = e2.getNodePath(n2.nodeId);
-        if (!a2 || 0 === a2.length) return false;
-        const s2 = a2.slice(0, -1);
-        let c2;
-        if (0 === s2.length) c2 = e2.doc;
+        const o2 = t2.getNodePath(n2.nodeId);
+        if (!o2 || 0 === o2.length) return false;
+        const s2 = o2.slice(0, -1);
+        let l2;
+        if (0 === s2.length) l2 = t2.doc;
         else {
-          const t5 = s2[s2.length - 1];
-          c2 = t5 ? e2.getBlock(t5) : void 0;
+          const e5 = s2[s2.length - 1];
+          l2 = e5 ? t2.getBlock(e5) : void 0;
         }
-        if (!c2) return false;
-        const d2 = c2.children.findIndex((t5) => l(t5) && t5.id === n2.nodeId);
+        if (!l2) return false;
+        const d2 = l2.children.findIndex((e5) => c(e5) && e5.id === n2.nodeId);
         if (-1 === d2) return false;
-        const g2 = (function(t5, e3, n3) {
-          if (0 === e3.length) {
-            const e4 = t5.doc.children, i3 = e4.findIndex((t6) => t6.id === n3), r2 = e4[i3 + 1] ?? e4[i3 - 1];
+        const g2 = (function(e5, t3, n3) {
+          if (0 === t3.length) {
+            const t4 = e5.doc.children, i3 = t4.findIndex((e6) => e6.id === n3), r2 = t4[i3 + 1] ?? t4[i3 - 1];
             return r2?.id;
           }
-          return e3[e3.length - 1];
-        })(e2, s2, n2.nodeId);
+          return t3[t3.length - 1];
+        })(t2, s2, n2.nodeId);
         if (!g2) return false;
-        const u2 = e2.transaction("command").removeNode(s2, d2).setSelection(o(g2, 0)).build();
-        return t4.dispatch(u2), true;
-      })(t3));
-    })(t2), this.registerResizeCommands(t2), this.registerResizeKeymaps(t2), this.registerFileHandler(t2), this.registerToolbarItem(t2);
+        const u2 = t2.transaction("command").removeNode(s2, d2).setSelection(a(g2, 0)).build();
+        return e4.dispatch(u2), true;
+      })(e3));
+    })(e2), this.registerResizeCommands(e2), this.registerResizeKeymaps(e2), this.registerFileHandler(e2), this.registerToolbarItem(e2);
   }
   destroy() {
-    for (const t2 of this.blobUrls) URL.revokeObjectURL(t2);
+    for (const e2 of this.blobUrls) URL.revokeObjectURL(e2);
     this.blobUrls.clear(), this.uploadStates.clear(), this.context = null;
   }
-  onStateChange(t2, e2, n2) {
+  onStateChange(e2, t2, n2) {
     if (!this.context) return;
-    for (const t3 of this.uploadStates.keys()) e2.getBlock(t3) || this.uploadStates.delete(t3);
-    const i2 = this.isImageSelected(t2), r2 = this.isImageSelected(e2);
-    !i2 && r2 && this.announceImageSelection(e2);
+    for (const e3 of this.uploadStates.keys()) t2.getBlock(e3) || this.uploadStates.delete(e3);
+    const i2 = this.isImageSelected(e2), r2 = this.isImageSelected(t2);
+    !i2 && r2 && this.announceImageSelection(t2);
   }
-  registerNodeSpec(t2) {
-    const e2 = this.locale;
-    t2.registerNodeSpec({ type: "image", group: "block", isVoid: true, selectable: true, attrs: { src: { default: "" }, alt: { default: "" }, align: { default: "center" } }, toDOM(t3) {
-      const n2 = i("figure", t3.id);
+  registerNodeSpec(e2) {
+    const t2 = this.locale;
+    e2.registerNodeSpec({ type: "image", group: "block", isVoid: true, selectable: true, attrs: { src: { default: "" }, alt: { default: "" }, align: { default: "center" } }, toDOM(e3) {
+      const n2 = i("figure", e3.id);
       n2.className = "notectl-image", n2.setAttribute("data-void", "true"), n2.setAttribute("data-selectable", "true");
       const r2 = document.createElement("div");
       r2.className = "notectl-image__container";
-      const o2 = t3.attrs?.alt ?? "", a2 = t3.attrs?.width, s2 = t3.attrs?.height, l2 = document.createElement("img");
-      l2.className = "notectl-image__img", l2.src = t3.attrs?.src ?? "", l2.alt = o2, l2.draggable = false, void 0 !== a2 && (l2.style.width = `${a2}px`), void 0 !== s2 && (l2.style.height = `${s2}px`);
-      const c2 = { left: "notectl-image--left", center: "notectl-image--center", right: "notectl-image--right" }[t3.attrs?.align ?? "center"];
-      return c2 && n2.classList.add(c2), n2.setAttribute("aria-label", e2.imageAria(o2, a2, s2)), r2.appendChild(l2), n2.appendChild(r2), n2;
-    }, toHTML(t3) {
-      const e3 = n(t3.attrs?.src ?? ""), i2 = n(t3.attrs?.alt ?? ""), r2 = t3.attrs?.width, o2 = t3.attrs?.height, a2 = t3.attrs?.align ?? "center", s2 = (void 0 !== r2 ? ` width="${r2}"` : "") + (void 0 !== o2 ? ` height="${o2}"` : "");
-      return `<figure class="notectl-image notectl-image--${n(a2)}"><img src="${e3}" alt="${i2}"${s2}></figure>`;
-    }, parseHTML: [{ tag: "figure", getAttrs(t3) {
-      const e3 = t3.querySelector("img");
-      if (!e3) return false;
-      const n2 = { src: e3.getAttribute("src") ?? "", alt: e3.getAttribute("alt") ?? "", align: "center" }, i2 = e3.getAttribute("width"), r2 = e3.getAttribute("height");
-      return i2 && (n2.width = Number.parseInt(i2, 10)), r2 && (n2.height = Number.parseInt(r2, 10)), t3.classList.contains("notectl-image--left") && (n2.align = "left"), t3.classList.contains("notectl-image--right") && (n2.align = "right"), n2;
-    } }, { tag: "img", getAttrs(t3) {
-      const e3 = { src: t3.getAttribute("src") ?? "", alt: t3.getAttribute("alt") ?? "", align: "center" }, n2 = t3.getAttribute("width"), i2 = t3.getAttribute("height");
-      return n2 && (e3.width = Number.parseInt(n2, 10)), i2 && (e3.height = Number.parseInt(i2, 10)), e3;
+      const o2 = e3.attrs?.alt ?? "", a2 = e3.attrs?.width, s2 = e3.attrs?.height, l2 = document.createElement("img");
+      l2.className = "notectl-image__img", l2.src = e3.attrs?.src ?? "", l2.alt = o2, l2.draggable = false, void 0 !== a2 && (l2.style.width = `${a2}px`), void 0 !== s2 && (l2.style.height = `${s2}px`);
+      const c2 = { left: "notectl-image--left", center: "notectl-image--center", right: "notectl-image--right" }[e3.attrs?.align ?? "center"];
+      return c2 && n2.classList.add(c2), n2.setAttribute("aria-label", t2.imageAria(o2, a2, s2)), r2.appendChild(l2), n2.appendChild(r2), n2;
+    }, toHTML(e3) {
+      const t3 = n(e3.attrs?.src ?? ""), i2 = n(e3.attrs?.alt ?? ""), r2 = e3.attrs?.width, o2 = e3.attrs?.height, a2 = e3.attrs?.align ?? "center", s2 = (void 0 !== r2 ? ` width="${r2}"` : "") + (void 0 !== o2 ? ` height="${o2}"` : "");
+      return `<figure class="notectl-image notectl-image--${n(a2)}"><img src="${t3}" alt="${i2}"${s2}></figure>`;
+    }, parseHTML: [{ tag: "figure", getAttrs(e3) {
+      const t3 = e3.querySelector("img");
+      if (!t3) return false;
+      const n2 = { src: t3.getAttribute("src") ?? "", alt: t3.getAttribute("alt") ?? "", align: "center" }, i2 = t3.getAttribute("width"), r2 = t3.getAttribute("height");
+      return i2 && (n2.width = Number.parseInt(i2, 10)), r2 && (n2.height = Number.parseInt(r2, 10)), e3.classList.contains("notectl-image--left") && (n2.align = "left"), e3.classList.contains("notectl-image--right") && (n2.align = "right"), n2;
+    } }, { tag: "img", getAttrs(e3) {
+      const t3 = { src: e3.getAttribute("src") ?? "", alt: e3.getAttribute("alt") ?? "", align: "center" }, n2 = e3.getAttribute("width"), i2 = e3.getAttribute("height");
+      return n2 && (t3.width = Number.parseInt(n2, 10)), i2 && (t3.height = Number.parseInt(i2, 10)), t3;
     } }], sanitize: { tags: ["figure", "img"], attrs: ["src", "alt", "width", "height", "class"] } });
   }
-  registerNodeView(t2) {
-    t2.registerNodeView("image", z(this.config, this.uploadStates, this.resolvedKeymap));
+  registerNodeView(e2) {
+    e2.registerNodeView("image", w(this.config, this.uploadStates, this.resolvedKeymap));
   }
-  registerResizeCommands(t2) {
-    const e2 = this.config.resizeStep ?? 10, n2 = this.config.resizeStepLarge ?? 50, i2 = this.config.maxWidth;
-    t2.registerCommand("resizeImageGrow", () => {
-      const n3 = m(t2, e2, i2);
-      return n3 && this.announceCurrentSize(t2), n3;
-    }), t2.registerCommand("resizeImageShrink", () => {
-      const n3 = m(t2, -e2, i2);
-      return n3 && this.announceCurrentSize(t2), n3;
-    }), t2.registerCommand("resizeImageGrowLarge", () => {
-      const e3 = m(t2, n2, i2);
-      return e3 && this.announceCurrentSize(t2), e3;
-    }), t2.registerCommand("resizeImageShrinkLarge", () => {
-      const e3 = m(t2, -n2, i2);
-      return e3 && this.announceCurrentSize(t2), e3;
-    }), t2.registerCommand("resetImageSize", () => {
-      const e3 = (function(t3) {
-        const e4 = t3.getState(), n3 = e4.selection;
+  registerResizeCommands(e2) {
+    const t2 = this.config.resizeStep ?? 10, n2 = this.config.resizeStepLarge ?? 50, i2 = this.config.maxWidth;
+    e2.registerCommand("resizeImageGrow", () => {
+      const n3 = p(e2, t2, i2);
+      return n3 && this.announceCurrentSize(e2), n3;
+    }), e2.registerCommand("resizeImageShrink", () => {
+      const n3 = p(e2, -t2, i2);
+      return n3 && this.announceCurrentSize(e2), n3;
+    }), e2.registerCommand("resizeImageGrowLarge", () => {
+      const t3 = p(e2, n2, i2);
+      return t3 && this.announceCurrentSize(e2), t3;
+    }), e2.registerCommand("resizeImageShrinkLarge", () => {
+      const t3 = p(e2, -n2, i2);
+      return t3 && this.announceCurrentSize(e2), t3;
+    }), e2.registerCommand("resetImageSize", () => {
+      const t3 = (function(e3) {
+        const t4 = e3.getState(), n3 = t4.selection;
         if (!r(n3)) return false;
-        const i3 = e4.getBlock(n3.nodeId);
+        const i3 = t4.getBlock(n3.nodeId);
         if (!i3 || "image" !== i3.type) return false;
-        const o2 = e4.getNodePath(n3.nodeId);
+        const o2 = t4.getNodePath(n3.nodeId);
         if (!o2) return false;
-        const a2 = { ...i3.attrs ?? {} }, s2 = Object.fromEntries(Object.entries(a2).filter(([t4]) => "width" !== t4 && "height" !== t4)), l2 = e4.transaction("command").setNodeAttr(o2, s2).build();
-        return t3.dispatch(l2), true;
-      })(t2);
-      return e3 && t2.announce(this.locale.resetToNaturalSize), e3;
+        const a2 = { ...i3.attrs ?? {} }, s2 = Object.fromEntries(Object.entries(a2).filter(([e4]) => "width" !== e4 && "height" !== e4)), l2 = t4.transaction("command").setNodeAttr(o2, s2).build();
+        return e3.dispatch(l2), true;
+      })(e2);
+      return t3 && e2.announce(this.locale.resetToNaturalSize), t3;
     });
   }
-  registerResizeKeymaps(t2) {
-    const e2 = {}, n2 = { growWidth: "resizeImageGrow", shrinkWidth: "resizeImageShrink", growWidthLarge: "resizeImageGrowLarge", shrinkWidthLarge: "resizeImageShrinkLarge", resetSize: "resetImageSize" };
+  registerResizeKeymaps(e2) {
+    const t2 = {}, n2 = { growWidth: "resizeImageGrow", shrinkWidth: "resizeImageShrink", growWidthLarge: "resizeImageGrowLarge", shrinkWidthLarge: "resizeImageShrinkLarge", resetSize: "resetImageSize" };
     for (const [i2, r2] of Object.entries(n2)) {
       const n3 = this.resolvedKeymap[i2] ?? null;
-      n3 && (e2[n3] = () => t2.executeCommand(r2));
+      n3 && (t2[n3] = () => e2.executeCommand(r2));
     }
-    Object.keys(e2).length > 0 && t2.registerKeymap(e2);
+    Object.keys(t2).length > 0 && e2.registerKeymap(t2);
   }
-  registerFileHandler(t2) {
-    t2.registerFileHandler("image/*", async (e2, n2) => {
-      const i2 = e2.filter((t3) => this.isAcceptedType(t3.type));
-      if (0 === i2.length) return false;
-      for (const e3 of i2) this.handleFileInsert(t2, e3);
-      return true;
-    });
+  registerFileHandler(e2) {
+    e2.registerFileHandler("image/*", async (t2, n2) => !!this.isAcceptedType(t2.type) && (this.handleFileInsert(e2, t2), true));
   }
-  handleFileInsert(t2, e2) {
-    if (e2.size > this.config.maxFileSize) return;
-    const n2 = URL.createObjectURL(e2);
-    if (this.blobUrls.add(n2), !u(t2, { src: n2 })) return URL.revokeObjectURL(n2), void this.blobUrls.delete(n2);
-    const i2 = t2.getState().selection;
+  handleFileInsert(e2, t2) {
+    if (t2.size > this.config.maxFileSize) return;
+    const n2 = URL.createObjectURL(t2);
+    if (this.blobUrls.add(n2), !m(e2, { src: n2 })) return URL.revokeObjectURL(n2), void this.blobUrls.delete(n2);
+    const i2 = e2.getState().selection;
     if (!r(i2)) return;
     const o2 = i2.nodeId;
-    this.uploadStates.set(o2, "uploading"), t2.getService(w) ? this.uploadFile(t2, e2, o2, n2) : this.uploadStates.set(o2, "complete");
+    this.uploadStates.set(o2, "uploading"), e2.getService(A) ? this.uploadFile(e2, t2, o2, n2) : this.uploadStates.set(o2, "complete");
   }
-  async uploadFile(t2, e2, n2, i2) {
-    const r2 = t2.getService(w);
+  async uploadFile(e2, t2, n2, i2) {
+    const r2 = e2.getService(A);
     if (r2) try {
-      const o2 = await r2.upload(e2);
+      const o2 = await r2.upload(t2);
       this.uploadStates.set(n2, "complete");
-      const a2 = t2.getState(), s2 = a2.getBlock(n2);
+      const a2 = e2.getState(), s2 = a2.getBlock(n2);
       if (!s2) return;
       const l2 = a2.getNodePath(n2);
       if (!l2) return;
       const c2 = { ...s2.attrs ?? {}, src: o2.url, ...void 0 !== o2.width ? { width: o2.width } : {}, ...void 0 !== o2.height ? { height: o2.height } : {} }, d2 = a2.transaction("command").setNodeAttr(l2, c2).build();
-      t2.dispatch(d2), URL.revokeObjectURL(i2), this.blobUrls.delete(i2);
+      e2.dispatch(d2), URL.revokeObjectURL(i2), this.blobUrls.delete(i2);
     } catch {
-      this.uploadStates.set(n2, "error"), t2.announce(this.locale.uploadFailed);
+      this.uploadStates.set(n2, "error"), e2.announce(this.locale.uploadFailed);
     }
   }
-  registerToolbarItem(t2) {
-    t2.registerToolbarItem({ id: "image", group: "insert", icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>', label: this.locale.insertImage, tooltip: this.locale.insertImageTooltip, command: "insertImage", priority: 50, popupType: "custom", separatorAfter: this.config.separatorAfter, renderPopup: (t3, e2, n2) => {
-      this.renderImagePopup(t3, e2, n2);
+  registerToolbarItem(e2) {
+    e2.registerToolbarItem({ id: "image", group: "insert", icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>', label: this.locale.insertImage, tooltip: this.locale.insertImageTooltip, command: "insertImage", priority: 50, popupType: "custom", separatorAfter: this.config.separatorAfter, renderPopup: (e3, t2, n2) => {
+      this.renderImagePopup(e3, t2, n2);
     } });
   }
-  renderImagePopup(t2, e2, n2) {
-    t2.style.padding = "8px", t2.style.minWidth = "240px";
+  renderImagePopup(e2, t2, n2) {
+    e2.style.padding = "8px", e2.style.minWidth = "240px";
     const i2 = document.createElement("input");
     i2.type = "file", i2.accept = this.config.acceptedTypes.join(","), i2.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;opacity:0;";
     const r2 = document.createElement("button");
-    r2.type = "button", r2.textContent = this.locale.uploadFromComputer, r2.setAttribute("aria-label", this.locale.uploadAria), r2.style.cssText = "display:block;width:100%;padding:8px 12px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid var(--notectl-border);border-radius:4px;background:var(--notectl-surface-raised);color:var(--notectl-fg);", r2.addEventListener("mousedown", (t3) => {
-      t3.preventDefault(), t3.stopPropagation(), i2.click();
+    r2.type = "button", r2.textContent = this.locale.uploadFromComputer, r2.setAttribute("aria-label", this.locale.uploadAria), r2.style.cssText = "display:block;width:100%;padding:8px 12px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid var(--notectl-border);border-radius:4px;background:var(--notectl-surface-raised);color:var(--notectl-fg);", r2.addEventListener("mousedown", (e3) => {
+      e3.preventDefault(), e3.stopPropagation(), i2.click();
     }), i2.addEventListener("change", () => {
-      const t3 = i2.files?.[0];
-      t3 && (this.handleFileInsert(e2, t3), n2(), e2.getContainer().focus());
-    }), t2.appendChild(i2), t2.appendChild(r2);
+      const e3 = i2.files?.[0];
+      e3 && (this.handleFileInsert(t2, e3), n2(), t2.getContainer().focus());
+    }), e2.appendChild(i2), e2.appendChild(r2);
     const o2 = document.createElement("div");
     o2.style.cssText = "display:flex;align-items:center;margin:8px 0;color:var(--notectl-fg-muted);font-size:12px;";
     const a2 = document.createElement("span");
@@ -353,55 +350,55 @@ class S {
     const s2 = document.createElement("span");
     s2.textContent = this.locale.separator, s2.style.cssText = "padding:0 8px;";
     const l2 = document.createElement("span");
-    l2.style.cssText = "flex:1;height:1px;background:var(--notectl-border);", o2.appendChild(a2), o2.appendChild(s2), o2.appendChild(l2), t2.appendChild(o2);
+    l2.style.cssText = "flex:1;height:1px;background:var(--notectl-border);", o2.appendChild(a2), o2.appendChild(s2), o2.appendChild(l2), e2.appendChild(o2);
     const c2 = document.createElement("input");
     c2.type = "url", c2.placeholder = this.locale.urlPlaceholder, c2.setAttribute("aria-label", this.locale.urlAria), c2.style.cssText = "width:100%;padding:6px 8px;box-sizing:border-box;border:1px solid var(--notectl-border);border-radius:4px;background:var(--notectl-bg);color:var(--notectl-fg);";
     const d2 = document.createElement("button");
     d2.type = "button", d2.textContent = this.locale.insertButton, d2.setAttribute("aria-label", this.locale.insertAria), d2.style.cssText = "width:100%;padding:8px 12px;margin-top:4px;cursor:pointer;border:1px solid var(--notectl-border);border-radius:4px;background:var(--notectl-surface-raised);color:var(--notectl-fg);";
     const g2 = () => {
-      const t3 = c2.value.trim();
-      t3 && (u(e2, { src: t3 }), n2(), e2.getContainer().focus());
+      const e3 = c2.value.trim();
+      e3 && (m(t2, { src: e3 }), n2(), t2.getContainer().focus());
     };
-    d2.addEventListener("mousedown", (t3) => {
-      t3.preventDefault(), t3.stopPropagation(), g2();
-    }), c2.addEventListener("keydown", (t3) => {
-      "Enter" === t3.key && (t3.preventDefault(), g2());
-    }), t2.appendChild(c2), t2.appendChild(d2), requestAnimationFrame(() => c2.focus());
+    d2.addEventListener("mousedown", (e3) => {
+      e3.preventDefault(), e3.stopPropagation(), g2();
+    }), c2.addEventListener("keydown", (e3) => {
+      "Enter" === e3.key && (e3.preventDefault(), g2());
+    }), e2.appendChild(c2), e2.appendChild(d2), requestAnimationFrame(() => c2.focus());
   }
-  isAcceptedType(t2) {
-    return this.config.acceptedTypes.some((e2) => e2 === t2 || e2.endsWith("/*") && t2.startsWith(e2.slice(0, -1)));
+  isAcceptedType(e2) {
+    return this.config.acceptedTypes.some((t2) => t2 === e2 || t2.endsWith("/*") && e2.startsWith(t2.slice(0, -1)));
   }
-  isImageSelected(t2) {
-    const e2 = t2.selection;
-    if (!r(e2)) return false;
-    const n2 = t2.getBlock(e2.nodeId);
+  isImageSelected(e2) {
+    const t2 = e2.selection;
+    if (!r(t2)) return false;
+    const n2 = e2.getBlock(t2.nodeId);
     return "image" === n2?.type;
   }
-  announceImageSelection(t2) {
+  announceImageSelection(e2) {
     if (!this.context) return;
-    const e2 = t2.selection;
-    if (!r(e2)) return;
-    const n2 = t2.getBlock(e2.nodeId);
+    const t2 = e2.selection;
+    if (!r(t2)) return;
+    const n2 = e2.getBlock(t2.nodeId);
     if (!n2 || "image" !== n2.type) return;
-    const i2 = n2.attrs?.alt ?? "", o2 = n2.attrs?.width, a2 = n2.attrs?.height, l2 = ["Image selected."];
-    i2 && l2.push(`Alt text: ${i2}.`), void 0 !== o2 && void 0 !== a2 && l2.push(`Size: ${o2} by ${a2} pixels.`);
+    const i2 = n2.attrs?.alt ?? "", o2 = n2.attrs?.width, a2 = n2.attrs?.height, s2 = ["Image selected."];
+    i2 && s2.push(`Alt text: ${i2}.`), void 0 !== o2 && void 0 !== a2 && s2.push(`Size: ${o2} by ${a2} pixels.`);
     const c2 = this.resolvedKeymap.shrinkWidth ?? null, d2 = this.resolvedKeymap.growWidth ?? null;
-    c2 && d2 && l2.push(`${s(c2)} / ${s(d2)} to resize.`), this.context.announce(l2.join(" "));
+    c2 && d2 && s2.push(`${l(c2)} / ${l(d2)} to resize.`), this.context.announce(s2.join(" "));
   }
-  announceCurrentSize(t2) {
-    const e2 = t2.getState(), n2 = e2.selection;
+  announceCurrentSize(e2) {
+    const t2 = e2.getState(), n2 = t2.selection;
     if (!r(n2)) return;
-    const i2 = e2.getBlock(n2.nodeId);
+    const i2 = t2.getBlock(n2.nodeId);
     if (!i2 || "image" !== i2.type) return;
     const o2 = i2.attrs?.width, a2 = i2.attrs?.height;
-    void 0 !== o2 && void 0 !== a2 && t2.announce(`Image resized to ${o2} by ${a2} pixels.`);
+    void 0 !== o2 && void 0 !== a2 && e2.announce(`Image resized to ${o2} by ${a2} pixels.`);
   }
 }
 export {
-  A as D,
-  h as I,
-  p as a,
-  w as b,
-  S as c
+  _ as D,
+  f as I,
+  h as a,
+  A as b,
+  k as c
 };
-//# sourceMappingURL=index-Ct0ivLhO.mjs.map
+//# sourceMappingURL=index-D4GKlc-A.mjs.map