apex-grid 3.5.0 → 4.0.0-beta.1

package/components/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/components/header.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport { MIN_COL_RESIZE_WIDTH } from '../internal/constants.js';\nimport { renderIcon, renderSortArrows } from '../internal/icons.js';\nimport { partNameMap } from '../internal/part-map.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_HEADER_TAG } from '../internal/tags.js';\nimport type { ApexHeaderContext, ColumnConfiguration } from '../internal/types.js';\nimport { isRTL } from '../internal/utils.js';\nimport { styles } from '../styles/header-cell/header-cell.css.js';\n\n/** Pixels of pointer travel before a hold turns into a drag — avoids\n * accidental drags on click. */\nconst DRAG_THRESHOLD_PX = 4;\n\nexport default class ApexGridHeader<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_HEADER_TAG;\n  }\n\n  public static override styles = styles;\n\n  public static register(): void {\n    registerComponent(ApexGridHeader);\n  }\n\n  protected get context(): ApexHeaderContext<T> {\n    return {\n      parent: this,\n      column: this.column,\n    };\n  }\n\n  protected get isSortable() {\n    // Sort affordances are hidden while a manual row order is active (F5):\n    // sorting and manual order are mutually exclusive.\n    return Boolean(this.column.sort) && !this.state?.rowReorder?.hasManualOrder;\n  }\n\n  protected get isFilterable() {\n    return Boolean(this.column.filter);\n  }\n\n  protected get hasActiveFilter() {\n    return Boolean(this.state?.filtering?.state.has(this.column.key));\n  }\n\n  protected get resizeController() {\n    return this.state.resizing;\n  }\n\n  protected get reorderController() {\n    return this.state.reordering;\n  }\n\n  protected get isDraggable() {\n    return Boolean(this.state?.reordering?.isDraggable(this.column));\n  }\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  @property({ attribute: false })\n  public column!: ColumnConfiguration<T>;\n\n  /** 1-based column index passed in by the parent header row for `aria-colindex`. */\n  @property({ attribute: false, type: Number })\n  public colindex = 0;\n\n  /**\n   * Spreadsheet column letter (A, B, C, ...) shown as a prefix while formula\n   * coordinate hints are active. Empty string hides it.\n   */\n  @property({ attribute: false })\n  public coordinateLetter = '';\n\n  @state()\n  protected menuOpen = false;\n\n  #addResizeEventHandlers() {\n    const config: AddEventListenerOptions = { once: true };\n\n    this.addEventListener(\n      'gotpointercapture',\n      () => {\n        this.resizeController.indicatorActive = true;\n      },\n      config\n    );\n    this.addEventListener('lostpointercapture', this.#handlePointerLost, config);\n    this.addEventListener('pointerup', (e) => this.releasePointerCapture(e.pointerId), config);\n    this.addEventListener('pointermove', this.#handleResize);\n  }\n\n  #handleClick(e: MouseEvent) {\n    e.stopPropagation();\n    // Ctrl/Cmd+click appends to a multi-column sort; a plain click sorts by\n    // this column alone. Keyboard activation (Enter/Space) fires a click whose\n    // modifier flags mirror the keys held, so Ctrl/Cmd+Enter is additive too.\n    this.state.sorting.sortFromHeaderClick(this.column, e.ctrlKey || e.metaKey);\n  }\n\n  #handleResize = ({ clientX }: PointerEvent) => {\n    const rect = this.getBoundingClientRect();\n    // The inline-start edge stays put and the inline-end edge follows the\n    // pointer. Under `dir=\"rtl\"` inline-end is the *physical left* side, so the\n    // column grows as the pointer moves left and the width is measured from the\n    // fixed right edge instead.\n    const rtl = isRTL(this);\n    const width = Math.max(rtl ? rect.right - clientX : clientX - rect.left, MIN_COL_RESIZE_WIDTH);\n    // The indicator is drawn with `translateX`, which is physical either way, so\n    // it needs the physical x of the edge being dragged.\n    const x = rtl ? this.offsetLeft + this.offsetWidth - width : this.offsetLeft + width;\n\n    this.resizeController.resize(this.column, width, x);\n  };\n\n  #handleResizeStart(ev: PointerEvent) {\n    const { target, pointerId } = ev;\n\n    ev.preventDefault();\n    // Resize takes priority over reorder — stop the event so the header's\n    // pointerdown listener doesn't also start arming a drag.\n    ev.stopPropagation();\n\n    this.#addResizeEventHandlers();\n    this.resizeController.start(this);\n\n    (target as HTMLElement).setPointerCapture(pointerId);\n  }\n\n  #handlePointerLost = () => {\n    this.resizeController.indicatorActive = false;\n    this.removeEventListener('pointermove', this.#handleResize);\n    this.resizeController.stop();\n  };\n\n  #handleAutosize = () => this.resizeController.autosize(this.column, this);\n\n  // --- Reorder (pointer-driven) ------------------------------------------\n\n  #dragStartX = 0;\n  #dragStartY = 0;\n  #dragPointerId = -1;\n  #isDragging = false;\n\n  #handleReorderPointerDown = (event: PointerEvent) => {\n    if (!this.isDraggable) return;\n    if (event.button !== 0) return;\n    // Skip if the user grabbed an interactive sub-part of the header — the\n    // resize handle, sort/action icons, filter button, menu button, or the\n    // column menu dropdown. Those have their own handlers and should not arm\n    // a drag.\n    const path = event.composedPath();\n    const target = path[0];\n    if (\n      target instanceof Element &&\n      target.closest?.('[part~=\"resizable\"], [part~=\"action\"], [part~=\"col-menu\"]')\n    ) {\n      return;\n    }\n    this.#dragStartX = event.clientX;\n    this.#dragStartY = event.clientY;\n    this.#dragPointerId = event.pointerId;\n    this.addEventListener('pointermove', this.#handleReorderPointerMove);\n    this.addEventListener('pointerup', this.#handleReorderPointerUp);\n    this.addEventListener('pointercancel', this.#handleReorderPointerUp);\n  };\n\n  #handleReorderPointerMove = (event: PointerEvent) => {\n    if (event.pointerId !== this.#dragPointerId) return;\n    if (!this.#isDragging) {\n      const dx = event.clientX - this.#dragStartX;\n      const dy = event.clientY - this.#dragStartY;\n      if (Math.hypot(dx, dy) < DRAG_THRESHOLD_PX) return;\n      // Threshold crossed — start the drag in earnest.\n      this.#isDragging = true;\n      this.setPointerCapture(event.pointerId);\n      this.setAttribute('data-dragging', '');\n      const rect = this.getBoundingClientRect();\n      const label = this.column.headerText ?? String(this.column.key);\n      this.reorderController.start(\n        this.column.key,\n        rect,\n        this.#dragStartX,\n        this.#dragStartY,\n        label\n      );\n    }\n    this.reorderController.move(event.clientX, event.clientY);\n  };\n\n  #handleReorderPointerUp = (event: PointerEvent) => {\n    if (event.pointerId !== this.#dragPointerId) return;\n    this.removeEventListener('pointermove', this.#handleReorderPointerMove);\n    this.removeEventListener('pointerup', this.#handleReorderPointerUp);\n    this.removeEventListener('pointercancel', this.#handleReorderPointerUp);\n    try {\n      if (this.hasPointerCapture(event.pointerId)) {\n        this.releasePointerCapture(event.pointerId);\n      }\n    } catch {\n      /* capture was already released */\n    }\n    if (this.#isDragging) {\n      this.#isDragging = false;\n      this.removeAttribute('data-dragging');\n      this.reorderController.end();\n    }\n    this.#dragPointerId = -1;\n  };\n\n  // --- Filter button --------------------------------------------------\n\n  #handleFilterClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    this.state.filtering.setActiveColumn(this.column, rect);\n  };\n\n  // --- Column menu button ---------------------------------------------\n\n  #handleMenuClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    // Offer the column menu to a feature module first: the enterprise context\n    // menu opens its richer, shared menu (sort / pin / hide / group / chart)\n    // anchored at this button and calls preventDefault(). When nothing handles\n    // it (the community grid), fall back to the built-in inline menu below.\n    // Event name is a stable string contract (mirrored in the enterprise\n    // context-menu controller), like the native 'contextmenu'.\n    const request = new CustomEvent('apex-grid-column-menu', {\n      detail: { column: this.column, anchor: e.currentTarget as HTMLElement },\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    });\n    this.dispatchEvent(request);\n    if (request.defaultPrevented) return;\n    this.menuOpen = !this.menuOpen;\n  };\n\n  #handleMenuOutside = (e: PointerEvent) => {\n    if (!this.menuOpen) return;\n    if (e.composedPath().includes(this)) return;\n    this.menuOpen = false;\n  };\n\n  /** ArrowDown on the kebab opens the menu and moves focus to its first item. */\n  #handleMenuTriggerKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'ArrowDown' && e.key !== 'Down') return;\n    e.preventDefault();\n    e.stopPropagation();\n    if (!this.menuOpen) {\n      // Route through the same module-first contract as a click.\n      this.#handleMenuClick(e as unknown as MouseEvent);\n    }\n    this.#focusMenuItem(0);\n  };\n\n  #menuItems(): HTMLElement[] {\n    return Array.from(this.renderRoot.querySelectorAll<HTMLElement>('[role=\"menuitem\"]'));\n  }\n\n  #focusMenuItem(index: number) {\n    requestAnimationFrame(() => {\n      const items = this.#menuItems();\n      if (!items.length) return;\n      items[(index + items.length) % items.length]?.focus();\n    });\n  }\n\n  #closeMenu(returnFocus = false) {\n    this.menuOpen = false;\n    if (returnFocus) {\n      requestAnimationFrame(() =>\n        this.renderRoot.querySelector<HTMLElement>('[part~=\"menu-btn\"]')?.focus()\n      );\n    }\n  }\n\n  /** Menu keyboard pattern: arrows/Home/End rove, Escape closes and restores focus. */\n  #handleColMenuKeydown = (e: KeyboardEvent) => {\n    const items = this.#menuItems();\n    const current = items.findIndex((item) => item.matches(':focus'));\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'Down':\n        e.preventDefault();\n        e.stopPropagation();\n        items[(current + 1) % items.length]?.focus();\n        return;\n      case 'ArrowUp':\n      case 'Up':\n        e.preventDefault();\n        e.stopPropagation();\n        items[(current - 1 + items.length) % items.length]?.focus();\n        return;\n      case 'Home':\n        e.preventDefault();\n        e.stopPropagation();\n        items[0]?.focus();\n        return;\n      case 'End':\n        e.preventDefault();\n        e.stopPropagation();\n        items[items.length - 1]?.focus();\n        return;\n      case 'Escape':\n        e.preventDefault();\n        e.stopPropagation();\n        this.#closeMenu(true);\n        return;\n      case 'Tab':\n        this.#closeMenu();\n        return;\n      default:\n        return;\n    }\n  };\n\n  protected override updated() {\n    // Mirror the column's data type onto the host so the header label can match\n    // the body cell alignment by default (numeric/currency cells right-align,\n    // so their headers should too). Kept in sync on every update because the\n    // column config can change at runtime (reorder, reconfigure).\n    this.setAttribute('data-cell-type', this.column.type ?? 'string');\n    // Reflect reorderability as an attribute so SCSS can show the grab\n    // cursor only on columns that can actually be dragged. Tracks both the\n    // grid-level `columnReordering` flag (arriving via context) and the\n    // per-column `reorderable: false` opt-out at runtime.\n    if (this.isDraggable) {\n      this.setAttribute('data-reorderable', '');\n    } else {\n      this.removeAttribute('data-reorderable');\n    }\n    // aria-colindex stays in sync with the parent header row's numbering.\n    if (this.colindex > 0) {\n      this.setAttribute('aria-colindex', String(this.colindex));\n    }\n    // aria-sort communicates current sort direction for this column to AT.\n    if (this.isSortable) {\n      const sort = this.state?.sorting.state.get(this.column.key);\n      const dir = sort?.direction;\n      this.setAttribute(\n        'aria-sort',\n        dir === 'ascending' ? 'ascending' : dir === 'descending' ? 'descending' : 'none'\n      );\n    } else {\n      this.removeAttribute('aria-sort');\n    }\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'columnheader');\n    this.addEventListener('pointerdown', this.#handleReorderPointerDown);\n    document.addEventListener('pointerdown', this.#handleMenuOutside, true);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('pointerdown', this.#handleReorderPointerDown);\n    document.removeEventListener('pointerdown', this.#handleMenuOutside, true);\n    super.disconnectedCallback();\n  }\n\n  protected renderSortPart() {\n    const state = this.state.sorting.state.get(this.column.key);\n    const idx = Array.from(this.state.sorting.state.values()).indexOf(state!);\n    const attr = this.state.host.sortConfiguration.multiple\n      ? idx > -1\n        ? idx + 1\n        : nothing\n      : nothing;\n    const direction = state?.direction ?? 'none';\n\n    const label =\n      state?.direction === 'ascending'\n        ? this.state.localize('header.sortedAscending')\n        : state?.direction === 'descending'\n          ? this.state.localize('header.sortedDescending')\n          : this.state.localize('header.notSorted');\n\n    return state || this.isSortable\n      ? this.isSortable\n        ? html`<button\n            type=\"button\"\n            part=${partNameMap({ action: true, sorted: !!state?.direction })}\n            data-sort-active=${direction}\n            data-sort-index=${attr === nothing ? '' : (attr as number)}\n            aria-label=${label}\n            @click=${this.#handleClick}\n          >\n            ${renderSortArrows()}\n          </button>`\n        : html`<span\n            part=${partNameMap({ action: true, sorted: !!state?.direction })}\n            data-sort-active=${direction}\n            data-sort-index=${attr === nothing ? '' : (attr as number)}\n            aria-hidden=\"true\"\n          >\n            ${renderSortArrows()}\n          </span>`\n      : nothing;\n  }\n\n  protected renderFilterButton() {\n    if (!this.isFilterable) return nothing;\n    const count = this.state?.filtering?.state.get(this.column.key)?.length ?? 0;\n    return html`<button\n      type=\"button\"\n      part=${partNameMap({ action: true, 'filter-btn': true, 'filter-active': this.hasActiveFilter })}\n      aria-label=${this.state.localize('header.filterColumn')}\n      @click=${this.#handleFilterClick}\n    >\n      ${renderIcon('filter')}\n      ${count > 1 ? html`<span part=\"filter-count\">${count}</span>` : nothing}\n    </button>`;\n  }\n\n  protected renderMenuButton() {\n    // Suppress the kebab entirely when the grid opts out.\n    if (this.state?.host?.columnMenu === false) return nothing;\n    // Show the kebab when this column has built-in menu items (sort / autosize)\n    // or when a feature module provides a richer column menu (the enterprise\n    // context menu: pin / hide / group / chart), so the affordance appears even\n    // on columns that are neither sortable nor resizable.\n    const hasMenuItems =\n      this.isSortable || this.column.resizable || Boolean(this.state?.hasColumnMenu);\n    if (!hasMenuItems) return nothing;\n    return html`<button\n      type=\"button\"\n      part=${partNameMap({ action: true, 'menu-btn': true })}\n      aria-label=${this.state.localize('header.columnMenu')}\n      aria-expanded=${this.menuOpen ? 'true' : 'false'}\n      aria-haspopup=\"menu\"\n      @click=${this.#handleMenuClick}\n      @keydown=${this.#handleMenuTriggerKeydown}\n    >\n      ${renderIcon('more-vert')}\n    </button>`;\n  }\n\n  protected renderColumnMenu() {\n    if (!this.menuOpen) return nothing;\n    return html`<div part=\"col-menu\" role=\"menu\" @keydown=${this.#handleColMenuKeydown}>\n      ${\n        this.isSortable\n          ? html`\n            <button\n              type=\"button\"\n              part=\"col-menu-item\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              @click=${() => {\n                this.state.sorting.sort({ key: this.column.key, direction: 'ascending' } as any);\n                this.menuOpen = false;\n              }}\n            >\n              ${renderIcon('sort-asc')} ${this.state.localize('contextMenu.sortAsc')}\n            </button>\n            <button\n              type=\"button\"\n              part=\"col-menu-item\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              @click=${() => {\n                this.state.sorting.sort({ key: this.column.key, direction: 'descending' } as any);\n                this.menuOpen = false;\n              }}\n            >\n              ${renderIcon('sort-desc')} ${this.state.localize('contextMenu.sortDesc')}\n            </button>\n          `\n          : nothing\n      }\n      ${\n        this.column.resizable\n          ? html`<button\n            type=\"button\"\n            part=\"col-menu-item\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n            @click=${() => {\n              this.state.resizing.autosize(this.column, this);\n              this.menuOpen = false;\n            }}\n          >\n            ${renderIcon('arrow-upward')} ${this.state.localize('header.autosizeColumn')}\n          </button>`\n          : nothing\n      }\n    </div>`;\n  }\n\n  protected renderContentPart() {\n    const defaultContent = this.column.headerText ?? this.column.key;\n    const template = this.column.headerTemplate;\n\n    return html`\n      <span part=\"title\">\n        ${\n          this.coordinateLetter\n            ? html`<span part=\"coord-letter\" aria-hidden=\"true\">${this.coordinateLetter}</span>`\n            : nothing\n        }\n        <span>${template ? template(this.context) : html`${defaultContent}`}</span>\n      </span>\n    `;\n  }\n\n  protected renderResizePart() {\n    return this.column.resizable\n      ? html`<span\n          part=\"resizable\"\n          @dblclick=${this.#handleAutosize}\n          @pointerdown=${this.#handleResizeStart}\n        ></span>`\n      : nothing;\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=${partNameMap({\n          content: true,\n          sortable: this.isSortable,\n          resizing: this.resizeController.indicatorActive,\n        })}\n      >\n        ${this.renderContentPart()}\n        <div part=\"actions\">\n          ${this.renderSortPart()}\n          ${this.renderFilterButton()}\n          ${this.renderMenuButton()}\n        </div>\n      </div>\n      ${this.renderResizePart()}\n      ${this.renderColumnMenu()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridHeader.tagName]: ApexGridHeader<object>;\n  }\n}\n"]}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/components/header.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport { MIN_COL_RESIZE_WIDTH } from '../internal/constants.js';\nimport { renderIcon, renderSortArrows } from '../internal/icons.js';\nimport { partNameMap } from '../internal/part-map.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_HEADER_TAG } from '../internal/tags.js';\nimport type { ApexHeaderContext, ColumnConfiguration } from '../internal/types.js';\nimport { isRTL } from '../internal/utils.js';\nimport { styles } from '../styles/header-cell/header-cell.css.js';\n\n/** Pixels of pointer travel before a hold turns into a drag — avoids\n * accidental drags on click. */\nconst DRAG_THRESHOLD_PX = 4;\n\nexport default class ApexGridHeader<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_HEADER_TAG;\n  }\n\n  public static override styles = styles;\n\n  public static register(): void {\n    registerComponent(ApexGridHeader);\n  }\n\n  protected get context(): ApexHeaderContext<T> {\n    return {\n      parent: this,\n      column: this.column,\n    };\n  }\n\n  protected get isSortable() {\n    // One rule with the enterprise context menu, kept in the sort controller.\n    return Boolean(this.state?.sorting?.isSortable(this.column));\n  }\n\n  protected get isFilterable() {\n    return Boolean(this.column.filter);\n  }\n\n  protected get hasActiveFilter() {\n    return Boolean(this.state?.filtering?.state.has(this.column.key));\n  }\n\n  protected get resizeController() {\n    return this.state.resizing;\n  }\n\n  protected get reorderController() {\n    return this.state.reordering;\n  }\n\n  protected get isDraggable() {\n    return Boolean(this.state?.reordering?.isDraggable(this.column));\n  }\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  @property({ attribute: false })\n  public column!: ColumnConfiguration<T>;\n\n  /** 1-based column index passed in by the parent header row for `aria-colindex`. */\n  @property({ attribute: false, type: Number })\n  public colindex = 0;\n\n  /**\n   * Spreadsheet column letter (A, B, C, ...) shown as a prefix while formula\n   * coordinate hints are active. Empty string hides it.\n   */\n  @property({ attribute: false })\n  public coordinateLetter = '';\n\n  @state()\n  protected menuOpen = false;\n\n  #addResizeEventHandlers() {\n    const config: AddEventListenerOptions = { once: true };\n\n    this.addEventListener(\n      'gotpointercapture',\n      () => {\n        this.resizeController.indicatorActive = true;\n      },\n      config\n    );\n    this.addEventListener('lostpointercapture', this.#handlePointerLost, config);\n    this.addEventListener('pointerup', (e) => this.releasePointerCapture(e.pointerId), config);\n    this.addEventListener('pointermove', this.#handleResize);\n  }\n\n  #handleClick(e: MouseEvent) {\n    e.stopPropagation();\n    // Ctrl/Cmd+click appends to a multi-column sort; a plain click sorts by\n    // this column alone. Keyboard activation (Enter/Space) fires a click whose\n    // modifier flags mirror the keys held, so Ctrl/Cmd+Enter is additive too.\n    this.state.sorting.sortFromHeaderClick(this.column, e.ctrlKey || e.metaKey);\n  }\n\n  #handleResize = ({ clientX }: PointerEvent) => {\n    const rect = this.getBoundingClientRect();\n    // The inline-start edge stays put and the inline-end edge follows the\n    // pointer. Under `dir=\"rtl\"` inline-end is the *physical left* side, so the\n    // column grows as the pointer moves left and the width is measured from the\n    // fixed right edge instead.\n    const rtl = isRTL(this);\n    const width = Math.max(rtl ? rect.right - clientX : clientX - rect.left, MIN_COL_RESIZE_WIDTH);\n\n    this.resizeController.resize(this.column, width, this.resizeController.edge(this, width, rtl));\n  };\n\n  #handleResizeStart(ev: PointerEvent) {\n    const { target, pointerId } = ev;\n\n    ev.preventDefault();\n    // Resize takes priority over reorder — stop the event so the header's\n    // pointerdown listener doesn't also start arming a drag.\n    ev.stopPropagation();\n\n    this.#addResizeEventHandlers();\n    this.resizeController.start(this);\n\n    (target as HTMLElement).setPointerCapture(pointerId);\n  }\n\n  #handlePointerLost = () => {\n    this.resizeController.indicatorActive = false;\n    this.removeEventListener('pointermove', this.#handleResize);\n    this.resizeController.stop();\n  };\n\n  #handleAutosize = () => this.resizeController.autosize(this.column, this);\n\n  // --- Reorder (pointer-driven) ------------------------------------------\n\n  #dragStartX = 0;\n  #dragStartY = 0;\n  #dragPointerId = -1;\n  #isDragging = false;\n\n  #handleReorderPointerDown = (event: PointerEvent) => {\n    if (!this.isDraggable) return;\n    if (event.button !== 0) return;\n    // Skip if the user grabbed an interactive part of the header (the resize\n    // handle, sort/action icons, filter button, menu button, or the column\n    // menu dropdown) or interactive content from a `headerTemplate` (an input,\n    // a button). Those have their own behaviour, and selecting text in a\n    // header input or clicking a custom button must not start a drag.\n    const target = event.composedPath()[0];\n    if (\n      target instanceof Element &&\n      target.closest(\n        '[part~=\"resizable\"],[part~=\"action\"],[part~=\"col-menu\"],input,textarea,select,button,a[href],[contenteditable]:not([contenteditable=\"false\"])'\n      )\n    ) {\n      return;\n    }\n    this.#dragStartX = event.clientX;\n    this.#dragStartY = event.clientY;\n    this.#dragPointerId = event.pointerId;\n    this.#listenReorder(true);\n  };\n\n  /**\n   * Tracks the armed or dragging pointer on the document, not on this header.\n   * A live swap re-inserts this element into the header row, which releases\n   * its pointer capture, so after the first swap later moves and the release\n   * land on other elements. Listening on the document (capture phase) sees\n   * them wherever they land, and also sees a release outside the header that\n   * would otherwise leave the drag armed.\n   */\n  #listenReorder(on: boolean) {\n    const doc = this.ownerDocument;\n    const toggle = on ? doc.addEventListener.bind(doc) : doc.removeEventListener.bind(doc);\n    toggle('pointermove', this.#handleReorderPointerMove, true);\n    toggle('pointerup', this.#handleReorderPointerUp, true);\n    toggle('pointercancel', this.#handleReorderPointerUp, true);\n  }\n\n  #handleReorderPointerMove = (event: PointerEvent) => {\n    if (event.pointerId !== this.#dragPointerId) return;\n    // A mouse move with the primary button up means the release was lost\n    // (window blur, a dialog while held), so disarm instead of dragging.\n    if (event.pointerType === 'mouse' && !(event.buttons & 1)) return this.#endReorder();\n    if (!this.#isDragging) {\n      const dx = event.clientX - this.#dragStartX;\n      const dy = event.clientY - this.#dragStartY;\n      if (Math.hypot(dx, dy) < DRAG_THRESHOLD_PX) return;\n      // Threshold crossed — start the drag in earnest.\n      this.#isDragging = true;\n      this.setPointerCapture(event.pointerId);\n      this.setAttribute('data-dragging', '');\n      const rect = this.getBoundingClientRect();\n      const label = this.column.headerText ?? String(this.column.key);\n      this.reorderController.start(\n        this.column.key,\n        rect,\n        this.#dragStartX,\n        this.#dragStartY,\n        label\n      );\n    }\n    this.reorderController.move(event.clientX, event.clientY);\n  };\n\n  #handleReorderPointerUp = (event: PointerEvent) => {\n    if (event.pointerId !== this.#dragPointerId) return;\n    try {\n      if (this.hasPointerCapture(event.pointerId)) {\n        this.releasePointerCapture(event.pointerId);\n      }\n    } catch {\n      /* capture was already released */\n    }\n    this.#endReorder();\n  };\n\n  /** Disarms the reorder and ends a drag in progress. */\n  #endReorder() {\n    this.#listenReorder(false);\n    if (this.#isDragging) {\n      this.#isDragging = false;\n      this.removeAttribute('data-dragging');\n      this.reorderController.end();\n    }\n    this.#dragPointerId = -1;\n  }\n\n  // --- Filter button --------------------------------------------------\n\n  #handleFilterClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n    this.state.filtering.setActiveColumn(this.column, rect);\n  };\n\n  // --- Column menu button ---------------------------------------------\n\n  #handleMenuClick = (e: MouseEvent) => {\n    e.stopPropagation();\n    // Offer the column menu to a feature module first: the enterprise context\n    // menu opens its richer, shared menu (sort / pin / hide / group / chart)\n    // anchored at this button and calls preventDefault(). When nothing handles\n    // it (the community grid), fall back to the built-in inline menu below.\n    // Event name is a stable string contract (mirrored in the enterprise\n    // context-menu controller), like the native 'contextmenu'.\n    const request = new CustomEvent('apex-grid-column-menu', {\n      detail: { column: this.column, anchor: e.currentTarget as HTMLElement },\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n    });\n    this.dispatchEvent(request);\n    if (request.defaultPrevented) return;\n    this.menuOpen = !this.menuOpen;\n  };\n\n  #handleMenuOutside = (e: PointerEvent) => {\n    if (!this.menuOpen) return;\n    if (e.composedPath().includes(this)) return;\n    this.menuOpen = false;\n  };\n\n  /** ArrowDown on the kebab opens the menu and moves focus to its first item. */\n  #handleMenuTriggerKeydown = (e: KeyboardEvent) => {\n    if (e.key !== 'ArrowDown' && e.key !== 'Down') return;\n    e.preventDefault();\n    e.stopPropagation();\n    if (!this.menuOpen) {\n      // Route through the same module-first contract as a click.\n      this.#handleMenuClick(e as unknown as MouseEvent);\n    }\n    this.#focusMenuItem(0);\n  };\n\n  #menuItems(): HTMLElement[] {\n    return Array.from(this.renderRoot.querySelectorAll<HTMLElement>('[role=\"menuitem\"]'));\n  }\n\n  #focusMenuItem(index: number) {\n    requestAnimationFrame(() => {\n      const items = this.#menuItems();\n      if (!items.length) return;\n      items[(index + items.length) % items.length]?.focus();\n    });\n  }\n\n  /**\n   * Shows the open column menu in the top layer (a manual popover), so the\n   * pinned rows, later header cells, the paginator and the grid's own scroll\n   * clip cannot cover it, and places it where the absolute fallback sits:\n   * below this cell, aligned to its inline-end edge. Browsers without the\n   * Popover API keep that fallback. Removing the menu on close hides it.\n   *\n   * It re-places itself every frame while open, because no event covers\n   * every move: a scroll inside an ancestor shadow root never reaches\n   * window, and a layout shift fires nothing. Once the kebab scrolls out\n   * of the grid the menu closes, as the clipped fallback would vanish, and\n   * so it does when the header hides (`showHeader` off), which leaves\n   * nothing to anchor it to.\n   */\n  #placeMenu = () => {\n    const menu = this.renderRoot.querySelector<HTMLElement>('[part=\"col-menu\"]');\n    if (typeof menu?.showPopover !== 'function') return;\n    const kebab = this.renderRoot.querySelector('[part~=\"menu-btn\"]')?.getBoundingClientRect();\n    const grid = this.state.host.getBoundingClientRect();\n    if (\n      !kebab ||\n      !this.state.host.showHeader ||\n      kebab.right <= grid.left ||\n      kebab.left >= grid.right\n    ) {\n      this.#closeMenu(menu.matches(':focus-within'));\n      return;\n    }\n    if (!menu.matches(':popover-open')) menu.showPopover();\n    const { left, right, bottom } = this.getBoundingClientRect();\n    menu.style.top = `${bottom}px`;\n    menu.style.left = `${isRTL(this) ? left : right - menu.getBoundingClientRect().width}px`;\n    this.#menuFrame = requestAnimationFrame(this.#placeMenu);\n  };\n\n  /** The pending frame that keeps the open menu on this cell. */\n  #menuFrame = 0;\n\n  /** Places the menu now and keeps it on the cell while open. */\n  #trackMenu(open: boolean) {\n    cancelAnimationFrame(this.#menuFrame);\n    if (open) this.#placeMenu();\n  }\n\n  #closeMenu(returnFocus = false) {\n    this.menuOpen = false;\n    if (returnFocus) {\n      // No scroll: the kebab is in view on Escape, and a kebab scrolled out\n      // of the grid must not drag the grid back.\n      requestAnimationFrame(() =>\n        this.renderRoot\n          .querySelector<HTMLElement>('[part~=\"menu-btn\"]')\n          ?.focus({ preventScroll: true })\n      );\n    }\n  }\n\n  /** Menu keyboard pattern: arrows/Home/End rove, Escape closes and restores focus. */\n  #handleColMenuKeydown = (e: KeyboardEvent) => {\n    const items = this.#menuItems();\n    const current = items.findIndex((item) => item.matches(':focus'));\n    switch (e.key) {\n      case 'ArrowDown':\n      case 'Down':\n        e.preventDefault();\n        e.stopPropagation();\n        items[(current + 1) % items.length]?.focus();\n        return;\n      case 'ArrowUp':\n      case 'Up':\n        e.preventDefault();\n        e.stopPropagation();\n        items[(current - 1 + items.length) % items.length]?.focus();\n        return;\n      case 'Home':\n        e.preventDefault();\n        e.stopPropagation();\n        items[0]?.focus();\n        return;\n      case 'End':\n        e.preventDefault();\n        e.stopPropagation();\n        items[items.length - 1]?.focus();\n        return;\n      case 'Escape':\n        e.preventDefault();\n        e.stopPropagation();\n        this.#closeMenu(true);\n        return;\n      case 'Tab':\n        this.#closeMenu();\n        return;\n      default:\n        return;\n    }\n  };\n\n  protected override updated() {\n    // A detached header can still update (its grid removed mid-update): it\n    // must not re-arm the frame its disconnect just cancelled.\n    this.#trackMenu(this.menuOpen && this.isConnected);\n    // Mirror the column's data type onto the host so the header label can match\n    // the body cell alignment by default (numeric/currency cells right-align,\n    // so their headers should too). Kept in sync on every update because the\n    // column config can change at runtime (reorder, reconfigure).\n    this.setAttribute('data-cell-type', this.column.type ?? 'string');\n    // Reflect reorderability as an attribute so SCSS can show the grab\n    // cursor only on columns that can actually be dragged. Tracks both the\n    // grid-level `columnReordering` flag (arriving via context) and the\n    // per-column `reorderable: false` opt-out at runtime.\n    if (this.isDraggable) {\n      this.setAttribute('data-reorderable', '');\n    } else {\n      this.removeAttribute('data-reorderable');\n    }\n    // aria-colindex stays in sync with the parent header row's numbering.\n    if (this.colindex > 0) {\n      this.setAttribute('aria-colindex', String(this.colindex));\n    }\n    // aria-sort communicates current sort direction for this column to AT.\n    if (this.isSortable) {\n      const sort = this.state?.sorting.state.get(this.column.key);\n      const dir = sort?.direction;\n      this.setAttribute(\n        'aria-sort',\n        dir === 'ascending' ? 'ascending' : dir === 'descending' ? 'descending' : 'none'\n      );\n    } else {\n      this.removeAttribute('aria-sort');\n    }\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.setAttribute('role', 'columnheader');\n    this.addEventListener('pointerdown', this.#handleReorderPointerDown);\n    document.addEventListener('pointerdown', this.#handleMenuOutside, true);\n  }\n\n  public override disconnectedCallback(): void {\n    this.removeEventListener('pointerdown', this.#handleReorderPointerDown);\n    document.removeEventListener('pointerdown', this.#handleMenuOutside, true);\n    this.#trackMenu(false);\n    // A live swap moves this header, which disconnects and reconnects it in\n    // the same task, so only a header still detached a microtask later (its\n    // column hidden mid-drag, or the grid removed) ends the drag.\n    if (this.#dragPointerId !== -1) {\n      queueMicrotask(() => {\n        if (!this.isConnected) this.#endReorder();\n      });\n    }\n    super.disconnectedCallback();\n  }\n\n  protected renderSortPart() {\n    const state = this.state.sorting.state.get(this.column.key);\n    const idx = Array.from(this.state.sorting.state.values()).indexOf(state!);\n    const attr = this.state.host.sortConfiguration.multiple\n      ? idx > -1\n        ? idx + 1\n        : nothing\n      : nothing;\n    const direction = state?.direction ?? 'none';\n\n    const label =\n      state?.direction === 'ascending'\n        ? this.state.localize('header.sortedAscending')\n        : state?.direction === 'descending'\n          ? this.state.localize('header.sortedDescending')\n          : this.state.localize('header.notSorted');\n\n    return state || this.isSortable\n      ? this.isSortable\n        ? html`<button\n            type=\"button\"\n            part=${partNameMap({ action: true, sorted: !!state?.direction })}\n            data-sort-active=${direction}\n            data-sort-index=${attr === nothing ? '' : (attr as number)}\n            aria-label=${label}\n            @click=${this.#handleClick}\n          >\n            ${renderSortArrows()}\n          </button>`\n        : html`<span\n            part=${partNameMap({ action: true, sorted: !!state?.direction })}\n            data-sort-active=${direction}\n            data-sort-index=${attr === nothing ? '' : (attr as number)}\n            aria-hidden=\"true\"\n          >\n            ${renderSortArrows()}\n          </span>`\n      : nothing;\n  }\n\n  protected renderFilterButton() {\n    if (!this.isFilterable) return nothing;\n    const count = this.state?.filtering?.state.get(this.column.key)?.length ?? 0;\n    return html`<button\n      type=\"button\"\n      part=${partNameMap({ action: true, 'filter-btn': true, 'filter-active': this.hasActiveFilter })}\n      aria-label=${this.state.localize('header.filterColumn')}\n      @click=${this.#handleFilterClick}\n    >\n      ${renderIcon('filter')}\n      ${count > 1 ? html`<span part=\"filter-count\">${count}</span>` : nothing}\n    </button>`;\n  }\n\n  protected renderMenuButton() {\n    // Suppress the kebab entirely when the grid opts out.\n    if (this.state?.host?.columnMenu === false) return nothing;\n    // Show the kebab when this column has built-in menu items (sort / autosize)\n    // or when a feature module provides a richer column menu (the enterprise\n    // context menu: pin / hide / group / chart), so the affordance appears even\n    // on columns that are neither sortable nor resizable.\n    const hasMenuItems =\n      this.isSortable || this.column.resizable || Boolean(this.state?.hasColumnMenu);\n    if (!hasMenuItems) return nothing;\n    return html`<button\n      type=\"button\"\n      part=${partNameMap({ action: true, 'menu-btn': true })}\n      aria-label=${this.state.localize('header.columnMenu')}\n      aria-expanded=${this.menuOpen ? 'true' : 'false'}\n      aria-haspopup=\"menu\"\n      @click=${this.#handleMenuClick}\n      @keydown=${this.#handleMenuTriggerKeydown}\n    >\n      ${renderIcon('more-vert')}\n    </button>`;\n  }\n\n  protected renderColumnMenu() {\n    if (!this.menuOpen) return nothing;\n    return html`<div\n      part=\"col-menu\"\n      role=\"menu\"\n      popover=\"manual\"\n      @keydown=${this.#handleColMenuKeydown}\n    >\n      ${\n        this.isSortable\n          ? html`\n            <button\n              type=\"button\"\n              part=\"col-menu-item\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              @click=${() => {\n                this.state.sorting.sortFromUI(this.column, { direction: 'ascending' });\n                this.menuOpen = false;\n              }}\n            >\n              ${renderIcon('sort-asc')} ${this.state.localize('contextMenu.sortAsc')}\n            </button>\n            <button\n              type=\"button\"\n              part=\"col-menu-item\"\n              role=\"menuitem\"\n              tabindex=\"-1\"\n              @click=${() => {\n                this.state.sorting.sortFromUI(this.column, { direction: 'descending' });\n                this.menuOpen = false;\n              }}\n            >\n              ${renderIcon('sort-desc')} ${this.state.localize('contextMenu.sortDesc')}\n            </button>\n          `\n          : nothing\n      }\n      ${\n        this.column.resizable\n          ? html`<button\n            type=\"button\"\n            part=\"col-menu-item\"\n            role=\"menuitem\"\n            tabindex=\"-1\"\n            @click=${() => {\n              this.state.resizing.autosize(this.column, this);\n              this.menuOpen = false;\n            }}\n          >\n            ${renderIcon('arrow-upward')} ${this.state.localize('header.autosizeColumn')}\n          </button>`\n          : nothing\n      }\n    </div>`;\n  }\n\n  protected renderContentPart() {\n    const defaultContent = this.column.headerText ?? this.column.key;\n    const template = this.column.headerTemplate;\n\n    return html`\n      <span part=\"title\">\n        ${\n          this.coordinateLetter\n            ? html`<span part=\"coord-letter\" aria-hidden=\"true\">${this.coordinateLetter}</span>`\n            : nothing\n        }\n        <span>${template ? template(this.context) : html`${defaultContent}`}</span>\n      </span>\n    `;\n  }\n\n  protected renderResizePart() {\n    return this.column.resizable\n      ? html`<span\n          part=\"resizable\"\n          @dblclick=${this.#handleAutosize}\n          @pointerdown=${this.#handleResizeStart}\n        ></span>`\n      : nothing;\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=${partNameMap({\n          content: true,\n          sortable: this.isSortable,\n          resizing: this.resizeController.indicatorActive,\n        })}\n      >\n        ${this.renderContentPart()}\n        <div part=\"actions\">\n          ${this.renderSortPart()}\n          ${this.renderFilterButton()}\n          ${this.renderMenuButton()}\n        </div>\n      </div>\n      ${this.renderResizePart()}\n      ${this.renderColumnMenu()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridHeader.tagName]: ApexGridHeader<object>;\n  }\n}\n"]}

package/components/paginator.d.ts

@@ -5,16 +5,26 @@ import { type StateController } from '../controllers/state.js';
  *
  * @remarks
  * Drives {@link PaginationController} on the host grid. The component is purely
- * presentational — page transitions go through the controller so they emit the
+ * presentational: page transitions go through the controller so they emit the
  * cancellable `pageChanging` event and the post-update `pageChanged` event.
  *
+ * It never clips its controls: when the bar is too narrow it drops the page
+ * size selector first, then the first and last buttons, so previous and next
+ * stay reachable. `pagination.paginator: 'compact'` always uses that narrow
+ * layout. The grid re-exports every part, so `apex-grid::part(name)` styles it.
+ *
  * @element apex-grid-paginator
  *
  * @csspart paginator - The root container.
  * @csspart paginator-size - The page-size selector wrapper.
- * @csspart paginator-info - The "1–25 of 100" status label.
+ * @csspart paginator-info - The "1-25 of 100" status label.
  * @csspart paginator-controls - The first/prev/next/last button cluster.
- * @csspart paginator-page - The "Page X of N" status label.
+ * @csspart paginator-page - The "page / count" status label.
+ * @csspart paginator-button - Each of the first, previous, next and last buttons.
+ * @csspart paginator-first - The first page button (also `paginator-button`).
+ * @csspart paginator-prev - The previous page button (also `paginator-button`).
+ * @csspart paginator-next - The next page button (also `paginator-button`).
+ * @csspart paginator-last - The last page button (also `paginator-button`).
  */
 export default class ApexGridPaginator<T extends object> extends LitElement {
     #private;
@@ -29,9 +39,10 @@ export default class ApexGridPaginator<T extends object> extends LitElement {
      * The page-size choices rendered in the rows-per-page selector.
      *
      * @remarks
-     * Defaults to `[10, 25, 50, 100]`.
+     * Defaults to `[10, 25, 50, 100]`, also when empty. A current page size missing
+     * from the list is listed too, so the selector always shows the size in force.
      */
-    pageSizeOptions: number[];
+    pageSizeOptions: readonly number[];
     /**
      * Accessible label for the rows-per-page selector.
      *
@@ -40,11 +51,15 @@ export default class ApexGridPaginator<T extends object> extends LitElement {
      * text (see {@link ApexGrid.localeText}).
      */
     pageSizeLabel?: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
     protected get controller(): import("../controllers/pagination.js").PaginationController<T>;
     protected get sizeLabel(): string;
     protected renderSizeSelect(): import("lit-html").TemplateResult<1>;
     protected renderInfo(): import("lit-html").TemplateResult<1>;
     protected renderButton(opts: {
+        /** `first`, `prev`, `next` or `last`; also names the button's own part (`paginator-first`). */
         id: string;
         icon: string;
         label: string;

package/components/paginator.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { consume } from '@lit/context';
 import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
+import { DEFAULT_PAGINATION } from '../controllers/pagination.js';
 import { gridStateContext } from '../controllers/state.js';
 import { renderIcon } from '../internal/icons.js';
 import { registerComponent } from '../internal/register.js';
@@ -15,13 +16,15 @@ import { styles } from '../styles/paginator/paginator.css.js';
 export default class ApexGridPaginator extends LitElement {
     constructor() {
         super(...arguments);
-        this.pageSizeOptions = [10, 25, 50, 100];
+        this.pageSizeOptions = DEFAULT_PAGINATION.pageSizeOptions;
+        this.#fitKey = '';
         this.#handleSizeChange = (event) => {
             event.stopPropagation();
             const next = Number(event.target.value);
             if (Number.isFinite(next)) {
                 this.controller.setPageSize(next);
             }
+            this.requestUpdate();
         };
         this.#handleControlsKeydown = (event) => {
             if (event.key === 'ArrowLeft' ||
@@ -39,6 +42,39 @@ export default class ApexGridPaginator extends LitElement {
     static register() {
         registerComponent(ApexGridPaginator);
     }
+    #resizeObserver;
+    connectedCallback() {
+        super.connectedCallback();
+        this.#resizeObserver ??= new ResizeObserver(() => this.#fit());
+        this.#resizeObserver.observe(this);
+    }
+    disconnectedCallback() {
+        this.#resizeObserver?.disconnect();
+        super.disconnectedCallback();
+    }
+    updated() {
+        const select = this.renderRoot.querySelector('select');
+        if (select)
+            select.value = String(this.controller.pageSize);
+        const bar = this.renderRoot.querySelector('[part=paginator]');
+        const key = `${this.state?.host.pagination?.paginator}|${bar?.textContent}`;
+        if (key !== this.#fitKey) {
+            this.#fitKey = key;
+            this.#fit();
+        }
+    }
+    #fitKey;
+    #fit() {
+        const bar = this.renderRoot.querySelector('[part=paginator]');
+        let step = this.state?.host.pagination?.paginator === 'compact' ? 2 : 0;
+        while (bar) {
+            if (bar.dataset.fit !== `${step}`)
+                bar.dataset.fit = `${step}`;
+            if (step > 1 || bar.scrollWidth <= bar.clientWidth)
+                break;
+            step++;
+        }
+    }
     get controller() {
         return this.state.pagination;
     }
@@ -48,35 +84,36 @@ export default class ApexGridPaginator extends LitElement {
     #handleSizeChange;
     renderSizeSelect() {
         const current = this.controller.pageSize;
+        const listed = this.pageSizeOptions.length
+            ? this.pageSizeOptions
+            : DEFAULT_PAGINATION.pageSizeOptions;
+        const options = [...listed];
+        if (!listed.includes(current)) {
+            const at = listed.findIndex((size) => size > current);
+            options.splice(at < 0 ? options.length : at, 0, current);
+        }
         return html `
       <label part="paginator-size">
         <span class="visually-hidden">${this.sizeLabel}</span>
-        <select
-          aria-label=${this.sizeLabel}
-          .value=${String(current)}
-          @change=${this.#handleSizeChange}
-        >
-          ${this.pageSizeOptions.map((size) => html `<option .value=${String(size)} ?selected=${size === current}>${size}</option>`)}
+        <select aria-label=${this.sizeLabel} @change=${this.#handleSizeChange}>
+          ${options.map((size) => html `<option .value=${String(size)}>${size}</option>`)}
         </select>
       </label>
     `;
     }
     renderInfo() {
         const { page, pageSize, totalItems } = this.controller.state;
-        if (totalItems === 0) {
-            return html `<span part="paginator-info" aria-live="polite"
-        >${this.state.localize('pagination.summaryEmpty')}</span
-      >`;
-        }
         const start = page * pageSize + 1;
         const end = Math.min(totalItems, (page + 1) * pageSize);
-        return html `<span part="paginator-info" aria-live="polite"
-      >${this.state.localize('pagination.summary', { start, end, total: totalItems })}</span
+        return html `<span part="paginator-info"
+      >${totalItems
+            ? this.state.localize('pagination.summary', { start, end, total: totalItems })
+            : this.state.localize('pagination.summaryEmpty')}</span
     >`;
     }
     renderButton(opts) {
         return html `<button
-      part="paginator-button"
+      part="paginator-button paginator-${opts.id}"
       id=${opts.id}
       type="button"
       aria-label=${opts.label}
@@ -107,13 +144,13 @@ export default class ApexGridPaginator extends LitElement {
             onClick: () => this.controller.firstPage(),
         })}
         ${this.renderButton({
-            id: 'previous',
+            id: 'prev',
             icon: 'page-previous',
             label: this.state.localize('pagination.previousPage'),
             disabled: onFirst,
             onClick: () => this.controller.previousPage(),
         })}
-        <span part="paginator-page" aria-live="polite">${page + 1} / ${pageCount}</span>
+        <span part="paginator-page">${page + 1} / ${pageCount}</span>
         ${this.renderButton({
             id: 'next',
             icon: 'page-next',

package/components/paginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.js","sourceRoot":"","sources":["../../src/components/paginator.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport { renderIcon } from '../internal/icons.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_PAGINATOR_TAG } from '../internal/tags.js';\nimport { styles } from '../styles/paginator/paginator.css.js';\n\n/**\n * Pagination toolbar rendered beneath the grid body.\n *\n * @remarks\n * Drives {@link PaginationController} on the host grid. The component is purely\n * presentational — page transitions go through the controller so they emit the\n * cancellable `pageChanging` event and the post-update `pageChanged` event.\n *\n * @element apex-grid-paginator\n *\n * @csspart paginator - The root container.\n * @csspart paginator-size - The page-size selector wrapper.\n * @csspart paginator-info - The \"1–25 of 100\" status label.\n * @csspart paginator-controls - The first/prev/next/last button cluster.\n * @csspart paginator-page - The \"Page X of N\" status label.\n */\nexport default class ApexGridPaginator<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_PAGINATOR_TAG;\n  }\n\n  public static override styles = styles;\n\n  /**\n   * Registers the `<apex-grid-paginator>` element and its dependencies. Idempotent.\n   */\n  public static register() {\n    registerComponent(ApexGridPaginator);\n  }\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  /**\n   * The page-size choices rendered in the rows-per-page selector.\n   *\n   * @remarks\n   * Defaults to `[10, 25, 50, 100]`.\n   */\n  @property({ attribute: false })\n  public pageSizeOptions: number[] = [10, 25, 50, 100];\n\n  /**\n   * Accessible label for the rows-per-page selector.\n   *\n   * @remarks\n   * When unset, falls back to the grid's localized `pagination.rowsPerPage`\n   * text (see {@link ApexGrid.localeText}).\n   */\n  @property({ type: String, attribute: 'page-size-label' })\n  public pageSizeLabel?: string;\n\n  protected get controller() {\n    return this.state.pagination;\n  }\n\n  protected get sizeLabel() {\n    return this.pageSizeLabel ?? this.state.localize('pagination.rowsPerPage');\n  }\n\n  #handleSizeChange = (event: Event) => {\n    event.stopPropagation();\n    const next = Number((event.target as HTMLSelectElement).value);\n    if (Number.isFinite(next)) {\n      this.controller.setPageSize(next);\n    }\n  };\n\n  protected renderSizeSelect() {\n    const current = this.controller.pageSize;\n    return html`\n      <label part=\"paginator-size\">\n        <span class=\"visually-hidden\">${this.sizeLabel}</span>\n        <select\n          aria-label=${this.sizeLabel}\n          .value=${String(current)}\n          @change=${this.#handleSizeChange}\n        >\n          ${this.pageSizeOptions.map(\n            (size) =>\n              html`<option .value=${String(size)} ?selected=${size === current}>${size}</option>`\n          )}\n        </select>\n      </label>\n    `;\n  }\n\n  protected renderInfo() {\n    const { page, pageSize, totalItems } = this.controller.state;\n    if (totalItems === 0) {\n      return html`<span part=\"paginator-info\" aria-live=\"polite\"\n        >${this.state.localize('pagination.summaryEmpty')}</span\n      >`;\n    }\n    const start = page * pageSize + 1;\n    const end = Math.min(totalItems, (page + 1) * pageSize);\n    return html`<span part=\"paginator-info\" aria-live=\"polite\"\n      >${this.state.localize('pagination.summary', { start, end, total: totalItems })}</span\n    >`;\n  }\n\n  protected renderButton(opts: {\n    id: string;\n    icon: string;\n    label: string;\n    disabled: boolean;\n    onClick: () => void;\n  }) {\n    return html`<button\n      part=\"paginator-button\"\n      id=${opts.id}\n      type=\"button\"\n      aria-label=${opts.label}\n      title=${opts.label}\n      ?disabled=${opts.disabled}\n      @click=${opts.onClick}\n    >\n      ${renderIcon(opts.icon)}\n    </button>`;\n  }\n\n  #handleControlsKeydown = (event: KeyboardEvent) => {\n    // Keep arrow-key navigation inside the paginator instead of bubbling into the grid.\n    if (\n      event.key === 'ArrowLeft' ||\n      event.key === 'ArrowRight' ||\n      event.key === 'ArrowUp' ||\n      event.key === 'ArrowDown'\n    ) {\n      event.stopPropagation();\n    }\n  };\n\n  protected renderControls() {\n    const { page, pageCount, totalItems } = this.controller.state;\n    const onFirst = page <= 0 || totalItems === 0;\n    const onLast = page >= pageCount - 1 || totalItems === 0;\n\n    return html`\n      <div\n        part=\"paginator-controls\"\n        role=\"group\"\n        aria-label=${this.state.localize('pagination.controls')}\n        @keydown=${this.#handleControlsKeydown}\n      >\n        ${this.renderButton({\n          id: 'first',\n          icon: 'page-first',\n          label: this.state.localize('pagination.firstPage'),\n          disabled: onFirst,\n          onClick: () => this.controller.firstPage(),\n        })}\n        ${this.renderButton({\n          id: 'previous',\n          icon: 'page-previous',\n          label: this.state.localize('pagination.previousPage'),\n          disabled: onFirst,\n          onClick: () => this.controller.previousPage(),\n        })}\n        <span part=\"paginator-page\" aria-live=\"polite\">${page + 1} / ${pageCount}</span>\n        ${this.renderButton({\n          id: 'next',\n          icon: 'page-next',\n          label: this.state.localize('pagination.nextPage'),\n          disabled: onLast,\n          onClick: () => this.controller.nextPage(),\n        })}\n        ${this.renderButton({\n          id: 'last',\n          icon: 'page-last',\n          label: this.state.localize('pagination.lastPage'),\n          disabled: onLast,\n          onClick: () => this.controller.lastPage(),\n        })}\n      </div>\n    `;\n  }\n\n  protected override render() {\n    if (!this.state) return nothing;\n    return html`\n      <div part=\"paginator\" role=\"navigation\" aria-label=${this.state.localize('pagination.label')}>\n        ${this.renderSizeSelect()} ${this.renderInfo()} ${this.renderControls()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridPaginator.tagName]: ApexGridPaginator<object>;\n  }\n}\n"]}
+{"version":3,"file":"paginator.js","sourceRoot":"","sources":["../../src/components/paginator.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { DEFAULT_PAGINATION } from '../controllers/pagination.js';\nimport { gridStateContext, type StateController } from '../controllers/state.js';\nimport { renderIcon } from '../internal/icons.js';\nimport { registerComponent } from '../internal/register.js';\nimport { GRID_PAGINATOR_TAG } from '../internal/tags.js';\nimport { styles } from '../styles/paginator/paginator.css.js';\n\n/**\n * Pagination toolbar rendered beneath the grid body.\n *\n * @remarks\n * Drives {@link PaginationController} on the host grid. The component is purely\n * presentational: page transitions go through the controller so they emit the\n * cancellable `pageChanging` event and the post-update `pageChanged` event.\n *\n * It never clips its controls: when the bar is too narrow it drops the page\n * size selector first, then the first and last buttons, so previous and next\n * stay reachable. `pagination.paginator: 'compact'` always uses that narrow\n * layout. The grid re-exports every part, so `apex-grid::part(name)` styles it.\n *\n * @element apex-grid-paginator\n *\n * @csspart paginator - The root container.\n * @csspart paginator-size - The page-size selector wrapper.\n * @csspart paginator-info - The \"1-25 of 100\" status label.\n * @csspart paginator-controls - The first/prev/next/last button cluster.\n * @csspart paginator-page - The \"page / count\" status label.\n * @csspart paginator-button - Each of the first, previous, next and last buttons.\n * @csspart paginator-first - The first page button (also `paginator-button`).\n * @csspart paginator-prev - The previous page button (also `paginator-button`).\n * @csspart paginator-next - The next page button (also `paginator-button`).\n * @csspart paginator-last - The last page button (also `paginator-button`).\n */\nexport default class ApexGridPaginator<T extends object> extends LitElement {\n  public static get tagName() {\n    return GRID_PAGINATOR_TAG;\n  }\n\n  public static override styles = styles;\n\n  /**\n   * Registers the `<apex-grid-paginator>` element and its dependencies. Idempotent.\n   */\n  public static register() {\n    registerComponent(ApexGridPaginator);\n  }\n\n  @consume({ context: gridStateContext, subscribe: true })\n  @property({ attribute: false })\n  public state!: StateController<T>;\n\n  /**\n   * The page-size choices rendered in the rows-per-page selector.\n   *\n   * @remarks\n   * Defaults to `[10, 25, 50, 100]`, also when empty. A current page size missing\n   * from the list is listed too, so the selector always shows the size in force.\n   */\n  @property({ attribute: false })\n  public pageSizeOptions: readonly number[] = DEFAULT_PAGINATION.pageSizeOptions;\n\n  /**\n   * Accessible label for the rows-per-page selector.\n   *\n   * @remarks\n   * When unset, falls back to the grid's localized `pagination.rowsPerPage`\n   * text (see {@link ApexGrid.localeText}).\n   */\n  @property({ type: String, attribute: 'page-size-label' })\n  public pageSizeLabel?: string;\n\n  #resizeObserver?: ResizeObserver;\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.#resizeObserver ??= new ResizeObserver(() => this.#fit());\n    this.#resizeObserver.observe(this);\n  }\n\n  public override disconnectedCallback(): void {\n    this.#resizeObserver?.disconnect();\n    super.disconnectedCallback();\n  }\n\n  protected override updated(): void {\n    // Selected here, after the options rendered, so a size just added to the\n    // list is found and a refused pick is undone.\n    const select = this.renderRoot.querySelector('select');\n    if (select) select.value = String(this.controller.pageSize);\n    // The grid re-renders the paginator on each of its updates: measure only\n    // when the text or the layout option changed (the observer covers resizes).\n    const bar = this.renderRoot.querySelector('[part=paginator]');\n    const key = `${this.state?.host.pagination?.paginator}|${bar?.textContent}`;\n    if (key !== this.#fitKey) {\n      this.#fitKey = key;\n      this.#fit();\n    }\n  }\n\n  #fitKey = '';\n\n  /**\n   * Drops what the bar has no room for, least needed first: the page size\n   * selector (step 1), then the first and last buttons (step 2, the compact\n   * layout, where the summary may also shorten), so previous and next always\n   * stay reachable. The steps are CSS rules keyed on `data-fit`. Hiding them\n   * does not change the bar's height, so the resize observer does not loop.\n   */\n  #fit(): void {\n    const bar = this.renderRoot.querySelector<HTMLElement>('[part=paginator]');\n    let step = this.state?.host.pagination?.paginator === 'compact' ? 2 : 0;\n    while (bar) {\n      // Written only on a change, so a render that keeps the layout restyles nothing.\n      if (bar.dataset.fit !== `${step}`) bar.dataset.fit = `${step}`;\n      if (step > 1 || bar.scrollWidth <= bar.clientWidth) break;\n      step++;\n    }\n  }\n\n  protected get controller() {\n    return this.state.pagination;\n  }\n\n  protected get sizeLabel() {\n    return this.pageSizeLabel ?? this.state.localize('pagination.rowsPerPage');\n  }\n\n  #handleSizeChange = (event: Event) => {\n    event.stopPropagation();\n    const next = Number((event.target as HTMLSelectElement).value);\n    if (Number.isFinite(next)) {\n      this.controller.setPageSize(next);\n    }\n    // A cancelled change leaves the page size as it was: render again so the\n    // selector shows the size in force (see updated), not the refused one.\n    this.requestUpdate();\n  };\n\n  protected renderSizeSelect() {\n    const current = this.controller.pageSize;\n    const listed = this.pageSizeOptions.length\n      ? this.pageSizeOptions\n      : DEFAULT_PAGINATION.pageSizeOptions;\n    const options = [...listed];\n    if (!listed.includes(current)) {\n      // Before the first larger size: an ascending list stays ascending and a\n      // custom order is kept.\n      const at = listed.findIndex((size) => size > current);\n      options.splice(at < 0 ? options.length : at, 0, current);\n    }\n    return html`\n      <label part=\"paginator-size\">\n        <span class=\"visually-hidden\">${this.sizeLabel}</span>\n        <select aria-label=${this.sizeLabel} @change=${this.#handleSizeChange}>\n          ${options.map((size) => html`<option .value=${String(size)}>${size}</option>`)}\n        </select>\n      </label>\n    `;\n  }\n\n  protected renderInfo() {\n    // The grid's live region announces a page change; this summary stays quiet\n    // so a screen reader hears it once.\n    const { page, pageSize, totalItems } = this.controller.state;\n    const start = page * pageSize + 1;\n    const end = Math.min(totalItems, (page + 1) * pageSize);\n    return html`<span part=\"paginator-info\"\n      >${\n        totalItems\n          ? this.state.localize('pagination.summary', { start, end, total: totalItems })\n          : this.state.localize('pagination.summaryEmpty')\n      }</span\n    >`;\n  }\n\n  protected renderButton(opts: {\n    /** `first`, `prev`, `next` or `last`; also names the button's own part (`paginator-first`). */\n    id: string;\n    icon: string;\n    label: string;\n    disabled: boolean;\n    onClick: () => void;\n  }) {\n    return html`<button\n      part=\"paginator-button paginator-${opts.id}\"\n      id=${opts.id}\n      type=\"button\"\n      aria-label=${opts.label}\n      title=${opts.label}\n      ?disabled=${opts.disabled}\n      @click=${opts.onClick}\n    >\n      ${renderIcon(opts.icon)}\n    </button>`;\n  }\n\n  #handleControlsKeydown = (event: KeyboardEvent) => {\n    // Keep arrow-key navigation inside the paginator instead of bubbling into the grid.\n    if (\n      event.key === 'ArrowLeft' ||\n      event.key === 'ArrowRight' ||\n      event.key === 'ArrowUp' ||\n      event.key === 'ArrowDown'\n    ) {\n      event.stopPropagation();\n    }\n  };\n\n  protected renderControls() {\n    const { page, pageCount, totalItems } = this.controller.state;\n    const onFirst = page <= 0 || totalItems === 0;\n    const onLast = page >= pageCount - 1 || totalItems === 0;\n\n    return html`\n      <div\n        part=\"paginator-controls\"\n        role=\"group\"\n        aria-label=${this.state.localize('pagination.controls')}\n        @keydown=${this.#handleControlsKeydown}\n      >\n        ${this.renderButton({\n          id: 'first',\n          icon: 'page-first',\n          label: this.state.localize('pagination.firstPage'),\n          disabled: onFirst,\n          onClick: () => this.controller.firstPage(),\n        })}\n        ${this.renderButton({\n          id: 'prev',\n          icon: 'page-previous',\n          label: this.state.localize('pagination.previousPage'),\n          disabled: onFirst,\n          onClick: () => this.controller.previousPage(),\n        })}\n        <span part=\"paginator-page\">${page + 1} / ${pageCount}</span>\n        ${this.renderButton({\n          id: 'next',\n          icon: 'page-next',\n          label: this.state.localize('pagination.nextPage'),\n          disabled: onLast,\n          onClick: () => this.controller.nextPage(),\n        })}\n        ${this.renderButton({\n          id: 'last',\n          icon: 'page-last',\n          label: this.state.localize('pagination.lastPage'),\n          disabled: onLast,\n          onClick: () => this.controller.lastPage(),\n        })}\n      </div>\n    `;\n  }\n\n  protected override render() {\n    if (!this.state) return nothing;\n    return html`\n      <div part=\"paginator\" role=\"navigation\" aria-label=${this.state.localize('pagination.label')}>\n        ${this.renderSizeSelect()} ${this.renderInfo()} ${this.renderControls()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    [ApexGridPaginator.tagName]: ApexGridPaginator<object>;\n  }\n}\n"]}

package/components/row.d.ts

@@ -16,6 +16,13 @@ export default class ApexGridRow<T extends object> extends LitElement {
     /** Cumulative pin offsets (px) keyed by column key. */
     pinOffsets: Map<unknown, number>;
     get cells(): ApexGridCell<T>[];
+    /**
+     * The single focus target of a row a feature module renders full width (a
+     * group header, a total row), or `null` for a normal cell-rendered row.
+     * Keyboard navigation lands here, whatever the active column, so the body
+     * keeps a tab stop on rows that render no cells.
+     */
+    get presentedCell(): HTMLElement | null;
     state: StateController<T>;
     activeNode: ActiveNode<T>;
     index: number;
@@ -37,6 +44,12 @@ export default class ApexGridRow<T extends object> extends LitElement {
      * for the community grid.
      */
     decorationVersion: number;
+    /**
+     * Reactive token from {@link StateController.dataVersion}, forwarded to each
+     * cell so a pipeline run (edit, data change, tree toggle) refreshes the row's
+     * ARIA and the cells that read their row. Stays `0` for pinned rows.
+     */
+    dataVersion: number;
     /**
      * Reactive token from {@link EditingController.validationVersion}, forwarded to
      * each cell so a validation-only change re-renders the row's cells (toggling
@@ -54,9 +67,12 @@ export default class ApexGridRow<T extends object> extends LitElement {
     protected willUpdate(): void;
     /**
      * Leading row-number gutter cell (transient spreadsheet coordinate hint). Shown
-     * only while `coordinateHints` is on; pinned rows render an empty spacer (their
-     * band-local index is not a meaningful A1 row number) so the track stays
-     * aligned. Presentational: the accessible row index is `aria-rowindex`.
+     * only while `coordinateHints` is on. A feature module that addresses the data
+     * (the enterprise formula engine) supplies the label, so it matches what a
+     * reference reads; otherwise it is the view position, and pinned rows render
+     * an empty spacer (their band-local index is not a meaningful row number) so
+     * the track stays aligned. Presentational: the accessible row index is
+     * `aria-rowindex`.
      */
     protected renderRowNumber(): import("lit-html").TemplateResult<1> | typeof nothing;
     /**