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.scrollbar.css CHANGED
@@ -1,119 +1,119 @@
1
- /* smart-scroll-bar */
2
- smart-scroll-bar {
3
- display: block;
4
- touch-action: none;
5
- width: var(--smart-scroll-bar-default-width);
6
- height: var(--smart-scroll-bar-default-height);
7
- }
8
- smart-scroll-bar .smart-thumb {
9
- position: absolute;
10
- width: 40px;
11
- background-clip: content-box;
12
- padding: var(--smart-scroll-bar-thumb-padding) 0 var(--smart-scroll-bar-thumb-padding) 0;
13
- height: var(--smart-scroll-bar-thumb-size);
14
- cursor: default;
15
- box-sizing: border-box;
16
- border-width: 1px;
17
- border-style: solid;
18
- border-color: var(--smart-scroll-bar-thumb-border);
19
- background-color: var(--smart-scroll-bar-thumb-background);
20
- border-top-left-radius: var(--smart-scroll-bar-thumb-border-top-left-radius);
21
- border-top-right-radius: var(--smart-scroll-bar-thumb-border-top-right-radius);
22
- border-bottom-left-radius: var(--smart-scroll-bar-thumb-border-bottom-left-radius);
23
- border-bottom-right-radius: var(--smart-scroll-bar-thumb-border-bottom-right-radius);
24
- }
25
- smart-scroll-bar .smart-thumb:hover {
26
- border-color: var(--smart-scroll-bar-thumb-border-hover);
27
- background-color: var(--smart-scroll-bar-thumb-background-hover);
28
- }
29
- smart-scroll-bar .smart-thumb:active {
30
- border-color: var(--smart-scroll-bar-thumb-border-active);
31
- background-color: var(--smart-scroll-bar-thumb-background-active);
32
- }
33
- smart-scroll-bar .smart-track {
34
- position: relative;
35
- float: left;
36
- height: 100%;
37
- background-color: var(--smart-scroll-bar-track-background);
38
- width: 100%;
39
- }
40
- smart-scroll-bar .smart-scroll-button {
41
- display: none;
42
- float: left;
43
- width: var(--smart-scroll-button-size);
44
- height: 100%;
45
- cursor: default;
46
- background-color: var(--smart-scroll-bar-button-background);
47
- color: var(--smart-scroll-bar-button-color);
48
- border: 1px solid var(--smart-scroll-bar-button-border);
49
- min-height: 0;
50
- padding: 0;
51
- border-radius: 0px;
52
- }
53
- smart-scroll-bar .smart-scroll-button:hover {
54
- background-color: var(--smart-scroll-bar-button-background-hover);
55
- color: var(--smart-scroll-bar-button-color-hover);
56
- border-color: var(--smart-scroll-bar-button-border-hover);
57
- }
58
- smart-scroll-bar .smart-scroll-button:active {
59
- background-color: var(--smart-scroll-bar-button-background-active);
60
- color: var(--smart-scroll-bar-button-color-active);
61
- border-color: var(--smart-scroll-bar-button-border-active);
62
- }
63
- smart-scroll-bar[show-buttons] .smart-track {
64
- width: calc(100% - var(--smart-scroll-button-size) * 2);
65
- }
66
- smart-scroll-bar[show-buttons] .smart-scroll-button {
67
- display: block;
68
- }
69
- smart-scroll-bar[spinner][show-buttons] .smart-track {
70
- display: none;
71
- }
72
- smart-scroll-bar[spinner][show-buttons] .smart-scroll-button {
73
- width: 50%;
74
- }
75
- smart-scroll-bar[discrete] {
76
- --smart-scroll-button-size: 0px;
77
- --smart-scroll-bar-size: 15px;
78
- --smart-scroll-bar-thumb-border-top-right-radius: 6px;
79
- --smart-scroll-bar-thumb-border-top-left-radius: 6px;
80
- --smart-scroll-bar-thumb-border-bottom-left-radius: 6px;
81
- --smart-scroll-bar-thumb-border-bottom-right-radius: 6px;
82
- --smart-scroll-bar-thumb-size: 100%;
83
- --smart-scroll-bar-thumb-padding: 3px;
84
- --smart-scroll-bar-default-width: var(--smart-editor-width);
85
- --smart-scroll-bar-default-height: var(--smart-scroll-bar-size);
86
- --smart-scroll-bar-background: #fafafa;
87
- --smart-scroll-bar-track-background: var(--smart-scroll-bar-background);
88
- --smart-scroll-bar-border: #F1F1F1;
89
- --smart-scroll-bar-thumb-background: #C1C1C1;
90
- --smart-scroll-bar-thumb-border: transparent;
91
- }
92
- smart-scroll-bar[orientation=vertical] {
93
- height: var(--smart-scroll-bar-default-width);
94
- width: var(--smart-scroll-bar-default-height);
95
- }
96
- smart-scroll-bar[orientation=vertical] .smart-thumb {
97
- width: var(--smart-scroll-bar-thumb-size);
98
- padding: 0 var(--smart-scroll-bar-thumb-padding) 0 var(--smart-scroll-bar-thumb-padding);
99
- height: 40px;
100
- top: 0;
101
- }
102
- smart-scroll-bar[orientation=vertical] .smart-track {
103
- float: none;
104
- width: 100%;
105
- height: 100%;
106
- }
107
- smart-scroll-bar[orientation=vertical] .smart-scroll-button {
108
- float: none;
109
- height: var(--smart-scroll-button-size);
110
- width: 100%;
111
- }
112
- smart-scroll-bar[orientation=vertical][show-buttons] .smart-track {
113
- height: calc(100% - var(--smart-scroll-button-size) * 2);
114
- }
115
- smart-scroll-bar[orientation=vertical][spinner] .smart-scroll-button {
116
- height: 50%;
117
- width: 100%;
118
- float: none;
1
+ /* smart-scroll-bar */
2
+ smart-scroll-bar {
3
+ display: block;
4
+ touch-action: none;
5
+ width: var(--smart-scroll-bar-default-width);
6
+ height: var(--smart-scroll-bar-default-height);
7
+ }
8
+ smart-scroll-bar .smart-thumb {
9
+ position: absolute;
10
+ width: 40px;
11
+ background-clip: content-box;
12
+ padding: var(--smart-scroll-bar-thumb-padding) 0 var(--smart-scroll-bar-thumb-padding) 0;
13
+ height: var(--smart-scroll-bar-thumb-size);
14
+ cursor: default;
15
+ box-sizing: border-box;
16
+ border-width: 1px;
17
+ border-style: solid;
18
+ border-color: var(--smart-scroll-bar-thumb-border);
19
+ background-color: var(--smart-scroll-bar-thumb-background);
20
+ border-top-left-radius: var(--smart-scroll-bar-thumb-border-top-left-radius);
21
+ border-top-right-radius: var(--smart-scroll-bar-thumb-border-top-right-radius);
22
+ border-bottom-left-radius: var(--smart-scroll-bar-thumb-border-bottom-left-radius);
23
+ border-bottom-right-radius: var(--smart-scroll-bar-thumb-border-bottom-right-radius);
24
+ }
25
+ smart-scroll-bar .smart-thumb:hover {
26
+ border-color: var(--smart-scroll-bar-thumb-border-hover);
27
+ background-color: var(--smart-scroll-bar-thumb-background-hover);
28
+ }
29
+ smart-scroll-bar .smart-thumb:active {
30
+ border-color: var(--smart-scroll-bar-thumb-border-active);
31
+ background-color: var(--smart-scroll-bar-thumb-background-active);
32
+ }
33
+ smart-scroll-bar .smart-track {
34
+ position: relative;
35
+ float: left;
36
+ height: 100%;
37
+ background-color: var(--smart-scroll-bar-track-background);
38
+ width: 100%;
39
+ }
40
+ smart-scroll-bar .smart-scroll-button {
41
+ display: none;
42
+ float: left;
43
+ width: var(--smart-scroll-button-size);
44
+ height: 100%;
45
+ cursor: default;
46
+ background-color: var(--smart-scroll-bar-button-background);
47
+ color: var(--smart-scroll-bar-button-color);
48
+ border: 1px solid var(--smart-scroll-bar-button-border);
49
+ min-height: 0;
50
+ padding: 0;
51
+ border-radius: 0px;
52
+ }
53
+ smart-scroll-bar .smart-scroll-button:hover {
54
+ background-color: var(--smart-scroll-bar-button-background-hover);
55
+ color: var(--smart-scroll-bar-button-color-hover);
56
+ border-color: var(--smart-scroll-bar-button-border-hover);
57
+ }
58
+ smart-scroll-bar .smart-scroll-button:active {
59
+ background-color: var(--smart-scroll-bar-button-background-active);
60
+ color: var(--smart-scroll-bar-button-color-active);
61
+ border-color: var(--smart-scroll-bar-button-border-active);
62
+ }
63
+ smart-scroll-bar[show-buttons] .smart-track {
64
+ width: calc(100% - var(--smart-scroll-button-size) * 2);
65
+ }
66
+ smart-scroll-bar[show-buttons] .smart-scroll-button {
67
+ display: block;
68
+ }
69
+ smart-scroll-bar[spinner][show-buttons] .smart-track {
70
+ display: none;
71
+ }
72
+ smart-scroll-bar[spinner][show-buttons] .smart-scroll-button {
73
+ width: 50%;
74
+ }
75
+ smart-scroll-bar[discrete] {
76
+ --smart-scroll-button-size: 0px;
77
+ --smart-scroll-bar-size: 15px;
78
+ --smart-scroll-bar-thumb-border-top-right-radius: 6px;
79
+ --smart-scroll-bar-thumb-border-top-left-radius: 6px;
80
+ --smart-scroll-bar-thumb-border-bottom-left-radius: 6px;
81
+ --smart-scroll-bar-thumb-border-bottom-right-radius: 6px;
82
+ --smart-scroll-bar-thumb-size: 100%;
83
+ --smart-scroll-bar-thumb-padding: 3px;
84
+ --smart-scroll-bar-default-width: var(--smart-editor-width);
85
+ --smart-scroll-bar-default-height: var(--smart-scroll-bar-size);
86
+ --smart-scroll-bar-background: #fafafa;
87
+ --smart-scroll-bar-track-background: var(--smart-scroll-bar-background);
88
+ --smart-scroll-bar-border: #F1F1F1;
89
+ --smart-scroll-bar-thumb-background: #C1C1C1;
90
+ --smart-scroll-bar-thumb-border: transparent;
91
+ }
92
+ smart-scroll-bar[orientation=vertical] {
93
+ height: var(--smart-scroll-bar-default-width);
94
+ width: var(--smart-scroll-bar-default-height);
95
+ }
96
+ smart-scroll-bar[orientation=vertical] .smart-thumb {
97
+ width: var(--smart-scroll-bar-thumb-size);
98
+ padding: 0 var(--smart-scroll-bar-thumb-padding) 0 var(--smart-scroll-bar-thumb-padding);
99
+ height: 40px;
100
+ top: 0;
101
+ }
102
+ smart-scroll-bar[orientation=vertical] .smart-track {
103
+ float: none;
104
+ width: 100%;
105
+ height: 100%;
106
+ }
107
+ smart-scroll-bar[orientation=vertical] .smart-scroll-button {
108
+ float: none;
109
+ height: var(--smart-scroll-button-size);
110
+ width: 100%;
111
+ }
112
+ smart-scroll-bar[orientation=vertical][show-buttons] .smart-track {
113
+ height: calc(100% - var(--smart-scroll-button-size) * 2);
114
+ }
115
+ smart-scroll-bar[orientation=vertical][spinner] .smart-scroll-button {
116
+ height: 50%;
117
+ width: 100%;
118
+ float: none;
119
119
  }
package/source/styles/default/smart.scrollviewer.css CHANGED
@@ -1,110 +1,110 @@
1
- /* smart-scroll-viewer */
2
- smart-scroll-viewer {
3
- /*min-width: 100px;*/
4
- display: block;
5
- width: var(--smart-editor-width);
6
- min-width: var(--smart-scroll-viewer-min-width);
7
- max-width: var(--smart-scroll-viewer-max-width);
8
- height: var(--smart-list-box-default-height);
9
- min-height: var(--smart-scroll-viewer-min-height);
10
- max-height: var(--smart-scroll-viewer-max-height);
11
- padding: 3px;
12
- }
13
- smart-scroll-viewer > .smart-container {
14
- height: 100%;
15
- width: 100%;
16
- border: none;
17
- position: relative;
18
- overflow: hidden;
19
- }
20
-
21
- .smart-scroll-viewer.smart-container {
22
- height: 100%;
23
- width: 100%;
24
- border: none;
25
- position: relative;
26
- overflow: hidden;
27
- }
28
- .smart-scroll-viewer > .smart-container {
29
- max-height: inherit;
30
- min-height: inherit;
31
- max-width: inherit;
32
- min-width: inherit;
33
- }
34
- .smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container {
35
- max-height: inherit;
36
- min-height: inherit;
37
- max-width: inherit;
38
- min-width: inherit;
39
- }
40
- .smart-scroll-viewer smart-scroll-bar {
41
- overflow: visible;
42
- position: absolute;
43
- bottom: 0;
44
- height: calc(var(--smart-scroll-bar-size));
45
- width: 100%;
46
- }
47
- .smart-scroll-viewer smart-scroll-bar:before {
48
- position: absolute;
49
- content: "";
50
- width: 100%;
51
- height: var(--smart-scroll-bar-size);
52
- background-color: var(--smart-surface);
53
- left: 100%;
54
- }
55
- .smart-scroll-viewer smart-scroll-bar.bottom-corner {
56
- width: calc(100% - var(--smart-scroll-bar-size));
57
- }
58
- .smart-scroll-viewer smart-scroll-bar[orientation=vertical] {
59
- right: 0;
60
- top: 0;
61
- height: 100%;
62
- width: calc(var(--smart-scroll-bar-size));
63
- }
64
- .smart-scroll-viewer smart-scroll-bar[orientation=vertical].bottom-corner {
65
- height: calc(100% - var(--smart-scroll-bar-size));
66
- }
67
- .smart-scroll-viewer .smart-scroll-viewer-container {
68
- width: 100%;
69
- height: 100%;
70
- overflow: hidden;
71
- position: relative;
72
- background-color: transparent;
73
- }
74
- .smart-scroll-viewer .smart-scroll-viewer-container.hscroll {
75
- height: calc(100% - var(--smart-scroll-bar-size));
76
- }
77
- .smart-scroll-viewer .smart-scroll-viewer-container.vscroll {
78
- width: calc(100% - var(--smart-scroll-bar-size));
79
- }
80
- .smart-scroll-viewer .smart-scroll-viewer-content-container {
81
- width: auto;
82
- height: auto;
83
- display: inline-block;
84
- padding: 5px;
85
- position: relative;
86
- background-color: transparent;
87
- }
88
-
89
- .smart-scroll-viewer[right-to-left] .smart-scroll-viewer-container {
90
- direction: rtl;
91
- text-align: initial;
92
- }
93
- .smart-scroll-viewer[right-to-left] .smart-scroll-viewer-container.vscroll {
94
- left: var(--smart-scroll-bar-size);
95
- right: 0;
96
- }
97
- .smart-scroll-viewer[right-to-left] smart-scroll-bar {
98
- left: var(--smart-scroll-bar-size);
99
- right: 0;
100
- }
101
- .smart-scroll-viewer[right-to-left] smart-scroll-bar:after {
102
- left: -100%;
103
- }
104
- .smart-scroll-viewer[right-to-left] smart-scroll-bar[orientation=vertical] {
105
- left: 0;
106
- right: initial;
107
- }
108
- .smart-scroll-viewer[right-to-left] smart-scroll-bar[orientation=vertical]:after {
109
- content: none;
1
+ /* smart-scroll-viewer */
2
+ smart-scroll-viewer {
3
+ /*min-width: 100px;*/
4
+ display: block;
5
+ width: var(--smart-editor-width);
6
+ min-width: var(--smart-scroll-viewer-min-width);
7
+ max-width: var(--smart-scroll-viewer-max-width);
8
+ height: var(--smart-list-box-default-height);
9
+ min-height: var(--smart-scroll-viewer-min-height);
10
+ max-height: var(--smart-scroll-viewer-max-height);
11
+ padding: 3px;
12
+ }
13
+ smart-scroll-viewer > .smart-container {
14
+ height: 100%;
15
+ width: 100%;
16
+ border: none;
17
+ position: relative;
18
+ overflow: hidden;
19
+ }
20
+
21
+ .smart-scroll-viewer.smart-container {
22
+ height: 100%;
23
+ width: 100%;
24
+ border: none;
25
+ position: relative;
26
+ overflow: hidden;
27
+ }
28
+ .smart-scroll-viewer > .smart-container {
29
+ max-height: inherit;
30
+ min-height: inherit;
31
+ max-width: inherit;
32
+ min-width: inherit;
33
+ }
34
+ .smart-scroll-viewer > .smart-container > .smart-scroll-viewer-container {
35
+ max-height: inherit;
36
+ min-height: inherit;
37
+ max-width: inherit;
38
+ min-width: inherit;
39
+ }
40
+ .smart-scroll-viewer smart-scroll-bar {
41
+ overflow: visible;
42
+ position: absolute;
43
+ bottom: 0;
44
+ height: calc(var(--smart-scroll-bar-size));
45
+ width: 100%;
46
+ }
47
+ .smart-scroll-viewer smart-scroll-bar:before {
48
+ position: absolute;
49
+ content: "";
50
+ width: 100%;
51
+ height: var(--smart-scroll-bar-size);
52
+ background-color: var(--smart-surface);
53
+ left: 100%;
54
+ }
55
+ .smart-scroll-viewer smart-scroll-bar.bottom-corner {
56
+ width: calc(100% - var(--smart-scroll-bar-size));
57
+ }
58
+ .smart-scroll-viewer smart-scroll-bar[orientation=vertical] {
59
+ right: 0;
60
+ top: 0;
61
+ height: 100%;
62
+ width: calc(var(--smart-scroll-bar-size));
63
+ }
64
+ .smart-scroll-viewer smart-scroll-bar[orientation=vertical].bottom-corner {
65
+ height: calc(100% - var(--smart-scroll-bar-size));
66
+ }
67
+ .smart-scroll-viewer .smart-scroll-viewer-container {
68
+ width: 100%;
69
+ height: 100%;
70
+ overflow: hidden;
71
+ position: relative;
72
+ background-color: transparent;
73
+ }
74
+ .smart-scroll-viewer .smart-scroll-viewer-container.hscroll {
75
+ height: calc(100% - var(--smart-scroll-bar-size));
76
+ }
77
+ .smart-scroll-viewer .smart-scroll-viewer-container.vscroll {
78
+ width: calc(100% - var(--smart-scroll-bar-size));
79
+ }
80
+ .smart-scroll-viewer .smart-scroll-viewer-content-container {
81
+ width: auto;
82
+ height: auto;
83
+ display: inline-block;
84
+ padding: 5px;
85
+ position: relative;
86
+ background-color: transparent;
87
+ }
88
+
89
+ .smart-scroll-viewer[right-to-left] .smart-scroll-viewer-container {
90
+ direction: rtl;
91
+ text-align: initial;
92
+ }
93
+ .smart-scroll-viewer[right-to-left] .smart-scroll-viewer-container.vscroll {
94
+ left: var(--smart-scroll-bar-size);
95
+ right: 0;
96
+ }
97
+ .smart-scroll-viewer[right-to-left] smart-scroll-bar {
98
+ left: var(--smart-scroll-bar-size);
99
+ right: 0;
100
+ }
101
+ .smart-scroll-viewer[right-to-left] smart-scroll-bar:after {
102
+ left: -100%;
103
+ }
104
+ .smart-scroll-viewer[right-to-left] smart-scroll-bar[orientation=vertical] {
105
+ left: 0;
106
+ right: initial;
107
+ }
108
+ .smart-scroll-viewer[right-to-left] smart-scroll-bar[orientation=vertical]:after {
109
+ content: none;
110
110
  }