@syncfusion/ej2-navigations 27.2.5 → 28.1.33

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 (303) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-navigations.min.js +3 -3
  3. package/dist/ej2-navigations.umd.min.js +3 -3
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +482 -295
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +501 -308
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +3 -3
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +12 -12
  13. package/src/carousel/carousel-model.d.ts +12 -0
  14. package/src/carousel/carousel.d.ts +11 -0
  15. package/src/carousel/carousel.js +24 -3
  16. package/src/common/menu-base-model.d.ts +7 -0
  17. package/src/common/menu-base.d.ts +7 -0
  18. package/src/common/menu-base.js +80 -19
  19. package/src/context-menu/context-menu-model.d.ts +15 -0
  20. package/src/context-menu/context-menu.d.ts +13 -0
  21. package/src/context-menu/context-menu.js +10 -0
  22. package/src/menu/menu.js +4 -0
  23. package/src/stepper/stepper.d.ts +9 -0
  24. package/src/stepper/stepper.js +262 -237
  25. package/src/stepper-base/stepper-base.js +15 -11
  26. package/src/tab/tab-model.d.ts +15 -2
  27. package/src/tab/tab.d.ts +26 -2
  28. package/src/tab/tab.js +81 -14
  29. package/src/toolbar/toolbar-model.d.ts +0 -6
  30. package/src/toolbar/toolbar.d.ts +0 -6
  31. package/src/treeview/treeview.d.ts +1 -9
  32. package/src/treeview/treeview.js +17 -16
  33. package/styles/accordion/_tailwind3-definition.scss +168 -0
  34. package/styles/accordion/_theme.scss +2 -2
  35. package/styles/accordion/bds.css +544 -0
  36. package/styles/accordion/bds.scss +5 -0
  37. package/styles/accordion/icons/_tailwind3.scss +15 -0
  38. package/styles/accordion/tailwind3.css +552 -0
  39. package/styles/accordion/tailwind3.scss +5 -0
  40. package/styles/appbar/_layout.scss +1 -1
  41. package/styles/appbar/_tailwind3-definition.scss +6 -0
  42. package/styles/appbar/bds.css +302 -0
  43. package/styles/appbar/bds.scss +4 -0
  44. package/styles/appbar/tailwind3.css +285 -0
  45. package/styles/appbar/tailwind3.scss +4 -0
  46. package/styles/bds-lite.css +9234 -0
  47. package/styles/bds-lite.scss +47 -0
  48. package/styles/bds.css +11955 -0
  49. package/styles/bds.scss +59 -0
  50. package/styles/bootstrap-dark-lite.css +22 -13
  51. package/styles/bootstrap-dark.css +36 -14
  52. package/styles/bootstrap-lite.css +22 -13
  53. package/styles/bootstrap.css +36 -14
  54. package/styles/bootstrap4-lite.css +22 -13
  55. package/styles/bootstrap4.css +36 -14
  56. package/styles/bootstrap5-dark-lite.css +30 -21
  57. package/styles/bootstrap5-dark.css +44 -22
  58. package/styles/bootstrap5-lite.css +30 -21
  59. package/styles/bootstrap5.3-lite.css +22 -13
  60. package/styles/bootstrap5.3.css +36 -14
  61. package/styles/bootstrap5.css +44 -22
  62. package/styles/breadcrumb/_layout.scss +16 -1
  63. package/styles/breadcrumb/_tailwind3-definition.scss +61 -0
  64. package/styles/breadcrumb/_theme.scss +60 -0
  65. package/styles/breadcrumb/bds.css +418 -0
  66. package/styles/breadcrumb/bds.scss +5 -0
  67. package/styles/breadcrumb/icons/_tailwind3.scss +23 -0
  68. package/styles/breadcrumb/tailwind3.css +434 -0
  69. package/styles/breadcrumb/tailwind3.scss +5 -0
  70. package/styles/carousel/_tailwind3-definition.scss +24 -0
  71. package/styles/carousel/_theme.scss +9 -3
  72. package/styles/carousel/bds.css +426 -0
  73. package/styles/carousel/bds.scss +5 -0
  74. package/styles/carousel/fluent2.css +5 -0
  75. package/styles/carousel/icons/_tailwind3.scss +30 -0
  76. package/styles/carousel/tailwind3.css +396 -0
  77. package/styles/carousel/tailwind3.scss +5 -0
  78. package/styles/context-menu/_bigger.scss +15 -0
  79. package/styles/context-menu/_layout.scss +24 -0
  80. package/styles/context-menu/_tailwind3-definition.scss +55 -0
  81. package/styles/context-menu/bds.css +421 -0
  82. package/styles/context-menu/bds.scss +8 -0
  83. package/styles/context-menu/fluent2.css +1 -1
  84. package/styles/context-menu/icons/_tailwind3.scss +31 -0
  85. package/styles/context-menu/tailwind3.css +449 -0
  86. package/styles/context-menu/tailwind3.scss +8 -0
  87. package/styles/fabric-dark-lite.css +22 -13
  88. package/styles/fabric-dark.css +36 -14
  89. package/styles/fabric-lite.css +22 -13
  90. package/styles/fabric.css +36 -14
  91. package/styles/fluent-dark-lite.css +23 -14
  92. package/styles/fluent-dark.css +37 -15
  93. package/styles/fluent-lite.css +23 -14
  94. package/styles/fluent.css +37 -15
  95. package/styles/fluent2-lite.css +38 -21
  96. package/styles/fluent2.css +52 -22
  97. package/styles/h-scroll/_tailwind3-definition.scss +83 -0
  98. package/styles/h-scroll/bds.css +311 -0
  99. package/styles/h-scroll/bds.scss +5 -0
  100. package/styles/h-scroll/icons/_tailwind3.scss +49 -0
  101. package/styles/h-scroll/tailwind3.css +311 -0
  102. package/styles/h-scroll/tailwind3.scss +5 -0
  103. package/styles/highcontrast-light-lite.css +22 -13
  104. package/styles/highcontrast-light.css +36 -14
  105. package/styles/highcontrast-lite.css +25 -16
  106. package/styles/highcontrast.css +39 -17
  107. package/styles/material-dark-lite.css +22 -13
  108. package/styles/material-dark.css +36 -14
  109. package/styles/material-lite.css +22 -13
  110. package/styles/material.css +36 -14
  111. package/styles/material3-dark-lite.css +22 -13
  112. package/styles/material3-dark.css +39 -14
  113. package/styles/material3-lite.css +22 -13
  114. package/styles/material3.css +39 -14
  115. package/styles/menu/_bigger.scss +23 -0
  116. package/styles/menu/_layout.scss +32 -0
  117. package/styles/menu/_tailwind3-definition.scss +66 -0
  118. package/styles/menu/_theme.scss +36 -2
  119. package/styles/menu/bds.css +1155 -0
  120. package/styles/menu/bds.scss +9 -0
  121. package/styles/menu/fluent2.css +1 -1
  122. package/styles/menu/icons/_tailwind3.scss +104 -0
  123. package/styles/menu/tailwind3.css +1232 -0
  124. package/styles/menu/tailwind3.scss +9 -0
  125. package/styles/pager/_bigger.scss +39 -6
  126. package/styles/pager/_layout.scss +5 -2
  127. package/styles/pager/_tailwind-definition.scss +1 -1
  128. package/styles/pager/_tailwind3-definition.scss +166 -0
  129. package/styles/pager/bds.css +915 -0
  130. package/styles/pager/bds.scss +5 -0
  131. package/styles/pager/bootstrap-dark.css +7 -0
  132. package/styles/pager/bootstrap.css +7 -0
  133. package/styles/pager/bootstrap4.css +7 -0
  134. package/styles/pager/bootstrap5-dark.css +7 -0
  135. package/styles/pager/bootstrap5.3.css +7 -0
  136. package/styles/pager/bootstrap5.css +7 -0
  137. package/styles/pager/fabric-dark.css +7 -0
  138. package/styles/pager/fabric.css +7 -0
  139. package/styles/pager/fluent-dark.css +7 -0
  140. package/styles/pager/fluent.css +7 -0
  141. package/styles/pager/fluent2.css +7 -0
  142. package/styles/pager/highcontrast-light.css +7 -0
  143. package/styles/pager/highcontrast.css +7 -0
  144. package/styles/pager/icons/_tailwind3.scss +50 -0
  145. package/styles/pager/material-dark.css +7 -0
  146. package/styles/pager/material.css +7 -0
  147. package/styles/pager/material3-dark.css +8 -0
  148. package/styles/pager/material3.css +8 -0
  149. package/styles/pager/tailwind-dark.css +16 -9
  150. package/styles/pager/tailwind.css +16 -9
  151. package/styles/pager/tailwind3.css +835 -0
  152. package/styles/pager/tailwind3.scss +5 -0
  153. package/styles/sidebar/_tailwind3-definition.scss +6 -0
  154. package/styles/sidebar/_theme.scss +1 -1
  155. package/styles/sidebar/bds.css +263 -0
  156. package/styles/sidebar/bds.scss +3 -0
  157. package/styles/sidebar/tailwind3.css +227 -0
  158. package/styles/sidebar/tailwind3.scss +3 -0
  159. package/styles/stepper/_layout.scss +3 -0
  160. package/styles/stepper/_tailwind3-definition.scss +72 -0
  161. package/styles/stepper/_theme.scss +2 -1
  162. package/styles/stepper/bds.css +725 -0
  163. package/styles/stepper/bds.scss +6 -0
  164. package/styles/stepper/bootstrap-dark.css +5 -1
  165. package/styles/stepper/bootstrap.css +5 -1
  166. package/styles/stepper/bootstrap4.css +5 -1
  167. package/styles/stepper/bootstrap5-dark.css +5 -1
  168. package/styles/stepper/bootstrap5.3.css +5 -1
  169. package/styles/stepper/bootstrap5.css +5 -1
  170. package/styles/stepper/fabric-dark.css +5 -1
  171. package/styles/stepper/fabric.css +5 -1
  172. package/styles/stepper/fluent-dark.css +5 -1
  173. package/styles/stepper/fluent.css +5 -1
  174. package/styles/stepper/fluent2.css +5 -1
  175. package/styles/stepper/highcontrast-light.css +5 -1
  176. package/styles/stepper/highcontrast.css +5 -1
  177. package/styles/stepper/icons/_tailwind3.scss +5 -0
  178. package/styles/stepper/material-dark.css +5 -1
  179. package/styles/stepper/material.css +5 -1
  180. package/styles/stepper/material3-dark.css +5 -1
  181. package/styles/stepper/material3.css +5 -1
  182. package/styles/stepper/tailwind-dark.css +5 -1
  183. package/styles/stepper/tailwind.css +5 -1
  184. package/styles/stepper/tailwind3.css +725 -0
  185. package/styles/stepper/tailwind3.scss +6 -0
  186. package/styles/tab/_bigger.scss +16 -0
  187. package/styles/tab/_bootstrap-dark-definition.scss +0 -2
  188. package/styles/tab/_bootstrap-definition.scss +0 -2
  189. package/styles/tab/_bootstrap4-definition.scss +0 -2
  190. package/styles/tab/_bootstrap5-definition.scss +0 -2
  191. package/styles/tab/_bootstrap5.3-definition.scss +0 -2
  192. package/styles/tab/_fabric-dark-definition.scss +0 -2
  193. package/styles/tab/_fabric-definition.scss +0 -2
  194. package/styles/tab/_fluent-definition.scss +0 -2
  195. package/styles/tab/_fluent2-definition.scss +0 -2
  196. package/styles/tab/_fusionnew-definition.scss +0 -2
  197. package/styles/tab/_highcontrast-definition.scss +0 -2
  198. package/styles/tab/_highcontrast-light-definition.scss +0 -2
  199. package/styles/tab/_material-dark-definition.scss +0 -2
  200. package/styles/tab/_material-definition.scss +0 -2
  201. package/styles/tab/_material3-definition.scss +0 -2
  202. package/styles/tab/_tailwind-definition.scss +0 -2
  203. package/styles/tab/_tailwind3-definition.scss +634 -0
  204. package/styles/tab/_theme.scss +0 -12
  205. package/styles/tab/bds.css +4190 -0
  206. package/styles/tab/bds.scss +6 -0
  207. package/styles/tab/bootstrap-dark.css +7 -11
  208. package/styles/tab/bootstrap.css +7 -11
  209. package/styles/tab/bootstrap4.css +7 -11
  210. package/styles/tab/bootstrap5-dark.css +7 -11
  211. package/styles/tab/bootstrap5.3.css +7 -11
  212. package/styles/tab/bootstrap5.css +7 -11
  213. package/styles/tab/fabric-dark.css +7 -11
  214. package/styles/tab/fabric.css +7 -11
  215. package/styles/tab/fluent-dark.css +7 -11
  216. package/styles/tab/fluent.css +7 -11
  217. package/styles/tab/fluent2.css +10 -14
  218. package/styles/tab/highcontrast-light.css +7 -11
  219. package/styles/tab/highcontrast.css +7 -11
  220. package/styles/tab/icons/_tailwind3.scss +90 -0
  221. package/styles/tab/material-dark.css +7 -11
  222. package/styles/tab/material.css +7 -11
  223. package/styles/tab/material3-dark.css +9 -11
  224. package/styles/tab/material3.css +9 -11
  225. package/styles/tab/tailwind-dark.css +7 -11
  226. package/styles/tab/tailwind.css +7 -11
  227. package/styles/tab/tailwind3.css +4125 -0
  228. package/styles/tab/tailwind3.scss +6 -0
  229. package/styles/tailwind-dark-lite.css +27 -18
  230. package/styles/tailwind-dark.css +46 -24
  231. package/styles/tailwind-lite.css +27 -18
  232. package/styles/tailwind.css +46 -24
  233. package/styles/tailwind3-lite.css +9035 -0
  234. package/styles/tailwind3-lite.scss +47 -0
  235. package/styles/tailwind3.css +11691 -0
  236. package/styles/tailwind3.scss +59 -0
  237. package/styles/toolbar/_bigger.scss +14 -0
  238. package/styles/toolbar/_bootstrap5-definition.scss +6 -6
  239. package/styles/toolbar/_layout.scss +7 -1
  240. package/styles/toolbar/_tailwind3-definition.scss +199 -0
  241. package/styles/toolbar/_theme.scss +6 -6
  242. package/styles/toolbar/bds.css +1219 -0
  243. package/styles/toolbar/bds.scss +9 -0
  244. package/styles/toolbar/bootstrap-dark.css +1 -1
  245. package/styles/toolbar/bootstrap.css +1 -1
  246. package/styles/toolbar/bootstrap4.css +1 -1
  247. package/styles/toolbar/bootstrap5-dark.css +9 -9
  248. package/styles/toolbar/bootstrap5.3.css +1 -1
  249. package/styles/toolbar/bootstrap5.css +9 -9
  250. package/styles/toolbar/fabric-dark.css +1 -1
  251. package/styles/toolbar/fabric.css +1 -1
  252. package/styles/toolbar/fluent-dark.css +1 -1
  253. package/styles/toolbar/fluent.css +1 -1
  254. package/styles/toolbar/fluent2.css +1 -1
  255. package/styles/toolbar/highcontrast-light.css +1 -1
  256. package/styles/toolbar/highcontrast.css +1 -1
  257. package/styles/toolbar/icons/_tailwind3.scss +14 -0
  258. package/styles/toolbar/material-dark.css +1 -1
  259. package/styles/toolbar/material.css +1 -1
  260. package/styles/toolbar/material3-dark.css +1 -1
  261. package/styles/toolbar/material3.css +1 -1
  262. package/styles/toolbar/tailwind-dark.css +1 -1
  263. package/styles/toolbar/tailwind.css +1 -1
  264. package/styles/toolbar/tailwind3.css +1211 -0
  265. package/styles/toolbar/tailwind3.scss +9 -0
  266. package/styles/treeview/_bigger.scss +16 -3
  267. package/styles/treeview/_fluent-definition.scss +1 -1
  268. package/styles/treeview/_fluent2-definition.scss +2 -2
  269. package/styles/treeview/_highcontrast-definition.scss +3 -3
  270. package/styles/treeview/_layout.scss +42 -5
  271. package/styles/treeview/_tailwind-definition.scss +1 -1
  272. package/styles/treeview/_tailwind3-definition.scss +126 -0
  273. package/styles/treeview/_theme.scss +1 -1
  274. package/styles/treeview/bds.css +1031 -0
  275. package/styles/treeview/bds.scss +7 -0
  276. package/styles/treeview/bootstrap-dark.css +16 -1
  277. package/styles/treeview/bootstrap.css +16 -1
  278. package/styles/treeview/bootstrap4.css +16 -1
  279. package/styles/treeview/bootstrap5-dark.css +16 -1
  280. package/styles/treeview/bootstrap5.3.css +16 -1
  281. package/styles/treeview/bootstrap5.css +16 -1
  282. package/styles/treeview/fabric-dark.css +16 -1
  283. package/styles/treeview/fabric.css +16 -1
  284. package/styles/treeview/fluent-dark.css +17 -2
  285. package/styles/treeview/fluent.css +17 -2
  286. package/styles/treeview/fluent2.css +22 -4
  287. package/styles/treeview/highcontrast-light.css +16 -1
  288. package/styles/treeview/highcontrast.css +19 -4
  289. package/styles/treeview/icons/_tailwind3.scss +44 -0
  290. package/styles/treeview/material-dark.css +16 -1
  291. package/styles/treeview/material.css +16 -1
  292. package/styles/treeview/material3-dark.css +16 -1
  293. package/styles/treeview/material3.css +16 -1
  294. package/styles/treeview/tailwind-dark.css +17 -2
  295. package/styles/treeview/tailwind.css +17 -2
  296. package/styles/treeview/tailwind3.css +806 -0
  297. package/styles/treeview/tailwind3.scss +7 -0
  298. package/styles/v-scroll/_tailwind3-definition.scss +49 -0
  299. package/styles/v-scroll/bds.css +218 -0
  300. package/styles/v-scroll/bds.scss +5 -0
  301. package/styles/v-scroll/icons/_tailwind3.scss +27 -0
  302. package/styles/v-scroll/tailwind3.css +218 -0
  303. package/styles/v-scroll/tailwind3.scss +5 -0
@@ -0,0 +1,5 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import 'bds-definition.scss';
3
+ @import 'icons/bds.scss';
4
+ @import 'all.scss';
5
+ @import 'bigger.scss';
@@ -727,6 +727,13 @@
727
727
  margin-top: 10px;
728
728
  }
729
729
  }
730
+ @media (max-width: 769px) {
731
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
+ margin-left: 0;
734
+ margin-top: 10px;
735
+ }
736
+ }
730
737
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
731
738
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
732
739
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -727,6 +727,13 @@
727
727
  margin-top: 10px;
728
728
  }
729
729
  }
730
+ @media (max-width: 769px) {
731
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
+ margin-left: 0;
734
+ margin-top: 10px;
735
+ }
736
+ }
730
737
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
731
738
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
732
739
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -727,6 +727,13 @@
727
727
  margin-top: 10px;
728
728
  }
729
729
  }
730
+ @media (max-width: 769px) {
731
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
+ margin-left: 0;
734
+ margin-top: 10px;
735
+ }
736
+ }
730
737
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
731
738
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
732
739
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -746,6 +746,13 @@
746
746
  margin-top: 10px;
747
747
  }
748
748
  }
749
+ @media (max-width: 769px) {
750
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
751
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
752
+ margin-left: 0;
753
+ margin-top: 10px;
754
+ }
755
+ }
749
756
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
750
757
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
751
758
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -750,6 +750,13 @@
750
750
  margin-top: 10px;
751
751
  }
752
752
  }
753
+ @media (max-width: 769px) {
754
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
755
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
756
+ margin-left: 0;
757
+ margin-top: 10px;
758
+ }
759
+ }
753
760
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
754
761
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
755
762
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -746,6 +746,13 @@
746
746
  margin-top: 10px;
747
747
  }
748
748
  }
749
+ @media (max-width: 769px) {
750
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
751
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
752
+ margin-left: 0;
753
+ margin-top: 10px;
754
+ }
755
+ }
749
756
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
750
757
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
751
758
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -727,6 +727,13 @@
727
727
  margin-top: 6px;
728
728
  }
729
729
  }
730
+ @media (max-width: 769px) {
731
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
+ margin-left: 0;
734
+ margin-top: 6px;
735
+ }
736
+ }
730
737
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
731
738
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
732
739
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -727,6 +727,13 @@
727
727
  margin-top: 6px;
728
728
  }
729
729
  }
730
+ @media (max-width: 769px) {
731
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
+ margin-left: 0;
734
+ margin-top: 6px;
735
+ }
736
+ }
730
737
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
731
738
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
732
739
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -729,6 +729,13 @@
729
729
  margin-top: 10px;
730
730
  }
731
731
  }
732
+ @media (max-width: 769px) {
733
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
734
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
735
+ margin-left: 0;
736
+ margin-top: 10px;
737
+ }
738
+ }
732
739
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
733
740
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
734
741
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -729,6 +729,13 @@
729
729
  margin-top: 10px;
730
730
  }
731
731
  }
732
+ @media (max-width: 769px) {
733
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
734
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
735
+ margin-left: 0;
736
+ margin-top: 10px;
737
+ }
738
+ }
732
739
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
733
740
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
734
741
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -775,6 +775,13 @@
775
775
  margin-top: 10px;
776
776
  }
777
777
  }
778
+ @media (max-width: 769px) {
779
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
780
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
781
+ margin-left: 0;
782
+ margin-top: 10px;
783
+ }
784
+ }
778
785
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
779
786
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
780
787
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -727,6 +727,13 @@
727
727
  margin-top: 6px;
728
728
  }
729
729
  }
730
+ @media (max-width: 769px) {
731
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
+ margin-left: 0;
734
+ margin-top: 6px;
735
+ }
736
+ }
730
737
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
731
738
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
732
739
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -727,6 +727,13 @@
727
727
  margin-top: 6px;
728
728
  }
729
729
  }
730
+ @media (max-width: 769px) {
731
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
+ margin-left: 0;
734
+ margin-top: 6px;
735
+ }
736
+ }
730
737
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
731
738
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
732
739
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -0,0 +1,50 @@
1
+ @include export-module('pager-tailwind3-icons') {
2
+
3
+ /* !componenticons */
4
+
5
+ #{&}.e-pager,
6
+ .e-grid-menu {
7
+
8
+ .e-icon-last::before {
9
+ content: '\e7a9';
10
+ }
11
+
12
+ .e-icon-first::before {
13
+ content: '\e744';
14
+ }
15
+
16
+ .e-icon-prev::before {
17
+ content: '\e765';
18
+ }
19
+
20
+ .e-icon-next::before {
21
+ content: '\e748';
22
+ }
23
+
24
+ &.e-rtl {
25
+ & .e-icon-last.e-lastpage::before,
26
+ & .e-icon-last.e-lastpage:hover,
27
+ & .e-icon-last.e-lastpagedisabled::before {
28
+ content: '\e744';
29
+ }
30
+
31
+ & .e-icon-first.e-firstpage::before,
32
+ & .e-icon-first.e-firstpage:hover,
33
+ & .e-icon-first.e-firstpagedisabled::before {
34
+ content: '\e7a9';
35
+ }
36
+
37
+ & .e-icon-prev.e-prevpage::before,
38
+ & .e-icon-prev.e-prevpage:hover,
39
+ & .e-icon-prev.e-prevpagedisabled::before {
40
+ content: '\e748';
41
+ }
42
+
43
+ & .e-icon-next.e-nextpage::before,
44
+ & .e-icon-next.e-nextpage:hover,
45
+ & .e-icon-next.e-nextpagedisabled::before {
46
+ content: '\e765';
47
+ }
48
+ }
49
+ }
50
+ }
@@ -727,6 +727,13 @@
727
727
  margin-top: 7px;
728
728
  }
729
729
  }
730
+ @media (max-width: 769px) {
731
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
+ margin-left: 0;
734
+ margin-top: 7px;
735
+ }
736
+ }
730
737
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
731
738
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
732
739
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -727,6 +727,13 @@
727
727
  margin-top: 7px;
728
728
  }
729
729
  }
730
+ @media (max-width: 769px) {
731
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
732
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
733
+ margin-left: 0;
734
+ margin-top: 7px;
735
+ }
736
+ }
730
737
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
731
738
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
732
739
  .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
@@ -717,6 +717,7 @@
717
717
  .e-pager.e-bigger.e-rtl .e-currentitem {
718
718
  margin: 0;
719
719
  padding: 10px 15.5px;
720
+ padding: 10px 12px;
720
721
  }
721
722
  .e-bigger .e-pager.e-rtl .e-pagerdropdown,
722
723
  .e-pager.e-bigger.e-rtl .e-pagerdropdown {
@@ -749,6 +750,13 @@
749
750
  margin-top: 10px;
750
751
  }
751
752
  }
753
+ @media (max-width: 769px) {
754
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
755
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
756
+ margin-left: 0;
757
+ margin-top: 10px;
758
+ }
759
+ }
752
760
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
753
761
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
754
762
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -719,6 +719,7 @@
719
719
  .e-pager.e-bigger.e-rtl .e-currentitem {
720
720
  margin: 0;
721
721
  padding: 10px 15.5px;
722
+ padding: 10px 12px;
722
723
  }
723
724
  .e-bigger .e-pager.e-rtl .e-pagerdropdown,
724
725
  .e-pager.e-bigger.e-rtl .e-pagerdropdown {
@@ -751,6 +752,13 @@
751
752
  margin-top: 10px;
752
753
  }
753
754
  }
755
+ @media (max-width: 769px) {
756
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
757
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
758
+ margin-left: 0;
759
+ margin-top: 10px;
760
+ }
761
+ }
754
762
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
755
763
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
756
764
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -105,7 +105,7 @@
105
105
  border: 1px solid #22d3ee;
106
106
  }
107
107
  .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
108
- padding: 3.5px 11px 6px 10px;
108
+ padding: 3.5px 11px 6.2px 10px;
109
109
  }
110
110
  .e-pager div.e-pagermsgdiv {
111
111
  padding-right: 6px;
@@ -170,7 +170,7 @@
170
170
  .e-pager .e-pagercontainer .e-lastpagedisabled.e-focused {
171
171
  border: 0;
172
172
  border-right-style: none;
173
- padding: 8.9px 7px 8px;
173
+ padding: 8.5px 7px 9.5px;
174
174
  }
175
175
  .e-pager .e-pagercontainer .e-nextpage.e-focused,
176
176
  .e-pager .e-pagercontainer .e-firstpage.e-focused {
@@ -254,7 +254,7 @@
254
254
  .e-pager .e-np.e-focused,
255
255
  .e-pager .e-pp.e-focused {
256
256
  line-height: 18px;
257
- padding: 4.5px 8.7px 7px;
257
+ padding: 4.5px 9.2px 7px;
258
258
  }
259
259
  .e-pager.e-adaptive {
260
260
  display: -webkit-box;
@@ -480,7 +480,7 @@
480
480
  padding: 4.5px 8.7px 5px;
481
481
  }
482
482
  .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
483
- padding: 4.5px 8.7px 7px;
483
+ padding: 4.5px 9.2px 7px;
484
484
  }
485
485
  .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
486
486
  margin: 0 5px;
@@ -745,7 +745,7 @@
745
745
  .e-bigger .e-pager .e-pp.e-spacing.e-focused,
746
746
  .e-pager.e-bigger .e-np.e-spacing.e-focused,
747
747
  .e-pager.e-bigger .e-pp.e-spacing.e-focused {
748
- padding: 11px 12px 10.5px 11.5px;
748
+ padding: 7px 11.8px 6.5px;
749
749
  }
750
750
  .e-bigger .e-pager .e-spacing,
751
751
  .e-bigger .e-pager .e-numericitem:hover,
@@ -785,11 +785,11 @@
785
785
  .e-bigger .e-pager.e-rtl .e-pagercontainer .e-lastpage.e-focused,
786
786
  .e-pager.e-bigger.e-rtl .e-pagercontainer .e-firstpage.e-focused,
787
787
  .e-pager.e-bigger.e-rtl .e-pagercontainer .e-lastpage.e-focused {
788
- padding: 10px 10px 9px;
788
+ padding: 10px 10px 9.5px;
789
789
  }
790
790
  .e-bigger .e-pager.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
791
791
  .e-pager.e-bigger.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused {
792
- padding: 10px 11px 9px;
792
+ padding: 10px 11px 9.5px;
793
793
  }
794
794
  .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
795
795
  .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
@@ -810,6 +810,13 @@
810
810
  margin-top: 10px;
811
811
  }
812
812
  }
813
+ @media (max-width: 769px) {
814
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
815
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
816
+ margin-left: 0;
817
+ margin-top: 10px;
818
+ }
819
+ }
813
820
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
814
821
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
815
822
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -869,11 +876,11 @@
869
876
  .e-pager.e-bigger .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
870
877
  .e-pager.e-bigger .e-pagercontainer .e-prevpage.e-focused,
871
878
  .e-pager.e-bigger .e-pagercontainer .e-firstpage.e-focused {
872
- padding: 10px 11px 9px 10px;
879
+ padding: 10px 11px 9.5px 10px;
873
880
  }
874
881
  .e-bigger .e-pager .e-pagercontainer .e-lastpage.e-focused,
875
882
  .e-pager.e-bigger .e-pagercontainer .e-lastpage.e-focused {
876
- padding: 10px 10px 9px;
883
+ padding: 10px 10px 9.5px;
877
884
  }
878
885
  .e-bigger .e-pager .e-pp,
879
886
  .e-bigger .e-pager .e-np,
@@ -105,7 +105,7 @@
105
105
  border: 1px solid #4f46e5;
106
106
  }
107
107
  .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
108
- padding: 3.5px 11px 6px 10px;
108
+ padding: 3.5px 11px 6.2px 10px;
109
109
  }
110
110
  .e-pager div.e-pagermsgdiv {
111
111
  padding-right: 6px;
@@ -170,7 +170,7 @@
170
170
  .e-pager .e-pagercontainer .e-lastpagedisabled.e-focused {
171
171
  border: 0;
172
172
  border-right-style: none;
173
- padding: 8.9px 7px 8px;
173
+ padding: 8.5px 7px 9.5px;
174
174
  }
175
175
  .e-pager .e-pagercontainer .e-nextpage.e-focused,
176
176
  .e-pager .e-pagercontainer .e-firstpage.e-focused {
@@ -254,7 +254,7 @@
254
254
  .e-pager .e-np.e-focused,
255
255
  .e-pager .e-pp.e-focused {
256
256
  line-height: 18px;
257
- padding: 4.5px 8.7px 7px;
257
+ padding: 4.5px 9.2px 7px;
258
258
  }
259
259
  .e-pager.e-adaptive {
260
260
  display: -webkit-box;
@@ -480,7 +480,7 @@
480
480
  padding: 4.5px 8.7px 5px;
481
481
  }
482
482
  .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
483
- padding: 4.5px 8.7px 7px;
483
+ padding: 4.5px 9.2px 7px;
484
484
  }
485
485
  .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
486
486
  margin: 0 5px;
@@ -745,7 +745,7 @@
745
745
  .e-bigger .e-pager .e-pp.e-spacing.e-focused,
746
746
  .e-pager.e-bigger .e-np.e-spacing.e-focused,
747
747
  .e-pager.e-bigger .e-pp.e-spacing.e-focused {
748
- padding: 11px 12px 10.5px 11.5px;
748
+ padding: 7px 11.8px 6.5px;
749
749
  }
750
750
  .e-bigger .e-pager .e-spacing,
751
751
  .e-bigger .e-pager .e-numericitem:hover,
@@ -785,11 +785,11 @@
785
785
  .e-bigger .e-pager.e-rtl .e-pagercontainer .e-lastpage.e-focused,
786
786
  .e-pager.e-bigger.e-rtl .e-pagercontainer .e-firstpage.e-focused,
787
787
  .e-pager.e-bigger.e-rtl .e-pagercontainer .e-lastpage.e-focused {
788
- padding: 10px 10px 9px;
788
+ padding: 10px 10px 9.5px;
789
789
  }
790
790
  .e-bigger .e-pager.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
791
791
  .e-pager.e-bigger.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused {
792
- padding: 10px 11px 9px;
792
+ padding: 10px 11px 9.5px;
793
793
  }
794
794
  .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
795
795
  .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
@@ -810,6 +810,13 @@
810
810
  margin-top: 10px;
811
811
  }
812
812
  }
813
+ @media (max-width: 769px) {
814
+ .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
815
+ .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
816
+ margin-left: 0;
817
+ margin-top: 10px;
818
+ }
819
+ }
813
820
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
814
821
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
815
822
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -869,11 +876,11 @@
869
876
  .e-pager.e-bigger .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
870
877
  .e-pager.e-bigger .e-pagercontainer .e-prevpage.e-focused,
871
878
  .e-pager.e-bigger .e-pagercontainer .e-firstpage.e-focused {
872
- padding: 10px 11px 9px 10px;
879
+ padding: 10px 11px 9.5px 10px;
873
880
  }
874
881
  .e-bigger .e-pager .e-pagercontainer .e-lastpage.e-focused,
875
882
  .e-pager.e-bigger .e-pagercontainer .e-lastpage.e-focused {
876
- padding: 10px 10px 9px;
883
+ padding: 10px 10px 9.5px;
877
884
  }
878
885
  .e-bigger .e-pager .e-pp,
879
886
  .e-bigger .e-pager .e-np,