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.tree.css CHANGED
@@ -1,784 +1,784 @@
1
- /* smart-tree */
2
- smart-tree {
3
- display: block;
4
- width: var(--smart-tree-default-width);
5
- height: var(--smart-tree-default-height);
6
- overflow: hidden;
7
- visibility: hidden;
8
- }
9
-
10
- .smart-tree > .smart-container, .smart-tree.smart-container {
11
- display: flex;
12
- flex-direction: column;
13
- position: relative;
14
- }
15
- .smart-tree.smart-element {
16
- visibility: inherit;
17
- }
18
- .smart-tree smart-scroll-bar {
19
- overflow: hidden;
20
- }
21
- .smart-tree smart-scroll-viewer {
22
- position: relative;
23
- border: none;
24
- width: 100%;
25
- height: 100%;
26
- padding: 0;
27
- }
28
- .smart-tree smart-scroll-viewer.smart-scroll-viewer-element {
29
- border: none;
30
- }
31
- .smart-tree smart-scroll-viewer.scroll-buttons-shown {
32
- width: 100%;
33
- height: calc(100% - 2 * var(--smart-tree-scroll-button-size));
34
- }
35
- .smart-tree smart-scroll-viewer.scroll-buttons-shown.one-button-shown {
36
- width: 100%;
37
- height: calc(100% - var(--smart-tree-scroll-button-size));
38
- }
39
- .smart-tree smart-tree-item,
40
- .smart-tree smart-tree-items-group {
41
- position: relative;
42
- height: auto;
43
- display: flex;
44
- justify-content: space-between;
45
- align-items: center;
46
- white-space: nowrap;
47
- cursor: pointer;
48
- }
49
- .smart-tree smart-tree-item.smart-element,
50
- .smart-tree smart-tree-items-group.smart-element {
51
- border: none;
52
- }
53
- .smart-tree smart-tree-item[separator]:after,
54
- .smart-tree smart-tree-items-group[separator]:after {
55
- content: "";
56
- position: absolute;
57
- left: 0;
58
- bottom: 0;
59
- width: 100%;
60
- height: 1px;
61
- background-color: rgba(0, 0, 0, 0.1);
62
- pointer-events: none;
63
- }
64
- .smart-tree smart-tree-item {
65
- overflow: hidden;
66
- display: block;
67
- padding-left: 0px;
68
- }
69
- .smart-tree smart-tree-item[template-applied] {
70
- cursor: default;
71
- }
72
- .smart-tree smart-tree-item[disabled] {
73
- cursor: default;
74
- }
75
- .smart-tree smart-tree-item .smart-tree-item-shortcut {
76
- opacity: 0.5;
77
- }
78
- .smart-tree smart-tree-items-group {
79
- display: flex;
80
- flex-direction: column;
81
- overflow: hidden;
82
- }
83
- .smart-tree smart-tree-items-group > .smart-tree-item-label-container {
84
- justify-content: flex-start;
85
- overflow: hidden;
86
- }
87
- .smart-tree smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
88
- order: 1;
89
- }
90
- .smart-tree smart-tree-items-group[disabled] {
91
- cursor: default;
92
- }
93
- .smart-tree smart-tree-items-group .smart-tree-items-group-arrow {
94
- order: 0;
95
- position: relative;
96
- display: flex;
97
- justify-content: center;
98
- width: var(--smart-tree-indent);
99
- left: calc(1px - var(--smart-tree-indent) / 2);
100
- height: 13px;
101
- font-family: var(--smart-font-family-icon);
102
- transform: rotate(0deg);
103
- line-height: 1;
104
- }
105
- .smart-tree smart-tree-items-group .smart-tree-items-group-arrow:after {
106
- position: relative;
107
- height: 100%;
108
- left: 0;
109
- top: 0;
110
- }
111
- .smart-tree smart-tree-items-group.filtered-child > .smart-tree-item-label-container > .smart-tree-item-label-element {
112
- font-weight: unset;
113
- }
114
- .smart-tree .smart-tree-main-container {
115
- position: relative;
116
- width: 100%;
117
- height: 100%;
118
- overflow: hidden;
119
- }
120
- .smart-tree .smart-tree-items-group-opened > .smart-tree-item-label-container > .smart-tree-items-group-arrow {
121
- transform: rotate(180deg);
122
- }
123
- .smart-tree .smart-tree-item-label-element {
124
- width: 100%;
125
- display: flex;
126
- align-items: center;
127
- overflow: hidden;
128
- white-space: nowrap;
129
- text-overflow: ellipsis;
130
- }
131
- .smart-tree .smart-tree-item-label-element > span {
132
- position: relative;
133
- padding: var(--smart-tree-item-padding);
134
- overflow: hidden;
135
- text-overflow: ellipsis;
136
- white-space: nowrap;
137
- }
138
- .smart-tree .smart-tree-item-label-element > span > smart-button button {
139
- padding: initial;
140
- }
141
- .smart-tree .smart-tree-item-label-element > span > i {
142
- vertical-align: middle;
143
- }
144
- .smart-tree .smart-tree-item-label-container {
145
- height: var(--smart-tree-item-label-height);
146
- position: relative;
147
- width: 100%;
148
- display: flex;
149
- flex-direction: row;
150
- align-items: center;
151
- justify-content: space-between;
152
- overflow: hidden;
153
- }
154
- .smart-tree .smart-tree-edit-input {
155
- position: absolute;
156
- outline: none;
157
- margin: 0 var(--smart-tree-item-horizontal-offset);
158
- border: 1px solid var(--smart-border);
159
- width: calc(100% - 2 * var(--smart-tree-item-horizontal-offset));
160
- font-family: var(--smart-font-family);
161
- font-size: var(--smart-font-size);
162
- z-index: 1;
163
- }
164
- .smart-tree .smart-tree-edit-input::selection {
165
- background-color: var(--smart-ui-state-selected);
166
- color: var(--smart-ui-state-color-selected);
167
- }
168
- .smart-tree .smart-tree-filter-input-container {
169
- display: none;
170
- position: relative;
171
- width: calc(100% - 2 * var(--smart-tree-item-horizontal-offset));
172
- height: calc(var(--smart-text-box-default-height));
173
- margin: var(--smart-tree-item-vertical-offset) var(--smart-tree-item-horizontal-offset);
174
- font-size: inherit;
175
- }
176
- .smart-tree .smart-tree-filter-input-container:after {
177
- content: var(--smart-icon-filter);
178
- font-family: var(--smart-font-family-icon);
179
- height: var(--smart-text-box-default-height);
180
- position: absolute;
181
- top: 0;
182
- width: 25px;
183
- display: flex;
184
- align-items: center;
185
- justify-content: center;
186
- left: calc(100% - 25px);
187
- }
188
- .smart-tree .smart-filter-input {
189
- border: 1px solid var(--smart-border);
190
- color: inherit;
191
- background: inherit;
192
- width: 100%;
193
- height: 100%;
194
- padding-left: var(--smart-editor-label-padding);
195
- padding-right: calc(var(--smart-editor-label-padding) + 25px);
196
- font-size: inherit;
197
- }
198
- .smart-tree .smart-filter-input:focus {
199
- outline: none;
200
- }
201
- .smart-tree .smart-filter-input::selection {
202
- background-color: var(--smart-ui-state-selected);
203
- color: var(--smart-ui-state-color-selected);
204
- }
205
- .smart-tree .smart-tree-scroll-button {
206
- width: 100%;
207
- height: var(--smart-tree-scroll-button-size);
208
- background-color: var(--smart-scroll-bar-button-background);
209
- --smart-button-padding: 0;
210
- }
211
- .smart-tree .smart-tree-scroll-button > button {
212
- border: none;
213
- }
214
- .smart-tree .smart-scroll-viewer-container .smart-tree-main-container {
215
- padding-left: var(--smart-tree-item-horizontal-offset);
216
- padding-right: var(--smart-tree-item-horizontal-offset);
217
- padding-top: var(--smart-tree-item-vertical-offset);
218
- }
219
- .smart-tree .smart-scroll-viewer-container.vscroll .smart-tree-main-container {
220
- padding-right: var(--smart-tree-item-horizontal-offset);
221
- }
222
- .smart-tree .smart-scroll-viewer-content-container {
223
- display: block;
224
- padding: 0;
225
- }
226
- .smart-tree .smart-tree-drop-down {
227
- width: 100%;
228
- height: auto;
229
- transform: none;
230
- cursor: default;
231
- transform: scaleY(1);
232
- }
233
- .smart-tree .smart-tree-drop-down.smart-visibility-hidden {
234
- margin-top: 0;
235
- height: 0;
236
- transform: scaleY(0);
237
- }
238
- .smart-tree .drop-target:after {
239
- content: "";
240
- position: absolute;
241
- box-sizing: border-box;
242
- border: 2px dashed var(--smart-primary);
243
- width: 100%;
244
- height: 100%;
245
- left: 0;
246
- top: 0;
247
- pointer-events: none;
248
- opacity: 0.75;
249
- }
250
- .smart-tree .drop-target.top:after {
251
- border: none;
252
- border-top: 2px dashed var(--smart-primary);
253
- }
254
- .smart-tree .drop-target.bottom:after {
255
- border: none;
256
- border-bottom: 2px dashed var(--smart-primary);
257
- }
258
- .smart-tree .smart-ripple {
259
- background: var(--smart-primary);
260
- }
261
- .smart-tree .smart-hidden {
262
- display: none !important;
263
- }
264
- .smart-tree[overflow=hidden], .smart-tree[scroll-mode=scrollButtons] {
265
- --smart-scroll-bar-size: 0px;
266
- }
267
- .smart-tree[selection-mode=radioButton] smart-tree-item > .smart-tree-item-label-container:before,
268
- .smart-tree[selection-mode=radioButton] smart-tree-items-group > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox] smart-tree-item > .smart-tree-item-label-container:before,
269
- .smart-tree[selection-mode=checkBox] smart-tree-items-group > .smart-tree-item-label-container:before {
270
- content: "";
271
- transform: scale(0);
272
- }
273
- .smart-tree[selection-mode=radioButton] smart-tree-item > .smart-tree-item-label-container:after,
274
- .smart-tree[selection-mode=radioButton] smart-tree-items-group > .smart-tree-item-label-container:after, .smart-tree[selection-mode=checkBox] smart-tree-item > .smart-tree-item-label-container:after,
275
- .smart-tree[selection-mode=checkBox] smart-tree-items-group > .smart-tree-item-label-container:after {
276
- content: "";
277
- position: absolute;
278
- border: var(--smart-border-width) solid var(--smart-border);
279
- border-top-left-radius: var(--smart-border-top-left-radius);
280
- border-top-right-radius: var(--smart-border-top-right-radius);
281
- border-bottom-left-radius: var(--smart-border-bottom-left-radius);
282
- border-bottom-right-radius: var(--smart-border-bottom-right-radius);
283
- width: var(--smart-check-box-default-size);
284
- height: var(--smart-check-box-default-size);
285
- padding: 1px;
286
- margin-left: 5px;
287
- font-family: var(--smart-font-family-icon);
288
- justify-content: center;
289
- align-items: center;
290
- display: flex;
291
- }
292
- .smart-tree[selection-mode=radioButton] smart-tree-item[selected][focus] > .smart-tree-item-label-container:before,
293
- .smart-tree[selection-mode=radioButton] smart-tree-items-group[selected][focus] > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox] smart-tree-item[selected][focus] > .smart-tree-item-label-container:before,
294
- .smart-tree[selection-mode=checkBox] smart-tree-items-group[selected][focus] > .smart-tree-item-label-container:before {
295
- position: absolute;
296
- content: "";
297
- margin-left: 5px;
298
- border-radius: 50%;
299
- width: calc(var(--smart-check-box-default-size) + 16px);
300
- height: calc(var(--smart-check-box-default-size) + 16px);
301
- background: var(--smart-primary);
302
- opacity: 0.3;
303
- z-index: 1;
304
- transform: scale(1);
305
- }
306
- .smart-tree[selection-mode=radioButton][show-lines] smart-tree-items-group > .smart-tree-item-label-container:after, .smart-tree[selection-mode=checkBox][show-lines] smart-tree-items-group > .smart-tree-item-label-container:after {
307
- margin-left: calc(var(--smart-tree-indent) + 5px);
308
- }
309
- .smart-tree[selection-mode=radioButton][show-lines] smart-tree-items-group[selected][focus] > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox][show-lines] smart-tree-items-group[selected][focus] > .smart-tree-item-label-container:before {
310
- margin-left: calc(var(--smart-tree-indent));
311
- }
312
- .smart-tree[selection-mode=radioButton][show-lines] smart-tree-item[selected][focus] > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox][show-lines] smart-tree-item[selected][focus] > .smart-tree-item-label-container:before {
313
- margin-left: 0px;
314
- }
315
- .smart-tree[selection-mode=radioButton] smart-tree-item .smart-tree-item-label-element, .smart-tree[selection-mode=checkBox] smart-tree-item .smart-tree-item-label-element {
316
- padding-left: calc(var(--smart-tree-indent) + 10px);
317
- }
318
- .smart-tree[selection-mode=radioButton] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-mode=checkBox] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
319
- padding-left: calc(var(--smart-tree-indent) + 10px);
320
- }
321
- .smart-tree[selection-mode=radioButton] .smart-tree-item-label-element > span, .smart-tree[selection-mode=checkBox] .smart-tree-item-label-element > span {
322
- padding-left: 5px;
323
- }
324
- .smart-tree[selection-mode=radioButton]:not([animation=none]) smart-tree-item > .smart-tree-item-label-container:before,
325
- .smart-tree[selection-mode=radioButton]:not([animation=none]) smart-tree-items-group > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox]:not([animation=none]) smart-tree-item > .smart-tree-item-label-container:before,
326
- .smart-tree[selection-mode=checkBox]:not([animation=none]) smart-tree-items-group > .smart-tree-item-label-container:before {
327
- transition: transform 0.25s ease-in-out;
328
- }
329
- .smart-tree[selection-mode=radioButton][toggle-element-position=far] smart-tree-item[focus] > .smart-tree-item-label-container:before,
330
- .smart-tree[selection-mode=radioButton][toggle-element-position=far] smart-tree-items-group[focus] > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox][toggle-element-position=far] smart-tree-item[focus] > .smart-tree-item-label-container:before,
331
- .smart-tree[selection-mode=checkBox][toggle-element-position=far] smart-tree-items-group[focus] > .smart-tree-item-label-container:before {
332
- margin-left: -1px;
333
- }
334
- .smart-tree[selection-mode=radioButton]:not([show-lines]) smart-tree-items-group > .smart-tree-item-label-container:after, .smart-tree[selection-mode=checkBox]:not([show-lines]) smart-tree-items-group > .smart-tree-item-label-container:after {
335
- margin-left: calc(var(--smart-check-box-default-size) + 5px);
336
- }
337
- .smart-tree[selection-mode=radioButton]:not([show-lines]):not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container:after,
338
- .smart-tree[selection-mode=radioButton]:not([show-lines]):not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container:after, .smart-tree[selection-mode=checkBox]:not([show-lines]):not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container:after,
339
- .smart-tree[selection-mode=checkBox]:not([show-lines]):not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container:after {
340
- margin-left: calc(var(--smart-check-box-default-size) - 5px);
341
- }
342
- .smart-tree[selection-mode=radioButton]:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-item .smart-tree-item-label-element > span, .smart-tree[selection-mode=checkBox]:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-item .smart-tree-item-label-element > span {
343
- padding: var(--smart-tree-item-padding);
344
- }
345
- .smart-tree[selection-mode=radioButton] smart-tree-item > .smart-tree-item-label-container:after,
346
- .smart-tree[selection-mode=radioButton] smart-tree-items-group > .smart-tree-item-label-container:after {
347
- border-radius: 100%;
348
- }
349
- .smart-tree[selection-mode=radioButton] smart-tree-item[selected] > .smart-tree-item-label-container:after,
350
- .smart-tree[selection-mode=radioButton] smart-tree-items-group[selected] > .smart-tree-item-label-container:after {
351
- content: var(--smart-icon-radio);
352
- background: var(--smart-primary);
353
- border-color: var(--smart-primary);
354
- color: var(--smart-primary-color);
355
- }
356
- .smart-tree[selection-mode=checkBox] smart-tree-item[selected] > .smart-tree-item-label-container:after,
357
- .smart-tree[selection-mode=checkBox] smart-tree-items-group[selected] > .smart-tree-item-label-container:after {
358
- background: var(--smart-primary);
359
- border-color: var(--smart-primary);
360
- color: var(--smart-primary-color);
361
- content: var(--smart-icon-check);
362
- }
363
- .smart-tree[selection-mode=checkBox] smart-tree-item[indeterminate] > .smart-tree-item-label-container:after,
364
- .smart-tree[selection-mode=checkBox] smart-tree-items-group[indeterminate] > .smart-tree-item-label-container:after {
365
- padding: 2px;
366
- background-clip: content-box;
367
- width: calc(var(--smart-check-box-default-size) - 1px);
368
- height: calc(var(--smart-check-box-default-size) - 1px);
369
- }
370
- .smart-tree[disabled] smart-tree-item,
371
- .smart-tree[disabled] smart-tree-items-group, .smart-tree[display-loading-indicator] smart-tree-item,
372
- .smart-tree[display-loading-indicator] smart-tree-items-group {
373
- cursor: default;
374
- }
375
- .smart-tree[filterable] smart-scroll-viewer {
376
- height: calc(100% - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset));
377
- }
378
- .smart-tree[filterable] smart-scroll-viewer.scroll-buttons-shown {
379
- height: calc(100% - 2 * var(--smart-tree-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset));
380
- }
381
- .smart-tree[filterable] smart-scroll-viewer.scroll-buttons-shown.one-button-shown {
382
- height: calc(100% - var(--smart-tree-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset));
383
- }
384
- .smart-tree[filterable] .smart-tree-filter-input-container {
385
- display: block;
386
- }
387
- .smart-tree[filter-applied] .smart-tree-item-label-element {
388
- font-weight: bolder;
389
- }
390
- .smart-tree[filter-applied] smart-tree-items-group.hidden-children {
391
- cursor: not-allowed;
392
- }
393
- .smart-tree[scroll-mode=scrollButtons] .smart-tree-scroll-button {
394
- display: block;
395
- }
396
- .smart-tree:not([toggle-element-position=far]) smart-tree-items-group .smart-tree-items-group-arrow {
397
- opacity: 1;
398
- z-index: 1;
399
- }
400
- .smart-tree[toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container {
401
- justify-content: space-between;
402
- }
403
- .smart-tree[toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
404
- order: 0;
405
- margin-left: var(--smart-tree-indent);
406
- }
407
- .smart-tree[toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-items-group-arrow {
408
- order: 1;
409
- }
410
- .smart-tree:not([show-lines])[selection-mode=checkBox][toggle-element-position=far]:not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree:not([show-lines])[selection-mode=radioButton][toggle-element-position=far]:not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
411
- margin-left: calc(var(--smart-tree-indent) - 11px);
412
- }
413
- .smart-tree:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
414
- margin-left: -4px;
415
- }
416
- .smart-tree:not([show-lines])[toggle-element-position=far]:not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
417
- margin-left: calc(var(--smart-tree-indent) - 4px);
418
- }
419
- .smart-tree:not([show-lines]):not([selection-display-mode=label]):not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
420
- padding-left: 0;
421
- }
422
- .smart-tree[show-lines] smart-tree-item > .smart-tree-item-label-container,
423
- .smart-tree[show-lines] smart-tree-items-group > .smart-tree-item-label-container {
424
- position: relative;
425
- overflow: visible;
426
- }
427
- .smart-tree[show-lines] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element,
428
- .smart-tree[show-lines] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
429
- position: relative;
430
- overflow: visible;
431
- }
432
- .smart-tree[show-lines] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element:before,
433
- .smart-tree[show-lines] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element:before {
434
- content: "";
435
- position: absolute;
436
- border-left: var(--smart-tree-lines-width) var(--smart-tree-lines-style) var(--smart-tree-lines-color);
437
- height: 300%;
438
- left: calc(0px - var(--smart-tree-indent));
439
- pointer-events: none;
440
- }
441
- .smart-tree[show-lines] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element:after,
442
- .smart-tree[show-lines] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element:after {
443
- content: "";
444
- position: absolute;
445
- border-top: var(--smart-tree-lines-width) var(--smart-tree-lines-style) var(--smart-tree-lines-color);
446
- pointer-events: none;
447
- width: var(--smart-tree-indent);
448
- left: calc(0px - var(--smart-tree-indent));
449
- }
450
- .smart-tree[show-lines] smart-tree-item:last-child > .smart-tree-item-label-container > .smart-tree-item-label-element:before, .smart-tree[show-lines] smart-tree-item.last-filtered-child > .smart-tree-item-label-container > .smart-tree-item-label-element:before,
451
- .smart-tree[show-lines] smart-tree-items-group:last-child > .smart-tree-item-label-container > .smart-tree-item-label-element:before,
452
- .smart-tree[show-lines] smart-tree-items-group.last-filtered-child > .smart-tree-item-label-container > .smart-tree-item-label-element:before {
453
- height: 150%;
454
- top: -100%;
455
- }
456
- .smart-tree[show-lines] smart-tree-item {
457
- padding-left: var(--smart-tree-indent);
458
- }
459
- .smart-tree[show-lines] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
460
- width: calc(100% - var(--smart-tree-indent));
461
- }
462
- .smart-tree[show-lines]:not([show-root-lines]) smart-tree-item[level="1"] .smart-tree-item-label-element:before, .smart-tree[show-lines]:not([show-root-lines]) smart-tree-item[level="1"] .smart-tree-item-label-element:after {
463
- content: none;
464
- }
465
- .smart-tree[show-lines]:not([show-root-lines]) smart-tree-items-group[level="1"] > .smart-tree-item-label-container > .smart-tree-item-label-element:before, .smart-tree[show-lines]:not([show-root-lines]) smart-tree-items-group[level="1"] > .smart-tree-item-label-container > .smart-tree-item-label-element:after {
466
- content: none;
467
- }
468
- .smart-tree[show-lines][show-root-lines] smart-tree-item[level="1"] .smart-tree-item-label-element:before, .smart-tree[show-lines][show-root-lines] smart-tree-item[level="1"] .smart-tree-item-label-element:after {
469
- pointer-events: none;
470
- }
471
- .smart-tree[show-lines][show-root-lines] smart-tree-items-group[level="1"] > .smart-tree-item-label-container > .smart-tree-item-label-element:before, .smart-tree[show-lines][show-root-lines] smart-tree-items-group[level="1"] > .smart-tree-item-label-container > .smart-tree-item-label-element:after {
472
- pointer-events: none;
473
- }
474
- .smart-tree[show-lines] .smart-tree-items-group-expanded:not(:last-child):not(.last-filtered-child) > .smart-tree-item-label-container > .smart-tree-item-label-element:before {
475
- height: 3000px;
476
- z-index: 1;
477
- }
478
- .smart-tree:not([selection-display-mode=label]) smart-tree-item {
479
- border-top-left-radius: var(--smart-item-border-top-left-radius);
480
- border-top-right-radius: var(--smart-item-border-top-right-radius);
481
- border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
482
- border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
483
- border-width: var(--smart-item-border-width);
484
- border-style: solid;
485
- border-color: transparent;
486
- margin-bottom: var(--smart-tree-item-vertical-offset);
487
- }
488
- .smart-tree:not([selection-display-mode=label]) smart-tree-item[focus] {
489
- color: var(--smart-ui-state-color-focus);
490
- background-color: var(--smart-ui-state-focus);
491
- border-color: var(--smart-ui-state-border-focus);
492
- }
493
- .smart-tree:not([selection-display-mode=label]) smart-tree-item[selected] {
494
- border-color: var(--smart-ui-state-border-selected);
495
- background-color: var(--smart-ui-state-selected);
496
- color: var(--smart-ui-state-color-selected);
497
- }
498
- .smart-tree:not([selection-display-mode=label]) smart-tree-items-group > .smart-tree-item-label-container {
499
- border-top-left-radius: var(--smart-item-border-top-left-radius);
500
- border-top-right-radius: var(--smart-item-border-top-right-radius);
501
- border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
502
- border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
503
- border-width: var(--smart-item-border-width);
504
- border-style: solid;
505
- border-color: transparent;
506
- margin-bottom: var(--smart-tree-item-vertical-offset);
507
- }
508
- .smart-tree:not([selection-display-mode=label]) smart-tree-items-group[focus] > .smart-tree-item-label-container {
509
- color: var(--smart-ui-state-color-focus);
510
- background-color: var(--smart-ui-state-focus);
511
- border-color: var(--smart-ui-state-border-focus);
512
- }
513
- .smart-tree:not([selection-display-mode=label]) smart-tree-items-group[selected] > .smart-tree-item-label-container {
514
- border-color: var(--smart-ui-state-border-selected);
515
- background-color: var(--smart-ui-state-selected);
516
- color: var(--smart-ui-state-color-selected);
517
- }
518
- .smart-tree:not([selection-display-mode=label]):not([animation=none]) smart-tree-item {
519
- transition: color ease-in-out 0.28s, border-color ease-in-out 0.28s, background ease-in-out 0.28s;
520
- }
521
- .smart-tree:not([selection-display-mode=label]):not([animation=none]) smart-tree-items-group > .smart-tree-item-label-container {
522
- transition: color ease-in-out 0.28s, border-color ease-in-out 0.28s, background ease-in-out 0.28s;
523
- }
524
- .smart-tree[selection-display-mode=label] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span,
525
- .smart-tree[selection-display-mode=label] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
526
- border-top-left-radius: var(--smart-item-border-top-left-radius);
527
- border-top-right-radius: var(--smart-item-border-top-right-radius);
528
- border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
529
- border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
530
- border-width: var(--smart-item-border-width);
531
- border-style: solid;
532
- border-color: transparent;
533
- margin-top: var(--smart-tree-item-vertical-offset);
534
- margin-bottom: var(--smart-tree-item-vertical-offset);
535
- }
536
- .smart-tree[selection-display-mode=label] smart-tree-item[focus] > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple),
537
- .smart-tree[selection-display-mode=label] smart-tree-items-group[focus] > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple) {
538
- color: var(--smart-ui-state-color-focus);
539
- background-color: var(--smart-ui-state-focus);
540
- border-color: var(--smart-ui-state-border-focus);
541
- }
542
- .smart-tree[selection-display-mode=label] smart-tree-items-group .smart-tree-items-group-arrow {
543
- top: calc(-0.5px - var(--smart-tree-item-border-width) / 2);
544
- }
545
- .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([right-to-left]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span,
546
- .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([right-to-left]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span,
547
- .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
548
- margin-left: 5px;
549
- padding: var(--smart-tree-item-padding);
550
- }
551
- .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element {
552
- padding-left: calc(var(--smart-tree-indent) + 15px);
553
- }
554
- .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
555
- padding-left: calc(var(--smart-tree-indent) + 3px);
556
- }
557
- .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left])[toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left])[toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
558
- margin-left: 0;
559
- }
560
- .smart-tree[selection-display-mode=label]:not([selection-mode=checkBox]):not([selection-mode=radioButton]) smart-tree-item[selected] > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple),
561
- .smart-tree[selection-display-mode=label]:not([selection-mode=checkBox]):not([selection-mode=radioButton]) smart-tree-items-group[selected] > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple) {
562
- background-color: var(--smart-ui-state-selected);
563
- color: var(--smart-ui-state-color-selected);
564
- border-color: var(--smart-ui-state-border-selected);
565
- }
566
- .smart-tree[selection-display-mode=label]:not([show-lines]):not([right-to-left]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
567
- margin: var(--smart-tree-item-padding);
568
- margin-right: 0;
569
- margin-top: 0;
570
- margin-top: var(--smart-tree-item-vertical-offset);
571
- margin-bottom: var(--smart-tree-item-vertical-offset);
572
- }
573
- .smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span,
574
- .smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
575
- transition: color ease-in-out 0.28s, background ease-in-out 0.28s, border-color ease-in-out 0.28s;
576
- }
577
- .smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-item[focus]:not([selected]) > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple),
578
- .smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-items-group[focus]:not([selected]) > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple) {
579
- transition: color ease-in-out 0.28s, border-color ease-in-out 0.28s, background ease-in-out 0.28s;
580
- }
581
- .smart-tree[auto-hide-toggle-element] .hidden-arrows smart-tree-items-group .smart-tree-items-group-arrow {
582
- opacity: 0;
583
- }
584
- .smart-tree:not([animation=none]) .smart-tree-drop-down {
585
- -webkit-transform-origin: top;
586
- transform-origin: top;
587
- transition: height 0.2s ease-in, transform 0.2s ease-in, visibility 0.2s ease-in;
588
- }
589
- .smart-tree:not([animation=none]) .smart-tree-item-label-container > .smart-tree-items-group-arrow {
590
- transition: transform 0.2s ease-in;
591
- }
592
- .smart-tree:not([animation=none])[auto-hide-toggle-element] .smart-tree-item-label-container > .smart-tree-items-group-arrow {
593
- transition: transform 0.2s ease-in, opacity 0.2s ease-in;
594
- }
595
- @media (hover: hover) {
596
- .smart-tree[selection-mode=checkBox] smart-tree-item:hover > .smart-tree-item-label-container > .smart-tree-item-label-element span.smart-ripple, .smart-tree[selection-mode=radioButton] smart-tree-item:hover > .smart-tree-item-label-container > .smart-tree-item-label-element span.smart-ripple {
597
- background-color: var(--smart-ui-state-selected);
598
- }
599
- .smart-tree[selection-mode=checkBox] smart-tree-items-group > .smart-tree-item-label-container:hover > .smart-tree-item-label-element span.smart-ripple, .smart-tree[selection-mode=radioButton] smart-tree-items-group > .smart-tree-item-label-container:hover > .smart-tree-item-label-element span.smart-ripple {
600
- background-color: var(--smart-ui-state-selected);
601
- }
602
- .smart-tree[selection-mode=checkBox] smart-tree-item:hover > .smart-tree-item-label-container:after,
603
- .smart-tree[selection-mode=checkBox] smart-tree-items-group > .smart-tree-item-label-container:hover:after {
604
- color: var(--smart-background-color);
605
- background-color: var(--smart-background);
606
- border-color: var(--smart-border);
607
- }
608
- .smart-tree[selection-mode=checkBox] smart-tree-item[indeterminate]:not(:hover) > .smart-tree-item-label-container:after,
609
- .smart-tree[selection-mode=checkBox] smart-tree-items-group[indeterminate] > .smart-tree-item-label-container:not(:hover):after {
610
- background-color: var(--smart-ui-state-selected);
611
- }
612
- .smart-tree[selection-mode=radioButton] smart-tree-item:not([selected]):hover > .smart-tree-item-label-container:after,
613
- .smart-tree[selection-mode=radioButton] smart-tree-items-group:not([selected]) > .smart-tree-item-label-container:hover:after {
614
- color: var(--smart-background-color);
615
- background-color: var(--smart-background);
616
- border-color: var(--smart-border);
617
- }
618
- .smart-tree:not([selection-display-mode=label]):not([disable-hover]) smart-tree-item:not([selected]):hover {
619
- color: var(--smart-ui-state-color-hover);
620
- background-color: var(--smart-ui-state-hover);
621
- border-color: var(--smart-ui-state-border-hover);
622
- }
623
- .smart-tree:not([selection-display-mode=label]):not([disable-hover]) smart-tree-items-group:not([selected]) > .smart-tree-item-label-container:hover {
624
- color: var(--smart-ui-state-color-hover);
625
- background-color: var(--smart-ui-state-hover);
626
- border-color: var(--smart-ui-state-border-hover);
627
- }
628
- .smart-tree:not([selection-display-mode=label]) smart-tree-item:not([selected])[hover] {
629
- color: var(--smart-ui-state-color-hover);
630
- background-color: var(--smart-ui-state-hover);
631
- border-color: var(--smart-ui-state-border-hover);
632
- }
633
- .smart-tree:not([selection-display-mode=label]) smart-tree-items-group:not([selected])[hover] > .smart-tree-item-label-container {
634
- color: var(--smart-ui-state-color-hover);
635
- background-color: var(--smart-ui-state-hover);
636
- border-color: var(--smart-ui-state-border-hover);
637
- }
638
- .smart-tree[selection-display-mode=label]:not([disable-hover]) smart-tree-item:not([selected]):hover > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
639
- color: var(--smart-ui-state-color-hover);
640
- background-color: var(--smart-ui-state-hover);
641
- border-color: var(--smart-ui-state-border-hover);
642
- }
643
- .smart-tree[selection-display-mode=label] smart-tree-item:not([selected])[hover] > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
644
- color: var(--smart-ui-state-color-hover);
645
- background-color: var(--smart-ui-state-hover);
646
- border-color: var(--smart-ui-state-border-hover);
647
- }
648
- .smart-tree[selection-display-mode=label] smart-tree-items-group:not([selected])[hover] > .smart-tree-item-label-container {
649
- color: var(--smart-ui-state-color-hover);
650
- background-color: var(--smart-ui-state-hover);
651
- border-color: var(--smart-ui-state-border-hover);
652
- }
653
- }
654
-
655
- .smart-tree-item-feedback {
656
- position: absolute;
657
- display: flex;
658
- align-items: center;
659
- box-shadow: var(--smart-elevation-8);
660
- border: 1px solid var(--smart-border);
661
- padding: 5px;
662
- color: var(--smart-background-color);
663
- background-color: var(--smart-background);
664
- font-family: var(--smart-font-family);
665
- font-size: var(--smart-font-size);
666
- white-space: nowrap;
667
- cursor: move;
668
- z-index: 10000;
669
- }
670
- .smart-tree-item-feedback.multiple {
671
- font-family: var(--smart-font-family-icon);
672
- font-size: 26px;
673
- }
674
-
675
- .smart-hidden {
676
- display: none !important;
677
- }
678
-
679
- /* smart-tree */
680
- .smart-tree smart-tree-items-group[right-to-left] smart-tree-item .smart-tree-item-label-element,
681
- .smart-tree smart-tree-items-group[right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
682
- padding-left: initial;
683
- padding-right: calc(var(--smart-tree-indent) + 10px);
684
- }
685
- .smart-tree smart-tree-items-group[right-to-left] smart-tree-item > .smart-tree-item-label-container:after {
686
- margin-left: -5px;
687
- }
688
- .smart-tree smart-tree-items-group[right-to-left] smart-tree-items-group > .smart-tree-item-label-container:after {
689
- margin-left: calc(0px - var(--smart-check-box-default-size) - 5px);
690
- }
691
- .smart-tree smart-tree-items-group[right-to-left] smart-tree-item[focus] > .smart-tree-item-label-container:before,
692
- .smart-tree smart-tree-items-group[right-to-left] smart-tree-items-group[focus] > .smart-tree-item-label-container:before {
693
- margin-left: -3px;
694
- }
695
- .smart-tree smart-tree-items-group[right-to-left][toggle-element-position=far] smart-tree-item[focus] > .smart-tree-item-label-container:before,
696
- .smart-tree smart-tree-items-group[right-to-left][toggle-element-position=far] smart-tree-items-group[focus] > .smart-tree-item-label-container:before {
697
- margin-left: 1px;
698
- }
699
- .smart-tree smart-tree-items-group[right-to-left][show-lines] smart-tree-item[focus] > .smart-tree-item-label-container:before {
700
- margin-left: 1px;
701
- }
702
- .smart-tree smart-tree-items-group[right-to-left][show-lines] smart-tree-items-group[focus] > .smart-tree-item-label-container:before {
703
- margin-left: calc(1px - var(--smart-check-box-default-size));
704
- }
705
- .smart-tree[toggle-element-position=far][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
706
- margin-left: initial;
707
- margin-right: var(--smart-tree-indent);
708
- }
709
- .smart-tree:not([show-lines])[selection-mode=checkBox][toggle-element-position=far][right-to-left] smart-tree-item .smart-tree-item-label-element,
710
- .smart-tree:not([show-lines])[selection-mode=checkBox][toggle-element-position=far][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree:not([show-lines])[selection-mode=radioButton][toggle-element-position=far][right-to-left] smart-tree-item .smart-tree-item-label-element,
711
- .smart-tree:not([show-lines])[selection-mode=radioButton][toggle-element-position=far][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
712
- padding-right: calc(var(--smart-tree-indent) + 4px);
713
- }
714
- .smart-tree:not([show-lines]):not([toggle-element-position=far])[right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
715
- margin-right: -4px;
716
- }
717
- .smart-tree:not([show-lines])[toggle-element-position=far][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
718
- margin-right: calc(var(--smart-tree-indent) - 4px);
719
- }
720
- .smart-tree:not([show-lines]):not([selection-display-mode=label])[right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
721
- padding-right: 0;
722
- }
723
- .smart-tree[show-lines][right-to-left] smart-tree-item {
724
- padding-left: 0px;
725
- padding-right: var(--smart-tree-indent);
726
- }
727
- .smart-tree[show-lines][right-to-left] smart-tree-item .smart-tree-item-label-element:before {
728
- right: calc(0px - var(--smart-tree-indent));
729
- left: initial;
730
- }
731
- .smart-tree[show-lines][right-to-left] smart-tree-item .smart-tree-item-label-element:after {
732
- right: calc(0px - var(--smart-tree-indent));
733
- left: initial;
734
- }
735
- .smart-tree[show-lines][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element:before {
736
- right: calc(0px - var(--smart-tree-indent));
737
- left: initial;
738
- }
739
- .smart-tree[show-lines][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element:after {
740
- right: calc(0px - var(--smart-tree-indent));
741
- left: initial;
742
- }
743
- .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element {
744
- padding-right: calc(var(--smart-tree-indent) + 15px);
745
- }
746
- .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
747
- padding-right: calc(var(--smart-tree-indent) + 3px);
748
- }
749
- .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element,
750
- .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element,
751
- .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
752
- margin-right: 5px;
753
- }
754
- .smart-tree[selection-display-mode=label]:not([show-lines])[right-to-left] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
755
- margin: var(--smart-tree-item-padding);
756
- margin-left: 0;
757
- margin-top: var(--smart-tree-item-vertical-offset);
758
- margin-bottom: var(--smart-tree-item-vertical-offset);
759
- }
760
- .smart-tree[right-to-left] smart-tree-items-group .smart-tree-items-group-arrow {
761
- right: calc(1px - var(--smart-tree-indent) / 2);
762
- left: initial;
763
- }
764
- .smart-tree[right-to-left] .smart-tree-filter-input-container:after {
765
- left: 0;
766
- }
767
- .smart-tree[right-to-left] .smart-tree-item-label-container {
768
- flex-direction: row-reverse;
769
- position: relative;
770
- overflow: visible;
771
- }
772
- .smart-tree[right-to-left] .smart-filter-input {
773
- direction: rtl;
774
- padding-right: 1px;
775
- padding-left: 25px;
776
- }
777
- .smart-tree[right-to-left] .smart-tree-edit-input {
778
- direction: rtl;
779
- }
780
- .smart-tree[right-to-left] .smart-tree-item-label-element {
781
- direction: rtl;
782
- position: relative;
783
- overflow: visible;
1
+ /* smart-tree */
2
+ smart-tree {
3
+ display: block;
4
+ width: var(--smart-tree-default-width);
5
+ height: var(--smart-tree-default-height);
6
+ overflow: hidden;
7
+ visibility: hidden;
8
+ }
9
+
10
+ .smart-tree > .smart-container, .smart-tree.smart-container {
11
+ display: flex;
12
+ flex-direction: column;
13
+ position: relative;
14
+ }
15
+ .smart-tree.smart-element {
16
+ visibility: inherit;
17
+ }
18
+ .smart-tree smart-scroll-bar {
19
+ overflow: hidden;
20
+ }
21
+ .smart-tree smart-scroll-viewer {
22
+ position: relative;
23
+ border: none;
24
+ width: 100%;
25
+ height: 100%;
26
+ padding: 0;
27
+ }
28
+ .smart-tree smart-scroll-viewer.smart-scroll-viewer-element {
29
+ border: none;
30
+ }
31
+ .smart-tree smart-scroll-viewer.scroll-buttons-shown {
32
+ width: 100%;
33
+ height: calc(100% - 2 * var(--smart-tree-scroll-button-size));
34
+ }
35
+ .smart-tree smart-scroll-viewer.scroll-buttons-shown.one-button-shown {
36
+ width: 100%;
37
+ height: calc(100% - var(--smart-tree-scroll-button-size));
38
+ }
39
+ .smart-tree smart-tree-item,
40
+ .smart-tree smart-tree-items-group {
41
+ position: relative;
42
+ height: auto;
43
+ display: flex;
44
+ justify-content: space-between;
45
+ align-items: center;
46
+ white-space: nowrap;
47
+ cursor: pointer;
48
+ }
49
+ .smart-tree smart-tree-item.smart-element,
50
+ .smart-tree smart-tree-items-group.smart-element {
51
+ border: none;
52
+ }
53
+ .smart-tree smart-tree-item[separator]:after,
54
+ .smart-tree smart-tree-items-group[separator]:after {
55
+ content: "";
56
+ position: absolute;
57
+ left: 0;
58
+ bottom: 0;
59
+ width: 100%;
60
+ height: 1px;
61
+ background-color: rgba(0, 0, 0, 0.1);
62
+ pointer-events: none;
63
+ }
64
+ .smart-tree smart-tree-item {
65
+ overflow: hidden;
66
+ display: block;
67
+ padding-left: 0px;
68
+ }
69
+ .smart-tree smart-tree-item[template-applied] {
70
+ cursor: default;
71
+ }
72
+ .smart-tree smart-tree-item[disabled] {
73
+ cursor: default;
74
+ }
75
+ .smart-tree smart-tree-item .smart-tree-item-shortcut {
76
+ opacity: 0.5;
77
+ }
78
+ .smart-tree smart-tree-items-group {
79
+ display: flex;
80
+ flex-direction: column;
81
+ overflow: hidden;
82
+ }
83
+ .smart-tree smart-tree-items-group > .smart-tree-item-label-container {
84
+ justify-content: flex-start;
85
+ overflow: hidden;
86
+ }
87
+ .smart-tree smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
88
+ order: 1;
89
+ }
90
+ .smart-tree smart-tree-items-group[disabled] {
91
+ cursor: default;
92
+ }
93
+ .smart-tree smart-tree-items-group .smart-tree-items-group-arrow {
94
+ order: 0;
95
+ position: relative;
96
+ display: flex;
97
+ justify-content: center;
98
+ width: var(--smart-tree-indent);
99
+ left: calc(1px - var(--smart-tree-indent) / 2);
100
+ height: 13px;
101
+ font-family: var(--smart-font-family-icon);
102
+ transform: rotate(0deg);
103
+ line-height: 1;
104
+ }
105
+ .smart-tree smart-tree-items-group .smart-tree-items-group-arrow:after {
106
+ position: relative;
107
+ height: 100%;
108
+ left: 0;
109
+ top: 0;
110
+ }
111
+ .smart-tree smart-tree-items-group.filtered-child > .smart-tree-item-label-container > .smart-tree-item-label-element {
112
+ font-weight: unset;
113
+ }
114
+ .smart-tree .smart-tree-main-container {
115
+ position: relative;
116
+ width: 100%;
117
+ height: 100%;
118
+ overflow: hidden;
119
+ }
120
+ .smart-tree .smart-tree-items-group-opened > .smart-tree-item-label-container > .smart-tree-items-group-arrow {
121
+ transform: rotate(180deg);
122
+ }
123
+ .smart-tree .smart-tree-item-label-element {
124
+ width: 100%;
125
+ display: flex;
126
+ align-items: center;
127
+ overflow: hidden;
128
+ white-space: nowrap;
129
+ text-overflow: ellipsis;
130
+ }
131
+ .smart-tree .smart-tree-item-label-element > span {
132
+ position: relative;
133
+ padding: var(--smart-tree-item-padding);
134
+ overflow: hidden;
135
+ text-overflow: ellipsis;
136
+ white-space: nowrap;
137
+ }
138
+ .smart-tree .smart-tree-item-label-element > span > smart-button button {
139
+ padding: initial;
140
+ }
141
+ .smart-tree .smart-tree-item-label-element > span > i {
142
+ vertical-align: middle;
143
+ }
144
+ .smart-tree .smart-tree-item-label-container {
145
+ height: var(--smart-tree-item-label-height);
146
+ position: relative;
147
+ width: 100%;
148
+ display: flex;
149
+ flex-direction: row;
150
+ align-items: center;
151
+ justify-content: space-between;
152
+ overflow: hidden;
153
+ }
154
+ .smart-tree .smart-tree-edit-input {
155
+ position: absolute;
156
+ outline: none;
157
+ margin: 0 var(--smart-tree-item-horizontal-offset);
158
+ border: 1px solid var(--smart-border);
159
+ width: calc(100% - 2 * var(--smart-tree-item-horizontal-offset));
160
+ font-family: var(--smart-font-family);
161
+ font-size: var(--smart-font-size);
162
+ z-index: 1;
163
+ }
164
+ .smart-tree .smart-tree-edit-input::selection {
165
+ background-color: var(--smart-ui-state-selected);
166
+ color: var(--smart-ui-state-color-selected);
167
+ }
168
+ .smart-tree .smart-tree-filter-input-container {
169
+ display: none;
170
+ position: relative;
171
+ width: calc(100% - 2 * var(--smart-tree-item-horizontal-offset));
172
+ height: calc(var(--smart-text-box-default-height));
173
+ margin: var(--smart-tree-item-vertical-offset) var(--smart-tree-item-horizontal-offset);
174
+ font-size: inherit;
175
+ }
176
+ .smart-tree .smart-tree-filter-input-container:after {
177
+ content: var(--smart-icon-filter);
178
+ font-family: var(--smart-font-family-icon);
179
+ height: var(--smart-text-box-default-height);
180
+ position: absolute;
181
+ top: 0;
182
+ width: 25px;
183
+ display: flex;
184
+ align-items: center;
185
+ justify-content: center;
186
+ left: calc(100% - 25px);
187
+ }
188
+ .smart-tree .smart-filter-input {
189
+ border: 1px solid var(--smart-border);
190
+ color: inherit;
191
+ background: inherit;
192
+ width: 100%;
193
+ height: 100%;
194
+ padding-left: var(--smart-editor-label-padding);
195
+ padding-right: calc(var(--smart-editor-label-padding) + 25px);
196
+ font-size: inherit;
197
+ }
198
+ .smart-tree .smart-filter-input:focus {
199
+ outline: none;
200
+ }
201
+ .smart-tree .smart-filter-input::selection {
202
+ background-color: var(--smart-ui-state-selected);
203
+ color: var(--smart-ui-state-color-selected);
204
+ }
205
+ .smart-tree .smart-tree-scroll-button {
206
+ width: 100%;
207
+ height: var(--smart-tree-scroll-button-size);
208
+ background-color: var(--smart-scroll-bar-button-background);
209
+ --smart-button-padding: 0;
210
+ }
211
+ .smart-tree .smart-tree-scroll-button > button {
212
+ border: none;
213
+ }
214
+ .smart-tree .smart-scroll-viewer-container .smart-tree-main-container {
215
+ padding-left: var(--smart-tree-item-horizontal-offset);
216
+ padding-right: var(--smart-tree-item-horizontal-offset);
217
+ padding-top: var(--smart-tree-item-vertical-offset);
218
+ }
219
+ .smart-tree .smart-scroll-viewer-container.vscroll .smart-tree-main-container {
220
+ padding-right: var(--smart-tree-item-horizontal-offset);
221
+ }
222
+ .smart-tree .smart-scroll-viewer-content-container {
223
+ display: block;
224
+ padding: 0;
225
+ }
226
+ .smart-tree .smart-tree-drop-down {
227
+ width: 100%;
228
+ height: auto;
229
+ transform: none;
230
+ cursor: default;
231
+ transform: scaleY(1);
232
+ }
233
+ .smart-tree .smart-tree-drop-down.smart-visibility-hidden {
234
+ margin-top: 0;
235
+ height: 0;
236
+ transform: scaleY(0);
237
+ }
238
+ .smart-tree .drop-target:after {
239
+ content: "";
240
+ position: absolute;
241
+ box-sizing: border-box;
242
+ border: 2px dashed var(--smart-primary);
243
+ width: 100%;
244
+ height: 100%;
245
+ left: 0;
246
+ top: 0;
247
+ pointer-events: none;
248
+ opacity: 0.75;
249
+ }
250
+ .smart-tree .drop-target.top:after {
251
+ border: none;
252
+ border-top: 2px dashed var(--smart-primary);
253
+ }
254
+ .smart-tree .drop-target.bottom:after {
255
+ border: none;
256
+ border-bottom: 2px dashed var(--smart-primary);
257
+ }
258
+ .smart-tree .smart-ripple {
259
+ background: var(--smart-primary);
260
+ }
261
+ .smart-tree .smart-hidden {
262
+ display: none !important;
263
+ }
264
+ .smart-tree[overflow=hidden], .smart-tree[scroll-mode=scrollButtons] {
265
+ --smart-scroll-bar-size: 0px;
266
+ }
267
+ .smart-tree[selection-mode=radioButton] smart-tree-item > .smart-tree-item-label-container:before,
268
+ .smart-tree[selection-mode=radioButton] smart-tree-items-group > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox] smart-tree-item > .smart-tree-item-label-container:before,
269
+ .smart-tree[selection-mode=checkBox] smart-tree-items-group > .smart-tree-item-label-container:before {
270
+ content: "";
271
+ transform: scale(0);
272
+ }
273
+ .smart-tree[selection-mode=radioButton] smart-tree-item > .smart-tree-item-label-container:after,
274
+ .smart-tree[selection-mode=radioButton] smart-tree-items-group > .smart-tree-item-label-container:after, .smart-tree[selection-mode=checkBox] smart-tree-item > .smart-tree-item-label-container:after,
275
+ .smart-tree[selection-mode=checkBox] smart-tree-items-group > .smart-tree-item-label-container:after {
276
+ content: "";
277
+ position: absolute;
278
+ border: var(--smart-border-width) solid var(--smart-border);
279
+ border-top-left-radius: var(--smart-border-top-left-radius);
280
+ border-top-right-radius: var(--smart-border-top-right-radius);
281
+ border-bottom-left-radius: var(--smart-border-bottom-left-radius);
282
+ border-bottom-right-radius: var(--smart-border-bottom-right-radius);
283
+ width: var(--smart-check-box-default-size);
284
+ height: var(--smart-check-box-default-size);
285
+ padding: 1px;
286
+ margin-left: 5px;
287
+ font-family: var(--smart-font-family-icon);
288
+ justify-content: center;
289
+ align-items: center;
290
+ display: flex;
291
+ }
292
+ .smart-tree[selection-mode=radioButton] smart-tree-item[selected][focus] > .smart-tree-item-label-container:before,
293
+ .smart-tree[selection-mode=radioButton] smart-tree-items-group[selected][focus] > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox] smart-tree-item[selected][focus] > .smart-tree-item-label-container:before,
294
+ .smart-tree[selection-mode=checkBox] smart-tree-items-group[selected][focus] > .smart-tree-item-label-container:before {
295
+ position: absolute;
296
+ content: "";
297
+ margin-left: 5px;
298
+ border-radius: 50%;
299
+ width: calc(var(--smart-check-box-default-size) + 16px);
300
+ height: calc(var(--smart-check-box-default-size) + 16px);
301
+ background: var(--smart-primary);
302
+ opacity: 0.3;
303
+ z-index: 1;
304
+ transform: scale(1);
305
+ }
306
+ .smart-tree[selection-mode=radioButton][show-lines] smart-tree-items-group > .smart-tree-item-label-container:after, .smart-tree[selection-mode=checkBox][show-lines] smart-tree-items-group > .smart-tree-item-label-container:after {
307
+ margin-left: calc(var(--smart-tree-indent) + 5px);
308
+ }
309
+ .smart-tree[selection-mode=radioButton][show-lines] smart-tree-items-group[selected][focus] > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox][show-lines] smart-tree-items-group[selected][focus] > .smart-tree-item-label-container:before {
310
+ margin-left: calc(var(--smart-tree-indent));
311
+ }
312
+ .smart-tree[selection-mode=radioButton][show-lines] smart-tree-item[selected][focus] > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox][show-lines] smart-tree-item[selected][focus] > .smart-tree-item-label-container:before {
313
+ margin-left: 0px;
314
+ }
315
+ .smart-tree[selection-mode=radioButton] smart-tree-item .smart-tree-item-label-element, .smart-tree[selection-mode=checkBox] smart-tree-item .smart-tree-item-label-element {
316
+ padding-left: calc(var(--smart-tree-indent) + 10px);
317
+ }
318
+ .smart-tree[selection-mode=radioButton] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-mode=checkBox] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
319
+ padding-left: calc(var(--smart-tree-indent) + 10px);
320
+ }
321
+ .smart-tree[selection-mode=radioButton] .smart-tree-item-label-element > span, .smart-tree[selection-mode=checkBox] .smart-tree-item-label-element > span {
322
+ padding-left: 5px;
323
+ }
324
+ .smart-tree[selection-mode=radioButton]:not([animation=none]) smart-tree-item > .smart-tree-item-label-container:before,
325
+ .smart-tree[selection-mode=radioButton]:not([animation=none]) smart-tree-items-group > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox]:not([animation=none]) smart-tree-item > .smart-tree-item-label-container:before,
326
+ .smart-tree[selection-mode=checkBox]:not([animation=none]) smart-tree-items-group > .smart-tree-item-label-container:before {
327
+ transition: transform 0.25s ease-in-out;
328
+ }
329
+ .smart-tree[selection-mode=radioButton][toggle-element-position=far] smart-tree-item[focus] > .smart-tree-item-label-container:before,
330
+ .smart-tree[selection-mode=radioButton][toggle-element-position=far] smart-tree-items-group[focus] > .smart-tree-item-label-container:before, .smart-tree[selection-mode=checkBox][toggle-element-position=far] smart-tree-item[focus] > .smart-tree-item-label-container:before,
331
+ .smart-tree[selection-mode=checkBox][toggle-element-position=far] smart-tree-items-group[focus] > .smart-tree-item-label-container:before {
332
+ margin-left: -1px;
333
+ }
334
+ .smart-tree[selection-mode=radioButton]:not([show-lines]) smart-tree-items-group > .smart-tree-item-label-container:after, .smart-tree[selection-mode=checkBox]:not([show-lines]) smart-tree-items-group > .smart-tree-item-label-container:after {
335
+ margin-left: calc(var(--smart-check-box-default-size) + 5px);
336
+ }
337
+ .smart-tree[selection-mode=radioButton]:not([show-lines]):not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container:after,
338
+ .smart-tree[selection-mode=radioButton]:not([show-lines]):not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container:after, .smart-tree[selection-mode=checkBox]:not([show-lines]):not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container:after,
339
+ .smart-tree[selection-mode=checkBox]:not([show-lines]):not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container:after {
340
+ margin-left: calc(var(--smart-check-box-default-size) - 5px);
341
+ }
342
+ .smart-tree[selection-mode=radioButton]:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-item .smart-tree-item-label-element > span, .smart-tree[selection-mode=checkBox]:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-item .smart-tree-item-label-element > span {
343
+ padding: var(--smart-tree-item-padding);
344
+ }
345
+ .smart-tree[selection-mode=radioButton] smart-tree-item > .smart-tree-item-label-container:after,
346
+ .smart-tree[selection-mode=radioButton] smart-tree-items-group > .smart-tree-item-label-container:after {
347
+ border-radius: 100%;
348
+ }
349
+ .smart-tree[selection-mode=radioButton] smart-tree-item[selected] > .smart-tree-item-label-container:after,
350
+ .smart-tree[selection-mode=radioButton] smart-tree-items-group[selected] > .smart-tree-item-label-container:after {
351
+ content: var(--smart-icon-radio);
352
+ background: var(--smart-primary);
353
+ border-color: var(--smart-primary);
354
+ color: var(--smart-primary-color);
355
+ }
356
+ .smart-tree[selection-mode=checkBox] smart-tree-item[selected] > .smart-tree-item-label-container:after,
357
+ .smart-tree[selection-mode=checkBox] smart-tree-items-group[selected] > .smart-tree-item-label-container:after {
358
+ background: var(--smart-primary);
359
+ border-color: var(--smart-primary);
360
+ color: var(--smart-primary-color);
361
+ content: var(--smart-icon-check);
362
+ }
363
+ .smart-tree[selection-mode=checkBox] smart-tree-item[indeterminate] > .smart-tree-item-label-container:after,
364
+ .smart-tree[selection-mode=checkBox] smart-tree-items-group[indeterminate] > .smart-tree-item-label-container:after {
365
+ padding: 2px;
366
+ background-clip: content-box;
367
+ width: calc(var(--smart-check-box-default-size) - 1px);
368
+ height: calc(var(--smart-check-box-default-size) - 1px);
369
+ }
370
+ .smart-tree[disabled] smart-tree-item,
371
+ .smart-tree[disabled] smart-tree-items-group, .smart-tree[display-loading-indicator] smart-tree-item,
372
+ .smart-tree[display-loading-indicator] smart-tree-items-group {
373
+ cursor: default;
374
+ }
375
+ .smart-tree[filterable] smart-scroll-viewer {
376
+ height: calc(100% - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset));
377
+ }
378
+ .smart-tree[filterable] smart-scroll-viewer.scroll-buttons-shown {
379
+ height: calc(100% - 2 * var(--smart-tree-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset));
380
+ }
381
+ .smart-tree[filterable] smart-scroll-viewer.scroll-buttons-shown.one-button-shown {
382
+ height: calc(100% - var(--smart-tree-scroll-button-size) - var(--smart-text-box-default-height) - 2 * var(--smart-tree-item-vertical-offset));
383
+ }
384
+ .smart-tree[filterable] .smart-tree-filter-input-container {
385
+ display: block;
386
+ }
387
+ .smart-tree[filter-applied] .smart-tree-item-label-element {
388
+ font-weight: bolder;
389
+ }
390
+ .smart-tree[filter-applied] smart-tree-items-group.hidden-children {
391
+ cursor: not-allowed;
392
+ }
393
+ .smart-tree[scroll-mode=scrollButtons] .smart-tree-scroll-button {
394
+ display: block;
395
+ }
396
+ .smart-tree:not([toggle-element-position=far]) smart-tree-items-group .smart-tree-items-group-arrow {
397
+ opacity: 1;
398
+ z-index: 1;
399
+ }
400
+ .smart-tree[toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container {
401
+ justify-content: space-between;
402
+ }
403
+ .smart-tree[toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
404
+ order: 0;
405
+ margin-left: var(--smart-tree-indent);
406
+ }
407
+ .smart-tree[toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-items-group-arrow {
408
+ order: 1;
409
+ }
410
+ .smart-tree:not([show-lines])[selection-mode=checkBox][toggle-element-position=far]:not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree:not([show-lines])[selection-mode=radioButton][toggle-element-position=far]:not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
411
+ margin-left: calc(var(--smart-tree-indent) - 11px);
412
+ }
413
+ .smart-tree:not([show-lines]):not([toggle-element-position=far]):not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
414
+ margin-left: -4px;
415
+ }
416
+ .smart-tree:not([show-lines])[toggle-element-position=far]:not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
417
+ margin-left: calc(var(--smart-tree-indent) - 4px);
418
+ }
419
+ .smart-tree:not([show-lines]):not([selection-display-mode=label]):not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
420
+ padding-left: 0;
421
+ }
422
+ .smart-tree[show-lines] smart-tree-item > .smart-tree-item-label-container,
423
+ .smart-tree[show-lines] smart-tree-items-group > .smart-tree-item-label-container {
424
+ position: relative;
425
+ overflow: visible;
426
+ }
427
+ .smart-tree[show-lines] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element,
428
+ .smart-tree[show-lines] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
429
+ position: relative;
430
+ overflow: visible;
431
+ }
432
+ .smart-tree[show-lines] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element:before,
433
+ .smart-tree[show-lines] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element:before {
434
+ content: "";
435
+ position: absolute;
436
+ border-left: var(--smart-tree-lines-width) var(--smart-tree-lines-style) var(--smart-tree-lines-color);
437
+ height: 300%;
438
+ left: calc(0px - var(--smart-tree-indent));
439
+ pointer-events: none;
440
+ }
441
+ .smart-tree[show-lines] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element:after,
442
+ .smart-tree[show-lines] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element:after {
443
+ content: "";
444
+ position: absolute;
445
+ border-top: var(--smart-tree-lines-width) var(--smart-tree-lines-style) var(--smart-tree-lines-color);
446
+ pointer-events: none;
447
+ width: var(--smart-tree-indent);
448
+ left: calc(0px - var(--smart-tree-indent));
449
+ }
450
+ .smart-tree[show-lines] smart-tree-item:last-child > .smart-tree-item-label-container > .smart-tree-item-label-element:before, .smart-tree[show-lines] smart-tree-item.last-filtered-child > .smart-tree-item-label-container > .smart-tree-item-label-element:before,
451
+ .smart-tree[show-lines] smart-tree-items-group:last-child > .smart-tree-item-label-container > .smart-tree-item-label-element:before,
452
+ .smart-tree[show-lines] smart-tree-items-group.last-filtered-child > .smart-tree-item-label-container > .smart-tree-item-label-element:before {
453
+ height: 150%;
454
+ top: -100%;
455
+ }
456
+ .smart-tree[show-lines] smart-tree-item {
457
+ padding-left: var(--smart-tree-indent);
458
+ }
459
+ .smart-tree[show-lines] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
460
+ width: calc(100% - var(--smart-tree-indent));
461
+ }
462
+ .smart-tree[show-lines]:not([show-root-lines]) smart-tree-item[level="1"] .smart-tree-item-label-element:before, .smart-tree[show-lines]:not([show-root-lines]) smart-tree-item[level="1"] .smart-tree-item-label-element:after {
463
+ content: none;
464
+ }
465
+ .smart-tree[show-lines]:not([show-root-lines]) smart-tree-items-group[level="1"] > .smart-tree-item-label-container > .smart-tree-item-label-element:before, .smart-tree[show-lines]:not([show-root-lines]) smart-tree-items-group[level="1"] > .smart-tree-item-label-container > .smart-tree-item-label-element:after {
466
+ content: none;
467
+ }
468
+ .smart-tree[show-lines][show-root-lines] smart-tree-item[level="1"] .smart-tree-item-label-element:before, .smart-tree[show-lines][show-root-lines] smart-tree-item[level="1"] .smart-tree-item-label-element:after {
469
+ pointer-events: none;
470
+ }
471
+ .smart-tree[show-lines][show-root-lines] smart-tree-items-group[level="1"] > .smart-tree-item-label-container > .smart-tree-item-label-element:before, .smart-tree[show-lines][show-root-lines] smart-tree-items-group[level="1"] > .smart-tree-item-label-container > .smart-tree-item-label-element:after {
472
+ pointer-events: none;
473
+ }
474
+ .smart-tree[show-lines] .smart-tree-items-group-expanded:not(:last-child):not(.last-filtered-child) > .smart-tree-item-label-container > .smart-tree-item-label-element:before {
475
+ height: 3000px;
476
+ z-index: 1;
477
+ }
478
+ .smart-tree:not([selection-display-mode=label]) smart-tree-item {
479
+ border-top-left-radius: var(--smart-item-border-top-left-radius);
480
+ border-top-right-radius: var(--smart-item-border-top-right-radius);
481
+ border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
482
+ border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
483
+ border-width: var(--smart-item-border-width);
484
+ border-style: solid;
485
+ border-color: transparent;
486
+ margin-bottom: var(--smart-tree-item-vertical-offset);
487
+ }
488
+ .smart-tree:not([selection-display-mode=label]) smart-tree-item[focus] {
489
+ color: var(--smart-ui-state-color-focus);
490
+ background-color: var(--smart-ui-state-focus);
491
+ border-color: var(--smart-ui-state-border-focus);
492
+ }
493
+ .smart-tree:not([selection-display-mode=label]) smart-tree-item[selected] {
494
+ border-color: var(--smart-ui-state-border-selected);
495
+ background-color: var(--smart-ui-state-selected);
496
+ color: var(--smart-ui-state-color-selected);
497
+ }
498
+ .smart-tree:not([selection-display-mode=label]) smart-tree-items-group > .smart-tree-item-label-container {
499
+ border-top-left-radius: var(--smart-item-border-top-left-radius);
500
+ border-top-right-radius: var(--smart-item-border-top-right-radius);
501
+ border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
502
+ border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
503
+ border-width: var(--smart-item-border-width);
504
+ border-style: solid;
505
+ border-color: transparent;
506
+ margin-bottom: var(--smart-tree-item-vertical-offset);
507
+ }
508
+ .smart-tree:not([selection-display-mode=label]) smart-tree-items-group[focus] > .smart-tree-item-label-container {
509
+ color: var(--smart-ui-state-color-focus);
510
+ background-color: var(--smart-ui-state-focus);
511
+ border-color: var(--smart-ui-state-border-focus);
512
+ }
513
+ .smart-tree:not([selection-display-mode=label]) smart-tree-items-group[selected] > .smart-tree-item-label-container {
514
+ border-color: var(--smart-ui-state-border-selected);
515
+ background-color: var(--smart-ui-state-selected);
516
+ color: var(--smart-ui-state-color-selected);
517
+ }
518
+ .smart-tree:not([selection-display-mode=label]):not([animation=none]) smart-tree-item {
519
+ transition: color ease-in-out 0.28s, border-color ease-in-out 0.28s, background ease-in-out 0.28s;
520
+ }
521
+ .smart-tree:not([selection-display-mode=label]):not([animation=none]) smart-tree-items-group > .smart-tree-item-label-container {
522
+ transition: color ease-in-out 0.28s, border-color ease-in-out 0.28s, background ease-in-out 0.28s;
523
+ }
524
+ .smart-tree[selection-display-mode=label] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span,
525
+ .smart-tree[selection-display-mode=label] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
526
+ border-top-left-radius: var(--smart-item-border-top-left-radius);
527
+ border-top-right-radius: var(--smart-item-border-top-right-radius);
528
+ border-bottom-left-radius: var(--smart-item-border-bottom-left-radius);
529
+ border-bottom-right-radius: var(--smart-item-border-bottom-right-radius);
530
+ border-width: var(--smart-item-border-width);
531
+ border-style: solid;
532
+ border-color: transparent;
533
+ margin-top: var(--smart-tree-item-vertical-offset);
534
+ margin-bottom: var(--smart-tree-item-vertical-offset);
535
+ }
536
+ .smart-tree[selection-display-mode=label] smart-tree-item[focus] > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple),
537
+ .smart-tree[selection-display-mode=label] smart-tree-items-group[focus] > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple) {
538
+ color: var(--smart-ui-state-color-focus);
539
+ background-color: var(--smart-ui-state-focus);
540
+ border-color: var(--smart-ui-state-border-focus);
541
+ }
542
+ .smart-tree[selection-display-mode=label] smart-tree-items-group .smart-tree-items-group-arrow {
543
+ top: calc(-0.5px - var(--smart-tree-item-border-width) / 2);
544
+ }
545
+ .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([right-to-left]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span,
546
+ .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([right-to-left]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span,
547
+ .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([right-to-left]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
548
+ margin-left: 5px;
549
+ padding: var(--smart-tree-item-padding);
550
+ }
551
+ .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element {
552
+ padding-left: calc(var(--smart-tree-indent) + 15px);
553
+ }
554
+ .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left]):not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
555
+ padding-left: calc(var(--smart-tree-indent) + 3px);
556
+ }
557
+ .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines]):not([right-to-left])[toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines]):not([right-to-left])[toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
558
+ margin-left: 0;
559
+ }
560
+ .smart-tree[selection-display-mode=label]:not([selection-mode=checkBox]):not([selection-mode=radioButton]) smart-tree-item[selected] > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple),
561
+ .smart-tree[selection-display-mode=label]:not([selection-mode=checkBox]):not([selection-mode=radioButton]) smart-tree-items-group[selected] > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple) {
562
+ background-color: var(--smart-ui-state-selected);
563
+ color: var(--smart-ui-state-color-selected);
564
+ border-color: var(--smart-ui-state-border-selected);
565
+ }
566
+ .smart-tree[selection-display-mode=label]:not([show-lines]):not([right-to-left]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
567
+ margin: var(--smart-tree-item-padding);
568
+ margin-right: 0;
569
+ margin-top: 0;
570
+ margin-top: var(--smart-tree-item-vertical-offset);
571
+ margin-bottom: var(--smart-tree-item-vertical-offset);
572
+ }
573
+ .smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span,
574
+ .smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
575
+ transition: color ease-in-out 0.28s, background ease-in-out 0.28s, border-color ease-in-out 0.28s;
576
+ }
577
+ .smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-item[focus]:not([selected]) > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple),
578
+ .smart-tree[selection-display-mode=label]:not([animation=none]) smart-tree-items-group[focus]:not([selected]) > .smart-tree-item-label-container > .smart-tree-item-label-element > span:not(.smart-ripple) {
579
+ transition: color ease-in-out 0.28s, border-color ease-in-out 0.28s, background ease-in-out 0.28s;
580
+ }
581
+ .smart-tree[auto-hide-toggle-element] .hidden-arrows smart-tree-items-group .smart-tree-items-group-arrow {
582
+ opacity: 0;
583
+ }
584
+ .smart-tree:not([animation=none]) .smart-tree-drop-down {
585
+ -webkit-transform-origin: top;
586
+ transform-origin: top;
587
+ transition: height 0.2s ease-in, transform 0.2s ease-in, visibility 0.2s ease-in;
588
+ }
589
+ .smart-tree:not([animation=none]) .smart-tree-item-label-container > .smart-tree-items-group-arrow {
590
+ transition: transform 0.2s ease-in;
591
+ }
592
+ .smart-tree:not([animation=none])[auto-hide-toggle-element] .smart-tree-item-label-container > .smart-tree-items-group-arrow {
593
+ transition: transform 0.2s ease-in, opacity 0.2s ease-in;
594
+ }
595
+ @media (hover: hover) {
596
+ .smart-tree[selection-mode=checkBox] smart-tree-item:hover > .smart-tree-item-label-container > .smart-tree-item-label-element span.smart-ripple, .smart-tree[selection-mode=radioButton] smart-tree-item:hover > .smart-tree-item-label-container > .smart-tree-item-label-element span.smart-ripple {
597
+ background-color: var(--smart-ui-state-selected);
598
+ }
599
+ .smart-tree[selection-mode=checkBox] smart-tree-items-group > .smart-tree-item-label-container:hover > .smart-tree-item-label-element span.smart-ripple, .smart-tree[selection-mode=radioButton] smart-tree-items-group > .smart-tree-item-label-container:hover > .smart-tree-item-label-element span.smart-ripple {
600
+ background-color: var(--smart-ui-state-selected);
601
+ }
602
+ .smart-tree[selection-mode=checkBox] smart-tree-item:hover > .smart-tree-item-label-container:after,
603
+ .smart-tree[selection-mode=checkBox] smart-tree-items-group > .smart-tree-item-label-container:hover:after {
604
+ color: var(--smart-background-color);
605
+ background-color: var(--smart-background);
606
+ border-color: var(--smart-border);
607
+ }
608
+ .smart-tree[selection-mode=checkBox] smart-tree-item[indeterminate]:not(:hover) > .smart-tree-item-label-container:after,
609
+ .smart-tree[selection-mode=checkBox] smart-tree-items-group[indeterminate] > .smart-tree-item-label-container:not(:hover):after {
610
+ background-color: var(--smart-ui-state-selected);
611
+ }
612
+ .smart-tree[selection-mode=radioButton] smart-tree-item:not([selected]):hover > .smart-tree-item-label-container:after,
613
+ .smart-tree[selection-mode=radioButton] smart-tree-items-group:not([selected]) > .smart-tree-item-label-container:hover:after {
614
+ color: var(--smart-background-color);
615
+ background-color: var(--smart-background);
616
+ border-color: var(--smart-border);
617
+ }
618
+ .smart-tree:not([selection-display-mode=label]):not([disable-hover]) smart-tree-item:not([selected]):hover {
619
+ color: var(--smart-ui-state-color-hover);
620
+ background-color: var(--smart-ui-state-hover);
621
+ border-color: var(--smart-ui-state-border-hover);
622
+ }
623
+ .smart-tree:not([selection-display-mode=label]):not([disable-hover]) smart-tree-items-group:not([selected]) > .smart-tree-item-label-container:hover {
624
+ color: var(--smart-ui-state-color-hover);
625
+ background-color: var(--smart-ui-state-hover);
626
+ border-color: var(--smart-ui-state-border-hover);
627
+ }
628
+ .smart-tree:not([selection-display-mode=label]) smart-tree-item:not([selected])[hover] {
629
+ color: var(--smart-ui-state-color-hover);
630
+ background-color: var(--smart-ui-state-hover);
631
+ border-color: var(--smart-ui-state-border-hover);
632
+ }
633
+ .smart-tree:not([selection-display-mode=label]) smart-tree-items-group:not([selected])[hover] > .smart-tree-item-label-container {
634
+ color: var(--smart-ui-state-color-hover);
635
+ background-color: var(--smart-ui-state-hover);
636
+ border-color: var(--smart-ui-state-border-hover);
637
+ }
638
+ .smart-tree[selection-display-mode=label]:not([disable-hover]) smart-tree-item:not([selected]):hover > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
639
+ color: var(--smart-ui-state-color-hover);
640
+ background-color: var(--smart-ui-state-hover);
641
+ border-color: var(--smart-ui-state-border-hover);
642
+ }
643
+ .smart-tree[selection-display-mode=label] smart-tree-item:not([selected])[hover] > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
644
+ color: var(--smart-ui-state-color-hover);
645
+ background-color: var(--smart-ui-state-hover);
646
+ border-color: var(--smart-ui-state-border-hover);
647
+ }
648
+ .smart-tree[selection-display-mode=label] smart-tree-items-group:not([selected])[hover] > .smart-tree-item-label-container {
649
+ color: var(--smart-ui-state-color-hover);
650
+ background-color: var(--smart-ui-state-hover);
651
+ border-color: var(--smart-ui-state-border-hover);
652
+ }
653
+ }
654
+
655
+ .smart-tree-item-feedback {
656
+ position: absolute;
657
+ display: flex;
658
+ align-items: center;
659
+ box-shadow: var(--smart-elevation-8);
660
+ border: 1px solid var(--smart-border);
661
+ padding: 5px;
662
+ color: var(--smart-background-color);
663
+ background-color: var(--smart-background);
664
+ font-family: var(--smart-font-family);
665
+ font-size: var(--smart-font-size);
666
+ white-space: nowrap;
667
+ cursor: move;
668
+ z-index: 10000;
669
+ }
670
+ .smart-tree-item-feedback.multiple {
671
+ font-family: var(--smart-font-family-icon);
672
+ font-size: 26px;
673
+ }
674
+
675
+ .smart-hidden {
676
+ display: none !important;
677
+ }
678
+
679
+ /* smart-tree */
680
+ .smart-tree smart-tree-items-group[right-to-left] smart-tree-item .smart-tree-item-label-element,
681
+ .smart-tree smart-tree-items-group[right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
682
+ padding-left: initial;
683
+ padding-right: calc(var(--smart-tree-indent) + 10px);
684
+ }
685
+ .smart-tree smart-tree-items-group[right-to-left] smart-tree-item > .smart-tree-item-label-container:after {
686
+ margin-left: -5px;
687
+ }
688
+ .smart-tree smart-tree-items-group[right-to-left] smart-tree-items-group > .smart-tree-item-label-container:after {
689
+ margin-left: calc(0px - var(--smart-check-box-default-size) - 5px);
690
+ }
691
+ .smart-tree smart-tree-items-group[right-to-left] smart-tree-item[focus] > .smart-tree-item-label-container:before,
692
+ .smart-tree smart-tree-items-group[right-to-left] smart-tree-items-group[focus] > .smart-tree-item-label-container:before {
693
+ margin-left: -3px;
694
+ }
695
+ .smart-tree smart-tree-items-group[right-to-left][toggle-element-position=far] smart-tree-item[focus] > .smart-tree-item-label-container:before,
696
+ .smart-tree smart-tree-items-group[right-to-left][toggle-element-position=far] smart-tree-items-group[focus] > .smart-tree-item-label-container:before {
697
+ margin-left: 1px;
698
+ }
699
+ .smart-tree smart-tree-items-group[right-to-left][show-lines] smart-tree-item[focus] > .smart-tree-item-label-container:before {
700
+ margin-left: 1px;
701
+ }
702
+ .smart-tree smart-tree-items-group[right-to-left][show-lines] smart-tree-items-group[focus] > .smart-tree-item-label-container:before {
703
+ margin-left: calc(1px - var(--smart-check-box-default-size));
704
+ }
705
+ .smart-tree[toggle-element-position=far][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
706
+ margin-left: initial;
707
+ margin-right: var(--smart-tree-indent);
708
+ }
709
+ .smart-tree:not([show-lines])[selection-mode=checkBox][toggle-element-position=far][right-to-left] smart-tree-item .smart-tree-item-label-element,
710
+ .smart-tree:not([show-lines])[selection-mode=checkBox][toggle-element-position=far][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree:not([show-lines])[selection-mode=radioButton][toggle-element-position=far][right-to-left] smart-tree-item .smart-tree-item-label-element,
711
+ .smart-tree:not([show-lines])[selection-mode=radioButton][toggle-element-position=far][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
712
+ padding-right: calc(var(--smart-tree-indent) + 4px);
713
+ }
714
+ .smart-tree:not([show-lines]):not([toggle-element-position=far])[right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
715
+ margin-right: -4px;
716
+ }
717
+ .smart-tree:not([show-lines])[toggle-element-position=far][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
718
+ margin-right: calc(var(--smart-tree-indent) - 4px);
719
+ }
720
+ .smart-tree:not([show-lines]):not([selection-display-mode=label])[right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
721
+ padding-right: 0;
722
+ }
723
+ .smart-tree[show-lines][right-to-left] smart-tree-item {
724
+ padding-left: 0px;
725
+ padding-right: var(--smart-tree-indent);
726
+ }
727
+ .smart-tree[show-lines][right-to-left] smart-tree-item .smart-tree-item-label-element:before {
728
+ right: calc(0px - var(--smart-tree-indent));
729
+ left: initial;
730
+ }
731
+ .smart-tree[show-lines][right-to-left] smart-tree-item .smart-tree-item-label-element:after {
732
+ right: calc(0px - var(--smart-tree-indent));
733
+ left: initial;
734
+ }
735
+ .smart-tree[show-lines][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element:before {
736
+ right: calc(0px - var(--smart-tree-indent));
737
+ left: initial;
738
+ }
739
+ .smart-tree[show-lines][right-to-left] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element:after {
740
+ right: calc(0px - var(--smart-tree-indent));
741
+ left: initial;
742
+ }
743
+ .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element {
744
+ padding-right: calc(var(--smart-tree-indent) + 15px);
745
+ }
746
+ .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left]:not([toggle-element-position=far]) smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
747
+ padding-right: calc(var(--smart-tree-indent) + 3px);
748
+ }
749
+ .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element,
750
+ .smart-tree[selection-display-mode=label][selection-mode=checkBox]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element, .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element,
751
+ .smart-tree[selection-display-mode=label][selection-mode=radioButton]:not([show-lines])[right-to-left][toggle-element-position=far] smart-tree-items-group > .smart-tree-item-label-container > .smart-tree-item-label-element {
752
+ margin-right: 5px;
753
+ }
754
+ .smart-tree[selection-display-mode=label]:not([show-lines])[right-to-left] smart-tree-item > .smart-tree-item-label-container > .smart-tree-item-label-element > span {
755
+ margin: var(--smart-tree-item-padding);
756
+ margin-left: 0;
757
+ margin-top: var(--smart-tree-item-vertical-offset);
758
+ margin-bottom: var(--smart-tree-item-vertical-offset);
759
+ }
760
+ .smart-tree[right-to-left] smart-tree-items-group .smart-tree-items-group-arrow {
761
+ right: calc(1px - var(--smart-tree-indent) / 2);
762
+ left: initial;
763
+ }
764
+ .smart-tree[right-to-left] .smart-tree-filter-input-container:after {
765
+ left: 0;
766
+ }
767
+ .smart-tree[right-to-left] .smart-tree-item-label-container {
768
+ flex-direction: row-reverse;
769
+ position: relative;
770
+ overflow: visible;
771
+ }
772
+ .smart-tree[right-to-left] .smart-filter-input {
773
+ direction: rtl;
774
+ padding-right: 1px;
775
+ padding-left: 25px;
776
+ }
777
+ .smart-tree[right-to-left] .smart-tree-edit-input {
778
+ direction: rtl;
779
+ }
780
+ .smart-tree[right-to-left] .smart-tree-item-label-element {
781
+ direction: rtl;
782
+ position: relative;
783
+ overflow: visible;
784
784
  }