@syncfusion/ej2-navigations 31.1.18 → 31.1.20

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 (90) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +1 -0
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +1 -0
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +4 -4
  12. package/src/treeview/treeview.js +1 -0
  13. package/styles/bds-lite.css +5 -5
  14. package/styles/bds.css +5 -5
  15. package/styles/bootstrap-dark-lite.css +4 -2
  16. package/styles/bootstrap-dark.css +4 -2
  17. package/styles/bootstrap-lite.css +4 -2
  18. package/styles/bootstrap.css +4 -2
  19. package/styles/bootstrap4-lite.css +11 -8
  20. package/styles/bootstrap4.css +22 -12
  21. package/styles/bootstrap5-dark-lite.css +4 -4
  22. package/styles/bootstrap5-dark.css +14 -6
  23. package/styles/bootstrap5-lite.css +4 -4
  24. package/styles/bootstrap5.3-lite.css +21 -9
  25. package/styles/bootstrap5.3.css +32 -12
  26. package/styles/bootstrap5.css +14 -6
  27. package/styles/fabric-dark-lite.css +4 -2
  28. package/styles/fabric-dark.css +4 -2
  29. package/styles/fabric-lite.css +4 -2
  30. package/styles/fabric.css +4 -2
  31. package/styles/fluent-dark-lite.css +13 -10
  32. package/styles/fluent-dark.css +23 -13
  33. package/styles/fluent-lite.css +13 -10
  34. package/styles/fluent.css +23 -13
  35. package/styles/fluent2-lite.css +3 -2
  36. package/styles/fluent2.css +3 -2
  37. package/styles/highcontrast-light-lite.css +2 -3
  38. package/styles/highcontrast-light.css +2 -3
  39. package/styles/highcontrast-lite.css +12 -9
  40. package/styles/highcontrast.css +24 -12
  41. package/styles/material-dark-lite.css +17 -12
  42. package/styles/material-dark.css +37 -16
  43. package/styles/material-lite.css +17 -9
  44. package/styles/material.css +34 -12
  45. package/styles/material3-dark-lite.css +4 -5
  46. package/styles/material3-dark.css +5 -5
  47. package/styles/material3-lite.css +4 -5
  48. package/styles/material3.css +5 -5
  49. package/styles/menu/_material3-definition.scss +1 -1
  50. package/styles/menu/material3-dark.css +2 -2
  51. package/styles/menu/material3.css +2 -2
  52. package/styles/tailwind-dark-lite.css +4 -4
  53. package/styles/tailwind-dark.css +4 -4
  54. package/styles/tailwind-lite.css +4 -4
  55. package/styles/tailwind.css +4 -4
  56. package/styles/tailwind3-lite.css +9 -4
  57. package/styles/tailwind3.css +16 -4
  58. package/styles/treeview/_bds-definition.scss +1 -1
  59. package/styles/treeview/_bigger.scss +91 -0
  60. package/styles/treeview/_bootstrap4-definition.scss +7 -7
  61. package/styles/treeview/_bootstrap5-definition.scss +2 -2
  62. package/styles/treeview/_bootstrap5.3-definition.scss +8 -8
  63. package/styles/treeview/_fluent-definition.scss +6 -6
  64. package/styles/treeview/_highcontrast-definition.scss +6 -6
  65. package/styles/treeview/_layout.scss +66 -15
  66. package/styles/treeview/_material-dark-definition.scss +7 -7
  67. package/styles/treeview/_material-definition.scss +6 -6
  68. package/styles/treeview/_tailwind3-definition.scss +1 -1
  69. package/styles/treeview/_theme.scss +7 -2
  70. package/styles/treeview/bds.css +5 -5
  71. package/styles/treeview/bootstrap-dark.css +4 -2
  72. package/styles/treeview/bootstrap.css +4 -2
  73. package/styles/treeview/bootstrap4.css +22 -12
  74. package/styles/treeview/bootstrap5-dark.css +14 -6
  75. package/styles/treeview/bootstrap5.3.css +32 -12
  76. package/styles/treeview/bootstrap5.css +14 -6
  77. package/styles/treeview/fabric-dark.css +4 -2
  78. package/styles/treeview/fabric.css +4 -2
  79. package/styles/treeview/fluent-dark.css +23 -13
  80. package/styles/treeview/fluent.css +23 -13
  81. package/styles/treeview/fluent2.css +3 -2
  82. package/styles/treeview/highcontrast-light.css +2 -3
  83. package/styles/treeview/highcontrast.css +24 -12
  84. package/styles/treeview/material-dark.css +37 -16
  85. package/styles/treeview/material.css +34 -12
  86. package/styles/treeview/material3-dark.css +3 -3
  87. package/styles/treeview/material3.css +3 -3
  88. package/styles/treeview/tailwind-dark.css +4 -4
  89. package/styles/treeview/tailwind.css +4 -4
  90. package/styles/treeview/tailwind3.css +16 -4
package/styles/treeview/material-dark.css CHANGED
@@ -119,10 +119,8 @@
119
119
  }
120
120
  .e-treeview .e-list-item {
121
121
  list-style: none;
122
- padding: 2px 0;
123
122
  }
124
123
  .e-treeview .e-list-item .e-ul {
125
- margin: 2px 0 -2px;
126
124
  padding: 0 0 0 24px;
127
125
  }
128
126
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -146,6 +144,17 @@
146
144
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
147
145
  content: none;
148
146
  }
147
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
148
+ padding-top: 1px;
149
+ padding-bottom: 1px;
150
+ }
151
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) .e-input-group {
152
+ height: 34px;
153
+ }
154
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) .e-input-group .e-input {
155
+ line-height: 26px;
156
+ min-height: 26px;
157
+ }
149
158
  .e-treeview .e-icons .e-spinner-pane {
150
159
  position: relative;
151
160
  }
@@ -160,7 +169,6 @@
160
169
  -ms-user-select: none;
161
170
  -webkit-user-select: none;
162
171
  user-select: none;
163
- border: 1px solid;
164
172
  cursor: pointer;
165
173
  margin: 0;
166
174
  padding: 0 0 0 24px;
@@ -177,7 +185,7 @@
177
185
  -webkit-box-sizing: border-box;
178
186
  box-sizing: border-box;
179
187
  cursor: pointer;
180
- height: 32px;
188
+ height: 36px;
181
189
  left: 0;
182
190
  overflow: hidden;
183
191
  position: absolute;
@@ -197,7 +205,7 @@
197
205
  margin: 0 0 0 12px;
198
206
  }
199
207
  .e-treeview .e-checkbox-wrapper + .e-list-text {
200
- padding: 0 10px;
208
+ padding: 7px 10px;
201
209
  }
202
210
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
203
211
  bottom: -7px;
@@ -211,10 +219,10 @@
211
219
  -webkit-box-sizing: border-box;
212
220
  box-sizing: border-box;
213
221
  display: inline-block;
214
- line-height: 30px;
222
+ line-height: 22px;
215
223
  margin: 0;
216
- min-height: 30px;
217
- padding: 0 5px;
224
+ min-height: 22px;
225
+ padding: 7px 5px;
218
226
  text-decoration: none;
219
227
  vertical-align: middle;
220
228
  }
@@ -224,11 +232,8 @@
224
232
  min-width: 150px;
225
233
  vertical-align: bottom;
226
234
  }
227
- .e-treeview .e-list-text .e-input-group .e-input {
228
- height: 28px;
229
- }
230
235
  .e-treeview .e-navigable-text {
231
- padding: 0 5px;
236
+ padding: 7px 5px;
232
237
  }
233
238
  .e-treeview .e-list-icon,
234
239
  .e-treeview .e-list-img {
@@ -678,7 +683,7 @@
678
683
  }
679
684
  .e-bigger .e-treeview .e-fullrow,
680
685
  .e-treeview.e-bigger .e-fullrow {
681
- height: 40px;
686
+ height: 48px;
682
687
  }
683
688
  .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
684
689
  .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -705,17 +710,33 @@
705
710
  }
706
711
  .e-bigger .e-treeview .e-list-text,
707
712
  .e-treeview.e-bigger .e-list-text {
708
- line-height: 38px;
709
- min-height: 38px;
713
+ line-height: 24px;
714
+ min-height: 24px;
715
+ padding-top: 12px;
716
+ padding-bottom: 12px;
710
717
  }
711
718
  .e-bigger .e-treeview .e-list-text .e-input-group,
712
719
  .e-treeview.e-bigger .e-list-text .e-input-group {
713
- height: 38px;
720
+ height: 40px;
721
+ line-height: 42px;
722
+ min-height: 42px;
714
723
  }
715
724
  .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
716
725
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
717
726
  height: 36px;
718
727
  }
728
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
729
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
730
+ line-height: 28px;
731
+ min-height: 28px;
732
+ padding-top: 9px;
733
+ padding-bottom: 5px;
734
+ }
735
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
736
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
737
+ padding-top: 3px;
738
+ padding-bottom: 3px;
739
+ }
719
740
  .e-bigger .e-treeview .e-checkbox-wrapper,
720
741
  .e-treeview.e-bigger .e-checkbox-wrapper {
721
742
  margin: 0 0 0 10px;
package/styles/treeview/material.css CHANGED
@@ -140,10 +140,8 @@
140
140
  }
141
141
  .e-treeview .e-list-item {
142
142
  list-style: none;
143
- padding: 2px 0;
144
143
  }
145
144
  .e-treeview .e-list-item .e-ul {
146
- margin: 2px 0 -2px;
147
145
  padding: 0 0 0 24px;
148
146
  }
149
147
  .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -167,6 +165,17 @@
167
165
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
168
166
  content: none;
169
167
  }
168
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
169
+ padding-top: 1px;
170
+ padding-bottom: 1px;
171
+ }
172
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) .e-input-group {
173
+ height: 34px;
174
+ }
175
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) .e-input-group .e-input {
176
+ line-height: 26px;
177
+ min-height: 26px;
178
+ }
170
179
  .e-treeview .e-icons .e-spinner-pane {
171
180
  position: relative;
172
181
  }
@@ -181,7 +190,6 @@
181
190
  -ms-user-select: none;
182
191
  -webkit-user-select: none;
183
192
  user-select: none;
184
- border: 1px solid;
185
193
  cursor: pointer;
186
194
  margin: 0;
187
195
  padding: 0 0 0 24px;
@@ -198,7 +206,7 @@
198
206
  -webkit-box-sizing: border-box;
199
207
  box-sizing: border-box;
200
208
  cursor: pointer;
201
- height: 32px;
209
+ height: 36px;
202
210
  left: 0;
203
211
  overflow: hidden;
204
212
  position: absolute;
@@ -218,7 +226,7 @@
218
226
  margin: 0 0 0 12px;
219
227
  }
220
228
  .e-treeview .e-checkbox-wrapper + .e-list-text {
221
- padding: 0 10px;
229
+ padding: 7px 10px;
222
230
  }
223
231
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
224
232
  bottom: -7px;
@@ -232,10 +240,10 @@
232
240
  -webkit-box-sizing: border-box;
233
241
  box-sizing: border-box;
234
242
  display: inline-block;
235
- line-height: 30px;
243
+ line-height: 22px;
236
244
  margin: 0;
237
- min-height: 30px;
238
- padding: 0 5px;
245
+ min-height: 22px;
246
+ padding: 7px 5px;
239
247
  text-decoration: none;
240
248
  vertical-align: middle;
241
249
  }
@@ -246,7 +254,7 @@
246
254
  vertical-align: bottom;
247
255
  }
248
256
  .e-treeview .e-navigable-text {
249
- padding: 0 5px;
257
+ padding: 7px 5px;
250
258
  }
251
259
  .e-treeview .e-list-icon,
252
260
  .e-treeview .e-list-img {
@@ -696,7 +704,7 @@
696
704
  }
697
705
  .e-bigger .e-treeview .e-fullrow,
698
706
  .e-treeview.e-bigger .e-fullrow {
699
- height: 40px;
707
+ height: 48px;
700
708
  }
701
709
  .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
702
710
  .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
@@ -723,13 +731,27 @@
723
731
  }
724
732
  .e-bigger .e-treeview .e-list-text,
725
733
  .e-treeview.e-bigger .e-list-text {
726
- line-height: 38px;
727
- min-height: 38px;
734
+ line-height: 24px;
735
+ min-height: 24px;
736
+ padding-top: 12px;
737
+ padding-bottom: 12px;
728
738
  }
729
739
  .e-bigger .e-treeview .e-list-text .e-input-group,
730
740
  .e-treeview.e-bigger .e-list-text .e-input-group {
731
741
  height: 38px;
732
742
  }
743
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
744
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
745
+ line-height: 28px;
746
+ min-height: 28px;
747
+ padding-top: 9px;
748
+ padding-bottom: 5px;
749
+ }
750
+ .e-bigger .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group),
751
+ .e-treeview.e-bigger .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
752
+ padding-top: 3px;
753
+ padding-bottom: 3px;
754
+ }
733
755
  .e-bigger .e-treeview .e-checkbox-wrapper,
734
756
  .e-treeview.e-bigger .e-checkbox-wrapper {
735
757
  margin: 0 0 0 10px;
package/styles/treeview/material3-dark.css CHANGED
@@ -142,9 +142,7 @@
142
142
  list-style: none;
143
143
  }
144
144
  .e-treeview .e-list-item .e-ul {
145
- margin: 2px 0 -2px;
146
145
  padding: 0 0 0 20px;
147
- margin: 0;
148
146
  }
149
147
  .e-treeview .e-list-item.e-disable > .e-text-content,
150
148
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -181,7 +179,6 @@
181
179
  -ms-user-select: none;
182
180
  -webkit-user-select: none;
183
181
  user-select: none;
184
- border: 1px solid;
185
182
  cursor: pointer;
186
183
  margin: 0;
187
184
  padding: 0 0 0 20px;
@@ -248,6 +245,8 @@
248
245
  }
249
246
  .e-treeview .e-list-text .e-input-group .e-input {
250
247
  height: 28px;
248
+ padding-top: 6px;
249
+ padding-bottom: 6px;
251
250
  }
252
251
  .e-treeview .e-navigable-text {
253
252
  padding: 0;
@@ -885,6 +884,7 @@
885
884
  .e-bigger .e-treeview .e-list-text,
886
885
  .e-treeview.e-bigger .e-list-text {
887
886
  font-size: 16px;
887
+ padding: 12px;
888
888
  }
889
889
  .e-bigger .e-treeview .e-icon-collapsible::before,
890
890
  .e-bigger .e-treeview .e-icon-expandable::before,
package/styles/treeview/material3.css CHANGED
@@ -144,9 +144,7 @@
144
144
  list-style: none;
145
145
  }
146
146
  .e-treeview .e-list-item .e-ul {
147
- margin: 2px 0 -2px;
148
147
  padding: 0 0 0 20px;
149
- margin: 0;
150
148
  }
151
149
  .e-treeview .e-list-item.e-disable > .e-text-content,
152
150
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -183,7 +181,6 @@
183
181
  -ms-user-select: none;
184
182
  -webkit-user-select: none;
185
183
  user-select: none;
186
- border: 1px solid;
187
184
  cursor: pointer;
188
185
  margin: 0;
189
186
  padding: 0 0 0 20px;
@@ -250,6 +247,8 @@
250
247
  }
251
248
  .e-treeview .e-list-text .e-input-group .e-input {
252
249
  height: 28px;
250
+ padding-top: 6px;
251
+ padding-bottom: 6px;
253
252
  }
254
253
  .e-treeview .e-navigable-text {
255
254
  padding: 0;
@@ -887,6 +886,7 @@
887
886
  .e-bigger .e-treeview .e-list-text,
888
887
  .e-treeview.e-bigger .e-list-text {
889
888
  font-size: 16px;
889
+ padding: 12px;
890
890
  }
891
891
  .e-bigger .e-treeview .e-icon-collapsible::before,
892
892
  .e-bigger .e-treeview .e-icon-expandable::before,
package/styles/treeview/tailwind-dark.css CHANGED
@@ -108,9 +108,7 @@
108
108
  list-style: none;
109
109
  }
110
110
  .e-treeview .e-list-item .e-ul {
111
- margin: 2px 0 -2px;
112
111
  padding: 0 0 0 20px;
113
- margin: 2px 0 0;
114
112
  }
115
113
  .e-treeview .e-list-item.e-disable > .e-text-content,
116
114
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -150,7 +148,6 @@
150
148
  -ms-user-select: none;
151
149
  -webkit-user-select: none;
152
150
  user-select: none;
153
- border: 1px solid;
154
151
  cursor: pointer;
155
152
  margin: 0;
156
153
  padding: 0 0 0 20px;
@@ -210,12 +207,15 @@
210
207
  }
211
208
  .e-treeview .e-list-text .e-input-group {
212
209
  height: 30px;
213
- margin-bottom: 3px;
210
+ margin-top: 4px;
211
+ margin-bottom: 4px;
214
212
  min-width: 150px;
215
213
  vertical-align: bottom;
216
214
  }
217
215
  .e-treeview .e-list-text .e-input-group .e-input {
218
216
  height: 28px;
217
+ padding-top: 6px;
218
+ padding-bottom: 6px;
219
219
  }
220
220
  .e-treeview .e-navigable-text {
221
221
  padding: 0 8px;
package/styles/treeview/tailwind.css CHANGED
@@ -108,9 +108,7 @@
108
108
  list-style: none;
109
109
  }
110
110
  .e-treeview .e-list-item .e-ul {
111
- margin: 2px 0 -2px;
112
111
  padding: 0 0 0 20px;
113
- margin: 2px 0 0;
114
112
  }
115
113
  .e-treeview .e-list-item.e-disable > .e-text-content,
116
114
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -150,7 +148,6 @@
150
148
  -ms-user-select: none;
151
149
  -webkit-user-select: none;
152
150
  user-select: none;
153
- border: 1px solid;
154
151
  cursor: pointer;
155
152
  margin: 0;
156
153
  padding: 0 0 0 20px;
@@ -210,12 +207,15 @@
210
207
  }
211
208
  .e-treeview .e-list-text .e-input-group {
212
209
  height: 30px;
213
- margin-bottom: 3px;
210
+ margin-top: 4px;
211
+ margin-bottom: 4px;
214
212
  min-width: 150px;
215
213
  vertical-align: bottom;
216
214
  }
217
215
  .e-treeview .e-list-text .e-input-group .e-input {
218
216
  height: 28px;
217
+ padding-top: 6px;
218
+ padding-bottom: 6px;
219
219
  }
220
220
  .e-treeview .e-navigable-text {
221
221
  padding: 0 8px;
package/styles/treeview/tailwind3.css CHANGED
@@ -128,9 +128,7 @@
128
128
  list-style: none;
129
129
  }
130
130
  .e-treeview .e-list-item .e-ul {
131
- margin: 2px 0 -2px;
132
131
  padding: 0 0 0 20px;
133
- margin: 0;
134
132
  }
135
133
  .e-treeview .e-list-item.e-disable > .e-text-content,
136
134
  .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -153,6 +151,10 @@
153
151
  .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
154
152
  content: none;
155
153
  }
154
+ .e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
155
+ padding-top: 4px;
156
+ padding-bottom: 4px;
157
+ }
156
158
  .e-treeview .e-icons .e-spinner-pane {
157
159
  position: relative;
158
160
  }
@@ -167,7 +169,6 @@
167
169
  -ms-user-select: none;
168
170
  -webkit-user-select: none;
169
171
  user-select: none;
170
- border: 1px solid;
171
172
  cursor: pointer;
172
173
  margin: 0;
173
174
  padding: 0 0 0 20px;
@@ -228,13 +229,17 @@
228
229
  vertical-align: middle;
229
230
  }
230
231
  .e-treeview .e-list-text .e-input-group {
231
- height: 30px;
232
+ height: 32px;
232
233
  margin-bottom: 0;
233
234
  min-width: 150px;
234
235
  vertical-align: bottom;
235
236
  }
236
237
  .e-treeview .e-list-text .e-input-group .e-input {
237
238
  height: 28px;
239
+ padding-top: 6px;
240
+ padding-bottom: 6px;
241
+ line-height: 20px;
242
+ height: 32px;
238
243
  }
239
244
  .e-treeview .e-navigable-text {
240
245
  padding: 10px 8px;
@@ -729,6 +734,13 @@
729
734
  .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
730
735
  height: 36px;
731
736
  }
737
+ .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
738
+ .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
739
+ height: 40px;
740
+ line-height: 24px;
741
+ padding-top: 8px;
742
+ padding-bottom: 8px;
743
+ }
732
744
  .e-bigger .e-treeview .e-checkbox-wrapper,
733
745
  .e-treeview.e-bigger .e-checkbox-wrapper {
734
746
  margin: 0 0 0 12px;