@syncfusion/ej2-angular-treegrid 22.1.34-ngcc → 22.1.35

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 (126) hide show
  1. package/README.md +1 -1
  2. package/esm2020/public_api.mjs +3 -0
  3. package/esm2020/src/index.mjs +9 -0
  4. package/esm2020/src/treegrid/aggregate-columns.directive.mjs +72 -0
  5. package/esm2020/src/treegrid/aggregates.directive.mjs +69 -0
  6. package/esm2020/src/treegrid/columns.directive.mjs +100 -0
  7. package/esm2020/src/treegrid/stacked-column.directive.mjs +100 -0
  8. package/esm2020/src/treegrid/treegrid-all.module.mjs +89 -0
  9. package/esm2020/src/treegrid/treegrid.component.mjs +247 -0
  10. package/esm2020/src/treegrid/treegrid.module.mjs +61 -0
  11. package/esm2020/syncfusion-ej2-angular-treegrid.mjs +5 -0
  12. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs +712 -0
  13. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  14. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +712 -0
  15. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  16. package/package.json +37 -15
  17. package/src/treegrid/aggregate-columns.directive.d.ts +5 -0
  18. package/src/treegrid/aggregates.directive.d.ts +5 -0
  19. package/src/treegrid/columns.directive.d.ts +5 -0
  20. package/src/treegrid/stacked-column.directive.d.ts +5 -0
  21. package/src/treegrid/treegrid-all.module.d.ts +6 -0
  22. package/src/treegrid/treegrid.component.d.ts +3 -0
  23. package/src/treegrid/treegrid.module.d.ts +10 -0
  24. package/styles/material3-dark.css +20 -11
  25. package/styles/material3-dark.scss +1 -0
  26. package/styles/material3.css +20 -11
  27. package/styles/material3.scss +1 -0
  28. package/styles/treegrid/_all.scss +2 -0
  29. package/styles/treegrid/_bootstrap-dark-definition.scss +30 -0
  30. package/styles/treegrid/_bootstrap-definition.scss +30 -0
  31. package/styles/treegrid/_bootstrap4-definition.scss +30 -0
  32. package/styles/treegrid/_bootstrap5-dark-definition.scss +1 -0
  33. package/styles/treegrid/_bootstrap5-definition.scss +28 -0
  34. package/styles/treegrid/_fabric-dark-definition.scss +30 -0
  35. package/styles/treegrid/_fabric-definition.scss +30 -0
  36. package/styles/treegrid/_fluent-dark-definition.scss +1 -0
  37. package/styles/treegrid/_fluent-definition.scss +29 -0
  38. package/styles/treegrid/_fusionnew-definition.scss +28 -0
  39. package/styles/treegrid/_highcontrast-definition.scss +30 -0
  40. package/styles/treegrid/_highcontrast-light-definition.scss +30 -0
  41. package/styles/treegrid/_icons.scss +37 -0
  42. package/styles/treegrid/_layout.scss +444 -0
  43. package/styles/treegrid/_material-dark-definition.scss +30 -0
  44. package/styles/treegrid/_material-definition.scss +30 -0
  45. package/styles/treegrid/_material3-dark-definition.scss +1 -0
  46. package/styles/treegrid/_material3-definition.scss +28 -0
  47. package/styles/treegrid/_tailwind-dark-definition.scss +1 -0
  48. package/styles/treegrid/_tailwind-definition.scss +28 -0
  49. package/styles/treegrid/_theme.scss +1 -0
  50. package/styles/treegrid/bootstrap-dark.scss +18 -1
  51. package/styles/treegrid/bootstrap.scss +18 -1
  52. package/styles/treegrid/bootstrap4.scss +18 -1
  53. package/styles/treegrid/bootstrap5-dark.scss +18 -1
  54. package/styles/treegrid/bootstrap5.scss +18 -1
  55. package/styles/treegrid/fabric-dark.scss +18 -1
  56. package/styles/treegrid/fabric.scss +18 -1
  57. package/styles/treegrid/fluent-dark.scss +18 -1
  58. package/styles/treegrid/fluent.scss +18 -1
  59. package/styles/treegrid/highcontrast-light.scss +18 -1
  60. package/styles/treegrid/highcontrast.scss +18 -1
  61. package/styles/treegrid/icons/_bootstrap-dark.scss +37 -0
  62. package/styles/treegrid/icons/_bootstrap.scss +37 -0
  63. package/styles/treegrid/icons/_bootstrap4.scss +37 -0
  64. package/styles/treegrid/icons/_bootstrap5-dark.scss +1 -0
  65. package/styles/treegrid/icons/_bootstrap5.scss +37 -0
  66. package/styles/treegrid/icons/_fabric-dark.scss +37 -0
  67. package/styles/treegrid/icons/_fabric.scss +37 -0
  68. package/styles/treegrid/icons/_fluent-dark.scss +1 -0
  69. package/styles/treegrid/icons/_fluent.scss +37 -0
  70. package/styles/treegrid/icons/_fusionnew.scss +26 -0
  71. package/styles/treegrid/icons/_highcontrast-light.scss +37 -0
  72. package/styles/treegrid/icons/_highcontrast.scss +37 -0
  73. package/styles/treegrid/icons/_material-dark.scss +37 -0
  74. package/styles/treegrid/icons/_material.scss +37 -0
  75. package/styles/treegrid/icons/_material3-dark.scss +1 -0
  76. package/styles/treegrid/icons/_material3.scss +37 -0
  77. package/styles/treegrid/icons/_tailwind-dark.scss +37 -0
  78. package/styles/treegrid/icons/_tailwind.scss +37 -0
  79. package/styles/treegrid/material-dark.scss +18 -1
  80. package/styles/treegrid/material.scss +18 -1
  81. package/styles/treegrid/material3-dark.css +20 -11
  82. package/styles/treegrid/material3-dark.scss +18 -1
  83. package/styles/treegrid/material3.css +20 -11
  84. package/styles/treegrid/material3.scss +18 -1
  85. package/styles/treegrid/tailwind-dark.scss +18 -1
  86. package/styles/treegrid/tailwind.scss +18 -1
  87. package/syncfusion-ej2-angular-treegrid.d.ts +5 -0
  88. package/@syncfusion/ej2-angular-treegrid.es5.js +0 -798
  89. package/@syncfusion/ej2-angular-treegrid.es5.js.map +0 -1
  90. package/@syncfusion/ej2-angular-treegrid.js +0 -748
  91. package/@syncfusion/ej2-angular-treegrid.js.map +0 -1
  92. package/CHANGELOG.md +0 -205
  93. package/dist/ej2-angular-treegrid.umd.js +0 -979
  94. package/dist/ej2-angular-treegrid.umd.js.map +0 -1
  95. package/dist/ej2-angular-treegrid.umd.min.js +0 -11
  96. package/dist/ej2-angular-treegrid.umd.min.js.map +0 -1
  97. package/ej2-angular-treegrid.d.ts +0 -5
  98. package/ej2-angular-treegrid.metadata.json +0 -1
  99. package/postinstall/tagchange.js +0 -18
  100. package/schematics/collection.json +0 -20
  101. package/schematics/generators/treegrid-default/index.d.ts +0 -3
  102. package/schematics/generators/treegrid-default/index.js +0 -8
  103. package/schematics/generators/treegrid-default/sample-details.d.ts +0 -5
  104. package/schematics/generators/treegrid-default/sample-details.js +0 -7
  105. package/schematics/generators/treegrid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  106. package/schematics/generators/treegrid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -10
  107. package/schematics/generators/treegrid-default/schema.d.ts +0 -3
  108. package/schematics/generators/treegrid-default/schema.js +0 -2
  109. package/schematics/generators/treegrid-default/schema.json +0 -125
  110. package/schematics/generators/treegrid-feature/index.d.ts +0 -3
  111. package/schematics/generators/treegrid-feature/index.js +0 -8
  112. package/schematics/generators/treegrid-feature/sample-details.d.ts +0 -5
  113. package/schematics/generators/treegrid-feature/sample-details.js +0 -7
  114. package/schematics/generators/treegrid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  115. package/schematics/generators/treegrid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  116. package/schematics/generators/treegrid-feature/schema.d.ts +0 -3
  117. package/schematics/generators/treegrid-feature/schema.js +0 -2
  118. package/schematics/generators/treegrid-feature/schema.json +0 -125
  119. package/schematics/ng-add/index.d.ts +0 -3
  120. package/schematics/ng-add/index.js +0 -9
  121. package/schematics/ng-add/schema.d.ts +0 -13
  122. package/schematics/ng-add/schema.js +0 -2
  123. package/schematics/ng-add/schema.json +0 -34
  124. package/schematics/tsconfig.json +0 -25
  125. package/schematics/utils/lib-details.d.ts +0 -4
  126. package/schematics/utils/lib-details.js +0 -6
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: $text-lg !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: $font-icon-22 !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: $text-lg !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: $font-icon-22 !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
+ }