smart-webcomponents-react 19.0.0 → 19.0.5

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 (334) hide show
  1. package/chart/ganttchart.d.ts +1 -1
  2. package/ganttchart/ganttchart.d.ts +1 -1
  3. package/ganttchart/ganttchart.esm.js +3 -3
  4. package/ganttchart/ganttchart.umd.js +3 -3
  5. package/index.d.ts +1 -2
  6. package/package.json +1 -1
  7. package/source/modules/smart.3dchart.js +1 -1
  8. package/source/modules/smart.accordion.js +1 -1
  9. package/source/modules/smart.array.js +1 -1
  10. package/source/modules/smart.barcode.js +1 -1
  11. package/source/modules/smart.breadcrumb.js +1 -1
  12. package/source/modules/smart.button.js +1 -1
  13. package/source/modules/smart.buttongroup.js +1 -1
  14. package/source/modules/smart.calendar.js +1 -1
  15. package/source/modules/smart.card.js +1 -1
  16. package/source/modules/smart.cardview.js +3 -3
  17. package/source/modules/smart.carousel.js +1 -1
  18. package/source/modules/smart.chart.js +2 -2
  19. package/source/modules/smart.checkbox.js +1 -1
  20. package/source/modules/smart.checkinput.js +1 -1
  21. package/source/modules/smart.chip.js +1 -1
  22. package/source/modules/smart.colorinput.js +1 -1
  23. package/source/modules/smart.colorpanel.js +1 -1
  24. package/source/modules/smart.colorpicker.js +1 -1
  25. package/source/modules/smart.combobox.js +1 -1
  26. package/source/modules/smart.common.js +2 -2
  27. package/source/modules/smart.countryinput.js +1 -1
  28. package/source/modules/smart.dateinput.js +1 -1
  29. package/source/modules/smart.daterangeinput.js +1 -1
  30. package/source/modules/smart.datetimepicker.js +1 -1
  31. package/source/modules/smart.dockinglayout.js +1 -1
  32. package/source/modules/smart.dropdownbutton.js +1 -1
  33. package/source/modules/smart.dropdownlist.js +1 -1
  34. package/source/modules/smart.editor.js +2 -2
  35. package/source/modules/smart.element.js +1 -1
  36. package/source/modules/smart.fileupload.js +1 -1
  37. package/source/modules/smart.form.js +1 -1
  38. package/source/modules/smart.formulaparser.js +1 -1
  39. package/source/modules/smart.ganttchart.js +4 -4
  40. package/source/modules/smart.gauge.js +1 -1
  41. package/source/modules/smart.grid.js +8 -8
  42. package/source/modules/smart.gridpanel.js +3 -3
  43. package/source/modules/smart.input.js +1 -1
  44. package/source/modules/smart.kanban.js +3 -3
  45. package/source/modules/smart.layout.js +1 -1
  46. package/source/modules/smart.led.js +1 -1
  47. package/source/modules/smart.listbox.js +1 -1
  48. package/source/modules/smart.listmenu.js +1 -1
  49. package/source/modules/smart.map.js +1 -1
  50. package/source/modules/smart.maskedtextbox.js +1 -1
  51. package/source/modules/smart.menu.js +1 -1
  52. package/source/modules/smart.multicomboinput.js +1 -1
  53. package/source/modules/smart.multiinput.js +1 -1
  54. package/source/modules/smart.multilinetextbox.js +1 -1
  55. package/source/modules/smart.multisplitbutton.js +1 -1
  56. package/source/modules/smart.numberinput.js +1 -1
  57. package/source/modules/smart.numerictextbox.js +1 -1
  58. package/source/modules/smart.pager.js +1 -1
  59. package/source/modules/smart.passwordinput.js +1 -1
  60. package/source/modules/smart.passwordtextbox.js +1 -1
  61. package/source/modules/smart.path.js +1 -1
  62. package/source/modules/smart.phoneinput.js +1 -1
  63. package/source/modules/smart.pivottable.js +3 -3
  64. package/source/modules/smart.progressbar.js +1 -1
  65. package/source/modules/smart.qrcode.js +1 -1
  66. package/source/modules/smart.querybuilder.js +1 -1
  67. package/source/modules/smart.radiobutton.js +1 -1
  68. package/source/modules/smart.rating.js +1 -1
  69. package/source/modules/smart.ribbon.js +1 -1
  70. package/source/modules/smart.router.js +2 -2
  71. package/source/modules/smart.scheduler.js +2 -2
  72. package/source/modules/smart.scrollbar.js +1 -1
  73. package/source/modules/smart.slider.js +1 -1
  74. package/source/modules/smart.sortable.js +1 -1
  75. package/source/modules/smart.splitter.js +1 -1
  76. package/source/modules/smart.switchbutton.js +1 -1
  77. package/source/modules/smart.table.js +3 -3
  78. package/source/modules/smart.tabs.js +1 -1
  79. package/source/modules/smart.tank.js +1 -1
  80. package/source/modules/smart.textarea.js +1 -1
  81. package/source/modules/smart.textbox.js +1 -1
  82. package/source/modules/smart.timeinput.js +1 -1
  83. package/source/modules/smart.timepicker.js +1 -1
  84. package/source/modules/smart.toast.js +1 -1
  85. package/source/modules/smart.tooltip.js +1 -1
  86. package/source/modules/smart.tree.js +1 -1
  87. package/source/modules/smart.validator.js +1 -1
  88. package/source/modules/smart.window.js +1 -1
  89. package/source/smart.3dchart.js +1 -1
  90. package/source/smart.accordion.js +1 -1
  91. package/source/smart.ajax.js +1 -1
  92. package/source/smart.array.js +1 -1
  93. package/source/smart.barcode.js +1 -1
  94. package/source/smart.bootstrap.js +1 -1
  95. package/source/smart.breadcrumb.js +1 -1
  96. package/source/smart.button.js +1 -1
  97. package/source/smart.buttongroup.js +1 -1
  98. package/source/smart.calendar.js +1 -1
  99. package/source/smart.card.js +1 -1
  100. package/source/smart.cardview.js +1 -1
  101. package/source/smart.carousel.js +1 -1
  102. package/source/smart.chart.annotations.js +1 -1
  103. package/source/smart.chart.api.js +1 -1
  104. package/source/smart.chart.core.js +1 -1
  105. package/source/smart.chart.js +1 -1
  106. package/source/smart.chart.rangeselector.js +1 -1
  107. package/source/smart.chart.waterfall.js +1 -1
  108. package/source/smart.checkbox.js +1 -1
  109. package/source/smart.checkinput.js +1 -1
  110. package/source/smart.chip.js +1 -1
  111. package/source/smart.colorinput.js +1 -1
  112. package/source/smart.colorpanel.js +1 -1
  113. package/source/smart.colorpicker.js +1 -1
  114. package/source/smart.combobox.js +1 -1
  115. package/source/smart.complex.js +1 -1
  116. package/source/smart.core.js +1 -1
  117. package/source/smart.countryinput.js +1 -1
  118. package/source/smart.data.js +2 -2
  119. package/source/smart.date.js +1 -1
  120. package/source/smart.dateformatpanel.js +1 -1
  121. package/source/smart.dateinput.js +1 -1
  122. package/source/smart.daterangeinput.js +1 -1
  123. package/source/smart.datetimepicker.js +1 -1
  124. package/source/smart.dockinglayout.js +1 -1
  125. package/source/smart.draw.js +1 -1
  126. package/source/smart.dropdownbutton.js +1 -1
  127. package/source/smart.dropdownlist.js +1 -1
  128. package/source/smart.editor.js +2 -2
  129. package/source/smart.element.js +1 -1
  130. package/source/smart.elements.js +10 -10
  131. package/source/smart.export.js +1 -1
  132. package/source/smart.fileupload.js +1 -1
  133. package/source/smart.filter.js +1 -1
  134. package/source/smart.filterbuilder.js +1 -1
  135. package/source/smart.filterpanel.js +1 -1
  136. package/source/smart.form.js +1 -1
  137. package/source/smart.format.js +1 -1
  138. package/source/smart.formulaparser.js +1 -1
  139. package/source/smart.ganttchart.js +2 -2
  140. package/source/smart.gauge.js +1 -1
  141. package/source/smart.grid.cell.js +1 -1
  142. package/source/smart.grid.chart.js +1 -1
  143. package/source/smart.grid.column.js +1 -1
  144. package/source/smart.grid.core.js +2 -2
  145. package/source/smart.grid.dialog.js +2 -2
  146. package/source/smart.grid.edit.js +2 -2
  147. package/source/smart.grid.export.js +1 -1
  148. package/source/smart.grid.filter.js +1 -1
  149. package/source/smart.grid.group.js +1 -1
  150. package/source/smart.grid.js +1 -1
  151. package/source/smart.grid.menu.js +1 -1
  152. package/source/smart.grid.pager.js +1 -1
  153. package/source/smart.grid.reorder.js +1 -1
  154. package/source/smart.grid.resize.js +1 -1
  155. package/source/smart.grid.row.js +2 -2
  156. package/source/smart.grid.select.js +1 -1
  157. package/source/smart.grid.sort.js +2 -2
  158. package/source/smart.grid.toolbar.js +1 -1
  159. package/source/smart.grid.tree.js +1 -1
  160. package/source/smart.grid.view.js +1 -1
  161. package/source/smart.gridpanel.js +2 -2
  162. package/source/smart.input.js +1 -1
  163. package/source/smart.kanban.js +1 -1
  164. package/source/smart.layout.js +1 -1
  165. package/source/smart.led.js +1 -1
  166. package/source/smart.listbox.js +1 -1
  167. package/source/smart.listmenu.js +1 -1
  168. package/source/smart.map.js +1 -1
  169. package/source/smart.maskedtextbox.js +1 -1
  170. package/source/smart.math.js +1 -1
  171. package/source/smart.menu.js +1 -1
  172. package/source/smart.multicomboinput.js +1 -1
  173. package/source/smart.multiinput.js +1 -1
  174. package/source/smart.multilinetextbox.js +1 -1
  175. package/source/smart.multisplitbutton.js +1 -1
  176. package/source/smart.numberformatpanel.js +1 -1
  177. package/source/smart.numberinput.js +1 -1
  178. package/source/smart.numeric.js +1 -1
  179. package/source/smart.numerictextbox.js +1 -1
  180. package/source/smart.pager.js +1 -1
  181. package/source/smart.passwordinput.js +1 -1
  182. package/source/smart.passwordtextbox.js +1 -1
  183. package/source/smart.path.js +1 -1
  184. package/source/smart.phoneinput.js +1 -1
  185. package/source/smart.pivottable.js +1 -1
  186. package/source/smart.powerbutton.js +1 -1
  187. package/source/smart.progressbar.js +1 -1
  188. package/source/smart.qrcode.js +1 -1
  189. package/source/smart.radiobutton.js +1 -1
  190. package/source/smart.rating.js +1 -1
  191. package/source/smart.ribbon.js +1 -1
  192. package/source/smart.router.js +1 -1
  193. package/source/smart.scheduler.js +1 -1
  194. package/source/smart.scrollbar.js +1 -1
  195. package/source/smart.slider.js +1 -1
  196. package/source/smart.sortable.js +1 -1
  197. package/source/smart.sparkline.js +1 -1
  198. package/source/smart.splitter.js +1 -1
  199. package/source/smart.switchbutton.js +1 -1
  200. package/source/smart.table.js +1 -1
  201. package/source/smart.tabs.js +1 -1
  202. package/source/smart.tank.js +1 -1
  203. package/source/smart.textarea.js +1 -1
  204. package/source/smart.textbox.js +1 -1
  205. package/source/smart.tickintervalhandler.js +1 -1
  206. package/source/smart.timeinput.js +1 -1
  207. package/source/smart.timepicker.js +1 -1
  208. package/source/smart.toast.js +1 -1
  209. package/source/smart.tooltip.js +1 -1
  210. package/source/smart.tree.js +1 -1
  211. package/source/smart.validationpanel.js +1 -1
  212. package/source/smart.validator.js +1 -1
  213. package/source/smart.window.js +1 -1
  214. package/source/styles/bootstrap/smart.bootstrap.blue.css +3369 -3372
  215. package/source/styles/bootstrap/smart.bootstrap.css +3369 -3372
  216. package/source/styles/bootstrap/smart.bootstrap.cyan.css +3369 -3372
  217. package/source/styles/bootstrap/smart.bootstrap.green.css +3369 -3372
  218. package/source/styles/bootstrap/smart.bootstrap.indigo.css +3369 -3372
  219. package/source/styles/bootstrap/smart.bootstrap.orange.css +3369 -3372
  220. package/source/styles/bootstrap/smart.bootstrap.pink.css +3369 -3372
  221. package/source/styles/bootstrap/smart.bootstrap.purple.css +3369 -3372
  222. package/source/styles/bootstrap/smart.bootstrap.red.css +3369 -3372
  223. package/source/styles/bootstrap/smart.bootstrap.teal.css +3369 -3372
  224. package/source/styles/bootstrap/smart.bootstrap.turquoise.css +3369 -3372
  225. package/source/styles/components/smart.array.css +1 -1
  226. package/source/styles/components/smart.calendar.css +2 -2
  227. package/source/styles/components/smart.cardview.css +2 -2
  228. package/source/styles/components/smart.checkinput.css +1 -1
  229. package/source/styles/components/smart.colorinput.css +1 -1
  230. package/source/styles/components/smart.columnpanel.css +1 -1
  231. package/source/styles/components/smart.countryinput.css +1 -1
  232. package/source/styles/components/smart.dateinput.css +2 -2
  233. package/source/styles/components/smart.daterangeinput.css +2 -2
  234. package/source/styles/components/smart.datetimeformatpanel.css +1 -1
  235. package/source/styles/components/smart.datetimepicker.css +1 -1
  236. package/source/styles/components/smart.editor.css +2 -2
  237. package/source/styles/components/smart.filterbuilder.css +2 -2
  238. package/source/styles/components/smart.filterpanel.css +1 -1
  239. package/source/styles/components/smart.ganttchart.css +2 -2
  240. package/source/styles/components/smart.grid.css +3 -3
  241. package/source/styles/components/smart.gridpanel.css +1 -1
  242. package/source/styles/components/smart.input.css +1 -1
  243. package/source/styles/components/smart.kanban.css +2 -2
  244. package/source/styles/components/smart.maskedtextbox.css +1 -1
  245. package/source/styles/components/smart.multicolumnfilterpanel.css +2 -2
  246. package/source/styles/components/smart.multicomboinput.css +1 -1
  247. package/source/styles/components/smart.multiinput.css +1 -1
  248. package/source/styles/components/smart.multilinetextbox.css +1 -1
  249. package/source/styles/components/smart.numberformatpanel.css +1 -1
  250. package/source/styles/components/smart.numberinput.css +1 -1
  251. package/source/styles/components/smart.pager.css +1 -1
  252. package/source/styles/components/smart.passwordinput.css +1 -1
  253. package/source/styles/components/smart.passwordtextbox.css +1 -1
  254. package/source/styles/components/smart.phoneinput.css +1 -1
  255. package/source/styles/components/smart.pivottable.css +1 -1
  256. package/source/styles/components/smart.querybuilder.css +3 -3
  257. package/source/styles/components/smart.ribbon.css +1 -1
  258. package/source/styles/components/smart.scheduler.css +2 -2
  259. package/source/styles/components/smart.sortpanel.css +1 -1
  260. package/source/styles/components/smart.table.css +1 -1
  261. package/source/styles/components/smart.textarea.css +1 -1
  262. package/source/styles/components/smart.textbox.css +1 -1
  263. package/source/styles/components/smart.timeinput.css +1 -1
  264. package/source/styles/components/smart.validationpanel.css +1 -1
  265. package/source/styles/components/smart.window.css +1 -1
  266. package/source/styles/default/scss/textbox/_multi-combo-input.scss +5 -0
  267. package/source/styles/default/smart.accordion.css +309 -309
  268. package/source/styles/default/smart.array.css +77 -77
  269. package/source/styles/default/smart.badge.css +50 -50
  270. package/source/styles/default/smart.barcode.css +3 -3
  271. package/source/styles/default/smart.breadcrumb.css +324 -324
  272. package/source/styles/default/smart.button.css +515 -515
  273. package/source/styles/default/smart.calendar.css +742 -742
  274. package/source/styles/default/smart.card.css +53 -53
  275. package/source/styles/default/smart.chart.css +119 -119
  276. package/source/styles/default/smart.checkbox.css +148 -148
  277. package/source/styles/default/smart.chip.css +101 -101
  278. package/source/styles/default/smart.colorpanel.css +617 -617
  279. package/source/styles/default/smart.colorpicker.css +132 -132
  280. package/source/styles/default/smart.currencyformatpanel.css +71 -71
  281. package/source/styles/default/smart.dateformatpanel.css +105 -105
  282. package/source/styles/default/smart.datetimepicker.css +611 -611
  283. package/source/styles/default/smart.dockinglayout.css +748 -748
  284. package/source/styles/default/smart.dropdownbutton.css +257 -257
  285. package/source/styles/default/smart.editor.css +1528 -1527
  286. package/source/styles/default/smart.editors.css +150 -150
  287. package/source/styles/default/smart.fileupload.css +498 -498
  288. package/source/styles/default/smart.ganttchart.css +1594 -1594
  289. package/source/styles/default/smart.gauge.css +145 -145
  290. package/source/styles/default/smart.inputgroup.css +483 -483
  291. package/source/styles/default/smart.layout.css +465 -465
  292. package/source/styles/default/smart.layouts.css +483 -483
  293. package/source/styles/default/smart.led.css +144 -144
  294. package/source/styles/default/smart.link-button.css +321 -321
  295. package/source/styles/default/smart.listbox.css +564 -564
  296. package/source/styles/default/smart.listmenu.css +661 -661
  297. package/source/styles/default/smart.loader.css +203 -203
  298. package/source/styles/default/smart.maskedtextbox.css +27 -27
  299. package/source/styles/default/smart.multilinetextbox.css +190 -190
  300. package/source/styles/default/smart.multisplitbutton.css +225 -225
  301. package/source/styles/default/smart.numberformatpanel.css +72 -72
  302. package/source/styles/default/smart.numerictextbox.css +522 -522
  303. package/source/styles/default/smart.pager.css +253 -253
  304. package/source/styles/default/smart.passwordtextbox.css +129 -129
  305. package/source/styles/default/smart.path.css +581 -581
  306. package/source/styles/default/smart.pivottable.css +800 -800
  307. package/source/styles/default/smart.powerbutton.css +100 -100
  308. package/source/styles/default/smart.progressbar.css +501 -501
  309. package/source/styles/default/smart.qrcode.css +3 -3
  310. package/source/styles/default/smart.querybuilder.css +624 -623
  311. package/source/styles/default/smart.radiobutton.css +137 -137
  312. package/source/styles/default/smart.rating.css +17 -17
  313. package/source/styles/default/smart.scheduler.css +2789 -2789
  314. package/source/styles/default/smart.scrollbar.css +118 -118
  315. package/source/styles/default/smart.scrollviewer.css +109 -109
  316. package/source/styles/default/smart.slider.css +464 -464
  317. package/source/styles/default/smart.sortable.css +114 -114
  318. package/source/styles/default/smart.splitter.css +395 -395
  319. package/source/styles/default/smart.switchbutton.css +293 -293
  320. package/source/styles/default/smart.table.css +2025 -2025
  321. package/source/styles/default/smart.tabs.css +923 -923
  322. package/source/styles/default/smart.tank.css +661 -661
  323. package/source/styles/default/smart.textbox.css +3431 -3427
  324. package/source/styles/default/smart.timepicker.css +150 -150
  325. package/source/styles/default/smart.toast.css +252 -252
  326. package/source/styles/default/smart.toggle.css +175 -175
  327. package/source/styles/default/smart.tooltip.css +124 -124
  328. package/source/styles/default/smart.tree.css +783 -783
  329. package/source/styles/default/smart.validationpanel.css +116 -116
  330. package/source/styles/default/smart.window.css +829 -829
  331. package/source/styles/smart.default.css +4 -4
  332. package/source/styles/smart.fluent.css +3313 -3313
  333. package/source/typescript/smart.elements.d.ts +1 -2
  334. package/source/typescript/smart.ganttchart.d.ts +1 -2
package/source/styles/default/smart.pager.css CHANGED
@@ -1,254 +1,254 @@
1
- /*smart-pager*/
2
- .smart-pager-middle-buttons-container {
3
- order: 1;
4
- height: 100%;
5
- }
6
-
7
- .smart-pager-far-buttons-container {
8
- order: 2;
9
- height: 100%;
10
- }
11
- .smart-pager-far-buttons-container.near {
12
- order: 0;
13
- }
14
- .smart-pager-far-buttons-container.far {
15
- order: 2;
16
- }
17
-
18
- .smart-pager-input-and-label-container {
19
- order: 3;
20
- }
21
- .smart-pager-input-and-label-container.near {
22
- order: -2;
23
- }
24
-
25
- .smart-pager-size-selector-and-label-container {
26
- order: 4;
27
- }
28
- .smart-pager-size-selector-and-label-container.near {
29
- order: -1;
30
- }
31
-
32
- .smart-pager-summary-container {
33
- order: 5;
34
- }
35
- .smart-pager-summary-container.near {
36
- order: -2;
37
- }
38
-
39
- .smart-pager-near-buttons-container {
40
- order: 0;
41
- height: 100%;
42
- }
43
- .smart-pager-near-buttons-container.near {
44
- order: 0;
45
- }
46
- .smart-pager-near-buttons-container.far {
47
- order: 2;
48
- }
49
-
50
- smart-pager {
51
- min-width: 300px;
52
- height: var(--smart-pager-default-height);
53
- justify-content: center;
54
- padding: var(--smart-pager-padding);
55
- --smart-item-border-radius: 100%;
56
- --smart-item-border-top-left-radius: 100%;
57
- --smart-item-border-top-right-radius: 100%;
58
- --smart-item-border-bottom-left-radius: 100%;
59
- --smart-item-border-bottom-right-radius: 100%;
60
- }
61
- smart-pager.smart-element {
62
- overflow: visible;
63
- border-radius: 0px;
64
- background: var(--smart-surface);
65
- color: var(--smart-surface-color);
66
- }
67
- smart-pager:focus {
68
- border-color: var(--smart-outline);
69
- }
70
- smart-pager > .smart-container, smart-pager.smart-container {
71
- flex-direction: row;
72
- display: flex;
73
- align-items: center;
74
- }
75
- smart-pager .smart-pager-near-buttons-container,
76
- smart-pager .smart-pager-far-buttons-container,
77
- smart-pager .smart-pager-middle-buttons-container,
78
- smart-pager .smart-pager-input-and-label-container,
79
- smart-pager .smart-pager-size-selector-and-label-container,
80
- smart-pager .smart-pager-summary-container {
81
- display: flex;
82
- flex-direction: row;
83
- align-items: center;
84
- justify-content: center;
85
- margin: 0px 4px;
86
- }
87
- smart-pager .smart-pager-page-index-selectors-container {
88
- display: flex;
89
- color: var(--smart-pager-color);
90
- width: auto;
91
- height: 100%;
92
- outline: none;
93
- align-items: center;
94
- }
95
- smart-pager .smart-pager-page-index-selectors-container:focus .smart-pager-page-index-selector[selected] {
96
- text-decoration: underline;
97
- }
98
- smart-pager .smart-pager-label {
99
- display: flex;
100
- border: none;
101
- align-items: center;
102
- justify-content: center;
103
- overflow: hidden;
104
- text-overflow: ellipsis;
105
- height: 100%;
106
- margin: 0px 8px;
107
- }
108
- smart-pager .smart-pager-label span {
109
- padding: 2px;
110
- }
111
- smart-pager .smart-pager-button {
112
- display: flex;
113
- font-size: inherit;
114
- font-family: inherit;
115
- align-items: center;
116
- justify-content: center;
117
- border-top-left-radius: var(--smart-item-border-top-left-radius);
118
- border-top-right-radius: var(--smart-item-border-top-right-radius);
119
- border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
120
- border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
121
- width: var(--smart-pager-button-width);
122
- height: var(--smart-pager-button-height);
123
- position: relative;
124
- overflow: hidden;
125
- /*margin-left: -1px;*/
126
- }
127
- smart-pager .smart-pager-button:hover {
128
- background: var(--smart-ui-state-hover);
129
- border-color: var(--smart-ui-state-border-hover);
130
- color: var(--smart-ui-state-color-hover);
131
- }
132
- smart-pager .smart-pager-button:active {
133
- background: var(--smart-ui-state-active);
134
- border-color: var(--smart-ui-state-border-active);
135
- color: var(--smart-ui-state-color-active);
136
- }
137
- smart-pager .smart-pager-button:active .smart-ripple {
138
- background-color: var(--smart-ui-state-color-active);
139
- }
140
- smart-pager .smart-pager-button[disabled] {
141
- opacity: 0.55;
142
- }
143
- smart-pager .smart-pager-button .smart-ripple {
144
- background-color: var(--smart-ui-state-active);
145
- }
146
- smart-pager .smart-pager-page-index-selector {
147
- font-size: inherit;
148
- font-family: inherit;
149
- display: flex;
150
- flex-grow: 1;
151
- align-items: center;
152
- justify-content: center;
153
- user-select: none;
154
- cursor: pointer;
155
- overflow: hidden;
156
- text-overflow: ellipsis;
157
- width: var(--smart-pager-page-index-selector-width);
158
- height: var(--smart-pager-page-index-selector-height);
159
- position: relative;
160
- margin-left: var(--smart-pager-page-index-selector-horizontal-offset);
161
- border-top-left-radius: var(--smart-item-border-top-left-radius);
162
- border-top-right-radius: var(--smart-item-border-top-right-radius);
163
- border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
164
- border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
165
- }
166
- smart-pager .smart-pager-page-index-selector:first-child {
167
- margin-left: -1px;
168
- }
169
- smart-pager .smart-pager-page-index-selector:hover {
170
- background-color: var(--smart-ui-state-hover);
171
- color: var(--smart-ui-state-color-hover);
172
- border-color: var(--smart-ui-state-border-hover);
173
- }
174
- smart-pager .smart-pager-page-index-selector .smart-ripple {
175
- background-color: var(--smart-ui-state-active);
176
- }
177
- smart-pager .smart-pager-page-index-selector[selected] {
178
- background-color: var(--smart-ui-state-active);
179
- color: var(--smart-ui-state-color-active);
180
- border-color: var(--smart-ui-state-border-active);
181
- box-shadow: var(--smart-elevation-2);
182
- }
183
- smart-pager .smart-pager-page-index-selector[selected] .smart-ripple {
184
- background-color: var(--smart-ui-state-color-active);
185
- }
186
- smart-pager .smart-previous-ellipsis-button,
187
- smart-pager .smart-next-ellipsis-button {
188
- width: var(--smart-pager-page-index-ellipsis-selector-width);
189
- height: var(--smart-pager-page-index-ellipsis-selector-height);
190
- }
191
- smart-pager .smart-page-size-selector {
192
- width: var(--smart-pager-page-size-selector-width);
193
- background: var(--smart-background);
194
- color: var(--smart-background-color);
195
- --smart-item-border-top-left-radius: var(--smart-border-radius);
196
- --smart-item-border-top-right-radius: var(--smart-border-radius);
197
- --smart-item-border-bottom-left-radius: var(--smart-border-radius);
198
- --smart-item-border-bottom-right-radius: var(--smart-border-radius);
199
- }
200
- smart-pager .smart-pager-input {
201
- width: var(--smart-pager-input-width);
202
- box-sizing: border-box;
203
- padding: 0px var(--smart-editor-label-padding);
204
- margin: 0px 5px;
205
- background: var(--smart-background);
206
- color: var(--smart-background-color);
207
- border-top-left-radius: var(--smart-border-top-left-radius);
208
- border-top-right-radius: var(--smart-border-top-right-radius);
209
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
210
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
211
- border-color: var(--smart-border);
212
- border-style: solid;
213
- border-width: var(--smart-border-width);
214
- height: var(--smart-text-box-default-height);
215
- }
216
- smart-pager:not([show-navigation-button-labels]) .smart-pager-button {
217
- border-top-left-radius: var(--smart-item-border-top-left-radius);
218
- border-top-right-radius: var(--smart-item-border-top-right-radius);
219
- border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
220
- border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
221
- width: var(--smart-pager-page-index-selector-width);
222
- }
223
- smart-pager[disabled] .smart-pager-page-index-selector {
224
- user-select: none;
225
- cursor: default;
226
- }
227
-
228
- smart-pager[right-to-left] > .smart-container,
229
- smart-pager[right-to-left] .smart-pager-middle-buttons-container,
230
- smart-pager[right-to-left] .smart-pager-near-buttons-container,
231
- smart-pager[right-to-left] .smart-pager-far-buttons-container,
232
- smart-pager[right-to-left] .smart-pager-page-index-selectors-container,
233
- smart-pager[right-to-left] .smart-pager-size-selector-and-label-container,
234
- smart-pager[right-to-left] .smart-pager-input-and-label-container,
235
- smart-pager[right-to-left] .smart-pager-label {
236
- flex-direction: row-reverse;
237
- }
238
- smart-pager[right-to-left] .smart-arrow-left:after,
239
- smart-pager[right-to-left] .smart-arrow-right:after,
240
- smart-pager[right-to-left] .smart-arrow-left-first:after,
241
- smart-pager[right-to-left] .smart-arrow-right-last:after {
242
- transform: rotate(180deg);
243
- transform-origin: center;
244
- }
245
- smart-pager[right-to-left] .smart-pager-label > span,
246
- smart-pager[right-to-left] .smart-first-button,
247
- smart-pager[right-to-left] .smart-last-button,
248
- smart-pager[right-to-left] .smart-next-page-button,
249
- smart-pager[right-to-left] .smart-previous-page-button,
250
- smart-pager[right-to-left] .smart-pager-page-index-selector,
251
- smart-pager[right-to-left] .smart-pager-input,
252
- smart-pager[right-to-left] .smart-pager-label {
253
- direction: rtl;
1
+ /*smart-pager*/
2
+ .smart-pager-middle-buttons-container {
3
+ order: 1;
4
+ height: 100%;
5
+ }
6
+
7
+ .smart-pager-far-buttons-container {
8
+ order: 2;
9
+ height: 100%;
10
+ }
11
+ .smart-pager-far-buttons-container.near {
12
+ order: 0;
13
+ }
14
+ .smart-pager-far-buttons-container.far {
15
+ order: 2;
16
+ }
17
+
18
+ .smart-pager-input-and-label-container {
19
+ order: 3;
20
+ }
21
+ .smart-pager-input-and-label-container.near {
22
+ order: -2;
23
+ }
24
+
25
+ .smart-pager-size-selector-and-label-container {
26
+ order: 4;
27
+ }
28
+ .smart-pager-size-selector-and-label-container.near {
29
+ order: -1;
30
+ }
31
+
32
+ .smart-pager-summary-container {
33
+ order: 5;
34
+ }
35
+ .smart-pager-summary-container.near {
36
+ order: -2;
37
+ }
38
+
39
+ .smart-pager-near-buttons-container {
40
+ order: 0;
41
+ height: 100%;
42
+ }
43
+ .smart-pager-near-buttons-container.near {
44
+ order: 0;
45
+ }
46
+ .smart-pager-near-buttons-container.far {
47
+ order: 2;
48
+ }
49
+
50
+ smart-pager {
51
+ min-width: 300px;
52
+ height: var(--smart-pager-default-height);
53
+ justify-content: center;
54
+ padding: var(--smart-pager-padding);
55
+ --smart-item-border-radius: 100%;
56
+ --smart-item-border-top-left-radius: 100%;
57
+ --smart-item-border-top-right-radius: 100%;
58
+ --smart-item-border-bottom-left-radius: 100%;
59
+ --smart-item-border-bottom-right-radius: 100%;
60
+ }
61
+ smart-pager.smart-element {
62
+ overflow: visible;
63
+ border-radius: 0px;
64
+ background: var(--smart-surface);
65
+ color: var(--smart-surface-color);
66
+ }
67
+ smart-pager:focus {
68
+ border-color: var(--smart-outline);
69
+ }
70
+ smart-pager > .smart-container, smart-pager.smart-container {
71
+ flex-direction: row;
72
+ display: flex;
73
+ align-items: center;
74
+ }
75
+ smart-pager .smart-pager-near-buttons-container,
76
+ smart-pager .smart-pager-far-buttons-container,
77
+ smart-pager .smart-pager-middle-buttons-container,
78
+ smart-pager .smart-pager-input-and-label-container,
79
+ smart-pager .smart-pager-size-selector-and-label-container,
80
+ smart-pager .smart-pager-summary-container {
81
+ display: flex;
82
+ flex-direction: row;
83
+ align-items: center;
84
+ justify-content: center;
85
+ margin: 0px 4px;
86
+ }
87
+ smart-pager .smart-pager-page-index-selectors-container {
88
+ display: flex;
89
+ color: var(--smart-pager-color);
90
+ width: auto;
91
+ height: 100%;
92
+ outline: none;
93
+ align-items: center;
94
+ }
95
+ smart-pager .smart-pager-page-index-selectors-container:focus .smart-pager-page-index-selector[selected] {
96
+ text-decoration: underline;
97
+ }
98
+ smart-pager .smart-pager-label {
99
+ display: flex;
100
+ border: none;
101
+ align-items: center;
102
+ justify-content: center;
103
+ overflow: hidden;
104
+ text-overflow: ellipsis;
105
+ height: 100%;
106
+ margin: 0px 8px;
107
+ }
108
+ smart-pager .smart-pager-label span {
109
+ padding: 2px;
110
+ }
111
+ smart-pager .smart-pager-button {
112
+ display: flex;
113
+ font-size: inherit;
114
+ font-family: inherit;
115
+ align-items: center;
116
+ justify-content: center;
117
+ border-top-left-radius: var(--smart-item-border-top-left-radius);
118
+ border-top-right-radius: var(--smart-item-border-top-right-radius);
119
+ border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
120
+ border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
121
+ width: var(--smart-pager-button-width);
122
+ height: var(--smart-pager-button-height);
123
+ position: relative;
124
+ overflow: hidden;
125
+ /*margin-left: -1px;*/
126
+ }
127
+ smart-pager .smart-pager-button:hover {
128
+ background: var(--smart-ui-state-hover);
129
+ border-color: var(--smart-ui-state-border-hover);
130
+ color: var(--smart-ui-state-color-hover);
131
+ }
132
+ smart-pager .smart-pager-button:active {
133
+ background: var(--smart-ui-state-active);
134
+ border-color: var(--smart-ui-state-border-active);
135
+ color: var(--smart-ui-state-color-active);
136
+ }
137
+ smart-pager .smart-pager-button:active .smart-ripple {
138
+ background-color: var(--smart-ui-state-color-active);
139
+ }
140
+ smart-pager .smart-pager-button[disabled] {
141
+ opacity: 0.55;
142
+ }
143
+ smart-pager .smart-pager-button .smart-ripple {
144
+ background-color: var(--smart-ui-state-active);
145
+ }
146
+ smart-pager .smart-pager-page-index-selector {
147
+ font-size: inherit;
148
+ font-family: inherit;
149
+ display: flex;
150
+ flex-grow: 1;
151
+ align-items: center;
152
+ justify-content: center;
153
+ user-select: none;
154
+ cursor: pointer;
155
+ overflow: hidden;
156
+ text-overflow: ellipsis;
157
+ width: var(--smart-pager-page-index-selector-width);
158
+ height: var(--smart-pager-page-index-selector-height);
159
+ position: relative;
160
+ margin-left: var(--smart-pager-page-index-selector-horizontal-offset);
161
+ border-top-left-radius: var(--smart-item-border-top-left-radius);
162
+ border-top-right-radius: var(--smart-item-border-top-right-radius);
163
+ border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
164
+ border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
165
+ }
166
+ smart-pager .smart-pager-page-index-selector:first-child {
167
+ margin-left: -1px;
168
+ }
169
+ smart-pager .smart-pager-page-index-selector:hover {
170
+ background-color: var(--smart-ui-state-hover);
171
+ color: var(--smart-ui-state-color-hover);
172
+ border-color: var(--smart-ui-state-border-hover);
173
+ }
174
+ smart-pager .smart-pager-page-index-selector .smart-ripple {
175
+ background-color: var(--smart-ui-state-active);
176
+ }
177
+ smart-pager .smart-pager-page-index-selector[selected] {
178
+ background-color: var(--smart-ui-state-active);
179
+ color: var(--smart-ui-state-color-active);
180
+ border-color: var(--smart-ui-state-border-active);
181
+ box-shadow: var(--smart-elevation-2);
182
+ }
183
+ smart-pager .smart-pager-page-index-selector[selected] .smart-ripple {
184
+ background-color: var(--smart-ui-state-color-active);
185
+ }
186
+ smart-pager .smart-previous-ellipsis-button,
187
+ smart-pager .smart-next-ellipsis-button {
188
+ width: var(--smart-pager-page-index-ellipsis-selector-width);
189
+ height: var(--smart-pager-page-index-ellipsis-selector-height);
190
+ }
191
+ smart-pager .smart-page-size-selector {
192
+ width: var(--smart-pager-page-size-selector-width);
193
+ background: var(--smart-background);
194
+ color: var(--smart-background-color);
195
+ --smart-item-border-top-left-radius: var(--smart-border-radius);
196
+ --smart-item-border-top-right-radius: var(--smart-border-radius);
197
+ --smart-item-border-bottom-left-radius: var(--smart-border-radius);
198
+ --smart-item-border-bottom-right-radius: var(--smart-border-radius);
199
+ }
200
+ smart-pager .smart-pager-input {
201
+ width: var(--smart-pager-input-width);
202
+ box-sizing: border-box;
203
+ padding: 0px var(--smart-editor-label-padding);
204
+ margin: 0px 5px;
205
+ background: var(--smart-background);
206
+ color: var(--smart-background-color);
207
+ border-top-left-radius: var(--smart-border-top-left-radius);
208
+ border-top-right-radius: var(--smart-border-top-right-radius);
209
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
210
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
211
+ border-color: var(--smart-border);
212
+ border-style: solid;
213
+ border-width: var(--smart-border-width);
214
+ height: var(--smart-text-box-default-height);
215
+ }
216
+ smart-pager:not([show-navigation-button-labels]) .smart-pager-button {
217
+ border-top-left-radius: var(--smart-item-border-top-left-radius);
218
+ border-top-right-radius: var(--smart-item-border-top-right-radius);
219
+ border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
220
+ border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
221
+ width: var(--smart-pager-page-index-selector-width);
222
+ }
223
+ smart-pager[disabled] .smart-pager-page-index-selector {
224
+ user-select: none;
225
+ cursor: default;
226
+ }
227
+
228
+ smart-pager[right-to-left] > .smart-container,
229
+ smart-pager[right-to-left] .smart-pager-middle-buttons-container,
230
+ smart-pager[right-to-left] .smart-pager-near-buttons-container,
231
+ smart-pager[right-to-left] .smart-pager-far-buttons-container,
232
+ smart-pager[right-to-left] .smart-pager-page-index-selectors-container,
233
+ smart-pager[right-to-left] .smart-pager-size-selector-and-label-container,
234
+ smart-pager[right-to-left] .smart-pager-input-and-label-container,
235
+ smart-pager[right-to-left] .smart-pager-label {
236
+ flex-direction: row-reverse;
237
+ }
238
+ smart-pager[right-to-left] .smart-arrow-left:after,
239
+ smart-pager[right-to-left] .smart-arrow-right:after,
240
+ smart-pager[right-to-left] .smart-arrow-left-first:after,
241
+ smart-pager[right-to-left] .smart-arrow-right-last:after {
242
+ transform: rotate(180deg);
243
+ transform-origin: center;
244
+ }
245
+ smart-pager[right-to-left] .smart-pager-label > span,
246
+ smart-pager[right-to-left] .smart-first-button,
247
+ smart-pager[right-to-left] .smart-last-button,
248
+ smart-pager[right-to-left] .smart-next-page-button,
249
+ smart-pager[right-to-left] .smart-previous-page-button,
250
+ smart-pager[right-to-left] .smart-pager-page-index-selector,
251
+ smart-pager[right-to-left] .smart-pager-input,
252
+ smart-pager[right-to-left] .smart-pager-label {
253
+ direction: rtl;
254
254
  }