@vaadin/grid 24.8.4 → 25.0.0-alpha10

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 (144) hide show
  1. package/README.md +0 -36
  2. package/package.json +14 -14
  3. package/src/array-data-provider.js +6 -0
  4. package/src/lit/column-renderer-directives.d.ts +0 -1
  5. package/src/styles/vaadin-grid-base-styles.d.ts +8 -0
  6. package/src/styles/vaadin-grid-base-styles.js +510 -0
  7. package/src/styles/vaadin-grid-core-styles.d.ts +8 -0
  8. package/src/{vaadin-grid-styles.js → styles/vaadin-grid-core-styles.js} +2 -3
  9. package/src/styles/vaadin-grid-filter-base-styles.d.ts +8 -0
  10. package/src/styles/vaadin-grid-filter-base-styles.js +18 -0
  11. package/src/styles/vaadin-grid-filter-core-styles.d.ts +8 -0
  12. package/src/styles/vaadin-grid-filter-core-styles.js +18 -0
  13. package/src/styles/vaadin-grid-sorter-base-styles.d.ts +8 -0
  14. package/src/styles/vaadin-grid-sorter-base-styles.js +63 -0
  15. package/src/styles/vaadin-grid-sorter-core-styles.d.ts +8 -0
  16. package/src/styles/vaadin-grid-sorter-core-styles.js +61 -0
  17. package/src/styles/vaadin-grid-tree-toggle-base-styles.d.ts +8 -0
  18. package/src/styles/vaadin-grid-tree-toggle-base-styles.js +76 -0
  19. package/src/styles/vaadin-grid-tree-toggle-core-styles.d.ts +8 -0
  20. package/src/styles/vaadin-grid-tree-toggle-core-styles.js +78 -0
  21. package/src/vaadin-grid-column-auto-width-mixin.js +8 -2
  22. package/src/vaadin-grid-column-group.js +3 -3
  23. package/src/vaadin-grid-column-mixin.js +0 -8
  24. package/src/vaadin-grid-column.js +3 -2
  25. package/src/vaadin-grid-data-provider-mixin.js +19 -76
  26. package/src/vaadin-grid-drag-and-drop-mixin.js +3 -0
  27. package/src/vaadin-grid-filter-element-mixin.d.ts +1 -2
  28. package/src/vaadin-grid-filter-element-mixin.js +1 -21
  29. package/src/vaadin-grid-filter.js +14 -6
  30. package/src/vaadin-grid-mixin.js +50 -31
  31. package/src/vaadin-grid-row-details-mixin.js +4 -4
  32. package/src/vaadin-grid-scroll-mixin.js +20 -4
  33. package/src/vaadin-grid-sorter-mixin.js +0 -60
  34. package/src/vaadin-grid-sorter.js +17 -9
  35. package/src/vaadin-grid-tree-toggle-mixin.js +0 -77
  36. package/src/vaadin-grid-tree-toggle.js +13 -3
  37. package/src/vaadin-grid.d.ts +0 -2
  38. package/src/vaadin-grid.js +29 -19
  39. package/theme/lumo/vaadin-grid-styles.js +1 -1
  40. package/web-types.json +4 -4
  41. package/web-types.lit.json +4 -4
  42. package/src/lit-all-imports.js +0 -14
  43. package/src/vaadin-lit-grid-column-group.js +0 -28
  44. package/src/vaadin-lit-grid-column.js +0 -30
  45. package/src/vaadin-lit-grid-filter-column.js +0 -28
  46. package/src/vaadin-lit-grid-filter.js +0 -35
  47. package/src/vaadin-lit-grid-selection-column.js +0 -28
  48. package/src/vaadin-lit-grid-sort-column.js +0 -28
  49. package/src/vaadin-lit-grid-sorter.js +0 -42
  50. package/src/vaadin-lit-grid-tree-column.js +0 -28
  51. package/src/vaadin-lit-grid-tree-toggle.js +0 -39
  52. package/src/vaadin-lit-grid.js +0 -78
  53. package/theme/lumo/lit-all-imports.d.ts +0 -11
  54. package/theme/lumo/lit-all-imports.js +0 -11
  55. package/theme/lumo/vaadin-lit-grid-column-group.d.ts +0 -1
  56. package/theme/lumo/vaadin-lit-grid-column-group.js +0 -1
  57. package/theme/lumo/vaadin-lit-grid-column.d.ts +0 -1
  58. package/theme/lumo/vaadin-lit-grid-column.js +0 -1
  59. package/theme/lumo/vaadin-lit-grid-filter-column.d.ts +0 -2
  60. package/theme/lumo/vaadin-lit-grid-filter-column.js +0 -2
  61. package/theme/lumo/vaadin-lit-grid-filter.d.ts +0 -2
  62. package/theme/lumo/vaadin-lit-grid-filter.js +0 -2
  63. package/theme/lumo/vaadin-lit-grid-selection-column.d.ts +0 -2
  64. package/theme/lumo/vaadin-lit-grid-selection-column.js +0 -2
  65. package/theme/lumo/vaadin-lit-grid-sort-column.d.ts +0 -2
  66. package/theme/lumo/vaadin-lit-grid-sort-column.js +0 -2
  67. package/theme/lumo/vaadin-lit-grid-sorter.d.ts +0 -2
  68. package/theme/lumo/vaadin-lit-grid-sorter.js +0 -2
  69. package/theme/lumo/vaadin-lit-grid-tree-column.d.ts +0 -2
  70. package/theme/lumo/vaadin-lit-grid-tree-column.js +0 -2
  71. package/theme/lumo/vaadin-lit-grid-tree-toggle.d.ts +0 -2
  72. package/theme/lumo/vaadin-lit-grid-tree-toggle.js +0 -2
  73. package/theme/lumo/vaadin-lit-grid.d.ts +0 -2
  74. package/theme/lumo/vaadin-lit-grid.js +0 -2
  75. package/theme/material/all-imports.d.ts +0 -11
  76. package/theme/material/all-imports.js +0 -11
  77. package/theme/material/lit-all-imports.d.ts +0 -11
  78. package/theme/material/lit-all-imports.js +0 -11
  79. package/theme/material/vaadin-grid-column-group.d.ts +0 -1
  80. package/theme/material/vaadin-grid-column-group.js +0 -1
  81. package/theme/material/vaadin-grid-column.d.ts +0 -1
  82. package/theme/material/vaadin-grid-column.js +0 -1
  83. package/theme/material/vaadin-grid-filter-column.d.ts +0 -2
  84. package/theme/material/vaadin-grid-filter-column.js +0 -2
  85. package/theme/material/vaadin-grid-filter.d.ts +0 -2
  86. package/theme/material/vaadin-grid-filter.js +0 -2
  87. package/theme/material/vaadin-grid-selection-column.d.ts +0 -2
  88. package/theme/material/vaadin-grid-selection-column.js +0 -2
  89. package/theme/material/vaadin-grid-sort-column.d.ts +0 -2
  90. package/theme/material/vaadin-grid-sort-column.js +0 -2
  91. package/theme/material/vaadin-grid-sorter-styles.d.ts +0 -2
  92. package/theme/material/vaadin-grid-sorter-styles.js +0 -73
  93. package/theme/material/vaadin-grid-sorter.d.ts +0 -2
  94. package/theme/material/vaadin-grid-sorter.js +0 -2
  95. package/theme/material/vaadin-grid-styles.d.ts +0 -2
  96. package/theme/material/vaadin-grid-styles.js +0 -266
  97. package/theme/material/vaadin-grid-tree-column.d.ts +0 -2
  98. package/theme/material/vaadin-grid-tree-column.js +0 -2
  99. package/theme/material/vaadin-grid-tree-toggle-styles.d.ts +0 -3
  100. package/theme/material/vaadin-grid-tree-toggle-styles.js +0 -42
  101. package/theme/material/vaadin-grid-tree-toggle.d.ts +0 -2
  102. package/theme/material/vaadin-grid-tree-toggle.js +0 -2
  103. package/theme/material/vaadin-grid.d.ts +0 -2
  104. package/theme/material/vaadin-grid.js +0 -2
  105. package/theme/material/vaadin-lit-grid-column-group.d.ts +0 -1
  106. package/theme/material/vaadin-lit-grid-column-group.js +0 -1
  107. package/theme/material/vaadin-lit-grid-column.d.ts +0 -1
  108. package/theme/material/vaadin-lit-grid-column.js +0 -1
  109. package/theme/material/vaadin-lit-grid-filter-column.d.ts +0 -2
  110. package/theme/material/vaadin-lit-grid-filter-column.js +0 -2
  111. package/theme/material/vaadin-lit-grid-filter.d.ts +0 -2
  112. package/theme/material/vaadin-lit-grid-filter.js +0 -2
  113. package/theme/material/vaadin-lit-grid-selection-column.d.ts +0 -2
  114. package/theme/material/vaadin-lit-grid-selection-column.js +0 -2
  115. package/theme/material/vaadin-lit-grid-sort-column.d.ts +0 -2
  116. package/theme/material/vaadin-lit-grid-sort-column.js +0 -2
  117. package/theme/material/vaadin-lit-grid-sorter.d.ts +0 -2
  118. package/theme/material/vaadin-lit-grid-sorter.js +0 -2
  119. package/theme/material/vaadin-lit-grid-tree-column.d.ts +0 -2
  120. package/theme/material/vaadin-lit-grid-tree-column.js +0 -2
  121. package/theme/material/vaadin-lit-grid-tree-toggle.d.ts +0 -2
  122. package/theme/material/vaadin-lit-grid-tree-toggle.js +0 -2
  123. package/theme/material/vaadin-lit-grid.d.ts +0 -2
  124. package/theme/material/vaadin-lit-grid.js +0 -2
  125. package/vaadin-lit-grid-column-group.d.ts +0 -1
  126. package/vaadin-lit-grid-column-group.js +0 -3
  127. package/vaadin-lit-grid-column.d.ts +0 -1
  128. package/vaadin-lit-grid-column.js +0 -3
  129. package/vaadin-lit-grid-filter-column.d.ts +0 -1
  130. package/vaadin-lit-grid-filter-column.js +0 -3
  131. package/vaadin-lit-grid-filter.d.ts +0 -1
  132. package/vaadin-lit-grid-filter.js +0 -3
  133. package/vaadin-lit-grid-selection-column.d.ts +0 -1
  134. package/vaadin-lit-grid-selection-column.js +0 -3
  135. package/vaadin-lit-grid-sort-column.d.ts +0 -1
  136. package/vaadin-lit-grid-sort-column.js +0 -3
  137. package/vaadin-lit-grid-sorter.d.ts +0 -1
  138. package/vaadin-lit-grid-sorter.js +0 -3
  139. package/vaadin-lit-grid-tree-column.d.ts +0 -1
  140. package/vaadin-lit-grid-tree-column.js +0 -3
  141. package/vaadin-lit-grid-tree-toggle.d.ts +0 -1
  142. package/vaadin-lit-grid-tree-toggle.js +0 -3
  143. package/vaadin-lit-grid.d.ts +0 -1
  144. package/vaadin-lit-grid.js +0 -3
@@ -1,2 +0,0 @@
1
- import '@vaadin/text-field/theme/lumo/vaadin-lit-text-field.js';
2
- import '../../src/vaadin-lit-grid-filter.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/text-field/theme/lumo/vaadin-lit-text-field.js';
2
- import '../../src/vaadin-lit-grid-filter.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/checkbox/theme/lumo/vaadin-lit-checkbox.js';
2
- import '../../src/vaadin-lit-grid-selection-column.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/checkbox/theme/lumo/vaadin-lit-checkbox.js';
2
- import '../../src/vaadin-lit-grid-selection-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-lit-grid-sorter.js';
2
- import '../../src/vaadin-lit-grid-sort-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-lit-grid-sorter.js';
2
- import '../../src/vaadin-lit-grid-sort-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-sorter-styles.js';
2
- import '../../src/vaadin-lit-grid-sorter.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-sorter-styles.js';
2
- import '../../src/vaadin-lit-grid-sorter.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-lit-grid-tree-toggle.js';
2
- import '../../src/vaadin-lit-grid-tree-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-lit-grid-tree-toggle.js';
2
- import '../../src/vaadin-lit-grid-tree-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-tree-toggle-styles.js';
2
- import '../../src/vaadin-lit-grid-tree-toggle.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-tree-toggle-styles.js';
2
- import '../../src/vaadin-lit-grid-tree-toggle.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-styles.js';
2
- import '../../src/vaadin-lit-grid.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-styles.js';
2
- import '../../src/vaadin-lit-grid.js';
@@ -1,11 +0,0 @@
1
- import './vaadin-grid-column-group.js';
2
- import './vaadin-grid-column.js';
3
- import './vaadin-grid-filter.js';
4
- import './vaadin-grid-filter-column.js';
5
- import './vaadin-grid-selection-column.js';
6
- import './vaadin-grid-sorter.js';
7
- import './vaadin-grid-sort-column.js';
8
- import './vaadin-grid-tree-toggle.js';
9
- import './vaadin-grid-tree-column.js';
10
- import './vaadin-grid.js';
11
- import '../../src/all-imports.js';
@@ -1,11 +0,0 @@
1
- import './vaadin-grid-column-group.js';
2
- import './vaadin-grid-column.js';
3
- import './vaadin-grid-filter.js';
4
- import './vaadin-grid-filter-column.js';
5
- import './vaadin-grid-selection-column.js';
6
- import './vaadin-grid-sorter.js';
7
- import './vaadin-grid-sort-column.js';
8
- import './vaadin-grid-tree-toggle.js';
9
- import './vaadin-grid-tree-column.js';
10
- import './vaadin-grid.js';
11
- import '../../src/all-imports.js';
@@ -1,11 +0,0 @@
1
- import './vaadin-lit-grid-column-group.js';
2
- import './vaadin-lit-grid-column.js';
3
- import './vaadin-lit-grid-filter.js';
4
- import './vaadin-lit-grid-filter-column.js';
5
- import './vaadin-lit-grid-selection-column.js';
6
- import './vaadin-lit-grid-sorter.js';
7
- import './vaadin-lit-grid-sort-column.js';
8
- import './vaadin-lit-grid-tree-toggle.js';
9
- import './vaadin-lit-grid-tree-column.js';
10
- import './vaadin-lit-grid.js';
11
- import '../../src/lit-all-imports.js';
@@ -1,11 +0,0 @@
1
- import './vaadin-lit-grid-column-group.js';
2
- import './vaadin-lit-grid-column.js';
3
- import './vaadin-lit-grid-filter.js';
4
- import './vaadin-lit-grid-filter-column.js';
5
- import './vaadin-lit-grid-selection-column.js';
6
- import './vaadin-lit-grid-sorter.js';
7
- import './vaadin-lit-grid-sort-column.js';
8
- import './vaadin-lit-grid-tree-toggle.js';
9
- import './vaadin-lit-grid-tree-column.js';
10
- import './vaadin-lit-grid.js';
11
- import '../../src/lit-all-imports.js';
@@ -1 +0,0 @@
1
- import '../../src/vaadin-grid-column-group.js';
@@ -1 +0,0 @@
1
- import '../../src/vaadin-grid-column-group.js';
@@ -1 +0,0 @@
1
- import '../../src/vaadin-grid-column.js';
@@ -1 +0,0 @@
1
- import '../../src/vaadin-grid-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-filter.js';
2
- import '../../src/vaadin-grid-filter-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-filter.js';
2
- import '../../src/vaadin-grid-filter-column.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/text-field/theme/material/vaadin-text-field.js';
2
- import '../../src/vaadin-grid-filter.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/text-field/theme/material/vaadin-text-field.js';
2
- import '../../src/vaadin-grid-filter.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/checkbox/theme/material/vaadin-checkbox.js';
2
- import '../../src/vaadin-grid-selection-column.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/checkbox/theme/material/vaadin-checkbox.js';
2
- import '../../src/vaadin-grid-selection-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-sorter.js';
2
- import '../../src/vaadin-grid-sort-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-sorter.js';
2
- import '../../src/vaadin-grid-sort-column.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/vaadin-material-styles/color.js';
2
- import '@vaadin/vaadin-material-styles/font-icons.js';
@@ -1,73 +0,0 @@
1
- import '@vaadin/vaadin-material-styles/color.js';
2
- import '@vaadin/vaadin-material-styles/font-icons.js';
3
- import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
4
-
5
- registerStyles(
6
- 'vaadin-grid-sorter',
7
- css`
8
- :host {
9
- justify-content: flex-start;
10
- height: 100%;
11
- align-items: center;
12
- -webkit-user-select: none;
13
- user-select: none;
14
- }
15
-
16
- :host([direction]) {
17
- color: var(--material-body-text-color);
18
- }
19
-
20
- [part='indicators'] {
21
- order: -1;
22
- }
23
-
24
- [part='indicators']::before {
25
- display: inline-block;
26
- width: 24px;
27
- font-family: 'material-icons';
28
- font-size: 18px;
29
- line-height: 18px;
30
- transition:
31
- 0.1s opacity cubic-bezier(0.4, 0, 0.2, 0.1),
32
- 0.1s width cubic-bezier(0.4, 0, 0.2, 0.1);
33
- opacity: 0.5;
34
- }
35
-
36
- :host(:not([direction])) [part='indicators']::before {
37
- content: var(--material-icons-arrow-upward);
38
- width: 0;
39
- opacity: 0;
40
- }
41
-
42
- :host([direction]) [part='indicators']::before {
43
- opacity: 1;
44
- }
45
-
46
- :host([direction='asc']) [part='indicators']::before {
47
- content: var(--material-icons-arrow-upward);
48
- }
49
-
50
- :host([direction='desc']) [part='indicators']::before {
51
- content: var(--material-icons-arrow-downward);
52
- }
53
-
54
- :host(:hover) [part='indicators']::before {
55
- width: 24px;
56
- opacity: 1;
57
- }
58
-
59
- [part='order'] {
60
- right: 4px;
61
- top: -8px;
62
- font-size: 10px;
63
- }
64
-
65
- /* RTL specific styles */
66
-
67
- :host([dir='rtl']) [part='order'] {
68
- left: 4px;
69
- right: auto;
70
- }
71
- `,
72
- { moduleId: 'material-grid-sorter' },
73
- );
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-sorter-styles.js';
2
- import '../../src/vaadin-grid-sorter.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-sorter-styles.js';
2
- import '../../src/vaadin-grid-sorter.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/vaadin-material-styles/color.js';
2
- import '@vaadin/vaadin-material-styles/typography.js';
@@ -1,266 +0,0 @@
1
- import '@vaadin/vaadin-material-styles/color.js';
2
- import '@vaadin/vaadin-material-styles/typography.js';
3
- import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
4
-
5
- registerStyles(
6
- 'vaadin-grid',
7
- css`
8
- :host {
9
- background-color: var(--material-background-color);
10
- font-family: var(--material-font-family);
11
- font-size: var(--material-small-font-size);
12
- line-height: 20px;
13
- color: var(--material-body-text-color);
14
- }
15
-
16
- :host([disabled]) {
17
- opacity: 0.7;
18
- }
19
-
20
- [part~='cell'] {
21
- min-height: 48px;
22
- -webkit-tap-highlight-color: transparent;
23
- --_cell-padding: var(--vaadin-grid-cell-padding, var(--_cell-default-padding));
24
- --_cell-default-padding: 8px 16px;
25
- }
26
-
27
- [part~='cell'] ::slotted(vaadin-grid-cell-content) {
28
- padding: var(--_cell-padding);
29
- }
30
-
31
- [part~='details-cell'] {
32
- --_cell-default-padding: 14px 16px;
33
- }
34
-
35
- [part~='header-cell'],
36
- [part~='footer-cell'] {
37
- background-color: var(--vaadin-grid-cell-background, var(--material-background-color));
38
- color: var(--material-secondary-text-color);
39
- font-size: var(--material-caption-font-size);
40
- font-weight: 500;
41
- }
42
-
43
- /* Header and footer divider between body rows */
44
-
45
- [part~='body-cell'],
46
- [part~='details-cell'],
47
- [part~='row']:last-child > [part~='header-cell'] {
48
- border-bottom: 1px solid var(--material-divider-color);
49
- }
50
-
51
- [part~='row']:first-child > [part~='footer-cell'] {
52
- border-top: 1px solid var(--material-divider-color);
53
- }
54
-
55
- /* Body rows/cells */
56
-
57
- [part~='body-cell'] {
58
- background-color: var(--vaadin-grid-cell-background, var(--material-background-color));
59
- }
60
-
61
- [part~='row']:hover > [part~='body-cell'] {
62
- background: var(
63
- --vaadin-grid-cell-background,
64
- linear-gradient(
65
- var(--_material-grid-row-hover-background-color, rgba(0, 0, 0, 0.04)),
66
- var(--_material-grid-row-hover-background-color, rgba(0, 0, 0, 0.04))
67
- )
68
- var(--material-background-color)
69
- );
70
- }
71
-
72
- @media (hover: none) {
73
- [part~='row']:hover > [part~='body-cell'] {
74
- background: var(--material-background-color);
75
- }
76
- }
77
-
78
- /* Selected row */
79
-
80
- [part~='body-cell']::before {
81
- content: '';
82
- pointer-events: none;
83
- position: absolute;
84
- inset: 0;
85
- background-color: var(--material-primary-color);
86
- opacity: 0;
87
- transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 0.1);
88
- }
89
-
90
- :host(:not([reordering])) [part~='row'][selected] > [part~='body-cell']::before {
91
- opacity: var(--_material-grid-row-selected-overlay-opacity, 0.08);
92
- }
93
-
94
- [part~='body-cell'] ::slotted(vaadin-grid-cell-content) {
95
- /* NOTE(platosha): Raise cell content above background cell pseudo elements */
96
- position: relative;
97
- }
98
-
99
- /* Column reordering */
100
-
101
- :host([reordering]) [part~='cell'] {
102
- background: var(--material-secondary-background-color);
103
- }
104
-
105
- :host([reordering]) [part~='cell'][reorder-status='allowed'] {
106
- background: var(--material-background-color);
107
- }
108
-
109
- :host([reordering]) [part~='cell'][reorder-status='dragging'] {
110
- background: var(--material-background-color);
111
- }
112
-
113
- /* Frozen columns */
114
-
115
- [part~='cell'][last-frozen] {
116
- border-right: 1px solid var(--material-divider-color);
117
- }
118
-
119
- [part~='cell'][first-frozen-to-end] {
120
- border-left: 1px solid var(--material-divider-color);
121
- }
122
-
123
- /* Column resizing */
124
-
125
- [part~='cell']:not([last-frozen]) [part='resize-handle'] {
126
- border-right: 1px solid var(--material-divider-color);
127
- }
128
-
129
- /* Keyboard navigation */
130
-
131
- [part~='row'] {
132
- position: relative;
133
- }
134
-
135
- [part~='row']:focus,
136
- [part~='focused-cell']:focus {
137
- outline: none;
138
- }
139
-
140
- :host([navigating]) [part~='row']:focus::before,
141
- :host([navigating]) [part~='focused-cell']:focus {
142
- box-shadow: inset 0 0 0 2px var(--material-primary-color);
143
- }
144
-
145
- :host([navigating]) [part~='row']:focus::before {
146
- content: '';
147
- position: absolute;
148
- inset: 0;
149
- pointer-events: none;
150
- transform: translateX(calc(-1 * var(--_grid-horizontal-scroll-position)));
151
- z-index: 3;
152
- }
153
-
154
- /* Empty state */
155
- [part~='empty-state'] {
156
- padding: 16px;
157
- color: var(--material-secondary-text-color);
158
- }
159
-
160
- /* Drag and Drop styles */
161
- :host([dragover])::after {
162
- content: '';
163
- position: absolute;
164
- z-index: 100;
165
- inset: 0;
166
- pointer-events: none;
167
- box-shadow: inset 0 0 0 2px var(--material-primary-color);
168
- }
169
-
170
- [part~='row'][dragover] {
171
- z-index: 100 !important;
172
- }
173
-
174
- [part~='row'][dragover] [part~='cell'] {
175
- overflow: visible;
176
- }
177
-
178
- [part~='row'][dragover] [part~='cell']::after {
179
- content: '';
180
- position: absolute;
181
- inset: 0;
182
- height: 3px;
183
- pointer-events: none;
184
- background: var(--material-primary-color);
185
- }
186
-
187
- [part~='row'][dragover='below'] [part~='cell']::after {
188
- top: 100%;
189
- bottom: auto;
190
- margin-top: -1px;
191
- }
192
-
193
- :host([all-rows-visible]) [part~='last-row'][dragover='below'] [part~='cell']::after {
194
- height: 1px;
195
- }
196
-
197
- [part~='row'][dragover='above'] [part~='cell']::after {
198
- top: auto;
199
- bottom: 100%;
200
- margin-bottom: -1px;
201
- }
202
-
203
- [part~='row'][details-opened][dragover='below'] [part~='cell']:not([part~='details-cell'])::after,
204
- [part~='row'][details-opened][dragover='above'] [part~='details-cell']::after {
205
- display: none;
206
- }
207
-
208
- [part~='row'][dragover][dragover='on-top'] [part~='cell']::after {
209
- height: 100%;
210
- opacity: 0.5;
211
- }
212
-
213
- [part~='row'][dragstart] {
214
- z-index: 100 !important;
215
- opacity: 0.9;
216
- }
217
-
218
- [part~='row'][dragstart] [part~='cell'] {
219
- border: none !important;
220
- box-shadow: none !important;
221
- }
222
-
223
- #scroller [part~='row'][dragstart]:not([dragstart=''])::after {
224
- display: block;
225
- position: absolute;
226
- left: var(--_grid-drag-start-x);
227
- top: var(--_grid-drag-start-y);
228
- z-index: 100;
229
- content: attr(dragstart);
230
- align-items: center;
231
- justify-content: center;
232
- box-sizing: border-box;
233
- padding: 4px;
234
- color: var(--material-primary-contrast-color);
235
- background-color: var(--material-error-color);
236
- min-width: 24px;
237
- border-radius: 2px;
238
- font-size: var(--material-caption-font-size);
239
- text-align: center;
240
- line-height: 1;
241
- }
242
-
243
- /* RTL specific styles */
244
-
245
- :host([dir='rtl']) [part~='cell'][last-frozen] {
246
- border-right: none;
247
- border-left: 1px solid var(--material-divider-color);
248
- }
249
-
250
- :host([dir='rtl']) [part~='cell'][first-frozen-to-end] {
251
- border-left: none;
252
- border-right: 1px solid var(--material-divider-color);
253
- }
254
-
255
- :host([dir='rtl']) [part~='cell']:not([last-frozen]) [part='resize-handle'] {
256
- border-right: none;
257
- border-left: 1px solid var(--material-divider-color);
258
- }
259
-
260
- :host([dir='rtl']) #scroller [part~='row'][dragstart]:not([dragstart=''])::after {
261
- left: auto;
262
- right: var(--_grid-drag-start-x);
263
- }
264
- `,
265
- { moduleId: 'material-grid' },
266
- );
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-tree-toggle.js';
2
- import '../../src/vaadin-grid-tree-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-tree-toggle.js';
2
- import '../../src/vaadin-grid-tree-column.js';
@@ -1,3 +0,0 @@
1
- import '@vaadin/vaadin-material-styles/color.js';
2
- import '@vaadin/vaadin-material-styles/font-icons.js';
3
- import '@vaadin/vaadin-material-styles/typography.js';
@@ -1,42 +0,0 @@
1
- import '@vaadin/vaadin-material-styles/color.js';
2
- import '@vaadin/vaadin-material-styles/font-icons.js';
3
- import '@vaadin/vaadin-material-styles/typography.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
- --_material-grid-tree-toggle-collapsed-icon-transform: rotate(0);
11
- }
12
-
13
- :host([dir='rtl']) {
14
- --_material-grid-tree-toggle-collapsed-icon-transform: rotate(180deg);
15
- }
16
-
17
- [part='toggle'] {
18
- width: calc(var(--material-icon-font-size) + 8px);
19
- position: relative;
20
- align-self: stretch; /* NOTE(platosha): helps to maintain baseline */
21
- }
22
-
23
- [part='toggle']::before {
24
- font-family: 'material-icons';
25
- font-size: var(--material-icon-font-size);
26
- width: var(--material-icon-font-size);
27
- position: absolute; /* NOTE(platosha): helps to maintain baseline */
28
- transform: var(--_material-grid-tree-toggle-collapsed-icon-transform);
29
- transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 0.1);
30
- }
31
-
32
- :host(:not([expanded])) [part='toggle']::before,
33
- :host([expanded]) [part='toggle']::before {
34
- content: var(--material-icons-chevron-right);
35
- }
36
-
37
- :host([expanded]) [part='toggle']::before {
38
- transform: rotate(90deg);
39
- }
40
- `,
41
- { moduleId: 'material-grid-tree-toggle' },
42
- );
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-tree-toggle-styles.js';
2
- import '../../src/vaadin-grid-tree-toggle.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-tree-toggle-styles.js';
2
- import '../../src/vaadin-grid-tree-toggle.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-styles.js';
2
- import '../../src/vaadin-grid.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-styles.js';
2
- import '../../src/vaadin-grid.js';
@@ -1 +0,0 @@
1
- import '../../src/vaadin-lit-grid-column-group.js';
@@ -1 +0,0 @@
1
- import '../../src/vaadin-lit-grid-column-group.js';
@@ -1 +0,0 @@
1
- import '../../src/vaadin-lit-grid-column.js';
@@ -1 +0,0 @@
1
- import '../../src/vaadin-lit-grid-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-lit-grid-filter.js';
2
- import '../../src/vaadin-lit-grid-filter-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-lit-grid-filter.js';
2
- import '../../src/vaadin-lit-grid-filter-column.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/text-field/theme/material/vaadin-lit-text-field.js';
2
- import '../../src/vaadin-lit-grid-filter.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/text-field/theme/material/vaadin-lit-text-field.js';
2
- import '../../src/vaadin-lit-grid-filter.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/checkbox/theme/material/vaadin-lit-checkbox.js';
2
- import '../../src/vaadin-lit-grid-selection-column.js';
@@ -1,2 +0,0 @@
1
- import '@vaadin/checkbox/theme/material/vaadin-lit-checkbox.js';
2
- import '../../src/vaadin-lit-grid-selection-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-lit-grid-sorter.js';
2
- import '../../src/vaadin-lit-grid-sort-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-lit-grid-sorter.js';
2
- import '../../src/vaadin-lit-grid-sort-column.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-sorter-styles.js';
2
- import '../../src/vaadin-lit-grid-sorter.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-grid-sorter-styles.js';
2
- import '../../src/vaadin-lit-grid-sorter.js';
@@ -1,2 +0,0 @@
1
- import './vaadin-lit-grid-tree-toggle.js';
2
- import '../../src/vaadin-lit-grid-tree-column.js';