@pinkpixel/marzipan 1.0.7 → 1.0.9

package/dist/plugins/block-handles.js

@@ -0,0 +1,355 @@
+class r {
+  constructor(e, t, i = {}) {
+    this.editor = e, this.preview = t, this.config = {
+      enabled: i.enabled ?? !0,
+      showOnHover: i.showOnHover ?? !0,
+      handleOffset: i.handleOffset ?? -30,
+      handleSize: i.handleSize ?? 20,
+      colors: {
+        hover: i.colors?.hover ?? "rgba(59, 130, 246, 0.1)",
+        selected: i.colors?.selected ?? "rgba(59, 130, 246, 0.2)",
+        handle: i.colors?.handle ?? "rgba(59, 130, 246, 0.8)"
+      }
+    }, this.blocks = /* @__PURE__ */ new Map(), this.selectedBlockId = null, this.handleContainer = null, this.initialize();
+  }
+  /**
+   * Initialize the plugin
+   */
+  initialize() {
+    this.config.enabled && (this.createHandleContainer(), this.setupEventListeners(), this.scanBlocks());
+  }
+  /**
+   * Create the container for block handles
+   */
+  createHandleContainer() {
+    this.handleContainer = document.createElement("div"), this.handleContainer.className = "mz-block-handles", this.handleContainer.style.cssText = `
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      z-index: 10;
+    `, this.preview.style.position = "relative", this.preview.appendChild(this.handleContainer);
+  }
+  /**
+   * Set up event listeners for block interactions
+   */
+  setupEventListeners() {
+    this.preview.addEventListener("mousemove", this.handleMouseMove.bind(this)), this.preview.addEventListener("mouseleave", this.handleMouseLeave.bind(this)), this.preview.addEventListener("click", this.handleClick.bind(this)), document.addEventListener("keydown", this.handleKeyDown.bind(this));
+  }
+  /**
+   * Scan the preview for blocks and create handles
+   */
+  scanBlocks() {
+    if (this.blocks.clear(), !this.handleContainer) return;
+    this.handleContainer.innerHTML = "", this.preview.querySelectorAll("[data-block-id]").forEach((t) => {
+      const i = t.getAttribute("data-block-id"), s = t.getAttribute("data-block-type"), n = parseInt(t.getAttribute("data-line-start") || "0", 10), c = parseInt(t.getAttribute("data-line-end") || "0", 10);
+      if (!i) return;
+      const l = this.createHandle(i, s || "paragraph", t);
+      this.blocks.set(i, {
+        id: i,
+        type: s || "paragraph",
+        lineStart: n,
+        lineEnd: c,
+        element: t,
+        handleElement: l
+      });
+    });
+  }
+  /**
+   * Create a handle element for a block
+   */
+  createHandle(e, t, i) {
+    const s = document.createElement("div");
+    return s.className = `mz-block-handle mz-block-handle-${t}`, s.setAttribute("data-block-id", e), s.style.cssText = `
+      position: absolute;
+      width: ${this.config.handleSize}px;
+      height: ${this.config.handleSize}px;
+      left: ${this.config.handleOffset}px;
+      background: ${this.config.colors.handle};
+      border-radius: 4px;
+      cursor: pointer;
+      opacity: 0;
+      transition: opacity 0.2s ease;
+      pointer-events: auto;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: white;
+      font-size: 12px;
+      user-select: none;
+    `, s.innerHTML = this.getHandleIcon(t), s.addEventListener("click", (n) => {
+      n.stopPropagation(), this.selectBlock(e);
+    }), s.addEventListener("contextmenu", (n) => {
+      n.preventDefault(), n.stopPropagation(), this.showContextMenu(e, n);
+    }), this.handleContainer?.appendChild(s), this.updateHandlePosition(e), s;
+  }
+  /**
+   * Get icon for handle based on block type
+   */
+  getHandleIcon(e) {
+    return {
+      heading: "⚡",
+      paragraph: "¶",
+      "list-item": "•",
+      quote: '"',
+      "code-fence": "{",
+      "code-content": "{}",
+      hr: "―",
+      "table-row": "⊞",
+      "table-separator": "═"
+    }[e] || "○";
+  }
+  /**
+   * Update handle position based on block element position
+   */
+  updateHandlePosition(e) {
+    const t = this.blocks.get(e);
+    if (!t || !t.handleElement) return;
+    const i = t.element.getBoundingClientRect(), s = this.preview.getBoundingClientRect(), n = i.top - s.top + this.preview.scrollTop;
+    t.handleElement.style.top = `${n}px`;
+  }
+  /**
+   * Update all handle positions (call on scroll/resize)
+   */
+  updateAllHandlePositions() {
+    this.blocks.forEach((e, t) => {
+      this.updateHandlePosition(t);
+    });
+  }
+  /**
+   * Handle mouse move for hover effects
+   */
+  handleMouseMove(e) {
+    if (!this.config.showOnHover) return;
+    const t = e.target, i = this.findBlockElement(t);
+    if (i) {
+      const s = i.getAttribute("data-block-id");
+      s && (this.showHandle(s), this.highlightBlock(s, !1));
+    } else
+      this.hideAllHandles(), this.unhighlightAll();
+  }
+  /**
+   * Handle mouse leave event
+   */
+  handleMouseLeave() {
+    this.hideAllHandles(), this.unhighlightAll(!0);
+  }
+  /**
+   * Handle click events for block selection
+   */
+  handleClick(e) {
+    const t = e.target, i = this.findBlockElement(t);
+    if (i) {
+      const s = i.getAttribute("data-block-id");
+      s && e.shiftKey && (e.preventDefault(), this.selectBlock(s));
+    } else t.closest(".mz-block-handle") || this.deselectBlock();
+  }
+  /**
+   * Handle keyboard shortcuts
+   */
+  handleKeyDown(e) {
+    this.selectedBlockId && ((e.ctrlKey || e.metaKey) && e.key === "c" && !this.editor.selectionStart && (e.preventDefault(), this.copyBlock(this.selectedBlockId)), (e.key === "Delete" || e.key === "Backspace") && !this.editor.selectionStart && (e.preventDefault(), this.deleteBlock(this.selectedBlockId)), e.key === "Escape" && this.deselectBlock());
+  }
+  /**
+   * Find the block element from any child element
+   */
+  findBlockElement(e) {
+    return e ? e.hasAttribute("data-block-id") ? e : e.closest("[data-block-id]") : null;
+  }
+  /**
+   * Show a specific handle
+   */
+  showHandle(e) {
+    const t = this.blocks.get(e);
+    t?.handleElement && (t.handleElement.style.opacity = "1");
+  }
+  /**
+   * Hide all handles except selected
+   */
+  hideAllHandles() {
+    this.blocks.forEach((e) => {
+      e.handleElement && e.id !== this.selectedBlockId && (e.handleElement.style.opacity = "0");
+    });
+  }
+  /**
+   * Highlight a block
+   */
+  highlightBlock(e, t) {
+    const i = this.blocks.get(e);
+    if (!i) return;
+    const s = t ? this.config.colors.selected : this.config.colors.hover;
+    i.element.style.backgroundColor = s;
+  }
+  /**
+   * Remove highlight from all blocks
+   */
+  unhighlightAll(e = !1) {
+    this.blocks.forEach((t) => {
+      (!e || t.id !== this.selectedBlockId) && (t.element.style.backgroundColor = "");
+    });
+  }
+  /**
+   * Select a block
+   */
+  selectBlock(e) {
+    if (this.selectedBlockId) {
+      this.unhighlightAll();
+      const t = this.blocks.get(this.selectedBlockId);
+      t?.handleElement && (t.handleElement.style.opacity = "0");
+    }
+    this.selectedBlockId = e, this.highlightBlock(e, !0), this.showHandle(e), this.preview.dispatchEvent(new CustomEvent("blockSelected", {
+      detail: { blockId: e, block: this.blocks.get(e) }
+    }));
+  }
+  /**
+   * Deselect current block
+   */
+  deselectBlock() {
+    if (!this.selectedBlockId) return;
+    const e = this.selectedBlockId;
+    this.selectedBlockId = null, this.unhighlightAll(), this.hideAllHandles(), this.preview.dispatchEvent(new CustomEvent("blockDeselected", {
+      detail: { blockId: e }
+    }));
+  }
+  /**
+   * Copy block content to clipboard
+   */
+  async copyBlock(e) {
+    const t = this.blocks.get(e);
+    if (!t) return;
+    const i = this.getBlockContent(t);
+    try {
+      await navigator.clipboard.writeText(i), this.showToast("Block copied to clipboard");
+    } catch (s) {
+      console.error("Failed to copy block:", s), this.showToast("Failed to copy block", "error");
+    }
+  }
+  /**
+   * Delete a block from the editor
+   */
+  deleteBlock(e) {
+    const t = this.blocks.get(e);
+    if (!t) return;
+    const s = this.editor.value.split(`
+`);
+    s.splice(t.lineStart, t.lineEnd - t.lineStart + 1), this.editor.value = s.join(`
+`), this.editor.dispatchEvent(new Event("input", { bubbles: !0 })), this.deselectBlock(), this.showToast("Block deleted");
+  }
+  /**
+   * Get the text content of a block from the editor
+   */
+  getBlockContent(e) {
+    return this.editor.value.split(`
+`).slice(e.lineStart, e.lineEnd + 1).join(`
+`);
+  }
+  /**
+   * Show context menu for block actions
+   */
+  showContextMenu(e, t) {
+    const i = document.querySelector(".mz-block-context-menu");
+    i && i.remove();
+    const s = document.createElement("div");
+    s.className = "mz-block-context-menu", s.style.cssText = `
+      position: fixed;
+      top: ${t.clientY}px;
+      left: ${t.clientX}px;
+      background: white;
+      border: 1px solid #e0e0e0;
+      border-radius: 4px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+      z-index: 1000;
+      min-width: 150px;
+      padding: 4px 0;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      font-size: 14px;
+    `, [
+      { label: "Copy", action: () => this.copyBlock(e), icon: "📋" },
+      { label: "Delete", action: () => this.deleteBlock(e), icon: "🗑️" },
+      { label: "Select", action: () => this.selectBlock(e), icon: "✓" }
+    ].forEach(({ label: l, action: a, icon: d }) => {
+      const o = document.createElement("div");
+      o.className = "mz-context-menu-item", o.textContent = `${d} ${l}`, o.style.cssText = `
+        padding: 8px 16px;
+        cursor: pointer;
+        user-select: none;
+      `, o.addEventListener("mouseenter", () => {
+        o.style.backgroundColor = "#f5f5f5";
+      }), o.addEventListener("mouseleave", () => {
+        o.style.backgroundColor = "";
+      }), o.addEventListener("click", () => {
+        a(), s.remove();
+      }), s.appendChild(o);
+    }), document.body.appendChild(s);
+    const c = (l) => {
+      s.contains(l.target) || (s.remove(), document.removeEventListener("click", c));
+    };
+    setTimeout(() => {
+      document.addEventListener("click", c);
+    }, 0);
+  }
+  /**
+   * Show a toast notification
+   */
+  showToast(e, t = "success") {
+    const i = document.createElement("div");
+    i.className = "mz-toast", i.textContent = e, i.style.cssText = `
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      background: ${t === "success" ? "#10b981" : "#ef4444"};
+      color: white;
+      padding: 12px 20px;
+      border-radius: 4px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+      z-index: 1000;
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      font-size: 14px;
+      animation: slideIn 0.3s ease;
+    `, document.body.appendChild(i), setTimeout(() => {
+      i.style.animation = "slideOut 0.3s ease", setTimeout(() => i.remove(), 300);
+    }, 2e3);
+  }
+  /**
+   * Enable the plugin
+   */
+  enable() {
+    this.config.enabled = !0, this.initialize();
+  }
+  /**
+   * Disable the plugin
+   */
+  disable() {
+    this.config.enabled = !1, this.handleContainer?.remove(), this.handleContainer = null, this.blocks.clear(), this.selectedBlockId = null;
+  }
+  /**
+   * Refresh the plugin (rescan blocks and update positions)
+   */
+  refresh() {
+    this.scanBlocks();
+  }
+  /**
+   * Get the currently selected block
+   */
+  getSelectedBlock() {
+    return this.selectedBlockId && this.blocks.get(this.selectedBlockId) || null;
+  }
+  /**
+   * Get all blocks
+   */
+  getAllBlocks() {
+    return Array.from(this.blocks.values());
+  }
+  /**
+   * Clean up and remove the plugin
+   */
+  destroy() {
+    this.disable(), this.preview.removeEventListener("mousemove", this.handleMouseMove.bind(this)), this.preview.removeEventListener("mouseleave", this.handleMouseLeave.bind(this)), this.preview.removeEventListener("click", this.handleClick.bind(this)), document.removeEventListener("keydown", this.handleKeyDown.bind(this));
+  }
+}
+export {
+  r as BlockHandlesPlugin
+};
+//# sourceMappingURL=block-handles.js.map

package/dist/plugins/block-handles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-handles.js","sources":["../../src/plugins/block-handles.ts"],"sourcesContent":["// @ts-nocheck\n/**\n * Block Handles Plugin\n * \n * Provides interactive handles on the left side of markdown blocks in the preview overlay.\n * Handles appear on hover and provide quick actions for block manipulation.\n * \n * Features:\n * - Hover to show handles\n * - Click to select blocks\n * - Copy block content\n * - Delete blocks\n * - Visual feedback for selected blocks\n */\n\nexport interface BlockHandle {\n  id: string;\n  type: string;\n  lineStart: number;\n  lineEnd: number;\n  element: HTMLElement;\n  handleElement: HTMLElement | null;\n}\n\nexport interface BlockHandlesConfig {\n  enabled?: boolean;\n  showOnHover?: boolean;\n  handleOffset?: number;\n  handleSize?: number;\n  colors?: {\n    hover?: string;\n    selected?: string;\n    handle?: string;\n  };\n}\n\nexport class BlockHandlesPlugin {\n  private editor: HTMLTextAreaElement;\n  private preview: HTMLElement;\n  private config: Required<BlockHandlesConfig>;\n  private blocks: Map<string, BlockHandle>;\n  private selectedBlockId: string | null;\n  private handleContainer: HTMLElement | null;\n\n  constructor(editor: HTMLTextAreaElement, preview: HTMLElement, config: BlockHandlesConfig = {}) {\n    this.editor = editor;\n    this.preview = preview;\n    this.config = {\n      enabled: config.enabled ?? true,\n      showOnHover: config.showOnHover ?? true,\n      handleOffset: config.handleOffset ?? -30,\n      handleSize: config.handleSize ?? 20,\n      colors: {\n        hover: config.colors?.hover ?? 'rgba(59, 130, 246, 0.1)',\n        selected: config.colors?.selected ?? 'rgba(59, 130, 246, 0.2)',\n        handle: config.colors?.handle ?? 'rgba(59, 130, 246, 0.8)',\n      },\n    };\n    this.blocks = new Map();\n    this.selectedBlockId = null;\n    this.handleContainer = null;\n\n    this.initialize();\n  }\n\n  /**\n   * Initialize the plugin\n   */\n  private initialize(): void {\n    if (!this.config.enabled) return;\n\n    // Create handle container\n    this.createHandleContainer();\n\n    // Set up event listeners\n    this.setupEventListeners();\n\n    // Initial scan for blocks\n    this.scanBlocks();\n  }\n\n  /**\n   * Create the container for block handles\n   */\n  private createHandleContainer(): void {\n    this.handleContainer = document.createElement('div');\n    this.handleContainer.className = 'mz-block-handles';\n    this.handleContainer.style.cssText = `\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 10;\n    `;\n    this.preview.style.position = 'relative';\n    this.preview.appendChild(this.handleContainer);\n  }\n\n  /**\n   * Set up event listeners for block interactions\n   */\n  private setupEventListeners(): void {\n    // Mouse move for hover effects\n    this.preview.addEventListener('mousemove', this.handleMouseMove.bind(this));\n    this.preview.addEventListener('mouseleave', this.handleMouseLeave.bind(this));\n\n    // Click for selection\n    this.preview.addEventListener('click', this.handleClick.bind(this));\n\n    // Keyboard shortcuts\n    document.addEventListener('keydown', this.handleKeyDown.bind(this));\n  }\n\n  /**\n   * Scan the preview for blocks and create handles\n   */\n  public scanBlocks(): void {\n    this.blocks.clear();\n    \n    if (!this.handleContainer) return;\n\n    // Clear existing handles\n    this.handleContainer.innerHTML = '';\n\n    // Find all elements with block metadata\n    const blockElements = this.preview.querySelectorAll('[data-block-id]');\n    \n    blockElements.forEach((element: HTMLElement) => {\n      const blockId = element.getAttribute('data-block-id');\n      const blockType = element.getAttribute('data-block-type');\n      const lineStart = parseInt(element.getAttribute('data-line-start') || '0', 10);\n      const lineEnd = parseInt(element.getAttribute('data-line-end') || '0', 10);\n\n      if (!blockId) return;\n\n      // Create handle for this block\n      const handle = this.createHandle(blockId, blockType || 'paragraph', element);\n\n      this.blocks.set(blockId, {\n        id: blockId,\n        type: blockType || 'paragraph',\n        lineStart,\n        lineEnd,\n        element,\n        handleElement: handle,\n      });\n    });\n  }\n\n  /**\n   * Create a handle element for a block\n   */\n  private createHandle(blockId: string, blockType: string, blockElement: HTMLElement): HTMLElement {\n    const handle = document.createElement('div');\n    handle.className = `mz-block-handle mz-block-handle-${blockType}`;\n    handle.setAttribute('data-block-id', blockId);\n    handle.style.cssText = `\n      position: absolute;\n      width: ${this.config.handleSize}px;\n      height: ${this.config.handleSize}px;\n      left: ${this.config.handleOffset}px;\n      background: ${this.config.colors.handle};\n      border-radius: 4px;\n      cursor: pointer;\n      opacity: 0;\n      transition: opacity 0.2s ease;\n      pointer-events: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: white;\n      font-size: 12px;\n      user-select: none;\n    `;\n\n    // Add icon based on block type\n    handle.innerHTML = this.getHandleIcon(blockType);\n\n    // Handle click events\n    handle.addEventListener('click', (e) => {\n      e.stopPropagation();\n      this.selectBlock(blockId);\n    });\n\n    // Show context menu on right click\n    handle.addEventListener('contextmenu', (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      this.showContextMenu(blockId, e);\n    });\n\n    this.handleContainer?.appendChild(handle);\n    this.updateHandlePosition(blockId);\n\n    return handle;\n  }\n\n  /**\n   * Get icon for handle based on block type\n   */\n  private getHandleIcon(blockType: string): string {\n    const icons: Record<string, string> = {\n      heading: '⚡',\n      paragraph: '¶',\n      'list-item': '•',\n      quote: '\"',\n      'code-fence': '{',\n      'code-content': '{}',\n      hr: '―',\n      'table-row': '⊞',\n      'table-separator': '═',\n    };\n    return icons[blockType] || '○';\n  }\n\n  /**\n   * Update handle position based on block element position\n   */\n  private updateHandlePosition(blockId: string): void {\n    const block = this.blocks.get(blockId);\n    if (!block || !block.handleElement) return;\n\n    const blockRect = block.element.getBoundingClientRect();\n    const previewRect = this.preview.getBoundingClientRect();\n\n    const top = blockRect.top - previewRect.top + this.preview.scrollTop;\n    \n    block.handleElement.style.top = `${top}px`;\n  }\n\n  /**\n   * Update all handle positions (call on scroll/resize)\n   */\n  public updateAllHandlePositions(): void {\n    this.blocks.forEach((block, blockId) => {\n      this.updateHandlePosition(blockId);\n    });\n  }\n\n  /**\n   * Handle mouse move for hover effects\n   */\n  private handleMouseMove(e: MouseEvent): void {\n    if (!this.config.showOnHover) return;\n\n    const target = e.target as HTMLElement;\n    const blockElement = this.findBlockElement(target);\n\n    if (blockElement) {\n      const blockId = blockElement.getAttribute('data-block-id');\n      if (blockId) {\n        this.showHandle(blockId);\n        this.highlightBlock(blockId, false);\n      }\n    } else {\n      this.hideAllHandles();\n      this.unhighlightAll();\n    }\n  }\n\n  /**\n   * Handle mouse leave event\n   */\n  private handleMouseLeave(): void {\n    this.hideAllHandles();\n    this.unhighlightAll(true);\n  }\n\n  /**\n   * Handle click events for block selection\n   */\n  private handleClick(e: MouseEvent): void {\n    const target = e.target as HTMLElement;\n    const blockElement = this.findBlockElement(target);\n\n    if (blockElement) {\n      const blockId = blockElement.getAttribute('data-block-id');\n      if (blockId && e.shiftKey) {\n        e.preventDefault();\n        this.selectBlock(blockId);\n      }\n    } else if (!target.closest('.mz-block-handle')) {\n      // Click outside blocks and handles - deselect\n      this.deselectBlock();\n    }\n  }\n\n  /**\n   * Handle keyboard shortcuts\n   */\n  private handleKeyDown(e: KeyboardEvent): void {\n    if (!this.selectedBlockId) return;\n\n    // Copy block (Ctrl/Cmd + C when block is selected)\n    if ((e.ctrlKey || e.metaKey) && e.key === 'c' && !this.editor.selectionStart) {\n      e.preventDefault();\n      this.copyBlock(this.selectedBlockId);\n    }\n\n    // Delete block (Delete or Backspace when block is selected)\n    if ((e.key === 'Delete' || e.key === 'Backspace') && !this.editor.selectionStart) {\n      e.preventDefault();\n      this.deleteBlock(this.selectedBlockId);\n    }\n\n    // Escape to deselect\n    if (e.key === 'Escape') {\n      this.deselectBlock();\n    }\n  }\n\n  /**\n   * Find the block element from any child element\n   */\n  private findBlockElement(element: HTMLElement | null): HTMLElement | null {\n    if (!element) return null;\n    \n    // Check if element itself is a block\n    if (element.hasAttribute('data-block-id')) {\n      return element;\n    }\n\n    // Look up the tree for a block element\n    return element.closest('[data-block-id]') as HTMLElement | null;\n  }\n\n  /**\n   * Show a specific handle\n   */\n  private showHandle(blockId: string): void {\n    const block = this.blocks.get(blockId);\n    if (block?.handleElement) {\n      block.handleElement.style.opacity = '1';\n    }\n  }\n\n  /**\n   * Hide all handles except selected\n   */\n  private hideAllHandles(): void {\n    this.blocks.forEach((block) => {\n      if (block.handleElement && block.id !== this.selectedBlockId) {\n        block.handleElement.style.opacity = '0';\n      }\n    });\n  }\n\n  /**\n   * Highlight a block\n   */\n  private highlightBlock(blockId: string, selected: boolean): void {\n    const block = this.blocks.get(blockId);\n    if (!block) return;\n\n    const color = selected ? this.config.colors.selected : this.config.colors.hover;\n    block.element.style.backgroundColor = color;\n  }\n\n  /**\n   * Remove highlight from all blocks\n   */\n  private unhighlightAll(keepSelected: boolean = false): void {\n    this.blocks.forEach((block) => {\n      if (!keepSelected || block.id !== this.selectedBlockId) {\n        block.element.style.backgroundColor = '';\n      }\n    });\n  }\n\n  /**\n   * Select a block\n   */\n  private selectBlock(blockId: string): void {\n    // Deselect previous block\n    if (this.selectedBlockId) {\n      this.unhighlightAll();\n      const prevBlock = this.blocks.get(this.selectedBlockId);\n      if (prevBlock?.handleElement) {\n        prevBlock.handleElement.style.opacity = '0';\n      }\n    }\n\n    // Select new block\n    this.selectedBlockId = blockId;\n    this.highlightBlock(blockId, true);\n    this.showHandle(blockId);\n\n    // Dispatch selection event\n    this.preview.dispatchEvent(new CustomEvent('blockSelected', {\n      detail: { blockId, block: this.blocks.get(blockId) },\n    }));\n  }\n\n  /**\n   * Deselect current block\n   */\n  private deselectBlock(): void {\n    if (!this.selectedBlockId) return;\n\n    const blockId = this.selectedBlockId;\n    this.selectedBlockId = null;\n    this.unhighlightAll();\n    this.hideAllHandles();\n\n    // Dispatch deselection event\n    this.preview.dispatchEvent(new CustomEvent('blockDeselected', {\n      detail: { blockId },\n    }));\n  }\n\n  /**\n   * Copy block content to clipboard\n   */\n  private async copyBlock(blockId: string): Promise<void> {\n    const block = this.blocks.get(blockId);\n    if (!block) return;\n\n    const content = this.getBlockContent(block);\n    \n    try {\n      await navigator.clipboard.writeText(content);\n      this.showToast('Block copied to clipboard');\n    } catch (err) {\n      console.error('Failed to copy block:', err);\n      this.showToast('Failed to copy block', 'error');\n    }\n  }\n\n  /**\n   * Delete a block from the editor\n   */\n  private deleteBlock(blockId: string): void {\n    const block = this.blocks.get(blockId);\n    if (!block) return;\n\n    const content = this.editor.value;\n    const lines = content.split('\\n');\n\n    // Remove lines for this block\n    lines.splice(block.lineStart, block.lineEnd - block.lineStart + 1);\n\n    // Update editor\n    this.editor.value = lines.join('\\n');\n    \n    // Trigger input event to update preview\n    this.editor.dispatchEvent(new Event('input', { bubbles: true }));\n\n    // Deselect and rescan\n    this.deselectBlock();\n    this.showToast('Block deleted');\n  }\n\n  /**\n   * Get the text content of a block from the editor\n   */\n  private getBlockContent(block: BlockHandle): string {\n    const content = this.editor.value;\n    const lines = content.split('\\n');\n    \n    return lines\n      .slice(block.lineStart, block.lineEnd + 1)\n      .join('\\n');\n  }\n\n  /**\n   * Show context menu for block actions\n   */\n  private showContextMenu(blockId: string, e: MouseEvent): void {\n    // Remove existing context menu if any\n    const existingMenu = document.querySelector('.mz-block-context-menu');\n    if (existingMenu) {\n      existingMenu.remove();\n    }\n\n    const menu = document.createElement('div');\n    menu.className = 'mz-block-context-menu';\n    menu.style.cssText = `\n      position: fixed;\n      top: ${e.clientY}px;\n      left: ${e.clientX}px;\n      background: white;\n      border: 1px solid #e0e0e0;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n      z-index: 1000;\n      min-width: 150px;\n      padding: 4px 0;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      font-size: 14px;\n    `;\n\n    const actions = [\n      { label: 'Copy', action: () => this.copyBlock(blockId), icon: '📋' },\n      { label: 'Delete', action: () => this.deleteBlock(blockId), icon: '🗑️' },\n      { label: 'Select', action: () => this.selectBlock(blockId), icon: '✓' },\n    ];\n\n    actions.forEach(({ label, action, icon }) => {\n      const item = document.createElement('div');\n      item.className = 'mz-context-menu-item';\n      item.textContent = `${icon} ${label}`;\n      item.style.cssText = `\n        padding: 8px 16px;\n        cursor: pointer;\n        user-select: none;\n      `;\n\n      item.addEventListener('mouseenter', () => {\n        item.style.backgroundColor = '#f5f5f5';\n      });\n\n      item.addEventListener('mouseleave', () => {\n        item.style.backgroundColor = '';\n      });\n\n      item.addEventListener('click', () => {\n        action();\n        menu.remove();\n      });\n\n      menu.appendChild(item);\n    });\n\n    document.body.appendChild(menu);\n\n    // Close menu on click outside\n    const closeMenu = (e: MouseEvent) => {\n      if (!menu.contains(e.target as Node)) {\n        menu.remove();\n        document.removeEventListener('click', closeMenu);\n      }\n    };\n\n    setTimeout(() => {\n      document.addEventListener('click', closeMenu);\n    }, 0);\n  }\n\n  /**\n   * Show a toast notification\n   */\n  private showToast(message: string, type: 'success' | 'error' = 'success'): void {\n    const toast = document.createElement('div');\n    toast.className = 'mz-toast';\n    toast.textContent = message;\n    toast.style.cssText = `\n      position: fixed;\n      bottom: 20px;\n      right: 20px;\n      background: ${type === 'success' ? '#10b981' : '#ef4444'};\n      color: white;\n      padding: 12px 20px;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n      z-index: 1000;\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n      font-size: 14px;\n      animation: slideIn 0.3s ease;\n    `;\n\n    document.body.appendChild(toast);\n\n    setTimeout(() => {\n      toast.style.animation = 'slideOut 0.3s ease';\n      setTimeout(() => toast.remove(), 300);\n    }, 2000);\n  }\n\n  /**\n   * Enable the plugin\n   */\n  public enable(): void {\n    this.config.enabled = true;\n    this.initialize();\n  }\n\n  /**\n   * Disable the plugin\n   */\n  public disable(): void {\n    this.config.enabled = false;\n    this.handleContainer?.remove();\n    this.handleContainer = null;\n    this.blocks.clear();\n    this.selectedBlockId = null;\n  }\n\n  /**\n   * Refresh the plugin (rescan blocks and update positions)\n   */\n  public refresh(): void {\n    this.scanBlocks();\n  }\n\n  /**\n   * Get the currently selected block\n   */\n  public getSelectedBlock(): BlockHandle | null {\n    return this.selectedBlockId ? this.blocks.get(this.selectedBlockId) || null : null;\n  }\n\n  /**\n   * Get all blocks\n   */\n  public getAllBlocks(): BlockHandle[] {\n    return Array.from(this.blocks.values());\n  }\n\n  /**\n   * Clean up and remove the plugin\n   */\n  public destroy(): void {\n    this.disable();\n    this.preview.removeEventListener('mousemove', this.handleMouseMove.bind(this));\n    this.preview.removeEventListener('mouseleave', this.handleMouseLeave.bind(this));\n    this.preview.removeEventListener('click', this.handleClick.bind(this));\n    document.removeEventListener('keydown', this.handleKeyDown.bind(this));\n  }\n}\n"],"names":["BlockHandlesPlugin","editor","preview","config","element","blockId","blockType","lineStart","lineEnd","handle","blockElement","e","block","blockRect","previewRect","top","target","selected","color","keepSelected","prevBlock","content","err","lines","existingMenu","menu","label","action","icon","item","closeMenu","message","type","toast"],"mappings":"AAoCO,MAAMA,EAAmB;AAAA,EAQ9B,YAAYC,GAA6BC,GAAsBC,IAA6B,CAAA,GAAI;AAC9F,SAAK,SAASF,GACd,KAAK,UAAUC,GACf,KAAK,SAAS;AAAA,MACZ,SAASC,EAAO,WAAW;AAAA,MAC3B,aAAaA,EAAO,eAAe;AAAA,MACnC,cAAcA,EAAO,gBAAgB;AAAA,MACrC,YAAYA,EAAO,cAAc;AAAA,MACjC,QAAQ;AAAA,QACN,OAAOA,EAAO,QAAQ,SAAS;AAAA,QAC/B,UAAUA,EAAO,QAAQ,YAAY;AAAA,QACrC,QAAQA,EAAO,QAAQ,UAAU;AAAA,MAAA;AAAA,IACnC,GAEF,KAAK,6BAAa,IAAA,GAClB,KAAK,kBAAkB,MACvB,KAAK,kBAAkB,MAEvB,KAAK,WAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKQ,aAAmB;AACzB,IAAK,KAAK,OAAO,YAGjB,KAAK,sBAAA,GAGL,KAAK,oBAAA,GAGL,KAAK,WAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKQ,wBAA8B;AACpC,SAAK,kBAAkB,SAAS,cAAc,KAAK,GACnD,KAAK,gBAAgB,YAAY,oBACjC,KAAK,gBAAgB,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OASrC,KAAK,QAAQ,MAAM,WAAW,YAC9B,KAAK,QAAQ,YAAY,KAAK,eAAe;AAAA,EAC/C;AAAA;AAAA;AAAA;AAAA,EAKQ,sBAA4B;AAElC,SAAK,QAAQ,iBAAiB,aAAa,KAAK,gBAAgB,KAAK,IAAI,CAAC,GAC1E,KAAK,QAAQ,iBAAiB,cAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,GAG5E,KAAK,QAAQ,iBAAiB,SAAS,KAAK,YAAY,KAAK,IAAI,CAAC,GAGlE,SAAS,iBAAiB,WAAW,KAAK,cAAc,KAAK,IAAI,CAAC;AAAA,EACpE;AAAA;AAAA;AAAA;AAAA,EAKO,aAAmB;AAGxB,QAFA,KAAK,OAAO,MAAA,GAER,CAAC,KAAK,gBAAiB;AAG3B,SAAK,gBAAgB,YAAY,IAGX,KAAK,QAAQ,iBAAiB,iBAAiB,EAEvD,QAAQ,CAACC,MAAyB;AAC9C,YAAMC,IAAUD,EAAQ,aAAa,eAAe,GAC9CE,IAAYF,EAAQ,aAAa,iBAAiB,GAClDG,IAAY,SAASH,EAAQ,aAAa,iBAAiB,KAAK,KAAK,EAAE,GACvEI,IAAU,SAASJ,EAAQ,aAAa,eAAe,KAAK,KAAK,EAAE;AAEzE,UAAI,CAACC,EAAS;AAGd,YAAMI,IAAS,KAAK,aAAaJ,GAASC,KAAa,aAAaF,CAAO;AAE3E,WAAK,OAAO,IAAIC,GAAS;AAAA,QACvB,IAAIA;AAAA,QACJ,MAAMC,KAAa;AAAA,QACnB,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,SAAAJ;AAAA,QACA,eAAeK;AAAA,MAAA,CAChB;AAAA,IACH,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKQ,aAAaJ,GAAiBC,GAAmBI,GAAwC;AAC/F,UAAMD,IAAS,SAAS,cAAc,KAAK;AAC3C,WAAAA,EAAO,YAAY,mCAAmCH,CAAS,IAC/DG,EAAO,aAAa,iBAAiBJ,CAAO,GAC5CI,EAAO,MAAM,UAAU;AAAA;AAAA,eAEZ,KAAK,OAAO,UAAU;AAAA,gBACrB,KAAK,OAAO,UAAU;AAAA,cACxB,KAAK,OAAO,YAAY;AAAA,oBAClB,KAAK,OAAO,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAezCA,EAAO,YAAY,KAAK,cAAcH,CAAS,GAG/CG,EAAO,iBAAiB,SAAS,CAACE,MAAM;AACtC,MAAAA,EAAE,gBAAA,GACF,KAAK,YAAYN,CAAO;AAAA,IAC1B,CAAC,GAGDI,EAAO,iBAAiB,eAAe,CAACE,MAAM;AAC5C,MAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACF,KAAK,gBAAgBN,GAASM,CAAC;AAAA,IACjC,CAAC,GAED,KAAK,iBAAiB,YAAYF,CAAM,GACxC,KAAK,qBAAqBJ,CAAO,GAE1BI;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKQ,cAAcH,GAA2B;AAY/C,WAXsC;AAAA,MACpC,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aAAa;AAAA,MACb,OAAO;AAAA,MACP,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,aAAa;AAAA,MACb,mBAAmB;AAAA,IAAA,EAERA,CAAS,KAAK;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA,EAKQ,qBAAqBD,GAAuB;AAClD,UAAMO,IAAQ,KAAK,OAAO,IAAIP,CAAO;AACrC,QAAI,CAACO,KAAS,CAACA,EAAM,cAAe;AAEpC,UAAMC,IAAYD,EAAM,QAAQ,sBAAA,GAC1BE,IAAc,KAAK,QAAQ,sBAAA,GAE3BC,IAAMF,EAAU,MAAMC,EAAY,MAAM,KAAK,QAAQ;AAE3D,IAAAF,EAAM,cAAc,MAAM,MAAM,GAAGG,CAAG;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA,EAKO,2BAAiC;AACtC,SAAK,OAAO,QAAQ,CAACH,GAAOP,MAAY;AACtC,WAAK,qBAAqBA,CAAO;AAAA,IACnC,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKQ,gBAAgB,GAAqB;AAC3C,QAAI,CAAC,KAAK,OAAO,YAAa;AAE9B,UAAMW,IAAS,EAAE,QACXN,IAAe,KAAK,iBAAiBM,CAAM;AAEjD,QAAIN,GAAc;AAChB,YAAML,IAAUK,EAAa,aAAa,eAAe;AACzD,MAAIL,MACF,KAAK,WAAWA,CAAO,GACvB,KAAK,eAAeA,GAAS,EAAK;AAAA,IAEtC;AACE,WAAK,eAAA,GACL,KAAK,eAAA;AAAA,EAET;AAAA;AAAA;AAAA;AAAA,EAKQ,mBAAyB;AAC/B,SAAK,eAAA,GACL,KAAK,eAAe,EAAI;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA,EAKQ,YAAY,GAAqB;AACvC,UAAMW,IAAS,EAAE,QACXN,IAAe,KAAK,iBAAiBM,CAAM;AAEjD,QAAIN,GAAc;AAChB,YAAML,IAAUK,EAAa,aAAa,eAAe;AACzD,MAAIL,KAAW,EAAE,aACf,EAAE,eAAA,GACF,KAAK,YAAYA,CAAO;AAAA,IAE5B,MAAA,CAAYW,EAAO,QAAQ,kBAAkB,KAE3C,KAAK,cAAA;AAAA,EAET;AAAA;AAAA;AAAA;AAAA,EAKQ,cAAc,GAAwB;AAC5C,IAAK,KAAK,qBAGL,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,OAAO,CAAC,KAAK,OAAO,mBAC5D,EAAE,eAAA,GACF,KAAK,UAAU,KAAK,eAAe,KAIhC,EAAE,QAAQ,YAAY,EAAE,QAAQ,gBAAgB,CAAC,KAAK,OAAO,mBAChE,EAAE,eAAA,GACF,KAAK,YAAY,KAAK,eAAe,IAInC,EAAE,QAAQ,YACZ,KAAK,cAAA;AAAA,EAET;AAAA;AAAA;AAAA;AAAA,EAKQ,iBAAiBZ,GAAiD;AACxE,WAAKA,IAGDA,EAAQ,aAAa,eAAe,IAC/BA,IAIFA,EAAQ,QAAQ,iBAAiB,IARnB;AAAA,EASvB;AAAA;AAAA;AAAA;AAAA,EAKQ,WAAWC,GAAuB;AACxC,UAAMO,IAAQ,KAAK,OAAO,IAAIP,CAAO;AACrC,IAAIO,GAAO,kBACTA,EAAM,cAAc,MAAM,UAAU;AAAA,EAExC;AAAA;AAAA;AAAA;AAAA,EAKQ,iBAAuB;AAC7B,SAAK,OAAO,QAAQ,CAACA,MAAU;AAC7B,MAAIA,EAAM,iBAAiBA,EAAM,OAAO,KAAK,oBAC3CA,EAAM,cAAc,MAAM,UAAU;AAAA,IAExC,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKQ,eAAeP,GAAiBY,GAAyB;AAC/D,UAAML,IAAQ,KAAK,OAAO,IAAIP,CAAO;AACrC,QAAI,CAACO,EAAO;AAEZ,UAAMM,IAAQD,IAAW,KAAK,OAAO,OAAO,WAAW,KAAK,OAAO,OAAO;AAC1E,IAAAL,EAAM,QAAQ,MAAM,kBAAkBM;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA,EAKQ,eAAeC,IAAwB,IAAa;AAC1D,SAAK,OAAO,QAAQ,CAACP,MAAU;AAC7B,OAAI,CAACO,KAAgBP,EAAM,OAAO,KAAK,qBACrCA,EAAM,QAAQ,MAAM,kBAAkB;AAAA,IAE1C,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA,EAKQ,YAAYP,GAAuB;AAEzC,QAAI,KAAK,iBAAiB;AACxB,WAAK,eAAA;AACL,YAAMe,IAAY,KAAK,OAAO,IAAI,KAAK,eAAe;AACtD,MAAIA,GAAW,kBACbA,EAAU,cAAc,MAAM,UAAU;AAAA,IAE5C;AAGA,SAAK,kBAAkBf,GACvB,KAAK,eAAeA,GAAS,EAAI,GACjC,KAAK,WAAWA,CAAO,GAGvB,KAAK,QAAQ,cAAc,IAAI,YAAY,iBAAiB;AAAA,MAC1D,QAAQ,EAAE,SAAAA,GAAS,OAAO,KAAK,OAAO,IAAIA,CAAO,EAAA;AAAA,IAAE,CACpD,CAAC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKQ,gBAAsB;AAC5B,QAAI,CAAC,KAAK,gBAAiB;AAE3B,UAAMA,IAAU,KAAK;AACrB,SAAK,kBAAkB,MACvB,KAAK,eAAA,GACL,KAAK,eAAA,GAGL,KAAK,QAAQ,cAAc,IAAI,YAAY,mBAAmB;AAAA,MAC5D,QAAQ,EAAE,SAAAA,EAAA;AAAA,IAAQ,CACnB,CAAC;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA,EAKA,MAAc,UAAUA,GAAgC;AACtD,UAAMO,IAAQ,KAAK,OAAO,IAAIP,CAAO;AACrC,QAAI,CAACO,EAAO;AAEZ,UAAMS,IAAU,KAAK,gBAAgBT,CAAK;AAE1C,QAAI;AACF,YAAM,UAAU,UAAU,UAAUS,CAAO,GAC3C,KAAK,UAAU,2BAA2B;AAAA,IAC5C,SAASC,GAAK;AACZ,cAAQ,MAAM,yBAAyBA,CAAG,GAC1C,KAAK,UAAU,wBAAwB,OAAO;AAAA,IAChD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKQ,YAAYjB,GAAuB;AACzC,UAAMO,IAAQ,KAAK,OAAO,IAAIP,CAAO;AACrC,QAAI,CAACO,EAAO;AAGZ,UAAMW,IADU,KAAK,OAAO,MACN,MAAM;AAAA,CAAI;AAGhC,IAAAA,EAAM,OAAOX,EAAM,WAAWA,EAAM,UAAUA,EAAM,YAAY,CAAC,GAGjE,KAAK,OAAO,QAAQW,EAAM,KAAK;AAAA,CAAI,GAGnC,KAAK,OAAO,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAA,CAAM,CAAC,GAG/D,KAAK,cAAA,GACL,KAAK,UAAU,eAAe;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA,EAKQ,gBAAgBX,GAA4B;AAIlD,WAHgB,KAAK,OAAO,MACN,MAAM;AAAA,CAAI,EAG7B,MAAMA,EAAM,WAAWA,EAAM,UAAU,CAAC,EACxC,KAAK;AAAA,CAAI;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKQ,gBAAgBP,GAAiBM,GAAqB;AAE5D,UAAMa,IAAe,SAAS,cAAc,wBAAwB;AACpE,IAAIA,KACFA,EAAa,OAAA;AAGf,UAAMC,IAAO,SAAS,cAAc,KAAK;AACzC,IAAAA,EAAK,YAAY,yBACjBA,EAAK,MAAM,UAAU;AAAA;AAAA,aAEZd,EAAE,OAAO;AAAA,cACRA,EAAE,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAYH;AAAA,MACd,EAAE,OAAO,QAAQ,QAAQ,MAAM,KAAK,UAAUN,CAAO,GAAG,MAAM,KAAA;AAAA,MAC9D,EAAE,OAAO,UAAU,QAAQ,MAAM,KAAK,YAAYA,CAAO,GAAG,MAAM,MAAA;AAAA,MAClE,EAAE,OAAO,UAAU,QAAQ,MAAM,KAAK,YAAYA,CAAO,GAAG,MAAM,IAAA;AAAA,IAAI,EAGhE,QAAQ,CAAC,EAAE,OAAAqB,GAAO,QAAAC,GAAQ,MAAAC,QAAW;AAC3C,YAAMC,IAAO,SAAS,cAAc,KAAK;AACzC,MAAAA,EAAK,YAAY,wBACjBA,EAAK,cAAc,GAAGD,CAAI,IAAIF,CAAK,IACnCG,EAAK,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA,SAMrBA,EAAK,iBAAiB,cAAc,MAAM;AACxC,QAAAA,EAAK,MAAM,kBAAkB;AAAA,MAC/B,CAAC,GAEDA,EAAK,iBAAiB,cAAc,MAAM;AACxC,QAAAA,EAAK,MAAM,kBAAkB;AAAA,MAC/B,CAAC,GAEDA,EAAK,iBAAiB,SAAS,MAAM;AACnC,QAAAF,EAAA,GACAF,EAAK,OAAA;AAAA,MACP,CAAC,GAEDA,EAAK,YAAYI,CAAI;AAAA,IACvB,CAAC,GAED,SAAS,KAAK,YAAYJ,CAAI;AAG9B,UAAMK,IAAY,CAACnB,MAAkB;AACnC,MAAKc,EAAK,SAASd,EAAE,MAAc,MACjCc,EAAK,OAAA,GACL,SAAS,oBAAoB,SAASK,CAAS;AAAA,IAEnD;AAEA,eAAW,MAAM;AACf,eAAS,iBAAiB,SAASA,CAAS;AAAA,IAC9C,GAAG,CAAC;AAAA,EACN;AAAA;AAAA;AAAA;AAAA,EAKQ,UAAUC,GAAiBC,IAA4B,WAAiB;AAC9E,UAAMC,IAAQ,SAAS,cAAc,KAAK;AAC1C,IAAAA,EAAM,YAAY,YAClBA,EAAM,cAAcF,GACpBE,EAAM,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA,oBAIND,MAAS,YAAY,YAAY,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAW1D,SAAS,KAAK,YAAYC,CAAK,GAE/B,WAAW,MAAM;AACf,MAAAA,EAAM,MAAM,YAAY,sBACxB,WAAW,MAAMA,EAAM,OAAA,GAAU,GAAG;AAAA,IACtC,GAAG,GAAI;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKO,SAAe;AACpB,SAAK,OAAO,UAAU,IACtB,KAAK,WAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKO,UAAgB;AACrB,SAAK,OAAO,UAAU,IACtB,KAAK,iBAAiB,OAAA,GACtB,KAAK,kBAAkB,MACvB,KAAK,OAAO,MAAA,GACZ,KAAK,kBAAkB;AAAA,EACzB;AAAA;AAAA;AAAA;AAAA,EAKO,UAAgB;AACrB,SAAK,WAAA;AAAA,EACP;AAAA;AAAA;AAAA;AAAA,EAKO,mBAAuC;AAC5C,WAAO,KAAK,mBAAkB,KAAK,OAAO,IAAI,KAAK,eAAe,KAAK;AAAA,EACzE;AAAA;AAAA;AAAA;AAAA,EAKO,eAA8B;AACnC,WAAO,MAAM,KAAK,KAAK,OAAO,QAAQ;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA,EAKO,UAAgB;AACrB,SAAK,QAAA,GACL,KAAK,QAAQ,oBAAoB,aAAa,KAAK,gBAAgB,KAAK,IAAI,CAAC,GAC7E,KAAK,QAAQ,oBAAoB,cAAc,KAAK,iBAAiB,KAAK,IAAI,CAAC,GAC/E,KAAK,QAAQ,oBAAoB,SAAS,KAAK,YAAY,KAAK,IAAI,CAAC,GACrE,SAAS,oBAAoB,WAAW,KAAK,cAAc,KAAK,IAAI,CAAC;AAAA,EACvE;AACF;"}

package/dist/plugins/imagePicker.d.ts

@@ -2,6 +2,8 @@ export type ImagePickerOptions = {
     uploader?: (file: File) => Promise<string>;
     label?: string;
     title?: string;
+    placeholder?: string;
+    promptMessage?: string;
 };
 export declare function imagePickerPlugin(opts?: ImagePickerOptions): (editor: any) => void;
 //# sourceMappingURL=imagePicker.d.ts.map

package/dist/plugins/imagePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"imagePicker.d.ts","sourceRoot":"","sources":["../../src/plugins/imagePicker.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAUF,wBAAgB,iBAAiB,CAAC,IAAI,GAAE,kBAAuB,IAIrD,QAAQ,GAAG,UAuCpB"}
+{"version":3,"file":"imagePicker.d.ts","sourceRoot":"","sources":["../../src/plugins/imagePicker.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAUF,wBAAgB,iBAAiB,CAAC,IAAI,GAAE,kBAAuB,IAIrD,QAAQ,GAAG,UA4CpB"}

package/dist/plugins/imagePicker.js

@@ -1,16 +1,18 @@
-function s(e, l) {
-  const t = e.textarea, n = t.selectionStart ?? 0, r = t.selectionEnd ?? 0;
-  t.setRangeText(l, n, r, "end"), e.updatePreview?.(), t.focus();
+function m(e, r) {
+  const t = e.textarea, n = t.selectionStart ?? 0, l = t.selectionEnd ?? 0;
+  t.setRangeText(r, n, l, "end"), e.updatePreview?.(), t.focus();
 }
-function m(e = {}) {
-  const l = e.label ?? "🖼️", t = e.title ?? "Insert image";
+function f(e = {}) {
+  const r = e.label ?? "🖼️", t = e.title ?? "Insert image";
   return (n) => {
-    const r = n.container?.querySelector?.(".marzipan-toolbar") ?? n.container, a = document.createElement("button");
-    a.type = "button", a.title = t, a.className = "mz-btn mz-btn-image", a.textContent = l, a.onclick = async () => {
-      const i = prompt('Paste an image URL, or type "upload" to pick a file:');
+    const l = n.container?.querySelector?.(".marzipan-toolbar") ?? n.container, a = document.createElement("button");
+    a.type = "button", a.title = t, a.className = "mz-btn mz-btn-image", a.textContent = r, a.onclick = async () => {
+      const p = e.promptMessage ?? 'Paste an image URL, or type "upload" to pick a file:', d = e.placeholder ?? "", u = prompt(p, d);
+      if (!u) return;
+      const i = u.trim();
       if (!i) return;
       if (i.toLowerCase() !== "upload") {
-        s(n, `![alt text](${i})`);
+        m(n, `![alt text](${i})`);
         return;
       }
       const c = document.createElement("input");
@@ -18,16 +20,16 @@ function m(e = {}) {
         const o = c.files?.[0];
         if (o)
           try {
-            const u = e.uploader ? await e.uploader(o) : URL.createObjectURL(o);
-            s(n, `![${o.name}](${u})`);
-          } catch (u) {
-            console.error("Image upload failed:", u), alert("Image upload failed.");
+            const s = e.uploader ? await e.uploader(o) : URL.createObjectURL(o);
+            m(n, `![${o.name}](${s})`);
+          } catch (s) {
+            console.error("Image upload failed:", s), alert("Image upload failed.");
           }
       }, c.click();
-    }, r?.appendChild(a);
+    }, l?.appendChild(a);
   };
 }
 export {
-  m as imagePickerPlugin
+  f as imagePickerPlugin
 };
 //# sourceMappingURL=imagePicker.js.map

package/dist/plugins/imagePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"imagePicker.js","sources":["../../src/plugins/imagePicker.ts"],"sourcesContent":["// plugins/imagePicker.ts\n// Adds a toolbar button to insert images. Supports URL or file -> blob URL.\n// Optional uploader(file) => Promise<string> to persist and return a real URL.\n\nexport type ImagePickerOptions = {\n  uploader?: (file: File) => Promise<string>;\n  label?: string; // button label or emoji\n  title?: string; // tooltip\n};\n\nfunction insertAtCursor(editor: any, text: string) {\n  const ta = editor.textarea as HTMLTextAreaElement;\n  const s = ta.selectionStart ?? 0, e = ta.selectionEnd ?? 0;\n  ta.setRangeText(text, s, e, 'end');\n  editor.updatePreview?.();\n  ta.focus();\n}\n\nexport function imagePickerPlugin(opts: ImagePickerOptions = {}) {\n  const label = opts.label ?? '🖼️';\n  const title = opts.title ?? 'Insert image';\n\n  return (editor: any) => {\n    // Find or create a toolbar container\n    const bar = editor.container?.querySelector?.('.marzipan-toolbar') as HTMLElement\n      ?? editor.container;\n\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.title = title;\n    btn.className = 'mz-btn mz-btn-image';\n    btn.textContent = label;\n\n    btn.onclick = async () => {\n      const mode = prompt('Paste an image URL, or type \"upload\" to pick a file:');\n      if (!mode) return;\n\n      if (mode.toLowerCase() !== 'upload') {\n        insertAtCursor(editor, `![alt text](${mode})`);\n        return;\n      }\n\n      const input = document.createElement('input');\n      input.type = 'file';\n      input.accept = 'image/*';\n      input.onchange = async () => {\n        const file = input.files?.[0];\n        if (!file) return;\n        try {\n          const url = opts.uploader ? await opts.uploader(file) : URL.createObjectURL(file);\n          insertAtCursor(editor, `![${file.name}](${url})`);\n        } catch (e) {\n          console.error('Image upload failed:', e);\n          alert('Image upload failed.');\n        }\n      };\n      input.click();\n    };\n\n    bar?.appendChild(btn);\n  };\n}"],"names":["insertAtCursor","editor","text","ta","s","e","imagePickerPlugin","opts","label","title","bar","btn","mode","input","file","url"],"mappings":"AAUA,SAASA,EAAeC,GAAaC,GAAc;AACjD,QAAMC,IAAKF,EAAO,UACZG,IAAID,EAAG,kBAAkB,GAAGE,IAAIF,EAAG,gBAAgB;AACzD,EAAAA,EAAG,aAAaD,GAAME,GAAGC,GAAG,KAAK,GACjCJ,EAAO,gBAAA,GACPE,EAAG,MAAA;AACL;AAEO,SAASG,EAAkBC,IAA2B,IAAI;AAC/D,QAAMC,IAAQD,EAAK,SAAS,OACtBE,IAAQF,EAAK,SAAS;AAE5B,SAAO,CAACN,MAAgB;AAEtB,UAAMS,IAAMT,EAAO,WAAW,gBAAgB,mBAAmB,KAC5DA,EAAO,WAENU,IAAM,SAAS,cAAc,QAAQ;AAC3C,IAAAA,EAAI,OAAO,UACXA,EAAI,QAAQF,GACZE,EAAI,YAAY,uBAChBA,EAAI,cAAcH,GAElBG,EAAI,UAAU,YAAY;AACxB,YAAMC,IAAO,OAAO,sDAAsD;AAC1E,UAAI,CAACA,EAAM;AAEX,UAAIA,EAAK,YAAA,MAAkB,UAAU;AACnC,QAAAZ,EAAeC,GAAQ,eAAeW,CAAI,GAAG;AAC7C;AAAA,MACF;AAEA,YAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,MAAAA,EAAM,OAAO,QACbA,EAAM,SAAS,WACfA,EAAM,WAAW,YAAY;AAC3B,cAAMC,IAAOD,EAAM,QAAQ,CAAC;AAC5B,YAAKC;AACL,cAAI;AACF,kBAAMC,IAAMR,EAAK,WAAW,MAAMA,EAAK,SAASO,CAAI,IAAI,IAAI,gBAAgBA,CAAI;AAChF,YAAAd,EAAeC,GAAQ,KAAKa,EAAK,IAAI,KAAKC,CAAG,GAAG;AAAA,UAClD,SAASV,GAAG;AACV,oBAAQ,MAAM,wBAAwBA,CAAC,GACvC,MAAM,sBAAsB;AAAA,UAC9B;AAAA,MACF,GACAQ,EAAM,MAAA;AAAA,IACR,GAEAH,GAAK,YAAYC,CAAG;AAAA,EACtB;AACF;"}
+{"version":3,"file":"imagePicker.js","sources":["../../src/plugins/imagePicker.ts"],"sourcesContent":["// plugins/imagePicker.ts\n// Adds a toolbar button to insert images. Supports URL or file -> blob URL.\n// Optional uploader(file) => Promise<string> to persist and return a real URL.\n\nexport type ImagePickerOptions = {\n  uploader?: (file: File) => Promise<string>;\n  label?: string; // button label or emoji\n  title?: string; // tooltip\n  placeholder?: string; // default value for prompt\n  promptMessage?: string; // custom prompt message\n};\n\nfunction insertAtCursor(editor: any, text: string) {\n  const ta = editor.textarea as HTMLTextAreaElement;\n  const s = ta.selectionStart ?? 0, e = ta.selectionEnd ?? 0;\n  ta.setRangeText(text, s, e, 'end');\n  editor.updatePreview?.();\n  ta.focus();\n}\n\nexport function imagePickerPlugin(opts: ImagePickerOptions = {}) {\n  const label = opts.label ?? '🖼️';\n  const title = opts.title ?? 'Insert image';\n\n  return (editor: any) => {\n    // Find or create a toolbar container\n    const bar = editor.container?.querySelector?.('.marzipan-toolbar') as HTMLElement\n      ?? editor.container;\n\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.title = title;\n    btn.className = 'mz-btn mz-btn-image';\n    btn.textContent = label;\n\n    btn.onclick = async () => {\n      const promptMessage = opts.promptMessage ?? 'Paste an image URL, or type \"upload\" to pick a file:';\n      const initialValue = opts.placeholder ?? '';\n      const mode = prompt(promptMessage, initialValue);\n      if (!mode) return;\n\n      const normalized = mode.trim();\n      if (!normalized) return;\n\n      if (normalized.toLowerCase() !== 'upload') {\n        insertAtCursor(editor, `![alt text](${normalized})`);\n        return;\n      }\n\n      const input = document.createElement('input');\n      input.type = 'file';\n      input.accept = 'image/*';\n      input.onchange = async () => {\n        const file = input.files?.[0];\n        if (!file) return;\n        try {\n          const url = opts.uploader ? await opts.uploader(file) : URL.createObjectURL(file);\n          insertAtCursor(editor, `![${file.name}](${url})`);\n        } catch (e) {\n          console.error('Image upload failed:', e);\n          alert('Image upload failed.');\n        }\n      };\n      input.click();\n    };\n\n    bar?.appendChild(btn);\n  };\n}\n"],"names":["insertAtCursor","editor","text","ta","s","e","imagePickerPlugin","opts","label","title","bar","btn","promptMessage","initialValue","mode","normalized","input","file","url"],"mappings":"AAYA,SAASA,EAAeC,GAAaC,GAAc;AACjD,QAAMC,IAAKF,EAAO,UACZG,IAAID,EAAG,kBAAkB,GAAGE,IAAIF,EAAG,gBAAgB;AACzD,EAAAA,EAAG,aAAaD,GAAME,GAAGC,GAAG,KAAK,GACjCJ,EAAO,gBAAA,GACPE,EAAG,MAAA;AACL;AAEO,SAASG,EAAkBC,IAA2B,IAAI;AAC/D,QAAMC,IAAQD,EAAK,SAAS,OACtBE,IAAQF,EAAK,SAAS;AAE5B,SAAO,CAACN,MAAgB;AAEtB,UAAMS,IAAMT,EAAO,WAAW,gBAAgB,mBAAmB,KAC5DA,EAAO,WAENU,IAAM,SAAS,cAAc,QAAQ;AAC3C,IAAAA,EAAI,OAAO,UACXA,EAAI,QAAQF,GACZE,EAAI,YAAY,uBAChBA,EAAI,cAAcH,GAElBG,EAAI,UAAU,YAAY;AACxB,YAAMC,IAAgBL,EAAK,iBAAiB,wDACtCM,IAAeN,EAAK,eAAe,IACnCO,IAAO,OAAOF,GAAeC,CAAY;AAC/C,UAAI,CAACC,EAAM;AAEX,YAAMC,IAAaD,EAAK,KAAA;AACxB,UAAI,CAACC,EAAY;AAEjB,UAAIA,EAAW,YAAA,MAAkB,UAAU;AACzC,QAAAf,EAAeC,GAAQ,eAAec,CAAU,GAAG;AACnD;AAAA,MACF;AAEA,YAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,MAAAA,EAAM,OAAO,QACbA,EAAM,SAAS,WACfA,EAAM,WAAW,YAAY;AAC3B,cAAMC,IAAOD,EAAM,QAAQ,CAAC;AAC5B,YAAKC;AACL,cAAI;AACF,kBAAMC,IAAMX,EAAK,WAAW,MAAMA,EAAK,SAASU,CAAI,IAAI,IAAI,gBAAgBA,CAAI;AAChF,YAAAjB,EAAeC,GAAQ,KAAKgB,EAAK,IAAI,KAAKC,CAAG,GAAG;AAAA,UAClD,SAASb,GAAG;AACV,oBAAQ,MAAM,wBAAwBA,CAAC,GACvC,MAAM,sBAAsB;AAAA,UAC9B;AAAA,MACF,GACAW,EAAM,MAAA;AAAA,IACR,GAEAN,GAAK,YAAYC,CAAG;AAAA,EACtB;AACF;"}

package/dist/plugins/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Marzipan Plugins
+ *
+ * Collection of plugins that extend Marzipan's functionality.
+ */
+export { BlockHandlesPlugin } from './block-handles';
+export type { BlockHandle, BlockHandlesConfig } from './block-handles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.ts"],"names":[],"mappings":"AACA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/plugins/index.js

@@ -0,0 +1,5 @@
+import { BlockHandlesPlugin as e } from "./block-handles.js";
+export {
+  e as BlockHandlesPlugin
+};
+//# sourceMappingURL=index.js.map

package/dist/plugins/index.js.map

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

package/dist/plugins/mermaidPlugin.js

@@ -4,7 +4,7 @@ function u(s) {
     const m = async (t) => {
       const n = t.querySelectorAll("pre code.language-mermaid");
       if (!n.length) return;
-      const l = await import("../mermaid.core-DENutRS8.js").then((a) => a.bD);
+      const l = await import("../mermaid.core-BwjwqwU6.js").then((a) => a.bD);
       r ?? (r = l.default), r.initialize({
         startOnLoad: !1,
         theme: document.documentElement.classList.contains("dark") ? "dark" : "default",

package/dist/plugins/tableGridPlugin.d.ts

@@ -3,12 +3,14 @@ type MzEditor = {
     textarea: HTMLTextAreaElement;
     updatePreview: () => void;
 };
-export declare function tableGridPlugin(opts?: {
+export interface TableGridPluginOptions {
     maxRows?: number;
+    maxColumns?: number;
     maxCols?: number;
     label?: string;
     title?: string;
-}): (editor: MzEditor) => void;
+}
+export declare function tableGridPlugin(opts?: TableGridPluginOptions): (editor: MzEditor) => void;
 export declare const tableGridStyles = "\n.mz-pop {\n  position: absolute; z-index: 9999; user-select: none;\n  background: var(--mz-pop-bg, #111); color: var(--mz-pop-fg, #eee);\n  border: 1px solid var(--mz-pop-bd, #333); border-radius: 10px;\n  box-shadow: 0 8px 24px rgba(0,0,0,.35); padding: 10px;\n}\n.mz-tablegrid {\n  display: grid; grid-template-rows: repeat(var(--r), 16px);\n  grid-template-columns: repeat(var(--c), 16px);\n  gap: 4px; margin: 4px;\n}\n.mz-tablegrid .mz-cell {\n  width: 16px; height: 16px; border-radius: 4px;\n  background: var(--mz-cell-bg, #1d1f23); border: 1px solid var(--mz-cell-bd, #2b2f36);\n}\n.mz-tablegrid .mz-cell.sel {\n  background: var(--mz-cell-sel-bg, #2f6feb); border-color: var(--mz-cell-sel-bd, #3b82f6);\n}\n.mz-tablegrid-status { font-size: 12px; opacity: .8; padding: 6px 4px 2px; text-align: center; }\n.mz-btn { cursor: pointer; }\n";
 export {};
 //# sourceMappingURL=tableGridPlugin.d.ts.map

package/dist/plugins/tableGridPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableGridPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/tableGridPlugin.ts"],"names":[],"mappings":"AAKA,KAAK,QAAQ,GAAG;IACd,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAWF,wBAAgB,eAAe,CAAC,IAAI,CAAC,EAAE;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,IAMS,QAAQ,QAAQ,UAiFzB;AAGD,eAAO,MAAM,eAAe,o1BAqB3B,CAAC"}
+{"version":3,"file":"tableGridPlugin.d.ts","sourceRoot":"","sources":["../../src/plugins/tableGridPlugin.ts"],"names":[],"mappings":"AAKA,KAAK,QAAQ,GAAG;IACd,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAWD,wBAAgB,eAAe,CAAC,IAAI,GAAE,sBAA2B,IAMvD,QAAQ,QAAQ,UAiFzB;AAGD,eAAO,MAAM,eAAe,o1BAqB3B,CAAC"}

package/dist/plugins/tableGridPlugin.js

@@ -1,23 +1,23 @@
 import { b as h } from "../table-DMIy93NJ.js";
-function y(r, i) {
-  const o = r.textarea, m = o.selectionStart ?? 0, p = o.selectionEnd ?? 0;
-  o.setRangeText(i, m, p, "end"), r.updatePreview(), o.focus();
+function C(n, i) {
+  const o = n.textarea, m = o.selectionStart ?? 0, p = o.selectionEnd ?? 0;
+  o.setRangeText(i, m, p, "end"), n.updatePreview(), o.focus();
 }
-function E(r) {
-  const i = Math.max(1, r?.maxRows ?? 10), o = Math.max(1, r?.maxCols ?? 10), m = r?.label ?? "▦", p = r?.title ?? "Insert table";
+function E(n = {}) {
+  const i = Math.max(1, n.maxRows ?? 10), o = Math.max(1, n.maxColumns ?? n.maxCols ?? 10), m = n.label ?? "▦", p = n.title ?? "Insert table";
   return (u) => {
-    const z = u.container.querySelector(".marzipan-toolbar") ?? u.container, n = document.createElement("button");
-    n.type = "button", n.className = "mz-btn mz-btn-tablegrid", n.title = p, n.textContent = m;
+    const z = u.container.querySelector(".marzipan-toolbar") ?? u.container, r = document.createElement("button");
+    r.type = "button", r.className = "mz-btn mz-btn-tablegrid", r.title = p, r.textContent = m;
     let e = null;
-    function a() {
-      e?.remove(), e = null, document.removeEventListener("click", g, !0), window.removeEventListener("resize", a), window.removeEventListener("scroll", a, !0);
+    function l() {
+      e?.remove(), e = null, document.removeEventListener("click", g, !0), window.removeEventListener("resize", l), window.removeEventListener("scroll", l, !0);
     }
     function g(t) {
-      e && (t.target instanceof Node && (e.contains(t.target) || n.contains(t.target)) || a());
+      e && (t.target instanceof Node && (e.contains(t.target) || r.contains(t.target)) || l());
     }
     function v() {
       if (e) {
-        a();
+        l();
         return;
       }
       e = document.createElement("div"), e.className = "mz-pop mz-tablegrid-pop";
@@ -25,27 +25,27 @@ function E(r) {
       t.className = "mz-tablegrid", t.style.setProperty("--r", String(i)), t.style.setProperty("--c", String(o));
       const d = document.createElement("div");
       d.className = "mz-tablegrid-status", d.textContent = "0 × 0";
-      for (let l = 1; l <= i; l++)
+      for (let a = 1; a <= i; a++)
         for (let s = 1; s <= o; s++) {
           const c = document.createElement("div");
-          c.className = "mz-cell", c.dataset.r = String(l), c.dataset.c = String(s), c.onmouseenter = () => {
-            d.textContent = `${l} × ${s}`, t.querySelectorAll(".mz-cell").forEach((b) => {
+          c.className = "mz-cell", c.dataset.r = String(a), c.dataset.c = String(s), c.onmouseenter = () => {
+            d.textContent = `${a} × ${s}`, t.querySelectorAll(".mz-cell").forEach((b) => {
               const f = Number(b.dataset.r), w = Number(b.dataset.c);
-              b.classList.toggle("sel", f <= l && w <= s);
+              b.classList.toggle("sel", f <= a && w <= s);
             });
           }, c.onclick = () => {
-            y(u, `
-${h(l, s)}
-`), a();
+            C(u, `
+${h(a, s)}
+`), l();
           }, t.appendChild(c);
         }
       e.appendChild(t), e.appendChild(d), document.body.appendChild(e);
-      const x = n.getBoundingClientRect();
+      const x = r.getBoundingClientRect();
       e.style.left = `${Math.round(window.scrollX + x.left)}px`, e.style.top = `${Math.round(window.scrollY + x.bottom + 6)}px`, setTimeout(() => {
-        document.addEventListener("click", g, !0), window.addEventListener("resize", a), window.addEventListener("scroll", a, !0);
+        document.addEventListener("click", g, !0), window.addEventListener("resize", l), window.addEventListener("scroll", l, !0);
       }, 0);
     }
-    n.onclick = v, z.appendChild(n);
+    r.onclick = v, z.appendChild(r);
   };
 }
 const k = `