@syncfusion/ej2-angular-grids 20.1.60 → 20.2.36

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 (250) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/grid/aggregate-columns.directive.mjs +84 -0
  3. package/esm2020/src/grid/aggregates.directive.mjs +69 -0
  4. package/esm2020/src/grid/columns.directive.mjs +100 -0
  5. package/esm2020/src/grid/grid-all.module.mjs +98 -0
  6. package/esm2020/src/grid/grid.component.mjs +274 -0
  7. package/esm2020/src/grid/grid.module.mjs +61 -0
  8. package/esm2020/src/grid/stacked-column.directive.mjs +100 -0
  9. package/esm2020/src/index.mjs +12 -0
  10. package/esm2020/src/pager/pager-all.module.mjs +23 -0
  11. package/esm2020/src/pager/pager.component.mjs +66 -0
  12. package/esm2020/src/pager/pager.module.mjs +25 -0
  13. package/esm2020/syncfusion-ej2-angular-grids.mjs +5 -0
  14. package/fesm2015/syncfusion-ej2-angular-grids.mjs +859 -0
  15. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -0
  16. package/fesm2020/syncfusion-ej2-angular-grids.mjs +859 -0
  17. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -0
  18. package/package.json +29 -15
  19. package/schematics/utils/lib-details.ts +2 -2
  20. package/src/grid/aggregate-columns.directive.d.ts +5 -0
  21. package/src/grid/aggregates.directive.d.ts +5 -0
  22. package/src/grid/columns.directive.d.ts +5 -0
  23. package/src/grid/grid-all.module.d.ts +6 -0
  24. package/src/grid/grid.component.d.ts +3 -0
  25. package/src/grid/grid.module.d.ts +10 -0
  26. package/src/grid/stacked-column.directive.d.ts +5 -0
  27. package/src/pager/pager-all.module.d.ts +6 -0
  28. package/src/pager/pager.component.d.ts +3 -0
  29. package/src/pager/pager.module.d.ts +6 -0
  30. package/styles/bootstrap-dark.css +64 -689
  31. package/styles/bootstrap-dark.scss +0 -1
  32. package/styles/bootstrap.css +64 -689
  33. package/styles/bootstrap.scss +0 -1
  34. package/styles/bootstrap4.css +61 -688
  35. package/styles/bootstrap4.scss +0 -1
  36. package/styles/bootstrap5-dark.css +62 -724
  37. package/styles/bootstrap5-dark.scss +0 -1
  38. package/styles/bootstrap5.css +62 -724
  39. package/styles/bootstrap5.scss +0 -1
  40. package/styles/excel-filter/_all.scss +2 -0
  41. package/styles/excel-filter/_bootstrap-dark-definition.scss +60 -0
  42. package/styles/excel-filter/_bootstrap-definition.scss +65 -0
  43. package/styles/excel-filter/_bootstrap4-definition.scss +70 -0
  44. package/styles/excel-filter/_bootstrap5-dark-definition.scss +1 -0
  45. package/styles/excel-filter/_bootstrap5-definition.scss +70 -0
  46. package/styles/excel-filter/_fabric-dark-definition.scss +60 -0
  47. package/styles/excel-filter/_fabric-definition.scss +65 -0
  48. package/styles/excel-filter/_fluent-dark-definition.scss +1 -0
  49. package/styles/excel-filter/_fluent-definition.scss +70 -0
  50. package/styles/excel-filter/_fusionnew-definition.scss +70 -0
  51. package/styles/excel-filter/_highcontrast-definition.scss +60 -0
  52. package/styles/excel-filter/_highcontrast-light-definition.scss +58 -0
  53. package/styles/excel-filter/_layout.scss +413 -0
  54. package/styles/excel-filter/_material-dark-definition.scss +62 -0
  55. package/styles/excel-filter/_material-definition.scss +63 -0
  56. package/styles/excel-filter/_material3-definition.scss +70 -0
  57. package/styles/excel-filter/_office-365-definition.scss +1 -0
  58. package/styles/excel-filter/_tailwind-dark-definition.scss +1 -0
  59. package/styles/excel-filter/_tailwind-definition.scss +69 -0
  60. package/styles/excel-filter/_theme.scss +27 -0
  61. package/styles/excel-filter/bootstrap-dark.scss +16 -1
  62. package/styles/excel-filter/bootstrap.scss +16 -1
  63. package/styles/excel-filter/bootstrap4.scss +16 -1
  64. package/styles/excel-filter/bootstrap5-dark.scss +16 -1
  65. package/styles/excel-filter/bootstrap5.scss +16 -1
  66. package/styles/excel-filter/fabric-dark.scss +16 -1
  67. package/styles/excel-filter/fabric.scss +16 -1
  68. package/styles/excel-filter/fluent-dark.scss +16 -1
  69. package/styles/excel-filter/fluent.scss +16 -1
  70. package/styles/excel-filter/highcontrast-light.scss +16 -1
  71. package/styles/excel-filter/highcontrast.scss +16 -1
  72. package/styles/excel-filter/icons/_bootstrap-dark.scss +37 -0
  73. package/styles/excel-filter/icons/_bootstrap.scss +37 -0
  74. package/styles/excel-filter/icons/_bootstrap4.scss +37 -0
  75. package/styles/excel-filter/icons/_bootstrap5-dark.scss +1 -0
  76. package/styles/excel-filter/icons/_bootstrap5.scss +41 -0
  77. package/styles/excel-filter/icons/_fabric-dark.scss +37 -0
  78. package/styles/excel-filter/icons/_fabric.scss +37 -0
  79. package/styles/excel-filter/icons/_fluent-dark.scss +1 -0
  80. package/styles/excel-filter/icons/_fluent.scss +41 -0
  81. package/styles/excel-filter/icons/_fusionnew.scss +41 -0
  82. package/styles/excel-filter/icons/_highcontrast-light.scss +37 -0
  83. package/styles/excel-filter/icons/_highcontrast.scss +37 -0
  84. package/styles/excel-filter/icons/_material-dark.scss +37 -0
  85. package/styles/excel-filter/icons/_material.scss +38 -0
  86. package/styles/excel-filter/icons/_material3.scss +41 -0
  87. package/styles/excel-filter/icons/_tailwind-dark.scss +1 -0
  88. package/styles/excel-filter/icons/_tailwind.scss +41 -0
  89. package/styles/excel-filter/material-dark.scss +16 -1
  90. package/styles/excel-filter/material.scss +16 -1
  91. package/styles/excel-filter/tailwind-dark.scss +16 -1
  92. package/styles/excel-filter/tailwind.scss +16 -1
  93. package/styles/fabric-dark.css +61 -688
  94. package/styles/fabric-dark.scss +0 -1
  95. package/styles/fabric.css +61 -688
  96. package/styles/fabric.scss +0 -1
  97. package/styles/fluent-dark.css +61 -690
  98. package/styles/fluent-dark.scss +0 -1
  99. package/styles/fluent.css +61 -690
  100. package/styles/fluent.scss +0 -1
  101. package/styles/grid/_all.scss +2 -0
  102. package/styles/grid/_bootstrap-dark-definition.scss +596 -0
  103. package/styles/grid/_bootstrap-definition.scss +597 -0
  104. package/styles/grid/_bootstrap4-definition.scss +601 -0
  105. package/styles/grid/_bootstrap5-dark-definition.scss +1 -0
  106. package/styles/grid/_bootstrap5-definition.scss +596 -0
  107. package/styles/grid/_fabric-dark-definition.scss +594 -0
  108. package/styles/grid/_fabric-definition.scss +594 -0
  109. package/styles/grid/_fluent-dark-definition.scss +1 -0
  110. package/styles/grid/_fluent-definition.scss +587 -0
  111. package/styles/grid/_fusionnew-definition.scss +573 -0
  112. package/styles/grid/_highcontrast-definition.scss +593 -0
  113. package/styles/grid/_highcontrast-light-definition.scss +590 -0
  114. package/styles/grid/_layout.scss +4282 -0
  115. package/styles/grid/_material-dark-definition.scss +592 -0
  116. package/styles/grid/_material-definition.scss +592 -0
  117. package/styles/grid/_material3-definition.scss +597 -0
  118. package/styles/grid/_office-365-definition.scss +1 -0
  119. package/styles/grid/_tailwind-dark-definition.scss +1 -0
  120. package/styles/grid/_tailwind-definition.scss +602 -0
  121. package/styles/grid/_theme.scss +603 -0
  122. package/styles/grid/bootstrap-dark.css +64 -2
  123. package/styles/grid/bootstrap-dark.scss +20 -1
  124. package/styles/grid/bootstrap.css +64 -2
  125. package/styles/grid/bootstrap.scss +20 -1
  126. package/styles/grid/bootstrap4.css +61 -1
  127. package/styles/grid/bootstrap4.scss +20 -1
  128. package/styles/grid/bootstrap5-dark.css +62 -2
  129. package/styles/grid/bootstrap5-dark.scss +20 -1
  130. package/styles/grid/bootstrap5.css +62 -2
  131. package/styles/grid/bootstrap5.scss +20 -1
  132. package/styles/grid/fabric-dark.css +61 -1
  133. package/styles/grid/fabric-dark.scss +20 -1
  134. package/styles/grid/fabric.css +61 -1
  135. package/styles/grid/fabric.scss +20 -1
  136. package/styles/grid/fluent-dark.css +61 -1
  137. package/styles/grid/fluent-dark.scss +20 -1
  138. package/styles/grid/fluent.css +61 -1
  139. package/styles/grid/fluent.scss +20 -1
  140. package/styles/grid/highcontrast-light.css +61 -1
  141. package/styles/grid/highcontrast-light.scss +20 -1
  142. package/styles/grid/highcontrast.css +61 -1
  143. package/styles/grid/highcontrast.scss +20 -1
  144. package/styles/grid/icons/_bootstrap-dark.scss +225 -0
  145. package/styles/grid/icons/_bootstrap.scss +225 -0
  146. package/styles/grid/icons/_bootstrap4.scss +225 -0
  147. package/styles/grid/icons/_bootstrap5-dark.scss +1 -0
  148. package/styles/grid/icons/_bootstrap5.scss +245 -0
  149. package/styles/grid/icons/_fabric-dark.scss +224 -0
  150. package/styles/grid/icons/_fabric.scss +224 -0
  151. package/styles/grid/icons/_fluent-dark.scss +1 -0
  152. package/styles/grid/icons/_fluent.scss +245 -0
  153. package/styles/grid/icons/_fusionnew.scss +245 -0
  154. package/styles/grid/icons/_highcontrast-light.scss +224 -0
  155. package/styles/grid/icons/_highcontrast.scss +225 -0
  156. package/styles/grid/icons/_material-dark.scss +224 -0
  157. package/styles/grid/icons/_material.scss +224 -0
  158. package/styles/grid/icons/_material3.scss +245 -0
  159. package/styles/grid/icons/_tailwind-dark.scss +1 -0
  160. package/styles/grid/icons/_tailwind.scss +245 -0
  161. package/styles/grid/material-dark.css +61 -1
  162. package/styles/grid/material-dark.scss +20 -1
  163. package/styles/grid/material.css +61 -1
  164. package/styles/grid/material.scss +20 -1
  165. package/styles/grid/tailwind-dark.css +61 -1
  166. package/styles/grid/tailwind-dark.scss +20 -1
  167. package/styles/grid/tailwind.css +61 -1
  168. package/styles/grid/tailwind.scss +20 -1
  169. package/styles/highcontrast-light.css +61 -688
  170. package/styles/highcontrast-light.scss +0 -1
  171. package/styles/highcontrast.css +61 -688
  172. package/styles/highcontrast.scss +0 -1
  173. package/styles/material-dark.css +61 -688
  174. package/styles/material-dark.scss +0 -1
  175. package/styles/material.css +61 -688
  176. package/styles/material.scss +0 -1
  177. package/styles/tailwind-dark.css +61 -815
  178. package/styles/tailwind-dark.scss +0 -1
  179. package/styles/tailwind.css +61 -815
  180. package/styles/tailwind.scss +0 -1
  181. package/syncfusion-ej2-angular-grids.d.ts +5 -0
  182. package/@syncfusion/ej2-angular-grids.es5.js +0 -988
  183. package/@syncfusion/ej2-angular-grids.es5.js.map +0 -1
  184. package/@syncfusion/ej2-angular-grids.js +0 -927
  185. package/@syncfusion/ej2-angular-grids.js.map +0 -1
  186. package/CHANGELOG.md +0 -2693
  187. package/dist/ej2-angular-grids.umd.js +0 -1576
  188. package/dist/ej2-angular-grids.umd.js.map +0 -1
  189. package/dist/ej2-angular-grids.umd.min.js +0 -11
  190. package/dist/ej2-angular-grids.umd.min.js.map +0 -1
  191. package/ej2-angular-grids.d.ts +0 -6
  192. package/ej2-angular-grids.metadata.json +0 -1
  193. package/postinstall/tagchange.js +0 -18
  194. package/schematics/collection.json +0 -20
  195. package/schematics/generators/grid-default/index.d.ts +0 -3
  196. package/schematics/generators/grid-default/index.js +0 -8
  197. package/schematics/generators/grid-default/sample-details.d.ts +0 -5
  198. package/schematics/generators/grid-default/sample-details.js +0 -7
  199. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  200. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  201. package/schematics/generators/grid-default/schema.d.ts +0 -3
  202. package/schematics/generators/grid-default/schema.js +0 -2
  203. package/schematics/generators/grid-default/schema.json +0 -124
  204. package/schematics/generators/grid-feature/index.d.ts +0 -3
  205. package/schematics/generators/grid-feature/index.js +0 -8
  206. package/schematics/generators/grid-feature/sample-details.d.ts +0 -5
  207. package/schematics/generators/grid-feature/sample-details.js +0 -7
  208. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  209. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  210. package/schematics/generators/grid-feature/schema.d.ts +0 -3
  211. package/schematics/generators/grid-feature/schema.js +0 -2
  212. package/schematics/generators/grid-feature/schema.json +0 -124
  213. package/schematics/ng-add/index.d.ts +0 -3
  214. package/schematics/ng-add/index.js +0 -9
  215. package/schematics/ng-add/schema.d.ts +0 -13
  216. package/schematics/ng-add/schema.js +0 -2
  217. package/schematics/ng-add/schema.json +0 -34
  218. package/schematics/tsconfig.json +0 -25
  219. package/schematics/utils/lib-details.d.ts +0 -4
  220. package/schematics/utils/lib-details.js +0 -6
  221. package/styles/pager/bootstrap-dark.css +0 -686
  222. package/styles/pager/bootstrap-dark.scss +0 -1
  223. package/styles/pager/bootstrap.css +0 -686
  224. package/styles/pager/bootstrap.scss +0 -1
  225. package/styles/pager/bootstrap4.css +0 -686
  226. package/styles/pager/bootstrap4.scss +0 -1
  227. package/styles/pager/bootstrap5-dark.css +0 -721
  228. package/styles/pager/bootstrap5-dark.scss +0 -1
  229. package/styles/pager/bootstrap5.css +0 -721
  230. package/styles/pager/bootstrap5.scss +0 -1
  231. package/styles/pager/fabric-dark.css +0 -686
  232. package/styles/pager/fabric-dark.scss +0 -1
  233. package/styles/pager/fabric.css +0 -686
  234. package/styles/pager/fabric.scss +0 -1
  235. package/styles/pager/fluent-dark.css +0 -688
  236. package/styles/pager/fluent-dark.scss +0 -1
  237. package/styles/pager/fluent.css +0 -688
  238. package/styles/pager/fluent.scss +0 -1
  239. package/styles/pager/highcontrast-light.css +0 -686
  240. package/styles/pager/highcontrast-light.scss +0 -1
  241. package/styles/pager/highcontrast.css +0 -686
  242. package/styles/pager/highcontrast.scss +0 -1
  243. package/styles/pager/material-dark.css +0 -687
  244. package/styles/pager/material-dark.scss +0 -1
  245. package/styles/pager/material.css +0 -687
  246. package/styles/pager/material.scss +0 -1
  247. package/styles/pager/tailwind-dark.css +0 -813
  248. package/styles/pager/tailwind-dark.scss +0 -1
  249. package/styles/pager/tailwind.css +0 -813
  250. package/styles/pager/tailwind.scss +0 -1
@@ -1,688 +0,0 @@
1
- /*!componenticons*/
2
- .e-pager .e-icon-last::before,
3
- .e-grid-menu .e-icon-last::before {
4
- content: "\e818";
5
- }
6
- .e-pager .e-icon-first::before,
7
- .e-grid-menu .e-icon-first::before {
8
- content: "\e833";
9
- }
10
- .e-pager .e-icon-prev::before,
11
- .e-grid-menu .e-icon-prev::before {
12
- content: "\e765";
13
- }
14
- .e-pager .e-icon-next::before,
15
- .e-grid-menu .e-icon-next::before {
16
- content: "\e748";
17
- }
18
- .e-pager.e-rtl .e-icon-last.e-lastpage::before, .e-pager.e-rtl .e-icon-last.e-lastpage:hover, .e-pager.e-rtl .e-icon-last.e-lastpagedisabled::before,
19
- .e-grid-menu.e-rtl .e-icon-last.e-lastpage::before,
20
- .e-grid-menu.e-rtl .e-icon-last.e-lastpage:hover,
21
- .e-grid-menu.e-rtl .e-icon-last.e-lastpagedisabled::before {
22
- content: "\e833";
23
- }
24
- .e-pager.e-rtl .e-icon-first.e-firstpage::before, .e-pager.e-rtl .e-icon-first.e-firstpage:hover, .e-pager.e-rtl .e-icon-first.e-firstpagedisabled::before,
25
- .e-grid-menu.e-rtl .e-icon-first.e-firstpage::before,
26
- .e-grid-menu.e-rtl .e-icon-first.e-firstpage:hover,
27
- .e-grid-menu.e-rtl .e-icon-first.e-firstpagedisabled::before {
28
- content: "\e818";
29
- }
30
- .e-pager.e-rtl .e-icon-prev.e-prevpage::before, .e-pager.e-rtl .e-icon-prev.e-prevpage:hover, .e-pager.e-rtl .e-icon-prev.e-prevpagedisabled::before,
31
- .e-grid-menu.e-rtl .e-icon-prev.e-prevpage::before,
32
- .e-grid-menu.e-rtl .e-icon-prev.e-prevpage:hover,
33
- .e-grid-menu.e-rtl .e-icon-prev.e-prevpagedisabled::before {
34
- content: "\e748";
35
- }
36
- .e-pager.e-rtl .e-icon-next.e-nextpage::before, .e-pager.e-rtl .e-icon-next.e-nextpage:hover, .e-pager.e-rtl .e-icon-next.e-nextpagedisabled::before,
37
- .e-grid-menu.e-rtl .e-icon-next.e-nextpage::before,
38
- .e-grid-menu.e-rtl .e-icon-next.e-nextpage:hover,
39
- .e-grid-menu.e-rtl .e-icon-next.e-nextpagedisabled::before {
40
- content: "\e765";
41
- }
42
-
43
- /*! Pager layout */
44
- .e-bigger .e-pager,
45
- .e-pager.e-bigger {
46
- font-size: 16px;
47
- padding: 10px 10px 12px 10px;
48
- }
49
- .e-bigger .e-pager div.e-icons,
50
- .e-pager.e-bigger div.e-icons {
51
- font-size: 13px;
52
- }
53
- .e-bigger .e-pager div.e-parentmsgbar,
54
- .e-pager.e-bigger div.e-parentmsgbar {
55
- padding-bottom: 11px;
56
- padding-right: 0;
57
- padding-top: 11px;
58
- }
59
- .e-bigger .e-pager .e-pagerdropdown,
60
- .e-pager.e-bigger .e-pagerdropdown {
61
- height: 29px;
62
- margin: -35px 10px 0 18px;
63
- margin-top: -31px;
64
- width: 82px;
65
- }
66
- .e-bigger .e-pager .e-pagercontainer .e-firstpage,
67
- .e-bigger .e-pager .e-pagercontainer .e-prevpage,
68
- .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
69
- .e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,
70
- .e-bigger .e-pager .e-pagercontainer .e-nextpage,
71
- .e-bigger .e-pager .e-pagercontainer .e-lastpage,
72
- .e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,
73
- .e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,
74
- .e-pager.e-bigger .e-pagercontainer .e-firstpage,
75
- .e-pager.e-bigger .e-pagercontainer .e-prevpage,
76
- .e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
77
- .e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
78
- .e-pager.e-bigger .e-pagercontainer .e-nextpage,
79
- .e-pager.e-bigger .e-pagercontainer .e-lastpage,
80
- .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
81
- .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
82
- padding: 14px 10px 13px 11px;
83
- }
84
- .e-bigger .e-pager .e-pagerconstant,
85
- .e-pager.e-bigger .e-pagerconstant {
86
- margin-bottom: 5px;
87
- margin-left: 16px;
88
- }
89
- .e-bigger .e-pager .e-pagercontainer,
90
- .e-pager.e-bigger .e-pagercontainer {
91
- margin: 0 0 -6px 0.8px;
92
- }
93
- .e-bigger .e-pager.e-rtl .e-pagercontainer,
94
- .e-pager.e-bigger.e-rtl .e-pagercontainer {
95
- margin: 0;
96
- }
97
- @media (max-width: 769px) {
98
- .e-bigger .e-pager,
99
- .e-pager.e-bigger {
100
- padding: 19px 0;
101
- }
102
- .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
103
- .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
104
- margin-right: 0;
105
- }
106
- .e-bigger .e-pager div.e-parentmsgbar,
107
- .e-pager.e-bigger div.e-parentmsgbar {
108
- padding: 0;
109
- }
110
- }
111
- .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
112
- .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
113
- .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
114
- .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
115
- margin-left: 0;
116
- }
117
- .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
118
- .e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
119
- .e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
120
- margin-left: 0;
121
- margin-right: 0;
122
- }
123
- .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
124
- .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
125
- margin-left: 6px;
126
- margin-top: 2px;
127
- }
128
- .e-bigger .e-pager .e-numericitem,
129
- .e-pager.e-bigger .e-numericitem {
130
- margin: 0;
131
- }
132
- .e-bigger .e-pager .e-pp.e-spacing,
133
- .e-bigger .e-pager .e-np.e-spacing,
134
- .e-bigger .e-pager .e-pp.e-spacing:hover,
135
- .e-bigger .e-pager .e-np.e-spacing:hover,
136
- .e-pager.e-bigger .e-pp.e-spacing,
137
- .e-pager.e-bigger .e-np.e-spacing,
138
- .e-pager.e-bigger .e-pp.e-spacing:hover,
139
- .e-pager.e-bigger .e-np.e-spacing:hover {
140
- padding: 14.5px 13px 10px 13px;
141
- }
142
- .e-bigger .e-pager .e-spacing,
143
- .e-bigger .e-pager .e-numericitem:hover,
144
- .e-bigger .e-pager .e-currentitem,
145
- .e-pager.e-bigger .e-spacing,
146
- .e-pager.e-bigger .e-numericitem:hover,
147
- .e-pager.e-bigger .e-currentitem {
148
- border-radius: 0;
149
- padding: 13px 13px 11px 13px;
150
- }
151
- .e-bigger .e-pager.e-rtl .e-spacing, .e-bigger .e-pager.e-rtl .e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-currentitem,
152
- .e-pager.e-bigger.e-rtl .e-spacing,
153
- .e-pager.e-bigger.e-rtl .e-numericitem:hover,
154
- .e-pager.e-bigger.e-rtl .e-currentitem {
155
- margin: 0;
156
- padding: 7px 13px 9px 12px;
157
- }
158
- .e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
159
- .e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
160
- padding: 13px 13px 11px 13px;
161
- }
162
- .e-bigger .e-pager.e-rtl, .e-bigger .e-pager.e-rtl .e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-currentitem,
163
- .e-pager.e-bigger.e-rtl,
164
- .e-pager.e-bigger.e-rtl .e-numericitem:hover,
165
- .e-pager.e-bigger.e-rtl .e-currentitem {
166
- margin: 0;
167
- padding: 13px 13px 11px 13px;
168
- }
169
- .e-bigger .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
170
- .e-pager.e-bigger.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
171
- padding: 13px 13px 11px 13px;
172
- }
173
- .e-bigger .e-pager.e-rtl .e-pp, .e-bigger .e-pager.e-rtl .e-np, .e-bigger .e-pager.e-rtl .e-pp:hover, .e-bigger .e-pager.e-rtl .e-np:hover,
174
- .e-pager.e-bigger.e-rtl .e-pp,
175
- .e-pager.e-bigger.e-rtl .e-np,
176
- .e-pager.e-bigger.e-rtl .e-pp:hover,
177
- .e-pager.e-bigger.e-rtl .e-np:hover {
178
- font-size: 14px;
179
- margin-top: -5px;
180
- }
181
- .e-bigger .e-pager.e-rtl .e-pagerdropdown,
182
- .e-pager.e-bigger.e-rtl .e-pagerdropdown {
183
- margin: -44px 16px 0 0;
184
- }
185
- .e-bigger .e-pager.e-rtl .e-pagerconstant,
186
- .e-pager.e-bigger.e-rtl .e-pagerconstant {
187
- margin: 10px 16px 13px 0;
188
- }
189
- .e-bigger .e-pager .e-pagercontainer .e-firstpage,
190
- .e-bigger .e-pager .e-pagercontainer .e-prevpage,
191
- .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
192
- .e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,
193
- .e-bigger .e-pager .e-pagercontainer .e-nextpage,
194
- .e-bigger .e-pager .e-pagercontainer .e-lastpage,
195
- .e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,
196
- .e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,
197
- .e-pager.e-bigger .e-pagercontainer .e-firstpage,
198
- .e-pager.e-bigger .e-pagercontainer .e-prevpage,
199
- .e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
200
- .e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
201
- .e-pager.e-bigger .e-pagercontainer .e-nextpage,
202
- .e-pager.e-bigger .e-pagercontainer .e-lastpage,
203
- .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
204
- .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
205
- margin-right: 0;
206
- padding: 12.5px 12px 12px 11px;
207
- }
208
- .e-bigger .e-pager .e-pp,
209
- .e-bigger .e-pager .e-np,
210
- .e-bigger .e-pager .e-pp:hover,
211
- .e-bigger .e-pager .e-np:hover,
212
- .e-pager.e-bigger .e-pp,
213
- .e-pager.e-bigger .e-np,
214
- .e-pager.e-bigger .e-pp:hover,
215
- .e-pager.e-bigger .e-np:hover {
216
- font-size: 16px;
217
- }
218
-
219
- .e-pager {
220
- border-style: solid;
221
- border-width: 1px;
222
- display: inline-block;
223
- font-size: 14px;
224
- padding: 8px 12.5px 8px 11.5px;
225
- white-space: normal;
226
- width: 100%;
227
- }
228
- .e-pager [class^=e-] {
229
- box-sizing: border-box;
230
- }
231
- .e-pager div.e-parentmsgbar {
232
- float: right;
233
- padding-bottom: 0;
234
- padding-right: 0;
235
- padding-top: 8px;
236
- }
237
- .e-pager .e-pagesizes {
238
- display: inline;
239
- }
240
- .e-pager .e-pagerdropdown {
241
- display: inline-block;
242
- height: 26px;
243
- margin-left: 10px;
244
- margin-right: 8px;
245
- margin-top: -30px;
246
- overflow: unset;
247
- vertical-align: middle;
248
- width: 64px;
249
- }
250
- .e-pager .e-pagerconstant {
251
- font-weight: 600;
252
- display: inline-block;
253
- margin: 0 0 8px 8px;
254
- overflow: hidden;
255
- width: auto;
256
- }
257
- .e-pager .e-icons {
258
- font-size: 11px;
259
- }
260
- .e-pager .e-numericitem {
261
- border-right-style: solid;
262
- border-right-width: 0;
263
- display: inline-block;
264
- line-height: 1;
265
- margin-right: 0;
266
- min-width: 26px;
267
- padding: 13px 12px 10px 12px;
268
- text-align: center;
269
- }
270
- .e-pager div.e-pagermsgdiv {
271
- padding-right: 6px;
272
- padding-top: 4px;
273
- text-align: right;
274
- }
275
- .e-pager .e-firstpagedisabled,
276
- .e-pager .e-prevpagedisabled,
277
- .e-pager .e-nextpagedisabled,
278
- .e-pager .e-lastpagedisabled {
279
- opacity: 1;
280
- }
281
- .e-pager .e-spacing,
282
- .e-pager .e-numericitem:hover,
283
- .e-pager .e-currentitem {
284
- border-radius: 0;
285
- cursor: pointer;
286
- padding: 8px 13px 10px 12px;
287
- text-decoration: none;
288
- }
289
- .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
290
- padding: 8px 13px 10px 12px;
291
- }
292
- .e-pager .e-currentitem {
293
- border-bottom: 2px solid #0078d4;
294
- font-style: normal;
295
- font-variant: normal;
296
- font-weight: 600;
297
- }
298
- .e-pager div,
299
- .e-pager a {
300
- display: inline;
301
- -webkit-user-select: none;
302
- -ms-user-select: none;
303
- user-select: none;
304
- }
305
- .e-pager .e-icons::before {
306
- display: inline-block;
307
- }
308
- .e-pager .e-pagercontainer .e-firstpage,
309
- .e-pager .e-pagercontainer .e-prevpage,
310
- .e-pager .e-pagercontainer .e-firstpagedisabled,
311
- .e-pager .e-pagercontainer .e-prevpagedisabled,
312
- .e-pager .e-pagercontainer .e-nextpage,
313
- .e-pager .e-pagercontainer .e-lastpage,
314
- .e-pager .e-pagercontainer .e-nextpagedisabled,
315
- .e-pager .e-pagercontainer .e-lastpagedisabled {
316
- border-right-style: solid;
317
- border-right-width: 0;
318
- display: inline-block;
319
- margin-right: 0;
320
- margin-top: 0;
321
- min-width: 26px;
322
- padding: 11px 10px 10px 11px;
323
- }
324
- .e-pager .e-pagercontainer .e-lastpage,
325
- .e-pager .e-pagercontainer .e-lastpagedisabled {
326
- border-right: 1px;
327
- }
328
- .e-pager .e-firstpage:hover,
329
- .e-pager .e-prevpage:hover,
330
- .e-pager .e-lastpage:hover,
331
- .e-pager .e-nextpage:hover {
332
- cursor: pointer;
333
- text-decoration: none;
334
- }
335
- .e-pager a.e-nextprevitemdisabled {
336
- display: none;
337
- margin-left: 0;
338
- margin-right: 0;
339
- padding-left: 5px;
340
- padding-right: 5px;
341
- text-decoration: none;
342
- }
343
- .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
344
- .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
345
- margin-left: 0;
346
- }
347
- .e-pager .e-pagercontainer {
348
- border-radius: 0;
349
- border-style: solid;
350
- border-width: 0;
351
- display: inline-block;
352
- margin: 3px 0 -4px 0.3px;
353
- overflow: hidden;
354
- }
355
- .e-pager .e-lastpage:Hover {
356
- border-radius: 0;
357
- }
358
- .e-pager .e-firstpage:Hover {
359
- border-radius: 0;
360
- }
361
- .e-pager .e-pagermessage,
362
- .e-pager .e-pagerexternalmsg {
363
- display: block;
364
- margin: 6px 6px 0 6px;
365
- overflow: hidden;
366
- text-overflow: ellipsis;
367
- }
368
- .e-pager .e-mfirst,
369
- .e-pager .e-mprev,
370
- .e-pager .e-mnext,
371
- .e-pager .e-mlast {
372
- display: none;
373
- }
374
- .e-pager .e-mprev {
375
- text-indent: -3px;
376
- }
377
- .e-pager .e-mnext {
378
- text-indent: -2px;
379
- }
380
- .e-pager .e-mfirst,
381
- .e-pager .e-mprev,
382
- .e-pager .e-mnext,
383
- .e-pager .e-mlast {
384
- -webkit-tap-highlight-color: #fff;
385
- }
386
- .e-pager .e-pp,
387
- .e-pager .e-np,
388
- .e-pager .e-pp:hover,
389
- .e-pager .e-np:hover {
390
- font-size: 14px;
391
- font-weight: 400;
392
- letter-spacing: 0;
393
- padding: 8px 12px 10px 11px;
394
- }
395
- .e-pager .e-np.e-focused,
396
- .e-pager .e-pp.e-focused {
397
- line-height: 1;
398
- padding: 8px 12px 10px 11px;
399
- }
400
- @media (max-width: 769px) {
401
- .e-pager {
402
- padding: 13px 0;
403
- }
404
- .e-pager div.e-parentmsgbar {
405
- box-sizing: border-box;
406
- display: inline-block;
407
- float: initial;
408
- padding-bottom: 0;
409
- padding-right: 0;
410
- padding-top: 0;
411
- text-align: center;
412
- vertical-align: top;
413
- width: calc(60% - 48px);
414
- }
415
- .e-pager .e-pagesizes {
416
- display: none;
417
- }
418
- .e-pager .e-pagecountmsg {
419
- display: none;
420
- }
421
- .e-pager .e-pagercontainer {
422
- display: none;
423
- }
424
- .e-pager .e-icons {
425
- font-size: 11px;
426
- }
427
- .e-pager .e-mfirst,
428
- .e-pager .e-mprev,
429
- .e-pager .e-mnext,
430
- .e-pager .e-mlast {
431
- border: 0;
432
- box-sizing: border-box;
433
- display: inline-block;
434
- padding: 1% 5%;
435
- }
436
- .e-pager .e-mfirst {
437
- margin-right: 4px;
438
- text-align: right;
439
- width: calc(10% + 11px);
440
- }
441
- .e-pager .e-mprev {
442
- margin: 0 4px;
443
- text-align: right;
444
- width: 10%;
445
- }
446
- .e-pager .e-mnext {
447
- margin: 0 4px;
448
- text-align: left;
449
- width: 10%;
450
- }
451
- .e-pager .e-mlast {
452
- margin-left: 4px;
453
- text-align: left;
454
- width: calc(10% + 11px);
455
- }
456
- }
457
- .e-pager.e-rtl {
458
- direction: rtl;
459
- }
460
- .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
461
- .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
462
- margin-left: 0;
463
- margin-right: 0;
464
- }
465
- .e-pager.e-rtl .e-pagercontainer, .e-pager.e-rtl div, .e-pager.e-rtl a {
466
- float: initial;
467
- }
468
- .e-pager.e-rtl .e-parentmsgbar {
469
- float: left;
470
- margin-left: 6px;
471
- }
472
- .e-pager.e-rtl .e-pagerdropdown {
473
- margin: -28px 16px 0 0;
474
- }
475
- .e-pager.e-rtl .e-pagerconstant {
476
- margin: 8px 8px 6px 8px;
477
- }
478
- .e-pager.e-rtl .e-pagerexternalmsg {
479
- float: none;
480
- }
481
- .e-pager.e-rtl .e-pagercontainer {
482
- float: none;
483
- margin: 0 5.5px -4px 0;
484
- padding: 0;
485
- }
486
- .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
487
- padding: 11px 10px 10px 11px;
488
- }
489
- .e-pager.e-rtl .e-firstpage::before, .e-pager.e-rtl .e-firstpage:hover, .e-pager.e-rtl .e-firstpagedisabled::before {
490
- content: "\e701";
491
- }
492
- .e-pager.e-rtl .e-prevpage::before, .e-pager.e-rtl .e-prevpage:hover, .e-pager.e-rtl .e-prevpagedisabled::before {
493
- content: "\e848";
494
- }
495
- .e-pager.e-rtl .e-nextpage::before, .e-pager.e-rtl .e-nextpage:hover, .e-pager.e-rtl .e-nextpagedisabled::before {
496
- content: "\e84b";
497
- }
498
- .e-pager.e-rtl .e-lastpage::before, .e-pager.e-rtl .e-lastpage:hover, .e-pager.e-rtl .e-lastpagedisabled::before {
499
- content: "\e716";
500
- }
501
- .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-firstpagedisabled {
502
- border-left-style: solid;
503
- border-left-width: 0;
504
- }
505
- .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-prevpagedisabled {
506
- border-right-style: none;
507
- border-right-width: 0;
508
- }
509
- .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-firstpagedisabled {
510
- border-right: medium none;
511
- }
512
- .e-pager.e-rtl .e-firstpage:hover {
513
- border-radius: 0 4px 4px 0;
514
- }
515
- .e-pager.e-rtl .e-lastpage:hover {
516
- border-radius: 4px 0 0 4px;
517
- }
518
- .e-pager.e-rtl .e-numericcontainer {
519
- float: none;
520
- }
521
- .e-pager.e-rtl .e-numericitem {
522
- border-left-style: solid;
523
- border-left-width: 0;
524
- border-right-style: none;
525
- border-right-width: 0;
526
- min-width: 26px;
527
- }
528
- .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
529
- margin-left: 0;
530
- margin-right: 0;
531
- }
532
- .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
533
- margin: 0;
534
- padding: 7px 13px 9px 12px;
535
- }
536
- .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
537
- padding: 7px 13px 9px 12px;
538
- }
539
- .e-pager.e-rtl .e-pp, .e-pager.e-rtl .e-np, .e-pager.e-rtl .e-pp:hover, .e-pager.e-rtl .e-np:hover {
540
- margin-top: 0;
541
- padding: 8px 12px 10px 11px;
542
- }
543
- @media (max-width: 769px) {
544
- .e-pager.e-rtl .e-mfirst,
545
- .e-pager.e-rtl .e-mprev,
546
- .e-pager.e-rtl .e-mnext,
547
- .e-pager.e-rtl .e-mlast {
548
- border: 0;
549
- }
550
- .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
551
- float: initial;
552
- margin-left: 0;
553
- margin-top: 10px;
554
- }
555
- .e-pager.e-rtl .e-parentmsgbar {
556
- float: right;
557
- }
558
- }
559
- .e-pager.sf-pager .e-pagercontainer .e-first,
560
- .e-pager.sf-pager .e-pagercontainer .e-prev,
561
- .e-pager.sf-pager .e-pagercontainer .e-next,
562
- .e-pager.sf-pager .e-pagercontainer .e-last {
563
- font-size: 11px;
564
- }
565
- .e-pager.sf-pager .e-numericcontainer a {
566
- font-size: 14px;
567
- }
568
- .e-pager.sf-pager .e-pagercontainer {
569
- font-size: 0;
570
- }
571
- .e-pager.sf-pager .e-link,
572
- .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
573
- margin-left: 0;
574
- }
575
-
576
- /*! Pager theme */
577
- .e-pager {
578
- background-color: #fff;
579
- border-color: #edebe9;
580
- color: #3b3a39;
581
- opacity: 1;
582
- }
583
- .e-pager div.e-icons.e-pager-default {
584
- color: #605e5c;
585
- }
586
- .e-pager div.e-icons.e-disable {
587
- color: #a19f9d;
588
- }
589
- .e-pager .e-pager-default:hover {
590
- background: #f3f2f1;
591
- color: #605e5c;
592
- opacity: 1;
593
- }
594
- .e-pager .e-parentmsgbar {
595
- font-weight: 600;
596
- }
597
- .e-pager .e-spacing {
598
- color: #605e5c;
599
- opacity: 1;
600
- }
601
- .e-pager .e-spacing.e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
602
- background: #f3f2f1;
603
- }
604
- .e-pager .e-numericitem:hover {
605
- color: #605e5c;
606
- opacity: 1;
607
- }
608
- .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
609
- border-left: 0 solid #edebe9;
610
- }
611
- .e-pager .e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
612
- background-color: #f3f2f1;
613
- opacity: 1;
614
- }
615
- .e-pager .e-numericitem {
616
- background: #fff;
617
- border-right-color: #edebe9;
618
- color: #605e5c;
619
- }
620
- .e-pager .e-prevpagedisabled,
621
- .e-pager .e-prevpage,
622
- .e-pager .e-nextpage,
623
- .e-pager .e-nextpagedisabled,
624
- .e-pager .e-lastpagedisabled,
625
- .e-pager .e-lastpage,
626
- .e-pager .e-firstpage,
627
- .e-pager .e-firstpagedisabled {
628
- background-color: #fff;
629
- color: #605e5c;
630
- }
631
- .e-pager .e-lastpage,
632
- .e-pager .e-firstpage {
633
- background-color: transparent;
634
- }
635
- .e-pager .e-pagercontainer {
636
- background-color: #fff;
637
- border-color: #edebe9;
638
- }
639
- .e-pager .e-firstpage,
640
- .e-pager .e-prevpage,
641
- .e-pager .e-firstpagedisabled,
642
- .e-pager .e-prevpagedisabled,
643
- .e-pager .e-nextpage,
644
- .e-pager .e-lastpage,
645
- .e-pager .e-nextpagedisabled,
646
- .e-pager .e-lastpagedisabled {
647
- border-right-color: #edebe9;
648
- }
649
- .e-pager .e-currentitem,
650
- .e-pager .e-currentitem:hover {
651
- background: #fff;
652
- color: #323130;
653
- opacity: 1;
654
- }
655
- .e-pager .e-numericitem.e-focused,
656
- .e-pager .e-first.e-focused,
657
- .e-pager .e-prev.e-focused,
658
- .e-pager .e-next.e-focused,
659
- .e-pager .e-last.e-focused,
660
- .e-pager .e-mfirst.e-focused,
661
- .e-pager .e-mprev.e-focused,
662
- .e-pager .e-mnext.e-focused,
663
- .e-pager .e-mlast.e-focused {
664
- background-color: #f3f2f1;
665
- }
666
- .e-pager .e-currentitem.e-numericitem.e-focused {
667
- background: #fff;
668
- box-shadow: 0 0 0 1px #0078d4 inset;
669
- }
670
- .e-pager .e-focused {
671
- box-shadow: 0 0 0 1px #0078d4 inset;
672
- }
673
- @media (max-width: 590px) {
674
- .e-pager .e-pager-default:hover {
675
- background: #fff;
676
- color: #0078d4;
677
- opacity: 1;
678
- }
679
- }
680
- .e-pager.e-rtl .e-numericitem {
681
- border-left-color: #edebe9;
682
- }
683
- .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
684
- border-left-color: #edebe9;
685
- }
686
- .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
687
- border-left-color: #edebe9;
688
- }
@@ -1 +0,0 @@
1
- @import 'ej2-grids/styles/pager/fluent.scss';