@dxos/lit-grid 0.6.12-main.5cc132e → 0.6.12-main.78ddbdf
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/index.mjs +406 -143
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/types/src/dx-grid-axis-resize-handle.d.ts +15 -0
- package/dist/types/src/dx-grid-axis-resize-handle.d.ts.map +1 -0
- package/dist/types/src/dx-grid.d.ts +55 -39
- package/dist/types/src/dx-grid.d.ts.map +1 -1
- package/dist/types/src/types.d.ts +38 -4
- package/dist/types/src/types.d.ts.map +1 -1
- package/dist/types/src/util.d.ts +7 -0
- package/dist/types/src/util.d.ts.map +1 -0
- package/package.json +2 -1
- package/src/dx-grid-axis-resize-handle.ts +83 -0
- package/src/dx-grid.lit-stories.ts +2 -2
- package/src/dx-grid.pcss +32 -12
- package/src/dx-grid.ts +278 -138
- package/src/types.ts +50 -4
- package/src/util.ts +12 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../src/dx-grid.ts", "../../../src/types.ts"],
|
|
4
|
-
"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 {\n type AxisMeta,\n type CellIndex,\n type CellValue,\n DxAxisResize,\n type DxAxisResizeProps,\n DxEditRequest,\n type DxGridAxis,\n type DxGridMode,\n type DxGridPositionNullable,\n} 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\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): Record<DxGridAxis, number> | null => {\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 toCellIndex = (cellCoords: Record<DxGridAxis, number>): CellIndex =>\n `${cellCoords.col}${separator}${cellCoords.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: 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 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\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 //\n // Primary pointer and keyboard handlers\n //\n\n handlePointerDown = (event: PointerEvent) => {\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.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 (this.focusActive && isSameCell(this.focusedCell, cellCoords)) {\n this.dispatchEvent(\n new DxEditRequest({\n cellIndex: toCellIndex(cellCoords!),\n cellBox: this.focusedCellBox(),\n }),\n );\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 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 interactions\n switch (event.key) {\n case 'Enter':\n this.dispatchEvent(\n new DxEditRequest({\n cellIndex: toCellIndex(this.focusedCell),\n cellBox: this.focusedCellBox(),\n }),\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 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 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 @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 cellCoords = closestCell(event.target);\n if (cellCoords) {\n this.focusedCell = cellCoords;\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 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?: 'down' | 'right') {\n switch (increment) {\n case 'down':\n this.focusedCell = { ...this.focusedCell, row: this.focusedCell.row + 1 };\n break;\n case 'right':\n this.focusedCell = { ...this.focusedCell, col: this.focusedCell.col + 1 };\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 }\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 //\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.cell(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\nimport { type DxGrid } from './dx-grid';\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 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 * CSS inline styles to apply to the gridcell element\n */\n style?: 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'>;\n\nexport class DxEditRequest extends Event {\n public readonly cellIndex: CellIndex;\n public readonly cellBox: Record<'insetInlineStart' | 'insetBlockStart' | 'inlineSize' | 'blockSize', number>;\n constructor(props: DxEditRequestProps) {\n super('dx-edit-request');\n this.cellIndex = props.cellIndex;\n this.cellBox = props.cellBox;\n }\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["LitElement", "html", "customElement", "state", "property", "eventOptions", "ref", "createRef", "DxAxisResize", "Event", "constructor", "props", "axis", "index", "size", "DxEditRequest", "cellIndex", "cellBox", "gap", "resizeTolerance", "overscanCol", "overscanRow", "sizeColMin", "sizeColMax", "sizeRowMin", "sizeRowMax", "
|
|
3
|
+
"sources": ["../../../src/dx-grid.ts", "../../../src/dx-grid-axis-resize-handle.ts", "../../../src/util.ts", "../../../src/types.ts"],
|
|
4
|
+
"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\n// eslint-disable-next-line unused-imports/no-unused-imports\nimport './dx-grid-axis-resize-handle';\nimport {\n type AxisMeta,\n type CellIndex,\n DxAxisResize,\n type DxAxisResizeInternal,\n DxEditRequest,\n type DxGridAxis,\n type DxGridAxisMeta,\n type DxGridCells,\n DxGridCellsSelect,\n type DxGridMode,\n type DxGridPointer,\n type DxGridPosition,\n type DxGridPositionNullable,\n type DxGridRange,\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 constructor() {\n super();\n this.addEventListener('dx-axis-resize-internal', this.handleAxisResizeInternal as EventListener);\n this.addEventListener('wheel', this.handleWheel);\n this.addEventListener('pointerdown', this.handlePointerDown);\n this.addEventListener('pointermove', this.handlePointerMove);\n this.addEventListener('pointerup', this.handlePointerUp);\n this.addEventListener('pointerleave', this.handlePointerUp);\n this.addEventListener('focus', this.handleFocus, { capture: true });\n this.addEventListener('blur', this.handleBlur, { capture: true });\n this.addEventListener('keydown', this.handleKeydown);\n }\n\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: DxGridAxisMeta = {};\n\n @property({ type: Object })\n columns: DxGridAxisMeta = {};\n\n @property({ type: Object })\n initialCells: DxGridCells = {};\n\n @property({ type: String })\n mode: DxGridMode = 'browse';\n\n /**\n * When this function is defined, it is used first to try to get a value for a cell, and otherwise will fall back\n * to `cells`.\n */\n getCells: ((nextRange: DxGridRange) => DxGridCells) | null = null;\n\n @state()\n private cells: DxGridCells = {};\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 // do nothing, todo: remove\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 === '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 const index: CellIndex = `${c}${separator}${r}`;\n return this.cells[index] ?? this.initialCells[index];\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 maybeUpdateVis = () => {\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 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 this.maybeUpdateVis();\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 // Map scroll DOM methods to virtualized value.\n //\n\n override get scrollLeft() {\n return this.posInline;\n }\n\n override set scrollLeft(nextValue: number) {\n this.posInline = nextValue;\n this.maybeUpdateVis();\n }\n\n override get scrollTop() {\n return this.posBlock;\n }\n\n override set scrollTop(nextValue: number) {\n this.posBlock = nextValue;\n this.maybeUpdateVis();\n }\n\n //\n // Resize handlers\n //\n private handleAxisResizeInternal(event: DxAxisResizeInternal) {\n event.stopPropagation();\n const { axis, delta, size, index, type } = event;\n if (axis === 'col') {\n const nextSize = Math.max(sizeColMin, Math.min(sizeColMax, size + delta));\n this.colSizes = { ...this.colSizes, [index]: nextSize };\n this.updateVisInline();\n } else {\n const nextSize = Math.max(sizeRowMin, Math.min(sizeRowMax, size + delta));\n this.rowSizes = { ...this.rowSizes, [index]: nextSize };\n this.updateVisBlock();\n }\n if (type === 'dropped') {\n this.dispatchEvent(\n new DxAxisResize({\n axis,\n index,\n size: this[axis === 'col' ? 'colSize' : 'rowSize'](index),\n }),\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 >\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`<dx-grid-axis-resize-handle\n axis=\"col\"\n index=${c}\n size=${this.colSize(c)}\n @dxaxisresizeinternal=${this.handleAxisResizeInternal}\n ></dx-grid-axis-resize-handle>`}\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`<dx-grid-axis-resize-handle\n axis=\"row\"\n index=${r}\n size=${this.rowSize(r)}\n ></dx-grid-axis-resize-handle>`}\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 if (this.getCells) {\n this.cells = this.getCells({\n start: { col: this.visColMin, row: this.visRowMin },\n end: { col: this.visColMax, row: this.visRowMax },\n });\n }\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 willUpdate(changedProperties: Map<string, any>) {\n if (\n this.getCells &&\n (changedProperties.has('initialCells') ||\n changedProperties.has('visColMin') ||\n changedProperties.has('visColMax') ||\n changedProperties.has('visRowMin') ||\n changedProperties.has('visRowMax'))\n ) {\n this.cells = this.getCells({\n start: { col: this.visColMin, row: this.visRowMin },\n end: { col: this.visColMax, row: this.visRowMax },\n });\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 { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { disableNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview';\nimport { preventUnhandled } from '@atlaskit/pragmatic-drag-and-drop/prevent-unhandled';\nimport { type CleanupFn, type DragLocationHistory } from '@atlaskit/pragmatic-drag-and-drop/types';\nimport { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ref } from 'lit/directives/ref.js';\n\nimport { DxAxisResizeInternal, type DxGridAxis } from './types';\n\n@customElement('dx-grid-axis-resize-handle')\nexport class DxGridAxisResizeHandle extends LitElement {\n @property({ type: String })\n axis: DxGridAxis = 'row';\n\n @property({ type: String })\n index: string = '-1';\n\n @property({ type: Number })\n size: number = 128;\n\n private dragStartSize: number = 128;\n\n override render() {\n return html`<button class=\"dx-grid__resize-handle\" ${ref(this.mount)}>\n <span class=\"sr-only\">Resize</span>\n </button>`;\n }\n\n private cleanup: CleanupFn | null = null;\n\n private dispatchResize(location: DragLocationHistory, state: 'dragging' | 'dropped') {\n const client = this.axis === 'row' ? 'clientY' : 'clientX';\n const event = new DxAxisResizeInternal({\n axis: this.axis,\n size: this.dragStartSize,\n index: this.index,\n delta: location.current.input[client] - location.initial.input[client],\n state,\n });\n this.dispatchEvent(event);\n }\n\n private mount(element?: Element) {\n this.cleanup?.();\n const host = this;\n if (element) {\n this.cleanup = draggable({\n element: element as HTMLButtonElement,\n onGenerateDragPreview: ({ nativeSetDragImage }) => {\n // we will be moving the line to indicate a drag\n // we can disable the native drag preview\n disableNativeDragPreview({ nativeSetDragImage });\n // we don't want any native drop animation for when the user\n // does not drop on a drop target. we want the drag to finish immediately\n preventUnhandled.start();\n },\n onDragStart() {\n host.dragStartSize = host.size;\n },\n onDrag({ location }) {\n host.dispatchResize(location, 'dragging');\n },\n onDrop({ location }) {\n host.dispatchResize(location, 'dropped');\n },\n });\n }\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.cleanup?.();\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 DxGridCells = Record<CellIndex, CellValue>;\n\nexport type DxGridAxisMeta = Record<string, AxisMeta>;\n\nexport type DxGridPointer = null | ({ state: 'resizing'; page: number } & DxAxisResizeProps) | { state: 'selecting' };\n\nexport type DxAxisResizeProps = Pick<DxAxisResize, 'axis' | 'index' | 'size'>;\nexport type DxAxisResizeInternalProps = DxAxisResizeProps & { delta: number; state: 'dragging' | 'dropped' };\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, 'initialCells' | '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 class DxAxisResizeInternal extends Event {\n public readonly axis: DxGridAxis;\n public readonly index: string;\n public readonly size: number;\n public readonly delta: number;\n public readonly state: 'dragging' | 'dropped';\n constructor(props: DxAxisResizeInternalProps) {\n super('dx-axis-resize-internal', { composed: true, bubbles: true });\n this.axis = props.axis;\n this.index = props.index;\n this.size = props.size;\n this.delta = props.delta;\n this.state = props.state;\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 DxGridRange = { 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 }: DxGridRange) {\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["LitElement", "html", "nothing", "customElement", "state", "property", "eventOptions", "ref", "createRef", "draggable", "disableNativeDragPreview", "preventUnhandled", "html", "LitElement", "customElement", "property", "ref", "separator", "toCellIndex", "cellCoords", "col", "row", "DxAxisResize", "Event", "constructor", "props", "axis", "index", "size", "DxAxisResizeInternal", "composed", "bubbles", "delta", "state", "DxEditRequest", "cellIndex", "cellBox", "initialContent", "DxGridCellsSelect", "start", "end", "toCellIndex", "minCol", "Math", "min", "col", "maxCol", "max", "minRow", "row", "maxRow", "DxGridAxisResizeHandle", "LitElement", "axis", "index", "size", "dragStartSize", "cleanup", "render", "html", "ref", "mount", "dispatchResize", "location", "state", "client", "event", "DxAxisResizeInternal", "delta", "current", "input", "initial", "dispatchEvent", "element", "host", "draggable", "onGenerateDragPreview", "nativeSetDragImage", "disableNativeDragPreview", "preventUnhandled", "start", "onDragStart", "onDrag", "onDrop", "disconnectedCallback", "createRenderRoot", "property", "type", "String", "Number", "customElement", "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", "constructor", "gridId", "rowDefault", "size", "columnDefault", "rows", "columns", "initialCells", "mode", "getCells", "cells", "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", "cell", "dispatchEvent", "DxGridCellsSelect", "start", "end", "handlePointerMove", "observer", "ResizeObserver", "entries", "inlineSize", "blockSize", "contentBoxSize", "abs", "updateVis", "viewportRef", "createRef", "maybeUpdateVis", "handleWheel", "deltaX", "deltaY", "max", "addEventListener", "handleAxisResizeInternal", "handleFocus", "capture", "handleBlur", "handleKeydown", "initialContent", "snapPosToFocusedCell", "queueMicrotask", "DxEditRequest", "cellIndex", "toCellIndex", "cellBox", "focusedCellBox", "key", "length", "match", "c", "r", "separator", "focusedCellElement", "cellSize", "insetInlineStart", "NaN", "insetBlockStart", "contentElement", "offsetParent", "_translate3d", "inlineStr", "blockStr", "style", "transform", "contentOffsetInline", "parseFloat", "contentOffsetBlock", "offsetLeft", "offsetTop", "updateVisInline", "colIndex", "pxInline", "Array", "reduce", "acc", "map", "join", "updateVisBlock", "rowIndex", "pxBlock", "relatedTarget", "value", "querySelector", "refocus", "increment", "delta", "focus", "preventScroll", "sizeSumCol", "sizeSumRow", "scrollLeft", "nextValue", "scrollTop", "stopPropagation", "type", "nextSize", "min", "DxAxisResize", "render", "visibleCols", "visibleRows", "offsetInline", "offsetBlock", "selectColMin", "selectColMax", "selectRowMin", "selectRowMax", "selectVisible", "html", "resizeable", "ref", "active", "selected", "className", "nothing", "firstUpdated", "observe", "Object", "colId", "colMeta", "rowId", "rowMeta", "willUpdate", "changedProperties", "has", "updated", "disconnectedCallback", "unobserve", "createRenderRoot", "property", "eventOptions", "customElement"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/ui/lit-grid/src/types.ts":{"bytes":
|
|
1
|
+
{"inputs":{"packages/ui/lit-grid/src/util.ts":{"bytes":1219,"imports":[],"format":"esm"},"packages/ui/lit-grid/src/types.ts":{"bytes":8710,"imports":[{"path":"packages/ui/lit-grid/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"},"packages/ui/lit-grid/src/dx-grid-axis-resize-handle.ts":{"bytes":10189,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/prevent-unhandled","kind":"import-statement","external":true},{"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/dx-grid.ts":{"bytes":97287,"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/dx-grid-axis-resize-handle.ts","kind":"import-statement","original":"./dx-grid-axis-resize-handle"},{"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":55906},"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},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/disable-native-drag-preview","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/prevent-unhandled","kind":"import-statement","external":true},{"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","DxAxisResizeInternal","DxEditRequest","DxGrid","DxGridCellsSelect"],"entryPoint":"packages/ui/lit-grid/src/index.ts","inputs":{"packages/ui/lit-grid/src/dx-grid.ts":{"bytesInOutput":25561},"packages/ui/lit-grid/src/dx-grid-axis-resize-handle.ts":{"bytesInOutput":2867},"packages/ui/lit-grid/src/util.ts":{"bytesInOutput":105},"packages/ui/lit-grid/src/types.ts":{"bytesInOutput":1104},"packages/ui/lit-grid/src/index.ts":{"bytesInOutput":0}},"bytes":30043}}}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
import { type DxGridAxis } from './types';
|
|
3
|
+
export declare class DxGridAxisResizeHandle extends LitElement {
|
|
4
|
+
axis: DxGridAxis;
|
|
5
|
+
index: string;
|
|
6
|
+
size: number;
|
|
7
|
+
private dragStartSize;
|
|
8
|
+
render(): import("lit").TemplateResult<1>;
|
|
9
|
+
private cleanup;
|
|
10
|
+
private dispatchResize;
|
|
11
|
+
private mount;
|
|
12
|
+
disconnectedCallback(): void;
|
|
13
|
+
createRenderRoot(): this;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=dx-grid-axis-resize-handle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dx-grid-axis-resize-handle.d.ts","sourceRoot":"","sources":["../../../src/dx-grid-axis-resize-handle.ts"],"names":[],"mappings":"AAQA,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEhE,qBACa,sBAAuB,SAAQ,UAAU;IAEpD,IAAI,EAAE,UAAU,CAAS;IAGzB,KAAK,EAAE,MAAM,CAAQ;IAGrB,IAAI,EAAE,MAAM,CAAO;IAEnB,OAAO,CAAC,aAAa,CAAe;IAE3B,MAAM;IAMf,OAAO,CAAC,OAAO,CAA0B;IAEzC,OAAO,CAAC,cAAc;IAYtB,OAAO,CAAC,KAAK;IA2BJ,oBAAoB;IAKpB,gBAAgB;CAG1B"}
|
|
@@ -1,63 +1,79 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
import
|
|
3
|
-
import { type AxisMeta, type
|
|
2
|
+
import './dx-grid-axis-resize-handle';
|
|
3
|
+
import { type AxisMeta, type DxGridAxisMeta, type DxGridCells, type DxGridMode, type DxGridRange } from './types';
|
|
4
4
|
export declare class DxGrid extends LitElement {
|
|
5
|
+
constructor();
|
|
6
|
+
gridId: string;
|
|
5
7
|
rowDefault: AxisMeta;
|
|
6
8
|
columnDefault: AxisMeta;
|
|
7
|
-
rows:
|
|
8
|
-
columns:
|
|
9
|
-
|
|
9
|
+
rows: DxGridAxisMeta;
|
|
10
|
+
columns: DxGridAxisMeta;
|
|
11
|
+
initialCells: DxGridCells;
|
|
10
12
|
mode: DxGridMode;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
13
|
+
/**
|
|
14
|
+
* When this function is defined, it is used first to try to get a value for a cell, and otherwise will fall back
|
|
15
|
+
* to `cells`.
|
|
16
|
+
*/
|
|
17
|
+
getCells: ((nextRange: DxGridRange) => DxGridCells) | null;
|
|
18
|
+
private cells;
|
|
19
|
+
private posInline;
|
|
20
|
+
private posBlock;
|
|
21
|
+
private sizeInline;
|
|
22
|
+
private sizeBlock;
|
|
23
|
+
private overscanInline;
|
|
24
|
+
private overscanBlock;
|
|
25
|
+
private binInlineMin;
|
|
26
|
+
private binInlineMax;
|
|
27
|
+
private binBlockMin;
|
|
28
|
+
private binBlockMax;
|
|
29
|
+
private visColMin;
|
|
30
|
+
private visColMax;
|
|
31
|
+
private visRowMin;
|
|
32
|
+
private visRowMax;
|
|
33
|
+
private templateColumns;
|
|
34
|
+
private templateRows;
|
|
35
|
+
private pointer;
|
|
36
|
+
private colSizes;
|
|
37
|
+
private rowSizes;
|
|
38
|
+
private focusActive;
|
|
39
|
+
private focusedCell;
|
|
40
|
+
private selectionStart;
|
|
41
|
+
private selectionEnd;
|
|
42
|
+
private dispatchEditRequest;
|
|
43
|
+
private handlePointerDown;
|
|
44
|
+
private handlePointerUp;
|
|
45
|
+
private handlePointerMove;
|
|
46
|
+
private handleKeydown;
|
|
36
47
|
private colSize;
|
|
37
48
|
private rowSize;
|
|
38
49
|
private cell;
|
|
39
50
|
private focusedCellBox;
|
|
40
|
-
observer
|
|
41
|
-
viewportRef
|
|
42
|
-
|
|
51
|
+
private observer;
|
|
52
|
+
private viewportRef;
|
|
53
|
+
private maybeUpdateVis;
|
|
54
|
+
private handleWheel;
|
|
43
55
|
private updateVisInline;
|
|
44
56
|
private updateVisBlock;
|
|
45
57
|
private updateVis;
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
handleBlur(event: FocusEvent): void;
|
|
50
|
-
focusedCellElement(): HTMLElement | null;
|
|
58
|
+
private handleFocus;
|
|
59
|
+
private handleBlur;
|
|
60
|
+
private focusedCellElement;
|
|
51
61
|
/**
|
|
52
62
|
* Moves focus to the cell with actual focus, otherwise moves focus to the viewport.
|
|
53
63
|
*/
|
|
54
|
-
refocus(increment?: '
|
|
64
|
+
refocus(increment?: 'col' | 'row', delta?: 1 | -1): void;
|
|
55
65
|
/**
|
|
56
66
|
* Updates `pos` so that a cell in focus is fully within the viewport
|
|
57
67
|
*/
|
|
58
68
|
snapPosToFocusedCell(): void;
|
|
69
|
+
get scrollLeft(): number;
|
|
70
|
+
set scrollLeft(nextValue: number);
|
|
71
|
+
get scrollTop(): number;
|
|
72
|
+
set scrollTop(nextValue: number);
|
|
73
|
+
private handleAxisResizeInternal;
|
|
59
74
|
render(): import("lit").TemplateResult<1>;
|
|
60
75
|
firstUpdated(): void;
|
|
76
|
+
willUpdate(changedProperties: Map<string, any>): void;
|
|
61
77
|
updated(changedProperties: Map<string, any>): void;
|
|
62
78
|
disconnectedCallback(): void;
|
|
63
79
|
createRenderRoot(): this;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dx-grid.d.ts","sourceRoot":"","sources":["../../../src/dx-grid.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"dx-grid.d.ts","sourceRoot":"","sources":["../../../src/dx-grid.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,19 @@ export type CellIndex = `${string},${string}`;
|
|
|
3
3
|
export type DxGridAxis = 'row' | 'col';
|
|
4
4
|
export type DxGridPosition = Record<DxGridAxis, number>;
|
|
5
5
|
export type DxGridPositionNullable = DxGridPosition | null;
|
|
6
|
+
export type DxGridCells = Record<CellIndex, CellValue>;
|
|
7
|
+
export type DxGridAxisMeta = Record<string, AxisMeta>;
|
|
8
|
+
export type DxGridPointer = null | ({
|
|
9
|
+
state: 'resizing';
|
|
10
|
+
page: number;
|
|
11
|
+
} & DxAxisResizeProps) | {
|
|
12
|
+
state: 'selecting';
|
|
13
|
+
};
|
|
6
14
|
export type DxAxisResizeProps = Pick<DxAxisResize, 'axis' | 'index' | 'size'>;
|
|
15
|
+
export type DxAxisResizeInternalProps = DxAxisResizeProps & {
|
|
16
|
+
delta: number;
|
|
17
|
+
state: 'dragging' | 'dropped';
|
|
18
|
+
};
|
|
7
19
|
export type DxGridMode = 'browse' | 'edit';
|
|
8
20
|
export type CellValue = {
|
|
9
21
|
/**
|
|
@@ -15,26 +27,48 @@ export type CellValue = {
|
|
|
15
27
|
*/
|
|
16
28
|
end?: string;
|
|
17
29
|
/**
|
|
18
|
-
*
|
|
30
|
+
* `class` attribute value to apply to the gridcell element
|
|
19
31
|
*/
|
|
20
|
-
|
|
32
|
+
className?: string;
|
|
21
33
|
};
|
|
22
34
|
export type AxisMeta = {
|
|
23
35
|
size: number;
|
|
24
36
|
description?: string;
|
|
25
37
|
resizeable?: boolean;
|
|
26
38
|
};
|
|
27
|
-
export type DxGridProps = Partial<Pick<DxGrid, '
|
|
39
|
+
export type DxGridProps = Partial<Pick<DxGrid, 'initialCells' | 'rows' | 'columns' | 'rowDefault' | 'columnDefault'>>;
|
|
28
40
|
export declare class DxAxisResize extends Event {
|
|
29
41
|
readonly axis: DxGridAxis;
|
|
30
42
|
readonly index: string;
|
|
31
43
|
readonly size: number;
|
|
32
44
|
constructor(props: DxAxisResizeProps);
|
|
33
45
|
}
|
|
34
|
-
export
|
|
46
|
+
export declare class DxAxisResizeInternal extends Event {
|
|
47
|
+
readonly axis: DxGridAxis;
|
|
48
|
+
readonly index: string;
|
|
49
|
+
readonly size: number;
|
|
50
|
+
readonly delta: number;
|
|
51
|
+
readonly state: 'dragging' | 'dropped';
|
|
52
|
+
constructor(props: DxAxisResizeInternalProps);
|
|
53
|
+
}
|
|
54
|
+
export type DxEditRequestProps = Pick<DxEditRequest, 'cellIndex' | 'cellBox' | 'initialContent'>;
|
|
35
55
|
export declare class DxEditRequest extends Event {
|
|
36
56
|
readonly cellIndex: CellIndex;
|
|
37
57
|
readonly cellBox: Record<'insetInlineStart' | 'insetBlockStart' | 'inlineSize' | 'blockSize', number>;
|
|
58
|
+
readonly initialContent?: string;
|
|
38
59
|
constructor(props: DxEditRequestProps);
|
|
39
60
|
}
|
|
61
|
+
export type DxGridRange = {
|
|
62
|
+
start: DxGridPosition;
|
|
63
|
+
end: DxGridPosition;
|
|
64
|
+
};
|
|
65
|
+
export declare class DxGridCellsSelect extends Event {
|
|
66
|
+
readonly start: string;
|
|
67
|
+
readonly end: string;
|
|
68
|
+
readonly minCol: number;
|
|
69
|
+
readonly maxCol: number;
|
|
70
|
+
readonly minRow: number;
|
|
71
|
+
readonly maxRow: number;
|
|
72
|
+
constructor({ start, end }: DxGridRange);
|
|
73
|
+
}
|
|
40
74
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"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,WAAW,GAAG,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAEtD,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;AAC9E,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,GAAG,SAAS,CAAA;CAAE,CAAC;AAE7G,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,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC;AAEtH,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,qBAAa,oBAAqB,SAAQ,KAAK;IAC7C,SAAgB,IAAI,EAAE,UAAU,CAAC;IACjC,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,IAAI,EAAE,MAAM,CAAC;IAC7B,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;gBAClC,KAAK,EAAE,yBAAyB;CAQ7C;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,WAAW,GAAG;IAAE,KAAK,EAAE,cAAc,CAAC;IAAC,GAAG,EAAE,cAAc,CAAA;CAAE,CAAC;AAEzE,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,WAAW;CASxC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type CellIndex, type DxGridPosition } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Separator for serializing cell position vectors
|
|
4
|
+
*/
|
|
5
|
+
export declare const separator = ",";
|
|
6
|
+
export declare const toCellIndex: (cellCoords: DxGridPosition) => CellIndex;
|
|
7
|
+
//# sourceMappingURL=util.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dxos/lit-grid",
|
|
3
|
-
"version": "0.6.12-main.
|
|
3
|
+
"version": "0.6.12-main.78ddbdf",
|
|
4
4
|
"description": "A grid Web Component using Lit",
|
|
5
5
|
"homepage": "https://dxos.org",
|
|
6
6
|
"bugs": "https://github.com/dxos/dxos/issues",
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
"dist"
|
|
23
23
|
],
|
|
24
24
|
"dependencies": {
|
|
25
|
+
"@atlaskit/pragmatic-drag-and-drop": "^1.3.1",
|
|
25
26
|
"lit": "^3.2.0"
|
|
26
27
|
}
|
|
27
28
|
}
|