@toolbox-web/grid 1.21.1 → 1.22.0

package/lib/plugins/selection/index.js

@@ -1,1072 +1,2 @@
-function R(l) {
-  if (!l) return -1;
-  const e = l.getAttribute("data-row");
-  if (e) return parseInt(e, 10);
-  const t = l.closest(".data-grid-row");
-  if (!t) return -1;
-  const s = t.parentElement;
-  if (!s) return -1;
-  const i = s.querySelectorAll(":scope > .data-grid-row");
-  for (let r = 0; r < i.length; r++)
-    if (i[r] === t) return r;
-  return -1;
-}
-function C(l) {
-  l && l.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
-}
-const p = '<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>', v = {
-  expand: "▶",
-  collapse: "▼",
-  sortAsc: "▲",
-  sortDesc: "▼",
-  sortNone: "⇅",
-  submenuArrow: "▶",
-  dragHandle: "⋮⋮",
-  toolPanel: "☰",
-  filter: p,
-  filterActive: p,
-  print: "🖨️"
-};
-class E {
-  /**
-   * 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 s = new CustomEvent(e, { detail: t, bubbles: !0, cancelable: !0 });
-    return this.grid?.dispatchEvent?.(s), s.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 { ...v, ...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(), s = parseInt(t, 10);
-      if (!isNaN(s)) return s;
-    }
-    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 k = "__tbw_expander";
-function I(l) {
-  return l.field === k;
-}
-function f(l) {
-  return l.meta?.utility === !0;
-}
-function g(l) {
-  return {
-    startRow: Math.min(l.startRow, l.endRow),
-    startCol: Math.min(l.startCol, l.endCol),
-    endRow: Math.max(l.startRow, l.endRow),
-    endCol: Math.max(l.startCol, l.endCol)
-  };
-}
-function _(l) {
-  const e = g(l);
-  return {
-    from: { row: e.startRow, col: e.startCol },
-    to: { row: e.endRow, col: e.endCol }
-  };
-}
-function y(l) {
-  return l.map(_);
-}
-function q(l, e, t) {
-  const s = g(t);
-  return l >= s.startRow && l <= s.endRow && e >= s.startCol && e <= s.endCol;
-}
-function K(l, e, t) {
-  return t.some((s) => q(l, e, s));
-}
-function M(l) {
-  const e = [], t = g(l);
-  for (let s = t.startRow; s <= t.endRow; s++)
-    for (let i = t.startCol; i <= t.endCol; i++)
-      e.push({ row: s, col: i });
-  return e;
-}
-function F(l) {
-  const e = /* @__PURE__ */ new Map();
-  for (const t of l)
-    for (const s of M(t))
-      e.set(`${s.row},${s.col}`, s);
-  return [...e.values()];
-}
-function m(l, e) {
-  return {
-    startRow: l.row,
-    startCol: l.col,
-    endRow: e.row,
-    endCol: e.col
-  };
-}
-function b(l, e) {
-  const t = g(l), s = g(e);
-  return t.startRow === s.startRow && t.startCol === s.startCol && t.endRow === s.endRow && t.endCol === s.endCol;
-}
-const D = '@layer tbw-plugins{tbw-grid.selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}tbw-grid:has(.selection){-webkit-user-select:none;user-select:none}tbw-grid .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%));outline:none;position:relative}tbw-grid .data-grid-row.row-focus:after{content:"";position:absolute;inset:0;pointer-events:none;border-width:0;border-style:var(--tbw-selection-border-style, var(--tbw-border-style));border-color:var(--tbw-range-border-color, var(--tbw-color-accent));border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width));border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width));z-index:1}tbw-grid .data-grid-row.row-focus+.data-grid-row.row-focus:after{border-top-width:0}tbw-grid .data-grid-row.row-focus:has(+.data-grid-row.row-focus):after{border-bottom-width:0}tbw-grid[data-selection-mode=row] .cell-focus,tbw-grid[data-selection-mode=row] .row-focus,tbw-grid[data-selection-mode=range] .cell-focus{outline:none}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);position:relative}tbw-grid .data-grid-row>.cell.selected:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 var(--tbw-selection-border-style, var(--tbw-border-style)) var(--tbw-range-border-color);z-index:1}tbw-grid .data-grid-row>.cell.selected.top:after{border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.bottom:after{border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.first:after{border-left-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.last:after{border-right-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row[data-selectable=false].row-focus{background-color:var(--tbw-color-row-alt)}tbw-grid .data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row>.cell[data-selectable=false].selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}tbw-grid .tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}tbw-grid .data-grid-row>.cell[data-field=__tbw_checkbox],tbw-grid .header-row>.cell[data-field=__tbw_checkbox]{text-align:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}tbw-grid .tbw-select-row-checkbox{pointer-events:none;margin:0;cursor:pointer}tbw-grid .tbw-checkbox-header{display:flex;justify-content:center;align-items:center;height:100%}tbw-grid .tbw-select-all-checkbox{margin:0;cursor:pointer}}', S = "__tbw_checkbox";
-function L(l, e, t) {
-  if (l === "cell" && e.selectedCell)
-    return {
-      mode: l,
-      ranges: [
-        {
-          from: { row: e.selectedCell.row, col: e.selectedCell.col },
-          to: { row: e.selectedCell.row, col: e.selectedCell.col }
-        }
-      ]
-    };
-  if (l === "row" && e.selected.size > 0) {
-    const s = [...e.selected].sort((n, h) => n - h), i = [];
-    let r = s[0], o = r;
-    for (let n = 1; n < s.length; n++)
-      s[n] === o + 1 ? o = s[n] : (i.push({ from: { row: r, col: 0 }, to: { row: o, col: t - 1 } }), r = s[n], o = r);
-    return i.push({ from: { row: r, col: 0 }, to: { row: o, col: t - 1 } }), { mode: l, ranges: i };
-  }
-  return l === "range" && e.ranges.length > 0 ? { mode: l, ranges: y(e.ranges) } : { mode: l, ranges: [] };
-}
-class P extends E {
-  /**
-   * Plugin manifest - declares queries and configuration validation rules.
-   * @internal
-   */
-  static manifest = {
-    queries: [
-      { type: "getSelection", description: "Get the current selection state" },
-      { type: "selectRows", description: "Select specific rows by index (row mode only)" },
-      { type: "getSelectedRowIndices", description: "Get sorted array of selected row indices" },
-      { type: "getSelectedRows", description: "Get actual row objects for the current selection (works in all modes)" }
-    ],
-    configRules: [
-      {
-        id: "selection/range-dblclick",
-        severity: "warn",
-        message: `"triggerOn: 'dblclick'" has no effect when mode is "range".
-  → Range selection uses drag interaction (mousedown → mousemove), not click events.
-  → The "triggerOn" option only affects "cell" and "row" selection modes.`,
-        check: (e) => e.mode === "range" && e.triggerOn === "dblclick"
-      }
-    ]
-  };
-  /** @internal */
-  name = "selection";
-  /** @internal */
-  styles = D;
-  /** @internal */
-  get defaultConfig() {
-    return {
-      mode: "cell",
-      triggerOn: "click",
-      enabled: !0,
-      multiSelect: !0
-    };
-  }
-  // #region Internal State
-  /** Row selection state (row mode) */
-  selected = /* @__PURE__ */ new Set();
-  lastSelected = null;
-  anchor = null;
-  /** Range selection state (range mode) */
-  ranges = [];
-  activeRange = null;
-  cellAnchor = null;
-  isDragging = !1;
-  /** Pending keyboard navigation update (processed in afterRender) */
-  pendingKeyboardUpdate = null;
-  /** Cell selection state (cell mode) */
-  selectedCell = null;
-  /** Last synced focus row — used to detect when grid focus moves so selection follows */
-  lastSyncedFocusRow = -1;
-  /** Last synced focus col (cell mode) */
-  lastSyncedFocusCol = -1;
-  /** True when selection was explicitly set (click/keyboard) — prevents #syncSelectionToFocus from overwriting */
-  explicitSelection = !1;
-  // #endregion
-  // #region Private Helpers - Selection Enabled Check
-  /**
-   * Check if selection is enabled at the grid level.
-   * Grid-wide `selectable: false` or plugin's `enabled: false` disables all selection.
-   */
-  isSelectionEnabled() {
-    return this.config.enabled === !1 ? !1 : this.grid.effectiveConfig?.selectable !== !1;
-  }
-  // #endregion
-  // #region Private Helpers - Selectability
-  /**
-   * Check if a row/cell is selectable.
-   * Returns true if selectable, false if not.
-   */
-  checkSelectable(e, t) {
-    const { isSelectable: s } = this.config;
-    if (!s) return !0;
-    const i = this.rows[e];
-    if (!i) return !1;
-    const r = t !== void 0 ? this.visibleColumns[t] : void 0;
-    return s(i, e, r, t);
-  }
-  /**
-   * Check if an entire row is selectable (for row mode).
-   */
-  isRowSelectable(e) {
-    return this.checkSelectable(e);
-  }
-  /**
-   * Check if a cell is selectable (for cell/range modes).
-   */
-  isCellSelectable(e, t) {
-    return this.checkSelectable(e, t);
-  }
-  // #endregion
-  // #region Lifecycle
-  /** @internal */
-  attach(e) {
-    super.attach(e), this.on("filter-applied", () => this.clearSelectionSilent()), this.on("grouping-state-change", () => this.clearSelectionSilent()), this.on("tree-state-change", () => this.clearSelectionSilent());
-  }
-  /**
-   * Handle queries from other plugins.
-   * @internal
-   */
-  handleQuery(e) {
-    if (e.type === "getSelection")
-      return this.getSelection();
-    if (e.type === "getSelectedRowIndices")
-      return this.getSelectedRowIndices();
-    if (e.type === "getSelectedRows")
-      return this.getSelectedRows();
-    if (e.type === "selectRows")
-      return this.selectRows(e.context), !0;
-  }
-  /** @internal */
-  detach() {
-    this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.isDragging = !1, this.selectedCell = null, this.pendingKeyboardUpdate = null, this.lastSyncedFocusRow = -1, this.lastSyncedFocusCol = -1;
-  }
-  /**
-   * Clear selection without emitting an event.
-   * Used when selection is invalidated by external changes (filtering, grouping, etc.)
-   */
-  clearSelectionSilent() {
-    this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.selectedCell = null, this.lastSelected = null, this.anchor = null, this.lastSyncedFocusRow = -1, this.lastSyncedFocusCol = -1, this.requestAfterRender();
-  }
-  // #endregion
-  // #region Event Handlers
-  /** @internal */
-  onCellClick(e) {
-    if (!this.isSelectionEnabled()) return !1;
-    const { rowIndex: t, colIndex: s, originalEvent: i } = e, { mode: r, triggerOn: o = "click" } = this.config;
-    if (i.type !== o)
-      return !1;
-    const n = e.column, h = n && f(n);
-    if (r === "cell") {
-      if (h || !this.isCellSelectable(t, s))
-        return !1;
-      const a = this.selectedCell;
-      return a && a.row === t && a.col === s || (this.selectedCell = { row: t, col: s }, this.emit("selection-change", this.#e()), this.requestAfterRender()), !1;
-    }
-    if (r === "row") {
-      if (!this.isRowSelectable(t))
-        return !1;
-      const a = this.config.multiSelect !== !1, d = i.shiftKey && a, c = (i.ctrlKey || i.metaKey) && a, u = n?.meta?.checkboxColumn === !0;
-      if (d && this.anchor !== null) {
-        const x = Math.min(this.anchor, t), A = Math.max(this.anchor, t);
-        c || this.selected.clear();
-        for (let w = x; w <= A; w++)
-          this.isRowSelectable(w) && this.selected.add(w);
-      } else if (c || u && a)
-        this.selected.has(t) ? this.selected.delete(t) : this.selected.add(t), this.anchor = t;
-      else {
-        if (this.selected.size === 1 && this.selected.has(t))
-          return !1;
-        this.selected.clear(), this.selected.add(t), this.anchor = t;
-      }
-      return this.lastSelected = t, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
-    }
-    if (r === "range") {
-      if (h || !this.isCellSelectable(t, s))
-        return !1;
-      const a = i.shiftKey, d = (i.ctrlKey || i.metaKey) && this.config.multiSelect !== !1;
-      if (a && this.cellAnchor) {
-        const c = m(this.cellAnchor, { row: t, col: s }), u = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
-        if (u && b(u, c))
-          return !1;
-        d ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = c : this.ranges.push(c) : this.ranges = [c], this.activeRange = c;
-      } else if (d) {
-        const c = {
-          startRow: t,
-          startCol: s,
-          endRow: t,
-          endCol: s
-        };
-        this.ranges.push(c), this.activeRange = c, this.cellAnchor = { row: t, col: s };
-      } else {
-        const c = {
-          startRow: t,
-          startCol: s,
-          endRow: t,
-          endCol: s
-        };
-        if (this.ranges.length === 1 && b(this.ranges[0], c))
-          return !1;
-        this.ranges = [c], this.activeRange = c, this.cellAnchor = { row: t, col: s };
-      }
-      return this.emit("selection-change", this.#e()), this.requestAfterRender(), !1;
-    }
-    return !1;
-  }
-  /** @internal */
-  onKeyDown(e) {
-    if (!this.isSelectionEnabled()) return !1;
-    const { mode: t } = this.config, i = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Home", "End", "PageUp", "PageDown"].includes(e.key);
-    if (e.key === "Escape")
-      return this.grid.query("isEditing").some(Boolean) ? !1 : (t === "cell" ? this.selectedCell = null : t === "row" ? (this.selected.clear(), this.anchor = null) : t === "range" && (this.ranges = [], this.activeRange = null, this.cellAnchor = null), this.emit("selection-change", this.#e()), this.requestAfterRender(), !0);
-    if (t === "cell" && i)
-      return queueMicrotask(() => {
-        const r = this.grid._focusRow, o = this.grid._focusCol;
-        this.isCellSelectable(r, o) ? this.selectedCell = { row: r, col: o } : this.selectedCell = null, this.emit("selection-change", this.#e()), this.requestAfterRender();
-      }), !1;
-    if (t === "row") {
-      const r = this.config.multiSelect !== !1;
-      if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-        const o = e.shiftKey && r;
-        return o && this.anchor === null && (this.anchor = this.grid._focusRow), queueMicrotask(() => {
-          const n = this.grid._focusRow;
-          if (o && this.anchor !== null) {
-            this.selected.clear();
-            const h = Math.min(this.anchor, n), a = Math.max(this.anchor, n);
-            for (let d = h; d <= a; d++)
-              this.isRowSelectable(d) && this.selected.add(d);
-          } else
-            this.isRowSelectable(n) ? (this.selected.clear(), this.selected.add(n), this.anchor = n) : this.selected.clear();
-          this.lastSelected = n, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
-        }), !1;
-      }
-      if (r && e.key === "a" && (e.ctrlKey || e.metaKey))
-        return this.grid.query("isEditing").some(Boolean) ? !1 : (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0);
-    }
-    if (t === "range" && i) {
-      const r = e.key === "Tab", o = e.shiftKey && !r;
-      return o && !this.cellAnchor && (this.cellAnchor = { row: this.grid._focusRow, col: this.grid._focusCol }), this.pendingKeyboardUpdate = { shiftKey: o }, queueMicrotask(() => this.requestAfterRender()), !1;
-    }
-    return t === "range" && this.config.multiSelect !== !1 && e.key === "a" && (e.ctrlKey || e.metaKey) ? this.grid.query("isEditing").some(Boolean) ? !1 : (e.preventDefault(), e.stopPropagation(), this.selectAll(), !0) : !1;
-  }
-  /** @internal */
-  onCellMouseDown(e) {
-    if (!this.isSelectionEnabled() || this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0 || e.column && f(e.column) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
-      return;
-    this.isDragging = !0;
-    const t = e.rowIndex, s = e.colIndex, i = (e.originalEvent.ctrlKey || e.originalEvent.metaKey) && this.config.multiSelect !== !1, r = {
-      startRow: t,
-      startCol: s,
-      endRow: t,
-      endCol: s
-    };
-    return !i && this.ranges.length === 1 && b(this.ranges[0], r) ? (this.cellAnchor = { row: t, col: s }, !0) : (this.cellAnchor = { row: t, col: s }, i || (this.ranges = []), this.ranges.push(r), this.activeRange = r, this.emit("selection-change", this.#e()), this.requestAfterRender(), !0);
-  }
-  /** @internal */
-  onCellMouseMove(e) {
-    if (!this.isSelectionEnabled() || this.config.mode !== "range" || !this.isDragging || !this.cellAnchor || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
-    let t = e.colIndex;
-    const s = this.visibleColumns[t];
-    if (s && f(s)) {
-      const o = this.visibleColumns.findIndex((n) => !f(n));
-      o >= 0 && (t = o);
-    }
-    const i = m(this.cellAnchor, { row: e.rowIndex, col: t }), r = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null;
-    return r && b(r, i) || (this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = i : this.ranges.push(i), this.activeRange = i, this.emit("selection-change", this.#e()), this.requestAfterRender()), !0;
-  }
-  /** @internal */
-  onCellMouseUp(e) {
-    if (this.isSelectionEnabled() && this.config.mode === "range" && this.isDragging)
-      return this.isDragging = !1, !0;
-  }
-  // #region Checkbox Column
-  /**
-   * Inject checkbox column when `checkbox: true` and mode is `'row'`.
-   * @internal
-   */
-  processColumns(e) {
-    if (this.config.checkbox && this.config.mode === "row") {
-      if (e.some((r) => r.field === S))
-        return e;
-      const t = this.#t(), s = e.findIndex(I), i = s >= 0 ? s + 1 : 0;
-      return [...e.slice(0, i), t, ...e.slice(i)];
-    }
-    return e;
-  }
-  /**
-   * Create the checkbox utility column configuration.
-   */
-  #t() {
-    return {
-      field: S,
-      header: "",
-      width: 32,
-      resizable: !1,
-      sortable: !1,
-      meta: {
-        lockPosition: !0,
-        suppressMovable: !0,
-        utility: !0,
-        checkboxColumn: !0
-      },
-      headerRenderer: () => {
-        const e = document.createElement("div");
-        if (e.className = "tbw-checkbox-header", this.config.multiSelect === !1) return e;
-        const t = document.createElement("input");
-        return t.type = "checkbox", t.className = "tbw-select-all-checkbox", t.addEventListener("click", (s) => {
-          s.stopPropagation(), s.target.checked ? this.selectAll() : this.clearSelection();
-        }), e.appendChild(t), e;
-      },
-      renderer: (e) => {
-        const t = document.createElement("input");
-        t.type = "checkbox", t.className = "tbw-select-row-checkbox";
-        const s = e.cellEl;
-        if (s) {
-          const i = parseInt(s.getAttribute("data-row") ?? "-1", 10);
-          i >= 0 && (t.checked = this.selected.has(i));
-        }
-        return t;
-      }
-    };
-  }
-  /**
-   * Update checkbox checked states to reflect current selection.
-   * Called from #applySelectionClasses.
-   */
-  #i(e) {
-    e.querySelectorAll(".tbw-select-row-checkbox").forEach((i) => {
-      const r = i.closest(".cell"), o = r ? R(r) : -1;
-      o >= 0 && (i.checked = this.selected.has(o));
-    });
-    const s = e.querySelector(".tbw-select-all-checkbox");
-    if (s) {
-      const i = this.rows.length;
-      let r = 0;
-      if (this.config.isSelectable)
-        for (let h = 0; h < i; h++)
-          this.isRowSelectable(h) && r++;
-      else
-        r = i;
-      const o = r > 0 && this.selected.size >= r, n = this.selected.size > 0;
-      s.checked = o, s.indeterminate = n && !o;
-    }
-  }
-  // #endregion
-  /**
-   * Sync selection state to the grid's current focus position.
-   * In row mode, keeps `selected` in sync with `_focusRow`.
-   * In cell mode, keeps `selectedCell` in sync with `_focusRow`/`_focusCol`.
-   * Only updates when the focus has changed since the last sync.
-   * Skips when `explicitSelection` is set (click/keyboard set selection directly).
-   */
-  #r(e) {
-    const t = this.grid._focusRow, s = this.grid._focusCol;
-    if (e === "row") {
-      if (this.explicitSelection) {
-        this.explicitSelection = !1, this.lastSyncedFocusRow = t;
-        return;
-      }
-      t !== this.lastSyncedFocusRow && (this.lastSyncedFocusRow = t, this.isRowSelectable(t) && (!this.selected.has(t) || this.selected.size !== 1) && (this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.anchor = t, this.emit("selection-change", this.#e())));
-    }
-    if (e === "cell") {
-      if (this.explicitSelection) {
-        this.explicitSelection = !1, this.lastSyncedFocusRow = t, this.lastSyncedFocusCol = s;
-        return;
-      }
-      if ((t !== this.lastSyncedFocusRow || s !== this.lastSyncedFocusCol) && (this.lastSyncedFocusRow = t, this.lastSyncedFocusCol = s, this.isCellSelectable(t, s))) {
-        const i = this.selectedCell;
-        (!i || i.row !== t || i.col !== s) && (this.selectedCell = { row: t, col: s }, this.emit("selection-change", this.#e()));
-      }
-    }
-  }
-  /**
-   * Apply CSS selection classes to row/cell elements.
-   * Shared by afterRender and onScrollRender.
-   */
-  #s() {
-    const e = this.gridElement;
-    if (!e) return;
-    const { mode: t } = this.config, s = !!this.config.isSelectable;
-    e.querySelectorAll(".cell").forEach((o) => {
-      o.classList.remove("selected", "top", "bottom", "first", "last"), s && o.removeAttribute("data-selectable");
-    });
-    const r = e.querySelectorAll(".data-grid-row");
-    if (r.forEach((o) => {
-      o.classList.remove("selected", "row-focus"), s && o.removeAttribute("data-selectable");
-    }), t === "row" && (C(e), r.forEach((o) => {
-      const n = o.querySelector(".cell[data-row]"), h = R(n);
-      h >= 0 && (s && !this.isRowSelectable(h) && o.setAttribute("data-selectable", "false"), this.selected.has(h) && o.classList.add("selected", "row-focus"));
-    }), this.config.checkbox && this.#i(e)), (t === "cell" || t === "range") && s && e.querySelectorAll(".cell[data-row][data-col]").forEach((n) => {
-      const h = parseInt(n.getAttribute("data-row") ?? "-1", 10), a = parseInt(n.getAttribute("data-col") ?? "-1", 10);
-      h >= 0 && a >= 0 && (this.isCellSelectable(h, a) || n.setAttribute("data-selectable", "false"));
-    }), t === "range" && this.ranges.length > 0) {
-      C(e);
-      const o = this.ranges.map(g), n = (a, d) => {
-        for (const c of o)
-          if (a >= c.startRow && a <= c.endRow && d >= c.startCol && d <= c.endCol)
-            return !0;
-        return !1;
-      };
-      e.querySelectorAll(".cell[data-row][data-col]").forEach((a) => {
-        const d = parseInt(a.getAttribute("data-row") ?? "-1", 10), c = parseInt(a.getAttribute("data-col") ?? "-1", 10);
-        if (d >= 0 && c >= 0) {
-          const u = this.visibleColumns[c];
-          if (u && f(u))
-            return;
-          n(d, c) && (a.classList.add("selected"), n(d - 1, c) || a.classList.add("top"), n(d + 1, c) || a.classList.add("bottom"), n(d, c - 1) || a.classList.add("first"), n(d, c + 1) || a.classList.add("last"));
-        }
-      });
-    }
-  }
-  /** @internal */
-  afterRender() {
-    if (!this.isSelectionEnabled()) return;
-    const e = this.gridElement;
-    if (!e) return;
-    const t = e.children[0], { mode: s } = this.config;
-    if (this.pendingKeyboardUpdate && s === "range") {
-      const { shiftKey: i } = this.pendingKeyboardUpdate;
-      this.pendingKeyboardUpdate = null;
-      const r = this.grid._focusRow, o = this.grid._focusCol;
-      if (i && this.cellAnchor) {
-        const n = m(this.cellAnchor, { row: r, col: o });
-        this.ranges = [n], this.activeRange = n;
-      } else i || (this.ranges = [], this.activeRange = null, this.cellAnchor = { row: r, col: o });
-      this.emit("selection-change", this.#e());
-    }
-    this.#r(s), this.grid.setAttribute("data-selection-mode", s), t && t.classList.toggle("selecting", this.isDragging), this.#s();
-  }
-  /**
-   * Called after scroll-triggered row rendering.
-   * Reapplies selection classes to recycled DOM elements.
-   * @internal
-   */
-  onScrollRender() {
-    this.isSelectionEnabled() && this.#s();
-  }
-  // #endregion
-  // #region Public API
-  /**
-   * Get the current selection as a unified result.
-   * Works for all selection modes and always returns ranges.
-   *
-   * @example
-   * ```ts
-   * const selection = plugin.getSelection();
-   * if (selection.ranges.length > 0) {
-   *   const { from, to } = selection.ranges[0];
-   *   // For cell mode: from === to (single cell)
-   *   // For row mode: from.col = 0, to.col = lastCol (full row)
-   *   // For range mode: rectangular selection
-   * }
-   * ```
-   */
-  getSelection() {
-    return {
-      mode: this.config.mode,
-      ranges: this.#e().ranges,
-      anchor: this.cellAnchor
-    };
-  }
-  /**
-   * Get all selected cells across all ranges.
-   */
-  getSelectedCells() {
-    return F(this.ranges);
-  }
-  /**
-   * Check if a specific cell is in range selection.
-   */
-  isCellSelected(e, t) {
-    return K(e, t, this.ranges);
-  }
-  /**
-   * Select all selectable rows (row mode) or all cells (range mode).
-   *
-   * In row mode, selects every row where `isSelectable` returns true (or all rows if no callback).
-   * In range mode, creates a single range spanning all rows and columns.
-   * Has no effect in cell mode.
-   *
-   * @example
-   * ```ts
-   * const plugin = grid.getPlugin(SelectionPlugin);
-   * plugin.selectAll(); // Selects everything in current mode
-   * ```
-   */
-  selectAll() {
-    const { mode: e, multiSelect: t } = this.config;
-    if (t !== !1) {
-      if (e === "row") {
-        this.selected.clear();
-        for (let s = 0; s < this.rows.length; s++)
-          this.isRowSelectable(s) && this.selected.add(s);
-        this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
-      } else if (e === "range") {
-        const s = this.rows.length, i = this.columns.length;
-        if (s > 0 && i > 0) {
-          const r = {
-            startRow: 0,
-            startCol: 0,
-            endRow: s - 1,
-            endCol: i - 1
-          };
-          this.ranges = [r], this.activeRange = r, this.emit("selection-change", this.#e()), this.requestAfterRender();
-        }
-      }
-    }
-  }
-  /**
-   * Select specific rows by index (row mode only).
-   * Replaces the current selection with the provided row indices.
-   * Indices that are out of bounds or fail the `isSelectable` check are ignored.
-   *
-   * @param indices - Array of row indices to select
-   *
-   * @example
-   * ```ts
-   * const plugin = grid.getPlugin(SelectionPlugin);
-   * plugin.selectRows([0, 2, 4]); // Select rows 0, 2, and 4
-   * ```
-   */
-  selectRows(e) {
-    if (this.config.mode !== "row") return;
-    const t = this.config.multiSelect === !1 && e.length > 1 ? [e[e.length - 1]] : e;
-    this.selected.clear();
-    for (const s of t)
-      s >= 0 && s < this.rows.length && this.isRowSelectable(s) && this.selected.add(s);
-    this.anchor = t.length > 0 ? t[t.length - 1] : null, this.explicitSelection = !0, this.emit("selection-change", this.#e()), this.requestAfterRender();
-  }
-  /**
-   * Get the indices of all selected rows (convenience for row mode).
-   * Returns indices sorted in ascending order.
-   *
-   * @example
-   * ```ts
-   * const plugin = grid.getPlugin(SelectionPlugin);
-   * const rows = plugin.getSelectedRowIndices(); // [0, 2, 4]
-   * ```
-   */
-  getSelectedRowIndices() {
-    return [...this.selected].sort((e, t) => e - t);
-  }
-  /**
-   * Get the actual row objects for the current selection.
-   *
-   * Works across all selection modes:
-   * - **Row mode**: Returns the row objects for all selected rows.
-   * - **Cell mode**: Returns the single row containing the selected cell, or `[]`.
-   * - **Range mode**: Returns the unique row objects that intersect any selected range.
-   *
-   * Row objects are resolved from the grid's processed (sorted/filtered) row array,
-   * so they always reflect the current visual order.
-   *
-   * @example
-   * ```ts
-   * const plugin = grid.getPlugin(SelectionPlugin);
-   * const selected = plugin.getSelectedRows(); // [{ id: 1, name: 'Alice' }, ...]
-   * ```
-   */
-  getSelectedRows() {
-    const { mode: e } = this.config, t = this.rows;
-    if (e === "row")
-      return this.getSelectedRowIndices().filter((s) => s >= 0 && s < t.length).map((s) => t[s]);
-    if (e === "cell" && this.selectedCell) {
-      const { row: s } = this.selectedCell;
-      return s >= 0 && s < t.length ? [t[s]] : [];
-    }
-    if (e === "range" && this.ranges.length > 0) {
-      const s = /* @__PURE__ */ new Set();
-      for (const i of this.ranges) {
-        const r = Math.max(0, Math.min(i.startRow, i.endRow)), o = Math.min(t.length - 1, Math.max(i.startRow, i.endRow));
-        for (let n = r; n <= o; n++)
-          s.add(n);
-      }
-      return [...s].sort((i, r) => i - r).map((i) => t[i]);
-    }
-    return [];
-  }
-  /**
-   * Clear all selection.
-   */
-  clearSelection() {
-    this.selectedCell = null, this.selected.clear(), this.anchor = null, this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.emit("selection-change", { mode: this.config.mode, ranges: [] }), this.requestAfterRender();
-  }
-  /**
-   * Set selected ranges programmatically.
-   */
-  setRanges(e) {
-    this.ranges = e.map((t) => ({
-      startRow: t.from.row,
-      startCol: t.from.col,
-      endRow: t.to.row,
-      endCol: t.to.col
-    })), this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null, this.emit("selection-change", {
-      mode: this.config.mode,
-      ranges: y(this.ranges)
-    }), this.requestAfterRender();
-  }
-  // #endregion
-  // #region Private Helpers
-  #e() {
-    return L(
-      this.config.mode,
-      {
-        selectedCell: this.selectedCell,
-        selected: this.selected,
-        ranges: this.ranges
-      },
-      this.columns.length
-    );
-  }
-  // #endregion
-}
-export {
-  P as SelectionPlugin
-};
+function e(e){if(!e)return-1;const t=e.getAttribute("data-row");if(t)return parseInt(t,10);const s=e.closest(".data-grid-row");if(!s)return-1;const i=s.parentElement;if(!i)return-1;const r=i.querySelectorAll(":scope > .data-grid-row");for(let o=0;o<r.length;o++)if(r[o]===s)return o;return-1}function t(e){e&&e.querySelectorAll(".cell-focus").forEach(e=>e.classList.remove("cell-focus"))}const s='<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>',i={expand:"▶",collapse:"▼",sortAsc:"▲",sortDesc:"▼",sortNone:"⇅",submenuArrow:"▶",dragHandle:"⋮⋮",toolPanel:"☰",filter:s,filterActive:s,print:"🖨️"};class r{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 s=new CustomEvent(e,{detail:t,bubbles:!0,cancelable:!0});return this.grid?.dispatchEvent?.(s),s.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{...i,...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(),s=parseInt(t,10);if(!isNaN(s))return s}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 o(e){return"__tbw_expander"===e.field}function n(e){return!0===e.meta?.utility}function l(e){return{startRow:Math.min(e.startRow,e.endRow),startCol:Math.min(e.startCol,e.endCol),endRow:Math.max(e.startRow,e.endRow),endCol:Math.max(e.startCol,e.endCol)}}function c(e){const t=l(e);return{from:{row:t.startRow,col:t.startCol},to:{row:t.endRow,col:t.endCol}}}function a(e){return e.map(c)}function d(e,t,s){return s.some(s=>function(e,t,s){const i=l(s);return e>=i.startRow&&e<=i.endRow&&t>=i.startCol&&t<=i.endCol}(e,t,s))}function h(e){const t=[],s=l(e);for(let i=s.startRow;i<=s.endRow;i++)for(let e=s.startCol;e<=s.endCol;e++)t.push({row:i,col:e});return t}function g(e,t){return{startRow:e.row,startCol:e.col,endRow:t.row,endCol:t.col}}function u(e,t){const s=l(e),i=l(t);return s.startRow===i.startRow&&s.startCol===i.startCol&&s.endRow===i.endRow&&s.endCol===i.endCol}const w="__tbw_checkbox";class f extends r{static manifest={queries:[{type:"getSelection",description:"Get the current selection state"},{type:"selectRows",description:"Select specific rows by index (row mode only)"},{type:"getSelectedRowIndices",description:"Get sorted array of selected row indices"},{type:"getSelectedRows",description:"Get actual row objects for the current selection (works in all modes)"}],configRules:[{id:"selection/range-dblclick",severity:"warn",message:'"triggerOn: \'dblclick\'" has no effect when mode is "range".\n  → Range selection uses drag interaction (mousedown → mousemove), not click events.\n  → The "triggerOn" option only affects "cell" and "row" selection modes.',check:e=>"range"===e.mode&&"dblclick"===e.triggerOn}]};name="selection";styles='@layer tbw-plugins{tbw-grid.selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}tbw-grid:has(.selection){-webkit-user-select:none;user-select:none}tbw-grid .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%));outline:none;position:relative}tbw-grid .data-grid-row.row-focus:after{content:"";position:absolute;inset:0;pointer-events:none;border-width:0;border-style:var(--tbw-selection-border-style, var(--tbw-border-style));border-color:var(--tbw-range-border-color, var(--tbw-color-accent));border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width));border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width));z-index:1}tbw-grid .data-grid-row.row-focus+.data-grid-row.row-focus:after{border-top-width:0}tbw-grid .data-grid-row.row-focus:has(+.data-grid-row.row-focus):after{border-bottom-width:0}tbw-grid[data-selection-mode=row] .cell-focus,tbw-grid[data-selection-mode=row] .row-focus,tbw-grid[data-selection-mode=range] .cell-focus{outline:none}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg);position:relative}tbw-grid .data-grid-row>.cell.selected:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 var(--tbw-selection-border-style, var(--tbw-border-style)) var(--tbw-range-border-color);z-index:1}tbw-grid .data-grid-row>.cell.selected.top:after{border-top-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.bottom:after{border-bottom-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.first:after{border-left-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row>.cell.selected.last:after{border-right-width:var(--tbw-selection-border-width, var(--tbw-border-width))}tbw-grid .data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row[data-selectable=false].row-focus{background-color:var(--tbw-color-row-alt)}tbw-grid .data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row>.cell[data-selectable=false].selected{background-color:var(--tbw-selection-warning-bg, rgba(from var(--tbw-color-error) r g b / 50%))}tbw-grid .tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}tbw-grid .data-grid-row>.cell[data-field=__tbw_checkbox],tbw-grid .header-row>.cell[data-field=__tbw_checkbox]{text-align:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}tbw-grid .tbw-select-row-checkbox{pointer-events:none;margin:0;cursor:pointer}tbw-grid .tbw-checkbox-header{display:flex;justify-content:center;align-items:center;height:100%}tbw-grid .tbw-select-all-checkbox{margin:0;cursor:pointer}}';get defaultConfig(){return{mode:"cell",triggerOn:"click",enabled:!0,multiSelect:!0}}selected=/* @__PURE__ */new Set;lastSelected=null;anchor=null;ranges=[];activeRange=null;cellAnchor=null;isDragging=!1;pendingKeyboardUpdate=null;selectedCell=null;lastSyncedFocusRow=-1;lastSyncedFocusCol=-1;explicitSelection=!1;isSelectionEnabled(){return!1!==this.config.enabled&&!1!==this.grid.effectiveConfig?.selectable}checkSelectable(e,t){const{isSelectable:s}=this.config;if(!s)return!0;const i=this.rows[e];if(!i)return!1;return s(i,e,void 0!==t?this.visibleColumns[t]:void 0,t)}isRowSelectable(e){return this.checkSelectable(e)}isCellSelectable(e,t){return this.checkSelectable(e,t)}attach(e){super.attach(e),this.on("filter-applied",()=>this.clearSelectionSilent()),this.on("grouping-state-change",()=>this.clearSelectionSilent()),this.on("tree-state-change",()=>this.clearSelectionSilent())}handleQuery(e){return"getSelection"===e.type?this.getSelection():"getSelectedRowIndices"===e.type?this.getSelectedRowIndices():"getSelectedRows"===e.type?this.getSelectedRows():"selectRows"===e.type?(this.selectRows(e.context),!0):void 0}detach(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.isDragging=!1,this.selectedCell=null,this.pendingKeyboardUpdate=null,this.lastSyncedFocusRow=-1,this.lastSyncedFocusCol=-1}clearSelectionSilent(){this.selected.clear(),this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.selectedCell=null,this.lastSelected=null,this.anchor=null,this.lastSyncedFocusRow=-1,this.lastSyncedFocusCol=-1,this.requestAfterRender()}onCellClick(e){if(!this.isSelectionEnabled())return!1;const{rowIndex:t,colIndex:s,originalEvent:i}=e,{mode:r,triggerOn:o="click"}=this.config;if(i.type!==o)return!1;const l=e.column,c=l&&n(l);if("cell"===r){if(c)return!1;if(!this.isCellSelectable(t,s))return!1;const e=this.selectedCell;return e&&e.row===t&&e.col===s||(this.selectedCell={row:t,col:s},this.emit("selection-change",this.#t()),this.requestAfterRender()),!1}if("row"===r){if(!this.isRowSelectable(t))return!1;const e=!1!==this.config.multiSelect,s=i.shiftKey&&e,r=(i.ctrlKey||i.metaKey)&&e,o=!0===l?.meta?.checkboxColumn;if(s&&null!==this.anchor){const e=Math.min(this.anchor,t),s=Math.max(this.anchor,t);r||this.selected.clear();for(let t=e;t<=s;t++)this.isRowSelectable(t)&&this.selected.add(t)}else if(r||o&&e)this.selected.has(t)?this.selected.delete(t):this.selected.add(t),this.anchor=t;else{if(1===this.selected.size&&this.selected.has(t))return!1;this.selected.clear(),this.selected.add(t),this.anchor=t}return this.lastSelected=t,this.explicitSelection=!0,this.emit("selection-change",this.#t()),this.requestAfterRender(),!1}if("range"===r){if(c)return!1;if(!this.isCellSelectable(t,s))return!1;const e=i.shiftKey,r=(i.ctrlKey||i.metaKey)&&!1!==this.config.multiSelect;if(e&&this.cellAnchor){const e=g(this.cellAnchor,{row:t,col:s}),i=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;if(i&&u(i,e))return!1;r?this.ranges.length>0?this.ranges[this.ranges.length-1]=e:this.ranges.push(e):this.ranges=[e],this.activeRange=e}else if(r){const e={startRow:t,startCol:s,endRow:t,endCol:s};this.ranges.push(e),this.activeRange=e,this.cellAnchor={row:t,col:s}}else{const e={startRow:t,startCol:s,endRow:t,endCol:s};if(1===this.ranges.length&&u(this.ranges[0],e))return!1;this.ranges=[e],this.activeRange=e,this.cellAnchor={row:t,col:s}}return this.emit("selection-change",this.#t()),this.requestAfterRender(),!1}return!1}onKeyDown(e){if(!this.isSelectionEnabled())return!1;const{mode:t}=this.config,s=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Tab","Home","End","PageUp","PageDown"].includes(e.key);if("Escape"===e.key){return!this.grid.query("isEditing").some(Boolean)&&("cell"===t?this.selectedCell=null:"row"===t?(this.selected.clear(),this.anchor=null):"range"===t&&(this.ranges=[],this.activeRange=null,this.cellAnchor=null),this.emit("selection-change",this.#t()),this.requestAfterRender(),!0)}if("cell"===t&&s)return queueMicrotask(()=>{const e=this.grid._focusRow,t=this.grid._focusCol;this.isCellSelectable(e,t)?this.selectedCell={row:e,col:t}:this.selectedCell=null,this.emit("selection-change",this.#t()),this.requestAfterRender()}),!1;if("row"===t){const t=!1!==this.config.multiSelect;if("ArrowUp"===e.key||"ArrowDown"===e.key){const s=e.shiftKey&&t;return s&&null===this.anchor&&(this.anchor=this.grid._focusRow),queueMicrotask(()=>{const e=this.grid._focusRow;if(s&&null!==this.anchor){this.selected.clear();const t=Math.min(this.anchor,e),s=Math.max(this.anchor,e);for(let e=t;e<=s;e++)this.isRowSelectable(e)&&this.selected.add(e)}else this.isRowSelectable(e)?(this.selected.clear(),this.selected.add(e),this.anchor=e):this.selected.clear();this.lastSelected=e,this.explicitSelection=!0,this.emit("selection-change",this.#t()),this.requestAfterRender()}),!1}if(t&&"a"===e.key&&(e.ctrlKey||e.metaKey)){return!this.grid.query("isEditing").some(Boolean)&&(e.preventDefault(),e.stopPropagation(),this.selectAll(),!0)}}if("range"===t&&s){const t="Tab"===e.key,s=e.shiftKey&&!t;return s&&!this.cellAnchor&&(this.cellAnchor={row:this.grid._focusRow,col:this.grid._focusCol}),this.pendingKeyboardUpdate={shiftKey:s},queueMicrotask(()=>this.requestAfterRender()),!1}if("range"===t&&!1!==this.config.multiSelect&&"a"===e.key&&(e.ctrlKey||e.metaKey)){return!this.grid.query("isEditing").some(Boolean)&&(e.preventDefault(),e.stopPropagation(),this.selectAll(),!0)}return!1}onCellMouseDown(e){if(!this.isSelectionEnabled())return;if("range"!==this.config.mode)return;if(void 0===e.rowIndex||void 0===e.colIndex)return;if(e.rowIndex<0)return;if(e.column&&n(e.column))return;if(!this.isCellSelectable(e.rowIndex,e.colIndex))return;if(e.originalEvent.shiftKey&&this.cellAnchor)return;this.isDragging=!0;const t=e.rowIndex,s=e.colIndex,i=(e.originalEvent.ctrlKey||e.originalEvent.metaKey)&&!1!==this.config.multiSelect,r={startRow:t,startCol:s,endRow:t,endCol:s};return!i&&1===this.ranges.length&&u(this.ranges[0],r)?(this.cellAnchor={row:t,col:s},!0):(this.cellAnchor={row:t,col:s},i||(this.ranges=[]),this.ranges.push(r),this.activeRange=r,this.emit("selection-change",this.#t()),this.requestAfterRender(),!0)}onCellMouseMove(e){if(!this.isSelectionEnabled())return;if("range"!==this.config.mode)return;if(!this.isDragging||!this.cellAnchor)return;if(void 0===e.rowIndex||void 0===e.colIndex)return;if(e.rowIndex<0)return;let t=e.colIndex;const s=this.visibleColumns[t];if(s&&n(s)){const e=this.visibleColumns.findIndex(e=>!n(e));e>=0&&(t=e)}const i=g(this.cellAnchor,{row:e.rowIndex,col:t}),r=this.ranges.length>0?this.ranges[this.ranges.length-1]:null;return r&&u(r,i)||(this.ranges.length>0?this.ranges[this.ranges.length-1]=i:this.ranges.push(i),this.activeRange=i,this.emit("selection-change",this.#t()),this.requestAfterRender()),!0}onCellMouseUp(e){if(this.isSelectionEnabled()&&"range"===this.config.mode)return this.isDragging?(this.isDragging=!1,!0):void 0}processColumns(e){if(this.config.checkbox&&"row"===this.config.mode){if(e.some(e=>e.field===w))return e;const t=this.#s(),s=e.findIndex(o),i=s>=0?s+1:0;return[...e.slice(0,i),t,...e.slice(i)]}return e}#s(){return{field:w,header:"",width:32,resizable:!1,sortable:!1,meta:{lockPosition:!0,suppressMovable:!0,utility:!0,checkboxColumn:!0},headerRenderer:()=>{const e=document.createElement("div");if(e.className="tbw-checkbox-header",!1===this.config.multiSelect)return e;const t=document.createElement("input");return t.type="checkbox",t.className="tbw-select-all-checkbox",t.addEventListener("click",e=>{e.stopPropagation(),e.target.checked?this.selectAll():this.clearSelection()}),e.appendChild(t),e},renderer:e=>{const t=document.createElement("input");t.type="checkbox",t.className="tbw-select-row-checkbox";const s=e.cellEl;if(s){const e=parseInt(s.getAttribute("data-row")??"-1",10);e>=0&&(t.checked=this.selected.has(e))}return t}}}#i(t){t.querySelectorAll(".tbw-select-row-checkbox").forEach(t=>{const s=t.closest(".cell"),i=s?e(s):-1;i>=0&&(t.checked=this.selected.has(i))});const s=t.querySelector(".tbw-select-all-checkbox");if(s){const e=this.rows.length;let t=0;if(this.config.isSelectable)for(let s=0;s<e;s++)this.isRowSelectable(s)&&t++;else t=e;const i=t>0&&this.selected.size>=t,r=this.selected.size>0;s.checked=i,s.indeterminate=r&&!i}}#r(e){const t=this.grid._focusRow,s=this.grid._focusCol;if("row"===e){if(this.explicitSelection)return this.explicitSelection=!1,void(this.lastSyncedFocusRow=t);t!==this.lastSyncedFocusRow&&(this.lastSyncedFocusRow=t,this.isRowSelectable(t)&&(this.selected.has(t)&&1===this.selected.size||(this.selected.clear(),this.selected.add(t),this.lastSelected=t,this.anchor=t,this.emit("selection-change",this.#t()))))}if("cell"===e){if(this.explicitSelection)return this.explicitSelection=!1,this.lastSyncedFocusRow=t,void(this.lastSyncedFocusCol=s);if((t!==this.lastSyncedFocusRow||s!==this.lastSyncedFocusCol)&&(this.lastSyncedFocusRow=t,this.lastSyncedFocusCol=s,this.isCellSelectable(t,s))){const e=this.selectedCell;e&&e.row===t&&e.col===s||(this.selectedCell={row:t,col:s},this.emit("selection-change",this.#t()))}}}#o(){const s=this.gridElement;if(!s)return;const{mode:i}=this.config,r=!!this.config.isSelectable;s.querySelectorAll(".cell").forEach(e=>{e.classList.remove("selected","top","bottom","first","last"),r&&e.removeAttribute("data-selectable")});const o=s.querySelectorAll(".data-grid-row");if(o.forEach(e=>{e.classList.remove("selected","row-focus"),r&&e.removeAttribute("data-selectable")}),"row"===i&&(t(s),o.forEach(t=>{const s=e(t.querySelector(".cell[data-row]"));s>=0&&(r&&!this.isRowSelectable(s)&&t.setAttribute("data-selectable","false"),this.selected.has(s)&&t.classList.add("selected","row-focus"))}),this.config.checkbox&&this.#i(s)),("cell"===i||"range"===i)&&r){s.querySelectorAll(".cell[data-row][data-col]").forEach(e=>{const t=parseInt(e.getAttribute("data-row")??"-1",10),s=parseInt(e.getAttribute("data-col")??"-1",10);t>=0&&s>=0&&(this.isCellSelectable(t,s)||e.setAttribute("data-selectable","false"))})}if("range"===i&&this.ranges.length>0){t(s);const e=this.ranges.map(l),i=(t,s)=>{for(const i of e)if(t>=i.startRow&&t<=i.endRow&&s>=i.startCol&&s<=i.endCol)return!0;return!1};s.querySelectorAll(".cell[data-row][data-col]").forEach(e=>{const t=parseInt(e.getAttribute("data-row")??"-1",10),s=parseInt(e.getAttribute("data-col")??"-1",10);if(t>=0&&s>=0){const r=this.visibleColumns[s];if(r&&n(r))return;i(t,s)&&(e.classList.add("selected"),i(t-1,s)||e.classList.add("top"),i(t+1,s)||e.classList.add("bottom"),i(t,s-1)||e.classList.add("first"),i(t,s+1)||e.classList.add("last"))}})}}afterRender(){if(!this.isSelectionEnabled())return;const e=this.gridElement;if(!e)return;const t=e.children[0],{mode:s}=this.config;if(this.pendingKeyboardUpdate&&"range"===s){const{shiftKey:e}=this.pendingKeyboardUpdate;this.pendingKeyboardUpdate=null;const t=this.grid._focusRow,s=this.grid._focusCol;if(e&&this.cellAnchor){const e=g(this.cellAnchor,{row:t,col:s});this.ranges=[e],this.activeRange=e}else e||(this.ranges=[],this.activeRange=null,this.cellAnchor={row:t,col:s});this.emit("selection-change",this.#t())}this.#r(s),this.grid.setAttribute("data-selection-mode",s),t&&t.classList.toggle("selecting",this.isDragging),this.#o()}onScrollRender(){this.isSelectionEnabled()&&this.#o()}getSelection(){return{mode:this.config.mode,ranges:this.#t().ranges,anchor:this.cellAnchor}}getSelectedCells(){return function(e){const t=/* @__PURE__ */new Map;for(const s of e)for(const e of h(s))t.set(`${e.row},${e.col}`,e);return[...t.values()]}(this.ranges)}isCellSelected(e,t){return d(e,t,this.ranges)}selectAll(){const{mode:e,multiSelect:t}=this.config;if(!1!==t)if("row"===e){this.selected.clear();for(let e=0;e<this.rows.length;e++)this.isRowSelectable(e)&&this.selected.add(e);this.explicitSelection=!0,this.emit("selection-change",this.#t()),this.requestAfterRender()}else if("range"===e){const e=this.rows.length,t=this.columns.length;if(e>0&&t>0){const s={startRow:0,startCol:0,endRow:e-1,endCol:t-1};this.ranges=[s],this.activeRange=s,this.emit("selection-change",this.#t()),this.requestAfterRender()}}}selectRows(e){if("row"!==this.config.mode)return;const t=!1===this.config.multiSelect&&e.length>1?[e[e.length-1]]:e;this.selected.clear();for(const s of t)s>=0&&s<this.rows.length&&this.isRowSelectable(s)&&this.selected.add(s);this.anchor=t.length>0?t[t.length-1]:null,this.explicitSelection=!0,this.emit("selection-change",this.#t()),this.requestAfterRender()}getSelectedRowIndices(){return[...this.selected].sort((e,t)=>e-t)}getSelectedRows(){const{mode:e}=this.config,t=this.rows;if("row"===e)return this.getSelectedRowIndices().filter(e=>e>=0&&e<t.length).map(e=>t[e]);if("cell"===e&&this.selectedCell){const{row:e}=this.selectedCell;return e>=0&&e<t.length?[t[e]]:[]}if("range"===e&&this.ranges.length>0){const e=/* @__PURE__ */new Set;for(const s of this.ranges){const i=Math.max(0,Math.min(s.startRow,s.endRow)),r=Math.min(t.length-1,Math.max(s.startRow,s.endRow));for(let t=i;t<=r;t++)e.add(t)}return[...e].sort((e,t)=>e-t).map(e=>t[e])}return[]}clearSelection(){this.selectedCell=null,this.selected.clear(),this.anchor=null,this.ranges=[],this.activeRange=null,this.cellAnchor=null,this.emit("selection-change",{mode:this.config.mode,ranges:[]}),this.requestAfterRender()}setRanges(e){this.ranges=e.map(e=>({startRow:e.from.row,startCol:e.from.col,endRow:e.to.row,endCol:e.to.col})),this.activeRange=this.ranges.length>0?this.ranges[this.ranges.length-1]:null,this.emit("selection-change",{mode:this.config.mode,ranges:a(this.ranges)}),this.requestAfterRender()}#t(){return function(e,t,s){if("cell"===e&&t.selectedCell)return{mode:e,ranges:[{from:{row:t.selectedCell.row,col:t.selectedCell.col},to:{row:t.selectedCell.row,col:t.selectedCell.col}}]};if("row"===e&&t.selected.size>0){const i=[...t.selected].sort((e,t)=>e-t),r=[];let o=i[0],n=o;for(let e=1;e<i.length;e++)i[e]===n+1?n=i[e]:(r.push({from:{row:o,col:0},to:{row:n,col:s-1}}),o=i[e],n=o);return r.push({from:{row:o,col:0},to:{row:n,col:s-1}}),{mode:e,ranges:r}}return"range"===e&&t.ranges.length>0?{mode:e,ranges:a(t.ranges)}:{mode:e,ranges:[]}}(this.config.mode,{selectedCell:this.selectedCell,selected:this.selected,ranges:this.ranges},this.columns.length)}}export{f as SelectionPlugin};
 //# sourceMappingURL=index.js.map