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