@syncfusion/ej2-angular-treegrid 20.2.43-ngcc → 20.2.43

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/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +8 -0
  3. package/esm2020/src/treegrid/aggregate-columns.directive.mjs +72 -0
  4. package/esm2020/src/treegrid/aggregates.directive.mjs +69 -0
  5. package/esm2020/src/treegrid/columns.directive.mjs +96 -0
  6. package/esm2020/src/treegrid/treegrid-all.module.mjs +89 -0
  7. package/esm2020/src/treegrid/treegrid.component.mjs +247 -0
  8. package/esm2020/src/treegrid/treegrid.module.mjs +52 -0
  9. package/esm2020/syncfusion-ej2-angular-treegrid.mjs +5 -0
  10. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs +606 -0
  11. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  12. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +606 -0
  13. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  14. package/package.json +27 -13
  15. package/schematics/utils/lib-details.ts +2 -2
  16. package/src/treegrid/aggregate-columns.directive.d.ts +5 -0
  17. package/src/treegrid/aggregates.directive.d.ts +5 -0
  18. package/src/treegrid/columns.directive.d.ts +5 -0
  19. package/src/treegrid/treegrid-all.module.d.ts +6 -0
  20. package/src/treegrid/treegrid.component.d.ts +3 -0
  21. package/src/treegrid/treegrid.module.d.ts +9 -0
  22. package/styles/bootstrap-dark.css +5 -1
  23. package/styles/bootstrap.css +5 -1
  24. package/styles/bootstrap4.css +5 -1
  25. package/styles/bootstrap5-dark.css +6 -1
  26. package/styles/bootstrap5.css +6 -1
  27. package/styles/fabric-dark.css +5 -1
  28. package/styles/fabric.css +5 -1
  29. package/styles/fluent-dark.css +5 -1
  30. package/styles/fluent.css +5 -1
  31. package/styles/highcontrast-light.css +5 -1
  32. package/styles/highcontrast.css +5 -1
  33. package/styles/material-dark.css +5 -1
  34. package/styles/material.css +5 -1
  35. package/styles/tailwind-dark.css +5 -1
  36. package/styles/tailwind.css +5 -1
  37. package/styles/treegrid/_all.scss +2 -0
  38. package/styles/treegrid/_bootstrap-dark-definition.scss +30 -0
  39. package/styles/treegrid/_bootstrap-definition.scss +30 -0
  40. package/styles/treegrid/_bootstrap4-definition.scss +30 -0
  41. package/styles/treegrid/_bootstrap5-dark-definition.scss +1 -0
  42. package/styles/treegrid/_bootstrap5-definition.scss +28 -0
  43. package/styles/treegrid/_fabric-dark-definition.scss +30 -0
  44. package/styles/treegrid/_fabric-definition.scss +30 -0
  45. package/styles/treegrid/_fluent-dark-definition.scss +1 -0
  46. package/styles/treegrid/_fluent-definition.scss +29 -0
  47. package/styles/treegrid/_fusionnew-definition.scss +28 -0
  48. package/styles/treegrid/_highcontrast-definition.scss +30 -0
  49. package/styles/treegrid/_highcontrast-light-definition.scss +30 -0
  50. package/styles/treegrid/_icons.scss +37 -0
  51. package/styles/treegrid/_layout.scss +444 -0
  52. package/styles/treegrid/_material-dark-definition.scss +30 -0
  53. package/styles/treegrid/_material-definition.scss +30 -0
  54. package/styles/treegrid/_material3-definition.scss +28 -0
  55. package/styles/treegrid/_tailwind-dark-definition.scss +1 -0
  56. package/styles/treegrid/_tailwind-definition.scss +28 -0
  57. package/styles/treegrid/_theme.scss +1 -0
  58. package/styles/treegrid/bootstrap-dark.css +5 -1
  59. package/styles/treegrid/bootstrap-dark.scss +18 -1
  60. package/styles/treegrid/bootstrap.css +5 -1
  61. package/styles/treegrid/bootstrap.scss +18 -1
  62. package/styles/treegrid/bootstrap4.css +5 -1
  63. package/styles/treegrid/bootstrap4.scss +18 -1
  64. package/styles/treegrid/bootstrap5-dark.css +6 -1
  65. package/styles/treegrid/bootstrap5-dark.scss +18 -1
  66. package/styles/treegrid/bootstrap5.css +6 -1
  67. package/styles/treegrid/bootstrap5.scss +18 -1
  68. package/styles/treegrid/fabric-dark.css +5 -1
  69. package/styles/treegrid/fabric-dark.scss +18 -1
  70. package/styles/treegrid/fabric.css +5 -1
  71. package/styles/treegrid/fabric.scss +18 -1
  72. package/styles/treegrid/fluent-dark.css +5 -1
  73. package/styles/treegrid/fluent-dark.scss +18 -1
  74. package/styles/treegrid/fluent.css +5 -1
  75. package/styles/treegrid/fluent.scss +18 -1
  76. package/styles/treegrid/highcontrast-light.css +5 -1
  77. package/styles/treegrid/highcontrast-light.scss +18 -1
  78. package/styles/treegrid/highcontrast.css +5 -1
  79. package/styles/treegrid/highcontrast.scss +18 -1
  80. package/styles/treegrid/icons/_bootstrap-dark.scss +37 -0
  81. package/styles/treegrid/icons/_bootstrap.scss +37 -0
  82. package/styles/treegrid/icons/_bootstrap4.scss +37 -0
  83. package/styles/treegrid/icons/_bootstrap5-dark.scss +1 -0
  84. package/styles/treegrid/icons/_bootstrap5.scss +37 -0
  85. package/styles/treegrid/icons/_fabric-dark.scss +37 -0
  86. package/styles/treegrid/icons/_fabric.scss +37 -0
  87. package/styles/treegrid/icons/_fluent-dark.scss +1 -0
  88. package/styles/treegrid/icons/_fluent.scss +37 -0
  89. package/styles/treegrid/icons/_fusionnew.scss +26 -0
  90. package/styles/treegrid/icons/_highcontrast-light.scss +37 -0
  91. package/styles/treegrid/icons/_highcontrast.scss +37 -0
  92. package/styles/treegrid/icons/_material-dark.scss +37 -0
  93. package/styles/treegrid/icons/_material.scss +37 -0
  94. package/styles/treegrid/icons/_material3.scss +26 -0
  95. package/styles/treegrid/icons/_tailwind-dark.scss +37 -0
  96. package/styles/treegrid/icons/_tailwind.scss +37 -0
  97. package/styles/treegrid/material-dark.css +5 -1
  98. package/styles/treegrid/material-dark.scss +18 -1
  99. package/styles/treegrid/material.css +5 -1
  100. package/styles/treegrid/material.scss +18 -1
  101. package/styles/treegrid/tailwind-dark.css +5 -1
  102. package/styles/treegrid/tailwind-dark.scss +18 -1
  103. package/styles/treegrid/tailwind.css +5 -1
  104. package/styles/treegrid/tailwind.scss +18 -1
  105. package/syncfusion-ej2-angular-treegrid.d.ts +5 -0
  106. package/@syncfusion/ej2-angular-treegrid.es5.js +0 -676
  107. package/@syncfusion/ej2-angular-treegrid.es5.js.map +0 -1
  108. package/@syncfusion/ej2-angular-treegrid.js +0 -635
  109. package/@syncfusion/ej2-angular-treegrid.js.map +0 -1
  110. package/CHANGELOG.md +0 -226
  111. package/dist/ej2-angular-treegrid.umd.js +0 -838
  112. package/dist/ej2-angular-treegrid.umd.js.map +0 -1
  113. package/dist/ej2-angular-treegrid.umd.min.js +0 -11
  114. package/dist/ej2-angular-treegrid.umd.min.js.map +0 -1
  115. package/ej2-angular-treegrid.d.ts +0 -5
  116. package/ej2-angular-treegrid.metadata.json +0 -1
  117. package/postinstall/tagchange.js +0 -18
  118. package/schematics/collection.json +0 -20
  119. package/schematics/generators/treegrid-default/index.d.ts +0 -3
  120. package/schematics/generators/treegrid-default/index.js +0 -8
  121. package/schematics/generators/treegrid-default/sample-details.d.ts +0 -5
  122. package/schematics/generators/treegrid-default/sample-details.js +0 -7
  123. package/schematics/generators/treegrid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  124. package/schematics/generators/treegrid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -10
  125. package/schematics/generators/treegrid-default/schema.d.ts +0 -3
  126. package/schematics/generators/treegrid-default/schema.js +0 -2
  127. package/schematics/generators/treegrid-default/schema.json +0 -125
  128. package/schematics/generators/treegrid-feature/index.d.ts +0 -3
  129. package/schematics/generators/treegrid-feature/index.js +0 -8
  130. package/schematics/generators/treegrid-feature/sample-details.d.ts +0 -5
  131. package/schematics/generators/treegrid-feature/sample-details.js +0 -7
  132. package/schematics/generators/treegrid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  133. package/schematics/generators/treegrid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  134. package/schematics/generators/treegrid-feature/schema.d.ts +0 -3
  135. package/schematics/generators/treegrid-feature/schema.js +0 -2
  136. package/schematics/generators/treegrid-feature/schema.json +0 -125
  137. package/schematics/ng-add/index.d.ts +0 -3
  138. package/schematics/ng-add/index.js +0 -9
  139. package/schematics/ng-add/schema.d.ts +0 -13
  140. package/schematics/ng-add/schema.js +0 -2
  141. package/schematics/ng-add/schema.json +0 -34
  142. package/schematics/tsconfig.json +0 -25
  143. package/schematics/utils/lib-details.d.ts +0 -4
  144. package/schematics/utils/lib-details.js +0 -6
package/styles/material-dark.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -111,6 +112,7 @@
111
112
  padding: 5px 5px 5px 12px;
112
113
  }
113
114
 
115
+ /* stylelint-disable property-no-vendor-prefix */
114
116
  @keyframes material-spinner-rotate {
115
117
  0% {
116
118
  transform: rotate(0deg);
@@ -456,4 +458,6 @@
456
458
  }
457
459
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
458
460
  height: 0;
459
- }
461
+ }
462
+
463
+ /* stylelint-disable-line no-empty-source */
package/styles/material.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -144,6 +145,7 @@
144
145
  padding: 4px 8px;
145
146
  }
146
147
 
148
+ /* stylelint-disable property-no-vendor-prefix */
147
149
  @keyframes material-spinner-rotate {
148
150
  0% {
149
151
  transform: rotate(0deg);
@@ -490,4 +492,6 @@
490
492
  }
491
493
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
492
494
  height: 0;
493
- }
495
+ }
496
+
497
+ /* stylelint-disable-line no-empty-source */
package/styles/tailwind-dark.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
4
  transform: rotate(0deg);
4
5
  transition: transform 300ms ease;
@@ -93,6 +94,7 @@
93
94
  padding: 4px 8px;
94
95
  }
95
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
96
98
  @keyframes material-spinner-rotate {
97
99
  0% {
98
100
  transform: rotate(0);
@@ -429,4 +431,6 @@
429
431
  }
430
432
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
431
433
  height: 0;
432
- }
434
+ }
435
+
436
+ /* stylelint-disable-line no-empty-source */
package/styles/tailwind.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
4
  transform: rotate(0deg);
4
5
  transition: transform 300ms ease;
@@ -93,6 +94,7 @@
93
94
  padding: 4px 8px;
94
95
  }
95
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
96
98
  @keyframes material-spinner-rotate {
97
99
  0% {
98
100
  transform: rotate(0);
@@ -429,4 +431,6 @@
429
431
  }
430
432
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
431
433
  height: 0;
432
- }
434
+ }
435
+
436
+ /* stylelint-disable-line no-empty-source */
package/styles/treegrid/_all.scss ADDED
@@ -0,0 +1,2 @@
1
+ @import 'layout.scss';
2
+ @import 'theme.scss';
package/styles/treegrid/_bootstrap-dark-definition.scss ADDED
@@ -0,0 +1,30 @@
1
+ //default
2
+ $treegrid-right-arrow-icon: '\e22f' !default;
3
+ $treegrid-toolbar-expand-icon: '\e558' !default;
4
+ $treegrid-toolbar-collapse-icon: '\e557' !default;
5
+ $treegrid-right-arrow-icon-color: $grey-dark-font !default;
6
+ $treegrid-right-arrow-icon-font-size: 10px !default;
7
+ $treegrid-right-arrow-icon-padding: 0 !default;
8
+ $treegrid-right-arrow-icon-height: 16px !default;
9
+ $treegrid-right-arrow-icon-width: 16px !default;
10
+ $treegrid-right-arrow-icon-vertical-align: middle;
11
+ $treegrid-content-right-padding: 8px !default;
12
+ $treegrid-bigger-icon-size: 18px !default;
13
+ $treegrid-smaller-icon-size: 16px !default;
14
+ $treegrid-bigger-icon-font-size: 10px !default;
15
+ $treegrid-right-arrow-hover-color: $grey-dark-font !default;
16
+ $treegrid-toolbar-indent-icon: '\e33f' !default;
17
+ $treegrid-toolbar-outdent-icon: '\e35d' !default;
18
+ $treegrid-rowdrag-childborder-border: 1px solid $brand-primary !default;
19
+ $childborder-color: $brand-primary;
20
+ $error-elem-color: #e3165b;
21
+ $error-elem-content: '\e22a' !default;
22
+ $treegrid-frame-bigger-icon-height: 20px !default;
23
+ $treegrid-frame-bigger-icon-width: 20px !default;
24
+ $treegrid-frame-icon-height: 18px !default;
25
+ $treegrid-frame-icon-width: 18px !default;
26
+ $treegrid-rowdd-topbottom-border: 1px solid #0070f0 !default;
27
+ $treegrid-rowdd-boxshadow: #0070f0 !default;
28
+ $treegrid-rowdd-childborder-width: 1px 0 0 !default;
29
+ $treegrid-lastrowdd-childborder-width: 1px 0 !default;
30
+ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
package/styles/treegrid/_bootstrap-definition.scss ADDED
@@ -0,0 +1,30 @@
1
+ //default
2
+ $treegrid-right-arrow-icon: '\e22f' !default;
3
+ $treegrid-toolbar-expand-icon: '\e558' !default;
4
+ $treegrid-toolbar-collapse-icon: '\e557' !default;
5
+ $treegrid-right-arrow-icon-color: $grey-light-font !default;
6
+ $treegrid-right-arrow-icon-font-size: 10px !default;
7
+ $treegrid-right-arrow-icon-padding: 0 !default;
8
+ $treegrid-right-arrow-icon-height: 16px !default;
9
+ $treegrid-right-arrow-icon-width: 16px !default;
10
+ $treegrid-right-arrow-icon-vertical-align: middle;
11
+ $treegrid-content-right-padding: 8px !default;
12
+ $treegrid-bigger-icon-size: 18px !default;
13
+ $treegrid-smaller-icon-size: 16px !default;
14
+ $treegrid-bigger-icon-font-size: 10px !default;
15
+ $treegrid-right-arrow-hover-color: $grey-light-font !default;
16
+ $treegrid-toolbar-indent-icon: '\e33f' !default;
17
+ $treegrid-toolbar-outdent-icon: '\e35d' !default;
18
+ $treegrid-rowdrag-childborder-border: 1px solid $brand-primary !default;
19
+ $childborder-color: $brand-primary;
20
+ $error-elem-color: #e3165b;
21
+ $error-elem-content: '\e22a' !default;
22
+ $treegrid-frame-bigger-icon-height: 20px !default;
23
+ $treegrid-frame-bigger-icon-width: 20px !default;
24
+ $treegrid-frame-icon-height: 18px !default;
25
+ $treegrid-frame-icon-width: 18px !default;
26
+ $treegrid-rowdd-topbottom-border: 1px solid #317ab9 !default;
27
+ $treegrid-rowdd-boxshadow: #317ab9 !default;
28
+ $treegrid-rowdd-childborder-width: 1px 0 0 !default;
29
+ $treegrid-lastrowdd-childborder-width: 1px 0 !default;
30
+ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
package/styles/treegrid/_bootstrap4-definition.scss ADDED
@@ -0,0 +1,30 @@
1
+ //default
2
+ $treegrid-right-arrow-icon: '\e70b' !default;
3
+ $treegrid-toolbar-expand-icon: '\e7db' !default;
4
+ $treegrid-toolbar-collapse-icon: '\e7dc' !default;
5
+ $treegrid-right-arrow-icon-color: $gray-700 !default;
6
+ $treegrid-right-arrow-hover-color: $gray-800 !default;
7
+ $treegrid-right-arrow-icon-font-size: 10px !default;
8
+ $treegrid-right-arrow-icon-padding: 0 !default;
9
+ $treegrid-right-arrow-icon-height: 16px !default;
10
+ $treegrid-right-arrow-icon-width: 16px !default;
11
+ $treegrid-right-arrow-icon-vertical-align: middle;
12
+ $treegrid-content-right-padding: 21px !default;
13
+ $treegrid-bigger-icon-size: 16px !default;
14
+ $treegrid-smaller-icon-size: 16px !default;
15
+ $treegrid-bigger-icon-font-size: 10px !default;
16
+ $treegrid-toolbar-indent-icon: '\e702' !default;
17
+ $treegrid-toolbar-outdent-icon: '\e722' !default;
18
+ $treegrid-rowdrag-childborder-border: 1px solid !default;
19
+ $childborder-color: #e3165b;
20
+ $error-elem-color: #e3165b;
21
+ $error-elem-content: '\e797' !default;
22
+ $treegrid-frame-bigger-icon-height: 20px !default;
23
+ $treegrid-frame-bigger-icon-width: 20px !default;
24
+ $treegrid-frame-icon-height: 18px !default;
25
+ $treegrid-frame-icon-width: 18px !default;
26
+ $treegrid-rowdd-topbottom-border: 1px solid #e3165b !default;
27
+ $treegrid-rowdd-boxshadow: #e3165b !default;
28
+ $treegrid-rowdd-childborder-width: 1px 0 0 !default;
29
+ $treegrid-lastrowdd-childborder-width: 1px 0 !default;
30
+ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
package/styles/treegrid/_bootstrap5-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './bootstrap5-definition.scss';
package/styles/treegrid/_bootstrap5-definition.scss ADDED
@@ -0,0 +1,28 @@
1
+ // color
2
+ $treegrid-right-arrow-icon-color: $icon-color !default;
3
+ $treegrid-right-arrow-hover-color: $icon-color-hover !default;
4
+ $childborder-color: $primary !default;
5
+ $error-elem-color: $danger !default;
6
+
7
+ // Layout
8
+
9
+ $error-elem-content: '\e839' !default;
10
+ $treegrid-right-arrow-icon-font-size: 18px !default;
11
+ $treegrid-right-arrow-icon-padding: 0 !default;
12
+ $treegrid-right-arrow-icon-vertical-align: unset;
13
+ $treegrid-right-arrow-icon-height: 18px !default;
14
+ $treegrid-right-arrow-icon-width: 16px !default;
15
+ $treegrid-bigger-icon-size: 22px !default;
16
+ $treegrid-smaller-icon-size: 16px !default;
17
+ $treegrid-bigger-icon-font-size: 22px !default;
18
+ $treegrid-frame-bigger-icon-height: 18px !default;
19
+ $treegrid-frame-bigger-icon-width: 18px !default;
20
+ $treegrid-frame-icon-height: 16px !default;
21
+ $treegrid-frame-icon-width: 16px !default;
22
+ $treegrid-content-right-padding: 21px !default;
23
+ $treegrid-rowdrag-childborder-border: 2px solid #4f46e5;
24
+ $treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !default;
25
+ $treegrid-rowdd-boxshadow: $primary !default;
26
+ $treegrid-rowdd-childborder-width: 2px 0 0 !default;
27
+ $treegrid-lastrowdd-childborder-width: 2px 0 !default;
28
+ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
package/styles/treegrid/_fabric-dark-definition.scss ADDED
@@ -0,0 +1,30 @@
1
+ //default
2
+ $treegrid-right-arrow-icon: '\e22e' !default;
3
+ $treegrid-toolbar-expand-icon: '\e555' !default;
4
+ $treegrid-toolbar-collapse-icon: '\e559' !default;
5
+ $treegrid-right-arrow-icon-color: $neutral-light-font !default;
6
+ $treegrid-right-arrow-icon-font-size: 10px !default;
7
+ $treegrid-right-arrow-icon-padding: 0 !default;
8
+ $treegrid-right-arrow-icon-height: 16px !default;
9
+ $treegrid-right-arrow-icon-width: 16px !default;
10
+ $treegrid-right-arrow-icon-vertical-align: middle;
11
+ $treegrid-content-right-padding: 8px !default;
12
+ $treegrid-bigger-icon-size: 18px !default;
13
+ $treegrid-smaller-icon-size: 16px !default;
14
+ $treegrid-bigger-icon-font-size: 10px !default;
15
+ $treegrid-right-arrow-hover-color: $neutral-light-font !default;
16
+ $treegrid-toolbar-indent-icon: '\e33f' !default;
17
+ $treegrid-toolbar-outdent-icon: '\e35d' !default;
18
+ $treegrid-rowdrag-childborder-border: 1px solid $theme-primary !default;
19
+ $childborder-color: $theme-primary;
20
+ $error-elem-color: #e3165b;
21
+ $error-elem-content: '\e22a' !default;
22
+ $treegrid-frame-bigger-icon-height: 20px !default;
23
+ $treegrid-frame-bigger-icon-width: 20px !default;
24
+ $treegrid-frame-icon-height: 18px !default;
25
+ $treegrid-frame-icon-width: 18px !default;
26
+ $treegrid-rowdd-topbottom-border: 1px solid #0074cc !default;
27
+ $treegrid-rowdd-boxshadow: #0074cc !default;
28
+ $treegrid-rowdd-childborder-width: 1px 0 0 !default;
29
+ $treegrid-lastrowdd-childborder-width: 1px 0 !default;
30
+ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
package/styles/treegrid/_fabric-definition.scss ADDED
@@ -0,0 +1,30 @@
1
+ //default
2
+ $treegrid-right-arrow-icon: '\e22e' !default;
3
+ $treegrid-toolbar-expand-icon: '\e555' !default;
4
+ $treegrid-toolbar-collapse-icon: '\e559' !default;
5
+ $treegrid-right-arrow-icon-color: $neutral-light-font !default;
6
+ $treegrid-right-arrow-icon-font-size: 10px !default;
7
+ $treegrid-right-arrow-icon-padding: 0 !default;
8
+ $treegrid-right-arrow-icon-height: 16px !default;
9
+ $treegrid-right-arrow-icon-width: 16px !default;
10
+ $treegrid-right-arrow-icon-vertical-align: middle;
11
+ $treegrid-content-right-padding: 8px !default;
12
+ $treegrid-bigger-icon-size: 18px !default;
13
+ $treegrid-smaller-icon-size: 16px !default;
14
+ $treegrid-bigger-icon-font-size: 10px !default;
15
+ $treegrid-right-arrow-hover-color: $neutral-light-font !default;
16
+ $treegrid-toolbar-indent-icon: '\e33f' !default;
17
+ $treegrid-toolbar-outdent-icon: '\e35d' !default;
18
+ $treegrid-rowdrag-childborder-border: 1px solid $theme-primary !default;
19
+ $childborder-color: $theme-primary;
20
+ $error-elem-color: #e3165b;
21
+ $error-elem-content: '\e22a' !default;
22
+ $treegrid-frame-bigger-icon-height: 20px !default;
23
+ $treegrid-frame-bigger-icon-width: 20px !default;
24
+ $treegrid-frame-icon-height: 18px !default;
25
+ $treegrid-frame-icon-width: 18px !default;
26
+ $treegrid-rowdd-topbottom-border: 1px solid #0078d6 !default;
27
+ $treegrid-rowdd-boxshadow: #0078d6 !default;
28
+ $treegrid-rowdd-childborder-width: 1px 0 0 !default;
29
+ $treegrid-lastrowdd-childborder-width: 1px 0 !default;
30
+ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
package/styles/treegrid/_fluent-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './fluent-definition.scss';
package/styles/treegrid/_fluent-definition.scss ADDED
@@ -0,0 +1,29 @@
1
+ // color
2
+ $treegrid-right-arrow-icon-color: $icon-color !default;
3
+ $treegrid-right-arrow-hover-color: $icon-color-hover !default;
4
+ $childborder-color: $primary !default;
5
+ $error-elem-color: $danger !default;
6
+
7
+ // Layout
8
+
9
+ $error-elem-content: '\e839' !default;
10
+ $treegrid-right-arrow-icon-font-size: 18px !default;
11
+ $treegrid-right-arrow-icon-padding: 0 !default;
12
+ $treegrid-right-arrow-icon-vertical-align: unset;
13
+ $treegrid-right-arrow-icon-height: 18px !default;
14
+ $treegrid-right-arrow-icon-width: 16px !default;
15
+ $treegrid-bigger-icon-size: 22px !default;
16
+ $treegrid-smaller-icon-size: 16px !default;
17
+ $treegrid-bigger-icon-font-size: 22px !default;
18
+ $treegrid-frame-bigger-icon-height: 18px !default;
19
+ $treegrid-frame-bigger-icon-width: 18px !default;
20
+ $treegrid-frame-icon-height: 16px !default;
21
+ $treegrid-frame-icon-width: 16px !default;
22
+ $treegrid-content-right-padding: 21px !default;
23
+ $treegrid-treecell-padding: 12px !default;
24
+ $treegrid-rowdrag-childborder-border: 2px dashed $primary;
25
+ $treegrid-rowdd-topbottom-border: 2px solid $primary !default;
26
+ $treegrid-rowdd-boxshadow: $primary !default;
27
+ $treegrid-rowdd-childborder-width: 2px 0 0 !default;
28
+ $treegrid-lastrowdd-childborder-width: 2px 0 !default;
29
+ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
package/styles/treegrid/_fusionnew-definition.scss ADDED
@@ -0,0 +1,28 @@
1
+ // color
2
+ $treegrid-right-arrow-icon-color: $icon-color !default;
3
+ $treegrid-right-arrow-hover-color: $icon-color-hover !default;
4
+ $childborder-color: $primary !default;
5
+ $error-elem-color: $danger !default;
6
+
7
+ // Layout
8
+
9
+ $error-elem-content: '\e839' !default;
10
+ $treegrid-right-arrow-icon-font-size: 18px !default;
11
+ $treegrid-right-arrow-icon-padding: 0 !default;
12
+ $treegrid-right-arrow-icon-vertical-align: unset;
13
+ $treegrid-right-arrow-icon-height: 18px !default;
14
+ $treegrid-right-arrow-icon-width: 16px !default;
15
+ $treegrid-bigger-icon-size: 22px !default;
16
+ $treegrid-smaller-icon-size: 16px !default;
17
+ $treegrid-bigger-icon-font-size: 22px !default;
18
+ $treegrid-frame-bigger-icon-height: 18px !default;
19
+ $treegrid-frame-bigger-icon-width: 18px !default;
20
+ $treegrid-frame-icon-height: 16px !default;
21
+ $treegrid-frame-icon-width: 16px !default;
22
+ $treegrid-content-right-padding: 21px !default;
23
+ $treegrid-rowdrag-childborder-border: 2px solid #4f46e5;
24
+ $treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !default;
25
+ $treegrid-rowdd-boxshadow: $primary !default;
26
+ $treegrid-rowdd-childborder-width: 2px 0 0 !default;
27
+ $treegrid-lastrowdd-childborder-width: 2px 0 !default;
28
+ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
package/styles/treegrid/_highcontrast-definition.scss ADDED
@@ -0,0 +1,30 @@
1
+ //default
2
+ $treegrid-right-arrow-icon: '\e22e' !default;
3
+ $treegrid-toolbar-expand-icon: '\e555' !default;
4
+ $treegrid-toolbar-collapse-icon: '\e559' !default;
5
+ $treegrid-right-arrow-icon-color: $content-font !default;
6
+ $treegrid-right-arrow-icon-font-size: 10px !default;
7
+ $treegrid-right-arrow-icon-padding: 0 !default;
8
+ $treegrid-right-arrow-icon-height: 16px !default;
9
+ $treegrid-right-arrow-icon-width: 16px !default;
10
+ $treegrid-right-arrow-icon-vertical-align: middle;
11
+ $treegrid-content-right-padding: 8px !default;
12
+ $treegrid-bigger-icon-size: 18px !default;
13
+ $treegrid-smaller-icon-size: 16px !default;
14
+ $treegrid-bigger-icon-font-size: 10px !default;
15
+ $treegrid-right-arrow-hover-color: $content-font !default;
16
+ $treegrid-toolbar-indent-icon: '\e33f' !default;
17
+ $treegrid-toolbar-outdent-icon: '\e35d' !default;
18
+ $treegrid-rowdrag-childborder-border: 1px solid $selection-bg !default;
19
+ $childborder-color: $selection-bg;
20
+ $error-elem-color: #e3165b;
21
+ $error-elem-content: '\e22a' !default;
22
+ $treegrid-frame-bigger-icon-height: 20px !default;
23
+ $treegrid-frame-bigger-icon-width: 20px !default;
24
+ $treegrid-frame-icon-height: 18px !default;
25
+ $treegrid-frame-icon-width: 18px !default;
26
+ $treegrid-rowdd-topbottom-border: 1px solid #ffd939 !default;
27
+ $treegrid-rowdd-boxshadow: #ffd939 !default;
28
+ $treegrid-rowdd-childborder-width: 1px 0 0 !default;
29
+ $treegrid-lastrowdd-childborder-width: 1px 0 !default;
30
+ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
package/styles/treegrid/_highcontrast-light-definition.scss ADDED
@@ -0,0 +1,30 @@
1
+ //default
2
+ $treegrid-right-arrow-icon: '\e22e' !default;
3
+ $treegrid-toolbar-expand-icon: '\e555' !default;
4
+ $treegrid-toolbar-collapse-icon: '\e559' !default;
5
+ $treegrid-right-arrow-icon-color: $content-font !default;
6
+ $treegrid-right-arrow-icon-font-size: 10px !default;
7
+ $treegrid-right-arrow-icon-padding: 0 !default;
8
+ $treegrid-right-arrow-icon-height: 16px !default;
9
+ $treegrid-right-arrow-icon-width: 16px !default;
10
+ $treegrid-right-arrow-icon-vertical-align: middle;
11
+ $treegrid-content-right-padding: 8px !default;
12
+ $treegrid-bigger-icon-size: 18px !default;
13
+ $treegrid-smaller-icon-size: 16px !default;
14
+ $treegrid-bigger-icon-font-size: 10px !default;
15
+ $treegrid-right-arrow-hover-color: $content-font !default;
16
+ $treegrid-toolbar-indent-icon: '\e33f' !default;
17
+ $treegrid-toolbar-outdent-icon: '\e35d' !default;
18
+ $treegrid-rowdrag-childborder-border: 1px solid $selection-bg !default;
19
+ $childborder-color: $selection-bg;
20
+ $error-elem-color: #e3165b;
21
+ $error-elem-content: '\e22a' !default;
22
+ $treegrid-frame-bigger-icon-height: 20px !default;
23
+ $treegrid-frame-bigger-icon-width: 20px !default;
24
+ $treegrid-frame-icon-height: 18px !default;
25
+ $treegrid-frame-icon-width: 18px !default;
26
+ $treegrid-rowdd-topbottom-border: 1px solid #400074 !default;
27
+ $treegrid-rowdd-boxshadow: #400074 !default;
28
+ $treegrid-rowdd-childborder-width: 1px 0 0 !default;
29
+ $treegrid-lastrowdd-childborder-width: 1px 0 !default;
30
+ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
package/styles/treegrid/_icons.scss ADDED
@@ -0,0 +1,37 @@
1
+ @include export-module('treegrid-icons') {
2
+ #{&}.e-treegrid,
3
+ .e-grid-menu {
4
+ .e-indent::before {
5
+ content: $treegrid-toolbar-indent-icon;
6
+ }
7
+
8
+ .e-outdent::before {
9
+ content: $treegrid-toolbar-outdent-icon;
10
+ }
11
+ }
12
+
13
+ .e-treegrid {
14
+ .e-treegridexpand::before,
15
+ .e-treegridcollapse::before {
16
+ content: $treegrid-right-arrow-icon;
17
+ }
18
+
19
+ .e-toolbar-item {
20
+ .e-expand::before {
21
+ content: $treegrid-toolbar-expand-icon;
22
+ }
23
+
24
+ .e-collapse::before {
25
+ content: $treegrid-toolbar-collapse-icon;
26
+ }
27
+
28
+ .e-indent::before {
29
+ content: $treegrid-toolbar-indent-icon;
30
+ }
31
+
32
+ .e-outdent::before {
33
+ content: $treegrid-toolbar-outdent-icon;
34
+ }
35
+ }
36
+ }
37
+ }