@toolbox-web/grid 1.21.0 → 1.21.2

package/lib/plugins/editing/index.js

@@ -1,1540 +1,2 @@
-function P(o) {
-  o && o.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
-}
-const y = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])', D = document.createElement("template");
-D.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
-const H = document.createElement("template");
-H.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
-function L(o, e) {
-  if (o._virtualization?.enabled) {
-    const { rowHeight: n, container: l, viewportEl: c } = o._virtualization, a = l, d = c?.clientHeight ?? a?.clientHeight ?? 0;
-    if (a && d > 0) {
-      const g = o._focusRow * n;
-      g < a.scrollTop ? a.scrollTop = g : g + n > a.scrollTop + d && (a.scrollTop = g - d + n);
-    }
-  }
-  const t = o._activeEditRows !== void 0 && o._activeEditRows !== -1;
-  t || o.refreshVirtualWindow(!1), P(o._bodyEl), Array.from(o._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((n) => {
-    n.setAttribute("aria-selected", "false");
-  });
-  const i = o._focusRow, r = o._virtualization.start ?? 0, s = o._virtualization.end ?? o._rows.length;
-  if (i >= r && i < s) {
-    const n = o._bodyEl.querySelectorAll(".data-grid-row")[i - r];
-    let l = n?.children[o._focusCol];
-    if ((!l || !l.classList?.contains("cell")) && (l = n?.querySelector(`.cell[data-col="${o._focusCol}"]`) ?? n?.querySelector(".cell[data-col]")), l) {
-      l.classList.add("cell-focus"), l.setAttribute("aria-selected", "true");
-      const c = o.querySelector(".tbw-scroll-area");
-      if (c && l && (!t || e?.forceHorizontalScroll))
-        if (e?.forceScrollLeft)
-          c.scrollLeft = 0;
-        else if (e?.forceScrollRight)
-          c.scrollLeft = c.scrollWidth - c.clientWidth;
-        else {
-          const a = o._getHorizontalScrollOffsets?.(n ?? void 0, l) ?? { left: 0, right: 0 };
-          if (!a.skipScroll) {
-            const d = l.getBoundingClientRect(), g = c.getBoundingClientRect(), f = d.left - g.left + c.scrollLeft, E = f + d.width, p = c.scrollLeft + a.left, m = c.scrollLeft + c.clientWidth - a.right;
-            f < p ? c.scrollLeft = f - a.left : E > m && (c.scrollLeft = E - c.clientWidth + a.right);
-          }
-        }
-      if (t && l.classList.contains("editing")) {
-        const a = l.querySelector(y);
-        if (a && document.activeElement !== a)
-          try {
-            a.focus({ preventScroll: !0 });
-          } catch {
-          }
-      } else if (t && !l.contains(document.activeElement)) {
-        l.hasAttribute("tabindex") || l.setAttribute("tabindex", "-1");
-        try {
-          l.focus({ preventScroll: !0 });
-        } catch {
-        }
-      } else if (!t) {
-        const a = o;
-        document.activeElement !== a && a.focus({ preventScroll: !0 });
-      }
-    }
-  }
-}
-const I = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', O = {
-  expand: "▶",
-  collapse: "▼",
-  sortAsc: "▲",
-  sortDesc: "▼",
-  sortNone: "⇅",
-  submenuArrow: "▶",
-  dragHandle: "⋮⋮",
-  toolPanel: "☰",
-  filter: I,
-  filterActive: I,
-  print: "🖨️"
-};
-class B {
-  /**
-   * Plugin dependencies - declare other plugins this one requires.
-   *
-   * Dependencies are validated when the plugin is attached.
-   * Required dependencies throw an error if missing.
-   * Optional dependencies log an info message if missing.
-   *
-   * @example
-   * ```typescript
-   * static readonly dependencies: PluginDependency[] = [
-   *   { name: 'editing', required: true, reason: 'Tracks cell edits for undo/redo' },
-   *   { name: 'selection', required: false, reason: 'Enables selection-based undo' },
-   * ];
-   * ```
-   */
-  static dependencies;
-  /**
-   * Plugin manifest - declares owned properties, config rules, and hook priorities.
-   *
-   * This is read by the configuration validator to:
-   * - Validate that required plugins are loaded when their properties are used
-   * - Execute configRules to detect invalid/conflicting settings
-   * - Order hook execution based on priority
-   *
-   * @example
-   * ```typescript
-   * static override readonly manifest: PluginManifest<MyConfig> = {
-   *   ownedProperties: [
-   *     { property: 'myProp', level: 'column', description: 'the "myProp" column property' },
-   *   ],
-   *   configRules: [
-   *     { id: 'myPlugin/conflict', severity: 'warn', message: '...', check: (c) => c.a && c.b },
-   *   ],
-   * };
-   * ```
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  static manifest;
-  /**
-   * Plugin version - defaults to grid version for built-in plugins.
-   * Third-party plugins can override with their own semver.
-   */
-  version = typeof __GRID_VERSION__ < "u" ? __GRID_VERSION__ : "dev";
-  /** CSS styles to inject into the grid's shadow DOM */
-  styles;
-  /** Custom cell renderers keyed by type name */
-  cellRenderers;
-  /** Custom header renderers keyed by type name */
-  headerRenderers;
-  /** Custom cell editors keyed by type name */
-  cellEditors;
-  /** The grid instance this plugin is attached to */
-  grid;
-  /** Plugin configuration - merged with defaults in attach() */
-  config;
-  /** User-provided configuration from constructor */
-  userConfig;
-  /**
-   * Plugin-level AbortController for event listener cleanup.
-   * Created fresh in attach(), aborted in detach().
-   * This ensures event listeners are properly cleaned up when plugins are re-attached.
-   */
-  #t;
-  /**
-   * Default configuration - subclasses should override this getter.
-   * Note: This must be a getter (not property initializer) for proper inheritance
-   * since property initializers run after parent constructor.
-   */
-  get defaultConfig() {
-    return {};
-  }
-  constructor(e = {}) {
-    this.userConfig = e;
-  }
-  /**
-   * Called when the plugin is attached to a grid.
-   * Override to set up event listeners, initialize state, etc.
-   *
-   * @example
-   * ```ts
-   * attach(grid: GridElement): void {
-   *   super.attach(grid);
-   *   // Set up document-level listeners with auto-cleanup
-   *   document.addEventListener('keydown', this.handleEscape, {
-   *     signal: this.disconnectSignal
-   *   });
-   * }
-   * ```
-   */
-  attach(e) {
-    this.#t?.abort(), this.#t = new AbortController(), this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
-  }
-  /**
-   * Called when the plugin is detached from a grid.
-   * Override to clean up event listeners, timers, etc.
-   *
-   * @example
-   * ```ts
-   * detach(): void {
-   *   // Clean up any state not handled by disconnectSignal
-   *   this.selectedRows.clear();
-   *   this.cache = null;
-   * }
-   * ```
-   */
-  detach() {
-    this.#t?.abort(), this.#t = void 0;
-  }
-  /**
-   * Get another plugin instance from the same grid.
-   * Use for inter-plugin communication.
-   *
-   * @example
-   * ```ts
-   * const selection = this.getPlugin(SelectionPlugin);
-   * if (selection) {
-   *   const selectedRows = selection.getSelectedRows();
-   * }
-   * ```
-   */
-  getPlugin(e) {
-    return this.grid?.getPlugin(e);
-  }
-  /**
-   * Emit a custom event from the grid.
-   */
-  emit(e, t) {
-    this.grid?.dispatchEvent?.(new CustomEvent(e, { detail: t, bubbles: !0 }));
-  }
-  /**
-   * Emit a cancelable custom event from the grid.
-   * @returns `true` if the event was cancelled (preventDefault called), `false` otherwise
-   */
-  emitCancelable(e, t) {
-    const i = new CustomEvent(e, { detail: t, bubbles: !0, cancelable: !0 });
-    return this.grid?.dispatchEvent?.(i), i.defaultPrevented;
-  }
-  // =========================================================================
-  // Event Bus - Plugin-to-Plugin Communication
-  // =========================================================================
-  /**
-   * Subscribe to an event from another plugin.
-   * The subscription is automatically cleaned up when this plugin is detached.
-   *
-   * @category Plugin Development
-   * @param eventType - The event type to listen for (e.g., 'filter-change')
-   * @param callback - The callback to invoke when the event is emitted
-   *
-   * @example
-   * ```typescript
-   * // In attach() or other initialization
-   * this.on('filter-change', (detail) => {
-   *   console.log('Filter changed:', detail);
-   * });
-   * ```
-   */
-  on(e, t) {
-    this.grid?._pluginManager?.subscribe(this, e, t);
-  }
-  /**
-   * Unsubscribe from a plugin event.
-   *
-   * @category Plugin Development
-   * @param eventType - The event type to stop listening for
-   *
-   * @example
-   * ```typescript
-   * this.off('filter-change');
-   * ```
-   */
-  off(e) {
-    this.grid?._pluginManager?.unsubscribe(this, e);
-  }
-  /**
-   * Emit an event to other plugins via the Event Bus.
-   * This is for inter-plugin communication only; it does NOT dispatch DOM events.
-   * Use `emit()` to dispatch DOM events that external consumers can listen to.
-   *
-   * @category Plugin Development
-   * @param eventType - The event type to emit (should be declared in manifest.events)
-   * @param detail - The event payload
-   *
-   * @example
-   * ```typescript
-   * // Emit to other plugins (not DOM)
-   * this.emitPluginEvent('filter-change', { field: 'name', value: 'Alice' });
-   *
-   * // For DOM events that consumers can addEventListener to:
-   * this.emit('filter-change', { field: 'name', value: 'Alice' });
-   * ```
-   */
-  emitPluginEvent(e, t) {
-    this.grid?._pluginManager?.emitPluginEvent(e, t);
-  }
-  /**
-   * Request a re-render of the grid.
-   * Uses ROWS phase - does NOT trigger processColumns hooks.
-   */
-  requestRender() {
-    this.grid?.requestRender?.();
-  }
-  /**
-   * Request a columns re-render of the grid.
-   * Uses COLUMNS phase - triggers processColumns hooks.
-   * Use this when your plugin needs to reprocess column configuration.
-   */
-  requestColumnsRender() {
-    this.grid?.requestColumnsRender?.();
-  }
-  /**
-   * Request a re-render and restore focus styling afterward.
-   * Use this when a plugin action (like expand/collapse) triggers a render
-   * but needs to maintain keyboard navigation focus.
-   */
-  requestRenderWithFocus() {
-    this.grid?.requestRenderWithFocus?.();
-  }
-  /**
-   * Request a lightweight style update without rebuilding DOM.
-   * Use this instead of requestRender() when only CSS classes need updating.
-   */
-  requestAfterRender() {
-    this.grid?.requestAfterRender?.();
-  }
-  /**
-   * Get the current rows from the grid.
-   */
-  get rows() {
-    return this.grid?.rows ?? [];
-  }
-  /**
-   * Get the original unfiltered/unprocessed rows from the grid.
-   * Use this when you need all source data regardless of active filters.
-   */
-  get sourceRows() {
-    return this.grid?.sourceRows ?? [];
-  }
-  /**
-   * Get the current columns from the grid.
-   */
-  get columns() {
-    return this.grid?.columns ?? [];
-  }
-  /**
-   * Get only visible columns from the grid (excludes hidden).
-   * Use this for rendering that needs to match the grid template.
-   */
-  get visibleColumns() {
-    return this.grid?._visibleColumns ?? [];
-  }
-  /**
-   * Get the grid as an HTMLElement for direct DOM operations.
-   * Use sparingly - prefer the typed GridElementRef API when possible.
-   *
-   * @example
-   * ```ts
-   * const width = this.gridElement.clientWidth;
-   * this.gridElement.classList.add('my-plugin-active');
-   * ```
-   */
-  get gridElement() {
-    return this.grid;
-  }
-  /**
-   * Get the disconnect signal for event listener cleanup.
-   * This signal is aborted when the grid disconnects from the DOM.
-   * Use this when adding event listeners that should be cleaned up automatically.
-   *
-   * Best for:
-   * - Document/window-level listeners added in attach()
-   * - Listeners on the grid element itself
-   * - Any listener that should persist across renders
-   *
-   * Not needed for:
-   * - Listeners on elements created in afterRender() (removed with element)
-   *
-   * @example
-   * element.addEventListener('click', handler, { signal: this.disconnectSignal });
-   * document.addEventListener('keydown', handler, { signal: this.disconnectSignal });
-   */
-  get disconnectSignal() {
-    return this.#t?.signal ?? this.grid?.disconnectSignal;
-  }
-  /**
-   * Get the grid-level icons configuration.
-   * Returns merged icons (user config + defaults).
-   */
-  get gridIcons() {
-    const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...O, ...e };
-  }
-  // #region Animation Helpers
-  /**
-   * Check if animations are enabled at the grid level.
-   * Respects gridConfig.animation.mode and the CSS variable set by the grid.
-   *
-   * Plugins should use this to skip animations when:
-   * - Animation mode is 'off' or `false`
-   * - User prefers reduced motion and mode is 'reduced-motion' (default)
-   *
-   * @example
-   * ```ts
-   * private get animationStyle(): 'slide' | 'fade' | false {
-   *   if (!this.isAnimationEnabled) return false;
-   *   return this.config.animation ?? 'slide';
-   * }
-   * ```
-   */
-  get isAnimationEnabled() {
-    const e = this.grid?.effectiveConfig?.animation?.mode ?? "reduced-motion";
-    if (e === !1 || e === "off") return !1;
-    if (e === !0 || e === "on") return !0;
-    const t = this.gridElement;
-    return t ? getComputedStyle(t).getPropertyValue("--tbw-animation-enabled").trim() !== "0" : !0;
-  }
-  /**
-   * Get the animation duration in milliseconds from CSS variable.
-   * Falls back to 200ms if not set.
-   *
-   * Plugins can use this for their animation timing to stay consistent
-   * with the grid-level animation.duration setting.
-   *
-   * @example
-   * ```ts
-   * element.animate(keyframes, { duration: this.animationDuration });
-   * ```
-   */
-  get animationDuration() {
-    const e = this.gridElement;
-    if (e) {
-      const t = getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(), i = parseInt(t, 10);
-      if (!isNaN(i)) return i;
-    }
-    return 200;
-  }
-  // #endregion
-  /**
-   * Resolve an icon value to string or HTMLElement.
-   * Checks plugin config first, then grid-level icons, then defaults.
-   *
-   * @param iconKey - The icon key in GridIcons (e.g., 'expand', 'collapse')
-   * @param pluginOverride - Optional plugin-level override
-   * @returns The resolved icon value
-   */
-  resolveIcon(e, t) {
-    return t !== void 0 ? t : this.gridIcons[e];
-  }
-  /**
-   * Set an icon value on an element.
-   * Handles both string (text/HTML) and HTMLElement values.
-   *
-   * @param element - The element to set the icon on
-   * @param icon - The icon value (string or HTMLElement)
-   */
-  setIcon(e, t) {
-    typeof t == "string" ? e.innerHTML = t : t instanceof HTMLElement && (e.innerHTML = "", e.appendChild(t.cloneNode(!0)));
-  }
-  /**
-   * Log a warning message.
-   */
-  warn(e) {
-    console.warn(`[tbw-grid:${this.name}] ${e}`);
-  }
-  // #endregion
-}
-const x = "@layer tbw-plugins{tbw-grid{--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-row-bg: var(--tbw-editing-bg);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-editing-row-outline-color: var(--tbw-color-accent);--tbw-editing-row-outline-width: 1px;--tbw-invalid-bg: light-dark(#fef2f2, #450a0a);--tbw-invalid-border-color: light-dark(#ef4444, #f87171)}tbw-grid:not(.tbw-grid-mode) .data-grid-row:has(.editing){background:var(--tbw-editing-row-bg);outline:var(--tbw-editing-row-outline-width) solid var(--tbw-editing-row-outline-color);outline-offset:calc(-1 * var(--tbw-editing-row-outline-width))}tbw-grid .data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex;min-height:calc(var(--tbw-row-height) + 2px);align-items:center;justify-content:center}tbw-grid .data-grid-row>.cell.editing input:not([type=checkbox]),tbw-grid .data-grid-row>.cell.editing select,tbw-grid .data-grid-row>.cell.editing textarea{width:100%;height:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}tbw-grid .tbw-editor-host{display:contents}tbw-grid .data-grid-row>.cell[data-invalid=true]{background:var(--tbw-invalid-bg);outline:1px solid var(--tbw-invalid-border-color);outline-offset:-1px}}";
-function G(o) {
-  const e = o.options;
-  return e ? typeof e == "function" ? e() : e : [];
-}
-function N(o) {
-  return (e) => {
-    const t = o.editorParams, i = document.createElement("input");
-    i.type = "number", i.value = e.value != null ? String(e.value) : "", t?.min !== void 0 && (i.min = String(t.min)), t?.max !== void 0 && (i.max = String(t.max)), t?.step !== void 0 && (i.step = String(t.step)), t?.placeholder && (i.placeholder = t.placeholder);
-    const r = () => e.commit(i.value === "" ? null : Number(i.value));
-    return i.addEventListener("blur", r), i.addEventListener("keydown", (s) => {
-      s.key === "Enter" && r(), s.key === "Escape" && e.cancel();
-    }), i;
-  };
-}
-function $() {
-  return (o) => {
-    const e = document.createElement("input");
-    return e.type = "checkbox", e.checked = !!o.value, e.addEventListener("change", () => o.commit(e.checked)), e;
-  };
-}
-function z(o) {
-  return (e) => {
-    const t = o.editorParams, i = document.createElement("input");
-    i.type = "date", e.value instanceof Date ? i.valueAsDate = e.value : typeof e.value == "string" && e.value && (i.value = e.value.split("T")[0]), t?.min && (i.min = t.min), t?.max && (i.max = t.max), t?.placeholder && (i.placeholder = t.placeholder);
-    const r = () => {
-      typeof e.value == "string" ? e.commit(i.value) : e.commit(i.valueAsDate);
-    };
-    return i.addEventListener("change", r), i.addEventListener("keydown", (s) => {
-      s.key === "Escape" && e.cancel();
-    }), i;
-  };
-}
-function F(o) {
-  return (e) => {
-    const t = o.editorParams, i = document.createElement("select");
-    if (o.multi && (i.multiple = !0), t?.includeEmpty) {
-      const n = document.createElement("option");
-      n.value = "", n.textContent = t.emptyLabel ?? "", i.appendChild(n);
-    }
-    G(o).forEach((n) => {
-      const l = document.createElement("option");
-      l.value = String(n.value), l.textContent = n.label, (o.multi && Array.isArray(e.value) && e.value.includes(n.value) || !o.multi && e.value === n.value) && (l.selected = !0), i.appendChild(l);
-    });
-    const s = () => {
-      if (o.multi) {
-        const n = Array.from(i.selectedOptions).map((l) => l.value);
-        e.commit(n);
-      } else
-        e.commit(i.value);
-    };
-    return i.addEventListener("change", s), i.addEventListener("blur", s), i.addEventListener("keydown", (n) => {
-      n.key === "Escape" && e.cancel();
-    }), i;
-  };
-}
-function K(o) {
-  return (e) => {
-    const t = o.editorParams, i = document.createElement("input");
-    i.type = "text", i.value = e.value != null ? String(e.value) : "", t?.maxLength !== void 0 && (i.maxLength = t.maxLength), t?.pattern && (i.pattern = t.pattern), t?.placeholder && (i.placeholder = t.placeholder);
-    const r = () => {
-      const s = i.value;
-      (e.value === null || e.value === void 0) && s === "" || typeof e.value == "string" && s === e.value.replace(/[\n\r]/g, "") || (typeof e.value == "number" && s !== "" ? e.commit(Number(s)) : e.commit(s));
-    };
-    return i.addEventListener("blur", r), i.addEventListener("keydown", (s) => {
-      s.key === "Enter" && r(), s.key === "Escape" && e.cancel();
-    }), i;
-  };
-}
-function j(o) {
-  switch (o.type) {
-    case "number":
-      return N(o);
-    case "boolean":
-      return $();
-    case "date":
-      return z(o);
-    case "select":
-      return F(o);
-    default:
-      return K(o);
-  }
-}
-function W(o, e) {
-  if (e.editor) return e.editor;
-  if (e.__editorTemplate) return "template";
-  if (!e.type) return;
-  const i = o.effectiveConfig?.typeDefaults;
-  if (i?.[e.type]?.editor)
-    return i[e.type].editor;
-  const r = o.__frameworkAdapter;
-  if (r?.getTypeDefault) {
-    const s = r.getTypeDefault(e.type);
-    if (s?.editor)
-      return s.editor;
-  }
-}
-function S(o) {
-  return !(typeof o != "string" || o === "__proto__" || o === "constructor" || o === "prototype");
-}
-function U(o) {
-  const e = (o.__editingCellCount ?? 0) + 1;
-  o.__editingCellCount = e, o.setAttribute("data-has-editing", "");
-}
-function Q(o) {
-  o.__editingCellCount = 0, o.removeAttribute("data-has-editing");
-}
-function _(o, e, t) {
-  return o instanceof HTMLInputElement ? o.type === "checkbox" ? o.checked : o.type === "number" ? o.value === "" ? null : Number(o.value) : o.type === "date" ? typeof t == "string" ? o.value : o.valueAsDate : typeof t == "number" ? o.value === "" ? null : Number(o.value) : t == null && o.value === "" || typeof t == "string" && o.value === t.replace(/[\n\r]/g, "") ? t : o.value : e?.type === "number" && o.value !== "" || typeof t == "number" && o.value !== "" ? Number(o.value) : t == null && o.value === "" ? t : o.value;
-}
-function T(o) {
-}
-function X(o, e, t, i) {
-  const r = o.querySelector("input,textarea,select");
-  r && (r.addEventListener("blur", () => {
-    t(_(r, e, i));
-  }), r instanceof HTMLInputElement && r.type === "checkbox" ? r.addEventListener("change", () => t(r.checked)) : r instanceof HTMLSelectElement && r.addEventListener("change", () => t(_(r, e, i))));
-}
-class Z extends B {
-  /**
-   * Plugin manifest - declares owned properties for configuration validation.
-   * @internal
-   */
-  static manifest = {
-    ownedProperties: [
-      {
-        property: "editable",
-        level: "column",
-        description: 'the "editable" column property',
-        isUsed: (e) => e === !0
-      },
-      {
-        property: "editor",
-        level: "column",
-        description: 'the "editor" column property'
-      },
-      {
-        property: "editorParams",
-        level: "column",
-        description: 'the "editorParams" column property'
-      }
-    ],
-    events: [
-      {
-        type: "cell-edit-committed",
-        description: "Emitted when a cell edit is committed (for plugin-to-plugin coordination)"
-      }
-    ],
-    queries: [
-      {
-        type: "isEditing",
-        description: "Returns whether any cell is currently being edited"
-      }
-    ]
-  };
-  /** @internal */
-  name = "editing";
-  /** @internal */
-  styles = x;
-  /** @internal */
-  get defaultConfig() {
-    return {
-      mode: "row",
-      editOn: "click"
-    };
-  }
-  /**
-   * Whether the grid is in 'grid' mode (all cells always editable).
-   */
-  get #t() {
-    return this.config.mode === "grid";
-  }
-  // #region Editing State (fully owned by plugin)
-  /** Currently active edit row index, or -1 if not editing */
-  #e = -1;
-  /** Row ID of the currently active edit row (stable across _rows replacement) */
-  #l;
-  /** Reference to the row object at edit-open time. Used as fallback in
-   *  #exitRowEdit when no row ID is available (prevents stale-index access). */
-  #f;
-  /** Currently active edit column index, or -1 if not editing */
-  #h = -1;
-  /** Snapshots of row data before editing started */
-  #c = /* @__PURE__ */ new Map();
-  /** Set of row IDs that have been modified (ID-based for stability) */
-  #r = /* @__PURE__ */ new Set();
-  /** Set of cells currently in edit mode: "rowIndex:colIndex" */
-  #o = /* @__PURE__ */ new Set();
-  /**
-   * Value-change callbacks for active editors.
-   * Keyed by "rowIndex:field" → callback that pushes updated values to the editor.
-   * Populated during #injectEditor, cleaned up when editors are removed.
-   */
-  #a = /* @__PURE__ */ new Map();
-  /** Flag to restore focus after next render (used when exiting edit mode) */
-  #g = !1;
-  /** Row index pending animation after render, or -1 if none */
-  #p = -1;
-  /**
-   * Invalid cell tracking: Map<rowId, Map<field, message>>
-   * Used for validation feedback without canceling edits.
-   */
-  #i = /* @__PURE__ */ new Map();
-  /**
-   * In grid mode, tracks whether an input field is currently focused.
-   * When true: arrow keys work within input (edit mode).
-   * When false: arrow keys navigate between cells (navigation mode).
-   * Escape switches to navigation mode, Enter switches to edit mode.
-   */
-  #n = !1;
-  /**
-   * In grid mode, when true, prevents inputs from auto-focusing.
-   * This is set when Escape is pressed (navigation mode) and cleared
-   * when Enter is pressed or user explicitly clicks an input.
-   */
-  #d = !1;
-  /**
-   * When true, only a single cell is being edited (triggered by F2 or `beginCellEdit`).
-   * Tab and Arrow keys commit and close the editor instead of navigating to adjacent cells.
-   */
-  #u = !1;
-  // #endregion
-  // #region Lifecycle
-  /** @internal */
-  attach(e) {
-    super.attach(e);
-    const t = this.disconnectSignal, i = e;
-    i._activeEditRows = -1, i._rowEditSnapshots = /* @__PURE__ */ new Map(), Object.defineProperty(e, "changedRows", {
-      get: () => this.changedRows,
-      configurable: !0
-    }), Object.defineProperty(e, "changedRowIds", {
-      get: () => this.changedRowIds,
-      configurable: !0
-    }), e.resetChangedRows = (r) => this.resetChangedRows(r), e.beginBulkEdit = (r, s) => {
-      s && this.beginCellEdit(r, s);
-    }, document.addEventListener(
-      "keydown",
-      (r) => {
-        if (!this.#t && r.key === "Escape" && this.#e !== -1) {
-          if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(r) === !1)
-            return;
-          this.#s(this.#e, !0);
-        }
-      },
-      { capture: !0, signal: t }
-    ), document.addEventListener(
-      "mousedown",
-      (r) => {
-        if (this.#t || this.#e === -1) return;
-        const s = i.findRenderedRowElement?.(this.#e);
-        !s || (r.composedPath && r.composedPath() || []).includes(s) || this.config.onBeforeEditClose && this.config.onBeforeEditClose(r) === !1 || queueMicrotask(() => {
-          this.#e !== -1 && this.#s(this.#e, !1);
-        });
-      },
-      { signal: t }
-    ), this.gridElement.addEventListener(
-      "cell-change",
-      (r) => {
-        const s = r.detail;
-        if (s.source === "user") return;
-        const n = `${s.rowIndex}:${s.field}`, l = this.#a.get(n);
-        l && l(s.newValue);
-      },
-      { signal: t }
-    ), this.#t && (i._isGridEditMode = !0, this.gridElement.classList.add("tbw-grid-mode"), this.requestRender(), this.gridElement.addEventListener(
-      "focusin",
-      (r) => {
-        const s = r.target;
-        if (s.matches(y)) {
-          if (this.#d) {
-            s.blur(), this.gridElement.focus();
-            return;
-          }
-          this.#n = !0;
-        }
-      },
-      { signal: t }
-    ), this.gridElement.addEventListener(
-      "focusout",
-      (r) => {
-        const s = r.relatedTarget;
-        (!s || !this.gridElement.contains(s) || !s.matches(y)) && (this.#n = !1);
-      },
-      { signal: t }
-    ), this.gridElement.addEventListener(
-      "keydown",
-      (r) => {
-        if (r.key === "Escape" && this.#n) {
-          if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(r) === !1)
-            return;
-          const s = document.activeElement;
-          s && this.gridElement.contains(s) && (s.blur(), this.gridElement.focus()), this.#n = !1, this.#d = !0, r.preventDefault(), r.stopPropagation();
-        }
-      },
-      { capture: !0, signal: t }
-    ), this.gridElement.addEventListener(
-      "mousedown",
-      (r) => {
-        r.target.matches(y) && (this.#d = !1);
-      },
-      { signal: t }
-    ));
-  }
-  /** @internal */
-  detach() {
-    const e = this.gridElement;
-    e._isGridEditMode = !1, this.gridElement.classList.remove("tbw-grid-mode"), this.#e = -1, this.#l = void 0, this.#f = void 0, this.#h = -1, this.#c.clear(), this.#r.clear(), this.#o.clear(), this.#a.clear(), this.#n = !1, this.#d = !1, this.#u = !1, super.detach();
-  }
-  /**
-   * Handle plugin queries.
-   * @internal
-   */
-  handleQuery(e) {
-    if (e.type === "isEditing")
-      return this.#t || this.#e !== -1;
-  }
-  // #endregion
-  // #region Event Handlers (event distribution)
-  /**
-   * Handle cell clicks - start editing if configured for click mode.
-   * Both click and dblclick events come through this handler.
-   * Starts row-based editing (all editable cells in the row get editors).
-   * @internal
-   */
-  onCellClick(e) {
-    if (this.#t) return !1;
-    const t = this.grid, i = this.config.editOn ?? t.effectiveConfig?.editOn;
-    if (i === !1 || i === "manual" || i !== "click" && i !== "dblclick") return !1;
-    const r = e.originalEvent.type === "dblclick";
-    if (i === "click" && r || i === "dblclick" && !r) return !1;
-    const { rowIndex: s } = e;
-    return t._columns?.some((l) => l.editable) ? (e.originalEvent.stopPropagation(), this.beginBulkEdit(s), !0) : !1;
-  }
-  /**
-   * Handle keyboard events for edit lifecycle.
-   * @internal
-   */
-  onKeyDown(e) {
-    const t = this.grid;
-    if (e.key === "Escape") {
-      if (this.#t && this.#n) {
-        if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1)
-          return !0;
-        const i = document.activeElement;
-        return i && this.gridElement.contains(i) && i.blur(), this.#n = !1, this.requestAfterRender(), !0;
-      }
-      if (this.#e !== -1 && !this.#t)
-        return this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1 || this.#s(this.#e, !0), !0;
-    }
-    if (this.#t && !this.#n && (e.key === "ArrowUp" || e.key === "ArrowDown" || e.key === "ArrowLeft" || e.key === "ArrowRight"))
-      return !1;
-    if (this.#t && this.#n && (e.key === "ArrowUp" || e.key === "ArrowDown"))
-      return !0;
-    if ((e.key === "ArrowUp" || e.key === "ArrowDown") && this.#e !== -1 && !this.#t) {
-      if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1)
-        return !0;
-      const i = t._rows.length - 1, r = this.#e;
-      return this.#s(r, !1), e.key === "ArrowDown" ? t._focusRow = Math.min(i, t._focusRow + 1) : t._focusRow = Math.max(0, t._focusRow - 1), e.preventDefault(), L(t), this.requestAfterRender(), !0;
-    }
-    if (e.key === "Tab" && (this.#e !== -1 || this.#t)) {
-      if (e.preventDefault(), this.#u)
-        return this.#s(this.#e, !1), !0;
-      const i = !e.shiftKey;
-      return this.#_(i), !0;
-    }
-    if (e.key === " " || e.key === "Spacebar") {
-      if (this.#e !== -1)
-        return !1;
-      const i = t._focusRow, r = t._focusCol;
-      if (i >= 0 && r >= 0) {
-        const s = t._visibleColumns[r], n = t._rows[i];
-        if (s?.editable && s.type === "boolean" && n) {
-          const l = s.field;
-          if (S(l)) {
-            const a = !n[l];
-            return this.#v(i, s, a, n), e.preventDefault(), this.requestRender(), !0;
-          }
-        }
-      }
-      return !1;
-    }
-    if (e.key === "Enter" && !e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) {
-      if (this.#t && !this.#n)
-        return this.#R(), !0;
-      if (this.#e !== -1)
-        return !!(this.config.onBeforeEditClose && this.config.onBeforeEditClose(e) === !1);
-      const i = this.config.editOn ?? t.effectiveConfig?.editOn;
-      if (i === !1 || i === "manual") return !1;
-      const r = t._focusRow, s = t._focusCol;
-      if (r >= 0 && t._columns?.some((l) => l.editable)) {
-        const l = t._visibleColumns[s], c = t._rows[r], a = l?.field ?? "", d = a && c ? c[a] : void 0, g = this.gridElement.querySelector(`[data-row="${r}"][data-col="${s}"]`), f = new CustomEvent("cell-activate", {
-          cancelable: !0,
-          bubbles: !0,
-          detail: {
-            rowIndex: r,
-            colIndex: s,
-            field: a,
-            value: d,
-            row: c,
-            cellEl: g,
-            trigger: "keyboard",
-            originalEvent: e
-          }
-        });
-        this.gridElement.dispatchEvent(f);
-        const E = new CustomEvent("activate-cell", {
-          cancelable: !0,
-          bubbles: !0,
-          detail: { row: r, col: s }
-        });
-        return this.gridElement.dispatchEvent(E), f.defaultPrevented || E.defaultPrevented ? (e.preventDefault(), !0) : (this.beginBulkEdit(r), !0);
-      }
-      return !1;
-    }
-    if (e.key === "F2") {
-      if (this.#e !== -1 || this.#t || (this.config.editOn ?? t.effectiveConfig?.editOn) === !1) return !1;
-      const r = t._focusRow, s = t._focusCol;
-      if (r >= 0 && s >= 0) {
-        const n = t._visibleColumns[s];
-        if (n?.editable && n.field)
-          return e.preventDefault(), this.beginCellEdit(r, n.field), !0;
-      }
-      return !1;
-    }
-    return !1;
-  }
-  // #endregion
-  // #region Render Hooks
-  /**
-   * Process columns to merge type-level editorParams with column-level.
-   * Column-level params take precedence.
-   * @internal
-   */
-  processColumns(e) {
-    const t = this.grid, i = t.effectiveConfig?.typeDefaults, r = t.__frameworkAdapter;
-    return !i && !r?.getTypeDefault ? e : e.map((s) => {
-      if (!s.type) return s;
-      let n;
-      if (i?.[s.type]?.editorParams && (n = i[s.type].editorParams), !n && r?.getTypeDefault) {
-        const l = r.getTypeDefault(s.type);
-        l?.editorParams && (n = l.editorParams);
-      }
-      return n ? {
-        ...s,
-        editorParams: { ...n, ...s.editorParams }
-      } : s;
-    });
-  }
-  /**
-   * After render, reapply editors to cells in edit mode.
-   * This handles virtualization - when a row scrolls back into view,
-   * we need to re-inject the editor.
-   * @internal
-   */
-  afterRender() {
-    const e = this.grid;
-    if (this.#g && (this.#g = !1, this.#y(e)), this.#p !== -1) {
-      const t = this.#p;
-      this.#p = -1, e.animateRow?.(t, "change");
-    }
-    if (!this.#t && this.#o.size !== 0)
-      for (const t of this.#o) {
-        const [i, r] = t.split(":"), s = parseInt(i, 10), n = parseInt(r, 10), l = e.findRenderedRowElement?.(s);
-        if (!l) continue;
-        const c = l.querySelector(`.cell[data-col="${n}"]`);
-        if (!c || c.classList.contains("editing")) continue;
-        const a = e._rows[s], d = e._visibleColumns[n];
-        a && d && this.#w(a, s, d, n, c, !0);
-      }
-  }
-  /**
-   * Hook called after each cell is rendered.
-   * In grid mode, injects editors into editable cells during render (no DOM queries needed).
-   * @internal
-   */
-  afterCellRender(e) {
-    if (!this.#t) return;
-    const { row: t, rowIndex: i, column: r, colIndex: s, cellElement: n } = e;
-    r.editable && (n.classList.contains("editing") || this.#w(t, i, r, s, n, !0));
-  }
-  /**
-   * On scroll render, reapply editors to recycled cells.
-   * @internal
-   */
-  onScrollRender() {
-    this.afterRender();
-  }
-  // #endregion
-  // #region Public API
-  /**
-   * Get all rows that have been modified.
-   * Uses ID-based lookup for stability when rows are reordered.
-   */
-  get changedRows() {
-    const e = [];
-    for (const t of this.#r) {
-      const i = this.grid.getRow(t);
-      i && e.push(i);
-    }
-    return e;
-  }
-  /**
-   * Get IDs of all modified rows.
-   */
-  get changedRowIds() {
-    return Array.from(this.#r);
-  }
-  /**
-   * Get the currently active edit row index, or -1 if not editing.
-   */
-  get activeEditRow() {
-    return this.#e;
-  }
-  /**
-   * Get the currently active edit column index, or -1 if not editing.
-   */
-  get activeEditCol() {
-    return this.#h;
-  }
-  /**
-   * Check if a specific row is currently being edited.
-   */
-  isRowEditing(e) {
-    return this.#e === e;
-  }
-  /**
-   * Check if a specific cell is currently being edited.
-   */
-  isCellEditing(e, t) {
-    return this.#o.has(`${e}:${t}`);
-  }
-  /**
-   * Check if a specific row has been modified.
-   * @param rowIndex - Row index to check (will be converted to ID internally)
-   */
-  isRowChanged(e) {
-    const t = this.grid, i = t._rows[e];
-    if (!i) return !1;
-    try {
-      const r = t.getRowId?.(i);
-      return r ? this.#r.has(r) : !1;
-    } catch {
-      return !1;
-    }
-  }
-  /**
-   * Check if a row with the given ID has been modified.
-   * @param rowId - Row ID to check
-   */
-  isRowChangedById(e) {
-    return this.#r.has(e);
-  }
-  // #region Cell Validation
-  /**
-   * Mark a cell as invalid with an optional validation message.
-   * Invalid cells are marked with a `data-invalid` attribute for styling.
-   *
-   * @param rowId - The row ID (from getRowId)
-   * @param field - The field name
-   * @param message - Optional validation message (for tooltips or display)
-   *
-   * @example
-   * ```typescript
-   * // In cell-commit handler:
-   * grid.addEventListener('cell-commit', (e) => {
-   *   if (e.detail.field === 'email' && !isValidEmail(e.detail.value)) {
-   *     e.detail.setInvalid('Invalid email format');
-   *   }
-   * });
-   *
-   * // Or programmatically:
-   * editingPlugin.setInvalid('row-123', 'email', 'Invalid email format');
-   * ```
-   */
-  setInvalid(e, t, i = "") {
-    let r = this.#i.get(e);
-    r || (r = /* @__PURE__ */ new Map(), this.#i.set(e, r)), r.set(t, i), this.#m(e, t, !0);
-  }
-  /**
-   * Clear the invalid state for a specific cell.
-   *
-   * @param rowId - The row ID (from getRowId)
-   * @param field - The field name
-   */
-  clearInvalid(e, t) {
-    const i = this.#i.get(e);
-    i && (i.delete(t), i.size === 0 && this.#i.delete(e)), this.#m(e, t, !1);
-  }
-  /**
-   * Clear all invalid cells for a specific row.
-   *
-   * @param rowId - The row ID (from getRowId)
-   */
-  clearRowInvalid(e) {
-    const t = this.#i.get(e);
-    if (t) {
-      const i = Array.from(t.keys());
-      this.#i.delete(e), i.forEach((r) => this.#m(e, r, !1));
-    }
-  }
-  /**
-   * Clear all invalid cell states across all rows.
-   */
-  clearAllInvalid() {
-    const e = Array.from(this.#i.entries());
-    this.#i.clear(), e.forEach(([t, i]) => {
-      i.forEach((r, s) => this.#m(t, s, !1));
-    });
-  }
-  /**
-   * Check if a specific cell is marked as invalid.
-   *
-   * @param rowId - The row ID (from getRowId)
-   * @param field - The field name
-   * @returns True if the cell is marked as invalid
-   */
-  isCellInvalid(e, t) {
-    return this.#i.get(e)?.has(t) ?? !1;
-  }
-  /**
-   * Get the validation message for an invalid cell.
-   *
-   * @param rowId - The row ID (from getRowId)
-   * @param field - The field name
-   * @returns The validation message, or undefined if cell is valid
-   */
-  getInvalidMessage(e, t) {
-    return this.#i.get(e)?.get(t);
-  }
-  /**
-   * Check if a row has any invalid cells.
-   *
-   * @param rowId - The row ID (from getRowId)
-   * @returns True if the row has at least one invalid cell
-   */
-  hasInvalidCells(e) {
-    const t = this.#i.get(e);
-    return t ? t.size > 0 : !1;
-  }
-  /**
-   * Get all invalid fields for a row.
-   *
-   * @param rowId - The row ID (from getRowId)
-   * @returns Map of field names to validation messages
-   */
-  getInvalidFields(e) {
-    return new Map(this.#i.get(e) ?? []);
-  }
-  /**
-   * Sync the data-invalid attribute on a cell element.
-   */
-  #m(e, t, i) {
-    const r = this.grid, s = r._visibleColumns?.findIndex((d) => d.field === t);
-    if (s === -1 || s === void 0) return;
-    const l = r._rows?.findIndex((d) => {
-      try {
-        return r.getRowId?.(d) === e;
-      } catch {
-        return !1;
-      }
-    });
-    if (l === -1 || l === void 0) return;
-    const a = r.findRenderedRowElement?.(l)?.querySelector(`.cell[data-col="${s}"]`);
-    if (a)
-      if (i) {
-        a.setAttribute("data-invalid", "true");
-        const d = this.#i.get(e)?.get(t);
-        d && a.setAttribute("title", d);
-      } else
-        a.removeAttribute("data-invalid"), a.removeAttribute("title");
-  }
-  // #endregion
-  /**
-   * Reset all change tracking.
-   * @param silent - If true, suppresses the `changed-rows-reset` event
-   * @fires changed-rows-reset - Emitted when tracking is reset (unless silent)
-   */
-  resetChangedRows(e) {
-    const t = this.changedRows, i = this.changedRowIds;
-    this.#r.clear(), this.#E(), e || this.emit("changed-rows-reset", { rows: t, ids: i }), this.grid._rowPool?.forEach((s) => s.classList.remove("changed"));
-  }
-  /**
-   * Programmatically begin editing a cell.
-   * @param rowIndex - Index of the row to edit
-   * @param field - Field name of the column to edit
-   * @fires cell-commit - Emitted when the cell value is committed (on blur or Enter)
-   */
-  beginCellEdit(e, t) {
-    const i = this.grid, r = i._visibleColumns.findIndex((c) => c.field === t);
-    if (r === -1 || !i._visibleColumns[r]?.editable) return;
-    const l = i.findRenderedRowElement?.(e)?.querySelector(`.cell[data-col="${r}"]`);
-    l && (this.#u = !0, this.#C(e, r, l));
-  }
-  /**
-   * Programmatically begin editing all editable cells in a row.
-   * @param rowIndex - Index of the row to edit
-   * @fires cell-commit - Emitted for each cell value that is committed
-   * @fires row-commit - Emitted when focus leaves the row
-   */
-  beginBulkEdit(e) {
-    const t = this.grid;
-    if ((this.config.editOn ?? t.effectiveConfig?.editOn) === !1 || !t._columns?.some((l) => l.editable)) return;
-    const s = t.findRenderedRowElement?.(e);
-    if (!s) return;
-    this.#u = !1;
-    const n = t._rows[e];
-    this.#b(e, n), Array.from(s.children).forEach((l, c) => {
-      const a = t._visibleColumns[c];
-      if (a?.editable) {
-        const d = l;
-        d.classList.contains("editing") || this.#w(n, e, a, c, d, !0);
-      }
-    }), setTimeout(() => {
-      let l = s.querySelector(`.cell[data-col="${t._focusCol}"]`);
-      if (l?.classList.contains("editing") || (l = s.querySelector(".cell.editing")), l?.classList.contains("editing")) {
-        const c = l.querySelector(y);
-        try {
-          c?.focus({ preventScroll: !0 });
-        } catch {
-        }
-      }
-    }, 0);
-  }
-  /**
-   * Commit the currently active row edit.
-   * @fires row-commit - Emitted after the row edit is committed
-   */
-  commitActiveRowEdit() {
-    this.#e !== -1 && this.#s(this.#e, !1);
-  }
-  /**
-   * Cancel the currently active row edit.
-   */
-  cancelActiveRowEdit() {
-    this.#e !== -1 && this.#s(this.#e, !0);
-  }
-  // #endregion
-  // #region Internal Methods
-  /**
-   * Begin editing a single cell.
-   */
-  #C(e, t, i) {
-    const r = this.grid, s = r._rows[e], n = r._visibleColumns[t];
-    !s || !n?.editable || i.classList.contains("editing") || (this.#e !== e && this.#b(e, s), this.#h = t, this.#w(s, e, n, t, i, !1));
-  }
-  /**
-   * Focus the editor input in the currently focused cell (grid mode only).
-   * Used when pressing Enter to enter edit mode from navigation mode.
-   */
-  #R() {
-    const e = this.grid, t = e._focusRow, i = e._focusCol;
-    if (t < 0 || i < 0) return;
-    const s = e.findRenderedRowElement?.(t)?.querySelector(`.cell[data-col="${i}"]`);
-    if (s?.classList.contains("editing")) {
-      const n = s.querySelector(y);
-      n && (this.#d = !1, n.focus(), this.#n = !0, n instanceof HTMLInputElement && (n.type === "text" || n.type === "number") && n.select());
-    }
-  }
-  /**
-   * Handle Tab/Shift+Tab navigation while editing.
-   * Moves to next/previous editable cell, staying in edit mode.
-   * Wraps to next/previous row when reaching row boundaries.
-   */
-  #_(e) {
-    const t = this.grid, i = t._rows, r = this.#t ? t._focusRow : this.#e, s = t._visibleColumns.map((a, d) => a.editable ? d : -1).filter((a) => a >= 0);
-    if (s.length === 0) return;
-    const l = s.indexOf(t._focusCol) + (e ? 1 : -1);
-    if (l >= 0 && l < s.length) {
-      t._focusCol = s[l];
-      const d = t.findRenderedRowElement?.(r)?.querySelector(`.cell[data-col="${s[l]}"]`);
-      d?.classList.contains("editing") && d.querySelector(y)?.focus({ preventScroll: !0 }), L(t, { forceHorizontalScroll: !0 });
-      return;
-    }
-    const c = r + (e ? 1 : -1);
-    c >= 0 && c < i.length && (this.#t ? (t._focusRow = c, t._focusCol = e ? s[0] : s[s.length - 1], L(t, { forceHorizontalScroll: !0 }), this.requestAfterRender(), setTimeout(() => {
-      const d = t.findRenderedRowElement?.(c)?.querySelector(`.cell[data-col="${t._focusCol}"]`);
-      d?.classList.contains("editing") && d.querySelector(y)?.focus({ preventScroll: !0 });
-    }, 0)) : (this.#s(r, !1), t._focusRow = c, t._focusCol = e ? s[0] : s[s.length - 1], this.beginBulkEdit(c), L(t, { forceHorizontalScroll: !0 })));
-  }
-  /**
-   * Sync the internal grid state with the plugin's editing state.
-   */
-  #E() {
-    const e = this.grid;
-    e._activeEditRows = this.#e, e._rowEditSnapshots = this.#c;
-  }
-  /**
-   * Snapshot original row data and mark as editing.
-   */
-  #b(e, t) {
-    if (this.#e !== e) {
-      this.#c.set(e, { ...t }), this.#e = e, this.#f = t;
-      const i = this.grid;
-      try {
-        this.#l = i.getRowId?.(t) ?? void 0;
-      } catch {
-        this.#l = void 0;
-      }
-      this.#E(), this.#t || this.emit("edit-open", {
-        rowIndex: e,
-        rowId: this.#l ?? "",
-        row: t
-      });
-    }
-  }
-  /**
-   * Exit editing for a row.
-   */
-  #s(e, t) {
-    if (this.#e !== e) return;
-    const i = this.grid, r = this.#c.get(e), s = i.findRenderedRowElement?.(e);
-    let n = this.#l;
-    const c = (n ? i._getRowEntry(n) : void 0)?.row ?? this.#f ?? i._rows[e];
-    if (!n && c)
-      try {
-        n = i.getRowId?.(c);
-      } catch {
-      }
-    if (!t && s && c && s.querySelectorAll(".cell.editing").forEach((d) => {
-      const g = Number(d.getAttribute("data-col"));
-      if (isNaN(g)) return;
-      const f = i._visibleColumns[g];
-      if (!f || d.hasAttribute("data-editor-managed"))
-        return;
-      const E = d.querySelector("input,textarea,select");
-      if (E) {
-        const p = f.field, m = c[p], C = _(E, f, m);
-        m !== C && this.#v(e, f, C, c);
-      }
-    }), t && r && c)
-      Object.keys(r).forEach((a) => {
-        c[a] = r[a];
-      }), n && (this.#r.delete(n), this.clearRowInvalid(n));
-    else if (!t && c) {
-      const a = this.#L(r, c), d = n ? this.#r.has(n) : a, g = this.emitCancelable("row-commit", {
-        rowIndex: e,
-        rowId: n ?? "",
-        row: c,
-        oldValue: r,
-        newValue: c,
-        changed: d,
-        changedRows: this.changedRows,
-        changedRowIds: this.changedRowIds
-      });
-      g && r ? (Object.keys(r).forEach((f) => {
-        c[f] = r[f];
-      }), n && (this.#r.delete(n), this.clearRowInvalid(n))) : !g && a && this.isAnimationEnabled && (this.#p = e);
-    }
-    this.#c.delete(e), this.#e = -1, this.#l = void 0, this.#f = void 0, this.#h = -1, this.#u = !1, this.#E();
-    for (const a of this.#o)
-      a.startsWith(`${e}:`) && this.#o.delete(a);
-    for (const a of this.#a.keys())
-      a.startsWith(`${e}:`) && this.#a.delete(a);
-    this.#g = !0, s ? (s.querySelectorAll(".cell.editing").forEach((a) => {
-      a.classList.remove("editing"), Q(a.parentElement);
-    }), i.refreshVirtualWindow(!0)) : (this.#y(i), this.#g = !1), !this.#t && c && this.emit("edit-close", {
-      rowIndex: e,
-      rowId: n ?? "",
-      row: c,
-      reverted: t
-    });
-  }
-  /**
-   * Commit a single cell value change.
-   * Uses ID-based change tracking for stability when rows are reordered.
-   */
-  #v(e, t, i, r) {
-    const s = t.field;
-    if (!S(s)) return;
-    const n = r[s];
-    if (n === i) return;
-    const l = this.grid;
-    let c;
-    try {
-      c = this.grid.getRowId(r);
-    } catch {
-    }
-    const a = c ? !this.#r.has(c) : !0, d = c ? (m) => this.grid.updateRow(c, m, "cascade") : T;
-    let g = !1;
-    const f = c ? (m) => {
-      g = !0, this.setInvalid(c, s, m ?? "");
-    } : () => {
-    };
-    if (this.emitCancelable("cell-commit", {
-      row: r,
-      rowId: c ?? "",
-      field: s,
-      oldValue: n,
-      value: i,
-      rowIndex: e,
-      changedRows: this.changedRows,
-      changedRowIds: this.changedRowIds,
-      firstTimeForRow: a,
-      updateRow: d,
-      setInvalid: f
-    })) return;
-    c && !g && this.isCellInvalid(c, s) && this.clearInvalid(c, s), r[s] = i, c && this.#r.add(c), this.#E(), this.emitPluginEvent("cell-edit-committed", {
-      rowIndex: e,
-      field: s,
-      oldValue: n,
-      newValue: i
-    });
-    const p = l.findRenderedRowElement?.(e);
-    p && p.classList.add("changed");
-  }
-  /**
-   * Inject an editor into a cell.
-   */
-  #w(e, t, i, r, s, n) {
-    if (!i.editable || s.classList.contains("editing")) return;
-    let l;
-    try {
-      l = this.grid.getRowId(e);
-    } catch {
-    }
-    const c = l ? (u) => this.grid.updateRow(l, u, "cascade") : T, a = S(i.field) ? e[i.field] : void 0;
-    s.classList.add("editing"), this.#o.add(`${t}:${r}`);
-    const d = s.parentElement;
-    d && U(d);
-    let g = !1;
-    const f = (u) => {
-      if (g || !this.#t && this.#e === -1) return;
-      const h = this.grid, v = l ? h._getRowEntry(l) : void 0, b = v?.row ?? e, M = v?.index ?? t;
-      this.#v(M, i, u, b);
-    }, E = () => {
-      if (g = !0, S(i.field)) {
-        const u = this.grid, v = (l ? u._getRowEntry(l) : void 0)?.row ?? e;
-        v[i.field] = a;
-      }
-    }, p = document.createElement("div");
-    p.className = "tbw-editor-host", s.innerHTML = "", s.appendChild(p), p.addEventListener("keydown", (u) => {
-      if (u.key === "Enter") {
-        if (this.#t) {
-          u.stopPropagation(), u.preventDefault();
-          const h = p.querySelector("input,textarea,select");
-          h && f(_(h, i, a));
-          return;
-        }
-        if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(u) === !1)
-          return;
-        u.stopPropagation(), u.preventDefault(), g = !0, this.#s(t, !1);
-      }
-      if (u.key === "Escape") {
-        if (this.#t) {
-          u.stopPropagation(), u.preventDefault();
-          return;
-        }
-        if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(u) === !1)
-          return;
-        u.stopPropagation(), u.preventDefault(), E(), this.#s(t, !0);
-      }
-    });
-    const m = i, C = m.__editorTemplate, w = W(this.grid, m) ?? j(i), k = a, q = `${t}:${i.field}`, A = [];
-    this.#a.set(q, (u) => {
-      for (const h of A) h(u);
-    });
-    const R = (u) => {
-      A.push(u);
-    };
-    if (w === "template" && C)
-      this.#S(p, m, e, a, f, E, n, t), R((u) => {
-        const h = p.querySelector(
-          "input,textarea,select"
-        );
-        h && (h instanceof HTMLInputElement && h.type === "checkbox" ? h.checked = !!u : h.value = String(u ?? ""));
-      });
-    else if (typeof w == "string") {
-      const u = document.createElement(w);
-      u.value = k, u.addEventListener("change", () => f(u.value)), R((h) => {
-        u.value = h;
-      }), p.appendChild(u), n || queueMicrotask(() => {
-        p.querySelector(y)?.focus({ preventScroll: !0 });
-      });
-    } else if (typeof w == "function") {
-      const u = {
-        row: e,
-        rowId: l ?? "",
-        value: k,
-        field: i.field,
-        column: i,
-        commit: f,
-        cancel: E,
-        updateRow: c,
-        onValueChange: R
-      }, h = w(u);
-      typeof h == "string" ? (p.innerHTML = h, X(p, i, f, a), R((v) => {
-        const b = p.querySelector(
-          "input,textarea,select"
-        );
-        b && (b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked = !!v : b.value = String(v ?? ""));
-      })) : h instanceof Node && (p.appendChild(h), h instanceof HTMLInputElement || h instanceof HTMLSelectElement || h instanceof HTMLTextAreaElement ? R((b) => {
-        h instanceof HTMLInputElement && h.type === "checkbox" ? h.checked = !!b : h.value = String(b ?? "");
-      }) : s.setAttribute("data-editor-managed", "")), n || queueMicrotask(() => {
-        p.querySelector(y)?.focus({ preventScroll: !0 });
-      });
-    } else if (w && typeof w == "object") {
-      const u = document.createElement("div");
-      u.setAttribute("data-external-editor", ""), u.setAttribute("data-field", i.field), p.appendChild(u), s.setAttribute("data-editor-managed", "");
-      const h = {
-        row: e,
-        rowId: l ?? "",
-        value: k,
-        field: i.field,
-        column: i,
-        commit: f,
-        cancel: E,
-        updateRow: c,
-        onValueChange: R
-      };
-      if (w.mount)
-        try {
-          w.mount({ placeholder: u, context: h, spec: w });
-        } catch (v) {
-          console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, v);
-        }
-      else
-        this.grid.dispatchEvent(
-          new CustomEvent("mount-external-editor", { detail: { placeholder: u, spec: w, context: h } })
-        );
-    }
-  }
-  /**
-   * Render a template-based editor.
-   */
-  #S(e, t, i, r, s, n, l, c) {
-    const a = t.__editorTemplate;
-    if (!a) return;
-    const d = a.cloneNode(!0), g = t.__compiledEditor;
-    g ? d.innerHTML = g({
-      row: i,
-      value: r,
-      field: t.field,
-      column: t,
-      commit: s,
-      cancel: n
-    }) : d.querySelectorAll("*").forEach((E) => {
-      E.childNodes.length === 1 && E.firstChild?.nodeType === Node.TEXT_NODE && (E.textContent = E.textContent?.replace(/{{\s*value\s*}}/g, r == null ? "" : String(r)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (p, m) => {
-        if (!S(m)) return "";
-        const C = i[m];
-        return C == null ? "" : String(C);
-      }) || "");
-    });
-    const f = d.querySelector(
-      "input,textarea,select"
-    );
-    if (f) {
-      f instanceof HTMLInputElement && f.type === "checkbox" ? f.checked = !!r : f.value = String(r ?? "");
-      let E = !1;
-      f.addEventListener("blur", () => {
-        E || s(_(f, t, r));
-      }), f.addEventListener("keydown", (p) => {
-        const m = p;
-        if (m.key === "Enter") {
-          if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(m) === !1)
-            return;
-          m.stopPropagation(), m.preventDefault(), E = !0, s(_(f, t, r)), this.#s(c, !1);
-        }
-        if (m.key === "Escape") {
-          if (this.config.onBeforeEditClose && this.config.onBeforeEditClose(m) === !1)
-            return;
-          m.stopPropagation(), m.preventDefault(), n(), this.#s(c, !0);
-        }
-      }), f instanceof HTMLInputElement && f.type === "checkbox" && f.addEventListener("change", () => s(f.checked)), l || setTimeout(() => f.focus({ preventScroll: !0 }), 0);
-    }
-    e.appendChild(d);
-  }
-  /**
-   * Compare snapshot vs current row to detect if any values changed during this edit session.
-   * Uses shallow comparison of all properties.
-   */
-  #L(e, t) {
-    if (!e) return !1;
-    const i = e, r = t, s = /* @__PURE__ */ new Set([...Object.keys(i), ...Object.keys(r)]);
-    for (const n of s)
-      if (i[n] !== r[n])
-        return !0;
-    return !1;
-  }
-  /**
-   * Restore focus to cell after exiting edit mode.
-   */
-  #y(e) {
-    queueMicrotask(() => {
-      try {
-        const t = e._focusRow, i = e._focusCol, r = e.findRenderedRowElement?.(t);
-        if (r) {
-          Array.from(e._bodyEl.querySelectorAll(".cell-focus")).forEach(
-            (n) => n.classList.remove("cell-focus")
-          );
-          const s = r.querySelector(`.cell[data-row="${t}"][data-col="${i}"]`);
-          s && (s.classList.add("cell-focus"), s.setAttribute("aria-selected", "true"), s.hasAttribute("tabindex") || s.setAttribute("tabindex", "-1"), s.focus({ preventScroll: !0 }));
-        }
-      } catch {
-      }
-    });
-  }
-  // #endregion
-}
-export {
-  Z as EditingPlugin,
-  j as defaultEditorFor
-};
+const e='input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';document.createElement("template").innerHTML='<div class="cell" role="gridcell" part="cell"></div>';function t(t,i){if(t._virtualization?.enabled){const{rowHeight:e,container:i,viewportEl:n}=t._virtualization,o=i,r=n?.clientHeight??o?.clientHeight??0;if(o&&r>0){const i=t._focusRow*e;i<o.scrollTop?o.scrollTop=i:i+e>o.scrollTop+r&&(o.scrollTop=i-r+e)}}const n=void 0!==t._activeEditRows&&-1!==t._activeEditRows;var o;n||t.refreshVirtualWindow(!1),(o=t._bodyEl)&&o.querySelectorAll(".cell-focus").forEach(e=>e.classList.remove("cell-focus")),Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach(e=>{e.setAttribute("aria-selected","false")});const r=t._focusRow,s=t._virtualization.start??0,d=t._virtualization.end??t._rows.length;if(r>=s&&r<d){const o=t._bodyEl.querySelectorAll(".data-grid-row")[r-s];let d=o?.children[t._focusCol];if(d&&d.classList?.contains("cell")||(d=o?.querySelector(`.cell[data-col="${t._focusCol}"]`)??o?.querySelector(".cell[data-col]")),d){d.classList.add("cell-focus"),d.setAttribute("aria-selected","true");const r=t.querySelector(".tbw-scroll-area");if(r&&d&&(!n||i?.forceHorizontalScroll))if(i?.forceScrollLeft)r.scrollLeft=0;else if(i?.forceScrollRight)r.scrollLeft=r.scrollWidth-r.clientWidth;else{const e=t._getHorizontalScrollOffsets?.(o??void 0,d)??{left:0,right:0};if(!e.skipScroll){const t=d.getBoundingClientRect(),i=r.getBoundingClientRect(),n=t.left-i.left+r.scrollLeft,o=n+t.width,s=r.scrollLeft+e.left,l=r.scrollLeft+r.clientWidth-e.right;n<s?r.scrollLeft=n-e.left:o>l&&(r.scrollLeft=o-r.clientWidth+e.right)}}if(n&&d.classList.contains("editing")){const t=d.querySelector(e);if(t&&document.activeElement!==t)try{t.focus({preventScroll:!0})}catch{}}else if(n&&!d.contains(document.activeElement)){d.hasAttribute("tabindex")||d.setAttribute("tabindex","-1");try{d.focus({preventScroll:!0})}catch{}}else if(!n){const e=t;document.activeElement!==e&&e.focus({preventScroll:!0})}}}}document.createElement("template").innerHTML='<div class="data-grid-row" role="row" part="row"></div>';const i='<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>',n={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:i,filterActive:i,print:"🖨️"};class o{static dependencies;static manifest;version="undefined"!=typeof __GRID_VERSION__?__GRID_VERSION__:"dev";styles;cellRenderers;headerRenderers;cellEditors;grid;config;userConfig;#e;get defaultConfig(){return{}}constructor(e={}){this.userConfig=e}attach(e){this.#e?.abort(),this.#e=new AbortController,this.grid=e,this.config={...this.defaultConfig,...this.userConfig}}detach(){this.#e?.abort(),this.#e=void 0}getPlugin(e){return this.grid?.getPlugin(e)}emit(e,t){this.grid?.dispatchEvent?.(new CustomEvent(e,{detail:t,bubbles:!0}))}emitCancelable(e,t){const i=new CustomEvent(e,{detail:t,bubbles:!0,cancelable:!0});return this.grid?.dispatchEvent?.(i),i.defaultPrevented}on(e,t){this.grid?._pluginManager?.subscribe(this,e,t)}off(e){this.grid?._pluginManager?.unsubscribe(this,e)}emitPluginEvent(e,t){this.grid?._pluginManager?.emitPluginEvent(e,t)}requestRender(){this.grid?.requestRender?.()}requestColumnsRender(){this.grid?.requestColumnsRender?.()}requestRenderWithFocus(){this.grid?.requestRenderWithFocus?.()}requestAfterRender(){this.grid?.requestAfterRender?.()}get rows(){return this.grid?.rows??[]}get sourceRows(){return this.grid?.sourceRows??[]}get columns(){return this.grid?.columns??[]}get visibleColumns(){return this.grid?._visibleColumns??[]}get gridElement(){return this.grid}get disconnectSignal(){return this.#e?.signal??this.grid?.disconnectSignal}get gridIcons(){const e=this.grid?.gridConfig?.icons??{};return{...n,...e}}get isAnimationEnabled(){const e=this.grid?.effectiveConfig?.animation?.mode??"reduced-motion";if(!1===e||"off"===e)return!1;if(!0===e||"on"===e)return!0;const t=this.gridElement;if(t){return"0"!==getComputedStyle(t).getPropertyValue("--tbw-animation-enabled").trim()}return!0}get animationDuration(){const e=this.gridElement;if(e){const t=getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(),i=parseInt(t,10);if(!isNaN(i))return i}return 200}resolveIcon(e,t){return void 0!==t?t:this.gridIcons[e]}setIcon(e,t){"string"==typeof t?e.innerHTML=t:t instanceof HTMLElement&&(e.innerHTML="",e.appendChild(t.cloneNode(!0)))}warn(e){console.warn(`[tbw-grid:${this.name}] ${e}`)}}function r(e){switch(e.type){case"number":return function(e){return t=>{const i=e.editorParams,n=document.createElement("input");n.type="number",n.value=null!=t.value?String(t.value):"",void 0!==i?.min&&(n.min=String(i.min)),void 0!==i?.max&&(n.max=String(i.max)),void 0!==i?.step&&(n.step=String(i.step)),i?.placeholder&&(n.placeholder=i.placeholder);const o=()=>t.commit(""===n.value?null:Number(n.value));return n.addEventListener("blur",o),n.addEventListener("keydown",e=>{"Enter"===e.key&&o(),"Escape"===e.key&&t.cancel()}),n}}(e);case"boolean":return e=>{const t=document.createElement("input");return t.type="checkbox",t.checked=!!e.value,t.addEventListener("change",()=>e.commit(t.checked)),t};case"date":return function(e){return t=>{const i=e.editorParams,n=document.createElement("input");return n.type="date",t.value instanceof Date?n.valueAsDate=t.value:"string"==typeof t.value&&t.value&&(n.value=t.value.split("T")[0]),i?.min&&(n.min=i.min),i?.max&&(n.max=i.max),i?.placeholder&&(n.placeholder=i.placeholder),n.addEventListener("change",()=>{"string"==typeof t.value?t.commit(n.value):t.commit(n.valueAsDate)}),n.addEventListener("keydown",e=>{"Escape"===e.key&&t.cancel()}),n}}(e);case"select":return function(e){return t=>{const i=e.editorParams,n=document.createElement("select");if(e.multi&&(n.multiple=!0),i?.includeEmpty){const e=document.createElement("option");e.value="",e.textContent=i.emptyLabel??"",n.appendChild(e)}const o=function(e){const t=e.options;return t?"function"==typeof t?t():t:[]}(e);o.forEach(i=>{const o=document.createElement("option");o.value=String(i.value),o.textContent=i.label,e.multi&&Array.isArray(t.value)&&t.value.includes(i.value)?o.selected=!0:e.multi||t.value!==i.value||(o.selected=!0),n.appendChild(o)});const r=()=>{if(e.multi){const e=Array.from(n.selectedOptions).map(e=>e.value);t.commit(e)}else t.commit(n.value)};return n.addEventListener("change",r),n.addEventListener("blur",r),n.addEventListener("keydown",e=>{"Escape"===e.key&&t.cancel()}),n}}(e);default:return function(e){return t=>{const i=e.editorParams,n=document.createElement("input");n.type="text",n.value=null!=t.value?String(t.value):"",void 0!==i?.maxLength&&(n.maxLength=i.maxLength),i?.pattern&&(n.pattern=i.pattern),i?.placeholder&&(n.placeholder=i.placeholder);const o=()=>{const e=n.value;(null!==t.value&&void 0!==t.value||""!==e)&&("string"==typeof t.value&&e===t.value.replace(/[\n\r]/g,"")||("number"==typeof t.value&&""!==e?t.commit(Number(e)):t.commit(e)))};return n.addEventListener("blur",o),n.addEventListener("keydown",e=>{"Enter"===e.key&&o(),"Escape"===e.key&&t.cancel()}),n}}(e)}}function s(e){return"string"==typeof e&&("__proto__"!==e&&"constructor"!==e&&"prototype"!==e)}function d(e,t,i){return e instanceof HTMLInputElement?"checkbox"===e.type?e.checked:"number"===e.type?""===e.value?null:Number(e.value):"date"===e.type?"string"==typeof i?e.value:e.valueAsDate:"number"==typeof i?""===e.value?null:Number(e.value):null==i&&""===e.value||"string"==typeof i&&e.value===i.replace(/[\n\r]/g,"")?i:e.value:"number"===t?.type&&""!==e.value||"number"==typeof i&&""!==e.value?Number(e.value):null==i&&""===e.value?i:e.value}function l(e){}class c extends o{static manifest={ownedProperties:[{property:"editable",level:"column",description:'the "editable" column property',isUsed:e=>!0===e},{property:"editor",level:"column",description:'the "editor" column property'},{property:"editorParams",level:"column",description:'the "editorParams" column property'}],events:[{type:"cell-edit-committed",description:"Emitted when a cell edit is committed (for plugin-to-plugin coordination)"}],queries:[{type:"isEditing",description:"Returns whether any cell is currently being edited"}]};name="editing";styles="@layer tbw-plugins{tbw-grid{--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-row-bg: var(--tbw-editing-bg);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-editing-row-outline-color: var(--tbw-color-accent);--tbw-editing-row-outline-width: 1px;--tbw-invalid-bg: light-dark(#fef2f2, #450a0a);--tbw-invalid-border-color: light-dark(#ef4444, #f87171)}tbw-grid:not(.tbw-grid-mode) .data-grid-row:has(.editing){background:var(--tbw-editing-row-bg);outline:var(--tbw-editing-row-outline-width) solid var(--tbw-editing-row-outline-color);outline-offset:calc(-1 * var(--tbw-editing-row-outline-width))}tbw-grid .data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex;min-height:calc(var(--tbw-row-height) + 2px);align-items:center;justify-content:center}tbw-grid .data-grid-row>.cell.editing input:not([type=checkbox]),tbw-grid .data-grid-row>.cell.editing select,tbw-grid .data-grid-row>.cell.editing textarea{width:100%;height:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}tbw-grid .tbw-editor-host{display:contents}tbw-grid .data-grid-row>.cell[data-invalid=true]{background:var(--tbw-invalid-bg);outline:1px solid var(--tbw-invalid-border-color);outline-offset:-1px}}";get defaultConfig(){return{mode:"row",editOn:"click"}}get#t(){return"grid"===this.config.mode}#i=-1;#n;#o;#r=-1;#s=/* @__PURE__ */new Map;#d=/* @__PURE__ */new Set;#l=/* @__PURE__ */new Set;#c=/* @__PURE__ */new Map;#a=!1;#u=-1;#h=/* @__PURE__ */new Map;#f=!1;#g=!1;#w=!1;attach(t){super.attach(t);const i=this.disconnectSignal,n=t;n._activeEditRows=-1,n._rowEditSnapshots=/* @__PURE__ */new Map,Object.defineProperty(t,"changedRows",{get:()=>this.changedRows,configurable:!0}),Object.defineProperty(t,"changedRowIds",{get:()=>this.changedRowIds,configurable:!0}),t.resetChangedRows=e=>this.resetChangedRows(e),t.beginBulkEdit=(e,t)=>{t&&this.beginCellEdit(e,t)},document.addEventListener("keydown",e=>{if(!this.#t&&"Escape"===e.key&&-1!==this.#i){if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(e))return}this.#v(this.#i,!0)}},{capture:!0,signal:i}),document.addEventListener("mousedown",e=>{if(this.#t)return;if(-1===this.#i)return;const t=n.findRenderedRowElement?.(this.#i);if(!t)return;if(!(e.composedPath&&e.composedPath()||[]).includes(t)){if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(e))return}queueMicrotask(()=>{-1!==this.#i&&this.#v(this.#i,!1)})}},{signal:i}),this.gridElement.addEventListener("cell-change",e=>{const t=e.detail;if("user"===t.source)return;const i=`${t.rowIndex}:${t.field}`,n=this.#c.get(i);n&&n(t.newValue)},{signal:i}),this.#t&&(n._isGridEditMode=!0,this.gridElement.classList.add("tbw-grid-mode"),this.requestRender(),this.gridElement.addEventListener("focusin",t=>{const i=t.target;if(i.matches(e)){if(this.#g)return i.blur(),void this.gridElement.focus();this.#f=!0}},{signal:i}),this.gridElement.addEventListener("focusout",t=>{const i=t.relatedTarget;i&&this.gridElement.contains(i)&&i.matches(e)||(this.#f=!1)},{signal:i}),this.gridElement.addEventListener("keydown",e=>{if("Escape"===e.key&&this.#f){if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(e))return}const t=document.activeElement;t&&this.gridElement.contains(t)&&(t.blur(),this.gridElement.focus()),this.#f=!1,this.#g=!0,e.preventDefault(),e.stopPropagation()}},{capture:!0,signal:i}),this.gridElement.addEventListener("mousedown",t=>{t.target.matches(e)&&(this.#g=!1)},{signal:i}))}detach(){this.gridElement._isGridEditMode=!1,this.gridElement.classList.remove("tbw-grid-mode"),this.#i=-1,this.#n=void 0,this.#o=void 0,this.#r=-1,this.#s.clear(),this.#d.clear(),this.#l.clear(),this.#c.clear(),this.#f=!1,this.#g=!1,this.#w=!1,super.detach()}handleQuery(e){if("isEditing"===e.type)return this.#t||-1!==this.#i}onCellClick(e){if(this.#t)return!1;const t=this.grid,i=this.config.editOn??t.effectiveConfig?.editOn;if(!1===i||"manual"===i)return!1;if("click"!==i&&"dblclick"!==i)return!1;const n="dblclick"===e.originalEvent.type;if("click"===i&&n)return!1;if("dblclick"===i&&!n)return!1;const{rowIndex:o}=e,r=t._columns?.some(e=>e.editable);return!!r&&(e.originalEvent.stopPropagation(),this.beginBulkEdit(o),!0)}onKeyDown(e){const i=this.grid;if("Escape"===e.key){if(this.#t&&this.#f){if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(e))return!0}const t=document.activeElement;return t&&this.gridElement.contains(t)&&t.blur(),this.#f=!1,this.requestAfterRender(),!0}if(-1!==this.#i&&!this.#t){if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(e))return!0}return this.#v(this.#i,!0),!0}}if(this.#t&&!this.#f&&("ArrowUp"===e.key||"ArrowDown"===e.key||"ArrowLeft"===e.key||"ArrowRight"===e.key))return!1;if(this.#t&&this.#f&&("ArrowUp"===e.key||"ArrowDown"===e.key))return!0;if(("ArrowUp"===e.key||"ArrowDown"===e.key)&&-1!==this.#i&&!this.#t){if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(e))return!0}const n=i._rows.length-1,o=this.#i;return this.#v(o,!1),"ArrowDown"===e.key?i._focusRow=Math.min(n,i._focusRow+1):i._focusRow=Math.max(0,i._focusRow-1),e.preventDefault(),t(i),this.requestAfterRender(),!0}if("Tab"===e.key&&(-1!==this.#i||this.#t)){if(e.preventDefault(),this.#w)return this.#v(this.#i,!1),!0;const t=!e.shiftKey;return this.#p(t),!0}if(" "===e.key||"Spacebar"===e.key){if(-1!==this.#i)return!1;const t=i._focusRow,n=i._focusCol;if(t>=0&&n>=0){const o=i._visibleColumns[n],r=i._rows[t];if(o?.editable&&"boolean"===o.type&&r){const i=o.field;if(s(i)){const n=!r[i];return this.#m(t,o,n,r),e.preventDefault(),this.requestRender(),!0}}}return!1}if(!("Enter"!==e.key||e.shiftKey||e.ctrlKey||e.altKey||e.metaKey)){if(this.#t&&!this.#f)return this.#E(),!0;if(-1!==this.#i){if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(e))return!0}return!1}const t=this.config.editOn??i.effectiveConfig?.editOn;if(!1===t||"manual"===t)return!1;const n=i._focusRow,o=i._focusCol;if(n>=0){const t=i._columns?.some(e=>e.editable);if(t){const t=i._visibleColumns[o],r=i._rows[n],s=t?.field??"",d=s&&r?r[s]:void 0,l=this.gridElement.querySelector(`[data-row="${n}"][data-col="${o}"]`),c=new CustomEvent("cell-activate",{cancelable:!0,bubbles:!0,detail:{rowIndex:n,colIndex:o,field:s,value:d,row:r,cellEl:l,trigger:"keyboard",originalEvent:e}});this.gridElement.dispatchEvent(c);const a=new CustomEvent("activate-cell",{cancelable:!0,bubbles:!0,detail:{row:n,col:o}});return this.gridElement.dispatchEvent(a),c.defaultPrevented||a.defaultPrevented?(e.preventDefault(),!0):(this.beginBulkEdit(n),!0)}}return!1}if("F2"===e.key){if(-1!==this.#i||this.#t)return!1;if(!1===(this.config.editOn??i.effectiveConfig?.editOn))return!1;const t=i._focusRow,n=i._focusCol;if(t>=0&&n>=0){const o=i._visibleColumns[n];if(o?.editable&&o.field)return e.preventDefault(),this.beginCellEdit(t,o.field),!0}return!1}return!1}processColumns(e){const t=this.grid,i=t.effectiveConfig?.typeDefaults,n=t.__frameworkAdapter;return i||n?.getTypeDefault?e.map(e=>{if(!e.type)return e;let t;if(i?.[e.type]?.editorParams&&(t=i[e.type].editorParams),!t&&n?.getTypeDefault){const i=n.getTypeDefault(e.type);i?.editorParams&&(t=i.editorParams)}return t?{...e,editorParams:{...t,...e.editorParams}}:e}):e}afterRender(){const e=this.grid;if(this.#a&&(this.#a=!1,this.#b(e)),-1!==this.#u){const t=this.#u;this.#u=-1,e.animateRow?.(t,"change")}if(!this.#t&&0!==this.#l.size)for(const t of this.#l){const[i,n]=t.split(":"),o=parseInt(i,10),r=parseInt(n,10),s=e.findRenderedRowElement?.(o);if(!s)continue;const d=s.querySelector(`.cell[data-col="${r}"]`);if(!d||d.classList.contains("editing"))continue;const l=e._rows[o],c=e._visibleColumns[r];l&&c&&this.#R(l,o,c,r,d,!0)}}afterCellRender(e){if(!this.#t)return;const{row:t,rowIndex:i,column:n,colIndex:o,cellElement:r}=e;n.editable&&(r.classList.contains("editing")||this.#R(t,i,n,o,r,!0))}onScrollRender(){this.afterRender()}get changedRows(){const e=[];for(const t of this.#d){const i=this.grid.getRow(t);i&&e.push(i)}return e}get changedRowIds(){return Array.from(this.#d)}get activeEditRow(){return this.#i}get activeEditCol(){return this.#r}isRowEditing(e){return this.#i===e}isCellEditing(e,t){return this.#l.has(`${e}:${t}`)}isRowChanged(e){const t=this.grid,i=t._rows[e];if(!i)return!1;try{const e=t.getRowId?.(i);return!!e&&this.#d.has(e)}catch{return!1}}isRowChangedById(e){return this.#d.has(e)}setInvalid(e,t,i=""){let n=this.#h.get(e);n||(n=/* @__PURE__ */new Map,this.#h.set(e,n)),n.set(t,i),this.#y(e,t,!0)}clearInvalid(e,t){const i=this.#h.get(e);i&&(i.delete(t),0===i.size&&this.#h.delete(e)),this.#y(e,t,!1)}clearRowInvalid(e){const t=this.#h.get(e);if(t){const i=Array.from(t.keys());this.#h.delete(e),i.forEach(t=>this.#y(e,t,!1))}}clearAllInvalid(){const e=Array.from(this.#h.entries());this.#h.clear(),e.forEach(([e,t])=>{t.forEach((t,i)=>this.#y(e,i,!1))})}isCellInvalid(e,t){return this.#h.get(e)?.has(t)??!1}getInvalidMessage(e,t){return this.#h.get(e)?.get(t)}hasInvalidCells(e){const t=this.#h.get(e);return!!t&&t.size>0}getInvalidFields(e){return new Map(this.#h.get(e)??[])}#y(e,t,i){const n=this.grid,o=n._visibleColumns?.findIndex(e=>e.field===t);if(-1===o||void 0===o)return;const r=n._rows,s=r?.findIndex(t=>{try{return n.getRowId?.(t)===e}catch{return!1}});if(-1===s||void 0===s)return;const d=n.findRenderedRowElement?.(s),l=d?.querySelector(`.cell[data-col="${o}"]`);if(l)if(i){l.setAttribute("data-invalid","true");const i=this.#h.get(e)?.get(t);i&&l.setAttribute("title",i)}else l.removeAttribute("data-invalid"),l.removeAttribute("title")}resetChangedRows(e){const t=this.changedRows,i=this.changedRowIds;this.#d.clear(),this.#C(),e||this.emit("changed-rows-reset",{rows:t,ids:i});const n=this.grid;n._rowPool?.forEach(e=>e.classList.remove("changed"))}beginCellEdit(e,t){const i=this.grid,n=i._visibleColumns.findIndex(e=>e.field===t);if(-1===n)return;const o=i._visibleColumns[n];if(!o?.editable)return;const r=i.findRenderedRowElement?.(e),s=r?.querySelector(`.cell[data-col="${n}"]`);s&&(this.#w=!0,this.#_(e,n,s))}beginBulkEdit(t){const i=this.grid;if(!1===(this.config.editOn??i.effectiveConfig?.editOn))return;const n=i._columns?.some(e=>e.editable);if(!n)return;const o=i.findRenderedRowElement?.(t);if(!o)return;this.#w=!1;const r=i._rows[t];this.#I(t,r),Array.from(o.children).forEach((e,n)=>{const o=i._visibleColumns[n];if(o?.editable){const i=e;i.classList.contains("editing")||this.#R(r,t,o,n,i,!0)}}),setTimeout(()=>{let t=o.querySelector(`.cell[data-col="${i._focusCol}"]`);if(t?.classList.contains("editing")||(t=o.querySelector(".cell.editing")),t?.classList.contains("editing")){const i=t.querySelector(e);try{i?.focus({preventScroll:!0})}catch{}}},0)}commitActiveRowEdit(){-1!==this.#i&&this.#v(this.#i,!1)}cancelActiveRowEdit(){-1!==this.#i&&this.#v(this.#i,!0)}#_(e,t,i){const n=this.grid,o=n._rows[e],r=n._visibleColumns[t];o&&r?.editable&&(i.classList.contains("editing")||(this.#i!==e&&this.#I(e,o),this.#r=t,this.#R(o,e,r,t,i,!1)))}#E(){const t=this.grid,i=t._focusRow,n=t._focusCol;if(i<0||n<0)return;const o=t.findRenderedRowElement?.(i),r=o?.querySelector(`.cell[data-col="${n}"]`);if(r?.classList.contains("editing")){const t=r.querySelector(e);t&&(this.#g=!1,t.focus(),this.#f=!0,t instanceof HTMLInputElement&&("text"===t.type||"number"===t.type)&&t.select())}}#p(i){const n=this.grid,o=n._rows,r=this.#t?n._focusRow:this.#i,s=n._visibleColumns.map((e,t)=>e.editable?t:-1).filter(e=>e>=0);if(0===s.length)return;const d=s.indexOf(n._focusCol)+(i?1:-1);if(d>=0&&d<s.length){n._focusCol=s[d];const i=n.findRenderedRowElement?.(r),o=i?.querySelector(`.cell[data-col="${s[d]}"]`);if(o?.classList.contains("editing")){const t=o.querySelector(e);t?.focus({preventScroll:!0})}return void t(n,{forceHorizontalScroll:!0})}const l=r+(i?1:-1);l>=0&&l<o.length&&(this.#t?(n._focusRow=l,n._focusCol=i?s[0]:s[s.length-1],t(n,{forceHorizontalScroll:!0}),this.requestAfterRender(),setTimeout(()=>{const t=n.findRenderedRowElement?.(l),i=t?.querySelector(`.cell[data-col="${n._focusCol}"]`);if(i?.classList.contains("editing")){const t=i.querySelector(e);t?.focus({preventScroll:!0})}},0)):(this.#v(r,!1),n._focusRow=l,n._focusCol=i?s[0]:s[s.length-1],this.beginBulkEdit(l),t(n,{forceHorizontalScroll:!0})))}#C(){const e=this.grid;e._activeEditRows=this.#i,e._rowEditSnapshots=this.#s}#I(e,t){if(this.#i!==e){this.#s.set(e,{...t}),this.#i=e,this.#o=t;const i=this.grid;try{this.#n=i.getRowId?.(t)??void 0}catch{this.#n=void 0}this.#C(),this.#t||this.emit("edit-open",{rowIndex:e,rowId:this.#n??"",row:t})}}#v(e,t){if(this.#i!==e)return;const i=this.grid,n=this.#s.get(e),o=i.findRenderedRowElement?.(e);let r=this.#n;const s=r?i._getRowEntry(r):void 0,l=s?.row??this.#o??i._rows[e];if(!r&&l)try{r=i.getRowId?.(l)}catch{}if(!t&&o&&l){o.querySelectorAll(".cell.editing").forEach(t=>{const n=Number(t.getAttribute("data-col"));if(isNaN(n))return;const o=i._visibleColumns[n];if(!o)return;if(t.hasAttribute("data-editor-managed"))return;const r=t.querySelector("input,textarea,select");if(r){const t=o.field,i=l[t],n=d(r,o,i);i!==n&&this.#m(e,o,n,l)}})}if(t||this.#t||!l||this.emit("before-edit-close",{rowIndex:e,rowId:r??"",row:l}),t&&n&&l)Object.keys(n).forEach(e=>{l[e]=n[e]}),r&&(this.#d.delete(r),this.clearRowInvalid(r));else if(!t&&l){const t=this.#k(n,l),i=r?this.#d.has(r):t,o=this.emitCancelable("row-commit",{rowIndex:e,rowId:r??"",row:l,oldValue:n,newValue:l,changed:i,changedRows:this.changedRows,changedRowIds:this.changedRowIds});o&&n?(Object.keys(n).forEach(e=>{l[e]=n[e]}),r&&(this.#d.delete(r),this.clearRowInvalid(r))):!o&&t&&this.isAnimationEnabled&&(this.#u=e)}this.#s.delete(e),this.#i=-1,this.#n=void 0,this.#o=void 0,this.#r=-1,this.#w=!1,this.#C();for(const d of this.#l)d.startsWith(`${e}:`)&&this.#l.delete(d);for(const d of this.#c.keys())d.startsWith(`${e}:`)&&this.#c.delete(d);this.#a=!0,o?(o.querySelectorAll(".cell.editing").forEach(e=>{e.classList.remove("editing"),function(e){e.__editingCellCount=0,e.removeAttribute("data-has-editing")}(e.parentElement)}),i.refreshVirtualWindow(!0)):(this.#b(i),this.#a=!1),!this.#t&&l&&this.emit("edit-close",{rowIndex:e,rowId:r??"",row:l,reverted:t})}#m(e,t,i,n){const o=t.field;if(!s(o))return;const r=n[o];if(r===i)return;const d=this.grid;let c;try{c=this.grid.getRowId(n)}catch{}const a=!c||!this.#d.has(c),u=c?e=>this.grid.updateRow(c,e,"cascade"):l;let h=!1;const f=c?e=>{h=!0,this.setInvalid(c,o,e??"")}:()=>{};if(this.emitCancelable("cell-commit",{row:n,rowId:c??"",field:o,oldValue:r,value:i,rowIndex:e,changedRows:this.changedRows,changedRowIds:this.changedRowIds,firstTimeForRow:a,updateRow:u,setInvalid:f}))return;c&&!h&&this.isCellInvalid(c,o)&&this.clearInvalid(c,o),n[o]=i,c&&this.#d.add(c),this.#C(),this.emitPluginEvent("cell-edit-committed",{rowIndex:e,field:o,oldValue:r,newValue:i});const g=d.findRenderedRowElement?.(e);g&&g.classList.add("changed")}#R(t,i,n,o,c,a){if(!n.editable)return;if(c.classList.contains("editing"))return;let u;try{u=this.grid.getRowId(t)}catch{}const h=u?e=>this.grid.updateRow(u,e,"cascade"):l,f=s(n.field)?t[n.field]:void 0;c.classList.add("editing"),this.#l.add(`${i}:${o}`);const g=c.parentElement;g&&function(e){const t=(e.__editingCellCount??0)+1;e.__editingCellCount=t,e.setAttribute("data-has-editing","")}(g);let w=!1;const v=e=>{if(w||!this.#t&&-1===this.#i)return;const o=this.grid,r=u?o._getRowEntry(u):void 0,s=r?.row??t,d=r?.index??i;this.#m(d,n,e,s)},p=()=>{if(w=!0,s(n.field)){const e=this.grid,i=u?e._getRowEntry(u):void 0;(i?.row??t)[n.field]=f}},m=document.createElement("div");m.className="tbw-editor-host",c.innerHTML="",c.appendChild(m),m.addEventListener("keydown",e=>{if("Enter"===e.key){if(this.#t){e.stopPropagation(),e.preventDefault();const t=m.querySelector("input,textarea,select");return void(t&&v(d(t,n,f)))}if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(e))return}e.stopPropagation(),e.preventDefault(),w=!0,this.#v(i,!1)}if("Escape"===e.key){if(this.#t)return e.stopPropagation(),void e.preventDefault();if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(e))return}e.stopPropagation(),e.preventDefault(),p(),this.#v(i,!0)}});const E=n,b=E.__editorTemplate,R=function(e,t){if(t.editor)return t.editor;if(t.__editorTemplate)return"template";if(!t.type)return;const i=e.effectiveConfig?.typeDefaults;if(i?.[t.type]?.editor)return i[t.type].editor;const n=e.__frameworkAdapter;if(n?.getTypeDefault){const e=n.getTypeDefault(t.type);if(e?.editor)return e.editor}}(this.grid,E)??r(n),y=f,C=`${i}:${n.field}`,_=[];this.#c.set(C,e=>{for(const t of _)t(e)});const I=e=>{_.push(e)};if("template"===R&&b)this.#S(m,E,t,f,v,p,a,i),I(e=>{const t=m.querySelector("input,textarea,select");t&&(t instanceof HTMLInputElement&&"checkbox"===t.type?t.checked=!!e:t.value=String(e??""))});else if("string"==typeof R){const t=document.createElement(R);t.value=y,t.addEventListener("change",()=>v(t.value)),I(e=>{t.value=e}),m.appendChild(t),a||queueMicrotask(()=>{const t=m.querySelector(e);t?.focus({preventScroll:!0})})}else if("function"==typeof R){const i=R({row:t,rowId:u??"",value:y,field:n.field,column:n,commit:v,cancel:p,updateRow:h,onValueChange:I});if("string"==typeof i)m.innerHTML=i,function(e,t,i,n){const o=e.querySelector("input,textarea,select");o&&(o.addEventListener("blur",()=>{i(d(o,t,n))}),o instanceof HTMLInputElement&&"checkbox"===o.type?o.addEventListener("change",()=>i(o.checked)):o instanceof HTMLSelectElement&&o.addEventListener("change",()=>i(d(o,t,n))))}(m,n,v,f),I(e=>{const t=m.querySelector("input,textarea,select");t&&(t instanceof HTMLInputElement&&"checkbox"===t.type?t.checked=!!e:t.value=String(e??""))});else if(i instanceof Node){m.appendChild(i);i instanceof HTMLInputElement||i instanceof HTMLSelectElement||i instanceof HTMLTextAreaElement?I(e=>{i instanceof HTMLInputElement&&"checkbox"===i.type?i.checked=!!e:i.value=String(e??"")}):c.setAttribute("data-editor-managed","")}a||queueMicrotask(()=>{const t=m.querySelector(e);t?.focus({preventScroll:!0})})}else if(R&&"object"==typeof R){const e=document.createElement("div");e.setAttribute("data-external-editor",""),e.setAttribute("data-field",n.field),m.appendChild(e),c.setAttribute("data-editor-managed","");const i={row:t,rowId:u??"",value:y,field:n.field,column:n,commit:v,cancel:p,updateRow:h,onValueChange:I};if(R.mount)try{R.mount({placeholder:e,context:i,spec:R})}catch(k){console.warn(`[tbw-grid] External editor mount error for column '${n.field}':`,k)}else this.grid.dispatchEvent(new CustomEvent("mount-external-editor",{detail:{placeholder:e,spec:R,context:i}}))}}#S(e,t,i,n,o,r,l,c){const a=t.__editorTemplate;if(!a)return;const u=a.cloneNode(!0),h=t.__compiledEditor;h?u.innerHTML=h({row:i,value:n,field:t.field,column:t,commit:o,cancel:r}):u.querySelectorAll("*").forEach(e=>{1===e.childNodes.length&&e.firstChild?.nodeType===Node.TEXT_NODE&&(e.textContent=e.textContent?.replace(/{{\s*value\s*}}/g,null==n?"":String(n)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g,(e,t)=>{if(!s(t))return"";const n=i[t];return null==n?"":String(n)})||"")});const f=u.querySelector("input,textarea,select");if(f){f instanceof HTMLInputElement&&"checkbox"===f.type?f.checked=!!n:f.value=String(n??"");let e=!1;f.addEventListener("blur",()=>{e||o(d(f,t,n))}),f.addEventListener("keydown",i=>{const s=i;if("Enter"===s.key){if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(s))return}s.stopPropagation(),s.preventDefault(),e=!0,o(d(f,t,n)),this.#v(c,!1)}if("Escape"===s.key){if(this.config.onBeforeEditClose){if(!1===this.config.onBeforeEditClose(s))return}s.stopPropagation(),s.preventDefault(),r(),this.#v(c,!0)}}),f instanceof HTMLInputElement&&"checkbox"===f.type&&f.addEventListener("change",()=>o(f.checked)),l||setTimeout(()=>f.focus({preventScroll:!0}),0)}e.appendChild(u)}#k(e,t){if(!e)return!1;const i=e,n=t,o=/* @__PURE__ */new Set([...Object.keys(i),...Object.keys(n)]);for(const r of o)if(i[r]!==n[r])return!0;return!1}#b(e){queueMicrotask(()=>{try{const t=e._focusRow,i=e._focusCol,n=e.findRenderedRowElement?.(t);if(n){Array.from(e._bodyEl.querySelectorAll(".cell-focus")).forEach(e=>e.classList.remove("cell-focus"));const o=n.querySelector(`.cell[data-row="${t}"][data-col="${i}"]`);o&&(o.classList.add("cell-focus"),o.setAttribute("aria-selected","true"),o.hasAttribute("tabindex")||o.setAttribute("tabindex","-1"),o.focus({preventScroll:!0}))}}catch{}})}}export{c as EditingPlugin,r as defaultEditorFor};
 //# sourceMappingURL=index.js.map