@dxos/lit-grid 0.6.14-staging.3e2eaca → 0.6.14-staging.54a8bab

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.
Files changed (59) hide show
  1. package/dist/src/dx-grid-axis-resize-handle.d.ts.map +1 -1
  2. package/dist/src/dx-grid-axis-resize-handle.js +1 -6
  3. package/dist/src/dx-grid-axis-resize-handle.js.map +1 -1
  4. package/dist/src/dx-grid.d.ts +8 -8
  5. package/dist/src/dx-grid.d.ts.map +1 -1
  6. package/dist/src/dx-grid.js +177 -51
  7. package/dist/src/dx-grid.js.map +1 -1
  8. package/dist/src/dx-grid.lit-stories.d.ts.map +1 -1
  9. package/dist/src/dx-grid.lit-stories.js +9 -10
  10. package/dist/src/dx-grid.lit-stories.js.map +1 -1
  11. package/dist/src/index.d.ts +0 -1
  12. package/dist/src/index.d.ts.map +1 -1
  13. package/dist/src/index.js +0 -1
  14. package/dist/src/index.js.map +1 -1
  15. package/dist/src/types.d.ts +0 -1
  16. package/dist/src/types.d.ts.map +1 -1
  17. package/dist/src/types.js.map +1 -1
  18. package/dist/src/util.d.ts +1 -30
  19. package/dist/src/util.d.ts.map +1 -1
  20. package/dist/src/util.js +0 -127
  21. package/dist/src/util.js.map +1 -1
  22. package/dist/types/src/dx-grid-axis-resize-handle.d.ts.map +1 -1
  23. package/dist/types/src/dx-grid-axis-resize-handle.js +1 -6
  24. package/dist/types/src/dx-grid-axis-resize-handle.js.map +1 -1
  25. package/dist/types/src/dx-grid.d.ts +8 -8
  26. package/dist/types/src/dx-grid.d.ts.map +1 -1
  27. package/dist/types/src/dx-grid.js +177 -51
  28. package/dist/types/src/dx-grid.js.map +1 -1
  29. package/dist/types/src/dx-grid.lit-stories.d.ts.map +1 -1
  30. package/dist/types/src/dx-grid.lit-stories.js +9 -10
  31. package/dist/types/src/dx-grid.lit-stories.js.map +1 -1
  32. package/dist/types/src/index.d.ts +0 -1
  33. package/dist/types/src/index.d.ts.map +1 -1
  34. package/dist/types/src/index.js +0 -1
  35. package/dist/types/src/index.js.map +1 -1
  36. package/dist/types/src/types.d.ts +0 -1
  37. package/dist/types/src/types.d.ts.map +1 -1
  38. package/dist/types/src/types.js.map +1 -1
  39. package/dist/types/src/util.d.ts +1 -30
  40. package/dist/types/src/util.d.ts.map +1 -1
  41. package/dist/types/src/util.js +0 -127
  42. package/dist/types/src/util.js.map +1 -1
  43. package/package.json +1 -1
  44. package/src/dx-grid-axis-resize-handle.ts +1 -6
  45. package/src/dx-grid.lit-stories.ts +9 -10
  46. package/src/dx-grid.pcss +3 -2
  47. package/src/dx-grid.ts +198 -73
  48. package/src/index.ts +0 -1
  49. package/src/types.ts +0 -1
  50. package/src/util.ts +1 -157
  51. package/dist/src/defs.d.ts +0 -3
  52. package/dist/src/defs.d.ts.map +0 -1
  53. package/dist/src/defs.js +0 -9
  54. package/dist/src/defs.js.map +0 -1
  55. package/dist/types/src/defs.d.ts +0 -3
  56. package/dist/types/src/defs.d.ts.map +0 -1
  57. package/dist/types/src/defs.js +0 -9
  58. package/dist/types/src/defs.js.map +0 -1
  59. package/src/defs.ts +0 -10
@@ -1 +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,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAExF,qBACa,sBAAuB,SAAQ,UAAU;IAEpD,IAAI,EAAE,UAAU,CAAS;IAGzB,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAU;IAG3C,KAAK,EAAE,MAAM,CAAQ;IAGrB,IAAI,EAAE,MAAM,CAAO;IAEnB,OAAO,CAAC,aAAa,CAAe;IAE3B,MAAM;IAWf,OAAO,CAAC,OAAO,CAA0B;IAEzC,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,KAAK;IA2BJ,oBAAoB;IAKpB,gBAAgB;CAG1B"}
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,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAExF,qBACa,sBAAuB,SAAQ,UAAU;IAEpD,IAAI,EAAE,UAAU,CAAS;IAGzB,KAAK,EAAE,MAAM,GAAG,iBAAiB,CAAU;IAG3C,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;IAatB,OAAO,CAAC,KAAK;IA2BJ,oBAAoB;IAKpB,gBAAgB;CAG1B"}
@@ -25,12 +25,7 @@ let DxGridAxisResizeHandle = class DxGridAxisResizeHandle extends LitElement {
25
25
  this.cleanup = null;
26
26
  }
27
27
  render() {
28
- return html `<button
29
- class="dx-grid__resize-handle"
30
- data-dx-grid-axis=${this.axis}
31
- data-dx-grid-action="resize"
32
- ${ref(this.mount)}
33
- >
28
+ return html `<button class="dx-grid__resize-handle" data-dx-grid-axis=${this.axis} ${ref(this.mount)}>
34
29
  <span class="sr-only">Resize</span>
35
30
  </button>`;
36
31
  }
@@ -1 +1 @@
1
- {"version":3,"file":"dx-grid-axis-resize-handle.js","sourceRoot":"","sources":["../../src/dx-grid-axis-resize-handle.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dx-grid-axis-resize-handle.js","sourceRoot":"","sources":["../../src/dx-grid-axis-resize-handle.ts"],"names":[],"mappings":"AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;AAEF,OAAO,EAAE,SAAS,EAAE,MAAM,mDAAmD,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,uEAAuE,CAAC;AACjH,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAEvF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,oBAAoB,EAA2C,MAAM,SAAS,CAAC;AAGjF,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAEL,SAAI,GAAe,KAAK,CAAC;QAGzB,UAAK,GAA+B,MAAM,CAAC;QAG3C,UAAK,GAAW,IAAI,CAAC;QAGrB,SAAI,GAAW,GAAG,CAAC;QAEX,kBAAa,GAAW,GAAG,CAAC;QAQ5B,YAAO,GAAqB,IAAI,CAAC;IAkD3C,CAAC;IAxDU,MAAM;QACb,OAAO,IAAI,CAAA,4DAA4D,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;;cAEzF,CAAC;IACb,CAAC;IAIO,cAAc,CAAC,QAA6B,EAAE,KAA6B;QACjF,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAC3D,MAAM,KAAK,GAAG,IAAI,oBAAoB,CAAC;YACrC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,IAAI,CAAC,aAAa;YACxB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;YACtE,KAAK;SACN,CAAC,CAAC;QACH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAEO,KAAK,CAAC,OAAiB;;QAC7B,MAAA,IAAI,CAAC,OAAO,oDAAI,CAAC;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC;QAClB,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;gBACvB,OAAO,EAAE,OAA4B;gBACrC,qBAAqB,EAAE,CAAC,EAAE,kBAAkB,EAAE,EAAE,EAAE;oBAChD,gDAAgD;oBAChD,yCAAyC;oBACzC,wBAAwB,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC;oBACjD,4DAA4D;oBAC5D,yEAAyE;oBACzE,gBAAgB,CAAC,KAAK,EAAE,CAAC;gBAC3B,CAAC;gBACD,WAAW;oBACT,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC;gBACjC,CAAC;gBACD,MAAM,CAAC,EAAE,QAAQ,EAAE;oBACjB,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;gBAC5C,CAAC;gBACD,MAAM,CAAC,EAAE,QAAQ,EAAE;oBACjB,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;gBAC3C,CAAC;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAEQ,oBAAoB;;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,MAAA,IAAI,CAAC,OAAO,oDAAI,CAAC;IACnB,CAAC;IAEQ,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF,CAAA;AArEC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACF;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACgB;AAG3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACN;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACR;AAXR,sBAAsB;IADlC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,sBAAsB,CAuElC"}
@@ -1,6 +1,7 @@
1
1
  import { LitElement } from 'lit';
2
2
  import './dx-grid-axis-resize-handle';
3
- import { type DxGridAxisMetaProps, type DxGridAxisMeta, type DxGridCells, type DxGridFrozenAxes, type DxGridFrozenColsPlane, type DxGridFrozenRowsPlane, type DxGridMode, type DxGridPlane, type DxGridPlaneCells, type DxGridPlaneRange, type DxGridPlaneRecord, type DxGridPosition, type DxGridRange } from './types';
3
+ import { type DxGridAxisMetaProps, type DxGridAxisMeta, type DxGridCells, type DxGridFrozenAxes, type DxGridFrozenColsPlane, type DxGridFrozenRowsPlane, type DxGridMode, type DxGridPlane, type DxGridPlaneCells, type DxGridPlaneRange, type DxGridPlaneRecord, type DxGridPosition, type DxGridPositionNullable, type DxGridRange } from './types';
4
+ export declare const closestCell: (target: EventTarget | null, actionEl?: HTMLElement | null) => DxGridPositionNullable;
4
5
  export declare class DxGrid extends LitElement {
5
6
  constructor();
6
7
  gridId: string;
@@ -13,11 +14,11 @@ export declare class DxGrid extends LitElement {
13
14
  limitColumns: number;
14
15
  limitRows: number;
15
16
  frozen: DxGridFrozenAxes;
16
- overscroll: 'inline' | 'block' | 'trap' | undefined;
17
+ overscroll: 'inline' | 'block' | undefined;
17
18
  activeRefs: string;
18
19
  /**
19
- * When this function is defined, it is used first to try to get a value for a cell,
20
- * and otherwise will fall back to `cells`.
20
+ * When this function is defined, it is used first to try to get a value for a cell, and otherwise will fall back
21
+ * to `cells`.
21
22
  */
22
23
  getCells: ((nextRange: DxGridPlaneRange, plane: DxGridPlane) => DxGridPlaneCells) | null;
23
24
  private cells;
@@ -102,12 +103,11 @@ export declare class DxGrid extends LitElement {
102
103
  private focusedCellRowOutOfVis;
103
104
  private focusedCellColOutOfVis;
104
105
  private focusedCellOutOfVis;
105
- private clampCol;
106
- private clampRow;
106
+ private focusPlaneElement;
107
107
  /**
108
108
  * Moves focus to the cell with actual focus, otherwise moves focus to the viewport.
109
109
  */
110
- refocus(increment?: 'col' | 'row' | undefined, delta?: 1 | -1 | 0): void;
110
+ refocus(increment?: 'col' | 'row', delta?: 1 | -1 | 0): void;
111
111
  private clampPosInline;
112
112
  private clampPosBlock;
113
113
  /**
@@ -142,6 +142,6 @@ export declare class DxGrid extends LitElement {
142
142
  disconnectedCallback(): void;
143
143
  createRenderRoot(): this;
144
144
  }
145
- export { rowToA1Notation, colToA1Notation, closestAction, closestCell } from './util';
145
+ export { rowToA1Notation, colToA1Notation } from './util';
146
146
  export declare const commentedClassName = "dx-grid__cell--commented";
147
147
  //# sourceMappingURL=dx-grid.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dx-grid.d.ts","sourceRoot":"","sources":["../../src/dx-grid.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dx-grid.d.ts","sourceRoot":"","sources":["../../src/dx-grid.ts"],"names":[],"mappings":"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"}
@@ -12,11 +12,141 @@ import { customElement, state, property } from 'lit/decorators.js';
12
12
  import { ref, createRef } from 'lit/directives/ref.js';
13
13
  import { styleMap } from 'lit/directives/style-map.js';
14
14
  import { unsafeStatic, html as staticHtml } from 'lit/static-html.js';
15
- import { defaultSizeCol, defaultSizeRow } from './defs';
16
15
  // eslint-disable-next-line unused-imports/no-unused-imports
17
16
  import './dx-grid-axis-resize-handle';
18
17
  import { DxAxisResize, DxEditRequest, DxGridCellsSelect, } from './types';
19
- import { separator, toCellIndex, gap, resizeTolerance, sizeColMin, sizeColMax, sizeRowMin, sizeRowMax, shouldSelect, selectionProps, cellSelected, closestAction, closestCell, targetIsPlane, resolveRowPlane, resolveColPlane, resolveFrozenPlane, isSameCell, } from './util';
18
+ import { separator, toCellIndex } from './util';
19
+ /**
20
+ * The size in pixels of the gap between cells
21
+ */
22
+ const gap = 1;
23
+ /**
24
+ * ResizeObserver notices even subpixel changes, only respond to changes of at least 1px.
25
+ */
26
+ const resizeTolerance = 1;
27
+ /**
28
+ * The amount of pixels the primary pointer has to move after PointerDown to engage in selection.
29
+ */
30
+ const selectTolerance = 4;
31
+ //
32
+ // `defaultSize`, the final fallbacks
33
+ //
34
+ const defaultSizeRow = 32;
35
+ const defaultSizeCol = 180;
36
+ //
37
+ // `size`, when suffixed with ‘row’ or ‘col’, are limits on size applied when resizing
38
+ //
39
+ const sizeColMin = 32;
40
+ const sizeColMax = 1024;
41
+ const sizeRowMin = 32;
42
+ const sizeRowMax = 1024;
43
+ const shouldSelect = (pointer, { pageX, pageY }) => {
44
+ if ((pointer === null || pointer === void 0 ? void 0 : pointer.state) === 'maybeSelecting') {
45
+ return Math.hypot(Math.abs(pointer.pageX - pageX), Math.abs(pointer.pageY - pageY)) >= selectTolerance;
46
+ }
47
+ else {
48
+ return false;
49
+ }
50
+ };
51
+ const selectionProps = (selectionStart, selectionEnd) => {
52
+ const colMin = Math.min(selectionStart.col, selectionEnd.col);
53
+ const colMax = Math.max(selectionStart.col, selectionEnd.col);
54
+ const rowMin = Math.min(selectionStart.row, selectionEnd.row);
55
+ const rowMax = Math.max(selectionStart.row, selectionEnd.row);
56
+ const plane = selectionStart.plane;
57
+ const visible = colMin !== colMax || rowMin !== rowMax;
58
+ return { colMin, colMax, rowMin, rowMax, plane, visible };
59
+ };
60
+ const cellSelected = (col, row, plane, selection) => {
61
+ return (plane === selection.plane &&
62
+ col >= selection.colMin &&
63
+ col <= selection.colMax &&
64
+ row >= selection.rowMin &&
65
+ row <= selection.rowMax);
66
+ };
67
+ const closestAction = (target) => {
68
+ var _a, _b;
69
+ const actionEl = (_a = target === null || target === void 0 ? void 0 : target.closest('[data-dx-grid-action]')) !== null && _a !== void 0 ? _a : null;
70
+ return { actionEl, action: (_b = actionEl === null || actionEl === void 0 ? void 0 : actionEl.getAttribute('data-dx-grid-action')) !== null && _b !== void 0 ? _b : null };
71
+ };
72
+ export const closestCell = (target, actionEl) => {
73
+ var _a, _b, _c, _d;
74
+ let cellElement = actionEl;
75
+ if (!cellElement) {
76
+ const { action, actionEl } = closestAction(target);
77
+ if (action === 'cell') {
78
+ cellElement = actionEl;
79
+ }
80
+ }
81
+ if (cellElement) {
82
+ const col = parseInt((_a = cellElement.getAttribute('aria-colindex')) !== null && _a !== void 0 ? _a : 'never');
83
+ const row = parseInt((_b = cellElement.getAttribute('aria-rowindex')) !== null && _b !== void 0 ? _b : 'never');
84
+ const plane = ((_d = (_c = cellElement.closest('[data-dx-grid-plane]')) === null || _c === void 0 ? void 0 : _c.getAttribute('data-dx-grid-plane')) !== null && _d !== void 0 ? _d : 'grid');
85
+ return { plane, col, row };
86
+ }
87
+ else {
88
+ return null;
89
+ }
90
+ };
91
+ const targetIsPlane = (target) => {
92
+ var _a;
93
+ return (_a = target === null || target === void 0 ? void 0 : target.getAttribute('data-dx-grid-plane')) !== null && _a !== void 0 ? _a : null;
94
+ };
95
+ const resolveRowPlane = (plane) => {
96
+ switch (plane) {
97
+ case 'fixedStartStart':
98
+ case 'fixedStartEnd':
99
+ case 'frozenRowsStart':
100
+ return 'frozenRowsStart';
101
+ case 'fixedEndStart':
102
+ case 'fixedEndEnd':
103
+ case 'frozenRowsEnd':
104
+ return 'frozenRowsEnd';
105
+ default:
106
+ return 'grid';
107
+ }
108
+ };
109
+ const resolveColPlane = (plane) => {
110
+ switch (plane) {
111
+ case 'fixedStartStart':
112
+ case 'fixedEndStart':
113
+ case 'frozenColsStart':
114
+ return 'frozenColsStart';
115
+ case 'fixedStartEnd':
116
+ case 'fixedEndEnd':
117
+ case 'frozenColsEnd':
118
+ return 'frozenColsEnd';
119
+ default:
120
+ return 'grid';
121
+ }
122
+ };
123
+ const resolveFrozenPlane = (axis, cellPlane) => {
124
+ switch (cellPlane) {
125
+ case 'fixedStartStart':
126
+ return axis === 'col' ? 'frozenColsStart' : 'frozenRowsStart';
127
+ case 'fixedStartEnd':
128
+ return axis === 'col' ? 'frozenColsEnd' : 'frozenRowsStart';
129
+ case 'fixedEndStart':
130
+ return axis === 'col' ? 'frozenColsStart' : 'frozenRowsEnd';
131
+ case 'fixedEndEnd':
132
+ return axis === 'col' ? 'frozenColsEnd' : 'frozenRowsEnd';
133
+ case 'frozenColsStart':
134
+ case 'frozenColsEnd':
135
+ return axis === 'col' ? cellPlane : 'grid';
136
+ case 'frozenRowsStart':
137
+ case 'frozenRowsEnd':
138
+ return axis === 'row' ? cellPlane : 'grid';
139
+ default:
140
+ return cellPlane;
141
+ }
142
+ };
143
+ const isSameCell = (a, b) => a &&
144
+ b &&
145
+ a.plane === b.plane &&
146
+ Number.isFinite(a.col) &&
147
+ Number.isFinite(a.row) &&
148
+ a.col === b.col &&
149
+ a.row === b.row;
20
150
  let DxGrid = class DxGrid extends LitElement {
21
151
  constructor() {
22
152
  var _a;
@@ -38,8 +168,8 @@ let DxGrid = class DxGrid extends LitElement {
38
168
  this.overscroll = undefined;
39
169
  this.activeRefs = '';
40
170
  /**
41
- * When this function is defined, it is used first to try to get a value for a cell,
42
- * and otherwise will fall back to `cells`.
171
+ * When this function is defined, it is used first to try to get a value for a cell, and otherwise will fall back
172
+ * to `cells`.
43
173
  */
44
174
  this.getCells = null;
45
175
  this.cells = { grid: {} };
@@ -101,7 +231,7 @@ let DxGrid = class DxGrid extends LitElement {
101
231
  if (event.isPrimary) {
102
232
  const { action, actionEl } = closestAction(event.target);
103
233
  if (action && action === 'cell') {
104
- if (event.shiftKey && this.mode === 'browse') {
234
+ if (event.shiftKey) {
105
235
  // Prevent focus moving so the pointerup handler can move selectionEnd.
106
236
  event.preventDefault();
107
237
  this.pointer = { state: 'selecting' };
@@ -120,8 +250,10 @@ let DxGrid = class DxGrid extends LitElement {
120
250
  // Prevent focus moving when editing while selection is possible
121
251
  event.preventDefault();
122
252
  }
123
- else if (this.focusActive && isSameCell(this.focusedCell, cellCoords)) {
124
- this.dispatchEditRequest();
253
+ else {
254
+ if (this.focusActive && isSameCell(this.focusedCell, cellCoords)) {
255
+ this.dispatchEditRequest();
256
+ }
125
257
  }
126
258
  }
127
259
  }
@@ -180,14 +312,10 @@ let DxGrid = class DxGrid extends LitElement {
180
312
  }
181
313
  };
182
314
  this.handleTopLevelWheel = (event) => {
183
- var _a;
184
- if (event.gridId === ((_a = this.gridId) !== null && _a !== void 0 ? _a : 'never')) {
185
- if (this.overscroll === 'trap' ||
186
- (this.overscroll === 'inline' && event.overscrollInline === 0) ||
187
- (this.overscroll === 'block' && event.overscrollBlock === 0)) {
188
- event.preventDefault();
189
- event.stopPropagation();
190
- }
315
+ if ((Number.isFinite(event.overscrollInline) && this.overscroll === 'inline' && event.overscrollInline === 0) ||
316
+ (Number.isFinite(event.overscrollBlock) && this.overscroll === 'block' && event.overscrollBlock === 0)) {
317
+ event.preventDefault();
318
+ event.stopPropagation();
191
319
  }
192
320
  };
193
321
  this.handleWheel = (event) => {
@@ -201,7 +329,6 @@ let DxGrid = class DxGrid extends LitElement {
201
329
  nextPosInline <= 0 ? nextPosInline : nextPosInline > maxPosInline ? nextPosInline - maxPosInline : 0;
202
330
  event.overscrollBlock =
203
331
  nextPosBlock <= 0 ? nextPosBlock : nextPosBlock > maxPosBlock ? nextPosBlock - maxPosBlock : 0;
204
- event.gridId = this.gridId;
205
332
  }
206
333
  };
207
334
  // Wheel, top-level and element-level
@@ -275,8 +402,12 @@ let DxGrid = class DxGrid extends LitElement {
275
402
  const current = event.shiftKey ? this.selectionEnd : this.focusedCell;
276
403
  const deltaCol = event.key === 'ArrowLeft' ? -1 : event.key === 'ArrowRight' ? 1 : 0;
277
404
  const deltaRow = event.key === 'ArrowUp' ? -1 : event.key === 'ArrowDown' ? 1 : 0;
278
- const nextCol = this.clampCol(current, deltaCol);
279
- const nextRow = this.clampRow(current, deltaRow);
405
+ const colPlane = resolveColPlane(current.plane);
406
+ const colMax = (colPlane === 'grid' ? this.limitColumns : this.frozen[colPlane]) - 1;
407
+ const nextCol = Math.max(0, Math.min(colMax, current.col + deltaCol));
408
+ const rowPlane = resolveRowPlane(current.plane);
409
+ const rowMax = (rowPlane === 'grid' ? this.limitRows : this.frozen[rowPlane]) - 1;
410
+ const nextRow = Math.max(0, Math.min(rowMax, current.row + deltaRow));
280
411
  if (event.shiftKey) {
281
412
  this.setSelectionEnd({ ...this.selectionEnd, col: nextCol, row: nextRow });
282
413
  }
@@ -651,28 +782,19 @@ let DxGrid = class DxGrid extends LitElement {
651
782
  return { col: 0, row: 0 };
652
783
  }
653
784
  }
654
- clampCol(coords, deltaCol = 0) {
655
- const colPlane = resolveColPlane(coords.plane);
656
- const colMax = (colPlane === 'grid' ? this.limitColumns : this.frozen[colPlane]) - 1;
657
- return Math.max(0, Math.min(colMax, coords.col + deltaCol));
658
- }
659
- clampRow(coords, deltaRow = 0) {
660
- const rowPlane = resolveRowPlane(coords.plane);
661
- const rowMax = (rowPlane === 'grid' ? this.limitRows : this.frozen[rowPlane]) - 1;
662
- return Math.max(0, Math.min(rowMax, coords.row + deltaRow));
663
- }
785
+ focusPlaneElement() { }
664
786
  /**
665
787
  * Moves focus to the cell with actual focus, otherwise moves focus to the viewport.
666
788
  */
667
- refocus(increment = undefined, delta = 1) {
789
+ refocus(increment, delta = 1) {
668
790
  if (increment) {
669
791
  switch (increment) {
670
792
  case 'col': {
671
- this.focusedCell.col = this.clampCol(this.focusedCell, delta);
793
+ this.focusedCell.col += delta;
672
794
  break;
673
795
  }
674
796
  case 'row': {
675
- this.focusedCell.row = this.clampRow(this.focusedCell, delta);
797
+ this.focusedCell.row += delta;
676
798
  break;
677
799
  }
678
800
  }
@@ -959,17 +1081,15 @@ let DxGrid = class DxGrid extends LitElement {
959
1081
  ${this.activeRefs
960
1082
  .split(' ')
961
1083
  .filter((value) => value)
962
- .map(
963
- // TODO(burdon): Consistent camelCase?
964
- (activeRef) => `[data-refs~="${activeRef}"] { background: var(--dx-grid-commented-active, var(--dx-gridCommentedActive)) !important; }`)
1084
+ .map((activeRef) => `[data-refs~="${activeRef}"] { background: var(--dx-grid-commented-active, var(--dx-gridCommentedActive)) !important; }`)
965
1085
  .join('\n')}
966
1086
  </style>
967
1087
  <div
968
1088
  role="none"
969
1089
  class="dx-grid"
970
1090
  style=${styleMap({
971
- 'grid-template-columns': `${this.templatefrozenColsStart ? 'min-content ' : ''}minmax(0, ${Number.isFinite(this.limitColumns) ? `${Math.max(0, this.intrinsicInlineSize)}px` : '1fr'})${this.templatefrozenColsEnd ? ' min-content' : ''}`,
972
- 'grid-template-rows': `${this.templatefrozenRowsStart ? 'min-content ' : ''}minmax(0, ${Number.isFinite(this.limitRows) ? `${Math.max(0, this.intrinsicBlockSize)}px` : '1fr'})${this.templatefrozenRowsEnd ? ' min-content' : ''}`,
1091
+ 'grid-template-columns': `${this.templatefrozenColsStart ? 'min-content ' : ''}minmax(0, ${Number.isFinite(this.limitColumns) ? `${this.intrinsicInlineSize}px` : '1fr'})${this.templatefrozenColsEnd ? ' min-content' : ''}`,
1092
+ 'grid-template-rows': `${this.templatefrozenRowsStart ? 'min-content ' : ''}minmax(0, ${Number.isFinite(this.limitRows) ? `${this.intrinsicBlockSize}px` : '1fr'})${this.templatefrozenRowsEnd ? ' min-content' : ''}`,
973
1093
  })}
974
1094
  data-grid=${this.gridId}
975
1095
  data-grid-mode=${this.mode}
@@ -1054,20 +1174,6 @@ let DxGrid = class DxGrid extends LitElement {
1054
1174
  this.updateIntrinsicSizes();
1055
1175
  }
1056
1176
  willUpdate(changedProperties) {
1057
- if (changedProperties.has('rowDefault') || changedProperties.has('rows') || changedProperties.has('limitRows')) {
1058
- this.computeRowSizes();
1059
- this.updateIntrinsicBlockSize();
1060
- this.updatePosBlock();
1061
- this.updateVisBlock();
1062
- }
1063
- if (changedProperties.has('columnDefault') ||
1064
- changedProperties.has('columns') ||
1065
- changedProperties.has('limitColumns')) {
1066
- this.computeColSizes();
1067
- this.updateIntrinsicInlineSize();
1068
- this.updatePosInline();
1069
- this.updateVisInline();
1070
- }
1071
1177
  if (this.getCells &&
1072
1178
  (changedProperties.has('initialCells') ||
1073
1179
  changedProperties.has('visColMin') ||
@@ -1080,6 +1186,26 @@ let DxGrid = class DxGrid extends LitElement {
1080
1186
  changedProperties.has('limitRows'))) {
1081
1187
  this.updateCells(true);
1082
1188
  }
1189
+ if (changedProperties.has('rowDefault') || changedProperties.has('rows') || changedProperties.has('limitRows')) {
1190
+ this.updateIntrinsicBlockSize();
1191
+ this.updatePosBlock();
1192
+ this.updateVisBlock();
1193
+ }
1194
+ if (changedProperties.has('colDefault') ||
1195
+ changedProperties.has('columns') ||
1196
+ changedProperties.has('limitColumns')) {
1197
+ this.updateIntrinsicInlineSize();
1198
+ this.updatePosInline();
1199
+ this.updateVisInline();
1200
+ }
1201
+ if (changedProperties.has('columns')) {
1202
+ this.computeColSizes();
1203
+ this.updateIntrinsicInlineSize();
1204
+ }
1205
+ if (changedProperties.has('rows')) {
1206
+ this.computeRowSizes();
1207
+ this.updateIntrinsicBlockSize();
1208
+ }
1083
1209
  }
1084
1210
  updated(changedProperties) {
1085
1211
  // Update the focused element if there is a change in bounds (otherwise Lit keeps focus on the relative element).
@@ -1244,6 +1370,6 @@ DxGrid = __decorate([
1244
1370
  customElement('dx-grid')
1245
1371
  ], DxGrid);
1246
1372
  export { DxGrid };
1247
- export { rowToA1Notation, colToA1Notation, closestAction, closestCell } from './util';
1373
+ export { rowToA1Notation, colToA1Notation } from './util';
1248
1374
  export const commentedClassName = 'dx-grid__cell--commented';
1249
1375
  //# sourceMappingURL=dx-grid.js.map