@vaadin/grid 23.0.0-alpha2 → 23.0.0-alpha3
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/package.json +9 -9
- package/src/all-imports.js +1 -1
- package/src/vaadin-grid-a11y-mixin.js +1 -1
- package/src/vaadin-grid-active-item-mixin.d.ts +1 -1
- package/src/vaadin-grid-active-item-mixin.js +1 -1
- package/src/vaadin-grid-array-data-provider-mixin.d.ts +1 -1
- package/src/vaadin-grid-array-data-provider-mixin.js +1 -1
- package/src/vaadin-grid-column-group.d.ts +1 -1
- package/src/vaadin-grid-column-group.js +1 -1
- package/src/vaadin-grid-column-reordering-mixin.d.ts +1 -1
- package/src/vaadin-grid-column-reordering-mixin.js +1 -1
- package/src/vaadin-grid-column-resizing-mixin.js +1 -1
- package/src/vaadin-grid-column.d.ts +1 -1
- package/src/vaadin-grid-column.js +1 -1
- package/src/vaadin-grid-data-provider-mixin.d.ts +1 -1
- package/src/vaadin-grid-data-provider-mixin.js +2 -2
- package/src/vaadin-grid-drag-and-drop-mixin.d.ts +1 -1
- package/src/vaadin-grid-drag-and-drop-mixin.js +1 -1
- package/src/vaadin-grid-dynamic-columns-mixin.js +1 -1
- package/src/vaadin-grid-event-context-mixin.d.ts +1 -1
- package/src/vaadin-grid-event-context-mixin.js +1 -1
- package/src/vaadin-grid-filter-column.d.ts +1 -1
- package/src/vaadin-grid-filter-column.js +1 -1
- package/src/vaadin-grid-filter-mixin.js +1 -1
- package/src/vaadin-grid-filter.d.ts +1 -1
- package/src/vaadin-grid-filter.js +1 -1
- package/src/vaadin-grid-helpers.js +3 -3
- package/src/vaadin-grid-keyboard-navigation-mixin.js +4 -4
- package/src/vaadin-grid-row-details-mixin.d.ts +1 -1
- package/src/vaadin-grid-row-details-mixin.js +1 -1
- package/src/vaadin-grid-scroll-mixin.d.ts +1 -1
- package/src/vaadin-grid-scroll-mixin.js +1 -1
- package/src/vaadin-grid-selection-column.d.ts +1 -1
- package/src/vaadin-grid-selection-column.js +2 -2
- package/src/vaadin-grid-selection-mixin.d.ts +1 -1
- package/src/vaadin-grid-selection-mixin.js +1 -1
- package/src/vaadin-grid-sort-column.d.ts +1 -1
- package/src/vaadin-grid-sort-column.js +1 -1
- package/src/vaadin-grid-sort-mixin.d.ts +1 -1
- package/src/vaadin-grid-sort-mixin.js +1 -1
- package/src/vaadin-grid-sorter.d.ts +1 -1
- package/src/vaadin-grid-sorter.js +1 -1
- package/src/vaadin-grid-styles.js +1 -1
- package/src/vaadin-grid-styling-mixin.d.ts +1 -1
- package/src/vaadin-grid-styling-mixin.js +1 -1
- package/src/vaadin-grid-tree-column.d.ts +1 -1
- package/src/vaadin-grid-tree-column.js +1 -1
- package/src/vaadin-grid-tree-toggle.d.ts +1 -1
- package/src/vaadin-grid-tree-toggle.js +1 -1
- package/src/vaadin-grid.d.ts +3 -2
- package/src/vaadin-grid.js +6 -3
- package/theme/lumo/vaadin-grid-styles.js +4 -0
- package/theme/material/vaadin-grid-styles.js +4 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/grid",
|
|
3
|
-
"version": "23.0.0-
|
|
3
|
+
"version": "23.0.0-alpha3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -40,19 +40,19 @@
|
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
42
42
|
"@polymer/polymer": "^3.0.0",
|
|
43
|
-
"@vaadin/checkbox": "23.0.0-
|
|
44
|
-
"@vaadin/component-base": "23.0.0-
|
|
45
|
-
"@vaadin/text-field": "23.0.0-
|
|
46
|
-
"@vaadin/vaadin-lumo-styles": "23.0.0-
|
|
47
|
-
"@vaadin/vaadin-material-styles": "23.0.0-
|
|
48
|
-
"@vaadin/vaadin-themable-mixin": "23.0.0-
|
|
43
|
+
"@vaadin/checkbox": "23.0.0-alpha3",
|
|
44
|
+
"@vaadin/component-base": "23.0.0-alpha3",
|
|
45
|
+
"@vaadin/text-field": "23.0.0-alpha3",
|
|
46
|
+
"@vaadin/vaadin-lumo-styles": "23.0.0-alpha3",
|
|
47
|
+
"@vaadin/vaadin-material-styles": "23.0.0-alpha3",
|
|
48
|
+
"@vaadin/vaadin-themable-mixin": "23.0.0-alpha3"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@esm-bundle/chai": "^4.3.4",
|
|
52
|
-
"@vaadin/polymer-legacy-adapter": "23.0.0-
|
|
52
|
+
"@vaadin/polymer-legacy-adapter": "23.0.0-alpha3",
|
|
53
53
|
"@vaadin/testing-helpers": "^0.3.2",
|
|
54
54
|
"lit": "^2.0.0",
|
|
55
55
|
"sinon": "^9.2.0"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "490037919a9e054cc002c1b3be0c94a1603e1a44"
|
|
58
58
|
}
|
package/src/all-imports.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { createArrayDataProvider } from './array-data-provider.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { addListener } from '@vaadin/component-base/src/gestures.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { addListener } from '@vaadin/component-base/src/gestures.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { PolymerElement } from '@polymer/polymer/polymer-element.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { timeOut } from '@vaadin/component-base/src/async.js';
|
|
@@ -324,7 +324,7 @@ export const DataProviderMixin = (superClass) =>
|
|
|
324
324
|
let level = 0;
|
|
325
325
|
while (cache.parentCache) {
|
|
326
326
|
cache = cache.parentCache;
|
|
327
|
-
level
|
|
327
|
+
level += 1;
|
|
328
328
|
}
|
|
329
329
|
return level;
|
|
330
330
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { FlattenedNodesObserver } from '@polymer/polymer/lib/utils/flattened-nodes-observer.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -15,9 +15,9 @@ export function updateColumnOrders(columns, scope, baseOrder) {
|
|
|
15
15
|
// avoid multiples of 10 because they introduce and extra zero and
|
|
16
16
|
// causes the underlying calculations for child order goes wrong
|
|
17
17
|
if (c % 10 === 0) {
|
|
18
|
-
c
|
|
18
|
+
c += 1;
|
|
19
19
|
}
|
|
20
20
|
column._order = baseOrder + c * scope;
|
|
21
|
-
c
|
|
21
|
+
c += 1;
|
|
22
22
|
});
|
|
23
23
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -359,7 +359,7 @@ export const KeyboardNavigationMixin = (superClass) =>
|
|
|
359
359
|
|
|
360
360
|
/**
|
|
361
361
|
* Returns the target row after navigating by the given dy offset.
|
|
362
|
-
* Also returns
|
|
362
|
+
* Also returns information whether the details cell should be the target on the target row.
|
|
363
363
|
* If the row is not in the viewport, it is first scrolled to.
|
|
364
364
|
* @private
|
|
365
365
|
**/
|
|
@@ -379,11 +379,11 @@ export const KeyboardNavigationMixin = (superClass) =>
|
|
|
379
379
|
// in vertical keyboard navigation.
|
|
380
380
|
if (dstRowIndex > currentRowIndex) {
|
|
381
381
|
while (dstRowIndex < maxRowIndex && activeRowGroup.children[dstRowIndex].hidden) {
|
|
382
|
-
dstRowIndex
|
|
382
|
+
dstRowIndex += 1;
|
|
383
383
|
}
|
|
384
384
|
} else if (dstRowIndex < currentRowIndex) {
|
|
385
385
|
while (dstRowIndex > 0 && activeRowGroup.children[dstRowIndex].hidden) {
|
|
386
|
-
dstRowIndex
|
|
386
|
+
dstRowIndex -= 1;
|
|
387
387
|
}
|
|
388
388
|
}
|
|
389
389
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { animationFrame, microTask, timeOut } from '@vaadin/component-base/src/async.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import '@vaadin/checkbox/src/vaadin-checkbox.js';
|
|
@@ -235,7 +235,7 @@ class GridSelectionColumn extends GridColumn {
|
|
|
235
235
|
}
|
|
236
236
|
|
|
237
237
|
/**
|
|
238
|
-
* iOS needs
|
|
238
|
+
* iOS needs indeterminate + checked at the same time
|
|
239
239
|
* @private
|
|
240
240
|
*/
|
|
241
241
|
__isChecked(selectAll, indeterminate) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
|
package/src/vaadin-grid.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { ElementMixinClass } from '@vaadin/component-base/src/element-mixin.js';
|
|
@@ -308,7 +308,7 @@ export interface GridEventMap<TItem> extends HTMLElementEventMap, GridCustomEven
|
|
|
308
308
|
* `reorder-status` | Reflects the status of a cell while columns are being reordered | cell
|
|
309
309
|
* `frozen` | Frozen cell | cell
|
|
310
310
|
* `last-frozen` | Last frozen cell | cell
|
|
311
|
-
*
|
|
311
|
+
* `first-column` | First visible cell on a row | cell
|
|
312
312
|
* `last-column` | Last visible cell on a row | cell
|
|
313
313
|
* `selected` | Selected row | row
|
|
314
314
|
* `expanded` | Expanded row | row
|
|
@@ -316,6 +316,7 @@ export interface GridEventMap<TItem> extends HTMLElementEventMap, GridCustomEven
|
|
|
316
316
|
* `loading` | Row that is waiting for data from data provider | row
|
|
317
317
|
* `odd` | Odd row | row
|
|
318
318
|
* `first` | The first body row | row
|
|
319
|
+
* `last` | The last body row | row
|
|
319
320
|
* `dragstart` | Set for one frame when drag of a row is starting. The value is a number when multiple rows are dragged | row
|
|
320
321
|
* `dragover` | Set when the row is dragged over | row
|
|
321
322
|
* `drag-disabled` | Set to a row that isn't available for dragging | row
|
package/src/vaadin-grid.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @license
|
|
3
|
-
* Copyright (c)
|
|
3
|
+
* Copyright (c) 2016 - 2022 Vaadin Ltd.
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import './vaadin-grid-column.js';
|
|
@@ -194,7 +194,7 @@ import { StylingMixin } from './vaadin-grid-styling-mixin.js';
|
|
|
194
194
|
* `reorder-status` | Reflects the status of a cell while columns are being reordered | cell
|
|
195
195
|
* `frozen` | Frozen cell | cell
|
|
196
196
|
* `last-frozen` | Last frozen cell | cell
|
|
197
|
-
*
|
|
197
|
+
* `first-column` | First visible cell on a row | cell
|
|
198
198
|
* `last-column` | Last visible cell on a row | cell
|
|
199
199
|
* `selected` | Selected row | row
|
|
200
200
|
* `expanded` | Expanded row | row
|
|
@@ -202,6 +202,7 @@ import { StylingMixin } from './vaadin-grid-styling-mixin.js';
|
|
|
202
202
|
* `loading` | Row that is waiting for data from data provider | row
|
|
203
203
|
* `odd` | Odd row | row
|
|
204
204
|
* `first` | The first body row | row
|
|
205
|
+
* `last` | The last body row | row
|
|
205
206
|
* `dragstart` | Set for one frame when drag of a row is starting. The value is a number when multiple rows are dragged | row
|
|
206
207
|
* `dragover` | Set when the row is dragged over | row
|
|
207
208
|
* `drag-disabled` | Set to a row that isn't available for dragging | row
|
|
@@ -279,7 +280,7 @@ class Grid extends ElementMixin(
|
|
|
279
280
|
loading$="[[loading]]"
|
|
280
281
|
column-reordering-allowed$="[[columnReorderingAllowed]]"
|
|
281
282
|
>
|
|
282
|
-
<table id="table" role="
|
|
283
|
+
<table id="table" role="treegrid" aria-multiselectable="true" tabindex="0">
|
|
283
284
|
<caption id="sizer" part="row"></caption>
|
|
284
285
|
<thead id="header" role="rowgroup"></thead>
|
|
285
286
|
<tbody id="items" role="rowgroup"></tbody>
|
|
@@ -489,6 +490,7 @@ class Grid extends ElementMixin(
|
|
|
489
490
|
const cellCoordinates = this.__getBodyCellCoordinates(cell);
|
|
490
491
|
|
|
491
492
|
virtualizer.size = effectiveSize;
|
|
493
|
+
virtualizer.update();
|
|
492
494
|
virtualizer.flush();
|
|
493
495
|
|
|
494
496
|
// If the focused cell's parent row got hidden by the size change, focus the corresponding new cell
|
|
@@ -821,6 +823,7 @@ class Grid extends ElementMixin(
|
|
|
821
823
|
}
|
|
822
824
|
|
|
823
825
|
row.toggleAttribute('first', index === 0);
|
|
826
|
+
row.toggleAttribute('last', index === this._effectiveSize - 1);
|
|
824
827
|
row.toggleAttribute('odd', index % 2);
|
|
825
828
|
this._a11yUpdateRowRowindex(row, index);
|
|
826
829
|
this._getItem(index, row);
|
|
@@ -133,6 +133,10 @@ registerStyles(
|
|
|
133
133
|
margin-top: -1px;
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
+
:host([all-rows-visible]) [part~='row'][last][dragover='below'] [part~='cell']::after {
|
|
137
|
+
height: 1px;
|
|
138
|
+
}
|
|
139
|
+
|
|
136
140
|
[part~='row'][dragover='above'] [part~='cell']::after {
|
|
137
141
|
top: auto;
|
|
138
142
|
bottom: 100%;
|
|
@@ -183,6 +183,10 @@ registerStyles(
|
|
|
183
183
|
margin-top: -1px;
|
|
184
184
|
}
|
|
185
185
|
|
|
186
|
+
:host([all-rows-visible]) [part~='row'][last][dragover='below'] [part~='cell']::after {
|
|
187
|
+
height: 1px;
|
|
188
|
+
}
|
|
189
|
+
|
|
186
190
|
[part~='row'][dragover='above'] [part~='cell']::after {
|
|
187
191
|
top: auto;
|
|
188
192
|
bottom: 100%;
|
|
@@ -200,8 +204,6 @@ registerStyles(
|
|
|
200
204
|
}
|
|
201
205
|
|
|
202
206
|
[part~='row'][dragstart] {
|
|
203
|
-
/* Add bottom-space to the row so the drag number doesn't get clipped. Needed for IE/Edge */
|
|
204
|
-
border-bottom: 100px solid transparent;
|
|
205
207
|
z-index: 100 !important;
|
|
206
208
|
opacity: 0.9;
|
|
207
209
|
}
|