@dxos/lit-grid 0.6.11 → 0.6.12-main.15a606f

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/dx-grid.ts", "../../../src/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { LitElement, html } from 'lit';\nimport { customElement, state, property, eventOptions } from 'lit/decorators.js';\nimport { ref, createRef, type Ref } from 'lit/directives/ref.js';\n\nimport { DxAxisResize, type DxAxisResizeProps, type DxGridAxis } from './types';\n\n/**\n * The size in pixels of the gap between cells\n */\nconst gap = 1;\n\n/**\n * This should be about the width of the `1` numeral so resize is triggered as the row header column’s intrinsic size\n * changes when scrolling vertically.\n */\nconst resizeTolerance = 8;\n\n//\n// `overscan` is the number of columns or rows to render outside of the viewport\n//\nconst overscanCol = 1;\nconst overscanRow = 1;\n\n//\n// `size`, when suffixed with ‘row’ or ‘col’, are limits on size applied when resizing\n//\nconst sizeColMin = 32;\nconst sizeColMax = 1024;\nconst sizeRowMin = 16;\nconst sizeRowMax = 1024;\n\n/**\n * Separator for serializing cell position vectors\n */\nconst separator = ',';\n\n//\n// A1 notation is the fallback for numbering columns and rows.\n//\n\nconst colToA1Notation = (col: number): string => {\n  return (\n    (col >= 26 ? String.fromCharCode('A'.charCodeAt(0) + Math.floor(col / 26) - 1) : '') +\n    String.fromCharCode('A'.charCodeAt(0) + (col % 26))\n  );\n};\n\nconst rowToA1Notation = (row: number): string => {\n  return `${row + 1}`;\n};\n\nexport type CellValue = {\n  /**\n   * The content value\n   */\n  value: string;\n  /**\n   * If this is a merged cell, the bottomright-most of the range in numeric notation, otherwise undefined.\n   */\n  end?: string;\n  /**\n   * CSS inline styles to apply to the gridcell element\n   */\n  style?: string;\n};\n\ntype AxisMeta = {\n  size: number;\n  description?: string;\n  resizeable?: boolean;\n};\n\nexport type DxGridProps = Partial<Pick<DxGrid, 'cells' | 'rows' | 'columns' | 'rowDefault' | 'columnDefault'>>;\n\nconst localChId = (c0: number) => `ch--${c0}`;\nconst localRhId = (r0: number) => `rh--${r0}`;\n\nconst getPage = (axis: string, event: PointerEvent) => (axis === 'col' ? event.pageX : event.pageY);\n\n@customElement('dx-grid')\nexport class DxGrid extends LitElement {\n  @property({ type: Object })\n  rowDefault: AxisMeta = { size: 32 };\n\n  @property({ type: Object })\n  columnDefault: AxisMeta = { size: 180 };\n\n  @property({ type: Object })\n  rows: Record<string, AxisMeta> = {};\n\n  @property({ type: Object })\n  columns: Record<string, AxisMeta> = {};\n\n  @property({ type: Object })\n  cells: Record<string, CellValue> = {};\n\n  //\n  // `pos`, short for ‘position’, is the position in pixels of the viewport from the origin.\n  //\n\n  @state()\n  posInline = 0;\n\n  @state()\n  posBlock = 0;\n\n  //\n  // `size` (when not suffixed with ‘row’ or ‘col’, see above) is the size in pixels of the viewport.\n  //\n\n  @state()\n  sizeInline = 0;\n\n  @state()\n  sizeBlock = 0;\n\n  //\n  // `overscan` is the amount in pixels to offset the grid content due to the number of overscanned columns or rows.\n  //\n\n  @state()\n  overscanInline = 0;\n\n  @state()\n  overscanBlock = 0;\n\n  //\n  // `bin`, not short for anything, is the range in pixels within which virtualization does not need to reassess.\n  //\n\n  @state()\n  binInlineMin = 0;\n\n  @state()\n  binInlineMax = this.colSize(0);\n\n  @state()\n  binBlockMin = 0;\n\n  @state()\n  binBlockMax = this.rowSize(0);\n\n  //\n  // `vis`, short for ‘visible’, is the range in numeric index of the columns or rows which should be rendered within\n  // the viewport. These start with naïve values that are updated before first contentful render.\n  //\n\n  @state()\n  visColMin = 0;\n\n  @state()\n  visColMax = 1;\n\n  @state()\n  visRowMin = 0;\n\n  @state()\n  visRowMax = 1;\n\n  //\n  // `template` is the rendered value of `grid-{axis}-template`.\n  //\n  @state()\n  templateColumns = `${this.colSize(0)}px`;\n\n  @state()\n  templateRows = `${this.rowSize(0)}px`;\n\n  //\n  // Resize state and handlers\n  //\n\n  @state()\n  colSizes: Record<string, number> = {};\n\n  @state()\n  rowSizes: Record<string, number> = {};\n\n  @state()\n  resizing: null | (DxAxisResizeProps & { page: number }) = null;\n\n  handlePointerDown = (event: PointerEvent) => {\n    const actionEl = (event.target as HTMLElement)?.closest('[data-dx-grid-action]');\n    const action = actionEl?.getAttribute('data-dx-grid-action');\n    if (action) {\n      if (action.startsWith('resize')) {\n        const [resize, index] = action.split(',');\n        const [_, axis] = resize.split('-');\n        this.resizing = {\n          axis: axis as DxGridAxis,\n          size: axis === 'col' ? this.colSize(index) : this.rowSize(index),\n          page: getPage(axis, event),\n          index,\n        };\n      }\n    }\n  };\n\n  handlePointerUp = (_event: PointerEvent) => {\n    if (this.resizing) {\n      const resizeEvent = new DxAxisResize({\n        axis: this.resizing.axis,\n        index: this.resizing.index,\n        size: this[this.resizing.axis === 'col' ? 'colSize' : 'rowSize'](this.resizing.index),\n      });\n      this.dispatchEvent(resizeEvent);\n      this.resizing = null;\n    }\n  };\n\n  handlePointerMove = (event: PointerEvent) => {\n    if (this.resizing) {\n      const delta = getPage(this.resizing.axis, event) - this.resizing.page;\n      if (this.resizing.axis === 'col') {\n        const nextSize = Math.max(sizeColMin, Math.min(sizeColMax, this.resizing.size + delta));\n        this.colSizes = { ...this.colSizes, [this.resizing.index]: nextSize };\n        this.updateVisInline();\n      } else {\n        const nextSize = Math.max(sizeRowMin, Math.min(sizeRowMax, this.resizing.size + delta));\n        this.rowSizes = { ...this.rowSizes, [this.resizing.index]: nextSize };\n        this.updateVisBlock();\n      }\n    }\n  };\n\n  //\n  // Accessors\n  //\n\n  private colSize(c: number | string) {\n    return this.colSizes?.[c] ?? this.columnDefault.size;\n  }\n\n  private rowSize(r: number | string) {\n    return this.rowSizes?.[r] ?? this.rowDefault.size;\n  }\n\n  private getCell(c: number | string, r: number | string) {\n    return this.cells[`${c}${separator}${r}`];\n  }\n\n  //\n  // Resize & reposition handlers, observer, ref\n  //\n\n  @state()\n  observer = new ResizeObserver((entries) => {\n    const { inlineSize, blockSize } = entries?.[0]?.contentBoxSize?.[0] ?? {\n      inlineSize: 0,\n      blockSize: 0,\n    };\n    if (\n      Math.abs(inlineSize - this.sizeInline) > resizeTolerance ||\n      Math.abs(blockSize - this.sizeBlock) > resizeTolerance\n    ) {\n      // console.info('[updating bounds]', 'resize', [inlineSize - this.sizeInline, blockSize - this.sizeBlock]);\n      this.sizeInline = inlineSize;\n      this.sizeBlock = blockSize;\n      this.updateVis();\n    }\n  });\n\n  viewportRef: Ref<HTMLDivElement> = createRef();\n\n  handleWheel = ({ deltaX, deltaY }: WheelEvent) => {\n    this.posInline = Math.max(0, this.posInline + deltaX);\n    this.posBlock = Math.max(0, this.posBlock + deltaY);\n    if (\n      this.posInline >= this.binInlineMin &&\n      this.posInline < this.binInlineMax &&\n      this.posBlock >= this.binBlockMin &&\n      this.posBlock < this.binBlockMax\n    ) {\n      // do nothing\n    } else {\n      // console.info(\n      //   '[updating bounds]',\n      //   'wheel',\n      //   [this.binInlineMin, this.posInline, this.binInlineMax],\n      //   [this.binBlockMin, this.posBlock, this.binBlockMax],\n      // );\n      this.updateVis();\n    }\n  };\n\n  private updateVisInline() {\n    // todo: avoid starting from zero\n    let colIndex = 0;\n    let pxInline = this.colSize(colIndex);\n\n    while (pxInline < this.posInline) {\n      colIndex += 1;\n      pxInline += this.colSize(colIndex) + gap;\n    }\n\n    this.visColMin = colIndex - overscanCol;\n\n    this.binInlineMin = pxInline - this.colSize(colIndex) - gap;\n    this.binInlineMax = pxInline + gap;\n\n    this.overscanInline =\n      [...Array(overscanCol)].reduce((acc, _, c0) => {\n        acc += this.colSize(this.visColMin + c0);\n        return acc;\n      }, 0) +\n      gap * (overscanCol - 1);\n\n    while (pxInline < this.binInlineMax + this.sizeInline + gap) {\n      colIndex += 1;\n      pxInline += this.colSize(colIndex) + gap;\n    }\n\n    this.visColMax = colIndex + overscanCol;\n\n    this.templateColumns = [...Array(this.visColMax - this.visColMin)]\n      .map((_, c0) => `${this.colSize(this.visColMin + c0)}px`)\n      .join(' ');\n  }\n\n  private updateVisBlock() {\n    // todo: avoid starting from zero\n    let rowIndex = 0;\n    let pxBlock = this.rowSize(rowIndex);\n\n    while (pxBlock < this.posBlock) {\n      rowIndex += 1;\n      pxBlock += this.rowSize(rowIndex) + gap;\n    }\n\n    this.visRowMin = rowIndex - overscanRow;\n\n    this.binBlockMin = pxBlock - this.rowSize(rowIndex) - gap;\n    this.binBlockMax = pxBlock + gap;\n\n    this.overscanBlock =\n      [...Array(overscanRow)].reduce((acc, _, r0) => {\n        acc += this.rowSize(this.visRowMin + r0);\n        return acc;\n      }, 0) +\n      gap * (overscanRow - 1);\n\n    while (pxBlock < this.binBlockMax + this.sizeBlock) {\n      rowIndex += 1;\n      pxBlock += this.rowSize(rowIndex) + gap;\n    }\n\n    this.visRowMax = rowIndex + overscanRow;\n\n    this.templateRows = [...Array(this.visRowMax - this.visRowMin)]\n      .map((_, r0) => `${this.rowSize(this.visRowMin + r0)}px`)\n      .join(' ');\n  }\n\n  private updateVis() {\n    this.updateVisInline();\n    this.updateVisBlock();\n  }\n\n  // Focus handlers\n\n  @state()\n  focusedCell: Record<DxGridAxis, number> = { col: 0, row: 0 };\n\n  @state()\n  focusActive: boolean = false;\n\n  @eventOptions({ capture: true })\n  handleFocus(event: FocusEvent) {\n    const target = event.target as HTMLElement;\n    const action = target.getAttribute('data-dx-grid-action');\n    if (action === 'cell') {\n      const c = parseInt(target.getAttribute('aria-colindex') ?? 'never');\n      const r = parseInt(target.getAttribute('aria-rowindex') ?? 'never');\n      this.focusedCell = { col: c, row: r };\n      this.focusActive = true;\n    }\n  }\n\n  @eventOptions({ capture: true })\n  handleBlur(event: FocusEvent) {\n    // Only unset `focusActive` if focus is not moving to an element within the grid.\n    if (\n      !event.relatedTarget ||\n      (event.relatedTarget as HTMLElement).closest('.dx-grid__viewport') !== this.viewportRef.value\n    ) {\n      this.focusActive = false;\n    }\n  }\n\n  /**\n   * Moves focus to the cell with actual focus, otherwise moves focus to the viewport.\n   */\n  refocus() {\n    (this.focusedCell.row < this.visRowMin ||\n    this.focusedCell.row > this.visRowMax ||\n    this.focusedCell.col < this.visColMin ||\n    this.focusedCell.col > this.visColMax\n      ? this.viewportRef.value\n      : (this.viewportRef.value?.querySelector(\n          `[aria-colindex=\"${this.focusedCell.col}\"][aria-rowindex=\"${this.focusedCell.row}\"]`,\n        ) as HTMLElement | null)\n    )?.focus({ preventScroll: true });\n  }\n\n  /**\n   * Updates `pos` so that a cell in focus is fully within the viewport\n   */\n  snapPosToFocusedCell() {\n    if (\n      this.focusedCell.col < this.visColMin ||\n      this.focusedCell.col > this.visColMax ||\n      this.focusedCell.row < this.visRowMin ||\n      this.focusedCell.row > this.visRowMax\n    ) {\n      // console.warn('Snapping position to a focused cell that is not already mounted is unsupported.');\n    } else if (\n      this.focusedCell.col > this.visColMin + overscanCol &&\n      this.focusedCell.col < this.visColMax - overscanCol - 1 &&\n      this.focusedCell.row > this.visRowMin + overscanRow &&\n      this.focusedCell.row < this.visRowMax - overscanRow - 1\n    ) {\n      // console.log(\n      //   '[within bounds]',\n      //   this.focusedCell,\n      //   [this.visColMin, this.visColMax, overscanCol],\n      //   [this.visRowMin, this.visRowMax, overscanRow],\n      // );\n    } else {\n      if (this.focusedCell.col <= this.visColMin + overscanCol) {\n        this.posInline = this.binInlineMin;\n        this.updateVisInline();\n      } else if (this.focusedCell.col >= this.visColMax - overscanCol - 1) {\n        const sizeSumCol = [...Array(this.focusedCell.col - this.visColMin)].reduce((acc, _, c0) => {\n          acc += this.colSize(this.visColMin + overscanCol + c0) + gap;\n          return acc;\n        }, 0);\n        this.posInline = this.binInlineMin + sizeSumCol + gap * 2 - this.sizeInline;\n        this.updateVisInline();\n      }\n\n      if (this.focusedCell.row <= this.visRowMin + overscanRow) {\n        this.posBlock = this.binBlockMin;\n        this.updateVisBlock();\n      } else if (this.focusedCell.row >= this.visRowMax - overscanRow - 1) {\n        const sizeSumRow = [...Array(this.focusedCell.row - this.visRowMin)].reduce((acc, _, r0) => {\n          acc += this.rowSize(this.visRowMin + overscanRow + r0) + gap;\n          return acc;\n        }, 0);\n        this.posBlock = this.binBlockMin + sizeSumRow + gap * 2 - this.sizeBlock;\n        this.updateVisBlock();\n      }\n    }\n  }\n\n  // Keyboard interactions\n  handleKeydown(event: KeyboardEvent) {\n    if (this.focusActive) {\n      // Adjust state\n      switch (event.key) {\n        case 'ArrowDown':\n          this.focusedCell = { ...this.focusedCell, row: this.focusedCell.row + 1 };\n          break;\n        case 'ArrowUp':\n          this.focusedCell = { ...this.focusedCell, row: Math.max(0, this.focusedCell.row - 1) };\n          break;\n        case 'ArrowRight':\n          this.focusedCell = { ...this.focusedCell, col: this.focusedCell.col + 1 };\n          break;\n        case 'ArrowLeft':\n          this.focusedCell = { ...this.focusedCell, col: Math.max(0, this.focusedCell.col - 1) };\n          break;\n      }\n      // Handle virtualization & focus consequences\n      switch (event.key) {\n        case 'ArrowDown':\n        case 'ArrowUp':\n        case 'ArrowRight':\n        case 'ArrowLeft':\n          event.preventDefault();\n          this.snapPosToFocusedCell();\n          break;\n      }\n    }\n  }\n\n  //\n  // Render and other lifecycle methods\n  //\n\n  override render() {\n    const visibleCols = this.visColMax - this.visColMin;\n    const visibleRows = this.visRowMax - this.visRowMin;\n    const offsetInline = gap + this.binInlineMin - this.posInline - this.overscanInline;\n    const offsetBlock = gap + this.binBlockMin - this.posBlock - this.overscanBlock;\n\n    return html`<div\n      role=\"none\"\n      class=\"dx-grid\"\n      @pointerdown=${this.handlePointerDown}\n      @pointerup=${this.handlePointerUp}\n      @pointermove=${this.handlePointerMove}\n      @focus=${this.handleFocus}\n      @blur=${this.handleBlur}\n      @keydown=${this.handleKeydown}\n    >\n      <div role=\"none\" class=\"dx-grid__corner\"></div>\n      <div role=\"none\" class=\"dx-grid__columnheader\">\n        <div\n          role=\"none\"\n          class=\"dx-grid__columnheader__content\"\n          style=\"transform:translate3d(${offsetInline}px,0,0);grid-template-columns:${this.templateColumns};\"\n        >\n          ${[...Array(visibleCols)].map((_, c0) => {\n            const c = this.visColMin + c0;\n            return html`<div\n              role=\"columnheader\"\n              ?inert=${c < 0}\n              style=\"block-size:${this.rowDefault.size}px;grid-column:${c0 + 1}/${c0 + 2};\"\n            >\n              <span id=${localChId(c0)}>${colToA1Notation(c)}</span>\n              ${(this.columns[c]?.resizeable ?? this.columnDefault.resizeable) &&\n              html`<button class=\"dx-grid__resize-handle\" data-dx-grid-action=${`resize-col,${c}`}>\n                <span class=\"sr-only\">Resize</span>\n              </button>`}\n            </div>`;\n          })}\n        </div>\n      </div>\n      <div role=\"none\" class=\"dx-grid__corner\"></div>\n      <div role=\"none\" class=\"dx-grid__rowheader\">\n        <div\n          role=\"none\"\n          class=\"dx-grid__rowheader__content\"\n          style=\"transform:translate3d(0,${offsetBlock}px,0);grid-template-rows:${this.templateRows};\"\n        >\n          ${[...Array(visibleRows)].map((_, r0) => {\n            const r = this.visRowMin + r0;\n            return html`<div role=\"rowheader\" ?inert=${r < 0} style=\"grid-row:${r0 + 1}/${r0 + 2}\">\n              <span id=${localRhId(r0)}>${rowToA1Notation(r)}</span>\n              ${(this.rows[r]?.resizeable ?? this.rowDefault.resizeable) &&\n              html`<button class=\"dx-grid__resize-handle\" data-dx-grid-action=${`resize-row,${r}`}>\n                <span class=\"sr-only\">Resize</span>\n              </button>`}\n            </div>`;\n          })}\n        </div>\n      </div>\n      <div role=\"grid\" class=\"dx-grid__viewport\" tabindex=\"0\" @wheel=${this.handleWheel} ${ref(this.viewportRef)}>\n        <div\n          role=\"none\"\n          class=\"dx-grid__content\"\n          style=\"transform:translate3d(${offsetInline}px,${offsetBlock}px,0);grid-template-columns:${this\n            .templateColumns};grid-template-rows:${this.templateRows};\"\n        >\n          ${[...Array(visibleCols)].map((_, c0) => {\n            return [...Array(visibleRows)].map((_, r0) => {\n              const c = c0 + this.visColMin;\n              const r = r0 + this.visRowMin;\n              const cell = this.getCell(c, r);\n              return html`<div\n                role=\"gridcell\"\n                tabindex=\"0\"\n                ?inert=${c < 0 || r < 0}\n                aria-rowindex=${r}\n                aria-colindex=${c}\n                data-dx-grid-action=\"cell\"\n                style=\"grid-column:${c0 + 1};grid-row:${r0 + 1}\"\n              >\n                ${cell?.value}\n              </div>`;\n            });\n          })}\n        </div>\n      </div>\n      <div role=\"none\" class=\"dx-grid__scrollbar\" aria-orientation=\"vertical\">\n        <div role=\"none\" class=\"dx-grid__scrollbar__thumb\"></div>\n      </div>\n      <div role=\"none\" class=\"dx-grid__corner\"></div>\n      <div role=\"none\" class=\"dx-grid__scrollbar\" aria-orientation=\"horizontal\">\n        <div role=\"none\" class=\"dx-grid__scrollbar__thumb\"></div>\n      </div>\n      <div role=\"none\" class=\"dx-grid__corner\"></div>\n    </div>`;\n  }\n\n  override firstUpdated() {\n    this.observer.observe(this.viewportRef.value!);\n    this.colSizes = Object.entries(this.columns).reduce((acc: Record<string, number>, [colId, colMeta]) => {\n      if (colMeta?.size) {\n        acc[colId] = colMeta.size;\n      }\n      return acc;\n    }, {});\n    this.rowSizes = Object.entries(this.rows).reduce((acc: Record<string, number>, [rowId, rowMeta]) => {\n      if (rowMeta?.size) {\n        acc[rowId] = rowMeta.size;\n      }\n      return acc;\n    }, {});\n  }\n\n  override updated(changedProperties: Map<string, any>) {\n    // Update the focused element if there is a change in bounds (otherwise Lit keeps focus on the relative element).\n    if (\n      this.focusActive &&\n      (changedProperties.has('visRowMin') || changedProperties.has('visColMin') || changedProperties.has('focusedCell'))\n    ) {\n      this.refocus();\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    // console.log('[disconnected]', this.viewportRef.value);\n    // TODO(thure): Will this even work?\n    if (this.viewportRef.value) {\n      this.observer.unobserve(this.viewportRef.value);\n    }\n  }\n\n  override createRenderRoot() {\n    return this;\n  }\n}\n", "//\n// Copyright 2024 DXOS.org\n//\n\nexport type DxGridAxis = 'row' | 'col';\n\nexport type DxAxisResizeProps = Pick<DxAxisResize, 'axis' | 'index' | 'size'>;\n\nexport class DxAxisResize extends Event {\n  public readonly axis: DxGridAxis;\n  public readonly index: string;\n  public readonly size: number;\n  constructor(props: DxAxisResizeProps) {\n    super('dx-axis-resize');\n    this.axis = props.axis;\n    this.index = props.index;\n    this.size = props.size;\n  }\n}\n"],
-  "mappings": "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",
-  "names": ["LitElement", "html", "customElement", "state", "property", "eventOptions", "ref", "createRef", "DxAxisResize", "Event", "constructor", "props", "axis", "index", "size", "gap", "resizeTolerance", "overscanCol", "overscanRow", "sizeColMin", "sizeColMax", "sizeRowMin", "sizeRowMax", "separator", "colToA1Notation", "col", "String", "fromCharCode", "charCodeAt", "Math", "floor", "rowToA1Notation", "row", "localChId", "c0", "localRhId", "r0", "getPage", "axis", "event", "pageX", "pageY", "DxGrid", "LitElement", "rowDefault", "size", "columnDefault", "rows", "columns", "cells", "posInline", "posBlock", "sizeInline", "sizeBlock", "overscanInline", "overscanBlock", "binInlineMin", "binInlineMax", "colSize", "binBlockMin", "binBlockMax", "rowSize", "visColMin", "visColMax", "visRowMin", "visRowMax", "templateColumns", "templateRows", "colSizes", "rowSizes", "resizing", "handlePointerDown", "actionEl", "target", "closest", "action", "getAttribute", "startsWith", "resize", "index", "split", "_", "page", "handlePointerUp", "_event", "resizeEvent", "DxAxisResize", "dispatchEvent", "handlePointerMove", "delta", "nextSize", "max", "min", "updateVisInline", "updateVisBlock", "observer", "ResizeObserver", "entries", "inlineSize", "blockSize", "contentBoxSize", "abs", "updateVis", "viewportRef", "createRef", "handleWheel", "deltaX", "deltaY", "focusedCell", "focusActive", "c", "r", "getCell", "colIndex", "pxInline", "Array", "reduce", "acc", "map", "join", "rowIndex", "pxBlock", "handleFocus", "parseInt", "handleBlur", "relatedTarget", "value", "refocus", "querySelector", "focus", "preventScroll", "snapPosToFocusedCell", "sizeSumCol", "sizeSumRow", "handleKeydown", "key", "preventDefault", "render", "visibleCols", "visibleRows", "offsetInline", "offsetBlock", "html", "resizeable", "ref", "cell", "firstUpdated", "observe", "Object", "colId", "colMeta", "rowId", "rowMeta", "updated", "changedProperties", "has", "disconnectedCallback", "unobserve", "createRenderRoot", "property", "type", "state", "eventOptions", "capture", "customElement"]
+  "sources": ["../../../src/dx-grid.ts", "../../../src/util.ts", "../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { LitElement, html, nothing } from 'lit';\nimport { customElement, state, property, eventOptions } from 'lit/decorators.js';\nimport { ref, createRef, type Ref } from 'lit/directives/ref.js';\n\nimport {\n  type AxisMeta,\n  type CellIndex,\n  type CellValue,\n  DxAxisResize,\n  DxEditRequest,\n  type DxGridAxis,\n  DxGridCellsSelect,\n  type DxGridMode,\n  type DxGridPointer,\n  type DxGridPosition,\n  type DxGridPositionNullable,\n} from './types';\nimport { separator, toCellIndex } from './util';\n\n/**\n * The size in pixels of the gap between cells\n */\nconst gap = 1;\n\n/**\n * This should be about the width of the `1` numeral so resize is triggered as the row header column’s intrinsic size\n * changes when scrolling vertically.\n */\nconst resizeTolerance = 8;\n\n//\n// `overscan` is the number of columns or rows to render outside of the viewport\n//\nconst overscanCol = 1;\nconst overscanRow = 1;\n\n//\n// `size`, when suffixed with ‘row’ or ‘col’, are limits on size applied when resizing\n//\nconst sizeColMin = 32;\nconst sizeColMax = 1024;\nconst sizeRowMin = 16;\nconst sizeRowMax = 1024;\n\n//\n// A1 notation is the fallback for numbering columns and rows.\n//\n\nconst colToA1Notation = (col: number): string => {\n  return (\n    (col >= 26 ? String.fromCharCode('A'.charCodeAt(0) + Math.floor(col / 26) - 1) : '') +\n    String.fromCharCode('A'.charCodeAt(0) + (col % 26))\n  );\n};\n\nconst rowToA1Notation = (row: number): string => {\n  return `${row + 1}`;\n};\n\nconst closestAction = (target: EventTarget | null): { action: string | null; actionEl: HTMLElement | null } => {\n  const actionEl: HTMLElement | null = (target as HTMLElement | null)?.closest('[data-dx-grid-action]') ?? null;\n  return { actionEl, action: actionEl?.getAttribute('data-dx-grid-action') ?? null };\n};\n\nconst closestCell = (target: EventTarget | null, actionEl?: HTMLElement | null): DxGridPositionNullable => {\n  let cellElement = actionEl;\n  if (!cellElement) {\n    const { action, actionEl } = closestAction(target);\n    if (action === 'cell') {\n      cellElement = actionEl as HTMLElement;\n    }\n  }\n  if (cellElement) {\n    const col = parseInt(cellElement.getAttribute('aria-colindex') ?? 'never');\n    const row = parseInt(cellElement.getAttribute('aria-rowindex') ?? 'never');\n    return { col, row };\n  } else {\n    return null;\n  }\n};\n\nconst isSameCell = (a: DxGridPositionNullable, b: DxGridPositionNullable) =>\n  a && b && Number.isFinite(a.col) && Number.isFinite(a.row) && a.col === b.col && a.row === b.row;\n\nconst localChId = (c0: number) => `ch--${c0}`;\nconst localRhId = (r0: number) => `rh--${r0}`;\n\nconst getPage = (axis: string, event: PointerEvent) => (axis === 'col' ? event.pageX : event.pageY);\n\n@customElement('dx-grid')\nexport class DxGrid extends LitElement {\n  @property({ type: String })\n  gridId: string = 'default-grid-id';\n\n  @property({ type: Object })\n  rowDefault: AxisMeta = { size: 32 };\n\n  @property({ type: Object })\n  columnDefault: AxisMeta = { size: 180 };\n\n  @property({ type: Object })\n  rows: Record<string, AxisMeta> = {};\n\n  @property({ type: Object })\n  columns: Record<string, AxisMeta> = {};\n\n  @property({ type: Object })\n  cells: Record<CellIndex, CellValue> = {};\n\n  @property({ type: String })\n  mode: DxGridMode = 'browse';\n\n  //\n  // `pos`, short for ‘position’, is the position in pixels of the viewport from the origin.\n  //\n\n  @state()\n  private posInline = 0;\n\n  @state()\n  private posBlock = 0;\n\n  //\n  // `size` (when not suffixed with ‘row’ or ‘col’, see above) is the size in pixels of the viewport.\n  //\n\n  @state()\n  private sizeInline = 0;\n\n  @state()\n  private sizeBlock = 0;\n\n  //\n  // `overscan` is the amount in pixels to offset the grid content due to the number of overscanned columns or rows.\n  //\n\n  @state()\n  private overscanInline = 0;\n\n  @state()\n  private overscanBlock = 0;\n\n  //\n  // `bin`, not short for anything, is the range in pixels within which virtualization does not need to reassess.\n  //\n\n  @state()\n  private binInlineMin = 0;\n\n  @state()\n  private binInlineMax = this.colSize(0);\n\n  @state()\n  private binBlockMin = 0;\n\n  @state()\n  private binBlockMax = this.rowSize(0);\n\n  //\n  // `vis`, short for ‘visible’, is the range in numeric index of the columns or rows which should be rendered within\n  // the viewport. These start with naïve values that are updated before first contentful render.\n  //\n\n  @state()\n  private visColMin = 0;\n\n  @state()\n  private visColMax = 1;\n\n  @state()\n  private visRowMin = 0;\n\n  @state()\n  private visRowMax = 1;\n\n  //\n  // `template` is the rendered value of `grid-{axis}-template`.\n  //\n  @state()\n  private templateColumns = `${this.colSize(0)}px`;\n\n  @state()\n  private templateRows = `${this.rowSize(0)}px`;\n\n  //\n  // Focus, selection, and resize states\n  //\n\n  @state()\n  private pointer: DxGridPointer = null;\n\n  @state()\n  private colSizes: Record<string, number> = {};\n\n  @state()\n  private rowSizes: Record<string, number> = {};\n\n  @state()\n  private focusActive: boolean = false;\n\n  @state()\n  private focusedCell: DxGridPosition = { col: 0, row: 0 };\n\n  @state()\n  private selectionStart: DxGridPosition = { col: 0, row: 0 };\n\n  @state()\n  private selectionEnd: DxGridPosition = { col: 0, row: 0 };\n\n  //\n  // Primary pointer and keyboard handlers\n  //\n\n  private dispatchEditRequest(initialContent?: string) {\n    this.snapPosToFocusedCell();\n    // Without deferring, the event dispatches before `focusedCellBox` can get updated bounds of the cell, hence:\n    queueMicrotask(() =>\n      this.dispatchEvent(\n        new DxEditRequest({\n          cellIndex: toCellIndex(this.focusedCell),\n          cellBox: this.focusedCellBox(),\n          initialContent,\n        }),\n      ),\n    );\n  }\n\n  private handlePointerDown = (event: PointerEvent) => {\n    if (event.isPrimary) {\n      const { action, actionEl } = closestAction(event.target);\n      if (action) {\n        if (action.startsWith('resize') && this.mode === 'browse') {\n          const [resize, index] = action.split(',');\n          const [_, axis] = resize.split('-');\n          this.pointer = {\n            state: 'resizing',\n            axis: axis as DxGridAxis,\n            size: axis === 'col' ? this.colSize(index) : this.rowSize(index),\n            page: getPage(axis, event),\n            index,\n          };\n        } else if (action === 'cell') {\n          const cellCoords = closestCell(event.target, actionEl);\n          if (cellCoords) {\n            this.pointer = { state: 'selecting' };\n            this.selectionStart = cellCoords;\n          }\n          if (this.mode === 'edit') {\n            event.preventDefault();\n          } else {\n            if (this.focusActive && isSameCell(this.focusedCell, cellCoords)) {\n              this.dispatchEditRequest();\n            }\n          }\n        }\n      }\n    }\n  };\n\n  private handlePointerUp = (event: PointerEvent) => {\n    if (this.pointer?.state === 'resizing') {\n      const resizeEvent = new DxAxisResize({\n        axis: this.pointer.axis,\n        index: this.pointer.index,\n        size: this[this.pointer.axis === 'col' ? 'colSize' : 'rowSize'](this.pointer.index),\n      });\n      this.dispatchEvent(resizeEvent);\n    } else {\n      const cell = closestCell(event.target);\n      if (cell) {\n        this.selectionEnd = cell;\n        this.dispatchEvent(\n          new DxGridCellsSelect({\n            start: this.selectionStart,\n            end: this.selectionEnd,\n          }),\n        );\n      }\n    }\n    this.pointer = null;\n  };\n\n  private handlePointerMove = (event: PointerEvent) => {\n    if (this.pointer?.state === 'resizing') {\n      const delta = getPage(this.pointer.axis, event) - this.pointer.page;\n      if (this.pointer.axis === 'col') {\n        const nextSize = Math.max(sizeColMin, Math.min(sizeColMax, this.pointer.size + delta));\n        this.colSizes = { ...this.colSizes, [this.pointer.index]: nextSize };\n        this.updateVisInline();\n      } else {\n        const nextSize = Math.max(sizeRowMin, Math.min(sizeRowMax, this.pointer.size + delta));\n        this.rowSizes = { ...this.rowSizes, [this.pointer.index]: nextSize };\n        this.updateVisBlock();\n      }\n    } else if (this.pointer?.state === 'selecting') {\n      const cell = closestCell(event.target);\n      if (cell && (cell.col !== this.selectionEnd.col || cell.row !== this.selectionEnd.row)) {\n        this.selectionEnd = cell;\n      }\n    }\n  };\n\n  private handleKeydown(event: KeyboardEvent) {\n    if (this.focusActive && this.mode === 'browse') {\n      // Adjust state\n      switch (event.key) {\n        case 'ArrowDown':\n          this.focusedCell = { ...this.focusedCell, row: this.focusedCell.row + 1 };\n          break;\n        case 'ArrowUp':\n          this.focusedCell = { ...this.focusedCell, row: Math.max(0, this.focusedCell.row - 1) };\n          break;\n        case 'ArrowRight':\n          this.focusedCell = { ...this.focusedCell, col: this.focusedCell.col + 1 };\n          break;\n        case 'ArrowLeft':\n          this.focusedCell = { ...this.focusedCell, col: Math.max(0, this.focusedCell.col - 1) };\n          break;\n      }\n      // Emit edit request if relevant\n      switch (event.key) {\n        case 'Enter':\n          this.dispatchEditRequest();\n          break;\n        default:\n          if (event.key.length === 1 && event.key.match(/\\P{Cc}/u)) {\n            this.dispatchEditRequest(event.key);\n          }\n          break;\n      }\n      // Handle virtualization & focus consequences\n      switch (event.key) {\n        case 'ArrowDown':\n        case 'ArrowUp':\n        case 'ArrowRight':\n        case 'ArrowLeft':\n          event.preventDefault();\n          this.snapPosToFocusedCell();\n          break;\n      }\n    }\n  }\n\n  //\n  // Accessors\n  //\n\n  private colSize(c: number | string) {\n    return this.colSizes?.[c] ?? this.columnDefault.size;\n  }\n\n  private rowSize(r: number | string) {\n    return this.rowSizes?.[r] ?? this.rowDefault.size;\n  }\n\n  private cell(c: number | string, r: number | string) {\n    return this.cells[`${c}${separator}${r}`];\n  }\n\n  private focusedCellBox(): DxEditRequest['cellBox'] {\n    const cellElement = this.focusedCellElement();\n    const cellSize = { inlineSize: this.colSize(this.focusedCell.col), blockSize: this.rowSize(this.focusedCell.row) };\n    if (!cellElement) {\n      return { insetInlineStart: NaN, insetBlockStart: NaN, ...cellSize };\n    }\n    const contentElement = cellElement.offsetParent as HTMLElement;\n    // Note that storing `offset` in state causes performance issues, so instead the transform is parsed here.\n    const [_translate3d, inlineStr, blockStr] = contentElement.style.transform.split(/[()]|px,?\\s?/);\n    const contentOffsetInline = parseFloat(inlineStr);\n    const contentOffsetBlock = parseFloat(blockStr);\n    const offsetParent = contentElement.offsetParent as HTMLElement;\n    return {\n      insetInlineStart: cellElement.offsetLeft + contentOffsetInline + offsetParent.offsetLeft,\n      insetBlockStart: cellElement.offsetTop + contentOffsetBlock + offsetParent.offsetTop,\n      ...cellSize,\n    };\n  }\n\n  //\n  // Resize & reposition handlers, observer, ref\n  //\n\n  @state()\n  private observer = new ResizeObserver((entries) => {\n    const { inlineSize, blockSize } = entries?.[0]?.contentBoxSize?.[0] ?? {\n      inlineSize: 0,\n      blockSize: 0,\n    };\n    if (\n      Math.abs(inlineSize - this.sizeInline) > resizeTolerance ||\n      Math.abs(blockSize - this.sizeBlock) > resizeTolerance\n    ) {\n      // console.info('[updating bounds]', 'resize', [inlineSize - this.sizeInline, blockSize - this.sizeBlock]);\n      this.sizeInline = inlineSize;\n      this.sizeBlock = blockSize;\n      this.updateVis();\n    }\n  });\n\n  private viewportRef: Ref<HTMLDivElement> = createRef();\n\n  private handleWheel = ({ deltaX, deltaY }: WheelEvent) => {\n    if (this.mode === 'browse') {\n      this.posInline = Math.max(0, this.posInline + deltaX);\n      this.posBlock = Math.max(0, this.posBlock + deltaY);\n      if (\n        this.posInline >= this.binInlineMin &&\n        this.posInline < this.binInlineMax &&\n        this.posBlock >= this.binBlockMin &&\n        this.posBlock < this.binBlockMax\n      ) {\n        // do nothing\n      } else {\n        // console.info(\n        //   '[updating bounds]',\n        //   'wheel',\n        //   [this.binInlineMin, this.posInline, this.binInlineMax],\n        //   [this.binBlockMin, this.posBlock, this.binBlockMax],\n        // );\n        this.updateVis();\n      }\n    }\n  };\n\n  private updateVisInline() {\n    // todo: avoid starting from zero\n    let colIndex = 0;\n    let pxInline = this.colSize(colIndex);\n\n    while (pxInline < this.posInline) {\n      colIndex += 1;\n      pxInline += this.colSize(colIndex) + gap;\n    }\n\n    this.visColMin = colIndex - overscanCol;\n\n    this.binInlineMin = pxInline - this.colSize(colIndex) - gap;\n    this.binInlineMax = pxInline + gap;\n\n    this.overscanInline =\n      [...Array(overscanCol)].reduce((acc, _, c0) => {\n        acc += this.colSize(this.visColMin + c0);\n        return acc;\n      }, 0) +\n      gap * (overscanCol - 1);\n\n    while (pxInline < this.binInlineMax + this.sizeInline + gap) {\n      colIndex += 1;\n      pxInline += this.colSize(colIndex) + gap;\n    }\n\n    this.visColMax = colIndex + overscanCol;\n\n    this.templateColumns = [...Array(this.visColMax - this.visColMin)]\n      .map((_, c0) => `${this.colSize(this.visColMin + c0)}px`)\n      .join(' ');\n  }\n\n  private updateVisBlock() {\n    // todo: avoid starting from zero\n    let rowIndex = 0;\n    let pxBlock = this.rowSize(rowIndex);\n\n    while (pxBlock < this.posBlock) {\n      rowIndex += 1;\n      pxBlock += this.rowSize(rowIndex) + gap;\n    }\n\n    this.visRowMin = rowIndex - overscanRow;\n\n    this.binBlockMin = pxBlock - this.rowSize(rowIndex) - gap;\n    this.binBlockMax = pxBlock + gap;\n\n    this.overscanBlock =\n      [...Array(overscanRow)].reduce((acc, _, r0) => {\n        acc += this.rowSize(this.visRowMin + r0);\n        return acc;\n      }, 0) +\n      gap * (overscanRow - 1);\n\n    while (pxBlock < this.binBlockMax + this.sizeBlock) {\n      rowIndex += 1;\n      pxBlock += this.rowSize(rowIndex) + gap;\n    }\n\n    this.visRowMax = rowIndex + overscanRow;\n\n    this.templateRows = [...Array(this.visRowMax - this.visRowMin)]\n      .map((_, r0) => `${this.rowSize(this.visRowMin + r0)}px`)\n      .join(' ');\n  }\n\n  private updateVis() {\n    this.updateVisInline();\n    this.updateVisBlock();\n  }\n\n  // Focus handlers\n\n  @eventOptions({ capture: true })\n  private handleFocus(event: FocusEvent) {\n    const cellCoords = closestCell(event.target);\n    if (cellCoords) {\n      this.focusedCell = cellCoords;\n      this.focusActive = true;\n    }\n  }\n\n  @eventOptions({ capture: true })\n  private handleBlur(event: FocusEvent) {\n    // Only unset `focusActive` if focus is not moving to an element within the grid.\n    if (!event.relatedTarget || !(event.relatedTarget as HTMLElement).closest(`[data-grid=\"${this.gridId}\"]`)) {\n      this.focusActive = false;\n    }\n  }\n\n  private focusedCellElement() {\n    return this.viewportRef.value?.querySelector(\n      `[aria-colindex=\"${this.focusedCell.col}\"][aria-rowindex=\"${this.focusedCell.row}\"]`,\n    ) as HTMLElement | null;\n  }\n\n  /**\n   * Moves focus to the cell with actual focus, otherwise moves focus to the viewport.\n   */\n  refocus(increment?: 'col' | 'row', delta: 1 | -1 = 1) {\n    switch (increment) {\n      case 'row':\n        this.focusedCell = { ...this.focusedCell, row: this.focusedCell.row + delta };\n        break;\n      case 'col':\n        this.focusedCell = { ...this.focusedCell, col: this.focusedCell.col + delta };\n    }\n    (this.focusedCell.row < this.visRowMin ||\n    this.focusedCell.row > this.visRowMax ||\n    this.focusedCell.col < this.visColMin ||\n    this.focusedCell.col > this.visColMax\n      ? this.viewportRef.value\n      : this.focusedCellElement()\n    )?.focus({ preventScroll: true });\n    if (increment) {\n      this.snapPosToFocusedCell();\n    }\n  }\n\n  /**\n   * Updates `pos` so that a cell in focus is fully within the viewport\n   */\n  snapPosToFocusedCell() {\n    if (\n      this.focusedCell.col < this.visColMin ||\n      this.focusedCell.col > this.visColMax ||\n      this.focusedCell.row < this.visRowMin ||\n      this.focusedCell.row > this.visRowMax\n    ) {\n      // console.warn('Snapping position to a focused cell that is not already mounted is unsupported.');\n    } else if (\n      this.focusedCell.col > this.visColMin + overscanCol &&\n      this.focusedCell.col < this.visColMax - overscanCol - 1 &&\n      this.focusedCell.row > this.visRowMin + overscanRow &&\n      this.focusedCell.row < this.visRowMax - overscanRow - 1\n    ) {\n      // console.log(\n      //   '[within bounds]',\n      //   this.focusedCell,\n      //   [this.visColMin, this.visColMax, overscanCol],\n      //   [this.visRowMin, this.visRowMax, overscanRow],\n      // );\n    } else {\n      if (this.focusedCell.col <= this.visColMin + overscanCol) {\n        this.posInline = this.binInlineMin;\n        this.updateVisInline();\n      } else if (this.focusedCell.col >= this.visColMax - overscanCol - 1) {\n        const sizeSumCol = [...Array(this.focusedCell.col - this.visColMin)].reduce((acc, _, c0) => {\n          acc += this.colSize(this.visColMin + overscanCol + c0) + gap;\n          return acc;\n        }, 0);\n        this.posInline = Math.max(0, this.binInlineMin + sizeSumCol + gap * 2 - this.sizeInline);\n        this.updateVisInline();\n      }\n\n      if (this.focusedCell.row <= this.visRowMin + overscanRow) {\n        this.posBlock = this.binBlockMin;\n        this.updateVisBlock();\n      } else if (this.focusedCell.row >= this.visRowMax - overscanRow - 1) {\n        const sizeSumRow = [...Array(this.focusedCell.row - this.visRowMin)].reduce((acc, _, r0) => {\n          acc += this.rowSize(this.visRowMin + overscanRow + r0) + gap;\n          return acc;\n        }, 0);\n        this.posBlock = Math.max(0, this.binBlockMin + sizeSumRow + gap * 2 - this.sizeBlock);\n        this.updateVisBlock();\n      }\n    }\n  }\n\n  //\n  // Render and other lifecycle methods\n  //\n\n  override render() {\n    const visibleCols = this.visColMax - this.visColMin;\n    const visibleRows = this.visRowMax - this.visRowMin;\n    const offsetInline = this.binInlineMin - this.posInline - this.overscanInline;\n    const offsetBlock = this.binBlockMin - this.posBlock - this.overscanBlock;\n\n    const selectColMin = Math.min(this.selectionStart.col, this.selectionEnd.col);\n    const selectColMax = Math.max(this.selectionStart.col, this.selectionEnd.col);\n    const selectRowMin = Math.min(this.selectionStart.row, this.selectionEnd.row);\n    const selectRowMax = Math.max(this.selectionStart.row, this.selectionEnd.row);\n    const selectVisible = selectColMin !== selectColMax || selectRowMin !== selectRowMax;\n\n    return html`<div\n      role=\"none\"\n      class=\"dx-grid\"\n      data-grid=${this.gridId}\n      data-grid-mode=${this.mode}\n      ?data-grid-select=${selectVisible}\n      @pointerdown=${this.handlePointerDown}\n      @pointerup=${this.handlePointerUp}\n      @pointermove=${this.handlePointerMove}\n      @pointerleave=${this.handlePointerUp}\n      @focus=${this.handleFocus}\n      @blur=${this.handleBlur}\n      @keydown=${this.handleKeydown}\n    >\n      <div role=\"none\" class=\"dx-grid__corner\"></div>\n      <div role=\"none\" class=\"dx-grid__columnheader\">\n        <div\n          role=\"none\"\n          class=\"dx-grid__columnheader__content\"\n          style=\"transform:translate3d(${offsetInline}px,0,0);grid-template-columns:${this.templateColumns};\"\n        >\n          ${[...Array(visibleCols)].map((_, c0) => {\n            const c = this.visColMin + c0;\n            return html`<div\n              role=\"columnheader\"\n              ?inert=${c < 0}\n              style=\"block-size:${this.rowDefault.size}px;grid-column:${c0 + 1}/${c0 + 2};\"\n            >\n              <span id=${localChId(c0)}>${colToA1Notation(c)}</span>\n              ${(this.columns[c]?.resizeable ?? this.columnDefault.resizeable) &&\n              html`<button class=\"dx-grid__resize-handle\" data-dx-grid-action=${`resize-col,${c}`}>\n                <span class=\"sr-only\">Resize</span>\n              </button>`}\n            </div>`;\n          })}\n        </div>\n      </div>\n      <div role=\"none\" class=\"dx-grid__corner\"></div>\n      <div role=\"none\" class=\"dx-grid__rowheader\">\n        <div\n          role=\"none\"\n          class=\"dx-grid__rowheader__content\"\n          style=\"transform:translate3d(0,${offsetBlock}px,0);grid-template-rows:${this.templateRows};\"\n        >\n          ${[...Array(visibleRows)].map((_, r0) => {\n            const r = this.visRowMin + r0;\n            return html`<div role=\"rowheader\" ?inert=${r < 0} style=\"grid-row:${r0 + 1}/${r0 + 2}\">\n              <span id=${localRhId(r0)}>${rowToA1Notation(r)}</span>\n              ${(this.rows[r]?.resizeable ?? this.rowDefault.resizeable) &&\n              html`<button class=\"dx-grid__resize-handle\" data-dx-grid-action=${`resize-row,${r}`}>\n                <span class=\"sr-only\">Resize</span>\n              </button>`}\n            </div>`;\n          })}\n        </div>\n      </div>\n      <div role=\"grid\" class=\"dx-grid__viewport\" tabindex=\"0\" @wheel=${this.handleWheel} ${ref(this.viewportRef)}>\n        <div\n          role=\"none\"\n          class=\"dx-grid__content\"\n          style=\"transform:translate3d(${offsetInline}px,${offsetBlock}px,0);grid-template-columns:${this\n            .templateColumns};grid-template-rows:${this.templateRows};\"\n        >\n          ${[...Array(visibleCols)].map((_, c0) => {\n            return [...Array(visibleRows)].map((_, r0) => {\n              const c = c0 + this.visColMin;\n              const r = r0 + this.visRowMin;\n              const cell = this.cell(c, r);\n              const active = this.focusActive && this.focusedCell.col === c && this.focusedCell.row === r;\n              const selected = c >= selectColMin && c <= selectColMax && r >= selectRowMin && r <= selectRowMax;\n              return html`<div\n                role=\"gridcell\"\n                tabindex=\"0\"\n                ?inert=${c < 0 || r < 0}\n                ?aria-selected=${selected}\n                class=${cell || active\n                  ? (cell?.className ? cell.className + ' ' : '') + (active ? 'dx-grid__cell--active' : '')\n                  : nothing}\n                aria-rowindex=${r}\n                aria-colindex=${c}\n                data-dx-grid-action=\"cell\"\n                style=\"grid-column:${c0 + 1};grid-row:${r0 + 1}\"\n              >\n                ${cell?.value}\n              </div>`;\n            });\n          })}\n        </div>\n      </div>\n      <div role=\"none\" class=\"dx-grid__scrollbar\" aria-orientation=\"vertical\">\n        <div role=\"none\" class=\"dx-grid__scrollbar__thumb\"></div>\n      </div>\n      <div role=\"none\" class=\"dx-grid__corner\"></div>\n      <div role=\"none\" class=\"dx-grid__scrollbar\" aria-orientation=\"horizontal\">\n        <div role=\"none\" class=\"dx-grid__scrollbar__thumb\"></div>\n      </div>\n      <div role=\"none\" class=\"dx-grid__corner\"></div>\n    </div>`;\n  }\n\n  override firstUpdated() {\n    this.observer.observe(this.viewportRef.value!);\n    this.colSizes = Object.entries(this.columns).reduce((acc: Record<string, number>, [colId, colMeta]) => {\n      if (colMeta?.size) {\n        acc[colId] = colMeta.size;\n      }\n      return acc;\n    }, {});\n    this.rowSizes = Object.entries(this.rows).reduce((acc: Record<string, number>, [rowId, rowMeta]) => {\n      if (rowMeta?.size) {\n        acc[rowId] = rowMeta.size;\n      }\n      return acc;\n    }, {});\n  }\n\n  override updated(changedProperties: Map<string, any>) {\n    // Update the focused element if there is a change in bounds (otherwise Lit keeps focus on the relative element).\n    if (\n      this.focusActive &&\n      (changedProperties.has('visRowMin') || changedProperties.has('visColMin') || changedProperties.has('focusedCell'))\n    ) {\n      this.refocus();\n    }\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    // console.log('[disconnected]', this.viewportRef.value);\n    // TODO(thure): Will this even work?\n    if (this.viewportRef.value) {\n      this.observer.unobserve(this.viewportRef.value);\n    }\n  }\n\n  override createRenderRoot() {\n    return this;\n  }\n}\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type CellIndex, type DxGridPosition } from './types';\n\n/**\n * Separator for serializing cell position vectors\n */\nexport const separator = ',';\n\nexport const toCellIndex = (cellCoords: DxGridPosition): CellIndex => `${cellCoords.col}${separator}${cellCoords.row}`;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type DxGrid } from './dx-grid';\nimport { toCellIndex } from './util';\n\nexport type CellIndex = `${string},${string}`;\n\nexport type DxGridAxis = 'row' | 'col';\n\nexport type DxGridPosition = Record<DxGridAxis, number>;\nexport type DxGridPositionNullable = DxGridPosition | null;\n\nexport type DxGridPointer = null | ({ state: 'resizing'; page: number } & DxAxisResizeProps) | { state: 'selecting' };\n\nexport type DxAxisResizeProps = Pick<DxAxisResize, 'axis' | 'index' | 'size'>;\n\nexport type DxGridMode = 'browse' | 'edit';\n\nexport type CellValue = {\n  /**\n   * The content value\n   */\n  value: string;\n  /**\n   * If this is a merged cell, the bottomright-most of the range in numeric notation, otherwise undefined.\n   */\n  end?: string;\n  /**\n   * `class` attribute value to apply to the gridcell element\n   */\n  className?: string;\n};\n\nexport type AxisMeta = {\n  size: number;\n  description?: string;\n  resizeable?: boolean;\n};\n\nexport type DxGridProps = Partial<Pick<DxGrid, 'cells' | 'rows' | 'columns' | 'rowDefault' | 'columnDefault'>>;\n\nexport class DxAxisResize extends Event {\n  public readonly axis: DxGridAxis;\n  public readonly index: string;\n  public readonly size: number;\n  constructor(props: DxAxisResizeProps) {\n    super('dx-axis-resize');\n    this.axis = props.axis;\n    this.index = props.index;\n    this.size = props.size;\n  }\n}\n\nexport type DxEditRequestProps = Pick<DxEditRequest, 'cellIndex' | 'cellBox' | 'initialContent'>;\n\nexport class DxEditRequest extends Event {\n  public readonly cellIndex: CellIndex;\n  public readonly cellBox: Record<'insetInlineStart' | 'insetBlockStart' | 'inlineSize' | 'blockSize', number>;\n  public readonly initialContent?: string;\n  constructor(props: DxEditRequestProps) {\n    super('dx-edit-request');\n    this.cellIndex = props.cellIndex;\n    this.cellBox = props.cellBox;\n    this.initialContent = props.initialContent;\n  }\n}\n\nexport type DxSelectProps = { start: DxGridPosition; end: DxGridPosition };\n\nexport class DxGridCellsSelect extends Event {\n  public readonly start: string;\n  public readonly end: string;\n  public readonly minCol: number;\n  public readonly maxCol: number;\n  public readonly minRow: number;\n  public readonly maxRow: number;\n  constructor({ start, end }: DxSelectProps) {\n    super('dx-grid-cells-select');\n    this.start = toCellIndex(start);\n    this.end = toCellIndex(end);\n    this.minCol = Math.min(start.col, end.col);\n    this.maxCol = Math.max(start.col, end.col);\n    this.minRow = Math.min(start.row, end.row);\n    this.maxRow = Math.max(start.row, end.row);\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["LitElement", "html", "nothing", "customElement", "state", "property", "eventOptions", "ref", "createRef", "separator", "toCellIndex", "cellCoords", "col", "row", "DxAxisResize", "Event", "constructor", "props", "axis", "index", "size", "DxEditRequest", "cellIndex", "cellBox", "initialContent", "DxGridCellsSelect", "start", "end", "toCellIndex", "minCol", "Math", "min", "col", "maxCol", "max", "minRow", "row", "maxRow", "gap", "resizeTolerance", "overscanCol", "overscanRow", "sizeColMin", "sizeColMax", "sizeRowMin", "sizeRowMax", "colToA1Notation", "col", "String", "fromCharCode", "charCodeAt", "Math", "floor", "rowToA1Notation", "row", "closestAction", "target", "actionEl", "closest", "action", "getAttribute", "closestCell", "cellElement", "parseInt", "isSameCell", "a", "b", "Number", "isFinite", "localChId", "c0", "localRhId", "r0", "getPage", "axis", "event", "pageX", "pageY", "DxGrid", "LitElement", "gridId", "rowDefault", "size", "columnDefault", "rows", "columns", "cells", "mode", "posInline", "posBlock", "sizeInline", "sizeBlock", "overscanInline", "overscanBlock", "binInlineMin", "binInlineMax", "colSize", "binBlockMin", "binBlockMax", "rowSize", "visColMin", "visColMax", "visRowMin", "visRowMax", "templateColumns", "templateRows", "pointer", "colSizes", "rowSizes", "focusActive", "focusedCell", "selectionStart", "selectionEnd", "handlePointerDown", "isPrimary", "startsWith", "resize", "index", "split", "_", "state", "page", "cellCoords", "preventDefault", "dispatchEditRequest", "handlePointerUp", "resizeEvent", "DxAxisResize", "dispatchEvent", "cell", "DxGridCellsSelect", "start", "end", "handlePointerMove", "delta", "nextSize", "max", "min", "updateVisInline", "updateVisBlock", "observer", "ResizeObserver", "entries", "inlineSize", "blockSize", "contentBoxSize", "abs", "updateVis", "viewportRef", "createRef", "handleWheel", "deltaX", "deltaY", "initialContent", "snapPosToFocusedCell", "queueMicrotask", "DxEditRequest", "cellIndex", "toCellIndex", "cellBox", "focusedCellBox", "handleKeydown", "key", "length", "match", "c", "r", "separator", "focusedCellElement", "cellSize", "insetInlineStart", "NaN", "insetBlockStart", "contentElement", "offsetParent", "_translate3d", "inlineStr", "blockStr", "style", "transform", "contentOffsetInline", "parseFloat", "contentOffsetBlock", "offsetLeft", "offsetTop", "colIndex", "pxInline", "Array", "reduce", "acc", "map", "join", "rowIndex", "pxBlock", "handleFocus", "handleBlur", "relatedTarget", "value", "querySelector", "refocus", "increment", "focus", "preventScroll", "sizeSumCol", "sizeSumRow", "render", "visibleCols", "visibleRows", "offsetInline", "offsetBlock", "selectColMin", "selectColMax", "selectRowMin", "selectRowMax", "selectVisible", "html", "resizeable", "ref", "active", "selected", "className", "nothing", "firstUpdated", "observe", "Object", "colId", "colMeta", "rowId", "rowMeta", "updated", "changedProperties", "has", "disconnectedCallback", "unobserve", "createRenderRoot", "property", "type", "eventOptions", "capture", "customElement"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/lit-grid/src/types.ts":{"bytes":1636,"imports":[],"format":"esm"},"packages/ui/lit-grid/src/dx-grid.ts":{"bytes":69997,"imports":[{"path":"lit","kind":"import-statement","external":true},{"path":"lit/decorators.js","kind":"import-statement","external":true},{"path":"lit/directives/ref.js","kind":"import-statement","external":true},{"path":"packages/ui/lit-grid/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/ui/lit-grid/src/index.ts":{"bytes":572,"imports":[{"path":"packages/ui/lit-grid/src/dx-grid.ts","kind":"import-statement","original":"./dx-grid"},{"path":"packages/ui/lit-grid/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"}},"outputs":{"packages/ui/lit-grid/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":33648},"packages/ui/lit-grid/dist/lib/browser/index.mjs":{"imports":[{"path":"lit","kind":"import-statement","external":true},{"path":"lit/decorators.js","kind":"import-statement","external":true},{"path":"lit/directives/ref.js","kind":"import-statement","external":true}],"exports":["DxAxisResize","DxGrid"],"entryPoint":"packages/ui/lit-grid/src/index.ts","inputs":{"packages/ui/lit-grid/src/dx-grid.ts":{"bytesInOutput":18568},"packages/ui/lit-grid/src/types.ts":{"bytesInOutput":186},"packages/ui/lit-grid/src/index.ts":{"bytesInOutput":0}},"bytes":18943}}}
+{"inputs":{"packages/ui/lit-grid/src/util.ts":{"bytes":1219,"imports":[],"format":"esm"},"packages/ui/lit-grid/src/types.ts":{"bytes":6696,"imports":[{"path":"packages/ui/lit-grid/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/lit-grid/src/dx-grid.ts":{"bytes":90202,"imports":[{"path":"lit","kind":"import-statement","external":true},{"path":"lit/decorators.js","kind":"import-statement","external":true},{"path":"lit/directives/ref.js","kind":"import-statement","external":true},{"path":"packages/ui/lit-grid/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/lit-grid/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/lit-grid/src/index.ts":{"bytes":572,"imports":[{"path":"packages/ui/lit-grid/src/dx-grid.ts","kind":"import-statement","original":"./dx-grid"},{"path":"packages/ui/lit-grid/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"}},"outputs":{"packages/ui/lit-grid/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":46689},"packages/ui/lit-grid/dist/lib/browser/index.mjs":{"imports":[{"path":"lit","kind":"import-statement","external":true},{"path":"lit/decorators.js","kind":"import-statement","external":true},{"path":"lit/directives/ref.js","kind":"import-statement","external":true}],"exports":["DxAxisResize","DxEditRequest","DxGrid","DxGridCellsSelect"],"entryPoint":"packages/ui/lit-grid/src/index.ts","inputs":{"packages/ui/lit-grid/src/dx-grid.ts":{"bytesInOutput":23733},"packages/ui/lit-grid/src/util.ts":{"bytesInOutput":105},"packages/ui/lit-grid/src/types.ts":{"bytesInOutput":790},"packages/ui/lit-grid/src/index.ts":{"bytesInOutput":0}},"bytes":24892}}}

package/dist/types/src/dx-grid.d.ts

@@ -1,83 +1,66 @@
 import { LitElement } from 'lit';
-import { type Ref } from 'lit/directives/ref.js';
-import { type DxAxisResizeProps, type DxGridAxis } from './types';
-export type CellValue = {
-    /**
-     * The content value
-     */
-    value: string;
-    /**
-     * If this is a merged cell, the bottomright-most of the range in numeric notation, otherwise undefined.
-     */
-    end?: string;
-    /**
-     * CSS inline styles to apply to the gridcell element
-     */
-    style?: string;
-};
-type AxisMeta = {
-    size: number;
-    description?: string;
-    resizeable?: boolean;
-};
-export type DxGridProps = Partial<Pick<DxGrid, 'cells' | 'rows' | 'columns' | 'rowDefault' | 'columnDefault'>>;
+import { type AxisMeta, type CellIndex, type CellValue, type DxGridMode } from './types';
 export declare class DxGrid extends LitElement {
+    gridId: string;
     rowDefault: AxisMeta;
     columnDefault: AxisMeta;
     rows: Record<string, AxisMeta>;
     columns: Record<string, AxisMeta>;
-    cells: Record<string, CellValue>;
-    posInline: number;
-    posBlock: number;
-    sizeInline: number;
-    sizeBlock: number;
-    overscanInline: number;
-    overscanBlock: number;
-    binInlineMin: number;
-    binInlineMax: number;
-    binBlockMin: number;
-    binBlockMax: number;
-    visColMin: number;
-    visColMax: number;
-    visRowMin: number;
-    visRowMax: number;
-    templateColumns: string;
-    templateRows: string;
-    colSizes: Record<string, number>;
-    rowSizes: Record<string, number>;
-    resizing: null | (DxAxisResizeProps & {
-        page: number;
-    });
-    handlePointerDown: (event: PointerEvent) => void;
-    handlePointerUp: (_event: PointerEvent) => void;
-    handlePointerMove: (event: PointerEvent) => void;
+    cells: Record<CellIndex, CellValue>;
+    mode: DxGridMode;
+    private posInline;
+    private posBlock;
+    private sizeInline;
+    private sizeBlock;
+    private overscanInline;
+    private overscanBlock;
+    private binInlineMin;
+    private binInlineMax;
+    private binBlockMin;
+    private binBlockMax;
+    private visColMin;
+    private visColMax;
+    private visRowMin;
+    private visRowMax;
+    private templateColumns;
+    private templateRows;
+    private pointer;
+    private colSizes;
+    private rowSizes;
+    private focusActive;
+    private focusedCell;
+    private selectionStart;
+    private selectionEnd;
+    private dispatchEditRequest;
+    private handlePointerDown;
+    private handlePointerUp;
+    private handlePointerMove;
+    private handleKeydown;
     private colSize;
     private rowSize;
-    private getCell;
-    observer: ResizeObserver;
-    viewportRef: Ref<HTMLDivElement>;
-    handleWheel: ({ deltaX, deltaY }: WheelEvent) => void;
+    private cell;
+    private focusedCellBox;
+    private observer;
+    private viewportRef;
+    private handleWheel;
     private updateVisInline;
     private updateVisBlock;
     private updateVis;
-    focusedCell: Record<DxGridAxis, number>;
-    focusActive: boolean;
-    handleFocus(event: FocusEvent): void;
-    handleBlur(event: FocusEvent): void;
+    private handleFocus;
+    private handleBlur;
+    private focusedCellElement;
     /**
      * Moves focus to the cell with actual focus, otherwise moves focus to the viewport.
      */
-    refocus(): void;
+    refocus(increment?: 'col' | 'row', delta?: 1 | -1): void;
     /**
      * Updates `pos` so that a cell in focus is fully within the viewport
      */
     snapPosToFocusedCell(): void;
-    handleKeydown(event: KeyboardEvent): void;
     render(): import("lit").TemplateResult<1>;
     firstUpdated(): void;
     updated(changedProperties: Map<string, any>): void;
     disconnectedCallback(): void;
     createRenderRoot(): this;
 }
-export {};
 //# sourceMappingURL=dx-grid.d.ts.map

package/dist/types/src/dx-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dx-grid.d.ts","sourceRoot":"","sources":["../../../src/dx-grid.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAkB,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAgB,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AA+ChF,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,QAAQ,GAAG;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC;AAO/G,qBACa,MAAO,SAAQ,UAAU;IAEpC,UAAU,EAAE,QAAQ,CAAgB;IAGpC,aAAa,EAAE,QAAQ,CAAiB;IAGxC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;IAGpC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;IAGvC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAM;IAOtC,SAAS,SAAK;IAGd,QAAQ,SAAK;IAOb,UAAU,SAAK;IAGf,SAAS,SAAK;IAOd,cAAc,SAAK;IAGnB,aAAa,SAAK;IAOlB,YAAY,SAAK;IAGjB,YAAY,SAAmB;IAG/B,WAAW,SAAK;IAGhB,WAAW,SAAmB;IAQ9B,SAAS,SAAK;IAGd,SAAS,SAAK;IAGd,SAAS,SAAK;IAGd,SAAS,SAAK;IAMd,eAAe,SAA0B;IAGzC,YAAY,SAA0B;IAOtC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAGtC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAGtC,QAAQ,EAAE,IAAI,GAAG,CAAC,iBAAiB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAQ;IAE/D,iBAAiB,UAAW,YAAY,UAetC;IAEF,eAAe,WAAY,YAAY,UAUrC;IAEF,iBAAiB,UAAW,YAAY,UAatC;IAMF,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,OAAO;IASf,QAAQ,iBAcL;IAEH,WAAW,EAAE,GAAG,CAAC,cAAc,CAAC,CAAe;IAE/C,WAAW,uBAAwB,UAAU,UAmB3C;IAEF,OAAO,CAAC,eAAe;IAkCvB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,SAAS;IAQjB,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAsB;IAG7D,WAAW,EAAE,OAAO,CAAS;IAG7B,WAAW,CAAC,KAAK,EAAE,UAAU;IAY7B,UAAU,CAAC,KAAK,EAAE,UAAU;IAU5B;;OAEG;IACH,OAAO;IAYP;;OAEG;IACH,oBAAoB;IAgDpB,aAAa,CAAC,KAAK,EAAE,aAAa;IAkCzB,MAAM;IAgGN,YAAY;IAgBZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAU3C,oBAAoB;IASpB,gBAAgB;CAG1B"}
+{"version":3,"file":"dx-grid.d.ts","sourceRoot":"","sources":["../../../src/dx-grid.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAIhD,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,SAAS,EAKd,KAAK,UAAU,EAIhB,MAAM,SAAS,CAAC;AAyEjB,qBACa,MAAO,SAAQ,UAAU;IAEpC,MAAM,EAAE,MAAM,CAAqB;IAGnC,UAAU,EAAE,QAAQ,CAAgB;IAGpC,aAAa,EAAE,QAAQ,CAAiB;IAGxC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;IAGpC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAM;IAGvC,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAM;IAGzC,IAAI,EAAE,UAAU,CAAY;IAO5B,OAAO,CAAC,SAAS,CAAK;IAGtB,OAAO,CAAC,QAAQ,CAAK;IAOrB,OAAO,CAAC,UAAU,CAAK;IAGvB,OAAO,CAAC,SAAS,CAAK;IAOtB,OAAO,CAAC,cAAc,CAAK;IAG3B,OAAO,CAAC,aAAa,CAAK;IAO1B,OAAO,CAAC,YAAY,CAAK;IAGzB,OAAO,CAAC,YAAY,CAAmB;IAGvC,OAAO,CAAC,WAAW,CAAK;IAGxB,OAAO,CAAC,WAAW,CAAmB;IAQtC,OAAO,CAAC,SAAS,CAAK;IAGtB,OAAO,CAAC,SAAS,CAAK;IAGtB,OAAO,CAAC,SAAS,CAAK;IAGtB,OAAO,CAAC,SAAS,CAAK;IAMtB,OAAO,CAAC,eAAe,CAA0B;IAGjD,OAAO,CAAC,YAAY,CAA0B;IAO9C,OAAO,CAAC,OAAO,CAAuB;IAGtC,OAAO,CAAC,QAAQ,CAA8B;IAG9C,OAAO,CAAC,QAAQ,CAA8B;IAG9C,OAAO,CAAC,WAAW,CAAkB;IAGrC,OAAO,CAAC,WAAW,CAAsC;IAGzD,OAAO,CAAC,cAAc,CAAsC;IAG5D,OAAO,CAAC,YAAY,CAAsC;IAM1D,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,iBAAiB,CA8BvB;IAEF,OAAO,CAAC,eAAe,CAqBrB;IAEF,OAAO,CAAC,iBAAiB,CAkBvB;IAEF,OAAO,CAAC,aAAa;IA6CrB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,QAAQ,CAcb;IAEH,OAAO,CAAC,WAAW,CAAoC;IAEvD,OAAO,CAAC,WAAW,CAqBjB;IAEF,OAAO,CAAC,eAAe;IAkCvB,OAAO,CAAC,cAAc;IAkCtB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,kBAAkB;IAM1B;;OAEG;IACH,OAAO,CAAC,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,KAAK,GAAE,CAAC,GAAG,CAAC,CAAK;IAoBpD;;OAEG;IACH,oBAAoB;IAmDX,MAAM;IAgHN,YAAY;IAgBZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAU3C,oBAAoB;IASpB,gBAAgB;CAG1B"}

package/dist/types/src/dx-grid.lit-stories.d.ts

@@ -1,8 +1,11 @@
 import './dx-grid.ts';
 import './dx-grid.pcss';
-import { type DxGridProps } from './dx-grid';
+import { type DxGridProps } from './types';
 declare const _default: {
     title: string;
+    parameters: {
+        layout: string;
+    };
 };
 export default _default;
 export declare const Basic: {

package/dist/types/src/dx-grid.lit-stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dx-grid.lit-stories.d.ts","sourceRoot":"","sources":["../../../src/dx-grid.lit-stories.ts"],"names":[],"mappings":"AAIA,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AAIxB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;;;;AAE7C,wBAEE;AAEF,eAAO,MAAM,KAAK;YAAW,WAAW;;;;;;;CAOvC,CAAC"}
+{"version":3,"file":"dx-grid.lit-stories.d.ts","sourceRoot":"","sources":["../../../src/dx-grid.lit-stories.ts"],"names":[],"mappings":"AAIA,OAAO,cAAc,CAAC;AACtB,OAAO,gBAAgB,CAAC;AAIxB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;;;;;;;AAE3C,wBAGE;AAEF,eAAO,MAAM,KAAK;YAAW,WAAW;;;;;;;CASvC,CAAC"}

package/dist/types/src/types.d.ts

@@ -1,9 +1,60 @@
+import { type DxGrid } from './dx-grid';
+export type CellIndex = `${string},${string}`;
 export type DxGridAxis = 'row' | 'col';
+export type DxGridPosition = Record<DxGridAxis, number>;
+export type DxGridPositionNullable = DxGridPosition | null;
+export type DxGridPointer = null | ({
+    state: 'resizing';
+    page: number;
+} & DxAxisResizeProps) | {
+    state: 'selecting';
+};
 export type DxAxisResizeProps = Pick<DxAxisResize, 'axis' | 'index' | 'size'>;
+export type DxGridMode = 'browse' | 'edit';
+export type CellValue = {
+    /**
+     * The content value
+     */
+    value: string;
+    /**
+     * If this is a merged cell, the bottomright-most of the range in numeric notation, otherwise undefined.
+     */
+    end?: string;
+    /**
+     * `class` attribute value to apply to the gridcell element
+     */
+    className?: string;
+};
+export type AxisMeta = {
+    size: number;
+    description?: string;
+    resizeable?: boolean;
+};
+export type DxGridProps = Partial<Pick<DxGrid, 'cells' | 'rows' | 'columns' | 'rowDefault' | 'columnDefault'>>;
 export declare class DxAxisResize extends Event {
     readonly axis: DxGridAxis;
     readonly index: string;
     readonly size: number;
     constructor(props: DxAxisResizeProps);
 }
+export type DxEditRequestProps = Pick<DxEditRequest, 'cellIndex' | 'cellBox' | 'initialContent'>;
+export declare class DxEditRequest extends Event {
+    readonly cellIndex: CellIndex;
+    readonly cellBox: Record<'insetInlineStart' | 'insetBlockStart' | 'inlineSize' | 'blockSize', number>;
+    readonly initialContent?: string;
+    constructor(props: DxEditRequestProps);
+}
+export type DxSelectProps = {
+    start: DxGridPosition;
+    end: DxGridPosition;
+};
+export declare class DxGridCellsSelect extends Event {
+    readonly start: string;
+    readonly end: string;
+    readonly minCol: number;
+    readonly maxCol: number;
+    readonly minRow: number;
+    readonly maxRow: number;
+    constructor({ start, end }: DxSelectProps);
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/types/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAE9E,qBAAa,YAAa,SAAQ,KAAK;IACrC,SAAgB,IAAI,EAAE,UAAU,CAAC;IACjC,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,IAAI,EAAE,MAAM,CAAC;gBACjB,KAAK,EAAE,iBAAiB;CAMrC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AAGxC,MAAM,MAAM,SAAS,GAAG,GAAG,MAAM,IAAI,MAAM,EAAE,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AACxD,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,IAAI,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,CAAC,GAAG;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,CAAC;AAEtH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAE9E,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC;AAE/G,qBAAa,YAAa,SAAQ,KAAK;IACrC,SAAgB,IAAI,EAAE,UAAU,CAAC;IACjC,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,IAAI,EAAE,MAAM,CAAC;gBACjB,KAAK,EAAE,iBAAiB;CAMrC;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,SAAS,GAAG,gBAAgB,CAAC,CAAC;AAEjG,qBAAa,aAAc,SAAQ,KAAK;IACtC,SAAgB,SAAS,EAAE,SAAS,CAAC;IACrC,SAAgB,OAAO,EAAE,MAAM,CAAC,kBAAkB,GAAG,iBAAiB,GAAG,YAAY,GAAG,WAAW,EAAE,MAAM,CAAC,CAAC;IAC7G,SAAgB,cAAc,CAAC,EAAE,MAAM,CAAC;gBAC5B,KAAK,EAAE,kBAAkB;CAMtC;AAED,MAAM,MAAM,aAAa,GAAG;IAAE,KAAK,EAAE,cAAc,CAAC;IAAC,GAAG,EAAE,cAAc,CAAA;CAAE,CAAC;AAE3E,qBAAa,iBAAkB,SAAQ,KAAK;IAC1C,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,GAAG,EAAE,MAAM,CAAC;IAC5B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,SAAgB,MAAM,EAAE,MAAM,CAAC;gBACnB,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,aAAa;CAS1C"}

package/dist/types/src/util.d.ts

@@ -0,0 +1,7 @@
+import { type CellIndex, type DxGridPosition } from './types';
+/**
+ * Separator for serializing cell position vectors
+ */
+export declare const separator = ",";
+export declare const toCellIndex: (cellCoords: DxGridPosition) => CellIndex;
+//# sourceMappingURL=util.d.ts.map

package/dist/types/src/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,WAAW,eAAgB,cAAc,KAAG,SAA6D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/lit-grid",
-  "version": "0.6.11",
+  "version": "0.6.12-main.15a606f",
   "description": "A grid Web Component using Lit",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",

package/src/dx-grid.lit-stories.ts

@@ -7,19 +7,22 @@ import './dx-grid.pcss';
 
 import { html, nothing } from 'lit';
 
-import { type DxGridProps } from './dx-grid';
+import { type DxGridProps } from './types';
 
 export default {
   title: 'dx-grid',
+  parameters: { layout: 'fullscreen' },
 };
 
 export const Basic = (props: DxGridProps) => {
-  return html`<dx-grid
-    cells=${props.cells ?? nothing}
-    columnDefault=${props.columnDefault ?? nothing}
-    rowDefault=${props.rowDefault ?? nothing}
-    columns=${props.columns ?? nothing}
-  ></dx-grid>`;
+  return html`<div style="position:fixed;inset:0;">
+    <dx-grid
+      cells=${props.cells ?? nothing}
+      columnDefault=${props.columnDefault ?? nothing}
+      rowDefault=${props.rowDefault ?? nothing}
+      columns=${props.columns ?? nothing}
+    ></dx-grid>
+  </div>`;
 };
 
 Basic.args = {

package/src/dx-grid.pcss

@@ -15,13 +15,20 @@ dx-grid {
 }
 
 .dx-grid {
-  position: fixed;
-  inset: 0;
   display: grid;
   grid-template-columns: min-content 1fr min-content;
   grid-template-rows: min-content 1fr min-content;
   font-variant-numeric: tabular-nums;
   --dx-grid-gap: 1px;
+
+  min-inline-size: 4rem;
+  min-block-size: 4rem;
+  inline-size: 100%;
+  block-size: 100%;
+  max-inline-size: 100dvw;
+  max-block-size: 100dvh;
+
+  user-select: none;
 }
 
 .dx-grid__scrollbar__thumb {
@@ -79,10 +86,13 @@ dx-grid {
     box-sizing: border-box;
     cursor: pointer;
     border: 1px solid transparent;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
     &[inert] {
       visibility: hidden;
     }
-    &:focus, &:focus-visible {
+    &:focus, &:focus-visible, &.dx-grid__cell--active {
       cursor: text;
       position: relative;
       z-index: 2;
@@ -90,6 +100,20 @@ dx-grid {
       outline: none;
     }
   }
+  &[data-grid-mode="edit"] {
+    [role='gridcell'], [role='columnheader'], [role='rowheader'] {
+      &.dx-grid__cell--active {
+        color: transparent !important;
+      }
+    }
+  }
+  &[data-grid-select] {
+    [role='gridcell'], [role='columnheader'], [role='rowheader'] {
+      &[aria-selected] {
+        background: var(--dx-gridSelectionOverlay);
+      }
+    }
+  }
 }
 
 .dx-grid__columnheader__content,