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