@notectl/core 1.0.4 → 1.0.5

package/dist/plugins/horizontal-rule.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-rule.mjs","sources":["../../src/plugins/horizontal-rule/HorizontalRulePlugin.ts"],"sourcesContent":["/**\n * HorizontalRulePlugin: registers a horizontal rule (divider) void block type\n * with NodeSpec, insert command, input rule, keyboard shortcut, and toolbar button.\n */\n\nimport { createBlockNode } from '../../model/Document.js';\nimport { createBlockElement } from '../../model/NodeSpec.js';\nimport { createCollapsedSelection, isCollapsed, isNodeSelection } from '../../model/Selection.js';\nimport { nodeType } from '../../model/TypeBrands.js';\nimport type { EditorState } from '../../state/EditorState.js';\nimport type { Plugin, PluginContext } from '../Plugin.js';\nimport { formatShortcut } from '../toolbar/ToolbarItem.js';\n\n// --- Attribute Registry Augmentation ---\n\ndeclare module '../../model/AttrRegistry.js' {\n\tinterface NodeAttrRegistry {\n\t\thorizontal_rule: Record<string, never>;\n\t}\n}\n\n// --- Configuration ---\n\nexport interface HorizontalRuleConfig {\n\t/** When true, a separator is rendered after the toolbar item. */\n\treadonly separatorAfter?: boolean;\n}\n\nconst DEFAULT_CONFIG: HorizontalRuleConfig = {};\n\n// --- Helpers ---\n\n/** Finds the index of the cursor's block among top-level document children. */\nfunction findBlockIndexForCursor(state: EditorState): number {\n\tconst sel = state.selection;\n\tif (isNodeSelection(sel)) return -1;\n\treturn state.doc.children.findIndex((b) => b.id === sel.anchor.blockId);\n}\n\n// --- Plugin ---\n\nexport class HorizontalRulePlugin implements Plugin {\n\treadonly id = 'horizontal-rule';\n\treadonly name = 'Horizontal Rule';\n\treadonly priority = 40;\n\n\tprivate readonly config: HorizontalRuleConfig;\n\n\tconstructor(config?: Partial<HorizontalRuleConfig>) {\n\t\tthis.config = { ...DEFAULT_CONFIG, ...config };\n\t}\n\n\tinit(context: PluginContext): void {\n\t\tthis.registerNodeSpec(context);\n\t\tthis.registerCommands(context);\n\t\tthis.registerKeymap(context);\n\t\tthis.registerInputRule(context);\n\t\tthis.registerToolbarItem(context);\n\t}\n\n\tprivate registerNodeSpec(context: PluginContext): void {\n\t\tcontext.registerNodeSpec({\n\t\t\ttype: 'horizontal_rule',\n\t\t\tgroup: 'block',\n\t\t\tisVoid: true,\n\t\t\ttoDOM(node) {\n\t\t\t\treturn createBlockElement('hr', node.id);\n\t\t\t},\n\t\t\ttoHTML() {\n\t\t\t\treturn '<hr>';\n\t\t\t},\n\t\t\tparseHTML: [{ tag: 'hr' }],\n\t\t\tsanitize: { tags: ['hr'] },\n\t\t});\n\t}\n\n\tprivate registerCommands(context: PluginContext): void {\n\t\tcontext.registerCommand('insertHorizontalRule', () => {\n\t\t\treturn this.insertHorizontalRule(context);\n\t\t});\n\t}\n\n\tprivate registerKeymap(context: PluginContext): void {\n\t\tcontext.registerKeymap({\n\t\t\t'Mod-Shift-H': () => context.executeCommand('insertHorizontalRule'),\n\t\t});\n\t}\n\n\tprivate registerInputRule(context: PluginContext): void {\n\t\tcontext.registerInputRule({\n\t\t\tpattern: /^-{3,} $/,\n\t\t\thandler(state, _match, _start, end) {\n\t\t\t\tconst sel = state.selection;\n\t\t\t\tif (isNodeSelection(sel)) return null;\n\t\t\t\tif (!isCollapsed(sel)) return null;\n\n\t\t\t\tconst block = state.getBlock(sel.anchor.blockId);\n\t\t\t\tif (!block || block.type !== 'paragraph') return null;\n\n\t\t\t\tconst blockIndex: number = findBlockIndexForCursor(state);\n\t\t\t\tif (blockIndex === -1) return null;\n\n\t\t\t\tconst newParagraph = createBlockNode(nodeType('paragraph'));\n\n\t\t\t\treturn state\n\t\t\t\t\t.transaction('input')\n\t\t\t\t\t.deleteTextAt(sel.anchor.blockId, 0, end)\n\t\t\t\t\t.setBlockType(sel.anchor.blockId, nodeType('horizontal_rule'))\n\t\t\t\t\t.insertNode([], blockIndex + 1, newParagraph)\n\t\t\t\t\t.setSelection(createCollapsedSelection(newParagraph.id, 0))\n\t\t\t\t\t.build();\n\t\t\t},\n\t\t});\n\t}\n\n\tprivate registerToolbarItem(context: PluginContext): void {\n\t\tconst icon =\n\t\t\t'<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M4 11h16v2H4z\"/></svg>';\n\n\t\tcontext.registerToolbarItem({\n\t\t\tid: 'horizontal-rule',\n\t\t\tgroup: 'block',\n\t\t\ticon,\n\t\t\tlabel: 'Horizontal Rule',\n\t\t\ttooltip: `Horizontal Rule (${formatShortcut('Mod-Shift-H')})`,\n\t\t\tcommand: 'insertHorizontalRule',\n\t\t\tpriority: 60,\n\t\t\tseparatorAfter: this.config.separatorAfter,\n\t\t\tisActive: () => false,\n\t\t});\n\t}\n\n\t/**\n\t * Inserts a horizontal rule after the current block,\n\t * followed by a new paragraph for continued editing.\n\t */\n\tprivate insertHorizontalRule(context: PluginContext): boolean {\n\t\tconst state: EditorState = context.getState();\n\t\tif (isNodeSelection(state.selection)) return false;\n\t\tconst blockIndex: number = findBlockIndexForCursor(state);\n\t\tif (blockIndex === -1) return false;\n\n\t\tconst hrBlock = createBlockNode(nodeType('horizontal_rule'));\n\t\tconst newParagraph = createBlockNode(nodeType('paragraph'));\n\n\t\tconst tr = state\n\t\t\t.transaction('command')\n\t\t\t.insertNode([], blockIndex + 1, hrBlock)\n\t\t\t.insertNode([], blockIndex + 2, newParagraph)\n\t\t\t.setSelection(createCollapsedSelection(newParagraph.id, 0))\n\t\t\t.build();\n\n\t\tcontext.dispatch(tr);\n\t\treturn true;\n\t}\n}\n"],"names":["DEFAULT_CONFIG","findBlockIndexForCursor","state","sel","selection","isNodeSelection","doc","children","findIndex","b","id","anchor","blockId","HorizontalRulePlugin","name","priority","config","this","context","registerNodeSpec","registerCommands","registerKeymap","registerInputRule","registerToolbarItem","type","group","isVoid","toDOM","node","createBlockElement","toHTML","parseHTML","tag","sanitize","tags","registerCommand","insertHorizontalRule","executeCommand","pattern","_match","_start","end","isCollapsed","block","getBlock","blockIndex","newParagraph","createBlockNode","nodeType","transaction","deleteTextAt","setBlockType","insertNode","setSelection","createCollapsedSelection","build","icon","label","tooltip","formatShortcut","command","separatorAfter","isActive","getState","hrBlock","tr","dispatch"],"mappings":"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"}

package/dist/plugins/image/ImageCommands.d.ts

@@ -0,0 +1,26 @@
+import { PluginContext } from '../Plugin.js';
+import { ImageAttrs } from './ImageUpload.js';
+/**
+ * Inserts an image block. When the cursor is inside a table cell,
+ * the image is inserted as a child of the cell. Otherwise it is
+ * inserted after the current block at document root.
+ */
+export declare function insertImage(context: PluginContext, attrs: Partial<ImageAttrs> & {
+    readonly src: string;
+}): boolean;
+/** Removes the currently selected image block (works for nested images too). */
+export declare function removeImage(context: PluginContext): boolean;
+/** Updates attributes on the currently selected image block. */
+export declare function setImageAttr(context: PluginContext, attrs: Partial<ImageAttrs>): boolean;
+/** Minimum image width in pixels (shared with NodeView). */
+export declare const MIN_IMAGE_WIDTH = 50;
+/**
+ * Resizes the currently selected image by a pixel delta, preserving aspect ratio.
+ * Returns false if no image is selected or the image has no width/height attributes.
+ */
+export declare function resizeImageByDelta(context: PluginContext, delta: number, maxWidth: number): boolean;
+/** Resets the currently selected image to its natural size by removing width/height. */
+export declare function resetImageSize(context: PluginContext): boolean;
+/** Registers all image commands on the plugin context. */
+export declare function registerImageCommands(context: PluginContext): void;
+//# sourceMappingURL=ImageCommands.d.ts.map

package/dist/plugins/image/ImageCommands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCommands.d.ts","sourceRoot":"","sources":["../../../src/plugins/image/ImageCommands.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAYH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;;GAIG;AACH,wBAAgB,WAAW,CAC1B,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG;IAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GACnD,OAAO,CAqBT;AA6ED,gFAAgF;AAChF,wBAAgB,WAAW,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CA6C3D;AAqBD,gEAAgE;AAChE,wBAAgB,YAAY,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,OAAO,CAgBxF;AAED,4DAA4D;AAC5D,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC;;;GAGG;AACH,wBAAgB,kBAAkB,CACjC,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,GACd,OAAO,CAmBT;AAED,wFAAwF;AACxF,wBAAgB,cAAc,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAmB9D;AAED,0DAA0D;AAC1D,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI,CAQlE"}

package/dist/plugins/image/ImageNodeView.d.ts

@@ -0,0 +1,6 @@
+import { BlockId } from '../../model/TypeBrands.js';
+import { NodeViewFactory } from '../../view/NodeView.js';
+import { ImageKeymap, ImagePluginConfig, UploadState } from './ImageUpload.js';
+/** Creates a NodeViewFactory for image blocks. */
+export declare function createImageNodeViewFactory(config: ImagePluginConfig, uploadStates: Map<BlockId, UploadState>, resolvedKeymap?: Readonly<Record<keyof ImageKeymap, string | null>>): NodeViewFactory;
+//# sourceMappingURL=ImageNodeView.d.ts.map

package/dist/plugins/image/ImageNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageNodeView.d.ts","sourceRoot":"","sources":["../../../src/plugins/image/ImageNodeView.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,KAAK,EAAY,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AA8DpF,kDAAkD;AAClD,wBAAgB,0BAA0B,CACzC,MAAM,EAAE,iBAAiB,EACzB,YAAY,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,EACvC,cAAc,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,GACjE,eAAe,CAiTjB"}

package/dist/plugins/image/ImagePlugin.d.ts

@@ -0,0 +1,43 @@
+import { EditorState } from '../../state/EditorState.js';
+import { Transaction } from '../../state/Transaction.js';
+import { Plugin, PluginContext } from '../Plugin.js';
+import { ImagePluginConfig } from './ImageUpload.js';
+declare module '../../model/AttrRegistry.js' {
+    interface NodeAttrRegistry {
+        image: {
+            src: string;
+            alt: string;
+            width?: number;
+            height?: number;
+            align: 'left' | 'center' | 'right';
+        };
+    }
+}
+export declare class ImagePlugin implements Plugin {
+    readonly id = "image";
+    readonly name = "Image";
+    readonly priority = 45;
+    private readonly config;
+    private readonly resolvedKeymap;
+    private readonly uploadStates;
+    private readonly blobUrls;
+    private context;
+    constructor(config?: Partial<ImagePluginConfig>);
+    init(context: PluginContext): void;
+    destroy(): void;
+    onStateChange(oldState: EditorState, newState: EditorState, _tr: Transaction): void;
+    private registerNodeSpec;
+    private registerNodeView;
+    private registerResizeCommands;
+    private registerResizeKeymaps;
+    private registerFileHandler;
+    private handleFileInsert;
+    private uploadFile;
+    private registerToolbarItem;
+    private renderImagePopup;
+    private isAcceptedType;
+    private isImageSelected;
+    private announceImageSelection;
+    private announceCurrentSize;
+}
+//# sourceMappingURL=ImagePlugin.d.ts.map

package/dist/plugins/image/ImagePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/image/ImagePlugin.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;AAS1D,OAAO,EAKN,KAAK,iBAAiB,EAEtB,MAAM,kBAAkB,CAAC;AAI1B,OAAO,QAAQ,6BAA6B,CAAC;IAC5C,UAAU,gBAAgB;QACzB,KAAK,EAAE;YACN,GAAG,EAAE,MAAM,CAAC;YACZ,GAAG,EAAE,MAAM,CAAC;YACZ,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;SACnC,CAAC;KACF;CACD;AAID,qBAAa,WAAY,YAAW,MAAM;IACzC,QAAQ,CAAC,EAAE,WAAW;IACtB,QAAQ,CAAC,IAAI,WAAW;IACxB,QAAQ,CAAC,QAAQ,MAAM;IAEvB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAoB;IAC3C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAqD;IACpF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAmC;IAChE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAqB;IAC9C,OAAO,CAAC,OAAO,CAA8B;gBAEjC,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC;IAK/C,IAAI,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;IAYlC,OAAO,IAAI,IAAI;IASf,aAAa,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,WAAW,GAAG,IAAI;IAmBnF,OAAO,CAAC,gBAAgB;IA4GxB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,sBAAsB;IAoC9B,OAAO,CAAC,qBAAqB;IAsB7B,OAAO,CAAC,mBAAmB;IAa3B,OAAO,CAAC,gBAAgB;YA8BV,UAAU;IAwCxB,OAAO,CAAC,mBAAmB;IAoB3B,OAAO,CAAC,gBAAgB;IA0GxB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,sBAAsB;IA2B9B,OAAO,CAAC,mBAAmB;CAc3B"}

package/dist/plugins/image/ImageUpload.d.ts

@@ -0,0 +1,48 @@
+import { ServiceKey } from '../Plugin.js';
+export interface ImageAttrs {
+    readonly src: string;
+    readonly alt: string;
+    readonly width?: number;
+    readonly height?: number;
+    readonly align: 'left' | 'center' | 'right';
+}
+export interface ImageUploadResult {
+    readonly url: string;
+    readonly width?: number;
+    readonly height?: number;
+}
+export interface ImageUploadService {
+    upload(file: File): Promise<ImageUploadResult>;
+}
+export declare const IMAGE_UPLOAD_SERVICE: ServiceKey<ImageUploadService>;
+export type UploadState = 'idle' | 'uploading' | 'complete' | 'error';
+/**
+ * Configurable keyboard bindings for image resize actions.
+ * Omit a slot to use the default; set to `null` to disable the binding.
+ *
+ * Key descriptor format: `'Mod-Shift-ArrowRight'`, etc.
+ * `Mod` resolves to Cmd on macOS, Ctrl on Windows/Linux.
+ */
+export interface ImageKeymap {
+    readonly growWidth?: string | null;
+    readonly shrinkWidth?: string | null;
+    readonly growWidthLarge?: string | null;
+    readonly shrinkWidthLarge?: string | null;
+    readonly resetSize?: string | null;
+}
+export declare const DEFAULT_IMAGE_KEYMAP: Readonly<Record<keyof ImageKeymap, string>>;
+export interface ImagePluginConfig {
+    readonly maxWidth: number;
+    readonly maxFileSize: number;
+    readonly acceptedTypes: readonly string[];
+    readonly resizable: boolean;
+    readonly separatorAfter?: boolean;
+    /** Pixels to grow/shrink per small resize step. @default 10 */
+    readonly resizeStep?: number;
+    /** Pixels to grow/shrink per large resize step. @default 50 */
+    readonly resizeStepLarge?: number;
+    /** Customize keyboard bindings for image resize actions. */
+    readonly keymap?: ImageKeymap;
+}
+export declare const DEFAULT_IMAGE_CONFIG: ImagePluginConfig;
+//# sourceMappingURL=ImageUpload.d.ts.map

package/dist/plugins/image/ImageUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/plugins/image/ImageUpload.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,MAAM,WAAW,UAAU;IAC1B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC5C;AAID,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,kBAAkB;IAClC,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,oBAAoB,gCAAqD,CAAC;AAEvF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAItE;;;;;;GAMG;AACH,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,MAAM,CAAC,CAM5E,CAAC;AAIF,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,aAAa,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1C,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,+DAA+D;IAC/D,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,+DAA+D;IAC/D,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,4DAA4D;IAC5D,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC;CAC9B;AAED,eAAO,MAAM,oBAAoB,EAAE,iBAOlC,CAAC"}

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

@@ -0,0 +1,3 @@
+export { ImagePlugin } from './ImagePlugin.js';
+export { DEFAULT_IMAGE_KEYMAP, IMAGE_UPLOAD_SERVICE, type ImageAttrs, type ImageKeymap, type ImagePluginConfig, type ImageUploadResult, type ImageUploadService, } from './ImageUpload.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EACN,oBAAoB,EACpB,oBAAoB,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,GACvB,MAAM,kBAAkB,CAAC"}

package/dist/plugins/image.mjs

@@ -0,0 +1,381 @@
+import { e as t } from "../chunks/HTMLUtils-0wvCRvJc.mjs";
+import { c as e } from "../chunks/NodeSpec-NZVvcCuH.mjs";
+import { i as n, c as i, b as r } from "../chunks/Selection-D5ZjXoB7.mjs";
+import { f as o } from "../chunks/ToolbarItem-ugDymuXi.mjs";
+import { a, c as s, u as c } from "../chunks/Document-CI3iCwEP.mjs";
+import { n as l } from "../chunks/TypeBrands-C09nE2qO.mjs";
+import { S as d } from "../chunks/Plugin-B9OZ6Y4c.mjs";
+function g(t2, e2) {
+  const i2 = t2.getState(), o2 = i2.selection, d2 = { src: e2.src, alt: e2.alt ?? "", align: e2.align ?? "center", ...void 0 !== e2.width ? { width: e2.width } : {}, ...void 0 !== e2.height ? { height: e2.height } : {} }, g2 = n(o2) ? o2.nodeId : o2.anchor.blockId, m2 = (function(t3, e3) {
+    const n2 = t3.getBlock(e3);
+    if ("table_cell" === n2?.type) return e3;
+    const i3 = t3.getNodePath(e3);
+    if (i3) for (const e4 of i3) {
+      const n3 = t3.getBlock(e4);
+      if ("table_cell" === n3?.type) return e4;
+    }
+  })(i2, g2);
+  return m2 ? (function(t3, e3, n2, i3) {
+    const o3 = t3.getNodePath(n2);
+    if (!o3) return false;
+    const d3 = s(l("image"), [], void 0, i3), g3 = t3.getBlock(n2);
+    if (!g3) return false;
+    const m3 = t3.transaction("command"), u2 = c(g3);
+    for (let t4 = u2.length - 1; t4 >= 0; t4--) {
+      const e4 = g3.children.findIndex((e5) => a(e5) && e5.id === u2[t4]?.id);
+      -1 !== e4 && m3.removeNode(o3, e4);
+    }
+    return m3.insertNode(o3, 0, d3), m3.setSelection(r(d3.id, [...o3, d3.id])), e3.dispatch(m3.build()), true;
+  })(i2, t2, m2, d2) : (function(t3, e3, n2, i3) {
+    const o3 = t3.doc.children.findIndex((t4) => t4.id === n2);
+    if (-1 === o3) return false;
+    const a2 = s(l("image"), [], void 0, i3), c2 = s(l("paragraph")), d3 = t3.transaction("command").insertNode([], o3 + 1, a2).insertNode([], o3 + 2, c2).setSelection(r(a2.id, [])).build();
+    return e3.dispatch(d3), true;
+  })(i2, t2, g2, d2);
+}
+function m(t2, e2, i2) {
+  const r2 = t2.getState(), o2 = r2.selection;
+  if (!n(o2)) return false;
+  const a2 = r2.getBlock(o2.nodeId);
+  if (!a2 || "image" !== a2.type) return false;
+  const s2 = a2.attrs?.width, c2 = a2.attrs?.height;
+  if (void 0 === s2 || void 0 === c2) return false;
+  const l2 = c2 > 0 ? s2 / c2 : 1, d2 = Math.max(50, Math.min(i2, s2 + e2)), g2 = Math.round(d2 / l2);
+  return (d2 !== s2 || g2 !== c2) && (function(t3, e3) {
+    const i3 = t3.getState(), r3 = i3.selection;
+    if (!n(r3)) return false;
+    const o3 = i3.getBlock(r3.nodeId);
+    if (!o3 || "image" !== o3.type) return false;
+    const a3 = i3.getNodePath(r3.nodeId);
+    if (!a3) return false;
+    const s3 = { ...o3.attrs ?? {}, ...e3 }, c3 = i3.transaction("command").setNodeAttr(a3, s3).build();
+    return t3.dispatch(c3), true;
+  })(t2, { width: d2, height: g2 });
+}
+const u = { left: "notectl-image--left", center: "notectl-image--center", right: "notectl-image--right" }, h = { nw: "nwse-resize", ne: "nesw-resize", sw: "nesw-resize", se: "nwse-resize" }, p = { nw: -1, ne: 1, sw: -1, se: 1 }, f = { nw: "Resize top-left", ne: "Resize top-right", sw: "Resize bottom-left", se: "Resize bottom-right" };
+let b = null;
+function v() {
+  b && (b.remove(), b = null);
+}
+function x(t2, e2, n2) {
+  return (i2, r2, a2) => {
+    const s2 = document.createElement("figure");
+    s2.className = "notectl-image", s2.setAttribute("data-block-id", i2.id), s2.setAttribute("data-void", "true"), s2.setAttribute("data-selectable", "true");
+    const c2 = document.createElement("div");
+    c2.className = "notectl-image__container";
+    const l2 = document.createElement("img");
+    l2.className = "notectl-image__img", l2.draggable = false;
+    const d2 = document.createElement("div");
+    d2.className = "notectl-image__overlay", c2.appendChild(l2), c2.appendChild(d2), s2.appendChild(c2);
+    let g2 = i2.id, m2 = null;
+    function x2(t3) {
+      const n3 = t3.attrs?.src ?? "", i3 = t3.attrs?.alt ?? "", r3 = t3.attrs?.width, o2 = t3.attrs?.height, a3 = t3.attrs?.align ?? "center";
+      l2.src !== n3 && (l2.src = n3), l2.alt = i3, l2.style.width = void 0 !== r3 ? `${r3}px` : "", l2.style.height = void 0 !== o2 ? `${o2}px` : "";
+      for (const t4 of Object.values(u)) s2.classList.remove(t4);
+      const c3 = u[a3];
+      c3 && s2.classList.add(c3);
+      const g3 = e2.get(t3.id) ?? "idle", m3 = "uploading" === g3;
+      d2.classList.toggle("notectl-image__overlay--uploading", m3), d2.classList.toggle("notectl-image__overlay--error", "error" === g3), d2.textContent = m3 ? "Uploading..." : "error" === g3 ? "Upload failed" : "", m3 ? s2.setAttribute("aria-busy", "true") : s2.removeAttribute("aria-busy"), (function(t4) {
+        const e3 = t4.attrs?.alt ?? "", n4 = t4.attrs?.width, i4 = t4.attrs?.height, r4 = [];
+        e3 ? r4.push(e3) : r4.push("Image"), void 0 !== n4 && void 0 !== i4 && r4.push(`${n4} by ${i4} pixels`), s2.setAttribute("aria-label", r4.join(", "));
+      })(t3);
+    }
+    x2(i2);
+    let y2 = false;
+    function w2(e3, n3, i3, o2) {
+      let c3 = 0, d3 = 0, g3 = 1;
+      const m3 = (e4) => {
+        const i4 = e4.clientX - c3, r3 = (a3 = d3 + i4 * p[n3], Math.max(50, Math.min(t2.maxWidth, a3)));
+        var a3;
+        const s3 = Math.round(r3 / g3);
+        l2.style.width = `${r3}px`, l2.style.height = `${s3}px`, o2.textContent = `${Math.round(r3)} × ${s3}`;
+      }, u2 = (t3) => {
+        document.removeEventListener("pointermove", m3), document.removeEventListener("pointerup", u2), s2.classList.remove("notectl-image--resizing"), o2.classList.remove("notectl-image__size-indicator--visible"), v();
+        const e4 = Math.round(l2.getBoundingClientRect().width), n4 = Math.round(e4 / g3);
+        !(function(t4, e5, n5) {
+          const i4 = r2(), o3 = i4.getBlock(t4);
+          if (!o3) return;
+          const s3 = o3.attrs?.width, c4 = o3.attrs?.height;
+          if (s3 === e5 && c4 === n5) return;
+          const l3 = i4.getNodePath(t4);
+          if (!l3) return;
+          const d4 = { ...o3.attrs ?? {}, width: e5, height: n5 }, g4 = i4.transaction("command").setNodeAttr(l3, d4).build();
+          a2(g4);
+        })(i3, e4, n4), t3.target?.releasePointerCapture?.(t3.pointerId);
+      };
+      e3.addEventListener("pointerdown", (t3) => {
+        t3.preventDefault(), t3.stopPropagation(), c3 = t3.clientX, d3 = l2.getBoundingClientRect().width;
+        const e4 = l2.getBoundingClientRect().height;
+        var i4;
+        g3 = e4 > 0 ? d3 / e4 : 1, s2.classList.add("notectl-image--resizing"), o2.textContent = `${Math.round(d3)} × ${Math.round(e4)}`, o2.classList.add("notectl-image__size-indicator--visible"), i4 = h[n3], v(), b = document.createElement("style"), b.textContent = `*{cursor:${i4}!important;user-select:none!important}`, document.head.appendChild(b), t3.target.setPointerCapture(t3.pointerId), document.addEventListener("pointermove", m3), document.addEventListener("pointerup", u2);
+      });
+    }
+    function z2() {
+      v(), m2 && (m2.remove(), m2 = null);
+    }
+    return l2.addEventListener("load", () => {
+      if (y2) return;
+      const e3 = r2(), n3 = e3.getBlock(g2);
+      if (!n3 || "image" !== n3.type) return;
+      const i3 = void 0 !== n3.attrs?.width, o2 = void 0 !== n3.attrs?.height;
+      if (i3 && o2) return void (y2 = true);
+      const s3 = l2.naturalWidth, c3 = l2.naturalHeight;
+      if (0 === s3 || 0 === c3) return;
+      const d3 = Math.min(s3, t2.maxWidth), m3 = s3 > 0 ? c3 / s3 : 1, u2 = Math.round(d3 * m3), h2 = e3.getNodePath(g2);
+      if (!h2) return;
+      const p2 = { ...n3.attrs ?? {}, width: d3, height: u2 }, f2 = e3.transaction("command").setNodeAttr(h2, p2).build();
+      a2(f2), y2 = true;
+    }), { dom: s2, contentDOM: null, update: (t3) => "image" === t3.type && (g2 = t3.id, s2.setAttribute("data-block-id", t3.id), x2(t3), true), selectNode() {
+      s2.classList.add("notectl-image--selected"), (function(e3) {
+        if (!t2.resizable || m2) return;
+        m2 = document.createElement("div"), m2.className = "notectl-image__resize-overlay";
+        const i3 = document.createElement("div");
+        i3.className = "notectl-image__size-indicator", m2.appendChild(i3);
+        const r3 = ["nw", "ne", "sw", "se"];
+        for (const t3 of r3) {
+          const n3 = document.createElement("div");
+          n3.className = `notectl-image__resize-handle notectl-image__resize-handle--${t3}`, n3.setAttribute("role", "separator"), n3.setAttribute("aria-label", f[t3]), w2(n3, t3, e3, i3), m2.appendChild(n3);
+        }
+        if (n2) {
+          const t3 = (function(t4) {
+            const e4 = t4.shrinkWidth ?? null, n3 = t4.growWidth ?? null;
+            return e4 && n3 ? `${o(e4)} / ${o(n3)} to resize` : "";
+          })(n2);
+          if (t3) {
+            const e4 = document.createElement("div");
+            e4.className = "notectl-image__keyboard-hint", e4.setAttribute("aria-hidden", "true"), e4.textContent = t3, m2.appendChild(e4);
+          }
+        }
+        c2.appendChild(m2);
+      })(g2);
+    }, deselectNode() {
+      s2.classList.remove("notectl-image--selected"), z2();
+    }, destroy() {
+      z2();
+    } };
+  };
+}
+const y = new d("image:upload"), w = { growWidth: "Mod-Shift-ArrowRight", shrinkWidth: "Mod-Shift-ArrowLeft", growWidthLarge: "Mod-Shift-Alt-ArrowRight", shrinkWidthLarge: "Mod-Shift-Alt-ArrowLeft", resetSize: "Mod-Shift-0" }, z = { maxWidth: 800, maxFileSize: 10485760, acceptedTypes: ["image/png", "image/jpeg", "image/gif", "image/webp", "image/svg+xml"], resizable: true, resizeStep: 10, resizeStepLarge: 50 };
+class _ {
+  id = "image";
+  name = "Image";
+  priority = 45;
+  config;
+  resolvedKeymap;
+  uploadStates = /* @__PURE__ */ new Map();
+  blobUrls = /* @__PURE__ */ new Set();
+  context = null;
+  constructor(t2) {
+    this.config = { ...z, ...t2 }, this.resolvedKeymap = { ...w, ...t2?.keymap };
+  }
+  init(t2) {
+    t2.registerStyleSheet("\n/* Image */\n.notectl-image {\n	margin: 8px 0;\n	user-select: none;\n	line-height: 0;\n}\n\n.notectl-image--center {\n	text-align: center;\n}\n\n.notectl-image--left {\n	text-align: left;\n}\n\n.notectl-image--right {\n	text-align: right;\n}\n\n.notectl-image__container {\n	display: inline-block;\n	position: relative;\n	line-height: 0;\n}\n\n.notectl-image__img {\n	display: block;\n	max-width: 100%;\n	border-radius: 4px;\n}\n\n.notectl-image--selected .notectl-image__container {\n	outline: 2px solid var(--notectl-primary);\n	outline-offset: 2px;\n	border-radius: 6px;\n}\n\n/* Alignment toolbar (appears on image selection) */\n.notectl-image__align-toolbar {\n	display: flex;\n	gap: 2px;\n	position: absolute;\n	top: -36px;\n	left: 50%;\n	transform: translateX(-50%);\n	background: var(--notectl-surface-overlay);\n	border: 1px solid var(--notectl-border);\n	border-radius: 6px;\n	padding: 2px;\n	box-shadow: 0 2px 8px var(--notectl-shadow);\n	z-index: 10;\n}\n\n.notectl-image__align-btn {\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	width: 28px;\n	height: 28px;\n	border: none;\n	background: transparent;\n	border-radius: 4px;\n	cursor: pointer;\n	color: var(--notectl-fg);\n}\n\n.notectl-image__align-btn:hover {\n	background: var(--notectl-hover-bg);\n}\n\n.notectl-image__align-btn--active {\n	background: var(--notectl-active-bg);\n	color: var(--notectl-primary-fg);\n}\n\n.notectl-image__align-btn svg {\n	width: 16px;\n	height: 16px;\n	fill: currentColor;\n}\n\n/* Upload overlay */\n.notectl-image__overlay {\n	position: absolute;\n	inset: 0;\n	display: none;\n	align-items: center;\n	justify-content: center;\n	background: rgba(255, 255, 255, 0.8);\n	border-radius: 4px;\n	font-size: 13px;\n	color: var(--notectl-fg-muted);\n}\n\n.notectl-image__overlay--uploading {\n	display: flex;\n}\n\n.notectl-image__overlay--error {\n	display: flex;\n	background: var(--notectl-danger-muted);\n	color: var(--notectl-danger);\n}\n\n/* Resize overlay + handles */\n.notectl-image__resize-overlay {\n	position: absolute;\n	inset: 0;\n	pointer-events: none;\n}\n\n.notectl-image__resize-handle {\n	position: absolute;\n	width: 10px;\n	height: 10px;\n	background: var(--notectl-bg);\n	border: 2px solid var(--notectl-primary);\n	border-radius: 50%;\n	pointer-events: all;\n	z-index: 2;\n	transition: transform 0.1s, background 0.1s;\n}\n\n.notectl-image__resize-handle:hover {\n	background: var(--notectl-primary);\n	transform: scale(1.3);\n}\n\n.notectl-image--resizing .notectl-image__resize-handle {\n	background: var(--notectl-primary);\n}\n\n.notectl-image__resize-handle--nw {\n	top: -5px;\n	left: -5px;\n	cursor: nwse-resize;\n}\n\n.notectl-image__resize-handle--ne {\n	top: -5px;\n	right: -5px;\n	cursor: nesw-resize;\n}\n\n.notectl-image__resize-handle--sw {\n	bottom: -5px;\n	left: -5px;\n	cursor: nesw-resize;\n}\n\n.notectl-image__resize-handle--se {\n	bottom: -5px;\n	right: -5px;\n	cursor: nwse-resize;\n}\n\n/* Size indicator tooltip */\n.notectl-image__size-indicator {\n	position: absolute;\n	bottom: -28px;\n	left: 50%;\n	transform: translateX(-50%);\n	padding: 2px 8px;\n	background: var(--notectl-tooltip-bg);\n	color: var(--notectl-tooltip-fg);\n	font-size: 11px;\n	font-weight: 500;\n	border-radius: 4px;\n	white-space: nowrap;\n	pointer-events: none;\n	opacity: 0;\n	transition: opacity 0.15s;\n	z-index: 3;\n}\n\n.notectl-image__size-indicator--visible {\n	opacity: 1;\n}\n\n/* Keyboard resize hint (shown on selection, hidden during drag) */\n.notectl-image__keyboard-hint {\n	display: none;\n	position: absolute;\n	bottom: -28px;\n	left: 50%;\n	transform: translateX(-50%);\n	padding: 2px 8px;\n	font-size: 11px;\n	color: var(--notectl-fg-muted);\n	white-space: nowrap;\n	pointer-events: none;\n	z-index: 3;\n}\n\n.notectl-image--selected .notectl-image__keyboard-hint {\n	display: block;\n}\n\n.notectl-image--resizing .notectl-image__keyboard-hint {\n	display: none;\n}\n\n/* Resizing feedback */\n.notectl-image--resizing .notectl-image__img {\n	opacity: 0.85;\n}\n"), this.context = t2, this.registerNodeSpec(t2), this.registerNodeView(t2), (function(t3) {
+      t3.registerCommand("insertImage", () => g(t3, { src: "" })), t3.registerCommand("removeImage", () => (function(t4) {
+        const e2 = t4.getState(), r2 = e2.selection;
+        if (!n(r2)) return false;
+        const o2 = e2.getBlock(r2.nodeId);
+        if (!o2 || "image" !== o2.type) return false;
+        const s2 = e2.getNodePath(r2.nodeId);
+        if (!s2 || 0 === s2.length) return false;
+        const c2 = s2.slice(0, -1);
+        let l2;
+        if (0 === c2.length) l2 = e2.doc;
+        else {
+          const t5 = c2[c2.length - 1];
+          l2 = t5 ? e2.getBlock(t5) : void 0;
+        }
+        if (!l2) return false;
+        const d2 = l2.children.findIndex((t5) => a(t5) && t5.id === r2.nodeId);
+        if (-1 === d2) return false;
+        const g2 = (function(t5, e3, n2) {
+          if (0 === e3.length) {
+            const e4 = t5.doc.children, i2 = e4.findIndex((t6) => t6.id === n2), r3 = e4[i2 + 1] ?? e4[i2 - 1];
+            return r3?.id;
+          }
+          return e3[e3.length - 1];
+        })(e2, c2, r2.nodeId);
+        if (!g2) return false;
+        const m2 = e2.transaction("command").removeNode(c2, d2).setSelection(i(g2, 0)).build();
+        return t4.dispatch(m2), true;
+      })(t3));
+    })(t2), this.registerResizeCommands(t2), this.registerResizeKeymaps(t2), this.registerFileHandler(t2), this.registerToolbarItem(t2);
+  }
+  destroy() {
+    for (const t2 of this.blobUrls) URL.revokeObjectURL(t2);
+    this.blobUrls.clear(), this.uploadStates.clear(), this.context = null;
+  }
+  onStateChange(t2, e2, n2) {
+    if (!this.context) return;
+    for (const t3 of this.uploadStates.keys()) e2.getBlock(t3) || this.uploadStates.delete(t3);
+    const i2 = this.isImageSelected(t2), r2 = this.isImageSelected(e2);
+    !i2 && r2 && this.announceImageSelection(e2);
+  }
+  registerNodeSpec(n2) {
+    n2.registerNodeSpec({ type: "image", group: "block", isVoid: true, selectable: true, attrs: { src: { default: "" }, alt: { default: "" }, align: { default: "center" } }, toDOM(t2) {
+      const n3 = e("figure", t2.id);
+      n3.className = "notectl-image", n3.setAttribute("data-void", "true"), n3.setAttribute("data-selectable", "true");
+      const i2 = document.createElement("div");
+      i2.className = "notectl-image__container";
+      const r2 = t2.attrs?.alt ?? "", o2 = t2.attrs?.width, a2 = t2.attrs?.height, s2 = document.createElement("img");
+      s2.className = "notectl-image__img", s2.src = t2.attrs?.src ?? "", s2.alt = r2, s2.draggable = false, void 0 !== o2 && (s2.style.width = `${o2}px`), void 0 !== a2 && (s2.style.height = `${a2}px`);
+      const c2 = { left: "notectl-image--left", center: "notectl-image--center", right: "notectl-image--right" }[t2.attrs?.align ?? "center"];
+      c2 && n3.classList.add(c2);
+      const l2 = [r2 || "Image"];
+      return void 0 !== o2 && void 0 !== a2 && l2.push(`${o2} by ${a2} pixels`), n3.setAttribute("aria-label", l2.join(", ")), i2.appendChild(s2), n3.appendChild(i2), n3;
+    }, toHTML(e2) {
+      const n3 = t(e2.attrs?.src ?? ""), i2 = t(e2.attrs?.alt ?? ""), r2 = e2.attrs?.width, o2 = e2.attrs?.height, a2 = e2.attrs?.align ?? "center", s2 = (void 0 !== r2 ? ` width="${r2}"` : "") + (void 0 !== o2 ? ` height="${o2}"` : "");
+      return `<figure class="notectl-image notectl-image--${t(a2)}"><img src="${n3}" alt="${i2}"${s2}></figure>`;
+    }, parseHTML: [{ tag: "figure", getAttrs(t2) {
+      const e2 = t2.querySelector("img");
+      if (!e2) return false;
+      const n3 = { src: e2.getAttribute("src") ?? "", alt: e2.getAttribute("alt") ?? "", align: "center" }, i2 = e2.getAttribute("width"), r2 = e2.getAttribute("height");
+      return i2 && (n3.width = Number.parseInt(i2, 10)), r2 && (n3.height = Number.parseInt(r2, 10)), t2.classList.contains("notectl-image--left") && (n3.align = "left"), t2.classList.contains("notectl-image--right") && (n3.align = "right"), n3;
+    } }, { tag: "img", getAttrs(t2) {
+      const e2 = { src: t2.getAttribute("src") ?? "", alt: t2.getAttribute("alt") ?? "", align: "center" }, n3 = t2.getAttribute("width"), i2 = t2.getAttribute("height");
+      return n3 && (e2.width = Number.parseInt(n3, 10)), i2 && (e2.height = Number.parseInt(i2, 10)), e2;
+    } }], sanitize: { tags: ["figure", "img"], attrs: ["src", "alt", "width", "height", "class"] } });
+  }
+  registerNodeView(t2) {
+    t2.registerNodeView("image", x(this.config, this.uploadStates, this.resolvedKeymap));
+  }
+  registerResizeCommands(t2) {
+    const e2 = this.config.resizeStep ?? 10, i2 = this.config.resizeStepLarge ?? 50, r2 = this.config.maxWidth;
+    t2.registerCommand("resizeImageGrow", () => {
+      const n2 = m(t2, e2, r2);
+      return n2 && this.announceCurrentSize(t2), n2;
+    }), t2.registerCommand("resizeImageShrink", () => {
+      const n2 = m(t2, -e2, r2);
+      return n2 && this.announceCurrentSize(t2), n2;
+    }), t2.registerCommand("resizeImageGrowLarge", () => {
+      const e3 = m(t2, i2, r2);
+      return e3 && this.announceCurrentSize(t2), e3;
+    }), t2.registerCommand("resizeImageShrinkLarge", () => {
+      const e3 = m(t2, -i2, r2);
+      return e3 && this.announceCurrentSize(t2), e3;
+    }), t2.registerCommand("resetImageSize", () => {
+      const e3 = (function(t3) {
+        const e4 = t3.getState(), i3 = e4.selection;
+        if (!n(i3)) return false;
+        const r3 = e4.getBlock(i3.nodeId);
+        if (!r3 || "image" !== r3.type) return false;
+        const o2 = e4.getNodePath(i3.nodeId);
+        if (!o2) return false;
+        const a2 = { ...r3.attrs ?? {} }, s2 = Object.fromEntries(Object.entries(a2).filter(([t4]) => "width" !== t4 && "height" !== t4)), c2 = e4.transaction("command").setNodeAttr(o2, s2).build();
+        return t3.dispatch(c2), true;
+      })(t2);
+      return e3 && t2.announce("Image reset to natural size."), e3;
+    });
+  }
+  registerResizeKeymaps(t2) {
+    const e2 = {}, n2 = { growWidth: "resizeImageGrow", shrinkWidth: "resizeImageShrink", growWidthLarge: "resizeImageGrowLarge", shrinkWidthLarge: "resizeImageShrinkLarge", resetSize: "resetImageSize" };
+    for (const [i2, r2] of Object.entries(n2)) {
+      const n3 = this.resolvedKeymap[i2] ?? null;
+      n3 && (e2[n3] = () => t2.executeCommand(r2));
+    }
+    Object.keys(e2).length > 0 && t2.registerKeymap(e2);
+  }
+  registerFileHandler(t2) {
+    t2.registerFileHandler("image/*", async (e2, n2) => {
+      const i2 = e2.filter((t3) => this.isAcceptedType(t3.type));
+      if (0 === i2.length) return false;
+      for (const e3 of i2) this.handleFileInsert(t2, e3);
+      return true;
+    });
+  }
+  handleFileInsert(t2, e2) {
+    if (e2.size > this.config.maxFileSize) return;
+    const i2 = URL.createObjectURL(e2);
+    if (this.blobUrls.add(i2), !g(t2, { src: i2 })) return URL.revokeObjectURL(i2), void this.blobUrls.delete(i2);
+    const r2 = t2.getState().selection;
+    if (!n(r2)) return;
+    const o2 = r2.nodeId;
+    this.uploadStates.set(o2, "uploading"), t2.getService(y) ? this.uploadFile(t2, e2, o2, i2) : this.uploadStates.set(o2, "complete");
+  }
+  async uploadFile(t2, e2, n2, i2) {
+    const r2 = t2.getService(y);
+    if (r2) try {
+      const o2 = await r2.upload(e2);
+      this.uploadStates.set(n2, "complete");
+      const a2 = t2.getState(), s2 = a2.getBlock(n2);
+      if (!s2) return;
+      const c2 = a2.getNodePath(n2);
+      if (!c2) return;
+      const l2 = { ...s2.attrs ?? {}, src: o2.url, ...void 0 !== o2.width ? { width: o2.width } : {}, ...void 0 !== o2.height ? { height: o2.height } : {} }, d2 = a2.transaction("command").setNodeAttr(c2, l2).build();
+      t2.dispatch(d2), URL.revokeObjectURL(i2), this.blobUrls.delete(i2);
+    } catch {
+      this.uploadStates.set(n2, "error"), t2.announce("Image upload failed.");
+    }
+  }
+  registerToolbarItem(t2) {
+    t2.registerToolbarItem({ id: "image", group: "insert", icon: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg>', label: "Insert Image", tooltip: "Insert Image", command: "insertImage", priority: 50, popupType: "custom", separatorAfter: this.config.separatorAfter, renderPopup: (t3, e2, n2) => {
+      this.renderImagePopup(t3, e2, n2);
+    } });
+  }
+  renderImagePopup(t2, e2, n2) {
+    t2.style.padding = "8px", t2.style.minWidth = "240px";
+    const i2 = document.createElement("input");
+    i2.type = "file", i2.accept = this.config.acceptedTypes.join(","), i2.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;opacity:0;";
+    const r2 = document.createElement("button");
+    r2.type = "button", r2.textContent = "Upload from computer", r2.setAttribute("aria-label", "Upload image from computer"), r2.style.cssText = "display:block;width:100%;padding:8px 12px;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid var(--notectl-border);border-radius:4px;background:var(--notectl-surface-raised);color:var(--notectl-fg);", r2.addEventListener("mousedown", (t3) => {
+      t3.preventDefault(), t3.stopPropagation(), i2.click();
+    }), i2.addEventListener("change", () => {
+      const t3 = i2.files?.[0];
+      t3 && (this.handleFileInsert(e2, t3), n2(), e2.getContainer().focus());
+    }), t2.appendChild(i2), t2.appendChild(r2);
+    const o2 = document.createElement("div");
+    o2.style.cssText = "display:flex;align-items:center;margin:8px 0;color:var(--notectl-fg-muted);font-size:12px;";
+    const a2 = document.createElement("span");
+    a2.style.cssText = "flex:1;height:1px;background:var(--notectl-border);";
+    const s2 = document.createElement("span");
+    s2.textContent = "or", s2.style.cssText = "padding:0 8px;";
+    const c2 = document.createElement("span");
+    c2.style.cssText = "flex:1;height:1px;background:var(--notectl-border);", o2.appendChild(a2), o2.appendChild(s2), o2.appendChild(c2), t2.appendChild(o2);
+    const l2 = document.createElement("input");
+    l2.type = "url", l2.placeholder = "https://...", l2.setAttribute("aria-label", "Image URL"), l2.style.cssText = "width:100%;padding:6px 8px;box-sizing:border-box;border:1px solid var(--notectl-border);border-radius:4px;background:var(--notectl-bg);color:var(--notectl-fg);";
+    const d2 = document.createElement("button");
+    d2.type = "button", d2.textContent = "Insert", d2.setAttribute("aria-label", "Insert image"), d2.style.cssText = "width:100%;padding:8px 12px;margin-top:4px;cursor:pointer;border:1px solid var(--notectl-border);border-radius:4px;background:var(--notectl-surface-raised);color:var(--notectl-fg);";
+    const m2 = () => {
+      const t3 = l2.value.trim();
+      t3 && (g(e2, { src: t3 }), n2(), e2.getContainer().focus());
+    };
+    d2.addEventListener("mousedown", (t3) => {
+      t3.preventDefault(), t3.stopPropagation(), m2();
+    }), l2.addEventListener("keydown", (t3) => {
+      "Enter" === t3.key && (t3.preventDefault(), m2());
+    }), t2.appendChild(l2), t2.appendChild(d2), requestAnimationFrame(() => l2.focus());
+  }
+  isAcceptedType(t2) {
+    return this.config.acceptedTypes.some((e2) => e2 === t2 || e2.endsWith("/*") && t2.startsWith(e2.slice(0, -1)));
+  }
+  isImageSelected(t2) {
+    const e2 = t2.selection;
+    if (!n(e2)) return false;
+    const i2 = t2.getBlock(e2.nodeId);
+    return "image" === i2?.type;
+  }
+  announceImageSelection(t2) {
+    if (!this.context) return;
+    const e2 = t2.selection;
+    if (!n(e2)) return;
+    const i2 = t2.getBlock(e2.nodeId);
+    if (!i2 || "image" !== i2.type) return;
+    const r2 = i2.attrs?.alt ?? "", a2 = i2.attrs?.width, s2 = i2.attrs?.height, c2 = ["Image selected."];
+    r2 && c2.push(`Alt text: ${r2}.`), void 0 !== a2 && void 0 !== s2 && c2.push(`Size: ${a2} by ${s2} pixels.`);
+    const l2 = this.resolvedKeymap.shrinkWidth ?? null, d2 = this.resolvedKeymap.growWidth ?? null;
+    l2 && d2 && c2.push(`${o(l2)} / ${o(d2)} to resize.`), this.context.announce(c2.join(" "));
+  }
+  announceCurrentSize(t2) {
+    const e2 = t2.getState(), i2 = e2.selection;
+    if (!n(i2)) return;
+    const r2 = e2.getBlock(i2.nodeId);
+    if (!r2 || "image" !== r2.type) return;
+    const o2 = r2.attrs?.width, a2 = r2.attrs?.height;
+    void 0 !== o2 && void 0 !== a2 && t2.announce(`Image resized to ${o2} by ${a2} pixels.`);
+  }
+}
+export {
+  w as DEFAULT_IMAGE_KEYMAP,
+  y as IMAGE_UPLOAD_SERVICE,
+  _ as ImagePlugin
+};
+//# sourceMappingURL=image.mjs.map