@syncfusion/ej2-treegrid 26.1.35-469198 → 26.1.35-760834

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 (111) hide show
  1. package/dist/ej2-treegrid.min.js +1 -1
  2. package/dist/ej2-treegrid.umd.min.js +1 -1
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +156 -35
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +158 -35
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +1 -1
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/ts/undefined +73 -602
  11. package/index.d.ts +4 -0
  12. package/index.js +4 -0
  13. package/package.json +1 -1
  14. package/src/index.d.ts +4 -0
  15. package/src/treegrid/actions/batch-edit.d.ts +73 -0
  16. package/src/treegrid/actions/clipboard.d.ts +36 -0
  17. package/src/treegrid/actions/column-chooser.d.ts +37 -0
  18. package/src/treegrid/actions/column-menu.d.ts +24 -0
  19. package/src/treegrid/actions/command-column.d.ts +24 -0
  20. package/src/treegrid/actions/context-menu.d.ts +42 -0
  21. package/src/treegrid/actions/crud-actions.d.ts +66 -0
  22. package/src/treegrid/actions/crud-actions.js +1 -1
  23. package/src/treegrid/actions/detail-row.d.ts +39 -0
  24. package/src/treegrid/actions/edit.d.ts +112 -0
  25. package/src/treegrid/actions/edit.js +3 -2
  26. package/src/treegrid/actions/excel-export.d.ts +59 -0
  27. package/src/treegrid/actions/excel-export.js +14 -3
  28. package/src/treegrid/actions/filter.d.ts +57 -0
  29. package/src/treegrid/actions/freeze-column.d.ts +28 -0
  30. package/src/treegrid/actions/index.d.ts +24 -0
  31. package/src/treegrid/actions/infinite-scroll.d.ts +96 -0
  32. package/src/treegrid/actions/logger.d.ts +25 -0
  33. package/src/treegrid/actions/page.d.ts +67 -0
  34. package/src/treegrid/actions/pdf-export.d.ts +55 -0
  35. package/src/treegrid/actions/print.d.ts +37 -0
  36. package/src/treegrid/actions/reorder.d.ts +36 -0
  37. package/src/treegrid/actions/resize.d.ts +36 -0
  38. package/src/treegrid/actions/rowdragdrop.d.ts +113 -0
  39. package/src/treegrid/actions/rowdragdrop.js +2 -2
  40. package/src/treegrid/actions/selection.d.ts +51 -0
  41. package/src/treegrid/actions/selection.js +9 -0
  42. package/src/treegrid/actions/sort.d.ts +63 -0
  43. package/src/treegrid/actions/summary.d.ts +47 -0
  44. package/src/treegrid/actions/toolbar.d.ts +52 -0
  45. package/src/treegrid/actions/virtual-scroll.d.ts +55 -0
  46. package/src/treegrid/actions/virtual-scroll.js +13 -1
  47. package/src/treegrid/base/constant.d.ts +162 -0
  48. package/src/treegrid/base/data.d.ts +90 -0
  49. package/src/treegrid/base/data.js +20 -3
  50. package/src/treegrid/base/index.d.ts +11 -0
  51. package/src/treegrid/base/interface.d.ts +182 -0
  52. package/src/treegrid/base/treegrid.d.ts +2190 -0
  53. package/src/treegrid/base/treegrid.js +86 -17
  54. package/src/treegrid/enum.d.ts +155 -0
  55. package/src/treegrid/index.d.ts +9 -0
  56. package/src/treegrid/models/column.d.ts +752 -0
  57. package/src/treegrid/models/edit-settings.d.ts +90 -0
  58. package/src/treegrid/models/filter-settings.d.ts +203 -0
  59. package/src/treegrid/models/index.d.ts +24 -0
  60. package/src/treegrid/models/infinite-scroll-settings.d.ts +25 -0
  61. package/src/treegrid/models/loading-indicator.d.ts +19 -0
  62. package/src/treegrid/models/page-settings.d.ts +60 -0
  63. package/src/treegrid/models/rowdrop-settings.d.ts +27 -0
  64. package/src/treegrid/models/search-settings.d.ts +71 -0
  65. package/src/treegrid/models/selection-settings.d.ts +79 -0
  66. package/src/treegrid/models/sort-settings.d.ts +40 -0
  67. package/src/treegrid/models/summary.d.ts +124 -0
  68. package/src/treegrid/models/textwrap-settings.d.ts +16 -0
  69. package/src/treegrid/renderer/index.d.ts +5 -0
  70. package/src/treegrid/renderer/render.d.ts +41 -0
  71. package/src/treegrid/renderer/virtual-row-model-generator.d.ts +16 -0
  72. package/src/treegrid/renderer/virtual-tree-content-render.d.ts +75 -0
  73. package/src/treegrid/renderer/virtual-tree-content-render.js +11 -6
  74. package/src/treegrid/utils.d.ts +70 -0
  75. package/styles/bootstrap5.3-lite.css +2 -1090
  76. package/styles/bootstrap5.3.css +3 -1091
  77. package/styles/fluent2-lite.css +8 -1129
  78. package/styles/fluent2.css +8 -1129
  79. package/styles/material3-dark-lite.css +10 -1098
  80. package/styles/material3-dark.css +10 -1098
  81. package/styles/material3-lite.css +10 -1098
  82. package/styles/material3.css +10 -1098
  83. package/styles/tailwind3-lite.css +77 -1213
  84. package/styles/tailwind3.css +84 -1220
  85. package/styles/treegrid/_bds-definition.scss +0 -25
  86. package/styles/treegrid/_bigger.scss +6 -6
  87. package/styles/treegrid/_bootstrap-dark-definition.scss +0 -25
  88. package/styles/treegrid/_bootstrap-definition.scss +0 -25
  89. package/styles/treegrid/_bootstrap4-definition.scss +0 -25
  90. package/styles/treegrid/_bootstrap5-definition.scss +0 -25
  91. package/styles/treegrid/_bootstrap5.3-definition.scss +0 -25
  92. package/styles/treegrid/_fabric-dark-definition.scss +0 -25
  93. package/styles/treegrid/_fabric-definition.scss +0 -25
  94. package/styles/treegrid/_fluent-definition.scss +0 -25
  95. package/styles/treegrid/_fluent2-definition.scss +0 -25
  96. package/styles/treegrid/_fusionnew-definition.scss +0 -25
  97. package/styles/treegrid/_highcontrast-definition.scss +0 -25
  98. package/styles/treegrid/_highcontrast-light-definition.scss +0 -25
  99. package/styles/treegrid/_layout.scss +29 -29
  100. package/styles/treegrid/_material-dark-definition.scss +0 -25
  101. package/styles/treegrid/_material-definition.scss +0 -25
  102. package/styles/treegrid/_material3-definition.scss +0 -25
  103. package/styles/treegrid/_tailwind-definition.scss +0 -25
  104. package/styles/treegrid/_tailwind3-definition.scss +17 -42
  105. package/styles/treegrid/bootstrap5.3.css +3 -1091
  106. package/styles/treegrid/fluent2.css +8 -1129
  107. package/styles/treegrid/material3-dark.css +10 -1098
  108. package/styles/treegrid/material3.css +10 -1098
  109. package/styles/treegrid/tailwind3.css +84 -1220
  110. package/treegrid.d.ts +4 -0
  111. package/treegrid.js +4 -0
@@ -22,28 +22,3 @@ $treegrid-rowdd-boxshadow: $primary !default;
22
22
  $treegrid-rowdd-childborder-width: 2px 0 0 !default;
23
23
  $treegrid-lastrowdd-childborder-width: 2px 0 !default;
24
24
  $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
25
-
26
- $treegrid-spacing-0: 0 !default;
27
- $treegrid-spacing-1: 1px !default;
28
- $treegrid-spacing-2: 2px !default;
29
- $treegrid-spacing-4: 4px !default;
30
- $treegrid-spacing-10: 10px !default;
31
- $treegrid-spacing-16: 16px !default;
32
- $treegrid-spacing-20: 20px !default;
33
- $treegrid-text-xxs: 10px !default;
34
- $treegrid-text-xs: 12px !default;
35
- $treegrid-text-sm: 14px !default;
36
- $treegrid-text-base: 16px !default;
37
- $treegrid-fontweight-bold: bold !default;
38
- $treegrid-line-height-11: 11px !default;
39
- $treegrid-line-height-12: 12px !default;
40
- $treegrid-line-height-21: 21px !default;
41
- $treegrid-line-height-19: 19px !default;
42
- $treegrid-line-height-17: 17px !default;
43
- $treegrid-opacity-0: 0 !default;
44
- $treegrid-zindex-1: 1 !default;
45
- $treegrid-height-20: 20px !default;
46
- $treegrid-height-16: 16px !default;
47
- $treegrid-height-1: 1px !default;
48
- $treegrid-height-0: 0 !default;
49
- $treegrid-height-auto: auto !default;
@@ -19,14 +19,14 @@
19
19
  }
20
20
 
21
21
  .e-hierarchycheckbox {
22
- padding-left: $treegrid-spacing-2;
22
+ padding-left: 2px;
23
23
  }
24
24
 
25
25
  .e-hierarchycheckbox .e-frame {
26
26
  @if $skin-name =='bootstrap' or $skin-name =='boostrap-dark' or $skin-name =='fabric-dark' or $skin-name =='fabric' or $skin-name =='highcontrast' or $skin-name =='FluentUI' or $theme-name =='fluentui-dark' {
27
- font-size: $treegrid-text-xs;
28
- line-height: $treegrid-line-height-12;
29
- padding: $treegrid-spacing-2 $treegrid-spacing-0;
27
+ font-size: 12px;
28
+ line-height: 12px;
29
+ padding: 2px 0;
30
30
  }
31
31
  height: $treegrid-frame-bigger-icon-height;
32
32
  width: $treegrid-frame-bigger-icon-width;
@@ -42,8 +42,8 @@
42
42
 
43
43
  .e-row[aria-expanded = 'true'] .e-treecell {
44
44
  @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
45
- font-size: $treegrid-text-base;
46
- font-weight: $treegrid-fontweight-bold;
45
+ font-size: 16px;
46
+ font-weight: bold;
47
47
  }
48
48
  }
49
49
 
@@ -27,28 +27,3 @@ $treegrid-rowdd-boxshadow: #0070f0 !default;
27
27
  $treegrid-rowdd-childborder-width: 1px 0 0 !default;
28
28
  $treegrid-lastrowdd-childborder-width: 1px 0 !default;
29
29
  $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
30
-
31
- $treegrid-spacing-0: 0 !default;
32
- $treegrid-spacing-1: 1px !default;
33
- $treegrid-spacing-2: 2px !default;
34
- $treegrid-spacing-4: 4px !default;
35
- $treegrid-spacing-10: 10px !default;
36
- $treegrid-spacing-16: 16px !default;
37
- $treegrid-spacing-20: 20px !default;
38
- $treegrid-text-xxs: 10px !default;
39
- $treegrid-text-xs: 12px !default;
40
- $treegrid-text-sm: 14px !default;
41
- $treegrid-text-base: 16px !default;
42
- $treegrid-fontweight-bold: bold !default;
43
- $treegrid-line-height-11: 11px !default;
44
- $treegrid-line-height-12: 12px !default;
45
- $treegrid-line-height-21: 21px !default;
46
- $treegrid-line-height-19: 19px !default;
47
- $treegrid-line-height-17: 17px !default;
48
- $treegrid-opacity-0: 0 !default;
49
- $treegrid-zindex-1: 1 !default;
50
- $treegrid-height-20: 20px !default;
51
- $treegrid-height-16: 16px !default;
52
- $treegrid-height-1: 1px !default;
53
- $treegrid-height-0: 0 !default;
54
- $treegrid-height-auto: auto !default;
@@ -27,28 +27,3 @@ $treegrid-rowdd-boxshadow: #317ab9 !default;
27
27
  $treegrid-rowdd-childborder-width: 1px 0 0 !default;
28
28
  $treegrid-lastrowdd-childborder-width: 1px 0 !default;
29
29
  $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
30
-
31
- $treegrid-spacing-0: 0 !default;
32
- $treegrid-spacing-1: 1px !default;
33
- $treegrid-spacing-2: 2px !default;
34
- $treegrid-spacing-4: 4px !default;
35
- $treegrid-spacing-10: 10px !default;
36
- $treegrid-spacing-16: 16px !default;
37
- $treegrid-spacing-20: 20px !default;
38
- $treegrid-text-xxs: 10px !default;
39
- $treegrid-text-xs: 12px !default;
40
- $treegrid-text-sm: 14px !default;
41
- $treegrid-text-base: 16px !default;
42
- $treegrid-fontweight-bold: bold !default;
43
- $treegrid-line-height-11: 11px !default;
44
- $treegrid-line-height-12: 12px !default;
45
- $treegrid-line-height-21: 21px !default;
46
- $treegrid-line-height-19: 19px !default;
47
- $treegrid-line-height-17: 17px !default;
48
- $treegrid-opacity-0: 0 !default;
49
- $treegrid-zindex-1: 1 !default;
50
- $treegrid-height-20: 20px !default;
51
- $treegrid-height-16: 16px !default;
52
- $treegrid-height-1: 1px !default;
53
- $treegrid-height-0: 0 !default;
54
- $treegrid-height-auto: auto !default;
@@ -27,28 +27,3 @@ $treegrid-rowdd-boxshadow: #e3165b !default;
27
27
  $treegrid-rowdd-childborder-width: 1px 0 0 !default;
28
28
  $treegrid-lastrowdd-childborder-width: 1px 0 !default;
29
29
  $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
30
-
31
- $treegrid-spacing-0: 0 !default;
32
- $treegrid-spacing-1: 1px !default;
33
- $treegrid-spacing-2: 2px !default;
34
- $treegrid-spacing-4: 4px !default;
35
- $treegrid-spacing-10: 10px !default;
36
- $treegrid-spacing-16: 16px !default;
37
- $treegrid-spacing-20: 20px !default;
38
- $treegrid-text-xxs: 10px !default;
39
- $treegrid-text-xs: 12px !default;
40
- $treegrid-text-sm: 14px !default;
41
- $treegrid-text-base: 16px !default;
42
- $treegrid-fontweight-bold: bold !default;
43
- $treegrid-line-height-11: 11px !default;
44
- $treegrid-line-height-12: 12px !default;
45
- $treegrid-line-height-21: 21px !default;
46
- $treegrid-line-height-19: 19px !default;
47
- $treegrid-line-height-17: 17px !default;
48
- $treegrid-opacity-0: 0 !default;
49
- $treegrid-zindex-1: 1 !default;
50
- $treegrid-height-20: 20px !default;
51
- $treegrid-height-16: 16px !default;
52
- $treegrid-height-1: 1px !default;
53
- $treegrid-height-0: 0 !default;
54
- $treegrid-height-auto: auto !default;
@@ -22,28 +22,3 @@ $treegrid-rowdd-boxshadow: $primary !default;
22
22
  $treegrid-rowdd-childborder-width: 2px 0 0 !default;
23
23
  $treegrid-lastrowdd-childborder-width: 2px 0 !default;
24
24
  $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
25
-
26
- $treegrid-spacing-0: 0 !default;
27
- $treegrid-spacing-1: 1px !default;
28
- $treegrid-spacing-2: 2px !default;
29
- $treegrid-spacing-4: 4px !default;
30
- $treegrid-spacing-10: 10px !default;
31
- $treegrid-spacing-16: 16px !default;
32
- $treegrid-spacing-20: 20px !default;
33
- $treegrid-text-xxs: 10px !default;
34
- $treegrid-text-xs: 12px !default;
35
- $treegrid-text-sm: 14px !default;
36
- $treegrid-text-base: 16px !default;
37
- $treegrid-fontweight-bold: bold !default;
38
- $treegrid-line-height-11: 11px !default;
39
- $treegrid-line-height-12: 12px !default;
40
- $treegrid-line-height-21: 21px !default;
41
- $treegrid-line-height-19: 19px !default;
42
- $treegrid-line-height-17: 17px !default;
43
- $treegrid-opacity-0: 0 !default;
44
- $treegrid-zindex-1: 1 !default;
45
- $treegrid-height-20: 20px !default;
46
- $treegrid-height-16: 16px !default;
47
- $treegrid-height-1: 1px !default;
48
- $treegrid-height-0: 0 !default;
49
- $treegrid-height-auto: auto !default;
@@ -22,28 +22,3 @@ $treegrid-rowdd-boxshadow: $primary !default;
22
22
  $treegrid-rowdd-childborder-width: 2px 0 0 !default;
23
23
  $treegrid-lastrowdd-childborder-width: 2px 0 !default;
24
24
  $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
25
-
26
- $treegrid-spacing-0: 0 !default;
27
- $treegrid-spacing-1: 1px !default;
28
- $treegrid-spacing-2: 2px !default;
29
- $treegrid-spacing-4: 4px !default;
30
- $treegrid-spacing-10: 10px !default;
31
- $treegrid-spacing-16: 16px !default;
32
- $treegrid-spacing-20: 20px !default;
33
- $treegrid-text-xxs: 10px !default;
34
- $treegrid-text-xs: 12px !default;
35
- $treegrid-text-sm: 14px !default;
36
- $treegrid-text-base: 16px !default;
37
- $treegrid-fontweight-bold: bold !default;
38
- $treegrid-line-height-11: 11px !default;
39
- $treegrid-line-height-12: 12px !default;
40
- $treegrid-line-height-21: 21px !default;
41
- $treegrid-line-height-19: 19px !default;
42
- $treegrid-line-height-17: 17px !default;
43
- $treegrid-opacity-0: 0 !default;
44
- $treegrid-zindex-1: 1 !default;
45
- $treegrid-height-20: 20px !default;
46
- $treegrid-height-16: 16px !default;
47
- $treegrid-height-1: 1px !default;
48
- $treegrid-height-0: 0 !default;
49
- $treegrid-height-auto: auto !default;
@@ -27,28 +27,3 @@ $treegrid-rowdd-boxshadow: #0074cc !default;
27
27
  $treegrid-rowdd-childborder-width: 1px 0 0 !default;
28
28
  $treegrid-lastrowdd-childborder-width: 1px 0 !default;
29
29
  $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
30
-
31
- $treegrid-spacing-0: 0 !default;
32
- $treegrid-spacing-1: 1px !default;
33
- $treegrid-spacing-2: 2px !default;
34
- $treegrid-spacing-4: 4px !default;
35
- $treegrid-spacing-10: 10px !default;
36
- $treegrid-spacing-16: 16px !default;
37
- $treegrid-spacing-20: 20px !default;
38
- $treegrid-text-xxs: 10px !default;
39
- $treegrid-text-xs: 12px !default;
40
- $treegrid-text-sm: 14px !default;
41
- $treegrid-text-base: 16px !default;
42
- $treegrid-fontweight-bold: bold !default;
43
- $treegrid-line-height-11: 11px !default;
44
- $treegrid-line-height-12: 12px !default;
45
- $treegrid-line-height-21: 21px !default;
46
- $treegrid-line-height-19: 19px !default;
47
- $treegrid-line-height-17: 17px !default;
48
- $treegrid-opacity-0: 0 !default;
49
- $treegrid-zindex-1: 1 !default;
50
- $treegrid-height-20: 20px !default;
51
- $treegrid-height-16: 16px !default;
52
- $treegrid-height-1: 1px !default;
53
- $treegrid-height-0: 0 !default;
54
- $treegrid-height-auto: auto !default;
@@ -27,28 +27,3 @@ $treegrid-rowdd-boxshadow: #0078d6 !default;
27
27
  $treegrid-rowdd-childborder-width: 1px 0 0 !default;
28
28
  $treegrid-lastrowdd-childborder-width: 1px 0 !default;
29
29
  $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
30
-
31
- $treegrid-spacing-0: 0 !default;
32
- $treegrid-spacing-1: 1px !default;
33
- $treegrid-spacing-2: 2px !default;
34
- $treegrid-spacing-4: 4px !default;
35
- $treegrid-spacing-10: 10px !default;
36
- $treegrid-spacing-16: 16px !default;
37
- $treegrid-spacing-20: 20px !default;
38
- $treegrid-text-xxs: 10px !default;
39
- $treegrid-text-xs: 12px !default;
40
- $treegrid-text-sm: 14px !default;
41
- $treegrid-text-base: 16px !default;
42
- $treegrid-fontweight-bold: bold !default;
43
- $treegrid-line-height-11: 11px !default;
44
- $treegrid-line-height-12: 12px !default;
45
- $treegrid-line-height-21: 21px !default;
46
- $treegrid-line-height-19: 19px !default;
47
- $treegrid-line-height-17: 17px !default;
48
- $treegrid-opacity-0: 0 !default;
49
- $treegrid-zindex-1: 1 !default;
50
- $treegrid-height-20: 20px !default;
51
- $treegrid-height-16: 16px !default;
52
- $treegrid-height-1: 1px !default;
53
- $treegrid-height-0: 0 !default;
54
- $treegrid-height-auto: auto !default;
@@ -23,28 +23,3 @@ $treegrid-rowdd-boxshadow: $primary !default;
23
23
  $treegrid-rowdd-childborder-width: 2px 0 0 !default;
24
24
  $treegrid-lastrowdd-childborder-width: 2px 0 !default;
25
25
  $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
26
-
27
- $treegrid-spacing-0: 0 !default;
28
- $treegrid-spacing-1: 1px !default;
29
- $treegrid-spacing-2: 2px !default;
30
- $treegrid-spacing-4: 4px !default;
31
- $treegrid-spacing-10: 10px !default;
32
- $treegrid-spacing-16: 16px !default;
33
- $treegrid-spacing-20: 20px !default;
34
- $treegrid-text-xxs: 10px !default;
35
- $treegrid-text-xs: 12px !default;
36
- $treegrid-text-sm: 14px !default;
37
- $treegrid-text-base: 16px !default;
38
- $treegrid-fontweight-bold: bold !default;
39
- $treegrid-line-height-11: 11px !default;
40
- $treegrid-line-height-12: 12px !default;
41
- $treegrid-line-height-21: 21px !default;
42
- $treegrid-line-height-19: 19px !default;
43
- $treegrid-line-height-17: 17px !default;
44
- $treegrid-opacity-0: 0 !default;
45
- $treegrid-zindex-1: 1 !default;
46
- $treegrid-height-20: 20px !default;
47
- $treegrid-height-16: 16px !default;
48
- $treegrid-height-1: 1px !default;
49
- $treegrid-height-0: 0 !default;
50
- $treegrid-height-auto: auto !default;
@@ -22,28 +22,3 @@ $treegrid-rowdd-boxshadow: $primary !default;
22
22
  $treegrid-rowdd-childborder-width: 2px 0 0 !default;
23
23
  $treegrid-lastrowdd-childborder-width: 2px 0 !default;
24
24
  $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
25
-
26
- $treegrid-spacing-0: 0 !default;
27
- $treegrid-spacing-1: 1px !default;
28
- $treegrid-spacing-2: 2px !default;
29
- $treegrid-spacing-4: 4px !default;
30
- $treegrid-spacing-10: 10px !default;
31
- $treegrid-spacing-16: 16px !default;
32
- $treegrid-spacing-20: 20px !default;
33
- $treegrid-text-xxs: 10px !default;
34
- $treegrid-text-xs: 12px !default;
35
- $treegrid-text-sm: 14px !default;
36
- $treegrid-text-base: 16px !default;
37
- $treegrid-fontweight-bold: bold !default;
38
- $treegrid-line-height-11: 11px !default;
39
- $treegrid-line-height-12: 12px !default;
40
- $treegrid-line-height-21: 21px !default;
41
- $treegrid-line-height-19: 19px !default;
42
- $treegrid-line-height-17: 17px !default;
43
- $treegrid-opacity-0: 0 !default;
44
- $treegrid-zindex-1: 1 !default;
45
- $treegrid-height-20: 20px !default;
46
- $treegrid-height-16: 16px !default;
47
- $treegrid-height-1: 1px !default;
48
- $treegrid-height-0: 0 !default;
49
- $treegrid-height-auto: auto !default;
@@ -22,28 +22,3 @@ $treegrid-rowdd-boxshadow: $primary !default;
22
22
  $treegrid-rowdd-childborder-width: 2px 0 0 !default;
23
23
  $treegrid-lastrowdd-childborder-width: 2px 0 !default;
24
24
  $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
25
-
26
- $treegrid-spacing-0: 0 !default;
27
- $treegrid-spacing-1: 1px !default;
28
- $treegrid-spacing-2: 2px !default;
29
- $treegrid-spacing-4: 4px !default;
30
- $treegrid-spacing-10: 10px !default;
31
- $treegrid-spacing-16: 16px !default;
32
- $treegrid-spacing-20: 20px !default;
33
- $treegrid-text-xxs: 10px !default;
34
- $treegrid-text-xs: 12px !default;
35
- $treegrid-text-sm: 14px !default;
36
- $treegrid-text-base: 16px !default;
37
- $treegrid-fontweight-bold: bold !default;
38
- $treegrid-line-height-11: 11px !default;
39
- $treegrid-line-height-12: 12px !default;
40
- $treegrid-line-height-21: 21px !default;
41
- $treegrid-line-height-19: 19px !default;
42
- $treegrid-line-height-17: 17px !default;
43
- $treegrid-opacity-0: 0 !default;
44
- $treegrid-zindex-1: 1 !default;
45
- $treegrid-height-20: 20px !default;
46
- $treegrid-height-16: 16px !default;
47
- $treegrid-height-1: 1px !default;
48
- $treegrid-height-0: 0 !default;
49
- $treegrid-height-auto: auto !default;
@@ -27,28 +27,3 @@ $treegrid-rowdd-boxshadow: #ffd939 !default;
27
27
  $treegrid-rowdd-childborder-width: 1px 0 0 !default;
28
28
  $treegrid-lastrowdd-childborder-width: 1px 0 !default;
29
29
  $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
30
-
31
- $treegrid-spacing-0: 0 !default;
32
- $treegrid-spacing-1: 1px !default;
33
- $treegrid-spacing-2: 2px !default;
34
- $treegrid-spacing-4: 4px !default;
35
- $treegrid-spacing-10: 10px !default;
36
- $treegrid-spacing-16: 16px !default;
37
- $treegrid-spacing-20: 20px !default;
38
- $treegrid-text-xxs: 10px !default;
39
- $treegrid-text-xs: 12px !default;
40
- $treegrid-text-sm: 14px !default;
41
- $treegrid-text-base: 16px !default;
42
- $treegrid-fontweight-bold: bold !default;
43
- $treegrid-line-height-11: 11px !default;
44
- $treegrid-line-height-12: 12px !default;
45
- $treegrid-line-height-21: 21px !default;
46
- $treegrid-line-height-19: 19px !default;
47
- $treegrid-line-height-17: 17px !default;
48
- $treegrid-opacity-0: 0 !default;
49
- $treegrid-zindex-1: 1 !default;
50
- $treegrid-height-20: 20px !default;
51
- $treegrid-height-16: 16px !default;
52
- $treegrid-height-1: 1px !default;
53
- $treegrid-height-0: 0 !default;
54
- $treegrid-height-auto: auto !default;
@@ -27,28 +27,3 @@ $treegrid-rowdd-boxshadow: #400074 !default;
27
27
  $treegrid-rowdd-childborder-width: 1px 0 0 !default;
28
28
  $treegrid-lastrowdd-childborder-width: 1px 0 !default;
29
29
  $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
30
-
31
- $treegrid-spacing-0: 0 !default;
32
- $treegrid-spacing-1: 1px !default;
33
- $treegrid-spacing-2: 2px !default;
34
- $treegrid-spacing-4: 4px !default;
35
- $treegrid-spacing-10: 10px !default;
36
- $treegrid-spacing-16: 16px !default;
37
- $treegrid-spacing-20: 20px !default;
38
- $treegrid-text-xxs: 10px !default;
39
- $treegrid-text-xs: 12px !default;
40
- $treegrid-text-sm: 14px !default;
41
- $treegrid-text-base: 16px !default;
42
- $treegrid-fontweight-bold: bold !default;
43
- $treegrid-line-height-11: 11px !default;
44
- $treegrid-line-height-12: 12px !default;
45
- $treegrid-line-height-21: 21px !default;
46
- $treegrid-line-height-19: 19px !default;
47
- $treegrid-line-height-17: 17px !default;
48
- $treegrid-opacity-0: 0 !default;
49
- $treegrid-zindex-1: 1 !default;
50
- $treegrid-height-20: 20px !default;
51
- $treegrid-height-16: 16px !default;
52
- $treegrid-height-1: 1px !default;
53
- $treegrid-height-0: 0 !default;
54
- $treegrid-height-auto: auto !default;
@@ -12,22 +12,22 @@
12
12
  vertical-align: text-bottom;
13
13
  }
14
14
  @mixin drop-bottom-child {
15
- box-shadow: $treegrid-spacing-0 $treegrid-spacing-1 $treegrid-spacing-0 $treegrid-spacing-0 $childborder-color;
15
+ box-shadow: 0 1px 0 0 $childborder-color;
16
16
  position: relative;
17
17
  z-index: 1;
18
18
  }
19
19
  @mixin childborder {
20
20
  border-bottom: $treegrid-rowdrag-childborder-border;
21
21
  border-top: $treegrid-rowdrag-childborder-border;
22
- box-shadow: $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-rowdd-boxshadow;
22
+ box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
23
23
  }
24
24
  @mixin dropbottom {
25
25
  border-bottom: $treegrid-rowdd-topbottom-border;
26
- box-shadow: $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-rowdd-boxshadow;
26
+ box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
27
27
  }
28
28
  @mixin droptop {
29
29
  border-top: $treegrid-rowdd-topbottom-border;
30
- box-shadow: $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-rowdd-boxshadow;
30
+ box-shadow: 0 0 0 0 $treegrid-rowdd-boxshadow;
31
31
  }
32
32
  @include export-module('tree-layout') {
33
33
 
@@ -49,14 +49,14 @@
49
49
  }
50
50
 
51
51
  .e-grid:not(.e-grid-min-height) .e-gridcontent tr.e-row.e-summaryrow .e-rowcell:empty {
52
- height: $treegrid-height-auto;
52
+ height: auto;
53
53
  }
54
54
 
55
55
  .e-gridheader {
56
56
  .e-headercell .e-css.e-hierarchycheckbox {
57
- height: $treegrid-height-20;
57
+ height: 20px;
58
58
  @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
59
- padding-top: $treegrid-spacing-0;
59
+ padding-top: 0;
60
60
  }
61
61
  @if $skin-name == 'fluent2' or $skin-name == 'fluent2-dark'{
62
62
  position: relative;
@@ -147,8 +147,8 @@
147
147
 
148
148
  .e-row[aria-expanded = 'true'] .e-treecell {
149
149
  @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
150
- font-size: $treegrid-text-sm;
151
- font-weight: $treegrid-fontweight-bold;
150
+ font-size: 14px;
151
+ font-weight: bold;
152
152
  }
153
153
  }
154
154
 
@@ -206,10 +206,10 @@
206
206
 
207
207
  .e-hierarchycheckbox .e-frame {
208
208
  @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
209
- font-size: $treegrid-text-xxs;
210
- height: $treegrid-height-16;
211
- line-height: $treegrid-line-height-11;
212
- padding: $treegrid-spacing-2 $treegrid-spacing-0;
209
+ font-size: 10px;
210
+ height: 16px;
211
+ line-height: 11px;
212
+ padding: 2px 0;
213
213
  width: 16px;
214
214
  }
215
215
  @else {
@@ -223,7 +223,7 @@
223
223
  .e-movableheader .e-rowcell,
224
224
  .e-frozencontent .e-rowcell,
225
225
  .e-movablecontent .e-rowcell {
226
- line-height: $treegrid-line-height-21;
226
+ line-height: 21px;
227
227
  }
228
228
  }
229
229
 
@@ -242,7 +242,7 @@
242
242
  .e-treecell {
243
243
  display: table-cell;
244
244
  @if $skin-name == 'bootstrap5' or $skin-name == 'boostrap5-dark' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' or $theme-name == 'fluent2' {
245
- line-height: $treegrid-line-height-19;
245
+ line-height: 19px;
246
246
  }
247
247
  @else {
248
248
  line-height: normal;
@@ -280,8 +280,8 @@
280
280
 
281
281
  .e-treecheckselect,
282
282
  .e-treeselectall {
283
- margin: $treegrid-spacing-0;
284
- opacity: $treegrid-opacity-0;
283
+ margin: 0;
284
+ opacity: 0;
285
285
  position: absolute;
286
286
  width: 0;
287
287
  }
@@ -307,7 +307,7 @@
307
307
  }
308
308
 
309
309
  .e-icons.e-errorelem {
310
- padding-left: $treegrid-spacing-10;
310
+ padding-left: 10px;
311
311
  @include display-align;
312
312
  }
313
313
 
@@ -329,13 +329,13 @@
329
329
 
330
330
  td.e-rowcell.e-childborder.e-dragborder,
331
331
  td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
332
- box-shadow: $treegrid-spacing-0 $treegrid-spacing-1 $treegrid-spacing-0 $treegrid-spacing-0 $childborder-color;
332
+ box-shadow: 0 1px 0 0 $childborder-color;
333
333
  }
334
334
 
335
335
  td.e-rowcell.e-dragborder,
336
336
  tr.e-row:first-child .e-rowcell.e-dragborder,
337
337
  .e-rowdragdrop.e-dragborder {
338
- box-shadow: $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0;
338
+ box-shadow: 0 0 0 0;
339
339
  }
340
340
 
341
341
  td.e-childborder:first-child {
@@ -376,22 +376,22 @@
376
376
  }
377
377
 
378
378
  td.e-rowdragdrop.e-droptop.e-dragborder {
379
- box-shadow: $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0;
379
+ box-shadow: 0 0 0 0;
380
380
  }
381
381
 
382
382
  .e-gridheader .e-firstrow-dragborder {
383
- height: $treegrid-height-1;
383
+ height: 1px;
384
384
  }
385
385
 
386
386
  .e-lastrow-dragborder {
387
- height: $treegrid-height-0;
387
+ height: 0;
388
388
  }
389
389
  }
390
390
 
391
391
  .e-gridheader .e-firstrow-dragborder,
392
392
  .e-droptop .e-lastrow-dragborder,
393
393
  .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
394
- height: $treegrid-height-0;
394
+ height: 0;
395
395
  }
396
396
 
397
397
  .e-treegrid-relative {
@@ -403,14 +403,14 @@
403
403
  background-color: $childborder-color;
404
404
  bottom: 0;
405
405
  display: none;
406
- height: $treegrid-height-1;
406
+ height: 1px;
407
407
  position: absolute;
408
- z-index: $treegrid-zindex-1;
408
+ z-index: 1;
409
409
  }
410
410
 
411
411
  .e-gridcontent .e-rowcell{
412
412
  @if $skin-name == 'fluent2' or $skin-name == 'fluent2-dark'{
413
- line-height: $treegrid-line-height-17;
413
+ line-height: 17px;
414
414
  }
415
415
  }
416
416
 
@@ -461,7 +461,7 @@
461
461
  .e-grid.e-rtl {
462
462
  .e-gridheader .e-firstrow-dragborder,
463
463
  .e-droptop .e-lastrow-dragborder {
464
- height: $treegrid-height-0;
464
+ height: 0;
465
465
  }
466
466
 
467
467
  .e-gridcontent {
@@ -478,7 +478,7 @@
478
478
  td.e-rowcell.e-dragborder,
479
479
  tr.e-row:first-child .e-rowcell.e-dragborder,
480
480
  .e-rowdragdrop.e-dragborder {
481
- box-shadow: $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0 $treegrid-spacing-0;
481
+ box-shadow: 0 0 0 0;
482
482
  }
483
483
 
484
484
  td.e-childborder:first-child {
@@ -27,28 +27,3 @@ $treegrid-rowdd-boxshadow: #00b0ff !default;
27
27
  $treegrid-rowdd-childborder-width: 1px 0 0 !default;
28
28
  $treegrid-lastrowdd-childborder-width: 1px 0 !default;
29
29
  $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
30
-
31
- $treegrid-spacing-0: 0 !default;
32
- $treegrid-spacing-1: 1px !default;
33
- $treegrid-spacing-2: 2px !default;
34
- $treegrid-spacing-4: 4px !default;
35
- $treegrid-spacing-10: 10px !default;
36
- $treegrid-spacing-16: 16px !default;
37
- $treegrid-spacing-20: 20px !default;
38
- $treegrid-text-xxs: 10px !default;
39
- $treegrid-text-xs: 12px !default;
40
- $treegrid-text-sm: 14px !default;
41
- $treegrid-text-base: 16px !default;
42
- $treegrid-fontweight-bold: bold !default;
43
- $treegrid-line-height-11: 11px !default;
44
- $treegrid-line-height-12: 12px !default;
45
- $treegrid-line-height-21: 21px !default;
46
- $treegrid-line-height-19: 19px !default;
47
- $treegrid-line-height-17: 17px !default;
48
- $treegrid-opacity-0: 0 !default;
49
- $treegrid-zindex-1: 1 !default;
50
- $treegrid-height-20: 20px !default;
51
- $treegrid-height-16: 16px !default;
52
- $treegrid-height-1: 1px !default;
53
- $treegrid-height-0: 0 !default;
54
- $treegrid-height-auto: auto !default;
@@ -27,28 +27,3 @@ $treegrid-rowdd-boxshadow: #e3165b !default;
27
27
  $treegrid-rowdd-childborder-width: 1px 0 0 !default;
28
28
  $treegrid-lastrowdd-childborder-width: 1px 0 !default;
29
29
  $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
30
-
31
- $treegrid-spacing-0: 0 !default;
32
- $treegrid-spacing-1: 1px !default;
33
- $treegrid-spacing-2: 2px !default;
34
- $treegrid-spacing-4: 4px !default;
35
- $treegrid-spacing-10: 10px !default;
36
- $treegrid-spacing-16: 16px !default;
37
- $treegrid-spacing-20: 20px !default;
38
- $treegrid-text-xxs: 10px !default;
39
- $treegrid-text-xs: 12px !default;
40
- $treegrid-text-sm: 14px !default;
41
- $treegrid-text-base: 16px !default;
42
- $treegrid-fontweight-bold: bold !default;
43
- $treegrid-line-height-11: 11px !default;
44
- $treegrid-line-height-12: 12px !default;
45
- $treegrid-line-height-21: 21px !default;
46
- $treegrid-line-height-19: 19px !default;
47
- $treegrid-line-height-17: 17px !default;
48
- $treegrid-opacity-0: 0 !default;
49
- $treegrid-zindex-1: 1 !default;
50
- $treegrid-height-20: 20px !default;
51
- $treegrid-height-16: 16px !default;
52
- $treegrid-height-1: 1px !default;
53
- $treegrid-height-0: 0 !default;
54
- $treegrid-height-auto: auto !default;