@notectl/core 1.7.0 → 1.7.2

package/dist/chunks/index-D3NlpmT1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D3NlpmT1.mjs","sources":["../../src/plugins/highlight/HighlightLocale.ts","../../src/plugins/highlight/HighlightPlugin.ts"],"sourcesContent":["/** Locale interface and default English locale for the HighlightPlugin. */\n\n// --- Locale Interface ---\n\nexport interface HighlightLocale {\n\treadonly label: string;\n\treadonly tooltip: string;\n\treadonly resetLabel: string;\n\treadonly ariaLabelPrefix: string;\n}\n\n// --- Default English Locale ---\n\nexport const HIGHLIGHT_LOCALE_EN: HighlightLocale = {\n\tlabel: 'Highlight',\n\ttooltip: 'Highlight Color',\n\tresetLabel: 'None',\n\tariaLabelPrefix: 'Highlight color',\n};\n\n// --- German Locale ---\n\nexport const HIGHLIGHT_LOCALE_DE: HighlightLocale = {\n\tlabel: 'Hervorhebung',\n\ttooltip: 'Hervorhebungsfarbe',\n\tresetLabel: 'Keine',\n\tariaLabelPrefix: 'Hervorhebungsfarbe',\n};\n\n// --- Spanish Locale ---\n\nexport const HIGHLIGHT_LOCALE_ES: HighlightLocale = {\n\tlabel: 'Resaltado',\n\ttooltip: 'Color de resaltado',\n\tresetLabel: 'Ninguno',\n\tariaLabelPrefix: 'Color de resaltado',\n};\n\n// --- French Locale ---\n\nexport const HIGHLIGHT_LOCALE_FR: HighlightLocale = {\n\tlabel: 'Surlignage',\n\ttooltip: 'Couleur de surlignage',\n\tresetLabel: 'Aucun',\n\tariaLabelPrefix: 'Couleur de surlignage',\n};\n\n// --- Chinese (Simplified) Locale ---\n\nexport const HIGHLIGHT_LOCALE_ZH: HighlightLocale = {\n\tlabel: '高亮',\n\ttooltip: '高亮颜色',\n\tresetLabel: '无',\n\tariaLabelPrefix: '高亮颜色',\n};\n\n// --- Russian Locale ---\n\nexport const HIGHLIGHT_LOCALE_RU: HighlightLocale = {\n\tlabel: 'Выделение',\n\ttooltip: 'Цвет выделения',\n\tresetLabel: 'Нет',\n\tariaLabelPrefix: 'Цвет выделения',\n};\n\n// --- Arabic Locale ---\n\nexport const HIGHLIGHT_LOCALE_AR: HighlightLocale = {\n\tlabel: 'تمييز',\n\ttooltip: 'لون التمييز',\n\tresetLabel: 'بدون',\n\tariaLabelPrefix: 'لون التمييز',\n};\n\n// --- Hindi Locale ---\n\nexport const HIGHLIGHT_LOCALE_HI: HighlightLocale = {\n\tlabel: 'हाइलाइट',\n\ttooltip: 'हाइलाइट रंग',\n\tresetLabel: 'कोई नहीं',\n\tariaLabelPrefix: 'हाइलाइट रंग',\n};\n\n// --- Locale Map ---\n\nexport const HIGHLIGHT_LOCALES: Record<string, HighlightLocale> = {\n\ten: HIGHLIGHT_LOCALE_EN,\n\tde: HIGHLIGHT_LOCALE_DE,\n\tes: HIGHLIGHT_LOCALE_ES,\n\tfr: HIGHLIGHT_LOCALE_FR,\n\tzh: HIGHLIGHT_LOCALE_ZH,\n\tru: HIGHLIGHT_LOCALE_RU,\n\tar: HIGHLIGHT_LOCALE_AR,\n\thi: HIGHLIGHT_LOCALE_HI,\n};\n","/**\n * HighlightPlugin: registers a highlight (background-color) mark with attrs,\n * toolbar button with a color picker popup, and removeHighlight command.\n */\n\nimport { COLOR_PICKER_CSS } from '../../editor/styles/color-picker.js';\nimport { resolvePluginLocale } from '../../i18n/resolvePluginLocale.js';\nimport { escapeHTML } from '../../model/HTMLUtils.js';\nimport type { EditorState } from '../../state/EditorState.js';\nimport { setStyleProperty } from '../../style/StyleRuntime.js';\nimport type { Plugin, PluginContext } from '../Plugin.js';\nimport { isColorMarkActive, removeColorMark } from '../shared/ColorMarkOperations.js';\nimport { renderColorPickerPopup } from '../shared/ColorPickerPopup.js';\nimport { isValidCSSColor, resolveColors } from '../shared/ColorValidation.js';\nimport { HIGHLIGHT_LOCALES, type HighlightLocale } from './HighlightLocale.js';\n\n// --- Attribute Registry Augmentation ---\n\ndeclare module '../../model/AttrRegistry.js' {\n\tinterface MarkAttrRegistry {\n\t\thighlight: { color: string };\n\t}\n}\n\n// --- Configuration ---\n\nexport interface HighlightConfig {\n\t/**\n\t * Restricts the color picker to a specific set of hex colors.\n\t * Each value must be a valid hex color code (`#RGB` or `#RRGGBB`).\n\t * Duplicates are removed automatically (case-insensitive).\n\t * When omitted, the full default palette is shown.\n\t */\n\treadonly colors?: readonly string[];\n\t/** When true, a separator is rendered after the highlight toolbar item. */\n\treadonly separatorAfter?: boolean;\n\treadonly locale?: HighlightLocale;\n}\n\n// --- Color Palette (Highlight-optimized: 10 columns x 5 rows) ---\n\nconst HIGHLIGHT_PALETTE: readonly string[] = [\n\t// Row 1 — Classic highlighter colors (bright, vivid)\n\t'#fff176',\n\t'#aed581',\n\t'#4dd0e1',\n\t'#64b5f6',\n\t'#ce93d8',\n\t'#f48fb1',\n\t'#ffab91',\n\t'#ff8a65',\n\t'#e6ee9c',\n\t'#80cbc4',\n\t// Row 2 — Light pastels\n\t'#fff9c4',\n\t'#dcedc8',\n\t'#e0f7fa',\n\t'#e3f2fd',\n\t'#f3e5f5',\n\t'#fce4ec',\n\t'#fff3e0',\n\t'#fbe9e7',\n\t'#f9fbe7',\n\t'#e0f2f1',\n\t// Row 3 — Medium pastels\n\t'#fff59d',\n\t'#c5e1a5',\n\t'#80deea',\n\t'#90caf9',\n\t'#e1bee7',\n\t'#f8bbd0',\n\t'#ffcc80',\n\t'#ffab91',\n\t'#e6ee9c',\n\t'#a5d6a7',\n\t// Row 4 — Bold pastels\n\t'#ffee58',\n\t'#9ccc65',\n\t'#26c6da',\n\t'#42a5f5',\n\t'#ab47bc',\n\t'#ec407a',\n\t'#ffa726',\n\t'#ff7043',\n\t'#d4e157',\n\t'#66bb6a',\n\t// Row 5 — Grays and neutral highlights\n\t'#ffffff',\n\t'#fafafa',\n\t'#f5f5f5',\n\t'#eeeeee',\n\t'#e0e0e0',\n\t'#bdbdbd',\n\t'#e8eaf6',\n\t'#efebe9',\n\t'#eceff1',\n\t'#fafafa',\n];\n\n// --- Plugin ---\n\nexport class HighlightPlugin implements Plugin {\n\treadonly id = 'highlight';\n\treadonly name = 'Highlight';\n\treadonly priority = 24;\n\n\tprivate readonly config: HighlightConfig;\n\tprivate readonly colors: readonly string[];\n\tprivate locale!: HighlightLocale;\n\n\tconstructor(config?: Partial<HighlightConfig>) {\n\t\tthis.config = { ...config };\n\t\tthis.colors = resolveColors(config?.colors, HIGHLIGHT_PALETTE, 'HighlightPlugin');\n\t}\n\n\tinit(context: PluginContext): void {\n\t\tthis.locale = resolvePluginLocale(HIGHLIGHT_LOCALES, context, this.config.locale);\n\n\t\tcontext.registerStyleSheet(COLOR_PICKER_CSS);\n\t\tthis.registerMarkSpec(context);\n\t\tthis.registerCommands(context);\n\t\tthis.registerToolbarItem(context);\n\t}\n\n\tprivate registerMarkSpec(context: PluginContext): void {\n\t\tcontext.registerMarkSpec({\n\t\t\ttype: 'highlight',\n\t\t\trank: 4,\n\t\t\tattrs: {\n\t\t\t\tcolor: { default: '' },\n\t\t\t},\n\t\t\ttoDOM(mark) {\n\t\t\t\tconst span = document.createElement('span');\n\t\t\t\tconst color = mark.attrs?.color ?? '';\n\t\t\t\tsetStyleProperty(span, 'backgroundColor', color);\n\t\t\t\treturn span;\n\t\t\t},\n\t\t\ttoHTMLString: (mark, content) => {\n\t\t\t\tconst color: string = String(mark.attrs?.color ?? '');\n\t\t\t\tif (!color || !isValidCSSColor(color)) return content;\n\t\t\t\treturn `<span style=\"background-color: ${escapeHTML(color)}\">${content}</span>`;\n\t\t\t},\n\t\t\ttoHTMLStyle: (mark) => {\n\t\t\t\tconst color: string = String(mark.attrs?.color ?? '');\n\t\t\t\tif (!color || !isValidCSSColor(color)) return null;\n\t\t\t\treturn `background-color: ${escapeHTML(color)}`;\n\t\t\t},\n\t\t\tparseHTML: [\n\t\t\t\t{\n\t\t\t\t\ttag: 'span',\n\t\t\t\t\tgetAttrs: (el) => {\n\t\t\t\t\t\tconst color: string = el.style.backgroundColor;\n\t\t\t\t\t\tif (!color || !isValidCSSColor(color)) return false;\n\t\t\t\t\t\treturn { color };\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t],\n\t\t\tsanitize: { tags: ['span'] },\n\t\t});\n\t}\n\n\tprivate registerCommands(context: PluginContext): void {\n\t\tcontext.registerCommand('removeHighlight', () => {\n\t\t\treturn removeColorMark(context, context.getState(), 'highlight');\n\t\t});\n\t}\n\n\tprivate registerToolbarItem(context: PluginContext): void {\n\t\tconst pathD =\n\t\t\t'M11 3L5.5 17h2.25l1.12-3h6.25l1.12 3h2.25L13 3h-2z' + 'm-1.38 9L12 5.67 14.38 12H9.62z';\n\t\tconst icon: string = [\n\t\t\t'<svg xmlns=\"http://www.w3.org/2000/svg\"',\n\t\t\t' viewBox=\"0 0 24 24\">',\n\t\t\t`<path d=\"${pathD}\"/>`,\n\t\t\t'<rect x=\"3\" y=\"17\" width=\"18\" height=\"6\"',\n\t\t\t' rx=\"0.5\" fill=\"#fff176\"/>',\n\t\t\t'</svg>',\n\t\t].join('');\n\n\t\tcontext.registerToolbarItem({\n\t\t\tid: 'highlight',\n\t\t\tgroup: 'format',\n\t\t\ticon,\n\t\t\tlabel: this.locale.label,\n\t\t\ttooltip: this.locale.tooltip,\n\t\t\tcommand: 'removeHighlight',\n\t\t\tpriority: 46,\n\t\t\tpopupType: 'custom',\n\t\t\tseparatorAfter: this.config.separatorAfter,\n\t\t\trenderPopup: (container, ctx, onClose) => {\n\t\t\t\trenderColorPickerPopup(container, ctx, {\n\t\t\t\t\tmarkType: 'highlight',\n\t\t\t\t\tcolors: this.colors,\n\t\t\t\t\tcolumns: 10,\n\t\t\t\t\tresetLabel: this.locale.resetLabel,\n\t\t\t\t\tresetCommand: 'removeHighlight',\n\t\t\t\t\tariaLabelPrefix: this.locale.ariaLabelPrefix,\n\t\t\t\t\tonClose,\n\t\t\t\t});\n\t\t\t},\n\t\t\tisActive: (state: EditorState) => isColorMarkActive(state, 'highlight'),\n\t\t});\n\t}\n}\n"],"names":["HIGHLIGHT_LOCALE_EN","label","tooltip","resetLabel","ariaLabelPrefix","HIGHLIGHT_LOCALES","en","de","es","fr","zh","ru","ar","hi","HIGHLIGHT_PALETTE","HighlightPlugin","id","name","priority","config","colors","locale","this","resolveColors","context","resolvePluginLocale","registerStyleSheet","COLOR_PICKER_CSS","registerMarkSpec","registerCommands","registerToolbarItem","type","rank","attrs","color","default","mark","span","document","createElement","setStyleProperty","toHTMLString","content","String","isValidCSSColor","escapeHTML","toHTMLStyle","parseHTML","tag","getAttrs","el","style","backgroundColor","sanitize","tags","registerCommand","removeColorMark","getState","icon","join","group","command","popupType","separatorAfter","renderPopup","container","ctx","onClose","renderColorPickerPopup","markType","columns","resetCommand","isActive","state","isColorMarkActive"],"mappings":"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"}

package/dist/chunks/{index-CAV2N-fF.mjs → index-D515iymW.mjs}

@@ -1,12 +1,13 @@
 import { S as t, r as e } from "./resolvePluginLocale-B4w1OkPy.mjs";
-import { b as o, p as n, e as c, c as r, d as l } from "./Document-CuwE73FF.mjs";
+import { c as o, m as n, u as c, a as r, i as l } from "./Document-Brtw2jL1.mjs";
 import { e as s } from "./HTMLUtils-DTqQzcKR.mjs";
 import { c as i } from "./NodeSpec-NZVvcCuH.mjs";
-import { i as a, a as d, b as u, c as f } from "./Selection-DmFDwiPJ.mjs";
+import { i as a, a as d, b as u, d as f } from "./Selection-BRTab5hO.mjs";
 import { n as k } from "./TypeBrands-C09nE2qO.mjs";
-import { f as p } from "./ToolbarItem-BpZggUGo.mjs";
-import { f as g } from "./NodeResolver-B-wzthAQ.mjs";
-function b(t2, e2) {
+import { f as g } from "./ToolbarItem-BpZggUGo.mjs";
+import { a as p } from "./StyleRuntime-ChRjVQwL.mjs";
+import { f as b } from "./NodeResolver-C2XYkeOi.mjs";
+function h(t2, e2) {
   switch (t2.type) {
     case "inline":
       return (function(t3, e3) {
@@ -20,7 +21,7 @@ function b(t2, e2) {
           case "deleteText":
             return (function(t4, e4) {
               if (t4.blockId !== e4.blockId) return t4;
-              const o2 = e4.to - e4.from, n2 = m(t4.from, e4.from, e4.to, o2), c2 = m(t4.to, e4.from, e4.to, o2);
+              const o2 = e4.to - e4.from, n2 = B(t4.from, e4.from, e4.to, o2), c2 = B(t4.to, e4.from, e4.to, o2);
               return n2 >= c2 ? null : n2 === t4.from && c2 === t4.to ? t4 : { ...t4, from: n2, to: c2 };
             })(t3, e3);
           case "splitBlock":
@@ -35,7 +36,7 @@ function b(t2, e2) {
               return t4.blockId !== e4.sourceBlockId ? t4 : { ...t4, blockId: e4.targetBlockId, from: t4.from + e4.targetLengthBefore, to: t4.to + e4.targetLengthBefore };
             })(t3, e3);
           case "removeNode":
-            return h(t3, e3);
+            return m(t3, e3);
           default:
             return t3;
         }
@@ -65,7 +66,7 @@ function b(t2, e2) {
               return t4.blockId !== e4.sourceBlockId ? t4 : { ...t4, blockId: e4.targetBlockId, offset: t4.offset + e4.targetLengthBefore };
             })(t3, e3);
           case "removeNode":
-            return h(t3, e3);
+            return m(t3, e3);
           default:
             return t3;
         }
@@ -78,41 +79,41 @@ function b(t2, e2) {
               return t4.blockId === e4.sourceBlockId ? null : t4;
             })(t3, e3);
           case "removeNode":
-            return h(t3, e3);
+            return m(t3, e3);
           default:
             return t3;
         }
       })(t2, e2);
   }
 }
-function h(t2, e2) {
+function m(t2, e2) {
   return t2.blockId === e2.removedNode.id ? null : t2;
 }
-function m(t2, e2, o2, n2) {
+function B(t2, e2, o2, n2) {
   return t2 <= e2 ? t2 : t2 >= o2 ? t2 - n2 : e2;
 }
 function y(t2, e2, o2, n2) {
   return { type: "inline", blockId: t2, from: e2, to: o2, attrs: n2 };
 }
-function B(t2, e2) {
+function C(t2, e2) {
   return { type: "node", blockId: t2, attrs: e2 };
 }
-function C(t2, e2, o2, n2) {
+function I(t2, e2, o2, n2) {
   return { type: "widget", blockId: t2, offset: e2, toDOM: o2, side: n2?.side ?? -1, key: n2?.key };
 }
-class I {
+class x {
   constructor(t2) {
     this.byBlock = t2;
   }
-  static empty = new I(/* @__PURE__ */ new Map());
+  static empty = new x(/* @__PURE__ */ new Map());
   static create(t2) {
-    if (0 === t2.length) return I.empty;
+    if (0 === t2.length) return x.empty;
     const e2 = /* @__PURE__ */ new Map();
     for (const o2 of t2) {
       const t3 = e2.get(o2.blockId);
       t3 ? t3.push(o2) : e2.set(o2.blockId, [o2]);
     }
-    return new I(e2);
+    return new x(e2);
   }
   find(t2) {
     return this.byBlock.get(t2) ?? [];
@@ -131,14 +132,14 @@ class I {
   }
   add(t2) {
     if (0 === t2.length) return this;
-    if (this.isEmpty) return I.create(t2);
+    if (this.isEmpty) return x.create(t2);
     const e2 = /* @__PURE__ */ new Map();
     for (const [t3, o2] of this.byBlock) e2.set(t3, [...o2]);
     for (const o2 of t2) {
       const t3 = e2.get(o2.blockId);
       t3 ? t3.push(o2) : e2.set(o2.blockId, [o2]);
     }
-    return new I(e2);
+    return new x(e2);
   }
   remove(t2) {
     const e2 = /* @__PURE__ */ new Map();
@@ -147,7 +148,7 @@ class I {
       const r2 = c2.filter((e3) => !t2(e3));
       r2.length !== c2.length && (o2 = true), r2.length > 0 && e2.set(n2, r2);
     }
-    return o2 ? 0 === e2.size ? I.empty : new I(e2) : this;
+    return o2 ? 0 === e2.size ? x.empty : new x(e2) : this;
   }
   merge(t2) {
     if (t2.isEmpty) return this;
@@ -158,7 +159,7 @@ class I {
       const t3 = e2.get(o2);
       t3 ? t3.push(...n2) : e2.set(o2, [...n2]);
     }
-    return new I(e2);
+    return new x(e2);
   }
   equals(t2) {
     if (this === t2) return true;
@@ -166,7 +167,7 @@ class I {
     for (const [e2, o2] of this.byBlock) {
       const n2 = t2.byBlock.get(e2);
       if (!n2) return false;
-      if (!x(o2, n2)) return false;
+      if (!w(o2, n2)) return false;
     }
     return true;
   }
@@ -180,35 +181,35 @@ class I {
     for (const o2 of t2.steps) {
       const t3 = [];
       for (const n2 of e2) {
-        const e3 = b(n2, o2);
+        const e3 = h(n2, o2);
         if (null !== e3) if (Array.isArray(e3)) for (const o3 of e3) t3.push(o3);
         else t3.push(e3);
       }
       e2 = t3;
     }
-    return 0 === e2.length ? I.empty : I.create(e2);
+    return 0 === e2.length ? x.empty : x.create(e2);
   }
 }
-function x(t2, e2) {
+function w(t2, e2) {
   if (t2 === e2) return true;
   if (t2.length !== e2.length) return false;
   for (let o2 = 0; o2 < t2.length; o2++) {
     const n2 = t2[o2], c2 = e2[o2];
-    if (!n2 || !c2 || !w(n2, c2)) return false;
+    if (!n2 || !c2 || !v(n2, c2)) return false;
   }
   return true;
 }
-function w(t2, e2) {
+function v(t2, e2) {
   if (t2.type !== e2.type) return false;
   if (t2.blockId !== e2.blockId) return false;
   switch (t2.type) {
     case "inline": {
       const o2 = e2;
-      return t2.from === o2.from && t2.to === o2.to && v(t2.attrs, o2.attrs);
+      return t2.from === o2.from && t2.to === o2.to && _(t2.attrs, o2.attrs);
     }
     case "node": {
       const o2 = e2;
-      return v(t2.attrs, o2.attrs);
+      return _(t2.attrs, o2.attrs);
     }
     case "widget": {
       const o2 = e2;
@@ -216,36 +217,36 @@ function w(t2, e2) {
     }
   }
 }
-function v(t2, e2) {
+function _(t2, e2) {
   if (t2 === e2) return true;
   const o2 = Object.keys(t2), n2 = Object.keys(e2);
   if (o2.length !== n2.length) return false;
   for (const n3 of o2) if (t2[n3] !== e2[n3]) return false;
   return true;
 }
-function _(t2, e2) {
+function S(t2, e2) {
   const o2 = t2.getState();
   if (a(o2.selection) || d(o2.selection)) return false;
   const n2 = o2.selection, c2 = o2.getBlock(n2.anchor.blockId);
   return !(!c2 || "code_block" !== c2.type) && e2({ state: o2, block: c2, blockId: n2.anchor.blockId, offset: n2.anchor.offset });
 }
-function S(t2) {
-  return _(t2, ({ state: e2, blockId: o2 }) => {
+function A(t2) {
+  return S(t2, ({ state: e2, blockId: o2 }) => {
     const n2 = e2.getBlockOrder(), c2 = n2.indexOf(o2);
     if (c2 < n2.length - 1) {
       const o3 = n2[c2 + 1], r2 = e2.transaction("command").setSelection(f(o3, 0)).build();
       t2.dispatch(r2);
-    } else A(t2, o2);
+    } else T(t2, o2);
     return true;
   });
 }
-function A(t2, e2) {
+function T(t2, e2) {
   const n2 = t2.getState(), r2 = n2.getBlock(e2);
   if (!r2) return;
   const l2 = o(r2), s2 = c(), i2 = n2.transaction("command").splitBlock(e2, l2, s2).setBlockType(s2, k("paragraph")).setSelection(f(s2, 0)).build();
   t2.dispatch(i2);
 }
-function T(t2, e2) {
+function M(t2, e2) {
   const n2 = t2.getState(), c2 = n2.selection;
   if (a(c2) || d(c2)) return false;
   const s2 = n2.getBlock(c2.anchor.blockId);
@@ -261,16 +262,16 @@ function T(t2, e2) {
     } else c3 += 1;
   })(u2, s2), u2.setBlockType(c2.anchor.blockId, k("code_block"), i2).setSelection(f(c2.anchor.blockId, 0)), t2.dispatch(u2.build()), true;
 }
-const M = { label: "Code Block", tooltip: (t2) => t2 ? `Code Block (${t2})` : "Code Block", enteredCodeBlock: "Entered code block. Press Escape to exit.", leftCodeBlock: "Left code block." }, N = { en: M, de: { label: "Codeblock", tooltip: (t2) => t2 ? `Codeblock (${t2})` : "Codeblock", enteredCodeBlock: "Codeblock betreten. Escape zum Verlassen drücken.", leftCodeBlock: "Codeblock verlassen." }, es: { label: "Bloque de código", tooltip: (t2) => t2 ? `Bloque de código (${t2})` : "Bloque de código", enteredCodeBlock: "Bloque de código activado. Pulse Escape para salir.", leftCodeBlock: "Bloque de código desactivado." }, fr: { label: "Bloc de code", tooltip: (t2) => t2 ? `Bloc de code (${t2})` : "Bloc de code", enteredCodeBlock: "Bloc de code activé. Appuyez sur Échap pour quitter.", leftCodeBlock: "Bloc de code quitté." }, zh: { label: "代码块", tooltip: (t2) => t2 ? `代码块 (${t2})` : "代码块", enteredCodeBlock: "已进入代码块。按 Escape 退出。", leftCodeBlock: "已离开代码块。" }, ru: { label: "Блок кода", tooltip: (t2) => t2 ? `Блок кода (${t2})` : "Блок кода", enteredCodeBlock: "Вход в блок кода. Нажмите Escape для выхода.", leftCodeBlock: "Выход из блока кода." }, ar: { label: "كتلة كود", tooltip: (t2) => t2 ? `كتلة كود (${t2})` : "كتلة كود", enteredCodeBlock: "تم الدخول إلى كتلة الكود. اضغط Escape للخروج.", leftCodeBlock: "تم الخروج من كتلة الكود." }, hi: { label: "कोड ब्लॉक", tooltip: (t2) => t2 ? `कोड ब्लॉक (${t2})` : "कोड ब्लॉक", enteredCodeBlock: "कोड ब्लॉक में प्रवेश किया। बाहर निकलने के लिए Escape दबाएँ।", leftCodeBlock: "कोड ब्लॉक से बाहर।" } }, E = { insertAfter: "Mod-Enter", toggle: "Mod-Shift-M" }, L = { defaultLanguage: "", useSpaces: false, spaceCount: 2, showCopyButton: true }, O = new t("codeBlock");
-function z(t2, e2, o2, n2) {
+const N = { label: "Code Block", tooltip: (t2) => t2 ? `Code Block (${t2})` : "Code Block", enteredCodeBlock: "Entered code block. Press Escape to exit.", leftCodeBlock: "Left code block." }, E = { en: N, de: { label: "Codeblock", tooltip: (t2) => t2 ? `Codeblock (${t2})` : "Codeblock", enteredCodeBlock: "Codeblock betreten. Escape zum Verlassen drücken.", leftCodeBlock: "Codeblock verlassen." }, es: { label: "Bloque de código", tooltip: (t2) => t2 ? `Bloque de código (${t2})` : "Bloque de código", enteredCodeBlock: "Bloque de código activado. Pulse Escape para salir.", leftCodeBlock: "Bloque de código desactivado." }, fr: { label: "Bloc de code", tooltip: (t2) => t2 ? `Bloc de code (${t2})` : "Bloc de code", enteredCodeBlock: "Bloc de code activé. Appuyez sur Échap pour quitter.", leftCodeBlock: "Bloc de code quitté." }, zh: { label: "代码块", tooltip: (t2) => t2 ? `代码块 (${t2})` : "代码块", enteredCodeBlock: "已进入代码块。按 Escape 退出。", leftCodeBlock: "已离开代码块。" }, ru: { label: "Блок кода", tooltip: (t2) => t2 ? `Блок кода (${t2})` : "Блок кода", enteredCodeBlock: "Вход в блок кода. Нажмите Escape для выхода.", leftCodeBlock: "Выход из блока кода." }, ar: { label: "كتلة كود", tooltip: (t2) => t2 ? `كتلة كود (${t2})` : "كتلة كود", enteredCodeBlock: "تم الدخول إلى كتلة الكود. اضغط Escape للخروج.", leftCodeBlock: "تم الخروج من كتلة الكود." }, hi: { label: "कोड ब्लॉक", tooltip: (t2) => t2 ? `कोड ब्लॉक (${t2})` : "कोड ब्लॉक", enteredCodeBlock: "कोड ब्लॉक में प्रवेश किया। बाहर निकलने के लिए Escape दबाएँ।", leftCodeBlock: "कोड ब्लॉक से बाहर।" } }, L = { insertAfter: "Mod-Enter", toggle: "Mod-Shift-M" }, O = { defaultLanguage: "", useSpaces: false, spaceCount: 2, showCopyButton: true }, z = new t("codeBlock");
+function $(t2, e2, o2, n2) {
   const c2 = t2.getState(), r2 = c2.getBlock(e2);
   if (!r2 || "code_block" !== r2.type) return;
-  const l2 = g(c2.doc, e2);
+  const l2 = b(c2.doc, e2);
   if (!l2) return;
   const s2 = { ...r2.attrs, [o2]: n2 }, i2 = c2.transaction("command").setNodeAttr(l2, s2).build();
   t2.dispatch(i2);
 }
-class $ {
+class j {
   id = "code-block";
   name = "Code Block";
   priority = 36;
@@ -279,10 +280,10 @@ class $ {
   context = null;
   locale;
   constructor(t2) {
-    this.config = { ...L, ...t2 }, this.resolvedKeymap = { ...E, ...t2?.keymap };
+    this.config = { ...O, ...t2 }, this.resolvedKeymap = { ...L, ...t2?.keymap };
   }
   init(t2) {
-    this.locale = e(N, t2, this.config.locale), t2.registerStyleSheet("\n/* Code Block — uses theme custom properties */\n.notectl-code-block {\n	position: relative;\n	margin: 8px 0;\n	border-radius: 6px;\n	background: var(--notectl-code-block-bg);\n	color: var(--notectl-code-block-color);\n	font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', Menlo, Consolas, monospace;\n	font-size: 14px;\n	line-height: 1.5;\n	overflow: hidden;\n}\n\n.notectl-code-block__header {\n	display: flex;\n	align-items: center;\n	justify-content: space-between;\n	padding: 6px 12px;\n	background: var(--notectl-code-block-header-bg);\n	border-bottom: 1px solid var(--notectl-code-block-header-border);\n	font-size: 12px;\n	color: var(--notectl-code-block-header-color);\n	user-select: none;\n}\n\n.notectl-code-block__language {\n	font-weight: 500;\n	letter-spacing: 0.02em;\n}\n\n.notectl-code-block__copy {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 24px;\n	height: 24px;\n	border: none;\n	border-radius: 4px;\n	background: transparent;\n	color: var(--notectl-code-block-header-color);\n	cursor: pointer;\n	padding: 0;\n	transition: background 0.15s, color 0.15s;\n}\n\n.notectl-code-block__copy:hover {\n	background: rgba(128, 128, 128, 0.15);\n	color: var(--notectl-code-block-color);\n}\n\n.notectl-code-block__copy svg {\n	fill: currentColor;\n}\n\n.notectl-code-block__content {\n	display: block;\n	padding: 12px 16px;\n	white-space: pre-wrap;\n	word-wrap: break-word;\n	tab-size: 4;\n	-moz-tab-size: 4;\n	outline: none;\n	min-height: 1.5em;\n}\n\n.notectl-code-block--selected {\n	outline: 2px solid var(--notectl-primary);\n	outline-offset: 2px;\n}\n\n.notectl-code-block__esc-hint {\n	display: none;\n	position: absolute;\n	bottom: 4px;\n	right: 8px;\n	font-size: 11px;\n	color: var(--notectl-code-block-header-color);\n	opacity: 0.5;\n	pointer-events: none;\n	user-select: none;\n	font-family: system-ui, sans-serif;\n}\n\n.notectl-code-block--focused .notectl-code-block__esc-hint {\n	display: block;\n}\n"), this.context = t2, this.registerNodeSpec(t2), this.registerNodeView(t2), (function(t3, e2) {
+    this.locale = e(E, t2, this.config.locale), t2.registerStyleSheet("\n/* Code Block — uses theme custom properties */\n.notectl-code-block {\n	position: relative;\n	margin: 8px 0;\n	border-radius: 6px;\n	background: var(--notectl-code-block-bg);\n	color: var(--notectl-code-block-color);\n	font-family: 'SF Mono', 'Fira Code', 'Cascadia Code', Menlo, Consolas, monospace;\n	font-size: 14px;\n	line-height: 1.5;\n	overflow: hidden;\n}\n\n.notectl-code-block__header {\n	display: flex;\n	align-items: center;\n	justify-content: space-between;\n	padding: 6px 12px;\n	background: var(--notectl-code-block-header-bg);\n	border-bottom: 1px solid var(--notectl-code-block-header-border);\n	font-size: 12px;\n	color: var(--notectl-code-block-header-color);\n	user-select: none;\n}\n\n.notectl-code-block__language {\n	font-weight: 500;\n	letter-spacing: 0.02em;\n}\n\n.notectl-code-block__copy {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 24px;\n	height: 24px;\n	border: none;\n	border-radius: 4px;\n	background: transparent;\n	color: var(--notectl-code-block-header-color);\n	cursor: pointer;\n	padding: 0;\n	transition: background 0.15s, color 0.15s;\n}\n\n.notectl-code-block__copy:hover {\n	background: rgba(128, 128, 128, 0.15);\n	color: var(--notectl-code-block-color);\n}\n\n.notectl-code-block__copy svg {\n	fill: currentColor;\n}\n\n.notectl-code-block__content {\n	display: block;\n	padding: 12px 16px;\n	white-space: pre-wrap;\n	word-wrap: break-word;\n	tab-size: 4;\n	-moz-tab-size: 4;\n	outline: none;\n	min-height: 1.5em;\n}\n\n.notectl-code-block--selected {\n	outline: 2px solid var(--notectl-primary);\n	outline-offset: 2px;\n}\n\n.notectl-code-block__esc-hint {\n	display: none;\n	position: absolute;\n	bottom: 4px;\n	right: 8px;\n	font-size: 11px;\n	color: var(--notectl-code-block-header-color);\n	opacity: 0.5;\n	pointer-events: none;\n	user-select: none;\n	font-family: system-ui, sans-serif;\n}\n\n.notectl-code-block--focused .notectl-code-block__esc-hint {\n	display: block;\n}\n"), this.context = t2, this.registerNodeSpec(t2), this.registerNodeView(t2), (function(t3, e2) {
       t3.registerCommand("toggleCodeBlock", () => (function(t4, e3) {
         const o2 = t4.getState();
         if (a(o2.selection) || d(o2.selection)) return false;
@@ -292,11 +293,11 @@ class $ {
           const e4 = o2.transaction("command").setBlockType(o2.selection.anchor.blockId, k("paragraph")).setSelection(o2.selection).build();
           return t4.dispatch(e4), true;
         }
-        return T(t4, e3);
-      })(t3, e2)), t3.registerCommand("insertCodeBlock", () => T(t3, e2)), t3.registerCommand("setCodeBlockLanguage", () => false), t3.registerCommand("setCodeBlockBackground", () => false), t3.registerCommand("exitCodeBlock", () => S(t3));
+        return M(t4, e3);
+      })(t3, e2)), t3.registerCommand("insertCodeBlock", () => M(t3, e2)), t3.registerCommand("setCodeBlockLanguage", () => false), t3.registerCommand("setCodeBlockBackground", () => false), t3.registerCommand("exitCodeBlock", () => A(t3));
     })(t2, this.config), (function(t3, e2, r2) {
       const l2 = { Enter: () => (function(t4) {
-        return _(t4, ({ state: e3, block: o2, blockId: r3, offset: l3 }) => {
+        return S(t4, ({ state: e3, block: o2, blockId: r3, offset: l3 }) => {
           if (!u(e3.selection)) return false;
           const s3 = n(o2);
           if (s3.endsWith("\n") && l3 === s3.length) return (function(t5, e4, o3) {
@@ -307,19 +308,19 @@ class $ {
           return t4.dispatch(i3), true;
         });
       })(t3), Backspace: () => (function(t4) {
-        return _(t4, ({ state: e3, blockId: o2, offset: n2 }) => {
+        return S(t4, ({ state: e3, blockId: o2, offset: n2 }) => {
           if (!u(e3.selection)) return false;
           if (0 !== n2) return false;
           const c2 = e3.transaction("input").setBlockType(o2, k("paragraph")).setSelection(e3.selection).build();
           return t4.dispatch(c2), true;
         });
       })(t3), Tab: () => (function(t4, e3) {
-        return _(t4, ({ state: o2, blockId: n2, offset: c2 }) => {
+        return S(t4, ({ state: o2, blockId: n2, offset: c2 }) => {
           const r3 = e3.useSpaces ? " ".repeat(e3.spaceCount ?? 2) : "	", l3 = o2.transaction("input").insertText(n2, c2, r3, []).setSelection(f(n2, c2 + r3.length)).build();
           return t4.dispatch(l3), true;
         });
       })(t3, e2), "Shift-Tab": () => (function(t4, e3) {
-        return _(t4, ({ state: o2, block: c2, blockId: r3, offset: l3 }) => {
+        return S(t4, ({ state: o2, block: c2, blockId: r3, offset: l3 }) => {
           const s3 = n(c2), i3 = s3.lastIndexOf("\n", l3 - 1) + 1;
           if (e3.useSpaces) {
             const n2 = e3.spaceCount ?? 2;
@@ -333,19 +334,19 @@ class $ {
           }
           return true;
         });
-      })(t3, e2), Escape: () => S(t3), ArrowDown: () => (function(t4) {
-        return _(t4, ({ state: e3, block: o2, blockId: c2, offset: r3 }) => {
+      })(t3, e2), Escape: () => A(t3), ArrowDown: () => (function(t4) {
+        return S(t4, ({ state: e3, block: o2, blockId: c2, offset: r3 }) => {
           if (!u(e3.selection)) return false;
           if (-1 !== n(o2).indexOf("\n", r3)) return false;
           const l3 = e3.getBlockOrder(), s3 = l3.indexOf(c2);
           if (s3 < l3.length - 1) {
             const o3 = l3[s3 + 1], n2 = e3.transaction("command").setSelection(f(o3, 0)).build();
             t4.dispatch(n2);
-          } else A(t4, c2);
+          } else T(t4, c2);
           return true;
         });
       })(t3), ArrowUp: () => (function(t4) {
-        return _(t4, ({ state: e3, block: c2, blockId: r3, offset: l3 }) => {
+        return S(t4, ({ state: e3, block: c2, blockId: r3, offset: l3 }) => {
           if (!u(e3.selection)) return false;
           const s3 = n(c2).indexOf("\n");
           if (-1 !== s3 && l3 > s3) return false;
@@ -357,18 +358,18 @@ class $ {
           return false;
         });
       })(t3), ArrowRight: () => (function(t4) {
-        return _(t4, ({ state: e3, block: o2, blockId: c2, offset: r3 }) => {
+        return S(t4, ({ state: e3, block: o2, blockId: c2, offset: r3 }) => {
           if (!u(e3.selection)) return false;
           if (r3 !== n(o2).length) return false;
           const l3 = e3.getBlockOrder(), s3 = l3.indexOf(c2);
           if (s3 < l3.length - 1) {
             const o3 = l3[s3 + 1], n2 = e3.transaction("command").setSelection(f(o3, 0)).build();
             t4.dispatch(n2);
-          } else A(t4, c2);
+          } else T(t4, c2);
           return true;
         });
       })(t3), ArrowLeft: () => (function(t4) {
-        return _(t4, ({ state: e3, blockId: n2, offset: c2 }) => {
+        return S(t4, ({ state: e3, blockId: n2, offset: c2 }) => {
           if (!u(e3.selection)) return false;
           if (0 !== c2) return false;
           const r3 = e3.getBlockOrder(), l3 = r3.indexOf(n2);
@@ -380,18 +381,18 @@ class $ {
         });
       })(t3) }, { insertAfter: s2, toggle: i2 } = r2;
       s2 && (l2[s2] = () => (function(t4) {
-        return _(t4, ({ blockId: e3 }) => (A(t4, e3), true));
+        return S(t4, ({ blockId: e3 }) => (T(t4, e3), true));
       })(t3)), i2 && (l2[i2] = () => t3.executeCommand("toggleCodeBlock")), t3.registerKeymap(l2, { priority: "context" });
     })(t2, this.config, this.resolvedKeymap), this.registerInputRule(t2), this.registerToolbarItem(t2), this.registerMiddleware(t2), (function(t3, e2, o2) {
-      t3.registerService(O, { setLanguage(e3, o3) {
-        z(t3, e3, "language", o3);
+      t3.registerService(z, { setLanguage(e3, o3) {
+        $(t3, e3, "language", o3);
       }, getLanguage(t4) {
         const e3 = o2();
         if (!e3) return "";
         const n2 = e3.getState().getBlock(t4);
         return n2 && "code_block" === n2.type ? n2.attrs?.language ?? "" : "";
       }, setBackground(e3, o3) {
-        z(t3, e3, "backgroundColor", o3);
+        $(t3, e3, "backgroundColor", o3);
       }, getBackground(t4) {
         const e3 = o2();
         if (!e3) return "";
@@ -414,7 +415,7 @@ class $ {
     s2 && n2 && this.setBlockFocused(n2, false), i2 && c2 && this.setBlockFocused(c2, true), !s2 && i2 ? this.context.announce(this.locale.enteredCodeBlock) : s2 && !i2 && this.context.announce(this.locale.leftCodeBlock);
   }
   decorations(t2) {
-    if (!this.config.highlighter) return I.empty;
+    if (!this.config.highlighter) return x.empty;
     const e2 = [], o2 = this.config.highlighter;
     for (const c2 of t2.getBlockOrder()) {
       const r2 = t2.getBlock(c2);
@@ -426,7 +427,7 @@ class $ {
       const i2 = o2.tokenize(s2, l2);
       for (const t3 of i2) e2.push(y(c2, t3.from, t3.to, { class: `notectl-token--${t3.type}` }));
     }
-    return I.create(e2);
+    return x.create(e2);
   }
   registerNodeSpec(t2) {
     t2.registerNodeSpec({ type: "code_block", group: "block", content: { allow: ["text"] }, selectable: true, attrs: { language: { default: "" }, backgroundColor: { default: "" } }, toDOM(t3) {
@@ -436,7 +437,7 @@ class $ {
       return o2.className = "notectl-code-block__content", e2.appendChild(o2), e2;
     }, toHTML(t3, e2) {
       const o2 = s(t3.attrs?.language ?? ""), n2 = s(t3.attrs?.backgroundColor ?? "");
-      return `<pre${n2 ? ` style="background-color: ${n2}"` : ""}><code${o2 ? ` data-language="${o2}"` : ""}>${e2 || ""}</code></pre>`;
+      return `<pre${n2 ? ` style="background-color: ${n2}"` : ""}><code${o2 ? ` class="language-${o2}"` : ""}>${e2 || ""}</code></pre>`;
     }, parseHTML: [{ tag: "pre", getAttrs(t3) {
       const e2 = t3.querySelector("code"), o2 = e2?.className.match(/language-(\S+)/)?.[1] ?? "";
       return { language: (e2?.getAttribute("data-language") ?? "") || o2 };
@@ -458,13 +459,13 @@ class $ {
       const d2 = document.createElement("code");
       d2.className = "notectl-code-block__content";
       const u2 = document.createElement("div");
-      u2.className = "notectl-code-block__esc-hint", u2.setAttribute("contenteditable", "false"), u2.setAttribute("aria-hidden", "true"), u2.setAttribute("data-notectl-no-print", ""), u2.textContent = "Esc to exit", r2.appendChild(l2), r2.appendChild(d2), r2.appendChild(u2), e2.background && r2.style.setProperty("--notectl-code-block-bg", e2.background), e2.headerBackground && r2.style.setProperty("--notectl-code-block-header-bg", e2.headerBackground), e2.textColor && r2.style.setProperty("--notectl-code-block-color", e2.textColor), e2.headerColor && r2.style.setProperty("--notectl-code-block-header-color", e2.headerColor);
+      u2.className = "notectl-code-block__esc-hint", u2.setAttribute("contenteditable", "false"), u2.setAttribute("aria-hidden", "true"), u2.setAttribute("data-notectl-no-print", ""), u2.textContent = "Esc to exit", r2.appendChild(l2), r2.appendChild(d2), r2.appendChild(u2), e2.background && p(r2, "--notectl-code-block-bg", e2.background), e2.headerBackground && p(r2, "--notectl-code-block-header-bg", e2.headerBackground), e2.textColor && p(r2, "--notectl-code-block-color", e2.textColor), e2.headerColor && p(r2, "--notectl-code-block-header-color", e2.headerColor);
       let f2 = t3.id;
       function k2(t4) {
         const e3 = t4.attrs?.language ?? "", o3 = e3 || "plain";
         s2.textContent = o3, r2.setAttribute("aria-label", `${o3} code block. Press Escape to exit.`), e3 ? d2.setAttribute("data-language", e3) : d2.removeAttribute("data-language");
         const n2 = t4.attrs?.backgroundColor ?? "";
-        r2.style.backgroundColor = n2 || "";
+        p(r2, "backgroundColor", n2 || "");
       }
       return k2(t3), i2 && i2.addEventListener("click", (t4) => {
         t4.preventDefault(), t4.stopPropagation();
@@ -494,7 +495,7 @@ class $ {
     } });
   }
   registerToolbarItem(t2) {
-    t2.registerToolbarItem({ id: "code_block", group: "block", icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>', label: this.locale.label, tooltip: this.locale.tooltip(this.resolvedKeymap.toggle ? p(this.resolvedKeymap.toggle) : void 0), command: "toggleCodeBlock", priority: 56, separatorAfter: this.config.separatorAfter, isActive: (t3) => {
+    t2.registerToolbarItem({ id: "code_block", group: "block", icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>', label: this.locale.label, tooltip: this.locale.tooltip(this.resolvedKeymap.toggle ? g(this.resolvedKeymap.toggle) : void 0), command: "toggleCodeBlock", priority: 56, separatorAfter: this.config.separatorAfter, isActive: (t3) => {
       if (a(t3.selection) || d(t3.selection)) return false;
       const e2 = t3.getBlock(t3.selection.anchor.blockId);
       return "code_block" === e2?.type;
@@ -528,14 +529,14 @@ class $ {
   }
 }
 export {
-  $ as C,
-  I as D,
-  N as a,
-  M as b,
-  O as c,
-  x as d,
+  j as C,
+  x as D,
+  E as a,
+  N as b,
+  z as c,
+  w as d,
   y as i,
-  B as n,
-  C as w
+  C as n,
+  I as w
 };
-//# sourceMappingURL=index-CAV2N-fF.mjs.map
+//# sourceMappingURL=index-D515iymW.mjs.map