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