@notectl/core 1.0.3 → 1.0.5

package/dist/plugins/code-block/CodeBlockPlugin.d.ts

@@ -0,0 +1,135 @@
+import { DecorationSet } from '../../decorations/Decoration.js';
+import { BlockId } from '../../model/TypeBrands.js';
+import { EditorState } from '../../state/EditorState.js';
+import { Transaction } from '../../state/Transaction.js';
+import { Plugin, PluginContext, ServiceKey } from '../Plugin.js';
+declare module '../../model/AttrRegistry.js' {
+    interface NodeAttrRegistry {
+        code_block: {
+            language: string;
+            backgroundColor: string;
+        };
+    }
+}
+export interface SyntaxToken {
+    readonly from: number;
+    readonly to: number;
+    readonly type: string;
+}
+export interface SyntaxHighlighter {
+    tokenize(code: string, language: string): readonly SyntaxToken[];
+    getSupportedLanguages(): readonly string[];
+}
+/**
+ * Configurable keyboard bindings for CodeBlockPlugin actions.
+ * Omit a slot to use the default; set to `null` to disable the binding.
+ *
+ * Key descriptor format: `'Mod-Enter'`, `'Mod-Shift-M'`, etc.
+ * `Mod` resolves to Cmd on macOS, Ctrl on Windows/Linux.
+ */
+export interface CodeBlockKeymap {
+    /**
+     * Insert a new paragraph below the code block and move the cursor there.
+     * @default 'Mod-Enter'
+     */
+    readonly insertAfter?: string | null;
+    /**
+     * Toggle the current block between code block and paragraph.
+     * @default 'Mod-Shift-M'
+     */
+    readonly toggle?: string | null;
+}
+export interface CodeBlockConfig {
+    readonly highlighter?: SyntaxHighlighter;
+    readonly defaultLanguage?: string;
+    readonly useSpaces?: boolean;
+    readonly spaceCount?: number;
+    readonly showCopyButton?: boolean;
+    readonly separatorAfter?: boolean;
+    /** Default body background color (overrides --notectl-code-block-bg). */
+    readonly background?: string;
+    /** Default header background color (overrides --notectl-code-block-header-bg). */
+    readonly headerBackground?: string;
+    /** Default text color (overrides --notectl-code-block-color). */
+    readonly textColor?: string;
+    /** Default header/label text color (overrides --notectl-code-block-header-color). */
+    readonly headerColor?: string;
+    /** Customize keyboard bindings for code block actions. */
+    readonly keymap?: CodeBlockKeymap;
+}
+export interface CodeBlockService {
+    setLanguage(blockId: BlockId, language: string): void;
+    getLanguage(blockId: BlockId): string;
+    setBackground(blockId: BlockId, color: string): void;
+    getBackground(blockId: BlockId): string;
+    isCodeBlock(blockId: BlockId): boolean;
+    getSupportedLanguages(): readonly string[];
+}
+export declare const CODE_BLOCK_SERVICE_KEY: ServiceKey<CodeBlockService>;
+export declare class CodeBlockPlugin implements Plugin {
+    readonly id = "code-block";
+    readonly name = "Code Block";
+    readonly priority = 36;
+    private readonly config;
+    private readonly resolvedKeymap;
+    private context;
+    constructor(config?: Partial<CodeBlockConfig>);
+    init(context: PluginContext): void;
+    destroy(): void;
+    onStateChange(oldState: EditorState, newState: EditorState, _tr: Transaction): void;
+    decorations(state: EditorState): DecorationSet;
+    private registerNodeSpec;
+    private registerNodeView;
+    private registerCommands;
+    private registerKeymaps;
+    private registerInputRule;
+    private registerToolbarItem;
+    private registerMiddleware;
+    private registerService;
+    private patchTableCellContent;
+    /**
+     * Handles Backspace at the start of a code block.
+     * Converts the code block back to a paragraph, preserving text.
+     */
+    private handleBackspace;
+    private handleEnter;
+    private handleTab;
+    private handleShiftTab;
+    private handleEscape;
+    /**
+     * Handles ArrowDown at the last line of a code block.
+     * Exits to the next block or creates a paragraph below.
+     */
+    private handleArrowDown;
+    /**
+     * Handles ArrowUp at the first line of a code block.
+     * Exits to the previous block.
+     */
+    private handleArrowUp;
+    /**
+     * Handles ArrowRight at the end of a code block.
+     * Exits to the next block or creates a paragraph below.
+     */
+    private handleArrowRight;
+    /**
+     * Handles ArrowLeft at the start of a code block.
+     * Exits to the previous block at end.
+     */
+    private handleArrowLeft;
+    /**
+     * Handles Mod+Enter: always creates a paragraph below and moves cursor there.
+     */
+    private handleModEnter;
+    private setBlockFocused;
+    private toggleCodeBlock;
+    private insertCodeBlock;
+    private exitOnDoubleEnter;
+    private insertParagraphAfter;
+    private setAttr;
+    /**
+     * Strips all marks from a block's inline content.
+     * Used when converting to code_block so no formatting carries over.
+     */
+    private stripAllMarks;
+}
+//# sourceMappingURL=CodeBlockPlugin.d.ts.map

package/dist/plugins/code-block/CodeBlockPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/code-block/CodeBlockPlugin.ts"],"names":[],"mappings":"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"}

package/dist/plugins/code-block/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeBlockPlugin, CODE_BLOCK_SERVICE_KEY, type CodeBlockConfig, type CodeBlockKeymap, type CodeBlockService, type SyntaxHighlighter, type SyntaxToken, } from './CodeBlockPlugin.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/code-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/code-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,eAAe,EACf,sBAAsB,EACtB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,WAAW,GAChB,MAAM,sBAAsB,CAAC"}

package/dist/plugins/code-block.mjs

@@ -0,0 +1,6 @@
+import { C, a } from "../chunks/index-CPPb-Jah.mjs";
+export {
+  C as CODE_BLOCK_SERVICE_KEY,
+  a as CodeBlockPlugin
+};
+//# sourceMappingURL=code-block.mjs.map

package/dist/plugins/code-block.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/plugins/font/FontPlugin.d.ts

@@ -0,0 +1,85 @@
+import { EditorState } from '../../state/EditorState.js';
+import { Transaction } from '../../state/Transaction.js';
+import { Plugin, PluginContext } from '../Plugin.js';
+declare module '../../model/AttrRegistry.js' {
+    interface MarkAttrRegistry {
+        font: {
+            family: string;
+        };
+    }
+}
+/** Describes a single @font-face source. */
+export interface FontFaceDescriptor {
+    /** CSS `src` value, e.g. `"url('/fonts/My.woff2') format('woff2')"`. */
+    readonly src: string;
+    /** Font weight, e.g. `'400'` or `'300 700'` for variable fonts. */
+    readonly weight?: string;
+    /** Font style, e.g. `'normal'` or `'italic'`. */
+    readonly style?: string;
+    /** Font display strategy. Defaults to `'swap'`. */
+    readonly display?: string;
+}
+/** Defines a font available in the editor. */
+export interface FontDefinition {
+    /** Display name shown in the toolbar dropdown. */
+    readonly name: string;
+    /** CSS `font-family` value, e.g. `"'Fira Code', monospace"`. */
+    readonly family: string;
+    /** Font category for grouping in the UI. */
+    readonly category?: 'serif' | 'sans-serif' | 'monospace' | 'display' | 'handwriting';
+    /**
+     * Optional `@font-face` descriptors. When provided, the plugin
+     * auto-injects the corresponding CSS rules into the document.
+     */
+    readonly fontFaces?: readonly FontFaceDescriptor[];
+}
+export interface FontConfig {
+    /**
+     * Fonts available in the editor. System fonts require no `fontFaces`.
+     * Custom fonts with `fontFaces` get their `@font-face` rules auto-injected.
+     *
+     * Use `STARTER_FONTS` for a pre-configured set of fonts:
+     * ```ts
+     * new FontPlugin({ fonts: [...STARTER_FONTS] })
+     * ```
+     */
+    readonly fonts: readonly FontDefinition[];
+    /**
+     * Name of the font that acts as the editor's default.
+     * Selecting this font removes the mark (since the editor already uses it).
+     * Defaults to the first font in the list.
+     */
+    readonly defaultFont?: string;
+    /** When true, a separator is rendered after the font toolbar item. */
+    readonly separatorAfter?: boolean;
+}
+export declare class FontPlugin implements Plugin {
+    readonly id = "font";
+    readonly name = "Font";
+    readonly priority = 22;
+    private readonly config;
+    private injectedStyleElement;
+    private context;
+    private comboLabel;
+    constructor(config: FontConfig);
+    init(context: PluginContext): void;
+    destroy(): void;
+    onStateChange(_oldState: EditorState, newState: EditorState, _tr: Transaction): void;
+    private registerMarkSpec;
+    private registerCommands;
+    private get defaultFont();
+    private registerToolbarItem;
+    private updateComboLabel;
+    private resolveFontName;
+    private isFontActive;
+    getActiveFont(state: EditorState): string | null;
+    applyFont(context: PluginContext, state: EditorState, family: string): boolean;
+    private removeFont;
+    /** Finds the first font mark in a block's text range (for proper step inversion). */
+    private findFontMarkInRange;
+    private injectFontFaces;
+    private dismissPopup;
+    private renderFontPopup;
+    private createFontItem;
+}
+//# sourceMappingURL=FontPlugin.d.ts.map

package/dist/plugins/font/FontPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/font/FontPlugin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK1D,OAAO,QAAQ,6BAA6B,CAAC;IAC5C,UAAU,gBAAgB;QACzB,IAAI,EAAE;YAAE,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;KACzB;CACD;AAID,4CAA4C;AAC5C,MAAM,WAAW,kBAAkB;IAClC,wEAAwE;IACxE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,iDAAiD;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,8CAA8C;AAC9C,MAAM,WAAW,cAAc;IAC9B,kDAAkD;IAClD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC;IACrF;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAC;CACnD;AAID,MAAM,WAAW,UAAU;IAC1B;;;;;;;;OAQG;IACH,QAAQ,CAAC,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IAC1C;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,sEAAsE;IACtE,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CAClC;AAID,qBAAa,UAAW,YAAW,MAAM;IACxC,QAAQ,CAAC,EAAE,UAAU;IACrB,QAAQ,CAAC,IAAI,UAAU;IACvB,QAAQ,CAAC,QAAQ,MAAM;IAEvB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAa;IACpC,OAAO,CAAC,oBAAoB,CAAiC;IAC7D,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,UAAU,CAAgC;gBAEtC,MAAM,EAAE,UAAU;IAI9B,IAAI,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IASlC,OAAO,IAAI,IAAI;IAOf,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAG,IAAI;IAMpF,OAAO,CAAC,gBAAgB;IAoCxB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,KAAK,WAAW,GAUtB;IAED,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,YAAY;IAIpB,aAAa,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,GAAG,IAAI;IAyBhD,SAAS,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO;IAyC9E,OAAO,CAAC,UAAU;IAuClB,qFAAqF;IACrF,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,eAAe;IAgCvB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,eAAe;IA0CvB,OAAO,CAAC,cAAc;CAgCtB"}

package/dist/plugins/font/StarterFonts.d.ts

@@ -0,0 +1,10 @@
+import { FontDefinition } from './FontPlugin.js';
+export declare const FIRA_CODE_WOFF2_DATA: string;
+export declare const FIRA_SANS_WOFF2_DATA: string;
+/** Fira Code — a monospace font with programming ligatures. */
+export declare const FIRA_CODE: FontDefinition;
+/** Fira Sans — a humanist sans-serif typeface. */
+export declare const FIRA_SANS: FontDefinition;
+/** All starter fonts bundled with notectl. */
+export declare const STARTER_FONTS: readonly FontDefinition[];
+//# sourceMappingURL=StarterFonts.d.ts.map

package/dist/plugins/font/StarterFonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarterFonts.d.ts","sourceRoot":"","sources":["../../../src/plugins/font/StarterFonts.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,eAAO,MAAM,oBAAoB,EAAE,MAC+6sI,CAAC;AAEn9sI,eAAO,MAAM,oBAAoB,EAAE,MACuogL,CAAC;AAE3qgL,+DAA+D;AAC/D,eAAO,MAAM,SAAS,EAAE,cAWvB,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,SAAS,EAAE,cAWvB,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,aAAa,EAAE,SAAS,cAAc,EAA2B,CAAC"}

package/dist/plugins/font/index.d.ts

@@ -0,0 +1,2 @@
+export { FontPlugin, type FontConfig, type FontDefinition, type FontFaceDescriptor, } from './FontPlugin.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/font/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/font/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,EACV,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,kBAAkB,GACvB,MAAM,iBAAiB,CAAC"}

package/dist/plugins/font-size/FontSizePlugin.d.ts

@@ -0,0 +1,65 @@
+import { EditorState } from '../../state/EditorState.js';
+import { Transaction } from '../../state/Transaction.js';
+import { Plugin, PluginContext } from '../Plugin.js';
+declare module '../../model/AttrRegistry.js' {
+    interface MarkAttrRegistry {
+        fontSize: {
+            size: string;
+        };
+    }
+}
+/** Default preset sizes shown in the font size dropdown. */
+export declare const DEFAULT_FONT_SIZES: readonly number[];
+export interface FontSizeConfig {
+    /**
+     * Preset sizes shown in the font size dropdown.
+     * Must contain positive integers. Values are sorted and deduplicated automatically.
+     * Defaults to {@link DEFAULT_FONT_SIZES} when omitted or empty.
+     */
+    readonly sizes?: readonly number[];
+    /**
+     * The base font size that text has when no fontSize mark is applied.
+     * Shown as the initial value in the toolbar combo and used as the
+     * "neutral" size — selecting it removes the mark instead of applying one.
+     * Defaults to 16.
+     */
+    readonly defaultSize?: number;
+    /** When true, a separator is rendered after the fontSize toolbar item. */
+    readonly separatorAfter?: boolean;
+}
+export declare class FontSizePlugin implements Plugin {
+    readonly id = "fontSize";
+    readonly name = "Font Size";
+    readonly priority = 21;
+    private readonly config;
+    private readonly sizes;
+    private readonly defaultSize;
+    private context;
+    private comboLabel;
+    constructor(config?: Partial<FontSizeConfig>);
+    init(context: PluginContext): void;
+    destroy(): void;
+    onStateChange(_oldState: EditorState, newState: EditorState, _tr: Transaction): void;
+    private registerMarkSpec;
+    private registerCommands;
+    private registerKeymaps;
+    private registerToolbarItem;
+    /**
+     * Sets the configured default font size on the editor content container
+     * so that unformatted text renders at the correct size instead of the
+     * browser default (16px).
+     */
+    private applyDefaultSizeToContainer;
+    private updateComboLabel;
+    private isFontSizeActive;
+    private getActiveSize;
+    private getActiveSizeNumeric;
+    private applyFontSize;
+    private removeFontSize;
+    private stepFontSize;
+    private getNextPresetSize;
+    private dismissPopup;
+    private renderFontSizePopup;
+    private selectSize;
+}
+//# sourceMappingURL=FontSizePlugin.d.ts.map

package/dist/plugins/font-size/FontSizePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontSizePlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/font-size/FontSizePlugin.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAQH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK1D,OAAO,QAAQ,6BAA6B,CAAC;IAC5C,UAAU,gBAAgB;QACzB,QAAQ,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;KAC3B;CACD;AAID,4DAA4D;AAC5D,eAAO,MAAM,kBAAkB,EAAE,SAAS,MAAM,EAE/C,CAAC;AAQF,MAAM,WAAW,cAAc;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC;;;;;OAKG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,0EAA0E;IAC1E,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;CAClC;AAMD,qBAAa,cAAe,YAAW,MAAM;IAC5C,QAAQ,CAAC,EAAE,cAAc;IACzB,QAAQ,CAAC,IAAI,eAAe;IAC5B,QAAQ,CAAC,QAAQ,MAAM;IAEvB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAiB;IACxC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAoB;IAC1C,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IACrC,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,UAAU,CAAgC;gBAEtC,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IAM5C,IAAI,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAUlC,OAAO,IAAI,IAAI;IAKf,aAAa,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAG,IAAI;IAMpF,OAAO,CAAC,gBAAgB;IAoCxB,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,eAAe;IAevB,OAAO,CAAC,mBAAmB;IAoB3B;;;;OAIG;IACH,OAAO,CAAC,2BAA2B;IAKnC,OAAO,CAAC,gBAAgB;IAcxB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,aAAa;IAuBrB,OAAO,CAAC,oBAAoB;IAS5B,OAAO,CAAC,aAAa;IAmCrB,OAAO,CAAC,cAAc;IAmCtB,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,mBAAmB;IAkJ3B,OAAO,CAAC,UAAU;CAOlB"}

package/dist/plugins/font-size/index.d.ts

@@ -0,0 +1,2 @@
+export { FontSizePlugin, type FontSizeConfig, } from './FontSizePlugin.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/plugins/font-size/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/font-size/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,KAAK,cAAc,GACnB,MAAM,qBAAqB,CAAC"}

package/dist/plugins/font-size.mjs

@@ -0,0 +1,220 @@
+import { t } from "../chunks/Commands-DLP85Mp5.mjs";
+import { b as e } from "../chunks/AttrRegistry-DTsHyDVA.mjs";
+import { e as n, h as o } from "../chunks/Document-CI3iCwEP.mjs";
+import { i, a as s, s as r } from "../chunks/Selection-D5ZjXoB7.mjs";
+import { m as c } from "../chunks/TypeBrands-C09nE2qO.mjs";
+import { a } from "../chunks/ToolbarPlugin-D5VqeBPT.mjs";
+const l = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 48, 64, 72, 96], p = {};
+class u {
+  id = "fontSize";
+  name = "Font Size";
+  priority = 21;
+  config;
+  sizes;
+  defaultSize;
+  context = null;
+  comboLabel = null;
+  constructor(t2) {
+    var e2;
+    this.config = { ...p, ...t2 }, this.sizes = (function(t3) {
+      if (!t3 || 0 === t3.length) return l;
+      const e3 = [...new Set(t3)].filter((t4) => Number.isInteger(t4) && t4 > 0);
+      return e3.sort((t4, e4) => t4 - e4), e3.length > 0 ? e3 : l;
+    })(t2?.sizes), this.defaultSize = (e2 = t2?.defaultSize, void 0 === e2 ? 16 : Number.isInteger(e2) && e2 > 0 ? e2 : 16);
+  }
+  init(t2) {
+    t2.registerStyleSheet("\n/* Font Size Select — Combobox-style toolbar button */\n.notectl-toolbar-btn--fontSize {\n	width: auto;\n	min-width: 60px;\n	max-width: 80px;\n	padding: 0 8px;\n	gap: 4px;\n	border: 1px solid var(--notectl-border);\n	border-radius: 4px;\n	background: var(--notectl-bg);\n}\n\n.notectl-toolbar-btn--fontSize:hover {\n	background: var(--notectl-hover-bg);\n	border-color: var(--notectl-fg-muted);\n}\n\n.notectl-toolbar-btn--fontSize.notectl-toolbar-btn--active {\n	background: var(--notectl-bg);\n	border-color: var(--notectl-primary-muted);\n}\n\n.notectl-toolbar-btn--fontSize .notectl-toolbar-btn__icon {\n	display: flex;\n	align-items: center;\n	gap: 4px;\n	width: 100%;\n	overflow: hidden;\n}\n\n.notectl-toolbar-btn--fontSize .notectl-toolbar-btn__icon svg {\n	display: none;\n}\n\n.notectl-font-size-select__label {\n	flex: 1;\n	font-size: 13px;\n	font-weight: 500;\n	color: var(--notectl-fg);\n	white-space: nowrap;\n	overflow: hidden;\n	text-overflow: ellipsis;\n	text-align: left;\n	line-height: 30px;\n}\n\n.notectl-font-size-select__arrow {\n	flex-shrink: 0;\n	font-size: 11px;\n	color: var(--notectl-fg-muted);\n	line-height: 30px;\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.notectl-font-size-picker__item:hover {\n	background: var(--notectl-hover-bg);\n}\n\n.notectl-font-size-picker__item--active {\n	background: var(--notectl-active-bg);\n	color: var(--notectl-primary-fg);\n}\n\n.notectl-font-size-picker__item--active:hover {\n	background: var(--notectl-active-bg);\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.context = t2, this.registerMarkSpec(t2), this.registerCommands(t2), this.registerKeymaps(t2), this.registerToolbarItem(t2), this.applyDefaultSizeToContainer(t2);
+  }
+  destroy() {
+    this.context = null, this.comboLabel = null;
+  }
+  onStateChange(t2, e2, n2) {
+    this.updateComboLabel(e2);
+  }
+  registerMarkSpec(t2) {
+    t2.registerMarkSpec({ type: "fontSize", rank: 4, attrs: { size: { default: "" } }, toDOM(t3) {
+      const e2 = document.createElement("span"), n2 = t3.attrs?.size ?? "";
+      return n2 && (e2.style.fontSize = n2), e2;
+    }, toHTMLString: (t3, e2) => {
+      const n2 = String(t3.attrs?.size ?? "");
+      return n2 ? `<span style="font-size: ${n2}">${e2}</span>` : e2;
+    }, parseHTML: [{ tag: "span", getAttrs: (t3) => {
+      const e2 = t3.style.fontSize;
+      return !!e2 && { size: e2 };
+    } }], sanitize: { tags: ["span"] } });
+  }
+  registerCommands(t2) {
+    t2.registerCommand("removeFontSize", () => {
+      const e2 = t2.getState();
+      return this.removeFontSize(t2, e2);
+    }), t2.registerCommand("setFontSize", () => false), t2.registerCommand("increaseFontSize", () => {
+      const e2 = t2.getState();
+      return this.stepFontSize(t2, e2, "up");
+    }), t2.registerCommand("decreaseFontSize", () => {
+      const e2 = t2.getState();
+      return this.stepFontSize(t2, e2, "down");
+    });
+  }
+  registerKeymaps(t2) {
+    t2.registerKeymap({ "Mod-Shift-+": () => {
+      const e2 = t2.getState();
+      return this.stepFontSize(t2, e2, "up");
+    }, "Mod-Shift-_": () => {
+      const e2 = t2.getState();
+      return this.stepFontSize(t2, e2, "down");
+    } });
+  }
+  registerToolbarItem(t2) {
+    const e2 = `<span class="notectl-font-size-select__label" data-font-size-label>${this.defaultSize}</span><span class="notectl-font-size-select__arrow">▾</span>`;
+    t2.registerToolbarItem({ id: "fontSize", group: "format", icon: e2, label: "Font Size", tooltip: "Font Size", command: "removeFontSize", priority: 6, popupType: "custom", separatorAfter: this.config.separatorAfter, renderPopup: (t3, e3) => {
+      this.renderFontSizePopup(t3, e3);
+    }, isActive: (t3) => this.isFontSizeActive(t3) });
+  }
+  applyDefaultSizeToContainer(t2) {
+    t2.getContainer().style.fontSize = `${this.defaultSize}px`;
+  }
+  updateComboLabel(t2) {
+    if (!this.comboLabel) {
+      const t3 = this.context?.getPluginContainer("top");
+      if (!t3) return;
+      if (this.comboLabel = t3.querySelector("[data-font-size-label]") ?? null, !this.comboLabel) return;
+    }
+    const e2 = this.getActiveSizeNumeric(t2);
+    this.comboLabel.textContent = String(e2);
+  }
+  isFontSizeActive(t2) {
+    return null !== this.getActiveSize(t2);
+  }
+  getActiveSize(t2) {
+    const o2 = t2.selection;
+    if (i(o2)) return null;
+    if (s(o2)) {
+      if (t2.storedMarks) {
+        const n2 = t2.storedMarks.find((t3) => "fontSize" === t3.type);
+        return n2 && e(n2, "fontSize") ? n2.attrs.size ?? null : null;
+      }
+      const i2 = t2.getBlock(o2.anchor.blockId);
+      if (!i2) return null;
+      const s2 = n(i2, o2.anchor.offset).find((t3) => "fontSize" === t3.type);
+      return s2 && e(s2, "fontSize") ? s2.attrs.size ?? null : null;
+    }
+    const r2 = t2.getBlock(o2.anchor.blockId);
+    if (!r2) return null;
+    const c2 = n(r2, o2.anchor.offset).find((t3) => "fontSize" === t3.type);
+    return c2 && e(c2, "fontSize") ? c2.attrs.size ?? null : null;
+  }
+  getActiveSizeNumeric(t2) {
+    const e2 = this.getActiveSize(t2);
+    if (!e2) return this.defaultSize;
+    const n2 = Number.parseInt(e2, 10);
+    return Number.isNaN(n2) ? this.defaultSize : n2;
+  }
+  applyFontSize(e2, o2, a2) {
+    const l2 = o2.selection;
+    if (i(l2)) return false;
+    if (s(l2)) {
+      const t2 = o2.getBlock(l2.anchor.blockId);
+      if (!t2) return false;
+      const i2 = [...(o2.storedMarks ?? n(t2, l2.anchor.offset)).filter((t3) => "fontSize" !== t3.type), { type: c("fontSize"), attrs: { size: a2 } }], s2 = o2.transaction("command").setStoredMarks(i2, o2.storedMarks).setSelection(l2).build();
+      return e2.dispatch(s2), true;
+    }
+    const p2 = r(l2, o2.getBlockOrder()), u2 = o2.transaction("command"), f = { type: c("fontSize"), attrs: { size: a2 } };
+    return t(o2, p2, (t2, e3, n2) => {
+      u2.removeMark(t2, e3, n2, { type: c("fontSize") }), u2.addMark(t2, e3, n2, f);
+    }), u2.setSelection(l2), e2.dispatch(u2.build()), true;
+  }
+  removeFontSize(e2, a2) {
+    const l2 = a2.selection;
+    if (i(l2)) return false;
+    if (s(l2)) {
+      const t2 = a2.getBlock(l2.anchor.blockId);
+      if (!t2) return false;
+      const i2 = a2.storedMarks ?? n(t2, l2.anchor.offset);
+      if (!o(i2, c("fontSize"))) return false;
+      const s2 = i2.filter((t3) => "fontSize" !== t3.type), r2 = a2.transaction("command").setStoredMarks(s2, a2.storedMarks).setSelection(l2).build();
+      return e2.dispatch(r2), true;
+    }
+    const p2 = r(l2, a2.getBlockOrder()), u2 = a2.transaction("command");
+    return t(a2, p2, (t2, e3, n2) => {
+      u2.removeMark(t2, e3, n2, { type: c("fontSize") });
+    }), u2.setSelection(l2), e2.dispatch(u2.build()), true;
+  }
+  stepFontSize(t2, e2, n2) {
+    const o2 = this.getActiveSizeNumeric(e2), i2 = this.getNextPresetSize(o2, n2);
+    return null !== i2 && (i2 === this.defaultSize ? this.removeFontSize(t2, e2) : this.applyFontSize(t2, e2, `${i2}px`));
+  }
+  getNextPresetSize(t2, e2) {
+    if ("up" === e2) {
+      for (const e3 of this.sizes) if (e3 > t2) return e3;
+      return null;
+    }
+    for (let e3 = this.sizes.length - 1; e3 >= 0; e3--) {
+      const n2 = this.sizes[e3];
+      if (void 0 !== n2 && n2 < t2) return n2;
+    }
+    return null;
+  }
+  dismissPopup() {
+    const t2 = this.context?.getService(a);
+    t2?.closePopup();
+  }
+  renderFontSizePopup(t2, e2) {
+    t2.classList.add("notectl-font-size-picker");
+    const n2 = e2.getState(), o2 = this.getActiveSizeNumeric(n2);
+    let i2 = -1;
+    const s2 = document.createElement("div");
+    s2.className = "notectl-font-size-picker__input-wrapper";
+    const r2 = document.createElement("input");
+    r2.type = "number", r2.className = "notectl-font-size-picker__input", r2.min = String(1), r2.max = String(400), r2.value = String(o2), r2.setAttribute("aria-label", "Custom font size"), s2.appendChild(r2), t2.appendChild(s2);
+    const c2 = document.createElement("div");
+    c2.className = "notectl-font-size-picker__list", c2.setAttribute("role", "listbox"), c2.setAttribute("aria-label", "Font sizes");
+    const a2 = [];
+    for (let t3 = 0; t3 < this.sizes.length; t3++) {
+      const n3 = this.sizes[t3];
+      if (void 0 === n3) continue;
+      const i3 = n3 === o2, s3 = `notectl-font-size-option-${n3}`, r3 = document.createElement("button");
+      r3.type = "button", r3.id = s3, r3.className = "notectl-font-size-picker__item", r3.setAttribute("role", "option"), r3.setAttribute("aria-selected", String(i3)), i3 && r3.classList.add("notectl-font-size-picker__item--active");
+      const l3 = document.createElement("span");
+      l3.className = "notectl-font-size-picker__check", l3.textContent = i3 ? "✓" : "", r3.appendChild(l3);
+      const p3 = document.createElement("span");
+      p3.className = "notectl-font-size-picker__label", p3.textContent = String(n3), r3.appendChild(p3), r3.addEventListener("mousedown", (t4) => {
+        t4.preventDefault(), t4.stopPropagation(), this.selectSize(e2, n3), this.dismissPopup();
+      }), a2.push(r3), c2.appendChild(r3);
+    }
+    t2.appendChild(c2);
+    const l2 = this.sizes.indexOf(o2);
+    if (l2 >= 0) {
+      const t3 = a2[l2];
+      t3 && (requestAnimationFrame(() => {
+        t3.scrollIntoView({ block: "nearest" });
+      }), c2.setAttribute("aria-activedescendant", t3.id));
+    }
+    const p2 = (t3) => {
+      i2 >= 0 && i2 < a2.length && a2[i2]?.classList.remove("notectl-font-size-picker__item--focused"), i2 = t3;
+      const e3 = a2[i2];
+      i2 >= 0 && i2 < a2.length && e3 && (e3.classList.add("notectl-font-size-picker__item--focused"), e3.scrollIntoView({ block: "nearest" }), c2.setAttribute("aria-activedescendant", e3.id));
+    };
+    r2.addEventListener("keydown", (t3) => {
+      if ("Enter" === t3.key) {
+        t3.preventDefault();
+        const n3 = Number.parseInt(r2.value, 10);
+        !Number.isNaN(n3) && n3 >= 1 && n3 <= 400 && (this.selectSize(e2, n3), this.dismissPopup());
+      } else "ArrowDown" === t3.key ? (t3.preventDefault(), p2(0), a2[0]?.focus()) : "Escape" === t3.key && (t3.preventDefault(), this.dismissPopup());
+    }), c2.addEventListener("keydown", (t3) => {
+      if ("ArrowDown" === t3.key) t3.preventDefault(), i2 < a2.length - 1 && (p2(i2 + 1), a2[i2]?.focus());
+      else if ("ArrowUp" === t3.key) t3.preventDefault(), i2 > 0 ? (p2(i2 - 1), a2[i2]?.focus()) : (p2(-1), r2.focus());
+      else if ("Enter" === t3.key) {
+        t3.preventDefault();
+        const n3 = this.sizes[i2];
+        i2 >= 0 && i2 < this.sizes.length && void 0 !== n3 && (this.selectSize(e2, n3), this.dismissPopup());
+      } else "Escape" === t3.key && (t3.preventDefault(), this.dismissPopup());
+    });
+  }
+  selectSize(t2, e2) {
+    e2 === this.defaultSize ? t2.executeCommand("removeFontSize") : this.applyFontSize(t2, t2.getState(), `${e2}px`);
+  }
+}
+export {
+  u as FontSizePlugin
+};
+//# sourceMappingURL=font-size.mjs.map