@syncfusion/ej2-angular-navigations 19.3.53 → 19.4.38

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 (120) hide show
  1. package/@syncfusion/ej2-angular-navigations.es5.js +4 -4
  2. package/@syncfusion/ej2-angular-navigations.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-navigations.js +4 -4
  4. package/@syncfusion/ej2-angular-navigations.js.map +1 -1
  5. package/CHANGELOG.md +57 -0
  6. package/dist/ej2-angular-navigations.umd.js +5 -5
  7. package/dist/ej2-angular-navigations.umd.js.map +1 -1
  8. package/dist/ej2-angular-navigations.umd.min.js +2 -2
  9. package/dist/ej2-angular-navigations.umd.min.js.map +1 -1
  10. package/ej2-angular-navigations.metadata.json +1 -1
  11. package/package.json +8 -8
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/breadcrumb/items.directive.d.ts +5 -0
  16. package/styles/accordion/bootstrap4.css +1 -2
  17. package/styles/accordion/bootstrap5-dark.css +11 -2
  18. package/styles/accordion/bootstrap5.css +11 -2
  19. package/styles/accordion/highcontrast-light.css +0 -4
  20. package/styles/accordion/highcontrast.css +1 -5
  21. package/styles/bootstrap-dark.css +317 -84
  22. package/styles/bootstrap.css +316 -83
  23. package/styles/bootstrap4.css +317 -76
  24. package/styles/bootstrap5-dark.css +340 -76
  25. package/styles/bootstrap5.css +342 -78
  26. package/styles/breadcrumb/bootstrap-dark.css +194 -17
  27. package/styles/breadcrumb/bootstrap.css +194 -17
  28. package/styles/breadcrumb/bootstrap4.css +194 -17
  29. package/styles/breadcrumb/bootstrap5-dark.css +198 -24
  30. package/styles/breadcrumb/bootstrap5.css +198 -24
  31. package/styles/breadcrumb/fabric-dark.css +197 -20
  32. package/styles/breadcrumb/fabric.css +197 -20
  33. package/styles/breadcrumb/highcontrast-light.css +200 -22
  34. package/styles/breadcrumb/highcontrast.css +200 -22
  35. package/styles/breadcrumb/material-dark.css +186 -13
  36. package/styles/breadcrumb/material.css +186 -13
  37. package/styles/breadcrumb/tailwind-dark.css +195 -22
  38. package/styles/breadcrumb/tailwind.css +195 -22
  39. package/styles/context-menu/bootstrap-dark.css +1 -1
  40. package/styles/context-menu/bootstrap.css +1 -1
  41. package/styles/context-menu/bootstrap4.css +1 -1
  42. package/styles/context-menu/bootstrap5-dark.css +5 -5
  43. package/styles/context-menu/bootstrap5.css +6 -6
  44. package/styles/context-menu/material-dark.css +1 -1
  45. package/styles/context-menu/material.css +1 -1
  46. package/styles/context-menu/tailwind-dark.css +1 -1
  47. package/styles/context-menu/tailwind.css +1 -1
  48. package/styles/fabric-dark.css +305 -41
  49. package/styles/fabric.css +308 -44
  50. package/styles/h-scroll/bootstrap-dark.css +1 -1
  51. package/styles/h-scroll/bootstrap.css +1 -1
  52. package/styles/h-scroll/bootstrap4.css +1 -1
  53. package/styles/h-scroll/bootstrap5-dark.css +1 -1
  54. package/styles/h-scroll/bootstrap5.css +1 -1
  55. package/styles/h-scroll/fabric-dark.css +1 -1
  56. package/styles/h-scroll/fabric.css +1 -1
  57. package/styles/h-scroll/highcontrast-light.css +1 -1
  58. package/styles/h-scroll/highcontrast.css +1 -1
  59. package/styles/h-scroll/material-dark.css +1 -1
  60. package/styles/h-scroll/material.css +1 -1
  61. package/styles/h-scroll/tailwind-dark.css +1 -1
  62. package/styles/h-scroll/tailwind.css +1 -1
  63. package/styles/highcontrast-light.css +317 -47
  64. package/styles/highcontrast.css +322 -52
  65. package/styles/material-dark.css +295 -32
  66. package/styles/material.css +296 -33
  67. package/styles/menu/bootstrap-dark.css +1 -1
  68. package/styles/menu/bootstrap.css +1 -1
  69. package/styles/menu/bootstrap4.css +1 -1
  70. package/styles/menu/bootstrap5-dark.css +4 -4
  71. package/styles/menu/bootstrap5.css +5 -5
  72. package/styles/menu/material-dark.css +1 -1
  73. package/styles/menu/material.css +1 -1
  74. package/styles/menu/tailwind-dark.css +1 -1
  75. package/styles/menu/tailwind.css +1 -1
  76. package/styles/sidebar/bootstrap5-dark.css +0 -1
  77. package/styles/sidebar/bootstrap5.css +0 -1
  78. package/styles/sidebar/tailwind-dark.css +0 -1
  79. package/styles/sidebar/tailwind.css +0 -1
  80. package/styles/tab/bootstrap-dark.css +43 -18
  81. package/styles/tab/bootstrap.css +42 -17
  82. package/styles/tab/bootstrap4.css +47 -28
  83. package/styles/tab/bootstrap5-dark.css +54 -31
  84. package/styles/tab/bootstrap5.css +54 -31
  85. package/styles/tab/fabric-dark.css +43 -20
  86. package/styles/tab/fabric.css +46 -23
  87. package/styles/tab/highcontrast-light.css +52 -19
  88. package/styles/tab/highcontrast.css +56 -23
  89. package/styles/tab/material-dark.css +42 -15
  90. package/styles/tab/material.css +42 -15
  91. package/styles/tab/tailwind-dark.css +42 -17
  92. package/styles/tab/tailwind.css +42 -17
  93. package/styles/tailwind-dark.css +313 -50
  94. package/styles/tailwind.css +313 -50
  95. package/styles/toolbar/bootstrap-dark.css +17 -46
  96. package/styles/toolbar/bootstrap.css +17 -46
  97. package/styles/toolbar/bootstrap4.css +12 -26
  98. package/styles/toolbar/bootstrap5-dark.css +6 -7
  99. package/styles/toolbar/bootstrap5.css +6 -7
  100. package/styles/toolbar/fabric-dark.css +4 -0
  101. package/styles/toolbar/fabric.css +4 -0
  102. package/styles/toolbar/highcontrast-light.css +4 -1
  103. package/styles/toolbar/highcontrast.css +4 -1
  104. package/styles/toolbar/material-dark.css +4 -1
  105. package/styles/toolbar/material.css +5 -2
  106. package/styles/toolbar/tailwind-dark.css +8 -6
  107. package/styles/toolbar/tailwind.css +8 -6
  108. package/styles/treeview/bootstrap-dark.css +60 -0
  109. package/styles/treeview/bootstrap.css +60 -0
  110. package/styles/treeview/bootstrap4.css +60 -0
  111. package/styles/treeview/bootstrap5-dark.css +61 -1
  112. package/styles/treeview/bootstrap5.css +61 -1
  113. package/styles/treeview/fabric-dark.css +60 -0
  114. package/styles/treeview/fabric.css +60 -0
  115. package/styles/treeview/highcontrast-light.css +60 -0
  116. package/styles/treeview/highcontrast.css +60 -0
  117. package/styles/treeview/material-dark.css +60 -0
  118. package/styles/treeview/material.css +60 -0
  119. package/styles/treeview/tailwind-dark.css +65 -1
  120. package/styles/treeview/tailwind.css +65 -1
package/styles/treeview/bootstrap-dark.css CHANGED
@@ -81,6 +81,35 @@
81
81
  height: 40px;
82
82
  }
83
83
 
84
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
85
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
86
+ max-width: calc(100% - 27px);
87
+ }
88
+
89
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
90
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
91
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
92
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
93
+ max-width: calc(100% - 68px);
94
+ }
95
+
96
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
97
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
98
+ max-width: calc(100% - 96px);
99
+ }
100
+
101
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
102
+ .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
103
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
104
+ .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
105
+ max-width: calc(100% - 34px);
106
+ }
107
+
108
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
109
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
110
+ max-width: calc(100% - 62px);
111
+ }
112
+
84
113
  .e-bigger .e-treeview .e-list-text,
85
114
  .e-treeview.e-bigger .e-list-text {
86
115
  line-height: 38px;
@@ -200,9 +229,40 @@
200
229
 
201
230
  .e-treeview.e-text-wrap .e-list-text {
202
231
  white-space: normal;
232
+ word-break: break-word;
233
+ }
234
+
235
+ .e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
203
236
  word-break: break-all;
204
237
  }
205
238
 
239
+ .e-treeview.e-text-wrap .e-editing .e-list-text,
240
+ .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
241
+ max-width: calc(100% - 2px);
242
+ }
243
+
244
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
245
+ max-width: calc(100% - 24px);
246
+ }
247
+
248
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
249
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
250
+ max-width: calc(100% - 61px);
251
+ }
252
+
253
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
254
+ max-width: calc(100% - 89px);
255
+ }
256
+
257
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
258
+ .e-treeview.e-text-wrap .e-list-img + .e-list-text {
259
+ max-width: calc(100% - 29px);
260
+ }
261
+
262
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
263
+ max-width: calc(100% - 57px);
264
+ }
265
+
206
266
  .e-treeview .e-ul {
207
267
  margin: 0;
208
268
  padding: 0 0 0 24px;
package/styles/treeview/bootstrap.css CHANGED
@@ -82,6 +82,35 @@
82
82
  height: 40px;
83
83
  }
84
84
 
85
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
86
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
87
+ max-width: calc(100% - 27px);
88
+ }
89
+
90
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
91
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
92
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
93
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
94
+ max-width: calc(100% - 68px);
95
+ }
96
+
97
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
98
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
99
+ max-width: calc(100% - 96px);
100
+ }
101
+
102
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
103
+ .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
104
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
105
+ .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
106
+ max-width: calc(100% - 34px);
107
+ }
108
+
109
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
110
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
111
+ max-width: calc(100% - 62px);
112
+ }
113
+
85
114
  .e-bigger .e-treeview .e-list-text,
86
115
  .e-treeview.e-bigger .e-list-text {
87
116
  line-height: 38px;
@@ -201,9 +230,40 @@
201
230
 
202
231
  .e-treeview.e-text-wrap .e-list-text {
203
232
  white-space: normal;
233
+ word-break: break-word;
234
+ }
235
+
236
+ .e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
204
237
  word-break: break-all;
205
238
  }
206
239
 
240
+ .e-treeview.e-text-wrap .e-editing .e-list-text,
241
+ .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
242
+ max-width: calc(100% - 2px);
243
+ }
244
+
245
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
246
+ max-width: calc(100% - 24px);
247
+ }
248
+
249
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
250
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
251
+ max-width: calc(100% - 61px);
252
+ }
253
+
254
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
255
+ max-width: calc(100% - 89px);
256
+ }
257
+
258
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
259
+ .e-treeview.e-text-wrap .e-list-img + .e-list-text {
260
+ max-width: calc(100% - 29px);
261
+ }
262
+
263
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
264
+ max-width: calc(100% - 57px);
265
+ }
266
+
207
267
  .e-treeview .e-ul {
208
268
  margin: 0;
209
269
  padding: 0 0 0 24px;
package/styles/treeview/bootstrap4.css CHANGED
@@ -93,6 +93,35 @@
93
93
  height: 40px;
94
94
  }
95
95
 
96
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
97
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
98
+ max-width: calc(100% - 24px);
99
+ }
100
+
101
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
102
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
103
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
104
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
105
+ max-width: calc(100% - 65px);
106
+ }
107
+
108
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
109
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
110
+ max-width: calc(100% - 93px);
111
+ }
112
+
113
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
114
+ .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
115
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
116
+ .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
117
+ max-width: calc(100% - 34px);
118
+ }
119
+
120
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
121
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
122
+ max-width: calc(100% - 62px);
123
+ }
124
+
96
125
  .e-bigger .e-treeview .e-list-text,
97
126
  .e-treeview.e-bigger .e-list-text {
98
127
  line-height: 36px;
@@ -271,9 +300,40 @@
271
300
 
272
301
  .e-treeview.e-text-wrap .e-list-text {
273
302
  white-space: normal;
303
+ word-break: break-word;
304
+ }
305
+
306
+ .e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
274
307
  word-break: break-all;
275
308
  }
276
309
 
310
+ .e-treeview.e-text-wrap .e-editing .e-list-text,
311
+ .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
312
+ max-width: calc(100% - 2px);
313
+ }
314
+
315
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
316
+ max-width: calc(100% - 18px);
317
+ }
318
+
319
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
320
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
321
+ max-width: calc(100% - 55px);
322
+ }
323
+
324
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
325
+ max-width: calc(100% - 83px);
326
+ }
327
+
328
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
329
+ .e-treeview.e-text-wrap .e-list-img + .e-list-text {
330
+ max-width: calc(100% - 29px);
331
+ }
332
+
333
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
334
+ max-width: calc(100% - 57px);
335
+ }
336
+
277
337
  .e-treeview .e-ul {
278
338
  margin: 0;
279
339
  padding: 0 0 0 14px;
package/styles/treeview/bootstrap5-dark.css CHANGED
@@ -142,6 +142,35 @@
142
142
  height: 42px;
143
143
  }
144
144
 
145
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
146
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
147
+ max-width: calc(100% - 29px);
148
+ }
149
+
150
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
151
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
152
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
153
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
154
+ max-width: calc(100% - 65px);
155
+ }
156
+
157
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
158
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
159
+ max-width: calc(100% - 101px);
160
+ }
161
+
162
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
163
+ .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
164
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
165
+ .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
166
+ max-width: calc(100% - 35px);
167
+ }
168
+
169
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
170
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
171
+ max-width: calc(100% - 71px);
172
+ }
173
+
145
174
  .e-bigger .e-treeview .e-list-text,
146
175
  .e-treeview.e-bigger .e-list-text {
147
176
  line-height: 40px;
@@ -315,9 +344,40 @@
315
344
 
316
345
  .e-treeview.e-text-wrap .e-list-text {
317
346
  white-space: normal;
347
+ word-break: break-word;
348
+ }
349
+
350
+ .e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
318
351
  word-break: break-all;
319
352
  }
320
353
 
354
+ .e-treeview.e-text-wrap .e-editing .e-list-text,
355
+ .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
356
+ max-width: calc(100% - 2px);
357
+ }
358
+
359
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
360
+ max-width: calc(100% - 21px);
361
+ }
362
+
363
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
364
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
365
+ max-width: calc(100% - 54px);
366
+ }
367
+
368
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
369
+ max-width: calc(100% - 82px);
370
+ }
371
+
372
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
373
+ .e-treeview.e-text-wrap .e-list-img + .e-list-text {
374
+ max-width: calc(100% - 32px);
375
+ }
376
+
377
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
378
+ max-width: calc(100% - 60px);
379
+ }
380
+
321
381
  .e-treeview .e-ul {
322
382
  margin: 0;
323
383
  padding: 0 0 0 12px;
@@ -495,7 +555,7 @@
495
555
  }
496
556
 
497
557
  .e-treeview .e-sibling {
498
- width: 100%;
558
+ width: 144px;
499
559
  position: absolute;
500
560
  z-index: 2;
501
561
  }
package/styles/treeview/bootstrap5.css CHANGED
@@ -142,6 +142,35 @@
142
142
  height: 42px;
143
143
  }
144
144
 
145
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
146
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
147
+ max-width: calc(100% - 29px);
148
+ }
149
+
150
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
151
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
152
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
153
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
154
+ max-width: calc(100% - 65px);
155
+ }
156
+
157
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
158
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
159
+ max-width: calc(100% - 101px);
160
+ }
161
+
162
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
163
+ .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
164
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
165
+ .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
166
+ max-width: calc(100% - 35px);
167
+ }
168
+
169
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
170
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
171
+ max-width: calc(100% - 71px);
172
+ }
173
+
145
174
  .e-bigger .e-treeview .e-list-text,
146
175
  .e-treeview.e-bigger .e-list-text {
147
176
  line-height: 40px;
@@ -315,9 +344,40 @@
315
344
 
316
345
  .e-treeview.e-text-wrap .e-list-text {
317
346
  white-space: normal;
347
+ word-break: break-word;
348
+ }
349
+
350
+ .e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
318
351
  word-break: break-all;
319
352
  }
320
353
 
354
+ .e-treeview.e-text-wrap .e-editing .e-list-text,
355
+ .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
356
+ max-width: calc(100% - 2px);
357
+ }
358
+
359
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
360
+ max-width: calc(100% - 21px);
361
+ }
362
+
363
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
364
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
365
+ max-width: calc(100% - 54px);
366
+ }
367
+
368
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
369
+ max-width: calc(100% - 82px);
370
+ }
371
+
372
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
373
+ .e-treeview.e-text-wrap .e-list-img + .e-list-text {
374
+ max-width: calc(100% - 32px);
375
+ }
376
+
377
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
378
+ max-width: calc(100% - 60px);
379
+ }
380
+
321
381
  .e-treeview .e-ul {
322
382
  margin: 0;
323
383
  padding: 0 0 0 12px;
@@ -495,7 +555,7 @@
495
555
  }
496
556
 
497
557
  .e-treeview .e-sibling {
498
- width: 100%;
558
+ width: 144px;
499
559
  position: absolute;
500
560
  z-index: 2;
501
561
  }
package/styles/treeview/fabric-dark.css CHANGED
@@ -81,6 +81,35 @@
81
81
  height: 40px;
82
82
  }
83
83
 
84
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
85
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
86
+ max-width: calc(100% - 27px);
87
+ }
88
+
89
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
90
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
91
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
92
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
93
+ max-width: calc(100% - 68px);
94
+ }
95
+
96
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
97
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
98
+ max-width: calc(100% - 96px);
99
+ }
100
+
101
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
102
+ .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
103
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
104
+ .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
105
+ max-width: calc(100% - 35px);
106
+ }
107
+
108
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
109
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
110
+ max-width: calc(100% - 62px);
111
+ }
112
+
84
113
  .e-bigger .e-treeview .e-list-text,
85
114
  .e-treeview.e-bigger .e-list-text {
86
115
  line-height: 38px;
@@ -200,9 +229,40 @@
200
229
 
201
230
  .e-treeview.e-text-wrap .e-list-text {
202
231
  white-space: normal;
232
+ word-break: break-word;
233
+ }
234
+
235
+ .e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
203
236
  word-break: break-all;
204
237
  }
205
238
 
239
+ .e-treeview.e-text-wrap .e-editing .e-list-text,
240
+ .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
241
+ max-width: calc(100% - 2px);
242
+ }
243
+
244
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
245
+ max-width: calc(100% - 24px);
246
+ }
247
+
248
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
249
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
250
+ max-width: calc(100% - 61px);
251
+ }
252
+
253
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
254
+ max-width: calc(100% - 89px);
255
+ }
256
+
257
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
258
+ .e-treeview.e-text-wrap .e-list-img + .e-list-text {
259
+ max-width: calc(100% - 29px);
260
+ }
261
+
262
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
263
+ max-width: calc(100% - 57px);
264
+ }
265
+
206
266
  .e-treeview .e-ul {
207
267
  margin: 0;
208
268
  padding: 0 0 0 24px;
package/styles/treeview/fabric.css CHANGED
@@ -82,6 +82,35 @@
82
82
  height: 40px;
83
83
  }
84
84
 
85
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
86
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
87
+ max-width: calc(100% - 27px);
88
+ }
89
+
90
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
91
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
92
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
93
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
94
+ max-width: calc(100% - 68px);
95
+ }
96
+
97
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
98
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
99
+ max-width: calc(100% - 96px);
100
+ }
101
+
102
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
103
+ .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
104
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
105
+ .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
106
+ max-width: calc(100% - 35px);
107
+ }
108
+
109
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
110
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
111
+ max-width: calc(100% - 62px);
112
+ }
113
+
85
114
  .e-bigger .e-treeview .e-list-text,
86
115
  .e-treeview.e-bigger .e-list-text {
87
116
  line-height: 38px;
@@ -201,9 +230,40 @@
201
230
 
202
231
  .e-treeview.e-text-wrap .e-list-text {
203
232
  white-space: normal;
233
+ word-break: break-word;
234
+ }
235
+
236
+ .e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
204
237
  word-break: break-all;
205
238
  }
206
239
 
240
+ .e-treeview.e-text-wrap .e-editing .e-list-text,
241
+ .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
242
+ max-width: calc(100% - 2px);
243
+ }
244
+
245
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
246
+ max-width: calc(100% - 24px);
247
+ }
248
+
249
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
250
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
251
+ max-width: calc(100% - 61px);
252
+ }
253
+
254
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
255
+ max-width: calc(100% - 89px);
256
+ }
257
+
258
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
259
+ .e-treeview.e-text-wrap .e-list-img + .e-list-text {
260
+ max-width: calc(100% - 29px);
261
+ }
262
+
263
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
264
+ max-width: calc(100% - 57px);
265
+ }
266
+
207
267
  .e-treeview .e-ul {
208
268
  margin: 0;
209
269
  padding: 0 0 0 24px;
package/styles/treeview/highcontrast-light.css CHANGED
@@ -81,6 +81,35 @@
81
81
  height: 40px;
82
82
  }
83
83
 
84
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
85
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
86
+ max-width: calc(100% - 27px);
87
+ }
88
+
89
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
90
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
91
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
92
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
93
+ max-width: calc(100% - 68px);
94
+ }
95
+
96
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
97
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
98
+ max-width: calc(100% - 96px);
99
+ }
100
+
101
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
102
+ .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
103
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
104
+ .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
105
+ max-width: calc(100% - 34px);
106
+ }
107
+
108
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
109
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
110
+ max-width: calc(100% - 62px);
111
+ }
112
+
84
113
  .e-bigger .e-treeview .e-list-text,
85
114
  .e-treeview.e-bigger .e-list-text {
86
115
  line-height: 38px;
@@ -200,9 +229,40 @@
200
229
 
201
230
  .e-treeview.e-text-wrap .e-list-text {
202
231
  white-space: normal;
232
+ word-break: break-word;
233
+ }
234
+
235
+ .e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
203
236
  word-break: break-all;
204
237
  }
205
238
 
239
+ .e-treeview.e-text-wrap .e-editing .e-list-text,
240
+ .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
241
+ max-width: calc(100% - 2px);
242
+ }
243
+
244
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
245
+ max-width: calc(100% - 24px);
246
+ }
247
+
248
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
249
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
250
+ max-width: calc(100% - 61px);
251
+ }
252
+
253
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
254
+ max-width: calc(100% - 89px);
255
+ }
256
+
257
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
258
+ .e-treeview.e-text-wrap .e-list-img + .e-list-text {
259
+ max-width: calc(100% - 29px);
260
+ }
261
+
262
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
263
+ max-width: calc(100% - 57px);
264
+ }
265
+
206
266
  .e-treeview .e-ul {
207
267
  margin: 0;
208
268
  padding: 0 0 0 24px;
package/styles/treeview/highcontrast.css CHANGED
@@ -82,6 +82,35 @@
82
82
  height: 40px;
83
83
  }
84
84
 
85
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
86
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
87
+ max-width: calc(100% - 27px);
88
+ }
89
+
90
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
91
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
92
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
93
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
94
+ max-width: calc(100% - 68px);
95
+ }
96
+
97
+ .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
98
+ .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
99
+ max-width: calc(100% - 96px);
100
+ }
101
+
102
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
103
+ .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
104
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
105
+ .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
106
+ max-width: calc(100% - 34px);
107
+ }
108
+
109
+ .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
110
+ .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
111
+ max-width: calc(100% - 62px);
112
+ }
113
+
85
114
  .e-bigger .e-treeview .e-list-text,
86
115
  .e-treeview.e-bigger .e-list-text {
87
116
  line-height: 38px;
@@ -201,9 +230,40 @@
201
230
 
202
231
  .e-treeview.e-text-wrap .e-list-text {
203
232
  white-space: normal;
233
+ word-break: break-word;
234
+ }
235
+
236
+ .e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
204
237
  word-break: break-all;
205
238
  }
206
239
 
240
+ .e-treeview.e-text-wrap .e-editing .e-list-text,
241
+ .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
242
+ max-width: calc(100% - 2px);
243
+ }
244
+
245
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
246
+ max-width: calc(100% - 24px);
247
+ }
248
+
249
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
250
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
251
+ max-width: calc(100% - 61px);
252
+ }
253
+
254
+ .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
255
+ max-width: calc(100% - 89px);
256
+ }
257
+
258
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
259
+ .e-treeview.e-text-wrap .e-list-img + .e-list-text {
260
+ max-width: calc(100% - 29px);
261
+ }
262
+
263
+ .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
264
+ max-width: calc(100% - 57px);
265
+ }
266
+
207
267
  .e-treeview .e-ul {
208
268
  margin: 0;
209
269
  padding: 0 0 0 24px;