@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.
- package/dist/src/dx-grid-axis-resize-handle.d.ts.map +1 -1
- package/dist/src/dx-grid-axis-resize-handle.js +1 -6
- package/dist/src/dx-grid-axis-resize-handle.js.map +1 -1
- package/dist/src/dx-grid.d.ts +8 -8
- package/dist/src/dx-grid.d.ts.map +1 -1
- package/dist/src/dx-grid.js +177 -51
- package/dist/src/dx-grid.js.map +1 -1
- package/dist/src/dx-grid.lit-stories.d.ts.map +1 -1
- package/dist/src/dx-grid.lit-stories.js +9 -10
- package/dist/src/dx-grid.lit-stories.js.map +1 -1
- package/dist/src/index.d.ts +0 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +0 -1
- package/dist/src/index.js.map +1 -1
- package/dist/src/types.d.ts +0 -1
- package/dist/src/types.d.ts.map +1 -1
- package/dist/src/types.js.map +1 -1
- package/dist/src/util.d.ts +1 -30
- package/dist/src/util.d.ts.map +1 -1
- package/dist/src/util.js +0 -127
- package/dist/src/util.js.map +1 -1
- package/dist/types/src/dx-grid-axis-resize-handle.d.ts.map +1 -1
- package/dist/types/src/dx-grid-axis-resize-handle.js +1 -6
- package/dist/types/src/dx-grid-axis-resize-handle.js.map +1 -1
- package/dist/types/src/dx-grid.d.ts +8 -8
- package/dist/types/src/dx-grid.d.ts.map +1 -1
- package/dist/types/src/dx-grid.js +177 -51
- package/dist/types/src/dx-grid.js.map +1 -1
- package/dist/types/src/dx-grid.lit-stories.d.ts.map +1 -1
- package/dist/types/src/dx-grid.lit-stories.js +9 -10
- package/dist/types/src/dx-grid.lit-stories.js.map +1 -1
- package/dist/types/src/index.d.ts +0 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/index.js +0 -1
- package/dist/types/src/index.js.map +1 -1
- package/dist/types/src/types.d.ts +0 -1
- package/dist/types/src/types.d.ts.map +1 -1
- package/dist/types/src/types.js.map +1 -1
- package/dist/types/src/util.d.ts +1 -30
- package/dist/types/src/util.d.ts.map +1 -1
- package/dist/types/src/util.js +0 -127
- package/dist/types/src/util.js.map +1 -1
- package/package.json +1 -1
- package/src/dx-grid-axis-resize-handle.ts +1 -6
- package/src/dx-grid.lit-stories.ts +9 -10
- package/src/dx-grid.pcss +3 -2
- package/src/dx-grid.ts +198 -73
- package/src/index.ts +0 -1
- package/src/types.ts +0 -1
- package/src/util.ts +1 -157
- package/dist/src/defs.d.ts +0 -3
- package/dist/src/defs.d.ts.map +0 -1
- package/dist/src/defs.js +0 -9
- package/dist/src/defs.js.map +0 -1
- package/dist/types/src/defs.d.ts +0 -3
- package/dist/types/src/defs.d.ts.map +0 -1
- package/dist/types/src/defs.js +0 -9
- package/dist/types/src/defs.js.map +0 -1
- 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;
|
|
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":"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;
|
|
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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"}
|
package/dist/src/dx-grid.d.ts
CHANGED
|
@@ -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' |
|
|
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
|
-
*
|
|
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
|
|
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'
|
|
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
|
|
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":"AAIA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"dx-grid.d.ts","sourceRoot":"","sources":["../../src/dx-grid.ts"],"names":[],"mappings":"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"}
|
package/dist/src/dx-grid.js
CHANGED
|
@@ -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
|
|
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
|
-
*
|
|
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
|
|
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
|
|
124
|
-
this.
|
|
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
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
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
|
|
279
|
-
const
|
|
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
|
-
|
|
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
|
|
789
|
+
refocus(increment, delta = 1) {
|
|
668
790
|
if (increment) {
|
|
669
791
|
switch (increment) {
|
|
670
792
|
case 'col': {
|
|
671
|
-
this.focusedCell.col
|
|
793
|
+
this.focusedCell.col += delta;
|
|
672
794
|
break;
|
|
673
795
|
}
|
|
674
796
|
case 'row': {
|
|
675
|
-
this.focusedCell.row
|
|
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) ? `${
|
|
972
|
-
'grid-template-rows': `${this.templatefrozenRowsStart ? 'min-content ' : ''}minmax(0, ${Number.isFinite(this.limitRows) ? `${
|
|
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
|
|
1373
|
+
export { rowToA1Notation, colToA1Notation } from './util';
|
|
1248
1374
|
export const commentedClassName = 'dx-grid__cell--commented';
|
|
1249
1375
|
//# sourceMappingURL=dx-grid.js.map
|