@notectl/core 1.7.2 → 1.7.3

package/dist/chunks/index-BXCkjDax.mjs

@@ -0,0 +1,161 @@
+import { r as t } from "./resolvePluginLocale-B4w1OkPy.mjs";
+import { e } from "./HTMLUtils-DTqQzcKR.mjs";
+import { a as n } from "./StyleRuntime-CP4NCwKT.mjs";
+import { c as o } from "./ColorValidation-CV4f1wu6.mjs";
+import { r as i, i as r, a as s, g as a } from "./AttributedMarkCommands-BtLea72z.mjs";
+import { m as l } from "./TypeBrands-C09nE2qO.mjs";
+const c = { label: "Font Size", tooltip: "Font Size", customFontSizeAria: "Custom font size", fontSizesAria: "Font sizes" }, p = { en: c, de: { label: "Schriftgröße", tooltip: "Schriftgröße", customFontSizeAria: "Benutzerdefinierte Schriftgröße", fontSizesAria: "Schriftgrößen" }, es: { label: "Tamaño de fuente", tooltip: "Tamaño de fuente", customFontSizeAria: "Tamaño de fuente personalizado", fontSizesAria: "Tamaños de fuente" }, fr: { label: "Taille de police", tooltip: "Taille de police", customFontSizeAria: "Taille de police personnalisée", fontSizesAria: "Tailles de police" }, zh: { label: "字号", tooltip: "字号", customFontSizeAria: "自定义字号", fontSizesAria: "字号列表" }, ru: { label: "Размер шрифта", tooltip: "Размер шрифта", customFontSizeAria: "Произвольный размер шрифта", fontSizesAria: "Размеры шрифта" }, ar: { label: "حجم الخط", tooltip: "حجم الخط", customFontSizeAria: "حجم خط مخصص", fontSizesAria: "أحجام الخط" }, hi: { label: "फ़ॉन्ट आकार", tooltip: "फ़ॉन्ट आकार", customFontSizeAria: "कस्टम फ़ॉन्ट आकार", fontSizesAria: "फ़ॉन्ट आकार सूची" } };
+function f(t2, e2) {
+  const n2 = (function(t3) {
+    return a(t3, "fontSize", (t4) => t4.attrs.size ?? null);
+  })(t2);
+  if (!n2) return e2;
+  const o2 = Number.parseInt(n2, 10);
+  return Number.isNaN(o2) ? e2 : o2;
+}
+function u(t2, e2, n2) {
+  const o2 = { type: l("fontSize"), attrs: { size: n2 } }, i2 = s(e2, o2);
+  return !!i2 && (t2.dispatch(i2), true);
+}
+function d(t2, e2) {
+  const n2 = i(e2, l("fontSize"));
+  return !!n2 && (t2.dispatch(n2), true);
+}
+function m(t2, e2, n2, o2, i2) {
+  const r2 = (function(t3, e3, n3) {
+    if ("up" === e3) {
+      for (const e4 of n3) if (e4 > t3) return e4;
+      return null;
+    }
+    for (let e4 = n3.length - 1; e4 >= 0; e4--) {
+      const o3 = n3[e4];
+      if (void 0 !== o3 && o3 < t3) return o3;
+    }
+    return null;
+  })(f(e2, i2), n2, o2);
+  return null !== r2 && (r2 === i2 ? d(t2, e2) : u(t2, e2, `${r2}px`));
+}
+function z(t2, e2, n2) {
+  e2 === n2 ? t2.executeCommand("removeFontSize") : u(t2, t2.getState(), `${e2}px`);
+}
+function S(t2, e2) {
+  const n2 = document.createElement("button");
+  n2.type = "button", n2.id = `notectl-font-size-option-${t2}`, n2.className = "notectl-font-size-picker__item", n2.setAttribute("role", "option"), n2.setAttribute("aria-selected", String(e2)), e2 && n2.classList.add("notectl-font-size-picker__item--active");
+  const o2 = document.createElement("span");
+  o2.className = "notectl-font-size-picker__check", o2.textContent = e2 ? "✓" : "", n2.appendChild(o2);
+  const i2 = document.createElement("span");
+  return i2.className = "notectl-font-size-picker__label", i2.textContent = String(t2), n2.appendChild(i2), n2;
+}
+const g = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96];
+class h {
+  id = "fontSize";
+  name = "Font Size";
+  priority = 21;
+  config;
+  sizes;
+  defaultSize;
+  locale;
+  constructor(t2) {
+    var e2;
+    this.config = { ...t2 }, this.sizes = (function(t3) {
+      if (!t3 || 0 === t3.length) return g;
+      const e3 = [...new Set(t3)].filter((t4) => Number.isInteger(t4) && t4 > 0);
+      return e3.sort((t4, e4) => t4 - e4), e3.length > 0 ? e3 : g;
+    })(t2?.sizes), this.defaultSize = (e2 = t2?.defaultSize, void 0 === e2 ? 16 : Number.isInteger(e2) && e2 > 0 ? e2 : 16);
+  }
+  init(e2) {
+    this.locale = t(p, e2, this.config.locale), e2.registerStyleSheet("\n/* Font Size Select — Width overrides for combobox button */\n.notectl-toolbar-btn--fontSize {\n	min-width: 60px;\n	max-width: 80px;\n}\n\n/* Font Size Picker Popup */\n.notectl-font-size-picker {\n	min-width: 140px;\n	display: flex;\n	flex-direction: column;\n}\n\n.notectl-font-size-picker__input-wrapper {\n	padding: 8px 8px 4px;\n}\n\n.notectl-font-size-picker__input {\n	width: 100%;\n	padding: 6px 8px;\n	border: 1px solid var(--notectl-border);\n	border-radius: 4px;\n	font-size: 13px;\n	font-family: inherit;\n	color: var(--notectl-fg);\n	background: var(--notectl-bg);\n	outline: none;\n	box-sizing: border-box;\n	-moz-appearance: textfield;\n}\n\n.notectl-font-size-picker__input::-webkit-inner-spin-button,\n.notectl-font-size-picker__input::-webkit-outer-spin-button {\n	-webkit-appearance: none;\n	margin: 0;\n}\n\n.notectl-font-size-picker__input:focus {\n	border-color: var(--notectl-border-focus);\n	box-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n.notectl-font-size-picker__list {\n	max-height: 280px;\n	overflow-y: auto;\n	padding: 4px 0;\n}\n\n.notectl-font-size-picker__item {\n	display: flex;\n	align-items: center;\n	gap: 8px;\n	width: 100%;\n	padding: 7px 12px;\n	border: none;\n	background: none;\n	cursor: pointer;\n	font-size: 14px;\n	color: var(--notectl-fg);\n	line-height: 1.4;\n	text-align: left;\n	white-space: nowrap;\n	font-family: inherit;\n	transition: background 0.1s;\n	outline: none;\n}\n\n@media (hover: hover) {\n	.notectl-font-size-picker__item:hover {\n		background: var(--notectl-hover-bg);\n	}\n}\n\n.notectl-font-size-picker__item--active {\n	background: var(--notectl-active-bg);\n	color: var(--notectl-primary-fg);\n}\n\n@media (hover: hover) {\n	.notectl-font-size-picker__item--active:hover {\n		background: var(--notectl-active-bg);\n	}\n}\n\n.notectl-font-size-picker__item--focused {\n	outline: 2px solid var(--notectl-primary);\n	outline-offset: -2px;\n}\n\n.notectl-font-size-picker__check {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	width: 16px;\n	flex-shrink: 0;\n	font-size: 13px;\n	font-weight: 600;\n	color: var(--notectl-primary-fg);\n}\n\n.notectl-font-size-picker__label {\n	flex: 1;\n}\n"), this.registerMarkSpec(e2), this.registerCommands(e2), this.registerKeymaps(e2), this.registerToolbarItem(e2), this.applyDefaultSizeToContainer(e2);
+  }
+  destroy() {
+  }
+  registerMarkSpec(t2) {
+    t2.registerMarkSpec({ type: "fontSize", rank: 4, attrs: { size: { default: "" } }, toDOM(t3) {
+      const e2 = document.createElement("span"), o2 = t3.attrs?.size ?? "";
+      return o2 && n(e2, "fontSize", o2), e2;
+    }, toHTMLString: (t3, n2) => {
+      const i2 = String(t3.attrs?.size ?? "");
+      return i2 && o(i2) ? `<span style="font-size: ${e(i2)}">${n2}</span>` : n2;
+    }, toHTMLStyle: (t3) => {
+      const n2 = String(t3.attrs?.size ?? "");
+      return n2 && o(n2) ? `font-size: ${e(n2)}` : null;
+    }, parseHTML: [{ tag: "span", getAttrs: (t3) => {
+      const e2 = t3.style.fontSize;
+      return !!e2 && { size: e2 };
+    } }], sanitize: { tags: ["span"] } });
+  }
+  registerCommands(t2) {
+    t2.registerCommand("removeFontSize", () => d(t2, t2.getState())), t2.registerCommand("setFontSize", () => false), t2.registerCommand("increaseFontSize", () => m(t2, t2.getState(), "up", this.sizes, this.defaultSize)), t2.registerCommand("decreaseFontSize", () => m(t2, t2.getState(), "down", this.sizes, this.defaultSize));
+  }
+  registerKeymaps(t2) {
+    t2.registerKeymap({ "Mod-Shift-+": () => m(t2, t2.getState(), "up", this.sizes, this.defaultSize), "Mod-Shift-_": () => m(t2, t2.getState(), "down", this.sizes, this.defaultSize) });
+  }
+  registerToolbarItem(t2) {
+    t2.registerToolbarItem({ id: "fontSize", group: "format", label: this.locale.label, tooltip: this.locale.tooltip, command: "removeFontSize", priority: 6, popupType: "combobox", separatorAfter: this.config.separatorAfter, getLabel: (t3) => String(f(t3, this.defaultSize)), renderPopup: (t3, e2, n2) => {
+      !(function(t4, e3, n3) {
+        t4.classList.add("notectl-font-size-picker");
+        const o2 = f(e3.getState(), n3.defaultSize), i2 = (function(t5, e4) {
+          const n4 = document.createElement("input");
+          return n4.type = "number", n4.className = "notectl-font-size-picker__input", n4.min = String(1), n4.max = String(400), n4.value = String(t5), n4.setAttribute("aria-label", e4.locale?.customFontSizeAria ?? "Custom font size"), n4;
+        })(o2, n3);
+        !(function(t5, e4) {
+          const n4 = document.createElement("div");
+          n4.className = "notectl-font-size-picker__input-wrapper", n4.appendChild(e4), t5.appendChild(n4);
+        })(t4, i2);
+        const { list: r2, items: s2 } = (function(t5, e4, n4, o3) {
+          const i3 = document.createElement("div");
+          i3.className = "notectl-font-size-picker__list", i3.setAttribute("role", "listbox"), i3.setAttribute("aria-label", o3.locale?.fontSizesAria ?? "Font sizes");
+          const r3 = [];
+          for (const s3 of t5) {
+            const t6 = S(s3, s3 === e4);
+            t6.addEventListener("mousedown", (t7) => {
+              t7.preventDefault(), t7.stopPropagation(), z(n4, s3, o3.defaultSize), o3.onClose({ restoreFocusTo: o3.contentElement });
+            }), r3.push(t6), i3.appendChild(t6);
+          }
+          return { list: i3, items: r3 };
+        })(n3.sizes, o2, e3, n3);
+        t4.appendChild(r2), (function(t5, e4, n4, o3) {
+          const i3 = e4.indexOf(n4);
+          if (i3 < 0) return;
+          const r3 = t5[i3];
+          r3 && (requestAnimationFrame(() => {
+            r3.scrollIntoView({ block: "nearest" });
+          }), o3.setAttribute("aria-activedescendant", r3.id));
+        })(s2, n3.sizes, o2, r2), (function(t5, e4, n4, o3, i3) {
+          let r3 = -1;
+          const s3 = (t6) => {
+            r3 >= 0 && r3 < n4.length && n4[r3]?.classList.remove("notectl-font-size-picker__item--focused"), r3 = t6;
+            const o4 = n4[r3];
+            r3 >= 0 && r3 < n4.length && o4 && (o4.classList.add("notectl-font-size-picker__item--focused"), o4.scrollIntoView({ block: "nearest" }), e4.setAttribute("aria-activedescendant", o4.id));
+          };
+          t5.addEventListener("keydown", (e5) => {
+            if ("Enter" === e5.key) {
+              e5.preventDefault();
+              const n5 = Number.parseInt(t5.value, 10);
+              !Number.isNaN(n5) && n5 >= 1 && n5 <= 400 && (z(o3, n5, i3.defaultSize), i3.onClose({ restoreFocusTo: i3.contentElement }));
+            } else "ArrowDown" === e5.key ? (e5.preventDefault(), s3(0), n4[0]?.focus()) : "Escape" === e5.key && (e5.preventDefault(), i3.onClose({ restoreFocusTo: i3.contentElement }));
+          }), e4.addEventListener("keydown", (e5) => {
+            if ("ArrowDown" === e5.key) e5.preventDefault(), r3 < n4.length - 1 && (s3(r3 + 1), n4[r3]?.focus());
+            else if ("ArrowUp" === e5.key) e5.preventDefault(), r3 > 0 ? (s3(r3 - 1), n4[r3]?.focus()) : (s3(-1), t5.focus());
+            else if ("Enter" === e5.key) {
+              e5.preventDefault();
+              const t6 = i3.sizes[r3];
+              r3 >= 0 && r3 < i3.sizes.length && void 0 !== t6 && (z(o3, t6, i3.defaultSize), i3.onClose({ restoreFocusTo: i3.contentElement }));
+            } else "Escape" === e5.key && (e5.preventDefault(), i3.onClose({ restoreFocusTo: i3.contentElement }));
+          });
+        })(i2, r2, s2, e3, n3);
+      })(t3, e2, { sizes: this.sizes, defaultSize: this.defaultSize, onClose: n2, contentElement: e2.getContainer(), locale: this.locale });
+    }, isActive: (t3) => (function(t4) {
+      return r(t4, "fontSize");
+    })(t3) });
+  }
+  applyDefaultSizeToContainer(t2) {
+    const e2 = t2.getContainer();
+    n(e2, "fontSize", `${this.defaultSize}px`);
+  }
+}
+export {
+  h as F,
+  p as a,
+  c as b
+};
+//# sourceMappingURL=index-BXCkjDax.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-BXCkjDax.mjs","sources":["../../src/editor/styles/font-size-select.ts","../../src/plugins/font-size/FontSizeLocale.ts","../../src/plugins/font-size/FontSizeOperations.ts","../../src/plugins/font-size/FontSizePopup.ts","../../src/plugins/font-size/FontSizePlugin.ts"],"sourcesContent":["/** Font size picker toolbar combobox + popup styles. */\nexport const FONT_SIZE_SELECT_CSS = `\n/* Font Size Select — Width overrides for combobox button */\n.notectl-toolbar-btn--fontSize {\n\tmin-width: 60px;\n\tmax-width: 80px;\n}\n\n/* Font Size Picker Popup */\n.notectl-font-size-picker {\n\tmin-width: 140px;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.notectl-font-size-picker__input-wrapper {\n\tpadding: 8px 8px 4px;\n}\n\n.notectl-font-size-picker__input {\n\twidth: 100%;\n\tpadding: 6px 8px;\n\tborder: 1px solid var(--notectl-border);\n\tborder-radius: 4px;\n\tfont-size: 13px;\n\tfont-family: inherit;\n\tcolor: var(--notectl-fg);\n\tbackground: var(--notectl-bg);\n\toutline: none;\n\tbox-sizing: border-box;\n\t-moz-appearance: textfield;\n}\n\n.notectl-font-size-picker__input::-webkit-inner-spin-button,\n.notectl-font-size-picker__input::-webkit-outer-spin-button {\n\t-webkit-appearance: none;\n\tmargin: 0;\n}\n\n.notectl-font-size-picker__input:focus {\n\tborder-color: var(--notectl-border-focus);\n\tbox-shadow: 0 0 0 2px var(--notectl-focus-ring);\n}\n\n.notectl-font-size-picker__list {\n\tmax-height: 280px;\n\toverflow-y: auto;\n\tpadding: 4px 0;\n}\n\n.notectl-font-size-picker__item {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\twidth: 100%;\n\tpadding: 7px 12px;\n\tborder: none;\n\tbackground: none;\n\tcursor: pointer;\n\tfont-size: 14px;\n\tcolor: var(--notectl-fg);\n\tline-height: 1.4;\n\ttext-align: left;\n\twhite-space: nowrap;\n\tfont-family: inherit;\n\ttransition: background 0.1s;\n\toutline: none;\n}\n\n@media (hover: hover) {\n\t.notectl-font-size-picker__item:hover {\n\t\tbackground: var(--notectl-hover-bg);\n\t}\n}\n\n.notectl-font-size-picker__item--active {\n\tbackground: var(--notectl-active-bg);\n\tcolor: var(--notectl-primary-fg);\n}\n\n@media (hover: hover) {\n\t.notectl-font-size-picker__item--active:hover {\n\t\tbackground: var(--notectl-active-bg);\n\t}\n}\n\n.notectl-font-size-picker__item--focused {\n\toutline: 2px solid var(--notectl-primary);\n\toutline-offset: -2px;\n}\n\n.notectl-font-size-picker__check {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 16px;\n\tflex-shrink: 0;\n\tfont-size: 13px;\n\tfont-weight: 600;\n\tcolor: var(--notectl-primary-fg);\n}\n\n.notectl-font-size-picker__label {\n\tflex: 1;\n}\n`;\n","/** Locale interface and default English locale for the FontSizePlugin. */\n\n// --- Locale Interface ---\n\nexport interface FontSizeLocale {\n\treadonly label: string;\n\treadonly tooltip: string;\n\treadonly customFontSizeAria: string;\n\treadonly fontSizesAria: string;\n}\n\n// --- Default English Locale ---\n\nexport const FONT_SIZE_LOCALE_EN: FontSizeLocale = {\n\tlabel: 'Font Size',\n\ttooltip: 'Font Size',\n\tcustomFontSizeAria: 'Custom font size',\n\tfontSizesAria: 'Font sizes',\n};\n\n// --- German Locale ---\n\nexport const FONT_SIZE_LOCALE_DE: FontSizeLocale = {\n\tlabel: 'Schriftgröße',\n\ttooltip: 'Schriftgröße',\n\tcustomFontSizeAria: 'Benutzerdefinierte Schriftgröße',\n\tfontSizesAria: 'Schriftgrößen',\n};\n\n// --- Spanish Locale ---\n\nexport const FONT_SIZE_LOCALE_ES: FontSizeLocale = {\n\tlabel: 'Tamaño de fuente',\n\ttooltip: 'Tamaño de fuente',\n\tcustomFontSizeAria: 'Tamaño de fuente personalizado',\n\tfontSizesAria: 'Tamaños de fuente',\n};\n\n// --- French Locale ---\n\nexport const FONT_SIZE_LOCALE_FR: FontSizeLocale = {\n\tlabel: 'Taille de police',\n\ttooltip: 'Taille de police',\n\tcustomFontSizeAria: 'Taille de police personnalisée',\n\tfontSizesAria: 'Tailles de police',\n};\n\n// --- Chinese (Simplified) Locale ---\n\nexport const FONT_SIZE_LOCALE_ZH: FontSizeLocale = {\n\tlabel: '字号',\n\ttooltip: '字号',\n\tcustomFontSizeAria: '自定义字号',\n\tfontSizesAria: '字号列表',\n};\n\n// --- Russian Locale ---\n\nexport const FONT_SIZE_LOCALE_RU: FontSizeLocale = {\n\tlabel: 'Размер шрифта',\n\ttooltip: 'Размер шрифта',\n\tcustomFontSizeAria: 'Произвольный размер шрифта',\n\tfontSizesAria: 'Размеры шрифта',\n};\n\n// --- Arabic Locale ---\n\nexport const FONT_SIZE_LOCALE_AR: FontSizeLocale = {\n\tlabel: 'حجم الخط',\n\ttooltip: 'حجم الخط',\n\tcustomFontSizeAria: 'حجم خط مخصص',\n\tfontSizesAria: 'أحجام الخط',\n};\n\n// --- Hindi Locale ---\n\nexport const FONT_SIZE_LOCALE_HI: FontSizeLocale = {\n\tlabel: 'फ़ॉन्ट आकार',\n\ttooltip: 'फ़ॉन्ट आकार',\n\tcustomFontSizeAria: 'कस्टम फ़ॉन्ट आकार',\n\tfontSizesAria: 'फ़ॉन्ट आकार सूची',\n};\n\n// --- Locale Map ---\n\nexport const FONT_SIZE_LOCALES: Record<string, FontSizeLocale> = {\n\ten: FONT_SIZE_LOCALE_EN,\n\tde: FONT_SIZE_LOCALE_DE,\n\tes: FONT_SIZE_LOCALE_ES,\n\tfr: FONT_SIZE_LOCALE_FR,\n\tzh: FONT_SIZE_LOCALE_ZH,\n\tru: FONT_SIZE_LOCALE_RU,\n\tar: FONT_SIZE_LOCALE_AR,\n\thi: FONT_SIZE_LOCALE_HI,\n};\n","/**\n * Pure business logic for font-size state queries and transaction builders.\n * All functions are DOM-free and operate on EditorState / PluginContext.\n *\n * Delegates to the generic AttributedMarkCommands helpers for the\n * collapsed-vs-range branching logic.\n */\n\nimport {\n\tapplyAttributedMark,\n\tgetMarkAttrAtSelection,\n\tisAttributedMarkActive,\n\tremoveAttributedMark,\n} from '../../commands/AttributedMarkCommands.js';\nimport { markType } from '../../model/TypeBrands.js';\nimport type { EditorState } from '../../state/EditorState.js';\nimport type { PluginContext } from '../Plugin.js';\n\n// --- State Queries ---\n\n/** Returns the raw fontSize CSS value at the current selection, or null. */\nexport function getActiveSize(state: EditorState): string | null {\n\treturn getMarkAttrAtSelection(state, 'fontSize', (m) => m.attrs.size ?? null);\n}\n\n/** Returns the active font size as a number, falling back to defaultSize. */\nexport function getActiveSizeNumeric(state: EditorState, defaultSize: number): number {\n\tconst raw: string | null = getActiveSize(state);\n\tif (!raw) return defaultSize;\n\tconst parsed: number = Number.parseInt(raw, 10);\n\treturn Number.isNaN(parsed) ? defaultSize : parsed;\n}\n\n/** Returns true when the selection carries a fontSize mark. */\nexport function isFontSizeActive(state: EditorState): boolean {\n\treturn isAttributedMarkActive(state, 'fontSize');\n}\n\n// --- Commands ---\n\n/** Applies a fontSize mark with the given CSS size string to the selection. */\nexport function applyFontSize(context: PluginContext, state: EditorState, size: string): boolean {\n\tconst mark = { type: markType('fontSize'), attrs: { size } };\n\tconst tr = applyAttributedMark(state, mark);\n\tif (!tr) return false;\n\n\tcontext.dispatch(tr);\n\treturn true;\n}\n\n/** Removes the fontSize mark from the current selection. */\nexport function removeFontSize(context: PluginContext, state: EditorState): boolean {\n\tconst tr = removeAttributedMark(state, markType('fontSize'));\n\tif (!tr) return false;\n\n\tcontext.dispatch(tr);\n\treturn true;\n}\n\n/** Steps the font size up or down through the preset list. */\nexport function stepFontSize(\n\tcontext: PluginContext,\n\tstate: EditorState,\n\tdirection: 'up' | 'down',\n\tsizes: readonly number[],\n\tdefaultSize: number,\n): boolean {\n\tconst current: number = getActiveSizeNumeric(state, defaultSize);\n\tconst next: number | null = getNextPresetSize(current, direction, sizes);\n\tif (next === null) return false;\n\n\tif (next === defaultSize) {\n\t\treturn removeFontSize(context, state);\n\t}\n\treturn applyFontSize(context, state, `${next}px`);\n}\n\n/**\n * Selects a specific font size: removes the mark when size equals the\n * default, otherwise applies the new size.\n */\nexport function selectSize(context: PluginContext, size: number, defaultSize: number): void {\n\tif (size === defaultSize) {\n\t\tcontext.executeCommand('removeFontSize');\n\t} else {\n\t\tapplyFontSize(context, context.getState(), `${size}px`);\n\t}\n}\n\n// --- Helpers ---\n\n/** Finds the next preset size in the given direction, or null at boundaries. */\nexport function getNextPresetSize(\n\tcurrent: number,\n\tdirection: 'up' | 'down',\n\tsizes: readonly number[],\n): number | null {\n\tif (direction === 'up') {\n\t\tfor (const size of sizes) {\n\t\t\tif (size > current) return size;\n\t\t}\n\t\treturn null;\n\t}\n\tfor (let i: number = sizes.length - 1; i >= 0; i--) {\n\t\tconst size: number | undefined = sizes[i];\n\t\tif (size !== undefined && size < current) return size;\n\t}\n\treturn null;\n}\n","/**\n * Renders the font-size picker popup with a custom numeric input\n * and an accessible preset list with keyboard navigation.\n */\n\nimport type { PluginContext } from '../Plugin.js';\nimport type { PopupCloseOptions } from '../shared/PopupManager.js';\nimport type { FontSizeLocale } from './FontSizeLocale.js';\nimport { getActiveSizeNumeric, selectSize } from './FontSizeOperations.js';\n\n// --- Constants ---\n\nconst MIN_CUSTOM_SIZE = 1;\nconst MAX_CUSTOM_SIZE = 400;\n\n// --- Config ---\n\nexport interface FontSizePopupConfig {\n\treadonly sizes: readonly number[];\n\treadonly defaultSize: number;\n\treadonly onClose: (options?: PopupCloseOptions) => void;\n\treadonly contentElement: HTMLElement;\n\treadonly locale?: FontSizeLocale;\n}\n\n// --- Public Entry Point ---\n\n/** Builds the font-size picker DOM inside the given container. */\nexport function renderFontSizePopup(\n\tcontainer: HTMLElement,\n\tcontext: PluginContext,\n\tconfig: FontSizePopupConfig,\n): void {\n\tcontainer.classList.add('notectl-font-size-picker');\n\n\tconst currentSize: number = getActiveSizeNumeric(context.getState(), config.defaultSize);\n\n\tconst input: HTMLInputElement = buildCustomInput(currentSize, config);\n\tappendInputWrapper(container, input);\n\n\tconst { list, items } = buildSizeList(config.sizes, currentSize, context, config);\n\tcontainer.appendChild(list);\n\n\tscrollActiveIntoView(items, config.sizes, currentSize, list);\n\tattachKeyboardNavigation(input, list, items, context, config);\n}\n\n// --- Custom Input ---\n\nfunction buildCustomInput(currentSize: number, config: FontSizePopupConfig): HTMLInputElement {\n\tconst input: HTMLInputElement = document.createElement('input');\n\tinput.type = 'number';\n\tinput.className = 'notectl-font-size-picker__input';\n\tinput.min = String(MIN_CUSTOM_SIZE);\n\tinput.max = String(MAX_CUSTOM_SIZE);\n\tinput.value = String(currentSize);\n\tinput.setAttribute('aria-label', config.locale?.customFontSizeAria ?? 'Custom font size');\n\treturn input;\n}\n\nfunction appendInputWrapper(container: HTMLElement, input: HTMLInputElement): void {\n\tconst wrapper: HTMLDivElement = document.createElement('div');\n\twrapper.className = 'notectl-font-size-picker__input-wrapper';\n\twrapper.appendChild(input);\n\tcontainer.appendChild(wrapper);\n}\n\n// --- Size List ---\n\ninterface SizeListResult {\n\treadonly list: HTMLDivElement;\n\treadonly items: HTMLButtonElement[];\n}\n\nfunction buildSizeList(\n\tsizes: readonly number[],\n\tcurrentSize: number,\n\tcontext: PluginContext,\n\tconfig: FontSizePopupConfig,\n): SizeListResult {\n\tconst list: HTMLDivElement = document.createElement('div');\n\tlist.className = 'notectl-font-size-picker__list';\n\tlist.setAttribute('role', 'listbox');\n\tlist.setAttribute('aria-label', config.locale?.fontSizesAria ?? 'Font sizes');\n\n\tconst items: HTMLButtonElement[] = [];\n\n\tfor (const size of sizes) {\n\t\tconst isActive: boolean = size === currentSize;\n\t\tconst item: HTMLButtonElement = buildSizeItem(size, isActive);\n\n\t\titem.addEventListener('mousedown', (e: MouseEvent) => {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\tselectSize(context, size, config.defaultSize);\n\t\t\tconfig.onClose({ restoreFocusTo: config.contentElement });\n\t\t});\n\n\t\titems.push(item);\n\t\tlist.appendChild(item);\n\t}\n\n\treturn { list, items };\n}\n\nfunction buildSizeItem(size: number, isActive: boolean): HTMLButtonElement {\n\tconst item: HTMLButtonElement = document.createElement('button');\n\titem.type = 'button';\n\titem.id = `notectl-font-size-option-${size}`;\n\titem.className = 'notectl-font-size-picker__item';\n\titem.setAttribute('role', 'option');\n\titem.setAttribute('aria-selected', String(isActive));\n\n\tif (isActive) {\n\t\titem.classList.add('notectl-font-size-picker__item--active');\n\t}\n\n\tconst check: HTMLSpanElement = document.createElement('span');\n\tcheck.className = 'notectl-font-size-picker__check';\n\tcheck.textContent = isActive ? '\\u2713' : '';\n\titem.appendChild(check);\n\n\tconst label: HTMLSpanElement = document.createElement('span');\n\tlabel.className = 'notectl-font-size-picker__label';\n\tlabel.textContent = String(size);\n\titem.appendChild(label);\n\n\treturn item;\n}\n\n// --- Scroll ---\n\nfunction scrollActiveIntoView(\n\titems: HTMLButtonElement[],\n\tsizes: readonly number[],\n\tcurrentSize: number,\n\tlist: HTMLDivElement,\n): void {\n\tconst activeIdx: number = sizes.indexOf(currentSize);\n\tif (activeIdx < 0) return;\n\n\tconst activeItem: HTMLButtonElement | undefined = items[activeIdx];\n\tif (!activeItem) return;\n\n\trequestAnimationFrame(() => {\n\t\tactiveItem.scrollIntoView({ block: 'nearest' });\n\t});\n\tlist.setAttribute('aria-activedescendant', activeItem.id);\n}\n\n// --- Keyboard Navigation ---\n\nfunction attachKeyboardNavigation(\n\tinput: HTMLInputElement,\n\tlist: HTMLDivElement,\n\titems: HTMLButtonElement[],\n\tcontext: PluginContext,\n\tconfig: FontSizePopupConfig,\n): void {\n\tlet focusedIndex = -1;\n\n\tconst setFocused = (idx: number): void => {\n\t\tif (focusedIndex >= 0 && focusedIndex < items.length) {\n\t\t\titems[focusedIndex]?.classList.remove('notectl-font-size-picker__item--focused');\n\t\t}\n\t\tfocusedIndex = idx;\n\t\tconst el: HTMLButtonElement | undefined = items[focusedIndex];\n\t\tif (focusedIndex >= 0 && focusedIndex < items.length && el) {\n\t\t\tel.classList.add('notectl-font-size-picker__item--focused');\n\t\t\tel.scrollIntoView({ block: 'nearest' });\n\t\t\tlist.setAttribute('aria-activedescendant', el.id);\n\t\t}\n\t};\n\n\tinput.addEventListener('keydown', (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter') {\n\t\t\te.preventDefault();\n\t\t\tconst val: number = Number.parseInt(input.value, 10);\n\t\t\tif (!Number.isNaN(val) && val >= MIN_CUSTOM_SIZE && val <= MAX_CUSTOM_SIZE) {\n\t\t\t\tselectSize(context, val, config.defaultSize);\n\t\t\t\tconfig.onClose({ restoreFocusTo: config.contentElement });\n\t\t\t}\n\t\t} else if (e.key === 'ArrowDown') {\n\t\t\te.preventDefault();\n\t\t\tsetFocused(0);\n\t\t\titems[0]?.focus();\n\t\t} else if (e.key === 'Escape') {\n\t\t\te.preventDefault();\n\t\t\tconfig.onClose({ restoreFocusTo: config.contentElement });\n\t\t}\n\t});\n\n\tlist.addEventListener('keydown', (e: KeyboardEvent) => {\n\t\tif (e.key === 'ArrowDown') {\n\t\t\te.preventDefault();\n\t\t\tif (focusedIndex < items.length - 1) {\n\t\t\t\tsetFocused(focusedIndex + 1);\n\t\t\t\titems[focusedIndex]?.focus();\n\t\t\t}\n\t\t} else if (e.key === 'ArrowUp') {\n\t\t\te.preventDefault();\n\t\t\tif (focusedIndex > 0) {\n\t\t\t\tsetFocused(focusedIndex - 1);\n\t\t\t\titems[focusedIndex]?.focus();\n\t\t\t} else {\n\t\t\t\tsetFocused(-1);\n\t\t\t\tinput.focus();\n\t\t\t}\n\t\t} else if (e.key === 'Enter') {\n\t\t\te.preventDefault();\n\t\t\tconst selectedSize: number | undefined = config.sizes[focusedIndex];\n\t\t\tif (focusedIndex >= 0 && focusedIndex < config.sizes.length && selectedSize !== undefined) {\n\t\t\t\tselectSize(context, selectedSize, config.defaultSize);\n\t\t\t\tconfig.onClose({ restoreFocusTo: config.contentElement });\n\t\t\t}\n\t\t} else if (e.key === 'Escape') {\n\t\t\te.preventDefault();\n\t\t\tconfig.onClose({ restoreFocusTo: config.contentElement });\n\t\t}\n\t});\n}\n","/**\n * FontSizePlugin: registers a fontSize mark with attrs, a combobox-style\n * toolbar selector with WCAG-accessible popup, and commands for\n * increasing / decreasing font size.\n */\n\nimport { FONT_SIZE_SELECT_CSS } from '../../editor/styles/font-size-select.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 { isValidCSSFontSize } from '../shared/ColorValidation.js';\nimport { FONT_SIZE_LOCALES, type FontSizeLocale } from './FontSizeLocale.js';\nimport {\n\tgetActiveSizeNumeric,\n\tisFontSizeActive,\n\tremoveFontSize,\n\tstepFontSize,\n} from './FontSizeOperations.js';\nimport { renderFontSizePopup } from './FontSizePopup.js';\n\n// --- Attribute Registry Augmentation ---\n\ndeclare module '../../model/AttrRegistry.js' {\n\tinterface MarkAttrRegistry {\n\t\tfontSize: { size: string };\n\t}\n}\n\n// --- Constants ---\n\n/** Default preset sizes shown in the font size dropdown. */\nexport const DEFAULT_FONT_SIZES: readonly number[] = [\n\t8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96,\n];\n\nconst DEFAULT_FONT_SIZE = 16;\n\n// --- Configuration ---\n\nexport interface FontSizeConfig {\n\t/**\n\t * Preset sizes shown in the font size dropdown.\n\t * Must contain positive integers. Values are sorted and deduplicated automatically.\n\t * Defaults to {@link DEFAULT_FONT_SIZES} when omitted or empty.\n\t */\n\treadonly sizes?: readonly number[];\n\t/**\n\t * The base font size that text has when no fontSize mark is applied.\n\t * Shown as the initial value in the toolbar combo and used as the\n\t * \"neutral\" size — selecting it removes the mark instead of applying one.\n\t * Defaults to 16.\n\t */\n\treadonly defaultSize?: number;\n\t/** When true, a separator is rendered after the fontSize toolbar item. */\n\treadonly separatorAfter?: boolean;\n\treadonly locale?: FontSizeLocale;\n}\n\n// --- Plugin ---\n\nexport class FontSizePlugin implements Plugin {\n\treadonly id = 'fontSize';\n\treadonly name = 'Font Size';\n\treadonly priority = 21;\n\n\tprivate readonly config: FontSizeConfig;\n\tprivate readonly sizes: readonly number[];\n\tprivate readonly defaultSize: number;\n\tprivate locale!: FontSizeLocale;\n\n\tconstructor(config?: Partial<FontSizeConfig>) {\n\t\tthis.config = { ...config };\n\t\tthis.sizes = resolveSizes(config?.sizes);\n\t\tthis.defaultSize = resolveDefaultSize(config?.defaultSize);\n\t}\n\n\tinit(context: PluginContext): void {\n\t\tthis.locale = resolvePluginLocale(FONT_SIZE_LOCALES, context, this.config.locale);\n\n\t\tcontext.registerStyleSheet(FONT_SIZE_SELECT_CSS);\n\t\tthis.registerMarkSpec(context);\n\t\tthis.registerCommands(context);\n\t\tthis.registerKeymaps(context);\n\t\tthis.registerToolbarItem(context);\n\t\tthis.applyDefaultSizeToContainer(context);\n\t}\n\n\tdestroy(): void {\n\t\t// no-op: nothing to clean up\n\t}\n\n\t// --- Schema ---\n\n\tprivate registerMarkSpec(context: PluginContext): void {\n\t\tcontext.registerMarkSpec({\n\t\t\ttype: 'fontSize',\n\t\t\trank: 4,\n\t\t\tattrs: {\n\t\t\t\tsize: { default: '' },\n\t\t\t},\n\t\t\ttoDOM(mark) {\n\t\t\t\tconst span: HTMLElement = document.createElement('span');\n\t\t\t\tconst size: string = mark.attrs?.size ?? '';\n\t\t\t\tif (size) {\n\t\t\t\t\tsetStyleProperty(span, 'fontSize', size);\n\t\t\t\t}\n\t\t\t\treturn span;\n\t\t\t},\n\t\t\ttoHTMLString: (mark, content) => {\n\t\t\t\tconst size: string = String(mark.attrs?.size ?? '');\n\t\t\t\tif (!size || !isValidCSSFontSize(size)) return content;\n\t\t\t\treturn `<span style=\"font-size: ${escapeHTML(size)}\">${content}</span>`;\n\t\t\t},\n\t\t\ttoHTMLStyle: (mark) => {\n\t\t\t\tconst size: string = String(mark.attrs?.size ?? '');\n\t\t\t\tif (!size || !isValidCSSFontSize(size)) return null;\n\t\t\t\treturn `font-size: ${escapeHTML(size)}`;\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 size: string = el.style.fontSize;\n\t\t\t\t\t\tif (!size) return false;\n\t\t\t\t\t\treturn { size };\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\t// --- Commands ---\n\n\tprivate registerCommands(context: PluginContext): void {\n\t\tcontext.registerCommand('removeFontSize', () => {\n\t\t\treturn removeFontSize(context, context.getState());\n\t\t});\n\n\t\tcontext.registerCommand('setFontSize', () => {\n\t\t\treturn false;\n\t\t});\n\n\t\tcontext.registerCommand('increaseFontSize', () => {\n\t\t\treturn stepFontSize(context, context.getState(), 'up', this.sizes, this.defaultSize);\n\t\t});\n\n\t\tcontext.registerCommand('decreaseFontSize', () => {\n\t\t\treturn stepFontSize(context, context.getState(), 'down', this.sizes, this.defaultSize);\n\t\t});\n\t}\n\n\t// --- Keymaps ---\n\n\tprivate registerKeymaps(context: PluginContext): void {\n\t\tcontext.registerKeymap({\n\t\t\t'Mod-Shift-+': () => {\n\t\t\t\treturn stepFontSize(context, context.getState(), 'up', this.sizes, this.defaultSize);\n\t\t\t},\n\t\t\t'Mod-Shift-_': () => {\n\t\t\t\treturn stepFontSize(context, context.getState(), 'down', this.sizes, this.defaultSize);\n\t\t\t},\n\t\t});\n\t}\n\n\t// --- Toolbar ---\n\n\tprivate registerToolbarItem(context: PluginContext): void {\n\t\tcontext.registerToolbarItem({\n\t\t\tid: 'fontSize',\n\t\t\tgroup: 'format',\n\t\t\tlabel: this.locale.label,\n\t\t\ttooltip: this.locale.tooltip,\n\t\t\tcommand: 'removeFontSize',\n\t\t\tpriority: 6,\n\t\t\tpopupType: 'combobox',\n\t\t\tseparatorAfter: this.config.separatorAfter,\n\t\t\tgetLabel: (state: EditorState): string =>\n\t\t\t\tString(getActiveSizeNumeric(state, this.defaultSize)),\n\t\t\trenderPopup: (container, ctx, onClose) => {\n\t\t\t\trenderFontSizePopup(container, ctx, {\n\t\t\t\t\tsizes: this.sizes,\n\t\t\t\t\tdefaultSize: this.defaultSize,\n\t\t\t\t\tonClose,\n\t\t\t\t\tcontentElement: ctx.getContainer(),\n\t\t\t\t\tlocale: this.locale,\n\t\t\t\t});\n\t\t\t},\n\t\t\tisActive: (state) => isFontSizeActive(state),\n\t\t});\n\t}\n\n\t/**\n\t * Sets the configured default font size on the editor content container\n\t * so that unformatted text renders at the correct size instead of the\n\t * browser default (16px).\n\t */\n\tprivate applyDefaultSizeToContainer(context: PluginContext): void {\n\t\tconst container: HTMLElement = context.getContainer();\n\t\tsetStyleProperty(container, 'fontSize', `${this.defaultSize}px`);\n\t}\n}\n\n// --- Helpers ---\n\nfunction resolveSizes(sizes: readonly number[] | undefined): readonly number[] {\n\tif (!sizes || sizes.length === 0) return DEFAULT_FONT_SIZES;\n\tconst unique: number[] = [...new Set(sizes)].filter((n) => Number.isInteger(n) && n > 0);\n\tunique.sort((a, b) => a - b);\n\treturn unique.length > 0 ? unique : DEFAULT_FONT_SIZES;\n}\n\nfunction resolveDefaultSize(size: number | undefined): number {\n\tif (size === undefined) return DEFAULT_FONT_SIZE;\n\treturn Number.isInteger(size) && size > 0 ? size : DEFAULT_FONT_SIZE;\n}\n"],"names":["FONT_SIZE_LOCALE_EN","label","tooltip","customFontSizeAria","fontSizesAria","FONT_SIZE_LOCALES","en","de","es","fr","zh","ru","ar","hi","getActiveSizeNumeric","state","defaultSize","raw","getMarkAttrAtSelection","m","attrs","size","parsed","Number","parseInt","isNaN","applyFontSize","context","mark","type","markType","tr","applyAttributedMark","dispatch","removeFontSize","removeAttributedMark","stepFontSize","direction","sizes","next","current","i","length","selectSize","executeCommand","getState","buildSizeItem","isActive","item","document","createElement","id","className","setAttribute","String","classList","add","check","textContent","appendChild","DEFAULT_FONT_SIZES","FontSizePlugin","name","priority","config","locale","this","unique","Set","filter","n","isInteger","sort","a","b","resolvePluginLocale","registerStyleSheet","registerMarkSpec","registerCommands","registerKeymaps","registerToolbarItem","applyDefaultSizeToContainer","destroy","rank","default","span","setStyleProperty","toHTMLString","content","isValidCSSFontSize","escapeHTML","toHTMLStyle","parseHTML","tag","getAttrs","el","style","fontSize","sanitize","tags","registerCommand","registerKeymap","group","command","popupType","separatorAfter","getLabel","renderPopup","container","ctx","onClose","currentSize","input","min","max","value","wrapper","list","items","addEventListener","e","preventDefault","stopPropagation","restoreFocusTo","contentElement","push","activeIdx","indexOf","activeItem","requestAnimationFrame","scrollIntoView","block","focusedIndex","setFocused","idx","remove","key","val","focus","selectedSize","getContainer","isAttributedMarkActive"],"mappings":";;;;;;AACO,MCYMA,IAAsC,EAClDC,OAAO,aACPC,SAAS,aACTC,oBAAoB,oBACpBC,eAAe,aAAA,GAoEHC,IAAoD,EAChEC,IAAIN,GACJO,IAjEkD,EAClDN,OAAO,gBACPC,SAAS,gBACTC,oBAAoB,mCACpBC,eAAe,gBAAA,GA8DfI,IAzDkD,EAClDP,OAAO,oBACPC,SAAS,oBACTC,oBAAoB,kCACpBC,eAAe,oBAAA,GAsDfK,IAjDkD,EAClDR,OAAO,oBACPC,SAAS,oBACTC,oBAAoB,kCACpBC,eAAe,oBAAA,GA8CfM,IAzCkD,EAClDT,OAAO,MACPC,SAAS,MACTC,oBAAoB,SACpBC,eAAe,OAAA,GAsCfO,IAjCkD,EAClDV,OAAO,iBACPC,SAAS,iBACTC,oBAAoB,8BACpBC,eAAe,iBAAA,GA8BfQ,IAzBkD,EAClDX,OAAO,YACPC,SAAS,YACTC,oBAAoB,eACpBC,eAAe,aAAA,GAsBfS,IAjBkD,EAClDZ,OAAO,eACPC,SAAS,eACTC,oBAAoB,qBACpBC,eAAe,mBAAA,EAAA;ACtDT,SAASU,EAAqBC,IAAoBC,IAAAA;AACxD,QAAMC,MANA,SAAuBF,IAAAA;AAC7B,WAAOG,EAAuBH,IAAO,YAAaI,CAAAA,OAAMA,GAAEC,MAAMC,QAAQ,IAAA;AAAA,EACzE,GAI0CN,EAAAA;AACzC,MAAA,CAAKE,GAAK,QAAOD;AACjB,QAAMM,KAAiBC,OAAOC,SAASP,IAAK,EAAA;AAC5C,SAAOM,OAAOE,MAAMH,EAAAA,IAAUN,KAAcM;AAC7C;AAUO,SAASI,EAAcC,IAAwBZ,IAAoBM,IAAAA;AACzE,QAAMO,KAAO,EAAEC,MAAMC,EAAS,UAAA,GAAaV,OAAO,EAAEC,MAAAA,GAAAA,EAAAA,GAC9CU,KAAKC,EAAoBjB,IAAOa,EAAAA;AACtC,SAAA,CAAA,CAAKG,OAELJ,GAAQM,SAASF,EAAAA,GAAAA;AAElB;AAGO,SAASG,EAAeP,IAAwBZ,IAAAA;AACtD,QAAMgB,KAAKI,EAAqBpB,IAAOe,EAAS,UAAA,CAAA;AAChD,SAAA,CAAA,CAAKC,OAELJ,GAAQM,SAASF,EAAAA,GAAAA;AAElB;AAGO,SAASK,EACfT,IACAZ,IACAsB,IACAC,IACAtB,IAAAA;AAEA,QACMuB,MAwBA,SACNC,IACAH,IACAC,IAAAA;AAEA,QAAkB,SAAdD,IAAoB;AACvB,iBAAWhB,MAAQiB,GAClB,KAAIjB,KAAOmB,GAAS,QAAOnB;AAE5B,aAAO;AAAA,IACR;AACA,aAASoB,KAAYH,GAAMI,SAAS,GAAGD,MAAK,GAAGA,MAAK;AACnD,YAAMpB,KAA2BiB,GAAMG;AACvC,UAAA,WAAIpB,MAAsBA,KAAOmB,GAAS,QAAOnB;AAAAA,IAClD;AACA,WAAO;AAAA,EACR,GAzCyBP,EAAqBC,IAAOC,EAAAA,GACGqB,IAAWC,EAAAA;AAClE,SAAa,SAATC,OAEAA,OAASvB,KACLkB,EAAeP,IAASZ,EAAAA,IAEzBW,EAAcC,IAASZ,IAAO,GAAGwB,EAAAA,IAAAA;AACzC;AAMO,SAASI,EAAWhB,IAAwBN,IAAcL,IAAAA;AAC5DK,EAAAA,OAASL,KACZW,GAAQiB,eAAe,gBAAA,IAEvBlB,EAAcC,IAASA,GAAQkB,SAAAA,GAAY,GAAGxB,EAAAA,IAAAA;AAEhD;ACkBA,SAASyB,EAAczB,IAAc0B,IAAAA;AACpC,QAAMC,KAA0BC,SAASC,cAAc,QAAA;AACvDF,EAAAA,GAAKnB,OAAO,UACZmB,GAAKG,KAAK,4BAA4B9B,EAAAA,IACtC2B,GAAKI,YAAY,kCACjBJ,GAAKK,aAAa,QAAQ,QAAA,GAC1BL,GAAKK,aAAa,iBAAiBC,OAAOP,EAAAA,CAAAA,GAEtCA,MACHC,GAAKO,UAAUC,IAAI,wCAAA;AAGpB,QAAMC,KAAyBR,SAASC,cAAc,MAAA;AACtDO,EAAAA,GAAML,YAAY,mCAClBK,GAAMC,cAAcX,KAAW,MAAW,IAC1CC,GAAKW,YAAYF,EAAAA;AAEjB,QAAMxD,KAAyBgD,SAASC,cAAc,MAAA;AAKtD,SAJAjD,GAAMmD,YAAY,mCAClBnD,GAAMyD,cAAcJ,OAAOjC,EAAAA,GAC3B2B,GAAKW,YAAY1D,KAEV+C;AACR;AC/FO,MAAMY,IAAwC,CACpD,GAAG,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,EAAA;AA4BxD,MAAMC,EAAAA;AAAAA,EACHV,KAAK;AAAA,EACLW,OAAO;AAAA,EACPC,WAAW;AAAA,EAEHC;AAAAA,EACA1B;AAAAA,EACAtB;AAAAA,EACTiD;AAAAA,EAER,YAAYD,IAAAA;AA8Ib,QAA4B3C;AA7I1B6C,SAAKF,SAAS,EAAA,GAAKA,GAAAA,GACnBE,KAAK5B,SAqIP,SAAsBA,IAAAA;AACrB,UAAA,CAAKA,MAA0B,MAAjBA,GAAMI,OAAc,QAAOkB;AACzC,YAAMO,KAAmB,CAAA,GAAI,IAAIC,IAAI9B,EAAAA,CAAAA,EAAQ+B,OAAQC,CAAAA,OAAM/C,OAAOgD,UAAUD,EAAAA,KAAMA,KAAI,CAAA;AAEtF,aADAH,GAAOK,KAAK,CAACC,IAAGC,OAAMD,KAAIC,EAAAA,GACnBP,GAAOzB,SAAS,IAAIyB,KAASP;AAAAA,IACrC,GA1I4BI,IAAQ1B,KAAAA,GAClC4B,KAAKlD,eA2IqBK,KA3IY2C,IAAQhD,aAAAA,WA4I3CK,KAlLqB,KAmLlBE,OAAOgD,UAAUlD,EAAAA,KAASA,KAAO,IAAIA,KAnLnB;AAAA,EAuCzB;AAAA,EAEA,KAAKM,IAAAA;AACJuC,SAAKD,SAASU,EAAoBtE,GAAmBsB,IAASuC,KAAKF,OAAOC,MAAAA,GAE1EtC,GAAQiD,mBJhF0B,spEIiFlCV,KAAKW,iBAAiBlD,EAAAA,GACtBuC,KAAKY,iBAAiBnD,EAAAA,GACtBuC,KAAKa,gBAAgBpD,EAAAA,GACrBuC,KAAKc,oBAAoBrD,EAAAA,GACzBuC,KAAKe,4BAA4BtD,EAAAA;AAAAA,EAClC;AAAA,EAEA,UAAAuD;AAAAA,EAEA;AAAA,EAIQ,iBAAiBvD,IAAAA;AACxBA,IAAAA,GAAQkD,iBAAiB,EACxBhD,MAAM,YACNsD,MAAM,GACN/D,OAAO,EACNC,MAAM,EAAE+D,SAAS,QAElB,MAAMxD,IAAAA;AACL,YAAMyD,KAAoBpC,SAASC,cAAc,MAAA,GAC3C7B,KAAeO,GAAKR,OAAOC,QAAQ;AAIzC,aAHIA,MACHiE,EAAiBD,IAAM,YAAYhE,EAAAA,GAE7BgE;AAAAA,IACR,GACAE,cAAc,CAAC3D,IAAM4D,OAAAA;AACpB,YAAMnE,KAAeiC,OAAO1B,GAAKR,OAAOC,QAAQ,EAAA;AAChD,aAAKA,MAASoE,EAAmBpE,EAAAA,IAC1B,2BAA2BqE,EAAWrE,EAAAA,CAAAA,KAAUmE,EAAAA,YADRA;AAAAA,IAAAA,GAGhDG,aAAc/D,CAAAA,OAAAA;AACb,YAAMP,KAAeiC,OAAO1B,GAAKR,OAAOC,QAAQ,EAAA;AAChD,aAAKA,MAASoE,EAAmBpE,EAAAA,IAC1B,cAAcqE,EAAWrE,EAAAA,CAAAA,KADe;AAAA,IAAA,GAGhDuE,WAAW,CACV,EACCC,KAAK,QACLC,UAAWC,CAAAA,OAAAA;AACV,YAAM1E,KAAe0E,GAAGC,MAAMC;AAC9B,aAAA,CAAA,CAAK5E,MACE,EAAEA,MAAAA,GAAAA;AAAAA,IAAAA,EAAAA,CAAAA,GAIZ6E,UAAU,EAAEC,MAAM,CAAC,MAAA,EAAA,EAAA,CAAA;AAAA,EAErB;AAAA,EAIQ,iBAAiBxE,IAAAA;AACxBA,IAAAA,GAAQyE,gBAAgB,kBAAkB,MAClClE,EAAeP,IAASA,GAAQkB,SAAAA,CAAAA,CAAAA,GAGxClB,GAAQyE,gBAAgB,eAAe,MAAA,KAC/B,GAGRzE,GAAQyE,gBAAgB,oBAAoB,MACpChE,EAAaT,IAASA,GAAQkB,YAAY,MAAMqB,KAAK5B,OAAO4B,KAAKlD,WAAAA,CAAAA,GAGzEW,GAAQyE,gBAAgB,oBAAoB,MACpChE,EAAaT,IAASA,GAAQkB,SAAAA,GAAY,QAAQqB,KAAK5B,OAAO4B,KAAKlD,WAAAA,CAAAA;AAAAA,EAE5E;AAAA,EAIQ,gBAAgBW,IAAAA;AACvBA,IAAAA,GAAQ0E,eAAe,EACtB,eAAe,MACPjE,EAAaT,IAASA,GAAQkB,SAAAA,GAAY,MAAMqB,KAAK5B,OAAO4B,KAAKlD,WAAAA,GAEzE,eAAe,MACPoB,EAAaT,IAASA,GAAQkB,SAAAA,GAAY,QAAQqB,KAAK5B,OAAO4B,KAAKlD,WAAAA,EAAAA,CAAAA;AAAAA,EAG7E;AAAA,EAIQ,oBAAoBW,IAAAA;AAC3BA,IAAAA,GAAQqD,oBAAoB,EAC3B7B,IAAI,YACJmD,OAAO,UACPrG,OAAOiE,KAAKD,OAAOhE,OACnBC,SAASgE,KAAKD,OAAO/D,SACrBqG,SAAS,kBACTxC,UAAU,GACVyC,WAAW,YACXC,gBAAgBvC,KAAKF,OAAOyC,gBAC5BC,UAAW3F,CAAAA,OACVuC,OAAOxC,EAAqBC,IAAOmD,KAAKlD,WAAAA,CAAAA,GACzC2F,aAAa,CAACC,IAAWC,IAAKC,OAAAA;AAAAA,QDzJ1B,SACNF,IACAjF,IACAqC,IAAAA;AAEA4C,QAAAA,GAAUrD,UAAUC,IAAI;AAExB,cAAMuD,KAAsBjG,EAAqBa,GAAQkB,SAAAA,GAAYmB,GAAOhD,WAAAA,GAEtEgG,MAYP,SAA0BD,IAAqB/C,IAAAA;AAC9C,gBAAMgD,KAA0B/D,SAASC,cAAc,OAAA;AAOvD,iBANA8D,GAAMnF,OAAO,UACbmF,GAAM5D,YAAY,mCAClB4D,GAAMC,MAAM3D,OAzCW,CAAA,GA0CvB0D,GAAME,MAAM5D,OAzCW,GAAA,GA0CvB0D,GAAMG,QAAQ7D,OAAOyD,KACrBC,GAAM3D,aAAa,cAAcW,GAAOC,QAAQ9D,sBAAsB,kBAAA,GAC/D6G;AAAAA,QACR,GArBkDD,IAAa/C,EAAAA;AAAAA,UAuB/D,SAA4B4C,IAAwBI,IAAAA;AACnD,gBAAMI,KAA0BnE,SAASC,cAAc,KAAA;AACvDkE,UAAAA,GAAQhE,YAAY,2CACpBgE,GAAQzD,YAAYqD,KACpBJ,GAAUjD,YAAYyD,EAAAA;AAAAA,QACvB,GA3BoBR,IAAWI,EAAAA;AAE9B,cAAA,EAAMK,MAAEA,WAAMC,GAAAA,KAkCf,SACChF,IACAyE,IACApF,IACAqC,IAAAA;AAEA,gBAAMqD,KAAuBpE,SAASC,cAAc,KAAA;AACpDmE,UAAAA,GAAKjE,YAAY,kCACjBiE,GAAKhE,aAAa,QAAQ,SAAA,GAC1BgE,GAAKhE,aAAa,cAAcW,GAAOC,QAAQ7D,iBAAiB,YAAA;AAEhE,gBAAMkH,KAA6B,CAAA;AAEnC,qBAAWjG,MAAQiB,IAAO;AACzB,kBACMU,KAA0BF,EAAczB,IADpBA,OAAS0F,EAAAA;AAGnC/D,YAAAA,GAAKuE,iBAAiB,aAAcC,CAAAA,OAAAA;AACnCA,cAAAA,GAAEC,eAAAA,GACFD,GAAEE,gBAAAA,GACF/E,EAAWhB,IAASN,IAAM2C,GAAOhD,WAAAA,GACjCgD,GAAO8C,QAAQ,EAAEa,gBAAgB3D,GAAO4D,eAAAA,CAAAA;AAAAA,YAAAA,CAAAA,GAGzCN,GAAMO,KAAK7E,EAAAA,GACXqE,GAAK1D,YAAYX,EAAAA;AAAAA,UAClB;AAEA,iBAAO,EAAEqE,UAAMC,OAAAA,GAAAA;AAAAA,QAChB,GA/DuCtD,GAAO1B,OAAOyE,IAAapF,IAASqC,EAAAA;AAC1E4C,QAAAA,GAAUjD,YAAY0D,EAAAA,IA2FvB,SACCC,IACAhF,IACAyE,IACAM,IAAAA;AAEA,gBAAMS,KAAoBxF,GAAMyF,QAAQhB,EAAAA;AACxC,cAAIe,KAAY,EAAG;AAEnB,gBAAME,KAA4CV,GAAMQ,EAAAA;AACnDE,UAAAA,OAELC,sBAAsB,MAAA;AACrBD,YAAAA,GAAWE,eAAe,EAAEC,OAAO,UAAA,CAAA;AAAA,UAAA,CAAA,GAEpCd,GAAKhE,aAAa,yBAAyB2E,GAAW7E,EAAAA;AAAAA,QACvD,GAzGsBmE,IAAOtD,GAAO1B,OAAOyE,IAAaM,EAAAA,IA6GxD,SACCL,IACAK,IACAC,IACA3F,IACAqC,IAAAA;AAEA,cAAIoE,KAAAA;AAEJ,gBAAMC,KAAcC,CAAAA,OAAAA;AACfF,YAAAA,MAAgB,KAAKA,KAAed,GAAM5E,UAC7C4E,GAAMc,EAAAA,GAAe7E,UAAUgF,OAAO,yCAAA,GAEvCH,KAAeE;AACf,kBAAMvC,KAAoCuB,GAAMc,EAAAA;AAC5CA,YAAAA,MAAgB,KAAKA,KAAed,GAAM5E,UAAUqD,OACvDA,GAAGxC,UAAUC,IAAI,yCAAA,GACjBuC,GAAGmC,eAAe,EAAEC,OAAO,UAAA,CAAA,GAC3Bd,GAAKhE,aAAa,yBAAyB0C,GAAG5C,EAAAA;AAAAA,UAAAA;AAIhD6D,UAAAA,GAAMO,iBAAiB,WAAYC,CAAAA,OAAAA;AAClC,gBAAc,YAAVA,GAAEgB,KAAiB;AACtBhB,cAAAA,GAAEC,eAAAA;AACF,oBAAMgB,KAAclH,OAAOC,SAASwF,GAAMG,OAAO,EAAA;AAAA,eAC5C5F,OAAOE,MAAMgH,EAAAA,KAAQA,MAtKL,KAsK+BA,MArK/B,QAsKpB9F,EAAWhB,IAAS8G,IAAKzE,GAAOhD,WAAAA,GAChCgD,GAAO8C,QAAQ,EAAEa,gBAAgB3D,GAAO4D,eAAAA,CAAAA;AAAAA,YAE1C,MAAqB,iBAAVJ,GAAEgB,OACZhB,GAAEC,kBACFY,GAAW,CAAA,GACXf,GAAM,CAAA,GAAIoB,MAAAA,KACU,aAAVlB,GAAEgB,QACZhB,GAAEC,eAAAA,GACFzD,GAAO8C,QAAQ,EAAEa,gBAAgB3D,GAAO4D,eAAAA,CAAAA;AAAAA,UAAAA,CAAAA,GAI1CP,GAAKE,iBAAiB,WAAYC,CAAAA,OAAAA;AACjC,gBAAc,gBAAVA,GAAEgB,IACLhB,CAAAA,GAAEC,kBACEW,KAAed,GAAM5E,SAAS,MACjC2F,GAAWD,KAAe,CAAA,GAC1Bd,GAAMc,KAAeM,MAAAA;AAAAA,qBAEF,cAAVlB,GAAEgB,IACZhB,CAAAA,GAAEC,eAAAA,GACEW,KAAe,KAClBC,GAAWD,KAAe,CAAA,GAC1Bd,GAAMc,EAAAA,GAAeM,MAAAA,MAErBL,GAAAA,EAAW,GACXrB,GAAM0B,MAAAA;AAAAA,qBAEa,YAAVlB,GAAEgB,KAAiB;AAC7BhB,cAAAA,GAAEC;AACF,oBAAMkB,KAAmC3E,GAAO1B,MAAM8F,EAAAA;AAClDA,cAAAA,MAAgB,KAAKA,KAAepE,GAAO1B,MAAMI,UAAAA,WAAUiG,OAC9DhG,EAAWhB,IAASgH,IAAc3E,GAAOhD,cACzCgD,GAAO8C,QAAQ,EAAEa,gBAAgB3D,GAAO4D,eAAAA,CAAAA;AAAAA,YAE1C,MAAqB,cAAVJ,GAAEgB,QACZhB,GAAEC,eAAAA,GACFzD,GAAO8C,QAAQ,EAAEa,gBAAgB3D,GAAO4D,eAAAA,CAAAA;AAAAA,UAAAA,CAAAA;AAAAA,QAG3C,GAhL0BZ,IAAOK,IAAMC,IAAO3F,IAASqC,EAAAA;AAAAA,MACvD,GCyIwB4C,IAAWC,IAAK,EACnCvE,OAAO4B,KAAK5B,OACZtB,aAAakD,KAAKlD,aAClB8F,SAAAA,IACAc,gBAAgBf,GAAI+B,aAAAA,GACpB3E,QAAQC,KAAKD,OAAAA,CAAAA;AAAAA,IAAAA,GAGflB,UAAWhC,CAAAA,QF5JP,SAA0BA,IAAAA;AAChC,aAAO8H,EAAuB9H,IAAO,UAAA;AAAA,IACtC,GE0JyCA,EAAAA,EAAAA,CAAAA;AAAAA,EAExC;AAAA,EAOQ,4BAA4BY,IAAAA;AACnC,UAAMiF,KAAyBjF,GAAQiH,aAAAA;AACvCtD,MAAiBsB,IAAW,YAAY,GAAG1C,KAAKlD,WAAAA,IAAAA;AAAAA,EACjD;AAAA;"}

package/dist/chunks/{ToolbarPlugin-DpLVJ71w.mjs → index-BcDRT4K2.mjs}

@@ -1,7 +1,8 @@
 import { S as t, r as e } from "./resolvePluginLocale-B4w1OkPy.mjs";
-import { a as o, p as n } from "./PopupPositioning-BTT-_pQ3.mjs";
-import { f as r, n as i, b as s, a as l, c as a, d as c } from "./ToolbarKeyboardNav-DhpL8zNV.mjs";
-import { s as d, a as p } from "./StyleRuntime-ChRjVQwL.mjs";
+import { a as o, p as n } from "./PopupPositioning-CgjgAKjp.mjs";
+import { f as r, n as i, b as l, a as s, c as a, d as c } from "./ToolbarKeyboardNav-DhpL8zNV.mjs";
+import { s as d, a as p } from "./StyleRuntime-CP4NCwKT.mjs";
+import "./ToolbarItem-BpZggUGo.mjs";
 const u = new t("popup");
 class h {
   stack = [];
@@ -12,19 +13,19 @@ class h {
   open(t2) {
     const e2 = document.createElement("div");
     e2.className = t2.className ? `notectl-popup ${t2.className}` : "notectl-popup", t2.ariaRole && e2.setAttribute("role", t2.ariaRole), t2.ariaLabel && e2.setAttribute("aria-label", t2.ariaLabel);
-    const r2 = { close: () => this.closeEntry(c2), getElement: () => e2 };
-    t2.content(e2, () => this.closeEntry(c2));
+    const r2 = { close: (t3) => this.closeEntry(c2, t3), getElement: () => e2 };
+    t2.content(e2, (t3) => this.closeEntry(c2, t3));
     const i2 = t2.referenceNode ?? this.referenceNode;
     o(e2, i2);
-    const s2 = t2.anchor instanceof HTMLElement ? t2.anchor.getBoundingClientRect() : t2.anchor;
-    n(e2, s2, { position: t2.position ?? "below-start" });
-    const l2 = t2.parent ? this.findEntryByHandle(t2.parent) : null, a2 = (o2) => {
+    const l2 = t2.anchor instanceof HTMLElement ? t2.anchor.getBoundingClientRect() : t2.anchor;
+    n(e2, l2, { position: t2.position ?? "below-start" });
+    const s2 = t2.parent ? this.findEntryByHandle(t2.parent) : null, a2 = (o2) => {
       const n2 = o2.composedPath();
       if (!n2.includes(e2)) {
         for (const t3 of this.stack) if (n2.includes(t3.element)) return;
         t2.anchor instanceof HTMLElement && n2.includes(t2.anchor) || this.closeEntry(c2);
       }
-    }, c2 = { element: e2, config: t2, clickOutsideHandler: a2, parent: l2 };
+    }, c2 = { element: e2, config: t2, clickOutsideHandler: a2, parent: s2 };
     return this.stack.push(c2), setTimeout(() => {
       document.addEventListener("mousedown", a2);
     }, 0), this.focusFirstItem(e2), r2;
@@ -45,14 +46,14 @@ class h {
   destroy() {
     this.closeAll();
   }
-  closeEntry(t2) {
-    const e2 = this.stack.indexOf(t2);
-    if (-1 !== e2) {
-      for (; this.stack.length > e2 + 1; ) {
+  closeEntry(t2, e2) {
+    const o2 = this.stack.indexOf(t2);
+    if (-1 !== o2) {
+      for (; this.stack.length > o2 + 1; ) {
         const t3 = this.stack[this.stack.length - 1];
         t3 && this.removeEntry(t3);
       }
-      this.removeEntry(t2), t2.config.restoreFocusTo && t2.config.restoreFocusTo.focus(), t2.config.onClose?.();
+      this.removeEntry(t2), void 0 !== e2 && "restoreFocusTo" in e2 ? e2.restoreFocusTo?.focus() : t2.config.restoreFocusTo && t2.config.restoreFocusTo.focus(), t2.config.onClose?.();
     }
   }
   removeEntry(t2) {
@@ -70,7 +71,7 @@ class h {
     });
   }
 }
-const m = { formattingOptionsAria: "Formatting options", moreToolsAria: "More tools" }, b = { en: m, de: { formattingOptionsAria: "Formatierungsoptionen", moreToolsAria: "Weitere Werkzeuge" }, es: { formattingOptionsAria: "Opciones de formato", moreToolsAria: "Más herramientas" }, fr: { formattingOptionsAria: "Options de mise en forme", moreToolsAria: "Plus d'outils" }, zh: { formattingOptionsAria: "格式选项", moreToolsAria: "更多工具" }, ru: { formattingOptionsAria: "Параметры форматирования", moreToolsAria: "Другие инструменты" }, ar: { formattingOptionsAria: "خيارات التنسيق", moreToolsAria: "أدوات إضافية" }, hi: { formattingOptionsAria: "फ़ॉर्मेटिंग विकल्प", moreToolsAria: "और उपकरण" } }, f = { BurgerMenu: "burger-menu", Flow: "flow", None: "none" }, v = "notectl-toolbar-btn--overflow-hidden", g = "notectl-toolbar-separator--overflow-hidden";
+const b = { formattingOptionsAria: "Formatting options", moreToolsAria: "More tools" }, m = { en: b, de: { formattingOptionsAria: "Formatierungsoptionen", moreToolsAria: "Weitere Werkzeuge" }, es: { formattingOptionsAria: "Opciones de formato", moreToolsAria: "Más herramientas" }, fr: { formattingOptionsAria: "Options de mise en forme", moreToolsAria: "Plus d'outils" }, zh: { formattingOptionsAria: "格式选项", moreToolsAria: "更多工具" }, ru: { formattingOptionsAria: "Параметры форматирования", moreToolsAria: "Другие инструменты" }, ar: { formattingOptionsAria: "خيارات التنسيق", moreToolsAria: "أدوات إضافية" }, hi: { formattingOptionsAria: "फ़ॉर्मेटिंग विकल्प", moreToolsAria: "और उपकरण" } }, f = { BurgerMenu: "burger-menu", Flow: "flow", None: "none" }, v = "notectl-toolbar-btn--overflow-hidden", g = "notectl-toolbar-separator--overflow-hidden";
 class w {
   toolbar;
   context;
@@ -97,7 +98,7 @@ class w {
     this.closeDropdown(), this.resetVisibility(), this.ensureOverflowButton(), this.setOverflowButtonVisible(false);
     const t2 = this.measureAvailableWidth(), e2 = Array.from(this.toolbar.children), o2 = this.measureChildWidths(e2), n2 = t2 - 34 - 2;
     let r2 = 0, i2 = false;
-    const s2 = [];
+    const l2 = [];
     for (const t3 of e2) {
       if (t3 === this.overflowButton) continue;
       if (t3.classList.contains("notectl-toolbar-separator")) {
@@ -112,13 +113,13 @@ class w {
       const e3 = this.entries.find((e4) => e4.element === t3);
       if (!e3) continue;
       if (i2) {
-        e3.element.classList.add(v), s2.push(e3);
+        e3.element.classList.add(v), l2.push(e3);
         continue;
       }
-      const l2 = (o2.get(t3) ?? 0) + 2;
-      r2 + l2 > n2 ? (i2 = true, e3.element.classList.add(v), s2.push(e3)) : r2 += l2;
+      const s2 = (o2.get(t3) ?? 0) + 2;
+      r2 + s2 > n2 ? (i2 = true, e3.element.classList.add(v), l2.push(e3)) : r2 += s2;
     }
-    this.overflowEntries = s2, this.hideTrailingSeparators(), this.setOverflowButtonVisible(s2.length > 0), this.notifyChange();
+    this.overflowEntries = l2, this.hideTrailingSeparators(), this.setOverflowButtonVisible(l2.length > 0), this.notifyChange();
   }
   updateItemStates(t2) {
     if (!this.overflowDropdown) return;
@@ -187,8 +188,8 @@ class w {
       r2.type = "button", r2.className = "notectl-dropdown__item", r2.setAttribute("role", "menuitem"), r2.setAttribute("tabindex", "-1"), r2.setAttribute("data-toolbar-item", n2.item.id);
       const i2 = document.createElement("span");
       i2.className = "notectl-dropdown__item-icon", "combobox" !== n2.item.popupType && (i2.innerHTML = n2.item.icon), r2.appendChild(i2);
-      const s2 = document.createElement("span");
-      s2.className = "notectl-dropdown__item-label", s2.textContent = "combobox" === n2.item.popupType ? n2.item.getLabel(e2) : n2.item.tooltip ?? n2.item.label, r2.appendChild(s2), r2.addEventListener("mousedown", (t3) => {
+      const l2 = document.createElement("span");
+      l2.className = "notectl-dropdown__item-label", l2.textContent = "combobox" === n2.item.popupType ? n2.item.getLabel(e2) : n2.item.tooltip ?? n2.item.label, r2.appendChild(l2), r2.addEventListener("mousedown", (t3) => {
         t3.preventDefault(), t3.stopPropagation(), this.activateOverflowItem(n2);
       }), t2.appendChild(r2);
     }
@@ -270,7 +271,7 @@ function y() {
   const t2 = document.createElement("span");
   return t2.className = "notectl-toolbar-separator", t2.setAttribute("role", "separator"), t2;
 }
-class A {
+class E {
   activePopup = null;
   activePopupButton = null;
   activeHandle = null;
@@ -286,7 +287,7 @@ class A {
     return null !== this.activePopup;
   }
   toggle(t2, e2, o2) {
-    this.activePopup ? this.close() : this.popupManager ? this.openViaManager(t2, e2, o2) : this.openLegacy(t2, e2, o2);
+    this.activePopup ? this.close() : this.openViaManager(t2, e2, o2);
   }
   close() {
     if (this.activeHandle) {
@@ -309,21 +310,6 @@ class A {
       this.activePopup = t3, this.renderPopupContent(t3, e2, o2, n2), t3.addEventListener("keydown", (t4) => this.handlePopupKeydown(t4));
     } }));
   }
-  openLegacy(t2, e2, o2) {
-    const n2 = document.createElement("div");
-    n2.className = "notectl-toolbar-popup", this.renderPopupContent(n2, e2, o2, () => this.close()), this.positionAndAppend(n2, t2), this.activePopup = n2, this.activePopupButton = t2, t2.classList.add("notectl-toolbar-btn--popup-open"), t2.setAttribute("aria-expanded", "true"), this.focusFirstItem(n2), n2.addEventListener("keydown", (t3) => this.handlePopupKeydown(t3));
-    const r2 = (e3) => {
-      const o3 = e3.composedPath();
-      o3.includes(n2) || o3.includes(t2) || this.close();
-    };
-    setTimeout(() => {
-      document.addEventListener("mousedown", r2);
-    }, 0), n2.dataset.legacyClose = "true";
-    const i2 = this.close.bind(this);
-    this.close = () => {
-      document.removeEventListener("mousedown", r2), this.close = i2, i2();
-    };
-  }
   renderPopupContent(t2, e2, o2, n2) {
     switch (e2.popupType) {
       case "gridPicker":
@@ -334,14 +320,14 @@ class A {
           const r2 = document.createElement("div");
           r2.className = "notectl-grid-picker__label", r2.textContent = "1 x 1", d(r2, { textAlign: "center", padding: "4px", fontSize: "12px" }), r2.setAttribute("aria-live", "polite");
           for (let t4 = 1; t4 <= e3.maxRows; t4++) for (let i2 = 1; i2 <= e3.maxCols; i2++) {
-            const s2 = document.createElement("div");
-            s2.className = "notectl-grid-picker__cell", s2.setAttribute("role", "gridcell"), s2.setAttribute("tabindex", "-1"), s2.setAttribute("aria-label", `${t4} x ${i2}`), d(s2, { width: "20px", height: "20px", border: "1px solid #ccc", cursor: "pointer" }), s2.setAttribute("data-row", String(t4)), s2.setAttribute("data-col", String(i2)), s2.addEventListener("mouseenter", () => {
+            const l2 = document.createElement("div");
+            l2.className = "notectl-grid-picker__cell", l2.setAttribute("role", "gridcell"), l2.setAttribute("tabindex", "-1"), l2.setAttribute("aria-label", `${t4} x ${i2}`), d(l2, { width: "20px", height: "20px", border: "1px solid #ccc", cursor: "pointer" }), l2.setAttribute("data-row", String(t4)), l2.setAttribute("data-col", String(i2)), l2.addEventListener("mouseenter", () => {
               x(n3, t4, i2), r2.textContent = `${t4} x ${i2}`;
-            }), s2.addEventListener("mousedown", (n4) => {
+            }), l2.addEventListener("mousedown", (n4) => {
               n4.preventDefault(), n4.stopPropagation(), e3.onSelect(t4, i2), o3();
-            }), s2.addEventListener("click", () => {
+            }), l2.addEventListener("click", () => {
               e3.onSelect(t4, i2), o3();
-            }), n3.appendChild(s2);
+            }), n3.appendChild(l2);
           }
           t3.appendChild(n3), t3.appendChild(r2);
         })(t2, e2.popupConfig, n2);
@@ -372,18 +358,6 @@ class A {
   clearButtonState() {
     this.activePopupButton && (this.activePopupButton.classList.remove("notectl-toolbar-btn--popup-open"), this.activePopupButton.setAttribute("aria-expanded", "false"), this.activePopupButton = null);
   }
-  positionAndAppend(t2, e2) {
-    const o2 = e2.getBoundingClientRect();
-    d(t2, { position: "fixed", top: `${o2.bottom + 2}px`, left: `${o2.left}px`, zIndex: "10000" });
-    const n2 = e2.getRootNode();
-    n2 instanceof ShadowRoot ? n2.appendChild(t2) : document.body.appendChild(t2);
-  }
-  focusFirstItem(t2) {
-    requestAnimationFrame(() => {
-      const e2 = t2.querySelector('[role="menuitem"]') ?? t2.querySelector(".notectl-grid-picker__cell") ?? t2.querySelector("button");
-      e2?.focus();
-    });
-  }
   handlePopupKeydown(t2) {
     if (!this.activePopup) return;
     if ("Escape" === t2.key) return t2.preventDefault(), t2.stopPropagation(), void this.closeAndRestoreFocus();
@@ -418,13 +392,13 @@ class A {
   handleGridKeydown(t2) {
     const e2 = this.getActiveElement(), o2 = Number(e2?.getAttribute("data-row") ?? 1), n2 = Number(e2?.getAttribute("data-col") ?? 1), r2 = this.activePopup?.querySelector(".notectl-grid-picker__grid") ?? null;
     if (!r2) return;
-    const s2 = r2.querySelector(".notectl-grid-picker__cell:last-child"), l2 = Number(s2?.getAttribute("data-col") ?? 1), a2 = Number(s2?.getAttribute("data-row") ?? 1);
+    const l2 = r2.querySelector(".notectl-grid-picker__cell:last-child"), s2 = Number(l2?.getAttribute("data-col") ?? 1), a2 = Number(l2?.getAttribute("data-row") ?? 1);
     if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(t2.key)) {
       t2.preventDefault();
-      const [e3, s3] = i(o2, n2, a2, l2, t2.key), c2 = r2.querySelector(`.notectl-grid-picker__cell[data-row="${e3}"][data-col="${s3}"]`);
-      c2?.focus(), x(r2, e3, s3);
+      const [e3, l3] = i(o2, n2, a2, s2, t2.key), c2 = r2.querySelector(`.notectl-grid-picker__cell[data-row="${e3}"][data-col="${l3}"]`);
+      c2?.focus(), x(r2, e3, l3);
       const d2 = this.activePopup?.querySelector(".notectl-grid-picker__label") ?? null;
-      d2 && (d2.textContent = `${e3} x ${s3}`);
+      d2 && (d2.textContent = `${e3} x ${l3}`);
     }
     "Enter" !== t2.key && " " !== t2.key || (t2.preventDefault(), e2?.click());
   }
@@ -452,14 +426,14 @@ class A {
     }
   }
 }
-class E {
+class A {
   element;
   timer = null;
   target = null;
   isPopupActive;
   static TOOLTIP_ID = "notectl-toolbar-tooltip";
   constructor(t2) {
-    this.isPopupActive = t2, this.element = document.createElement("div"), this.element.className = "notectl-toolbar-tooltip", this.element.id = E.TOOLTIP_ID, this.element.setAttribute("role", "tooltip"), p(this.element, "display", "none");
+    this.isPopupActive = t2, this.element = document.createElement("div"), this.element.className = "notectl-toolbar-tooltip", this.element.id = A.TOOLTIP_ID, this.element.setAttribute("role", "tooltip"), p(this.element, "display", "none");
   }
   show(t2) {
     if (this.hide(), this.isPopupActive() || t2.disabled) return;
@@ -468,7 +442,7 @@ class E {
       if (this.isPopupActive()) return;
       this.element.textContent = e2, p(this.element, "display", "");
       const o2 = t2.getRootNode();
-      o2 instanceof ShadowRoot && !this.element.parentNode ? o2.appendChild(this.element) : o2 instanceof ShadowRoot || this.element.parentNode || document.body.appendChild(this.element), t2.setAttribute("aria-describedby", E.TOOLTIP_ID);
+      o2 instanceof ShadowRoot && !this.element.parentNode ? o2.appendChild(this.element) : o2 instanceof ShadowRoot || this.element.parentNode || document.body.appendChild(this.element), t2.setAttribute("aria-describedby", A.TOOLTIP_ID);
       const n2 = t2.getBoundingClientRect();
       d(this.element, { position: "fixed", top: `${n2.bottom + 6}px`, left: `${n2.left + n2.width / 2}px`, transform: "translateX(-50%)" });
     }, 500));
@@ -502,7 +476,7 @@ class C {
     this.layoutConfig = t2 ?? null, this.overflowBehavior = t2?.overflow ?? f.BurgerMenu;
   }
   init(t2) {
-    this.locale = e(b, t2), t2.registerStyleSheet(`
+    this.locale = e(m, t2), t2.registerStyleSheet(`
 /* Toolbar */
 .notectl-plugin-container--top {
 	display: flex;
@@ -546,9 +520,11 @@ class C {
 	transition: background 0.1s, border-color 0.1s;
 }
 
-.notectl-toolbar-btn:hover {
-	background: var(--notectl-hover-bg);
-	border-color: var(--notectl-border);
+@media (hover: hover) {
+	.notectl-toolbar-btn:hover {
+		background: var(--notectl-hover-bg);
+		border-color: var(--notectl-border);
+	}
 }
 
 .notectl-toolbar-btn--active {
@@ -567,9 +543,11 @@ class C {
 	cursor: not-allowed;
 }
 
-.notectl-toolbar-btn:disabled:hover {
-	background: transparent;
-	border-color: transparent;
+@media (hover: hover) {
+	.notectl-toolbar-btn:disabled:hover {
+		background: transparent;
+		border-color: transparent;
+	}
 }
 
 .notectl-toolbar-btn__icon {
@@ -654,12 +632,14 @@ class C {
 	white-space: nowrap;
 }
 
-.notectl-dropdown__item:hover,
-.notectl-dropdown__item:focus-visible {
-	background: var(--notectl-hover-bg);
+@media (hover: hover) {
+	.notectl-dropdown__item:hover {
+		background: var(--notectl-hover-bg);
+	}
 }
 
 .notectl-dropdown__item:focus-visible {
+	background: var(--notectl-hover-bg);
 	outline: none;
 }
 
@@ -715,9 +695,11 @@ class C {
 	transition: background 0.1s, border-color 0.1s;
 }
 
-.notectl-toolbar-overflow-btn:hover {
-	background: var(--notectl-hover-bg);
-	border-color: var(--notectl-border);
+@media (hover: hover) {
+	.notectl-toolbar-overflow-btn:hover {
+		background: var(--notectl-hover-bg);
+		border-color: var(--notectl-border);
+	}
 }
 
 .notectl-toolbar-overflow-btn--hidden {
@@ -735,8 +717,10 @@ class C {
 	cursor: not-allowed;
 }
 
-.notectl-dropdown__item:disabled:hover {
-	background: none;
+@media (hover: hover) {
+	.notectl-dropdown__item:disabled:hover {
+		background: none;
+	}
 }
 
 .notectl-dropdown__item--active {
@@ -766,9 +750,11 @@ class C {
 	background: var(--notectl-bg);
 }
 
-.notectl-toolbar-btn[role="combobox"]:hover {
-	background: var(--notectl-hover-bg);
-	border-color: var(--notectl-fg-muted);
+@media (hover: hover) {
+	.notectl-toolbar-btn[role="combobox"]:hover {
+		background: var(--notectl-hover-bg);
+		border-color: var(--notectl-fg-muted);
+	}
 }
 
 .notectl-toolbar-btn[role="combobox"].notectl-toolbar-btn--active {
@@ -832,15 +818,17 @@ class C {
 	margin-top: 4px;
 }
 
-.notectl-link-popup__button:hover {
-	background: var(--notectl-hover-bg);
+@media (hover: hover) {
+	.notectl-link-popup__button:hover {
+		background: var(--notectl-hover-bg);
+	}
 }
 
 .notectl-link-popup__button:focus-visible {
 	outline: 2px solid var(--notectl-focus-ring);
 	outline-offset: -1px;
 }
-`), this.context = t2, this.popupManager = new h(t2.getContainer()), t2.registerService(u, this.popupManager), this.popupController = new A(() => this.getActiveElement()), this.popupController.setPopupManager(this.popupManager), this.tooltip = new E(() => this.popupController?.isOpen() ?? false), t2.registerService(k, { refresh: () => this.updateButtonStates(t2.getState()), closePopup: () => this.popupController?.close() }), this.createToolbarElement();
+`), this.context = t2, this.popupManager = new h(t2.getContainer()), t2.registerService(u, this.popupManager), this.popupController = new E(() => this.getActiveElement()), this.popupController.setPopupManager(this.popupManager), this.tooltip = new A(() => this.popupController?.isOpen() ?? false), t2.registerService(k, { refresh: () => this.updateButtonStates(t2.getState()), closePopup: () => this.popupController?.close() }), this.createToolbarElement();
   }
   getOverflowBehavior() {
     return this.overflowBehavior;
@@ -889,12 +877,12 @@ class C {
     return this.visibleElements.length > 0 ? this.visibleElements : this.buttons.map((t2) => t2.element);
   }
   initRovingTabindex() {
-    const t2 = this.getTabElements(), e2 = s(t2);
-    this.focusedIndex = e2 >= 0 ? e2 : 0, l(t2, this.focusedIndex);
+    const t2 = this.getTabElements(), e2 = l(t2);
+    this.focusedIndex = e2 >= 0 ? e2 : 0, s(t2, this.focusedIndex);
   }
   setRovingFocus(t2) {
     const e2 = this.getTabElements();
-    t2 < 0 || t2 >= e2.length || (this.focusedIndex = t2, l(e2, t2), e2[t2]?.focus());
+    t2 < 0 || t2 >= e2.length || (this.focusedIndex = t2, s(e2, t2), e2[t2]?.focus());
   }
   getActiveElement() {
     const t2 = this.toolbarElement?.getRootNode();
@@ -921,7 +909,7 @@ class C {
       }
       case "Home": {
         t2.preventDefault();
-        const o2 = s(e2);
+        const o2 = l(e2);
         o2 >= 0 && this.setRovingFocus(o2);
         break;
       }
@@ -1022,10 +1010,10 @@ class C {
 export {
   h as P,
   C as T,
-  k as a,
-  u as b,
+  u as a,
+  m as b,
   b as c,
-  m as d,
-  f as e
+  f as d,
+  k as e
 };
-//# sourceMappingURL=ToolbarPlugin-DpLVJ71w.mjs.map
+//# sourceMappingURL=index-BcDRT4K2.mjs.map