apex-grid 3.4.0 → 3.6.0

package/controllers/navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/controllers/navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController } from 'lit';\nimport type ApexGridRow from '../components/row.js';\nimport { NAVIGATION_STATE, SENTINEL_NODE } from '../internal/constants.js';\nimport { GRID_ROW_TAG } from '../internal/tags.js';\nimport type { ActiveNode, ColumnConfiguration, GridHost, Keys } from '../internal/types.js';\nimport { getDisplayColumns } from '../internal/utils.js';\n\nexport class NavigationController<T extends object> implements ReactiveController {\n  protected handlers = new Map(\n    Object.entries({\n      ArrowDown: this.arrowDown,\n      ArrowUp: this.arrowUp,\n      ArrowLeft: this.arrowLeft,\n      ArrowRight: this.arrowRight,\n      Home: this.home,\n      End: this.end,\n      PageUp: this.pageUp,\n      PageDown: this.pageDown,\n      ' ': this.toggleSelection,\n    })\n  );\n\n  protected get virtualizer() {\n    // @ts-expect-error - Protected member access\n    return this.host.scrollContainer;\n  }\n\n  protected state = NAVIGATION_STATE;\n  protected _active = SENTINEL_NODE;\n\n  protected get nextNode() {\n    const node = this.state.get('current')!;\n    return node === SENTINEL_NODE\n      ? { column: this.firstColumn, row: 0 }\n      : ({ ...node } as ActiveNode<T>);\n  }\n\n  protected get columns(): Array<{ key: Keys<T>; hidden?: boolean }> {\n    return getDisplayColumns(this.host.columns) as unknown as Array<{\n      key: Keys<T>;\n      hidden?: boolean;\n    }>;\n  }\n\n  protected get visibleColumns() {\n    return this.columns.filter((column) => !column.hidden);\n  }\n\n  protected get firstColumn(): Keys<T> {\n    const first = this.visibleColumns.at(0);\n    return (first?.key ?? (this.host.columns[0]?.key as Keys<T>)) as Keys<T>;\n  }\n\n  protected getPreviousColumn(key: Keys<T>): Keys<T> {\n    const columns = this.visibleColumns;\n    const idx = columns.findIndex((column) => column.key === key);\n    return columns[Math.max(idx - 1, 0)].key;\n  }\n\n  protected getNextColumn(key: Keys<T>): Keys<T> {\n    const columns = this.visibleColumns;\n    const idx = columns.findIndex((column) => column.key === key);\n    return columns[Math.min(idx + 1, columns.length - 1)].key;\n  }\n\n  protected scrollToCell(node: ActiveNode<T>) {\n    const row = Array.from(this.virtualizer.querySelectorAll(GRID_ROW_TAG)).find(\n      (row) => (row as unknown as ApexGridRow<T>).index === node.row\n    ) as unknown as ApexGridRow<T>;\n\n    if (row) {\n      row.cells\n        .find((cell) => cell.column.key === node.column)\n        ?.scrollIntoView({ block: 'nearest' });\n    }\n  }\n\n  protected findActiveCell() {\n    const row = Array.from(this.virtualizer.querySelectorAll(GRID_ROW_TAG)).find(\n      (el) => (el as unknown as ApexGridRow<T>).index === this.active.row\n    ) as unknown as ApexGridRow<T> | undefined;\n    return row?.cells.find((cell) => cell.column.key === this.active.column);\n  }\n\n  /**\n   * Moves real DOM focus to the active cell (the grid body's roving tab stop),\n   * so screen readers track keyboard navigation. Waits for the host render to\n   * commit the cell's `active` state, then retries once on the next frame to\n   * cover virtualizer re-materialization after a long jump. No-op while no\n   * cell is active (the scroll container keeps focus as the entry point).\n   */\n  public focusActiveCell(): void {\n    const node = this.state.get('current');\n    if (!node || node === SENTINEL_NODE) return;\n    void (async () => {\n      await this.host.updateComplete;\n      let cell = this.findActiveCell();\n      if (!cell) {\n        await new Promise(requestAnimationFrame);\n        cell = this.findActiveCell();\n      }\n      cell?.focus({ preventScroll: true });\n    })();\n  }\n\n  public get active() {\n    return this._active as ActiveNode<T>;\n  }\n\n  public set active(node: ActiveNode<T>) {\n    this._active = node;\n    this.state.set('previous', this._active);\n    this.state.set('current', node);\n    this.host.requestUpdate();\n  }\n\n  constructor(protected host: GridHost<T>) {\n    this.host.addController(this);\n  }\n\n  /** Home moves to the first cell in the row (ARIA grid pattern). */\n  protected home() {\n    this.active = Object.assign(this.nextNode, { column: this.firstColumn });\n    this.scrollToCell(this.active);\n  }\n\n  /** End moves to the last cell in the row (ARIA grid pattern). */\n  protected end() {\n    const last = this.visibleColumns.at(-1)?.key ?? this.firstColumn;\n    this.active = Object.assign(this.nextNode, { column: last });\n    this.scrollToCell(this.active);\n  }\n\n  /** Ctrl/Cmd+Home moves to the first cell of the grid. */\n  protected ctrlHome() {\n    this.active = { column: this.firstColumn, row: 0 } as ActiveNode<T>;\n    this.virtualizer.element(0)?.scrollIntoView({ block: 'nearest' });\n    this.scrollToCell(this.active);\n  }\n\n  /** Ctrl/Cmd+End moves to the last cell of the grid. */\n  protected ctrlEnd() {\n    const row = Math.max(0, this.host.pageItems.length - 1);\n    const last = this.visibleColumns.at(-1)?.key ?? this.firstColumn;\n    this.active = { column: last, row } as ActiveNode<T>;\n    this.virtualizer.element(row)?.scrollIntoView({ block: 'nearest' });\n    this.scrollToCell(this.active);\n  }\n\n  /**\n   * Rows per Page Up/Down step, derived from the host viewport and the height\n   * of a rendered row (fallback: 10 rows when nothing is measurable yet).\n   */\n  protected pageStep(): number {\n    const rowEl = this.virtualizer.element(this.nextNode.row) as HTMLElement | undefined;\n    const rowHeight = rowEl?.offsetHeight || 0;\n    const viewport = (this.host as unknown as HTMLElement).clientHeight || 0;\n    if (!rowHeight || !viewport) return 10;\n    const rows = Math.floor(viewport / rowHeight) - 1;\n    return rows > 0 ? rows : 10;\n  }\n\n  protected pageUp() {\n    const next = this.nextNode;\n    this.active = Object.assign(next, { row: Math.max(0, next.row - this.pageStep()) });\n    this.virtualizer.element(this.active.row)?.scrollIntoView({ block: 'nearest' });\n  }\n\n  protected pageDown() {\n    const next = this.nextNode;\n    this.active = Object.assign(next, {\n      row: Math.min(this.host.pageItems.length - 1, next.row + this.pageStep()),\n    });\n    this.virtualizer.element(this.active.row)?.scrollIntoView({ block: 'nearest' });\n  }\n\n  protected arrowDown() {\n    const next = this.nextNode;\n\n    this.active = Object.assign(next, {\n      row: Math.min(next.row + 1, this.host.pageItems.length - 1),\n    });\n    this.virtualizer.element(next.row)?.scrollIntoView({ block: 'nearest' });\n  }\n\n  protected arrowUp() {\n    const next = this.nextNode;\n    this.active = Object.assign(next, { row: Math.max(0, next.row - 1) });\n    this.virtualizer.element(next.row)?.scrollIntoView({ block: 'nearest' });\n  }\n\n  protected arrowLeft() {\n    const next = this.nextNode;\n    this.active = Object.assign(next, { column: this.getPreviousColumn(next.column) });\n    this.scrollToCell(this.active);\n  }\n\n  protected arrowRight() {\n    const next = this.nextNode;\n    this.active = Object.assign(next, { column: this.getNextColumn(next.column) });\n    this.scrollToCell(this.active);\n  }\n\n  protected toggleSelection() {\n    // Space on the focused grid toggles selection of the active row.\n    // No-op when selection is disabled or there's no active row.\n    const data = this.host.pageItems[this.active.row] as T | undefined;\n    if (!data) return;\n    void this.host.toggleRowSelection(data);\n  }\n\n  public hostConnected() {}\n\n  public hostDisconnected() {\n    this.active = SENTINEL_NODE as ActiveNode<T>;\n    this.state = NAVIGATION_STATE;\n  }\n\n  protected get editing() {\n    // @ts-expect-error - protected member access\n    return this.host.stateController.editing as\n      | {\n          enabled: boolean;\n          isEditable(column: ColumnConfiguration<T>): boolean;\n          editCell(rowIndex: number, columnKey: Keys<T>): Promise<boolean>;\n        }\n      | undefined;\n  }\n\n  /**\n   * Enter / F2 on the active cell opens its editor (the keyboard path into\n   * edit mode). Returns `true` when the event was consumed.\n   */\n  protected handleEditKey(event: KeyboardEvent): boolean {\n    if (event.key !== 'Enter' && event.key !== 'F2') return false;\n    if (event.ctrlKey || event.metaKey || event.altKey) return false;\n    const node = this.state.get('current');\n    if (!node || node === SENTINEL_NODE) return false;\n    const editing = this.editing;\n    if (!editing?.enabled) return false;\n    const column = this.host.getColumn(this.active.column);\n    if (!column || !editing.isEditable(column)) return false;\n    event.preventDefault();\n    void editing.editCell(this.active.row, this.active.column);\n    return true;\n  }\n\n  protected get rowReorder() {\n    // @ts-expect-error - protected member access\n    return this.host.stateController.rowReorder as\n      | {\n          enabled: boolean;\n          isGrabbing: boolean;\n          grab(rowIndex: number): boolean;\n          moveGrabbed(direction: -1 | 1): number;\n          drop(): void;\n          cancelGrab(): void;\n        }\n      | undefined;\n  }\n\n  /**\n   * Keyboard row reorder: Space grabs the active row, arrows move it, Space /\n   * Enter drops, Escape cancels. Returns `true` when the event was consumed.\n   * Only active when `rowReordering.enabled` (so it never shadows Space-to-select\n   * on grids without reordering).\n   */\n  protected handleReorderKey(event: KeyboardEvent): boolean {\n    const reorder = this.rowReorder;\n    if (!reorder?.enabled) return false;\n\n    if (reorder.isGrabbing) {\n      switch (event.key) {\n        case 'ArrowUp':\n        case 'ArrowDown': {\n          event.preventDefault();\n          const next = reorder.moveGrabbed(event.key === 'ArrowDown' ? 1 : -1);\n          if (next >= 0) {\n            this.active = Object.assign(this.nextNode, { row: next });\n            this.virtualizer.element(next)?.scrollIntoView({ block: 'nearest' });\n          }\n          return true;\n        }\n        case ' ':\n        case 'Enter':\n          event.preventDefault();\n          reorder.drop();\n          return true;\n        case 'Escape':\n          event.preventDefault();\n          reorder.cancelGrab();\n          return true;\n        default:\n          return false;\n      }\n    }\n\n    if (event.key === ' ' && this.active.row >= 0) {\n      event.preventDefault();\n      return reorder.grab(this.active.row);\n    }\n    return false;\n  }\n\n  public navigate(event: KeyboardEvent) {\n    if (this.handleReorderKey(event)) return;\n    // Undo / redo: Ctrl/Cmd+Z, Ctrl/Cmd+Shift+Z, Ctrl/Cmd+Y. Only fires when the\n    // grid body (not an open editor) has focus, so a text editor's native undo\n    // is never hijacked.\n    if ((event.ctrlKey || event.metaKey) && !event.altKey) {\n      const key = event.key.toLowerCase();\n      if (key === 'z' && !event.shiftKey) {\n        event.preventDefault();\n        this.host.undo();\n        return;\n      }\n      if ((key === 'z' && event.shiftKey) || key === 'y') {\n        event.preventDefault();\n        this.host.redo();\n        return;\n      }\n      // Ctrl/Cmd+Home / Ctrl/Cmd+End jump to the grid corners (ARIA grid pattern).\n      if (event.key === 'Home' || event.key === 'End') {\n        event.preventDefault();\n        if (event.key === 'Home') {\n          this.ctrlHome();\n        } else {\n          this.ctrlEnd();\n        }\n        this.focusActiveCell();\n        return;\n      }\n    }\n    if (this.handleEditKey(event)) return;\n    if (this.handlers.has(event.key)) {\n      event.preventDefault();\n      this.handlers.get(event.key)!.call(this);\n      // Real focus follows the active cell so AT tracks the movement.\n      this.focusActiveCell();\n    }\n  }\n}\n"]}
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/controllers/navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController } from 'lit';\nimport type ApexGridRow from '../components/row.js';\nimport { revealWithin, type ScrollInsets } from '../components/virtualizer.js';\nimport { SENTINEL_NODE } from '../internal/constants.js';\nimport { GRID_ROW_TAG } from '../internal/tags.js';\nimport type { ActiveNode, ColumnConfiguration, GridHost, Keys } from '../internal/types.js';\nimport { getDisplayColumns, isRTL } from '../internal/utils.js';\n\n/** Keys that move the active cell relative to where it is. */\nconst RELATIVE_KEYS = new Set([\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Home',\n  'End',\n  'PageUp',\n  'PageDown',\n]);\n\nexport class NavigationController<T extends object> implements ReactiveController {\n  protected handlers = new Map(\n    Object.entries({\n      ArrowDown: this.arrowDown,\n      ArrowUp: this.arrowUp,\n      ArrowLeft: this.arrowLeft,\n      ArrowRight: this.arrowRight,\n      Home: this.home,\n      End: this.end,\n      PageUp: this.pageUp,\n      PageDown: this.pageDown,\n      ' ': this.toggleSelection,\n    })\n  );\n\n  protected get virtualizer() {\n    // @ts-expect-error - Protected member access\n    return this.host.scrollContainer;\n  }\n\n  /**\n   * The active cell of this grid. Instance state on purpose: every grid on a\n   * page, including one nested in another grid's detail panel, keeps its own.\n   */\n  protected _active = SENTINEL_NODE as ActiveNode<T>;\n\n  protected get nextNode() {\n    return this._active === SENTINEL_NODE\n      ? ({ column: this.firstColumn, row: 0 } as ActiveNode<T>)\n      : ({ ...this._active } as ActiveNode<T>);\n  }\n\n  protected get columns(): Array<{ key: Keys<T>; hidden?: boolean }> {\n    return getDisplayColumns(this.host.columns) as unknown as Array<{\n      key: Keys<T>;\n      hidden?: boolean;\n    }>;\n  }\n\n  protected get visibleColumns() {\n    return this.columns.filter((column) => !column.hidden);\n  }\n\n  protected get firstColumn(): Keys<T> {\n    const first = this.visibleColumns.at(0);\n    return (first?.key ?? (this.host.columns[0]?.key as Keys<T>)) as Keys<T>;\n  }\n\n  /** Whether there is any cell to move to: a body row and a visible column. */\n  protected get navigable(): boolean {\n    return this.host.pageItems.length > 0 && this.visibleColumns.length > 0;\n  }\n\n  protected getPreviousColumn(key: Keys<T>): Keys<T> {\n    const columns = this.visibleColumns;\n    const idx = columns.findIndex((column) => column.key === key);\n    return columns[Math.max(idx - 1, 0)]?.key ?? key;\n  }\n\n  protected getNextColumn(key: Keys<T>): Keys<T> {\n    const columns = this.visibleColumns;\n    const idx = columns.findIndex((column) => column.key === key);\n    return columns[Math.min(idx + 1, columns.length - 1)]?.key ?? key;\n  }\n\n  /** The rendered body row at `index`, when the virtualizer has it in the DOM. */\n  protected findRow(index: number) {\n    return Array.from(this.virtualizer.querySelectorAll(GRID_ROW_TAG)).find(\n      (row) => (row as unknown as ApexGridRow<T>).index === index\n    ) as unknown as ApexGridRow<T> | undefined;\n  }\n\n  /**\n   * The element that stands for `node` in the DOM: the cell, or for a row a\n   * feature module renders full width (a group header, a total row) the\n   * row's single focus target, whatever the column.\n   */\n  protected findCell(node: ActiveNode<T>): HTMLElement | undefined {\n    const row = this.findRow(node.row);\n    if (!row) return undefined;\n    return (\n      row.presentedCell ??\n      (row.cells.find((cell) => cell.column.key === node.column) as HTMLElement | undefined)\n    );\n  }\n\n  protected scrollToCell(node: ActiveNode<T>) {\n    const cell = this.findCell(node);\n    if (cell) {\n      revealWithin(this.host as unknown as HTMLElement, cell, {\n        block: 'nearest',\n        inline: 'nearest',\n        insets: this.scrollInsets(),\n      });\n    }\n  }\n\n  /** Scrolls body row `index` into view, rendered or not. */\n  protected scrollToRow(index: number) {\n    this.virtualizer\n      .element(index)\n      ?.scrollIntoView({ block: 'nearest', insets: this.scrollInsets() });\n  }\n\n  /** The cell {@link revealCell} last asked for, so a late reveal yields to a newer one. */\n  #revealing: ActiveNode<T> | null = null;\n\n  /**\n   * Scrolls the cell at `node` into view clear of the sticky chrome without\n   * moving the active cell: the cell itself when it is rendered, else its row\n   * first and the cell once the virtualizer has rendered it. For a feature\n   * that moves something other than the active cell with the keyboard (range\n   * extension), so it scrolls the way arrow navigation does.\n   */\n  public revealCell(node: ActiveNode<T>): void {\n    this.#revealing = node;\n    if (this.findCell(node)) {\n      this.scrollToCell(node);\n      return;\n    }\n    this.scrollToRow(node.row);\n    void this.virtualizer.settled().then(() => {\n      if (this.#revealing === node) this.scrollToCell(node);\n    });\n  }\n\n  /**\n   * Whether ArrowLeft or ArrowRight steps towards the end of the column\n   * order: ArrowRight in a left-to-right grid, ArrowLeft in a right-to-left\n   * one. The rule every inline arrow key on this grid follows.\n   */\n  public towardsInlineEnd(key: string): boolean {\n    return isRTL(this.host as unknown as Element) === (key === 'ArrowLeft');\n  }\n\n  /**\n   * How much of the scroll container's scrollport the sticky chrome covers\n   * (toolbar, headers and the pinned-top band above, the pinned-bottom band\n   * and the paginator below, pinned columns on either side). Keyboard scrolls\n   * use it as scroll-padding, so a row or cell the keyboard moves to is never\n   * parked underneath that chrome. Measured right before each keyboard scroll\n   * because any of those bands can change size between key presses. Public\n   * so a feature scrolling the body itself (drag auto-scroll) measures the\n   * same chrome.\n   */\n  public scrollInsets(): ScrollInsets {\n    const host = this.host as unknown as HTMLElement;\n    const root = host.shadowRoot;\n    if (!root) return { top: 0, right: 0, bottom: 0, left: 0 };\n    const box = host.getBoundingClientRect();\n    const top = box.top + host.clientTop;\n    const left = box.left + host.clientLeft;\n    const bottom = top + host.clientHeight;\n    const right = left + host.clientWidth;\n\n    let insetTop = 0;\n    for (const el of root.querySelectorAll('apex-grid-header-row, [part~=\"pinned-top\"]')) {\n      insetTop = Math.max(insetTop, el.getBoundingClientRect().bottom - top);\n    }\n    let insetBottom = 0;\n    for (const el of root.querySelectorAll('apex-grid-paginator, [part~=\"pinned-bottom\"]')) {\n      insetBottom = Math.max(insetBottom, bottom - el.getBoundingClientRect().top);\n    }\n\n    let insetLeft = 0;\n    let insetRight = 0;\n    const headerRow = root.querySelector('apex-grid-header-row');\n    const pinned = headerRow?.shadowRoot?.querySelectorAll(\n      '[data-pinned=\"start\"], [data-pinned=\"end\"]'\n    );\n    if (pinned?.length) {\n      const rtl = isRTL(host);\n      for (const el of pinned) {\n        const rect = el.getBoundingClientRect();\n        const atLeft = (el.getAttribute('data-pinned') === 'start') !== rtl;\n        if (atLeft) insetLeft = Math.max(insetLeft, rect.right - left);\n        else insetRight = Math.max(insetRight, right - rect.left);\n      }\n    }\n\n    const clamp = (inset: number) => Math.max(0, Math.round(inset));\n    return {\n      top: clamp(insetTop),\n      right: clamp(insetRight),\n      bottom: clamp(insetBottom),\n      left: clamp(insetLeft),\n    };\n  }\n\n  /**\n   * Moves real DOM focus to the active cell (the grid body's roving tab stop),\n   * so screen readers track keyboard navigation. Waits for the host render to\n   * commit the cell's `active` state and, when the cell is not in the DOM yet\n   * (a long jump), for the virtualizer to finish laying out the new range.\n   * No-op while no cell is active (the scroll container keeps focus as the\n   * entry point).\n   *\n   * @param reveal - also scroll the cell into view once it exists, for jumps\n   * whose target row was not rendered when the scroll started.\n   */\n  public focusActiveCell(reveal = false): void {\n    const node = this._active;\n    if (node === SENTINEL_NODE) return;\n    void (async () => {\n      await this.host.updateComplete;\n      let cell = this.findCell(node);\n      if (!cell) {\n        await this.virtualizer.settled();\n        cell = this.findCell(node);\n      }\n      if (!cell) {\n        await new Promise(requestAnimationFrame);\n        cell = this.findCell(node);\n      }\n      // The user moved on while this was waiting: leave focus to the newer move.\n      if (!cell || this._active !== node) return;\n      if (reveal) this.scrollToCell(node);\n      cell.focus({ preventScroll: true });\n    })();\n  }\n\n  public get active() {\n    return this._active;\n  }\n\n  public set active(node: ActiveNode<T>) {\n    this._active = node;\n    this.host.requestUpdate();\n  }\n\n  constructor(protected host: GridHost<T>) {\n    this.host.addController(this);\n  }\n\n  /**\n   * Keeps the active cell pointing at something that exists. Runs before\n   * every grid render, so after a data swap, sort, filter, page change or a\n   * column hide or reorder the active node is clamped to the last row and the\n   * nearest visible column, or cleared when there is nothing left to point\n   * at (no rows, no visible columns). Without it a stale node names a cell\n   * that is never rendered, which leaves the body with no tab stop.\n   */\n  public hostUpdate() {\n    const node = this._active;\n    if (node === SENTINEL_NODE) return;\n    const count = this.host.pageItems.length;\n    if (!count || !this.visibleColumns.length) {\n      this._active = SENTINEL_NODE as ActiveNode<T>;\n      return;\n    }\n    const row = Math.min(node.row, count - 1);\n    const column = this.#nearestVisibleColumn(node.column);\n    if (row !== node.row || column !== node.column) {\n      this._active = { column, row } as ActiveNode<T>;\n    }\n  }\n\n  /** `key` when it is visible, else the closest visible column in display order. */\n  #nearestVisibleColumn(key: Keys<T>): Keys<T> {\n    const columns = this.columns;\n    const index = columns.findIndex((column) => column.key === key);\n    if (index < 0) return this.firstColumn;\n    for (let distance = 0; distance < columns.length; distance++) {\n      for (const at of [index + distance, index - distance]) {\n        const column = columns[at];\n        if (column && !column.hidden) return column.key;\n      }\n    }\n    return this.firstColumn;\n  }\n\n  /** The active row is one a feature module renders full width (no cells). */\n  protected isPresentedRow(index: number): boolean {\n    const data = this.host.pageItems[index];\n    if (!data) return false;\n    // @ts-expect-error - protected member access\n    const state = this.host.stateController as {\n      presentRow(row: T, ctx: { columns: ColumnConfiguration<T>[]; rowIndex: number }): unknown;\n    };\n    return state.presentRow(data, { columns: this.host.columns, rowIndex: index }) !== null;\n  }\n\n  /** Home moves to the first cell in the row (ARIA grid pattern). */\n  protected home() {\n    this.active = Object.assign(this.nextNode, { column: this.firstColumn });\n    this.scrollToCell(this.active);\n  }\n\n  /** End moves to the last cell in the row (ARIA grid pattern). */\n  protected end() {\n    const last = this.visibleColumns.at(-1)?.key ?? this.firstColumn;\n    this.active = Object.assign(this.nextNode, { column: last });\n    this.scrollToCell(this.active);\n  }\n\n  /** Ctrl/Cmd+Home moves to the first cell of the grid. */\n  protected ctrlHome() {\n    this.active = { column: this.firstColumn, row: 0 } as ActiveNode<T>;\n    this.scrollToRow(0);\n  }\n\n  /** Ctrl/Cmd+End moves to the last cell of the grid. */\n  protected ctrlEnd() {\n    const row = this.host.pageItems.length - 1;\n    const last = this.visibleColumns.at(-1)?.key ?? this.firstColumn;\n    this.active = { column: last, row } as ActiveNode<T>;\n    this.scrollToRow(row);\n  }\n\n  /**\n   * Rows per Page Up/Down step: the rows that fit in the part of the\n   * scrollport the sticky chrome leaves visible, minus one so the row the\n   * user was on stays in view. Falls back to 10 when nothing is measurable.\n   */\n  protected pageStep(): number {\n    const host = this.host as unknown as HTMLElement;\n    let rowHeight = 0;\n    for (const row of this.virtualizer.querySelectorAll(GRID_ROW_TAG)) {\n      const height = (row as HTMLElement).offsetHeight;\n      // The shortest rendered row: an expanded detail panel is not a row height.\n      if (height > 0 && (!rowHeight || height < rowHeight)) rowHeight = height;\n    }\n    const { top, bottom } = this.scrollInsets();\n    const viewport = host.clientHeight - top - bottom;\n    if (!rowHeight || viewport <= 0) return 10;\n    return Math.max(1, Math.floor(viewport / rowHeight) - 1);\n  }\n\n  protected pageUp() {\n    const next = this.nextNode;\n    this.active = Object.assign(next, { row: Math.max(0, next.row - this.pageStep()) });\n    this.scrollToRow(this.active.row);\n  }\n\n  protected pageDown() {\n    const next = this.nextNode;\n    this.active = Object.assign(next, {\n      row: Math.min(this.host.pageItems.length - 1, next.row + this.pageStep()),\n    });\n    this.scrollToRow(this.active.row);\n  }\n\n  protected arrowDown() {\n    const next = this.nextNode;\n    this.active = Object.assign(next, {\n      row: Math.min(next.row + 1, this.host.pageItems.length - 1),\n    });\n    this.scrollToRow(next.row);\n  }\n\n  protected arrowUp() {\n    const next = this.nextNode;\n    this.active = Object.assign(next, { row: Math.max(0, next.row - 1) });\n    this.scrollToRow(next.row);\n  }\n\n  protected arrowLeft() {\n    this.#moveInline('ArrowLeft');\n  }\n\n  protected arrowRight() {\n    this.#moveInline('ArrowRight');\n  }\n\n  /**\n   * Moves the active cell one column in a *physical* direction.\n   *\n   * ArrowLeft and ArrowRight name screen directions, not column order, so under\n   * `dir=\"rtl\"` the column to the left is the *next* one and the mapping onto\n   * previous/next inverts ({@link towardsInlineEnd}). Everything else about\n   * navigation is order-based and needs no direction awareness.\n   */\n  #moveInline(key: 'ArrowLeft' | 'ArrowRight') {\n    const next = this.nextNode;\n    const column = this.towardsInlineEnd(key)\n      ? this.getNextColumn(next.column)\n      : this.getPreviousColumn(next.column);\n    this.active = Object.assign(next, { column });\n    this.scrollToCell(this.active);\n  }\n\n  protected toggleSelection() {\n    // Space on the focused grid toggles selection of the active row.\n    // No-op when selection is disabled, there's no active row, or the row is\n    // module-rendered (a group header or total row is not a data row).\n    const data = this.host.pageItems[this._active.row] as T | undefined;\n    if (!data || this.isPresentedRow(this._active.row)) return;\n    void this.host.toggleRowSelection(data);\n  }\n\n  public hostConnected() {}\n\n  public hostDisconnected() {\n    this.active = SENTINEL_NODE as ActiveNode<T>;\n  }\n\n  protected get editing() {\n    // @ts-expect-error - protected member access\n    return this.host.stateController.editing as\n      | {\n          enabled: boolean;\n          isEditable(column: ColumnConfiguration<T>): boolean;\n          editCell(rowIndex: number, columnKey: Keys<T>): Promise<boolean>;\n        }\n      | undefined;\n  }\n\n  /**\n   * Enter / F2 on the active cell opens its editor (the keyboard path into\n   * edit mode). Returns `true` when the event was consumed.\n   */\n  protected handleEditKey(event: KeyboardEvent): boolean {\n    if (event.key !== 'Enter' && event.key !== 'F2') return false;\n    if (event.ctrlKey || event.metaKey || event.altKey) return false;\n    if (this._active === SENTINEL_NODE || this.isPresentedRow(this._active.row)) return false;\n    const editing = this.editing;\n    if (!editing?.enabled) return false;\n    const column = this.host.getColumn(this.active.column);\n    if (!column || !editing.isEditable(column)) return false;\n    event.preventDefault();\n    void editing.editCell(this.active.row, this.active.column);\n    return true;\n  }\n\n  protected get rowReorder() {\n    // @ts-expect-error - protected member access\n    return this.host.stateController.rowReorder as\n      | {\n          enabled: boolean;\n          isGrabbing: boolean;\n          grab(rowIndex: number): boolean;\n          moveGrabbed(direction: -1 | 1): number;\n          drop(): void;\n          cancelGrab(): void;\n        }\n      | undefined;\n  }\n\n  /**\n   * Keyboard row reorder: Space grabs the active row, arrows move it, Space /\n   * Enter drops, Escape cancels. Returns `true` when the event was consumed.\n   * Only active when `rowReordering.enabled` (so it never shadows Space-to-select\n   * on grids without reordering).\n   */\n  protected handleReorderKey(event: KeyboardEvent): boolean {\n    const reorder = this.rowReorder;\n    if (!reorder?.enabled) return false;\n\n    if (reorder.isGrabbing) {\n      switch (event.key) {\n        case 'ArrowUp':\n        case 'ArrowDown': {\n          event.preventDefault();\n          const next = reorder.moveGrabbed(event.key === 'ArrowDown' ? 1 : -1);\n          if (next >= 0) {\n            this.active = Object.assign(this.nextNode, { row: next });\n            this.scrollToRow(next);\n          }\n          return true;\n        }\n        case ' ':\n        case 'Enter':\n          event.preventDefault();\n          reorder.drop();\n          return true;\n        case 'Escape':\n          event.preventDefault();\n          reorder.cancelGrab();\n          return true;\n        default:\n          return false;\n      }\n    }\n\n    if (event.key === ' ' && this.active.row >= 0 && !this.isPresentedRow(this.active.row)) {\n      event.preventDefault();\n      return reorder.grab(this.active.row);\n    }\n    return false;\n  }\n\n  public navigate(event: KeyboardEvent) {\n    if (this.handleReorderKey(event)) return;\n    // Undo / redo: Ctrl/Cmd+Z, Ctrl/Cmd+Shift+Z, Ctrl/Cmd+Y. Only fires when the\n    // grid body (not an open editor) has focus, so a text editor's native undo\n    // is never hijacked.\n    if ((event.ctrlKey || event.metaKey) && !event.altKey) {\n      const key = event.key.toLowerCase();\n      if (key === 'z' && !event.shiftKey) {\n        event.preventDefault();\n        this.host.undo();\n        return;\n      }\n      if ((key === 'z' && event.shiftKey) || key === 'y') {\n        event.preventDefault();\n        this.host.redo();\n        return;\n      }\n      // Ctrl/Cmd+Home / Ctrl/Cmd+End jump to the grid corners (ARIA grid pattern).\n      if (event.key === 'Home' || event.key === 'End') {\n        event.preventDefault();\n        if (!this.navigable) return;\n        if (event.key === 'Home') {\n          this.ctrlHome();\n        } else {\n          this.ctrlEnd();\n        }\n        // The target row is often outside the rendered window, so the cell is\n        // revealed (horizontally too) once the virtualizer has rendered it.\n        this.focusActiveCell(true);\n        return;\n      }\n    }\n    if (this.handleEditKey(event)) return;\n    if (RELATIVE_KEYS.has(event.key)) {\n      event.preventDefault();\n      if (!this.navigable) return;\n      // Entering the body with the keyboard (Tab lands on the scroll\n      // container, no cell active yet): an arrow, Home or Page Up activates\n      // the first cell instead of moving past it. End and Page Down still\n      // move, starting from that first cell.\n      if (this._active === SENTINEL_NODE) {\n        // Through the setter: the render it requests moves the tab stop\n        // from the body to the cell.\n        this.active = { column: this.firstColumn, row: 0 } as ActiveNode<T>;\n        if (event.key !== 'End' && event.key !== 'PageDown') {\n          this.scrollToRow(0);\n          this.focusActiveCell(true);\n          return;\n        }\n      }\n    }\n    if (this.handlers.has(event.key)) {\n      event.preventDefault();\n      this.handlers.get(event.key)!.call(this);\n      // Real focus follows the active cell so AT tracks the movement.\n      this.focusActiveCell();\n    }\n  }\n}\n"]}

package/controllers/pagination.d.ts

@@ -76,6 +76,12 @@ export declare class PaginationController<T extends object> implements ReactiveC
      * @returns `true` if the change was applied, `false` if it was cancelled or a no-op.
      */
     gotoPage(page: number): Promise<boolean>;
+    /**
+     * Moves to the first page as part of a change already confirmed (a new
+     * quick filter), so without `pageChanging`; fires `pageChanged` once the
+     * pipeline settled when the page actually moved.
+     */
+    resetPage(): Promise<void>;
     /**
      * Sets the current page size and resets to the first page.
      *

package/controllers/pagination.js

@@ -72,10 +72,18 @@ export class PaginationController {
         }
         this.page = next;
         this.host.requestUpdate(PIPELINE);
-        await this.host.updateComplete;
+        await this.host.pipelineSettled();
         this.#emitChanged();
         return true;
     }
+    async resetPage() {
+        if (this.page === 0)
+            return;
+        this.page = 0;
+        this.host.requestUpdate(PIPELINE);
+        await this.host.pipelineSettled();
+        this.#emitChanged();
+    }
     async setPageSize(size) {
         const next = Math.max(1, Math.trunc(size));
         if (next === this.pageSize)
@@ -86,7 +94,7 @@ export class PaginationController {
         this.pageSize = next;
         this.page = 0;
         this.host.requestUpdate(PIPELINE);
-        await this.host.updateComplete;
+        await this.host.pipelineSettled();
         this.#emitChanged();
         return true;
     }

package/controllers/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/controllers/pagination.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController } from 'lit';\nimport { PIPELINE } from '../internal/constants.js';\nimport type { GridHost, PaginationState } from '../internal/types.js';\n\n/**\n * Default pagination state used when no `pagination` configuration is provided.\n */\nexport const DEFAULT_PAGINATION = Object.freeze({\n  mode: 'local' as const,\n  page: 0,\n  pageSize: 25,\n  pageSizeOptions: Object.freeze([10, 25, 50, 100]) as readonly number[],\n});\n\n/**\n * Reactive controller that owns the grid's pagination state.\n *\n * @remarks\n * Exposes a state machine for the current `page` and `pageSize`, derives `pageCount`\n * from the host's data, and emits the cancellable `pageChanging` + `pageChanged`\n * events on the grid host. Page slicing itself is performed by\n * {@link PaginationDataOperation} so the controller does not mutate `dataView`.\n */\nexport class PaginationController<T extends object> implements ReactiveController {\n  /**\n   * The current zero-based page index.\n   */\n  public page: number = DEFAULT_PAGINATION.page;\n\n  /**\n   * The current page size.\n   */\n  public pageSize: number = DEFAULT_PAGINATION.pageSize;\n\n  constructor(protected host: GridHost<T>) {\n    this.host.addController(this);\n  }\n\n  public hostConnected() {}\n\n  /**\n   * Whether pagination is enabled on the host grid.\n   */\n  public get enabled(): boolean {\n    return Boolean(this.host.pagination?.enabled);\n  }\n\n  /**\n   * The total number of records before pagination is applied.\n   *\n   * @remarks\n   * For `'local'` mode this is the post-filter, post-sort dataset length. For `'remote'`\n   * mode the consumer must supply the value via `pagination.totalItems`.\n   */\n  public get totalItems(): number {\n    const cfg = this.host.pagination;\n    if (cfg?.mode === 'remote') {\n      return Math.max(0, cfg?.totalItems ?? 0);\n    }\n    // @ts-expect-error - protected member access\n    return this.host.dataState?.length ?? 0;\n  }\n\n  /**\n   * The total number of pages for the current data view and `pageSize`.\n   *\n   * @remarks\n   * Always at least `1` so a paginator can render a sensible \"1 / 1\" label for empty data.\n   */\n  public get pageCount(): number {\n    if (!this.pageSize) return 1;\n    return Math.max(1, Math.ceil(this.totalItems / this.pageSize));\n  }\n\n  /**\n   * Returns the resolved {@link PaginationState} for the current host.\n   */\n  public get state(): PaginationState {\n    return {\n      page: this.page,\n      pageSize: this.pageSize,\n      pageCount: this.pageCount,\n      totalItems: this.totalItems,\n    };\n  }\n\n  /**\n   * Clamps a candidate `page` index into the valid `[0, pageCount - 1]` range.\n   *\n   * @param page - The candidate page index.\n   */\n  public clamp(page: number): number {\n    if (!Number.isFinite(page)) return 0;\n    return Math.min(Math.max(0, Math.trunc(page)), Math.max(0, this.pageCount - 1));\n  }\n\n  /**\n   * Re-clamps the current page after the dataset size (or `pageSize`) changes.\n   *\n   * @remarks\n   * Called from the grid pipeline so paging never points past the last valid page.\n   * Mutates `page` in place and requests a re-render when the value changes.\n   */\n  public reclamp(): void {\n    const next = this.clamp(this.page);\n    if (next !== this.page) {\n      this.page = next;\n      this.host.requestUpdate();\n    }\n  }\n\n  #emitChanging(nextPage: number, nextPageSize: number) {\n    return this.host.emitEvent('pageChanging', {\n      detail: {\n        page: this.page,\n        pageSize: this.pageSize,\n        nextPage,\n        nextPageSize,\n      },\n      cancelable: true,\n    });\n  }\n\n  #emitChanged() {\n    this.host.announce(\n      this.host.localize('announce.page', { page: this.page + 1, total: this.pageCount })\n    );\n    return this.host.emitEvent('pageChanged', { detail: this.state });\n  }\n\n  /**\n   * Navigates to `page`, emitting the cancellable `pageChanging` event first and\n   * the `pageChanged` event after the pipeline has applied.\n   *\n   * @param page - The target zero-based page index. Out-of-range values are clamped.\n   * @returns `true` if the change was applied, `false` if it was cancelled or a no-op.\n   */\n  public async gotoPage(page: number): Promise<boolean> {\n    const next = this.clamp(page);\n    if (next === this.page) return false;\n\n    if (!this.#emitChanging(next, this.pageSize)) {\n      return false;\n    }\n\n    this.page = next;\n    this.host.requestUpdate(PIPELINE);\n    await this.host.updateComplete;\n    this.#emitChanged();\n    return true;\n  }\n\n  /**\n   * Sets the current page size and resets to the first page.\n   *\n   * @param size - The new page size. Must be a positive integer.\n   * @returns `true` if the change was applied, `false` if it was cancelled or a no-op.\n   */\n  public async setPageSize(size: number): Promise<boolean> {\n    const next = Math.max(1, Math.trunc(size));\n    if (next === this.pageSize) return false;\n\n    if (!this.#emitChanging(0, next)) {\n      return false;\n    }\n\n    this.pageSize = next;\n    this.page = 0;\n    this.host.requestUpdate(PIPELINE);\n    await this.host.updateComplete;\n    this.#emitChanged();\n    return true;\n  }\n\n  /**\n   * Navigates to the next page if not already on the last one.\n   */\n  public nextPage() {\n    return this.gotoPage(this.page + 1);\n  }\n\n  /**\n   * Navigates to the previous page if not already on the first one.\n   */\n  public previousPage() {\n    return this.gotoPage(this.page - 1);\n  }\n\n  /**\n   * Navigates to the first page.\n   */\n  public firstPage() {\n    return this.gotoPage(0);\n  }\n\n  /**\n   * Navigates to the last page.\n   */\n  public lastPage() {\n    return this.gotoPage(this.pageCount - 1);\n  }\n}\n"]}
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/controllers/pagination.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController } from 'lit';\nimport { PIPELINE } from '../internal/constants.js';\nimport type { GridHost, PaginationState } from '../internal/types.js';\n\n/**\n * Default pagination state used when no `pagination` configuration is provided.\n */\nexport const DEFAULT_PAGINATION = Object.freeze({\n  mode: 'local' as const,\n  page: 0,\n  pageSize: 25,\n  pageSizeOptions: Object.freeze([10, 25, 50, 100]) as readonly number[],\n});\n\n/**\n * Reactive controller that owns the grid's pagination state.\n *\n * @remarks\n * Exposes a state machine for the current `page` and `pageSize`, derives `pageCount`\n * from the host's data, and emits the cancellable `pageChanging` + `pageChanged`\n * events on the grid host. Page slicing itself is performed by\n * {@link PaginationDataOperation} so the controller does not mutate `dataView`.\n */\nexport class PaginationController<T extends object> implements ReactiveController {\n  /**\n   * The current zero-based page index.\n   */\n  public page: number = DEFAULT_PAGINATION.page;\n\n  /**\n   * The current page size.\n   */\n  public pageSize: number = DEFAULT_PAGINATION.pageSize;\n\n  constructor(protected host: GridHost<T>) {\n    this.host.addController(this);\n  }\n\n  public hostConnected() {}\n\n  /**\n   * Whether pagination is enabled on the host grid.\n   */\n  public get enabled(): boolean {\n    return Boolean(this.host.pagination?.enabled);\n  }\n\n  /**\n   * The total number of records before pagination is applied.\n   *\n   * @remarks\n   * For `'local'` mode this is the post-filter, post-sort dataset length. For `'remote'`\n   * mode the consumer must supply the value via `pagination.totalItems`.\n   */\n  public get totalItems(): number {\n    const cfg = this.host.pagination;\n    if (cfg?.mode === 'remote') {\n      return Math.max(0, cfg?.totalItems ?? 0);\n    }\n    // @ts-expect-error - protected member access\n    return this.host.dataState?.length ?? 0;\n  }\n\n  /**\n   * The total number of pages for the current data view and `pageSize`.\n   *\n   * @remarks\n   * Always at least `1` so a paginator can render a sensible \"1 / 1\" label for empty data.\n   */\n  public get pageCount(): number {\n    if (!this.pageSize) return 1;\n    return Math.max(1, Math.ceil(this.totalItems / this.pageSize));\n  }\n\n  /**\n   * Returns the resolved {@link PaginationState} for the current host.\n   */\n  public get state(): PaginationState {\n    return {\n      page: this.page,\n      pageSize: this.pageSize,\n      pageCount: this.pageCount,\n      totalItems: this.totalItems,\n    };\n  }\n\n  /**\n   * Clamps a candidate `page` index into the valid `[0, pageCount - 1]` range.\n   *\n   * @param page - The candidate page index.\n   */\n  public clamp(page: number): number {\n    if (!Number.isFinite(page)) return 0;\n    return Math.min(Math.max(0, Math.trunc(page)), Math.max(0, this.pageCount - 1));\n  }\n\n  /**\n   * Re-clamps the current page after the dataset size (or `pageSize`) changes.\n   *\n   * @remarks\n   * Called from the grid pipeline so paging never points past the last valid page.\n   * Mutates `page` in place and requests a re-render when the value changes.\n   */\n  public reclamp(): void {\n    const next = this.clamp(this.page);\n    if (next !== this.page) {\n      this.page = next;\n      this.host.requestUpdate();\n    }\n  }\n\n  #emitChanging(nextPage: number, nextPageSize: number) {\n    return this.host.emitEvent('pageChanging', {\n      detail: {\n        page: this.page,\n        pageSize: this.pageSize,\n        nextPage,\n        nextPageSize,\n      },\n      cancelable: true,\n    });\n  }\n\n  #emitChanged() {\n    this.host.announce(\n      this.host.localize('announce.page', { page: this.page + 1, total: this.pageCount })\n    );\n    return this.host.emitEvent('pageChanged', { detail: this.state });\n  }\n\n  /**\n   * Navigates to `page`, emitting the cancellable `pageChanging` event first and\n   * the `pageChanged` event after the pipeline has applied.\n   *\n   * @param page - The target zero-based page index. Out-of-range values are clamped.\n   * @returns `true` if the change was applied, `false` if it was cancelled or a no-op.\n   */\n  public async gotoPage(page: number): Promise<boolean> {\n    const next = this.clamp(page);\n    if (next === this.page) return false;\n\n    if (!this.#emitChanging(next, this.pageSize)) {\n      return false;\n    }\n\n    this.page = next;\n    this.host.requestUpdate(PIPELINE);\n    // @ts-expect-error - protected member access\n    await this.host.pipelineSettled();\n    this.#emitChanged();\n    return true;\n  }\n\n  /**\n   * Moves to the first page as part of a change already confirmed (a new\n   * quick filter), so without `pageChanging`; fires `pageChanged` once the\n   * pipeline settled when the page actually moved.\n   */\n  public async resetPage(): Promise<void> {\n    if (this.page === 0) return;\n    this.page = 0;\n    this.host.requestUpdate(PIPELINE);\n    // @ts-expect-error - protected member access\n    await this.host.pipelineSettled();\n    this.#emitChanged();\n  }\n\n  /**\n   * Sets the current page size and resets to the first page.\n   *\n   * @param size - The new page size. Must be a positive integer.\n   * @returns `true` if the change was applied, `false` if it was cancelled or a no-op.\n   */\n  public async setPageSize(size: number): Promise<boolean> {\n    const next = Math.max(1, Math.trunc(size));\n    if (next === this.pageSize) return false;\n\n    if (!this.#emitChanging(0, next)) {\n      return false;\n    }\n\n    this.pageSize = next;\n    this.page = 0;\n    this.host.requestUpdate(PIPELINE);\n    // @ts-expect-error - protected member access\n    await this.host.pipelineSettled();\n    this.#emitChanged();\n    return true;\n  }\n\n  /**\n   * Navigates to the next page if not already on the last one.\n   */\n  public nextPage() {\n    return this.gotoPage(this.page + 1);\n  }\n\n  /**\n   * Navigates to the previous page if not already on the first one.\n   */\n  public previousPage() {\n    return this.gotoPage(this.page - 1);\n  }\n\n  /**\n   * Navigates to the first page.\n   */\n  public firstPage() {\n    return this.gotoPage(0);\n  }\n\n  /**\n   * Navigates to the last page.\n   */\n  public lastPage() {\n    return this.gotoPage(this.pageCount - 1);\n  }\n}\n"]}

package/controllers/reorder.js

@@ -1,10 +1,13 @@
 import { awaitChildUpdates, captureRect, playFlip } from '../internal/flip.js';
+import { isRTL } from '../internal/utils.js';
 export class ReorderController {
     #swapping;
+    #vetoed;
     constructor(host) {
         this.host = host;
         this.state = null;
         this.#swapping = false;
+        this.#vetoed = '';
         this.host.addController(this);
     }
     hostConnected() { }
@@ -55,57 +58,72 @@ export class ReorderController {
         if (!this.state)
             return;
         this.state = null;
+        this.#vetoed = '';
         this.host.requestUpdate();
     }
     async #checkSwap(clientX) {
         if (!this.state || this.#swapping)
             return;
-        const source = this.host.getColumn(this.state.sourceKey);
-        if (!source)
+        const swap = this.#swapAt(clientX);
+        const key = swap ? `${String(swap.target.key)}:${swap.position}` : '';
+        if (key && key === this.#vetoed)
+            return;
+        this.#vetoed = '';
+        if (!swap)
             return;
+        this.#swapping = true;
+        try {
+            const before = this.#captureCellRects();
+            if (!(await this.host.moveColumn(swap.source.key, swap.target.key, swap.position))) {
+                this.#vetoed = key;
+                return;
+            }
+            await this.host.updateComplete;
+            await awaitChildUpdates([
+                this.headerRow,
+                ...this.host.rows,
+            ]);
+            playFlip(before, 'x');
+        }
+        finally {
+            this.#swapping = false;
+        }
+    }
+    #swapAt(clientX) {
+        const source = this.state && this.host.getColumn(this.state.sourceKey);
+        if (!source)
+            return null;
         const headerRow = this.headerRow;
         if (!headerRow?.headers)
-            return;
+            return null;
         const target = headerRow.headers.find((h) => {
             const rect = h.getBoundingClientRect();
             return clientX >= rect.left && clientX < rect.right;
         });
         if (!target || target.column.key === source.key)
-            return;
+            return null;
         if (!this.canDrop(source, target.column))
-            return;
+            return null;
         const rect = target.getBoundingClientRect();
         const midpoint = rect.left + rect.width / 2;
         const visibleColumns = this.host.columns.filter((c) => !c.hidden);
         const sourceIdx = visibleColumns.findIndex((c) => c.key === source.key);
         const targetIdx = visibleColumns.findIndex((c) => c.key === target.column.key);
         if (sourceIdx === -1 || targetIdx === -1)
-            return;
+            return null;
+        const rtl = isRTL(this.host);
         let position;
         if (sourceIdx < targetIdx) {
-            if (clientX < midpoint)
-                return;
+            if (rtl ? clientX > midpoint : clientX < midpoint)
+                return null;
             position = 'after';
         }
         else {
-            if (clientX > midpoint)
-                return;
+            if (rtl ? clientX < midpoint : clientX > midpoint)
+                return null;
             position = 'before';
         }
-        this.#swapping = true;
-        try {
-            const before = this.#captureCellRects();
-            await this.host.moveColumn(source.key, target.column.key, position);
-            await this.host.updateComplete;
-            await awaitChildUpdates([
-                this.headerRow,
-                ...this.host.rows,
-            ]);
-            playFlip(before, 'x');
-        }
-        finally {
-            this.#swapping = false;
-        }
+        return { source, target: target.column, position };
     }
     #captureCellRects() {
         const entries = [];

package/controllers/reorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"reorder.js","sourceRoot":"","sources":["../../src/controllers/reorder.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController } from 'lit';\nimport { awaitChildUpdates, captureRect, type FlipEntry, playFlip } from '../internal/flip.js';\nimport type { ColumnConfiguration, GridHost, Keys } from '../internal/types.js';\n\n/**\n * Live drag state surfaced to the header row so it can render the floating\n * \"ghost\" element that follows the cursor.\n *\n * @remarks\n * The dragged column itself stays in the columns array — we live-swap it\n * with neighbours as the cursor crosses their midpoints, so the rendered\n * order updates while the user is still dragging. The ghost is purely a\n * visual indicator of what the user is grabbing.\n */\ninterface ReorderState<T> {\n  /** The column currently being dragged. */\n  sourceKey: Keys<T>;\n  /** Ghost position (viewport-relative top-left, in CSS pixels). */\n  ghostX: number;\n  ghostY: number;\n  /** Ghost size — fixed at the source header's initial bounding rect. */\n  ghostWidth: number;\n  ghostHeight: number;\n  /** Cursor offset within the ghost so the grab point stays under the cursor. */\n  pointerOffsetX: number;\n  pointerOffsetY: number;\n  /** Display label for the ghost (header text or column key). */\n  label: string;\n}\n\n/**\n * Reactive controller backing pointer-driven column reordering with a\n * floating ghost and live mid-drag swaps.\n *\n * @remarks\n * Headers feed `pointerdown` / `pointermove` / `pointerup` events into the\n * controller. While dragging, the controller updates the ghost position and\n * decides whether the cursor has crossed an adjacent column's midpoint —\n * if so it calls {@link ApexGrid.moveColumn} immediately, so the swap\n * happens during the drag instead of waiting for drop. The same cancellable\n * `columnMoving` / follow-up `columnMoved` event pipeline applies for\n * every swap.\n */\nexport class ReorderController<T extends object> implements ReactiveController {\n  public state: ReorderState<T> | null = null;\n\n  /** Re-entrancy guard so a slow `moveColumn` can't trigger a second swap. */\n  #swapping = false;\n\n  constructor(protected host: GridHost<T>) {\n    this.host.addController(this);\n  }\n\n  public hostConnected() {}\n\n  protected get headerRow() {\n    // @ts-expect-error - protected member access\n    return this.host.headerRow as\n      | (HTMLElement & { headers?: Array<HTMLElement & { column: ColumnConfiguration<T> }> })\n      | undefined;\n  }\n\n  /**\n   * Whether reordering is enabled for the given column.\n   */\n  public isDraggable(column: ColumnConfiguration<T>): boolean {\n    if (!this.host.columnReordering) return false;\n    if (column.hidden) return false;\n    return column.reorderable !== false;\n  }\n\n  /**\n   * Whether `source` may be dropped onto `target`. Cross-pinning-group moves\n   * are blocked so the drag can't escape its pin region.\n   */\n  public canDrop(source: ColumnConfiguration<T>, target: ColumnConfiguration<T>): boolean {\n    if (source.key === target.key) return false;\n    if (!this.isDraggable(source) || !this.isDraggable(target)) return false;\n    if ((source.pinned ?? null) !== (target.pinned ?? null)) return false;\n    // Grouped columns reorder only within their own group; ungrouped only among\n    // ungrouped. Keeps a group's members contiguous (v1 has no group-level move).\n    return (source.group ?? null) === (target.group ?? null);\n  }\n\n  /**\n   * Begins a drag from `sourceKey`. Captures the source's bounding rect and\n   * the cursor offset within it so the ghost stays anchored to the grab\n   * point as the cursor moves.\n   */\n  public start(\n    sourceKey: Keys<T>,\n    sourceRect: DOMRect,\n    initialClientX: number,\n    initialClientY: number,\n    label: string\n  ): void {\n    this.state = {\n      sourceKey,\n      ghostX: sourceRect.left,\n      ghostY: sourceRect.top,\n      ghostWidth: sourceRect.width,\n      ghostHeight: sourceRect.height,\n      pointerOffsetX: initialClientX - sourceRect.left,\n      pointerOffsetY: initialClientY - sourceRect.top,\n      label,\n    };\n    this.host.requestUpdate();\n  }\n\n  /**\n   * Updates the ghost position and decides whether to swap with an adjacent\n   * column.\n   */\n  public move(clientX: number, clientY: number): void {\n    if (!this.state) return;\n    this.state = {\n      ...this.state,\n      ghostX: clientX - this.state.pointerOffsetX,\n      ghostY: clientY - this.state.pointerOffsetY,\n    };\n    this.host.requestUpdate();\n    void this.#checkSwap(clientX);\n  }\n\n  /**\n   * Ends the drag session. The columns are already in their final order\n   * because we live-swapped during the drag, so there's nothing to commit.\n   */\n  public end(): void {\n    if (!this.state) return;\n    this.state = null;\n    this.host.requestUpdate();\n  }\n\n  async #checkSwap(clientX: number): Promise<void> {\n    if (!this.state || this.#swapping) return;\n    const source = this.host.getColumn(this.state.sourceKey);\n    if (!source) return;\n    const headerRow = this.headerRow;\n    if (!headerRow?.headers) return;\n\n    // Find the visible header whose box currently contains the cursor X.\n    const target = headerRow.headers.find((h) => {\n      const rect = h.getBoundingClientRect();\n      return clientX >= rect.left && clientX < rect.right;\n    });\n    if (!target || target.column.key === source.key) return;\n    if (!this.canDrop(source, target.column)) return;\n\n    // Only swap once the cursor crosses the target's midpoint, so we don't\n    // bounce back and forth as soon as the ghost touches the edge.\n    const rect = target.getBoundingClientRect();\n    const midpoint = rect.left + rect.width / 2;\n    const visibleColumns = this.host.columns.filter((c) => !c.hidden);\n    const sourceIdx = visibleColumns.findIndex((c) => c.key === source.key);\n    const targetIdx = visibleColumns.findIndex((c) => c.key === target.column.key);\n    if (sourceIdx === -1 || targetIdx === -1) return;\n\n    let position: 'before' | 'after';\n    if (sourceIdx < targetIdx) {\n      // Dragging right — swap when the cursor crosses past the target's centre.\n      if (clientX < midpoint) return;\n      position = 'after';\n    } else {\n      // Dragging left — swap when the cursor crosses before the target's centre.\n      if (clientX > midpoint) return;\n      position = 'before';\n    }\n\n    this.#swapping = true;\n    try {\n      const before = this.#captureCellRects();\n      await this.host.moveColumn(source.key, target.column.key, position);\n      await this.host.updateComplete;\n      // Child rows + header row schedule their own updates one microtask\n      // after the grid — wait for them so the cells have actually moved\n      // before measuring the \"Last\" rect.\n      await awaitChildUpdates([\n        this.headerRow as unknown as { updateComplete: Promise<unknown> } | undefined,\n        ...this.host.rows,\n      ]);\n      playFlip(before, 'x');\n    } finally {\n      this.#swapping = false;\n    }\n  }\n\n  /**\n   * Snapshots the bounding rect of every header + body cell before a\n   * swap. Used as the \"First\" step of a FLIP — after `moveColumn` resolves,\n   * `playFlip` computes the delta against the new rect and animates each\n   * element from its old position back to identity.\n   */\n  #captureCellRects(): FlipEntry[] {\n    const entries: FlipEntry[] = [];\n    const headerRow = this.headerRow;\n    if (headerRow?.headers) {\n      for (const header of headerRow.headers) {\n        entries.push(captureRect(header));\n      }\n    }\n    for (const row of this.host.rows) {\n      for (const cell of row.cells) {\n        entries.push(captureRect(cell as unknown as HTMLElement));\n      }\n    }\n    return entries;\n  }\n}\n"]}
+{"version":3,"file":"reorder.js","sourceRoot":"","sources":["../../src/controllers/reorder.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController } from 'lit';\nimport { awaitChildUpdates, captureRect, type FlipEntry, playFlip } from '../internal/flip.js';\nimport type { ColumnConfiguration, GridHost, Keys } from '../internal/types.js';\nimport { isRTL } from '../internal/utils.js';\n\n/**\n * Live drag state surfaced to the header row so it can render the floating\n * \"ghost\" element that follows the cursor.\n *\n * @remarks\n * The dragged column itself stays in the columns array — we live-swap it\n * with neighbours as the cursor crosses their midpoints, so the rendered\n * order updates while the user is still dragging. The ghost is purely a\n * visual indicator of what the user is grabbing.\n */\ninterface ReorderState<T> {\n  /** The column currently being dragged. */\n  sourceKey: Keys<T>;\n  /** Ghost position (viewport-relative top-left, in CSS pixels). */\n  ghostX: number;\n  ghostY: number;\n  /** Ghost size — fixed at the source header's initial bounding rect. */\n  ghostWidth: number;\n  ghostHeight: number;\n  /** Cursor offset within the ghost so the grab point stays under the cursor. */\n  pointerOffsetX: number;\n  pointerOffsetY: number;\n  /** Display label for the ghost (header text or column key). */\n  label: string;\n}\n\n/**\n * Reactive controller backing pointer-driven column reordering with a\n * floating ghost and live mid-drag swaps.\n *\n * @remarks\n * Headers feed `pointerdown` / `pointermove` / `pointerup` events into the\n * controller. While dragging, the controller updates the ghost position and\n * decides whether the cursor has crossed an adjacent column's midpoint —\n * if so it calls {@link ApexGrid.moveColumn} immediately, so the swap\n * happens during the drag instead of waiting for drop. The same cancellable\n * `columnMoving` / follow-up `columnMoved` event pipeline applies for\n * every swap.\n */\nexport class ReorderController<T extends object> implements ReactiveController {\n  public state: ReorderState<T> | null = null;\n\n  /** Re-entrancy guard so a slow `moveColumn` can't trigger a second swap. */\n  #swapping = false;\n\n  /**\n   * The swap (`targetKey:position`) a `columnMoving` listener last vetoed. It\n   * is not asked again while the cursor stays past that target's midpoint,\n   * only once the cursor leaves and crosses it afresh.\n   */\n  #vetoed = '';\n\n  constructor(protected host: GridHost<T>) {\n    this.host.addController(this);\n  }\n\n  public hostConnected() {}\n\n  protected get headerRow() {\n    // @ts-expect-error - protected member access\n    return this.host.headerRow as\n      | (HTMLElement & { headers?: Array<HTMLElement & { column: ColumnConfiguration<T> }> })\n      | undefined;\n  }\n\n  /**\n   * Whether reordering is enabled for the given column.\n   */\n  public isDraggable(column: ColumnConfiguration<T>): boolean {\n    if (!this.host.columnReordering) return false;\n    if (column.hidden) return false;\n    return column.reorderable !== false;\n  }\n\n  /**\n   * Whether `source` may be dropped onto `target`. Cross-pinning-group moves\n   * are blocked so the drag can't escape its pin region.\n   */\n  public canDrop(source: ColumnConfiguration<T>, target: ColumnConfiguration<T>): boolean {\n    if (source.key === target.key) return false;\n    if (!this.isDraggable(source) || !this.isDraggable(target)) return false;\n    if ((source.pinned ?? null) !== (target.pinned ?? null)) return false;\n    // Grouped columns reorder only within their own group; ungrouped only among\n    // ungrouped. Keeps a group's members contiguous (v1 has no group-level move).\n    return (source.group ?? null) === (target.group ?? null);\n  }\n\n  /**\n   * Begins a drag from `sourceKey`. Captures the source's bounding rect and\n   * the cursor offset within it so the ghost stays anchored to the grab\n   * point as the cursor moves.\n   */\n  public start(\n    sourceKey: Keys<T>,\n    sourceRect: DOMRect,\n    initialClientX: number,\n    initialClientY: number,\n    label: string\n  ): void {\n    this.state = {\n      sourceKey,\n      ghostX: sourceRect.left,\n      ghostY: sourceRect.top,\n      ghostWidth: sourceRect.width,\n      ghostHeight: sourceRect.height,\n      pointerOffsetX: initialClientX - sourceRect.left,\n      pointerOffsetY: initialClientY - sourceRect.top,\n      label,\n    };\n    this.host.requestUpdate();\n  }\n\n  /**\n   * Updates the ghost position and decides whether to swap with an adjacent\n   * column.\n   */\n  public move(clientX: number, clientY: number): void {\n    if (!this.state) return;\n    this.state = {\n      ...this.state,\n      ghostX: clientX - this.state.pointerOffsetX,\n      ghostY: clientY - this.state.pointerOffsetY,\n    };\n    this.host.requestUpdate();\n    void this.#checkSwap(clientX);\n  }\n\n  /**\n   * Ends the drag session. The columns are already in their final order\n   * because we live-swapped during the drag, so there's nothing to commit.\n   */\n  public end(): void {\n    if (!this.state) return;\n    this.state = null;\n    this.#vetoed = '';\n    this.host.requestUpdate();\n  }\n\n  async #checkSwap(clientX: number): Promise<void> {\n    if (!this.state || this.#swapping) return;\n    const swap = this.#swapAt(clientX);\n    const key = swap ? `${String(swap.target.key)}:${swap.position}` : '';\n    if (key && key === this.#vetoed) return;\n    this.#vetoed = '';\n    if (!swap) return;\n\n    this.#swapping = true;\n    try {\n      const before = this.#captureCellRects();\n      if (!(await this.host.moveColumn(swap.source.key, swap.target.key, swap.position))) {\n        this.#vetoed = key;\n        return;\n      }\n      await this.host.updateComplete;\n      // Child rows + header row schedule their own updates one microtask\n      // after the grid, so wait for them until the cells have actually moved\n      // before measuring the \"Last\" rect.\n      await awaitChildUpdates([\n        this.headerRow as unknown as { updateComplete: Promise<unknown> } | undefined,\n        ...this.host.rows,\n      ]);\n      playFlip(before, 'x');\n    } finally {\n      this.#swapping = false;\n    }\n  }\n\n  /**\n   * The swap the cursor at `clientX` asks for: the droppable header under it,\n   * once the cursor is past that header's midpoint, or `null`.\n   */\n  #swapAt(clientX: number) {\n    const source = this.state && this.host.getColumn(this.state.sourceKey);\n    if (!source) return null;\n    const headerRow = this.headerRow;\n    if (!headerRow?.headers) return null;\n\n    // Find the visible header whose box currently contains the cursor X.\n    const target = headerRow.headers.find((h) => {\n      const rect = h.getBoundingClientRect();\n      return clientX >= rect.left && clientX < rect.right;\n    });\n    if (!target || target.column.key === source.key) return null;\n    if (!this.canDrop(source, target.column)) return null;\n\n    // Only swap once the cursor crosses the target's midpoint, so we don't\n    // bounce back and forth as soon as the ghost touches the edge.\n    const rect = target.getBoundingClientRect();\n    const midpoint = rect.left + rect.width / 2;\n    const visibleColumns = this.host.columns.filter((c) => !c.hidden);\n    const sourceIdx = visibleColumns.findIndex((c) => c.key === source.key);\n    const targetIdx = visibleColumns.findIndex((c) => c.key === target.column.key);\n    if (sourceIdx === -1 || targetIdx === -1) return null;\n\n    // `position` is order-based, so it needs no direction awareness. The\n    // midpoint test does: moving toward a *later* column means moving right in\n    // LTR and left under `dir=\"rtl\"`, so the comparison flips.\n    const rtl = isRTL(this.host as unknown as Element);\n    let position: 'before' | 'after';\n    if (sourceIdx < targetIdx) {\n      // Toward a later column — swap once the cursor crosses the target's centre.\n      if (rtl ? clientX > midpoint : clientX < midpoint) return null;\n      position = 'after';\n    } else {\n      // Toward an earlier column — swap once the cursor crosses back over it.\n      if (rtl ? clientX < midpoint : clientX > midpoint) return null;\n      position = 'before';\n    }\n    return { source, target: target.column, position } as const;\n  }\n\n  /**\n   * Snapshots the bounding rect of every header + body cell before a\n   * swap. Used as the \"First\" step of a FLIP — after `moveColumn` resolves,\n   * `playFlip` computes the delta against the new rect and animates each\n   * element from its old position back to identity.\n   */\n  #captureCellRects(): FlipEntry[] {\n    const entries: FlipEntry[] = [];\n    const headerRow = this.headerRow;\n    if (headerRow?.headers) {\n      for (const header of headerRow.headers) {\n        entries.push(captureRect(header));\n      }\n    }\n    for (const row of this.host.rows) {\n      for (const cell of row.cells) {\n        entries.push(captureRect(cell as unknown as HTMLElement));\n      }\n    }\n    return entries;\n  }\n}\n"]}

package/controllers/resize.d.ts

@@ -8,9 +8,24 @@ export declare class ResizeController<T extends object> implements ReactiveContr
     indicatorActive: boolean;
     indicatorOffset: number;
     /**
-     * Begins resizing a column by showing and positioning the resize indicator in relation to the column.
+     * Indicator offset for the edge being dragged when `header` is `width`
+     * pixels wide. That is the inline-end edge: the right one in LTR, the left
+     * one under `dir="rtl"`, where the fixed inline-start edge is the right one.
      *
-     * @param header the
+     * Measured in client coordinates against the indicator's origin, the grid's
+     * padding box at scroll 0 (`left: 0`, moved with a physical `translateX`).
+     * A header offset would count from the far left of the header row, which
+     * under RTL with horizontal overflow lies outside the grid.
+     *
+     * @param header the header being resized
+     * @param width the column width to place the edge for, its current width by default
+     * @param rtl whether the header lays out right to left
+     */
+    edge(header: ApexGridHeader<T>, width?: number, rtl?: boolean): number;
+    /**
+     * Begins resizing a column by showing the resize indicator on the dragged edge of its header.
+     *
+     * @param header the header being resized
      */
     start(header: ApexGridHeader<T>): void;
     /**

package/controllers/resize.js

@@ -1,6 +1,7 @@
 import { html, nothing } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 import { MIN_COL_RESIZE_WIDTH } from '../internal/constants.js';
+import { isRTL } from '../internal/utils.js';
 export class ResizeController {
     constructor(host) {
         this.host = host;
@@ -9,14 +10,23 @@ export class ResizeController {
         this.host.addController(this);
     }
     #maxSize(key, headerWidth) {
-        const max = this.host.rows
-            .map((row) => row.cells.find((cell) => cell.column.key === key))
-            .reduce((prev, current) => (current.offsetWidth > prev ? current.offsetWidth : prev), 0);
-        return Math.max(...[MIN_COL_RESIZE_WIDTH, max, headerWidth]);
+        let max = Math.max(MIN_COL_RESIZE_WIDTH, headerWidth);
+        for (const row of this.host.rows) {
+            const cell = row.cells.find((cell) => cell.column.key === key);
+            if (cell)
+                max = Math.max(max, cell.offsetWidth);
+        }
+        return max;
+    }
+    edge(header, width = header.offsetWidth, rtl = isRTL(header)) {
+        const { left, right } = header.getBoundingClientRect();
+        const grid = this.host;
+        const origin = grid.getBoundingClientRect().left + grid.clientLeft - grid.scrollLeft;
+        return (rtl ? right - width : left + width) - origin;
     }
     start(header) {
         this.indicatorActive = true;
-        this.indicatorOffset = header.offsetLeft + header.offsetWidth;
+        this.indicatorOffset = this.edge(header);
         this.host.requestUpdate();
     }
     stop() {
@@ -24,7 +34,7 @@ export class ResizeController {
         this.host.requestUpdate();
     }
     resize(column, width, sizerOffset) {
-        if (sizerOffset) {
+        if (sizerOffset !== undefined) {
             this.indicatorOffset = sizerOffset;
         }
         column.width = `${width}px`;

package/controllers/resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize.js","sourceRoot":"","sources":["../../src/controllers/resize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAA2B,MAAM,KAAK,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAGhE,MAAM,OAAO,gBAAgB;IAC3B,YAAsB,IAAiB;QAAjB,SAAI,GAAJ,IAAI,CAAa;QAIhC,oBAAe,GAAG,KAAK,CAAC;QACxB,oBAAe,GAAG,CAAC,CAAC;QAJzB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAKD,QAAQ,CAAC,GAAY,EAAE,WAAmB;QACxC,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI;aACvB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAE,CAAC;aAChE,MAAM,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;QAE3F,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,oBAAoB,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;IAC/D,CAAC;IAOM,KAAK,CAAC,MAAyB;QACpC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAKM,IAAI;QACT,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAEM,MAAM,CAAC,MAA8B,EAAE,KAAa,EAAE,WAAoB;QAC/E,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,eAAe,GAAG,WAAW,CAAC;QACrC,CAAC;QAED,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAEM,KAAK,CAAC,QAAQ,CAAC,MAA8B,EAAE,MAAyB;QAC7E,MAAM,CAAC,KAAK,GAAG,aAAa,CAAC;QAE7B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC1B,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;QAE/B,MAAM,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;QACpE,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC5B,CAAC;IAEM,aAAa,KAAI,CAAC;IAKlB,eAAe;QACpB,OAAO,IAAI,CAAC,eAAe;YACzB,CAAC,CAAC,IAAI,CAAA;;kBAEM,QAAQ,CAAC;gBACf,SAAS,EAAE,cAAc,IAAI,CAAC,eAAe,KAAK;aACnD,CAAC;gBACI;YACV,CAAC,CAAC,OAAO,CAAC;IACd,CAAC;CACF","sourcesContent":["import { html, nothing, type ReactiveController } from 'lit';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport type ApexGridHeader from '../components/header.js';\nimport { MIN_COL_RESIZE_WIDTH } from '../internal/constants.js';\nimport type { ColumnConfiguration, GridHost, Keys } from '../internal/types.js';\n\nexport class ResizeController<T extends object> implements ReactiveController {\n  constructor(protected host: GridHost<T>) {\n    this.host.addController(this);\n  }\n\n  public indicatorActive = false;\n  public indicatorOffset = 0;\n\n  #maxSize(key: Keys<T>, headerWidth: number) {\n    const max = this.host.rows\n      .map((row) => row.cells.find((cell) => cell.column.key === key)!)\n      .reduce((prev, current) => (current.offsetWidth > prev ? current.offsetWidth : prev), 0);\n\n    return Math.max(...[MIN_COL_RESIZE_WIDTH, max, headerWidth]);\n  }\n\n  /**\n   * Begins resizing a column by showing and positioning the resize indicator in relation to the column.\n   *\n   * @param header the\n   */\n  public start(header: ApexGridHeader<T>) {\n    this.indicatorActive = true;\n    this.indicatorOffset = header.offsetLeft + header.offsetWidth;\n    this.host.requestUpdate();\n  }\n\n  /**\n   * Stops and resets the resizing state.\n   */\n  public stop() {\n    this.indicatorActive = false;\n    this.host.requestUpdate();\n  }\n\n  public resize(column: ColumnConfiguration<T>, width: number, sizerOffset?: number) {\n    if (sizerOffset) {\n      this.indicatorOffset = sizerOffset;\n    }\n\n    column.width = `${width}px`;\n    this.host.requestUpdate();\n  }\n\n  public async autosize(column: ColumnConfiguration<T>, header: ApexGridHeader<T>) {\n    column.width = 'max-content';\n\n    this.host.requestUpdate();\n    await this.host.updateComplete;\n\n    column.width = `${this.#maxSize(column.key, header.offsetWidth)}px`;\n    this.host.requestUpdate();\n  }\n\n  public hostConnected() {}\n\n  /**\n   * Renders the resize indicator in the grid.\n   */\n  public renderIndicator() {\n    return this.indicatorActive\n      ? html`<div\n          part=\"resize-indicator\"\n          style=${styleMap({\n            transform: `translateX(${this.indicatorOffset}px)`,\n          })}\n        ></div>`\n      : nothing;\n  }\n}\n"]}
+{"version":3,"file":"resize.js","sourceRoot":"","sources":["../../src/controllers/resize.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type ReactiveController } from 'lit';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport type ApexGridHeader from '../components/header.js';\nimport { MIN_COL_RESIZE_WIDTH } from '../internal/constants.js';\nimport type { ColumnConfiguration, GridHost, Keys } from '../internal/types.js';\nimport { isRTL } from '../internal/utils.js';\n\nexport class ResizeController<T extends object> implements ReactiveController {\n  constructor(protected host: GridHost<T>) {\n    this.host.addController(this);\n  }\n\n  public indicatorActive = false;\n  public indicatorOffset = 0;\n\n  #maxSize(key: Keys<T>, headerWidth: number) {\n    let max = Math.max(MIN_COL_RESIZE_WIDTH, headerWidth);\n    // Rows rendered as one full-width block (group headers, total rows, rows\n    // still loading) have no cell for the column, so they do not count.\n    for (const row of this.host.rows) {\n      const cell = row.cells.find((cell) => cell.column.key === key);\n      if (cell) max = Math.max(max, cell.offsetWidth);\n    }\n    return max;\n  }\n\n  /**\n   * Indicator offset for the edge being dragged when `header` is `width`\n   * pixels wide. That is the inline-end edge: the right one in LTR, the left\n   * one under `dir=\"rtl\"`, where the fixed inline-start edge is the right one.\n   *\n   * Measured in client coordinates against the indicator's origin, the grid's\n   * padding box at scroll 0 (`left: 0`, moved with a physical `translateX`).\n   * A header offset would count from the far left of the header row, which\n   * under RTL with horizontal overflow lies outside the grid.\n   *\n   * @param header the header being resized\n   * @param width the column width to place the edge for, its current width by default\n   * @param rtl whether the header lays out right to left\n   */\n  public edge(header: ApexGridHeader<T>, width = header.offsetWidth, rtl = isRTL(header)) {\n    const { left, right } = header.getBoundingClientRect();\n    const grid = this.host;\n    // scrollLeft is negative when scrolled under RTL, so this holds either way.\n    const origin = grid.getBoundingClientRect().left + grid.clientLeft - grid.scrollLeft;\n    return (rtl ? right - width : left + width) - origin;\n  }\n\n  /**\n   * Begins resizing a column by showing the resize indicator on the dragged edge of its header.\n   *\n   * @param header the header being resized\n   */\n  public start(header: ApexGridHeader<T>) {\n    this.indicatorActive = true;\n    this.indicatorOffset = this.edge(header);\n    this.host.requestUpdate();\n  }\n\n  /**\n   * Stops and resets the resizing state.\n   */\n  public stop() {\n    this.indicatorActive = false;\n    this.host.requestUpdate();\n  }\n\n  public resize(column: ColumnConfiguration<T>, width: number, sizerOffset?: number) {\n    if (sizerOffset !== undefined) {\n      this.indicatorOffset = sizerOffset;\n    }\n\n    column.width = `${width}px`;\n    this.host.requestUpdate();\n  }\n\n  public async autosize(column: ColumnConfiguration<T>, header: ApexGridHeader<T>) {\n    column.width = 'max-content';\n\n    this.host.requestUpdate();\n    await this.host.updateComplete;\n\n    column.width = `${this.#maxSize(column.key, header.offsetWidth)}px`;\n    this.host.requestUpdate();\n  }\n\n  public hostConnected() {}\n\n  /**\n   * Renders the resize indicator in the grid.\n   */\n  public renderIndicator() {\n    return this.indicatorActive\n      ? html`<div\n          part=\"resize-indicator\"\n          style=${styleMap({\n            transform: `translateX(${this.indicatorOffset}px)`,\n          })}\n        ></div>`\n      : nothing;\n  }\n}\n"]}

package/controllers/row-pin.d.ts

@@ -11,7 +11,12 @@ export type RowPinPosition = 'top' | 'bottom';
  * reference-based: the controller holds a `Set` of row data references per band,
  * so pins survive sort / filter / pagination as long as those preserve row
  * identity (the default in-place pipeline does). Replacing {@link ApexGrid.data}
- * wholesale should be followed by re-pinning or {@link clear}.
+ * carries the pins onto the new array: by `rowId` when set, else a pin whose
+ * row left the data is dropped.
+ *
+ * While `rowPinning.enabled` is false every query reports no pins and the
+ * rows stay in the body; the pins are kept (and `getState` still saves them),
+ * and re-enabling brings them back.
  *
  * Mutations go through the cancellable `rowPinning` event and emit a follow-up
  * `rowPinned` event, mirroring selection / expansion.
@@ -23,7 +28,7 @@ export declare class RowPinController<T extends object> implements ReactiveContr
     hostConnected(): void;
     /** Whether row pinning is enabled at the grid level. */
     get enabled(): boolean;
-    /** Whether any row is currently pinned. */
+    /** Whether any row is currently pinned (none while pinning is disabled). */
     get hasPinnedRows(): boolean;
     /** The band `row` is pinned to, or `null` when it is not pinned. */
     pinnedPosition(row: T): RowPinPosition | null;
@@ -34,6 +39,14 @@ export declare class RowPinController<T extends object> implements ReactiveContr
         top: T[];
         bottom: T[];
     };
+    /**
+     * Every pin per band, kept while pinning is disabled too, so a `getState`
+     * snapshot taken then still carries them.
+     */
+    get pins(): {
+        top: T[];
+        bottom: T[];
+    };
     /**
      * Pins `row` to the given band. Moves it between bands when already pinned
      * elsewhere. No-op (returns `true`) when it is already pinned there.
@@ -56,4 +69,9 @@ export declare class RowPinController<T extends object> implements ReactiveContr
      * preserves the given order within each band.
      */
     restore(top: ReadonlyArray<T>, bottom: ReadonlyArray<T>): void;
+    /**
+     * Carries the pins onto a new `data` array through `carry` (by `rowId` when
+     * set, else the rows still present), so the bands never show a stale object.
+     */
+    resetForDataChange(carry: (rows: T[]) => T[]): void;
 }

package/controllers/row-pin.js

@@ -10,21 +10,23 @@ export class RowPinController {
         return Boolean(this.host.rowPinning?.enabled);
     }
     get hasPinnedRows() {
-        return this.#top.size > 0 || this.#bottom.size > 0;
+        return this.enabled && (this.#top.size > 0 || this.#bottom.size > 0);
     }
     pinnedPosition(row) {
-        if (this.#top.has(row))
-            return 'top';
-        if (this.#bottom.has(row))
-            return 'bottom';
-        return null;
+        return this.enabled ? this.#band(row) : null;
     }
     isPinned(row) {
-        return this.#top.has(row) || this.#bottom.has(row);
+        return this.pinnedPosition(row) !== null;
     }
     get pinnedRows() {
+        return this.enabled ? this.pins : { top: [], bottom: [] };
+    }
+    get pins() {
         return { top: [...this.#top], bottom: [...this.#bottom] };
     }
+    #band(row) {
+        return this.#top.has(row) ? 'top' : this.#bottom.has(row) ? 'bottom' : null;
+    }
     pinRow(row, position) {
         if (!this.enabled)
             return false;
@@ -39,7 +41,7 @@ export class RowPinController {
         return true;
     }
     unpinRow(row) {
-        if (!this.isPinned(row))
+        if (!this.#band(row))
             return true;
         if (!this.#emitPinning(row, null))
             return false;
@@ -49,7 +51,7 @@ export class RowPinController {
         return true;
     }
     clear() {
-        if (!this.hasPinnedRows)
+        if (!this.#top.size && !this.#bottom.size)
             return;
         this.#top.clear();
         this.#bottom.clear();
@@ -60,6 +62,11 @@ export class RowPinController {
         this.#bottom = new Set(bottom);
         this.host.requestUpdate();
     }
+    resetForDataChange(carry) {
+        if (this.#top.size || this.#bottom.size) {
+            this.restore(carry([...this.#top]), carry([...this.#bottom]));
+        }
+    }
     #emitPinning(row, position) {
         return this.host.emitEvent('rowPinning', {
             detail: { row, position },