@vaadin/grid 25.0.0-alpha9 → 25.0.0-beta2

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 (84) hide show
  1. package/all-imports.js +1 -1
  2. package/package.json +12 -15
  3. package/src/array-data-provider.js +3 -2
  4. package/src/styles/vaadin-grid-base-styles.js +256 -91
  5. package/src/styles/vaadin-grid-sorter-base-styles.js +15 -2
  6. package/src/styles/vaadin-grid-tree-toggle-base-styles.js +4 -4
  7. package/src/vaadin-grid-a11y-mixin.js +26 -10
  8. package/src/vaadin-grid-column-auto-width-mixin.js +6 -11
  9. package/src/vaadin-grid-column-mixin.d.ts +1 -0
  10. package/src/vaadin-grid-column-mixin.js +1 -16
  11. package/src/vaadin-grid-column-reordering-mixin.js +2 -2
  12. package/src/vaadin-grid-data-provider-mixin.js +15 -10
  13. package/src/vaadin-grid-drag-and-drop-mixin.js +1 -1
  14. package/src/vaadin-grid-event-context-mixin.d.ts +2 -0
  15. package/src/vaadin-grid-event-context-mixin.js +1 -0
  16. package/src/vaadin-grid-filter.js +1 -1
  17. package/src/vaadin-grid-helpers.js +9 -0
  18. package/src/vaadin-grid-keyboard-navigation-mixin.js +1 -5
  19. package/src/vaadin-grid-mixin.d.ts +1 -0
  20. package/src/vaadin-grid-mixin.js +36 -38
  21. package/src/vaadin-grid-resize-mixin.d.ts +10 -0
  22. package/src/vaadin-grid-resize-mixin.js +73 -0
  23. package/src/vaadin-grid-row-details-mixin.js +1 -5
  24. package/src/vaadin-grid-scroll-mixin.js +5 -87
  25. package/src/vaadin-grid-selection-column-base-mixin.d.ts +1 -1
  26. package/src/vaadin-grid-selection-column-base-mixin.js +1 -1
  27. package/src/vaadin-grid-selection-column.d.ts +2 -0
  28. package/src/vaadin-grid-selection-column.js +2 -1
  29. package/src/vaadin-grid-sort-column.d.ts +2 -0
  30. package/src/vaadin-grid-sorter.d.ts +3 -3
  31. package/src/vaadin-grid-sorter.js +4 -4
  32. package/src/vaadin-grid-tree-column-mixin.js +7 -8
  33. package/src/vaadin-grid-tree-toggle.d.ts +4 -4
  34. package/src/vaadin-grid-tree-toggle.js +5 -5
  35. package/src/vaadin-grid.d.ts +1 -0
  36. package/src/vaadin-grid.js +3 -1
  37. package/vaadin-grid-column-group.js +1 -1
  38. package/vaadin-grid-column.js +1 -1
  39. package/vaadin-grid-filter-column.js +1 -1
  40. package/vaadin-grid-filter.js +1 -1
  41. package/vaadin-grid-selection-column.js +1 -1
  42. package/vaadin-grid-sort-column.js +1 -1
  43. package/vaadin-grid-sorter.js +1 -1
  44. package/vaadin-grid-tree-column.js +1 -1
  45. package/vaadin-grid-tree-toggle.js +1 -1
  46. package/vaadin-grid.js +1 -1
  47. package/web-types.json +13 -13
  48. package/web-types.lit.json +12 -12
  49. package/src/styles/vaadin-grid-core-styles.d.ts +0 -8
  50. package/src/styles/vaadin-grid-core-styles.js +0 -388
  51. package/src/styles/vaadin-grid-filter-core-styles.d.ts +0 -8
  52. package/src/styles/vaadin-grid-filter-core-styles.js +0 -18
  53. package/src/styles/vaadin-grid-sorter-core-styles.d.ts +0 -8
  54. package/src/styles/vaadin-grid-sorter-core-styles.js +0 -61
  55. package/src/styles/vaadin-grid-tree-toggle-core-styles.d.ts +0 -8
  56. package/src/styles/vaadin-grid-tree-toggle-core-styles.js +0 -78
  57. package/theme/lumo/all-imports.d.ts +0 -11
  58. package/theme/lumo/all-imports.js +0 -11
  59. package/theme/lumo/vaadin-grid-column-group.d.ts +0 -1
  60. package/theme/lumo/vaadin-grid-column-group.js +0 -1
  61. package/theme/lumo/vaadin-grid-column.d.ts +0 -1
  62. package/theme/lumo/vaadin-grid-column.js +0 -1
  63. package/theme/lumo/vaadin-grid-filter-column.d.ts +0 -2
  64. package/theme/lumo/vaadin-grid-filter-column.js +0 -2
  65. package/theme/lumo/vaadin-grid-filter.d.ts +0 -2
  66. package/theme/lumo/vaadin-grid-filter.js +0 -2
  67. package/theme/lumo/vaadin-grid-selection-column.d.ts +0 -2
  68. package/theme/lumo/vaadin-grid-selection-column.js +0 -2
  69. package/theme/lumo/vaadin-grid-sort-column.d.ts +0 -2
  70. package/theme/lumo/vaadin-grid-sort-column.js +0 -2
  71. package/theme/lumo/vaadin-grid-sorter-styles.d.ts +0 -3
  72. package/theme/lumo/vaadin-grid-sorter-styles.js +0 -52
  73. package/theme/lumo/vaadin-grid-sorter.d.ts +0 -2
  74. package/theme/lumo/vaadin-grid-sorter.js +0 -2
  75. package/theme/lumo/vaadin-grid-styles.d.ts +0 -6
  76. package/theme/lumo/vaadin-grid-styles.js +0 -405
  77. package/theme/lumo/vaadin-grid-tree-column.d.ts +0 -2
  78. package/theme/lumo/vaadin-grid-tree-column.js +0 -2
  79. package/theme/lumo/vaadin-grid-tree-toggle-styles.d.ts +0 -3
  80. package/theme/lumo/vaadin-grid-tree-toggle-styles.js +0 -81
  81. package/theme/lumo/vaadin-grid-tree-toggle.d.ts +0 -2
  82. package/theme/lumo/vaadin-grid-tree-toggle.js +0 -2
  83. package/theme/lumo/vaadin-grid.d.ts +0 -2
  84. package/theme/lumo/vaadin-grid.js +0 -2
package/theme/lumo/vaadin-grid-tree-toggle-styles.js DELETED
@@ -1,81 +0,0 @@
1
- import '@vaadin/vaadin-lumo-styles/color.js';
2
- import '@vaadin/vaadin-lumo-styles/spacing.js';
3
- import '@vaadin/vaadin-lumo-styles/style.js';
4
- import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
5
-
6
- registerStyles(
7
- 'vaadin-grid-tree-toggle',
8
- css`
9
- :host {
10
- --vaadin-grid-tree-toggle-level-offset: 2em;
11
- align-items: center;
12
- vertical-align: middle;
13
- transform: translateX(calc(var(--lumo-space-s) * -1));
14
- -webkit-tap-highlight-color: transparent;
15
- }
16
-
17
- :host(:not([leaf])) {
18
- cursor: default;
19
- }
20
-
21
- [part='toggle'] {
22
- display: inline-block;
23
- font-size: 1.5em;
24
- line-height: 1;
25
- width: 1em;
26
- height: 1em;
27
- text-align: center;
28
- color: var(--lumo-contrast-50pct);
29
- cursor: var(--lumo-clickable-cursor);
30
- /* Increase touch target area */
31
- padding: calc(1em / 3);
32
- margin: calc(1em / -3);
33
- }
34
-
35
- :host(:not([dir='rtl'])) [part='toggle'] {
36
- margin-right: 0;
37
- }
38
-
39
- @media (hover: hover) {
40
- :host(:hover) [part='toggle'] {
41
- color: var(--lumo-contrast-80pct);
42
- }
43
- }
44
-
45
- [part='toggle']::before {
46
- font-family: 'lumo-icons';
47
- display: inline-block;
48
- height: 100%;
49
- }
50
-
51
- :host(:not([expanded])) [part='toggle']::before {
52
- content: var(--lumo-icons-angle-right);
53
- }
54
-
55
- :host([expanded]) [part='toggle']::before {
56
- content: var(--lumo-icons-angle-right);
57
- transform: rotate(90deg);
58
- }
59
-
60
- /* RTL specific styles */
61
-
62
- :host([dir='rtl']) {
63
- margin-left: 0;
64
- margin-right: calc(var(--lumo-space-s) * -1);
65
- }
66
-
67
- :host([dir='rtl']) [part='toggle'] {
68
- margin-left: 0;
69
- }
70
-
71
- :host([dir='rtl'][expanded]) [part='toggle']::before {
72
- transform: rotate(-90deg);
73
- }
74
-
75
- :host([dir='rtl']:not([expanded])) [part='toggle']::before,
76
- :host([dir='rtl'][expanded]) [part='toggle']::before {
77
- content: var(--lumo-icons-angle-left);
78
- }
79
- `,
80
- { moduleId: 'lumo-grid-tree-toggle' },
81
- );
package/theme/lumo/vaadin-grid-tree-toggle.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-tree-toggle-styles.js';
2
- import '../../src/vaadin-grid-tree-toggle.js';
package/theme/lumo/vaadin-grid-tree-toggle.js DELETED
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-tree-toggle-styles.js';
2
- import '../../src/vaadin-grid-tree-toggle.js';
package/theme/lumo/vaadin-grid.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-styles.js';
2
- import '../../src/vaadin-grid.js';
package/theme/lumo/vaadin-grid.js DELETED
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-styles.js';
2
- import '../../src/vaadin-grid.js';