@vc-shell/framework 1.1.2 → 1.1.4

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 (271) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/apl-B2DGVGxc.js +76 -0
  3. package/dist/asciiarmor-2LVJmxlE.js +34 -0
  4. package/dist/asn1-jKiBa2Ya.js +95 -0
  5. package/dist/asterisk-DS281yxp.js +271 -0
  6. package/dist/brainfuck-C_p9pTT8.js +34 -0
  7. package/dist/clike-BUuHEmgZ.js +620 -0
  8. package/dist/clojure-CCKyeQKf.js +800 -0
  9. package/dist/cmake-CuaCgAKt.js +28 -0
  10. package/dist/cobol-BlTKFDRj.js +72 -0
  11. package/dist/coffeescript-BVCvwO8I.js +179 -0
  12. package/dist/commonlisp-D_kxz07b.js +75 -0
  13. package/dist/crystal-D309uH6_.js +217 -0
  14. package/dist/css-bIlmDBTK.js +1560 -0
  15. package/dist/cypher-BMq4Fwjl.js +68 -0
  16. package/dist/d-BZcgY6La.js +127 -0
  17. package/dist/diff-Cg9d_RX2.js +18 -0
  18. package/dist/{assets/dockerfile-D0MivFIF.js → dockerfile-DIy8NleC.js} +36 -41
  19. package/dist/dtd-CtLokQ-U.js +84 -0
  20. package/dist/dylan-QYeExnWK.js +234 -0
  21. package/dist/ebnf-DUPDuY4r.js +78 -0
  22. package/dist/ecl-CiXN-g_D.js +121 -0
  23. package/dist/eiffel-yQhjl4T1.js +110 -0
  24. package/dist/elm-CNT9vbN0.js +108 -0
  25. package/dist/erlang-CFOYdy9e.js +487 -0
  26. package/dist/factor-DDOC7X6P.js +65 -0
  27. package/dist/fcl-CPC2WYrI.js +103 -0
  28. package/dist/forth-BmxRyE9S.js +60 -0
  29. package/dist/fortran-9bvPyrOW.js +442 -0
  30. package/dist/framework.js +288 -29
  31. package/dist/gas-BdfkXJT_.js +183 -0
  32. package/dist/gherkin-CJuwpceU.js +34 -0
  33. package/dist/groovy-DZeT_VM-.js +146 -0
  34. package/dist/haskell-Bvt3Qq1t.js +375 -0
  35. package/dist/haxe-70NVW1pR.js +359 -0
  36. package/dist/http-D9LttvKF.js +44 -0
  37. package/dist/idl-B6TRFYjl.js +947 -0
  38. package/dist/{assets/index-BKF-A58l.js → index-BBYKbiRX.js} +79 -92
  39. package/dist/index-BDm0tcWn.js +145680 -0
  40. package/dist/{assets/index-CeeaNa4F.js → index-BDqUaIyQ.js} +136 -167
  41. package/dist/index-BdflTsg6.js +308 -0
  42. package/dist/{assets/index-CtmpJVwa.js → index-BpBTtmQ6.js} +270 -312
  43. package/dist/index-Br0y2YMn.js +58 -0
  44. package/dist/index-CIcET-ZI.js +71 -0
  45. package/dist/index-CYAMpxnu.js +341 -0
  46. package/dist/index-Cf2H7YZ1.js +98 -0
  47. package/dist/{assets/index-Bv_z_qRq.js → index-Ck055pN8.js} +121 -124
  48. package/dist/index-D-fPN3yf.js +75 -0
  49. package/dist/{assets/index-BT8o9-M5.js → index-DJOis7Nc.js} +267 -386
  50. package/dist/index-DKtQMsy4.js +538 -0
  51. package/dist/{assets/index-DMTL7O1s.js → index-DWTsz5bC.js} +570 -586
  52. package/dist/{assets/index-C7zlEJy8.js → index-DuY7BIGm.js} +229 -302
  53. package/dist/{assets/index-B1srGfDb.js → index-o6aSdNED.js} +119 -165
  54. package/dist/index-wfv8ehcx.js +249 -0
  55. package/dist/index.css +9 -18
  56. package/dist/javascript-WMWNx-Vj.js +690 -0
  57. package/dist/jinja2-DnB6dQmV.js +154 -0
  58. package/dist/julia-DpvXAuO6.js +241 -0
  59. package/dist/livescript-CanGTf8u.js +272 -0
  60. package/dist/lua-XplVlWi_.js +217 -0
  61. package/dist/mathematica-jaRHnSxC.js +35 -0
  62. package/dist/mbox-BctzC1hL.js +76 -0
  63. package/dist/mirc-CFBPAOaF.js +72 -0
  64. package/dist/mllike-BSnXJBGA.js +272 -0
  65. package/dist/modelica-vUgVs--1.js +93 -0
  66. package/dist/mscgen-Cpl0NYLN.js +104 -0
  67. package/dist/mumps-CQoS1kWX.js +25 -0
  68. package/dist/nginx-zDPm3Z74.js +89 -0
  69. package/dist/nsis-fePjrhq7.js +62 -0
  70. package/dist/ntriples-CsNjv2QF.js +79 -0
  71. package/dist/octave-C8PmmSRH.js +143 -0
  72. package/dist/oz-Ce8aN8oE.js +151 -0
  73. package/dist/pascal-De0D6mP7.js +77 -0
  74. package/dist/perl-B4bSCe1C.js +915 -0
  75. package/dist/pig-D24Z8EXi.js +54 -0
  76. package/dist/powershell-DkYVfTzP.js +249 -0
  77. package/dist/properties-Dn9wna3M.js +26 -0
  78. package/dist/protobuf-BPIjwpzm.js +49 -0
  79. package/dist/pug-BqUR2bBq.js +248 -0
  80. package/dist/puppet-nyd4dhjf.js +45 -0
  81. package/dist/python-B5QdSKoL.js +313 -0
  82. package/dist/q-DXjKs-tC.js +83 -0
  83. package/dist/r-LKEuhEGI.js +104 -0
  84. package/dist/rpm-IznJm2Xc.js +57 -0
  85. package/dist/ruby-CcYfvIk6.js +228 -0
  86. package/dist/sas-7E8yHoCW.js +105 -0
  87. package/dist/scheme-DjibxsNh.js +124 -0
  88. package/dist/shell-C0C2sNA_.js +182 -0
  89. package/dist/sieve-Bwz7vjP5.js +72 -0
  90. package/dist/simple-mode-B0dvCdAA.js +89 -0
  91. package/dist/smalltalk-Bhddl2pB.js +48 -0
  92. package/dist/solr-BNlsLglM.js +41 -0
  93. package/dist/sparql-FarWu_Gb.js +197 -0
  94. package/dist/spreadsheet-C-cy4P5N.js +49 -0
  95. package/dist/sql-mMre1Bo3.js +282 -0
  96. package/dist/stex-92raWT1r.js +129 -0
  97. package/dist/stylus-CAdqWld3.js +250 -0
  98. package/dist/swift-DSxqR9R6.js +230 -0
  99. package/dist/tcl-xfoLljhY.js +81 -0
  100. package/dist/textile-D1AWE-pc.js +295 -0
  101. package/dist/tiddlywiki-5wqsXtSk.js +155 -0
  102. package/dist/tiki-__Kn3CeS.js +181 -0
  103. package/dist/toml-BHiuTcfn.js +49 -0
  104. package/dist/troff-D2UO-fKf.js +35 -0
  105. package/dist/tsconfig.tsbuildinfo +1 -1
  106. package/dist/ttcn-Bsa4sfRm.js +123 -0
  107. package/dist/ttcn-cfg-Bac_acMi.js +88 -0
  108. package/dist/turtle-xwJUxoPV.js +80 -0
  109. package/dist/ui/components/atoms/vc-widget/vc-widget.vue.d.ts.map +1 -1
  110. package/dist/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/vc-blade-toolbar.vue.d.ts.map +1 -1
  111. package/dist/vb-c2kQGd6-.js +74 -0
  112. package/dist/vbscript-Dz1TtKsy.js +324 -0
  113. package/dist/velocity-DJd0pTTC.js +96 -0
  114. package/dist/verilog-C4VGD9n1.js +263 -0
  115. package/dist/vhdl-T9HkrbI2.js +106 -0
  116. package/dist/webidl-CjfDENEo.js +155 -0
  117. package/dist/xquery-BUQdORAS.js +422 -0
  118. package/dist/yacas-C0absKBh.js +73 -0
  119. package/dist/z80-C8rPtw-0.js +61 -0
  120. package/package.json +4 -4
  121. package/ui/components/atoms/vc-widget/vc-widget.vue +2 -0
  122. package/ui/components/organisms/vc-blade/_internal/vc-blade-toolbar/vc-blade-toolbar.vue +65 -32
  123. package/dist/assets/apl-NdZ6-T1z.js +0 -142
  124. package/dist/assets/asciiarmor-CmJEbAuq.js +0 -56
  125. package/dist/assets/asn1-Ctc8K72v.js +0 -192
  126. package/dist/assets/asterisk-D6r__RMF.js +0 -187
  127. package/dist/assets/brainfuck-COwWCBpq.js +0 -70
  128. package/dist/assets/clike-C-PtfL50.js +0 -1019
  129. package/dist/assets/clojure-C2XPrGCa.js +0 -274
  130. package/dist/assets/cmake-BGrEgXCL.js +0 -81
  131. package/dist/assets/cobol-DShPmpZe.js +0 -234
  132. package/dist/assets/coffeescript-BG8vTfSz.js +0 -329
  133. package/dist/assets/commonlisp-8oE2EpEe.js +0 -108
  134. package/dist/assets/core-api-BMLS9FrT.js +0 -8288
  135. package/dist/assets/core-composables-DYxpIWyY.js +0 -1799
  136. package/dist/assets/core-constants-DiKDBbnD.js +0 -83
  137. package/dist/assets/core-directives-QhJx9kWh.js +0 -41
  138. package/dist/assets/core-interceptors-CSjUvxQ0.js +0 -78
  139. package/dist/assets/core-plugins-wv2bDZ0l.js +0 -4919
  140. package/dist/assets/core-services-CAfJRsjs.js +0 -4
  141. package/dist/assets/core-utilities-BTktq_a-.js +0 -33
  142. package/dist/assets/crystal--rIRMl16.js +0 -419
  143. package/dist/assets/css/core-directives-FL4vIIkN.css +0 -73
  144. package/dist/assets/css/fonts-M1mtyV8L.css +0 -305
  145. package/dist/assets/css/icons-css-DbCVsovz.css +0 -41
  146. package/dist/assets/css/shared-components-bnLHdCtf.css +0 -429
  147. package/dist/assets/css/shared-modules-CNOICmYQ.css +0 -45
  148. package/dist/assets/css/styles-C62nDZwV.css +0 -4096
  149. package/dist/assets/css/ui-app-Bh9hmlIB.css +0 -1287
  150. package/dist/assets/css/ui-content-B29jsmK7.css +0 -1187
  151. package/dist/assets/css/ui-controls-CRtfFczw.css +0 -387
  152. package/dist/assets/css/ui-data-CYLxfdUa.css +0 -1555
  153. package/dist/assets/css/ui-form-C3WrWfVl.css +0 -71
  154. package/dist/assets/css/ui-form-fields-DOtHhDeM.css +0 -1360
  155. package/dist/assets/css/ui-helpers-bOoNv5dS.css +0 -37
  156. package/dist/assets/css/ui-indicators-CybQnCoU.css +0 -628
  157. package/dist/assets/css/ui-layout-DyGKgizy.css +0 -251
  158. package/dist/assets/css/ui-media-TWYep8js.css +0 -298
  159. package/dist/assets/css/ui-media-advanced-BGxy3VSB.css +0 -183
  160. package/dist/assets/css/ui-navigation-DcPRn8SB.css +0 -1693
  161. package/dist/assets/css-C_ZeEwz2.js +0 -847
  162. package/dist/assets/cypher-Bayei42D.js +0 -122
  163. package/dist/assets/d-B0hhz6be.js +0 -205
  164. package/dist/assets/diff-DQutOIXs.js +0 -30
  165. package/dist/assets/dtd-C1CeYVnM.js +0 -121
  166. package/dist/assets/dylan-Dm9-uD-A.js +0 -337
  167. package/dist/assets/ebnf-jWG_1Yly.js +0 -151
  168. package/dist/assets/ecl-CgJPA6z9.js +0 -190
  169. package/dist/assets/eiffel-lj7uLahq.js +0 -146
  170. package/dist/assets/elm-Cz7o1ijk.js +0 -230
  171. package/dist/assets/erlang-CyL5QOyR.js +0 -581
  172. package/dist/assets/factor-BVWHwYpu.js +0 -65
  173. package/dist/assets/fcl-DiozYjc8.js +0 -154
  174. package/dist/assets/forth-B7vn5ze0.js +0 -164
  175. package/dist/assets/fortran-D2XNEnBT.js +0 -172
  176. package/dist/assets/gas-B_Tj57Ve.js +0 -343
  177. package/dist/assets/gherkin-CJ6Qk4EZ.js +0 -147
  178. package/dist/assets/groovy-ioGz2WSV.js +0 -228
  179. package/dist/assets/haskell-BHnm1B83.js +0 -239
  180. package/dist/assets/haxe-Bn6Yo6N3.js +0 -490
  181. package/dist/assets/http-BOd5SYCT.js +0 -89
  182. package/dist/assets/idl-FSFk8_xX.js +0 -274
  183. package/dist/assets/index--5fKpGeN.js +0 -792
  184. package/dist/assets/index-0lME64YH.js +0 -342
  185. package/dist/assets/index-B6Ip0FgO.js +0 -437
  186. package/dist/assets/index-BmV05E5M.js +0 -479
  187. package/dist/assets/index-C6MavZDA.js +0 -131
  188. package/dist/assets/index-CwKpgcYl.js +0 -85
  189. package/dist/assets/index-DRUmDL0J.js +0 -59
  190. package/dist/assets/index-DgFC-M9G.js +0 -96
  191. package/dist/assets/javascript-DGrAs70C.js +0 -922
  192. package/dist/assets/jinja2-D9k5QrXv.js +0 -171
  193. package/dist/assets/julia-DM42tOPB.js +0 -369
  194. package/dist/assets/livescript-Dci8HnOi.js +0 -259
  195. package/dist/assets/lua-CByQu4v6.js +0 -137
  196. package/dist/assets/lucide-icons-af0BY3bi.js +0 -34555
  197. package/dist/assets/mathematica-Dkv0uCYF.js +0 -153
  198. package/dist/assets/mbox-CYTvs5kC.js +0 -114
  199. package/dist/assets/mirc-DpgP3GCo.js +0 -176
  200. package/dist/assets/mllike-C6tNn2Yt.js +0 -343
  201. package/dist/assets/modelica-CR6hTSce.js +0 -192
  202. package/dist/assets/mscgen-D0GXtzMS.js +0 -149
  203. package/dist/assets/mumps-Bf1EyDa6.js +0 -129
  204. package/dist/assets/nginx-By9Phklj.js +0 -163
  205. package/dist/assets/nsis-B5ggMLQ9.js +0 -80
  206. package/dist/assets/ntriples-C7VJ7pnm.js +0 -141
  207. package/dist/assets/octave-6yR_ix15.js +0 -112
  208. package/dist/assets/oz-CEUnktiQ.js +0 -235
  209. package/dist/assets/pascal-Dksf1EyF.js +0 -124
  210. package/dist/assets/perl-B99DUQQt.js +0 -819
  211. package/dist/assets/pig-DFeDRta6.js +0 -149
  212. package/dist/assets/powershell-DhwsNWMx.js +0 -381
  213. package/dist/assets/properties-o21uErwC.js +0 -62
  214. package/dist/assets/protobuf-YxlANsmD.js +0 -54
  215. package/dist/assets/pug-bUgjeODZ.js +0 -504
  216. package/dist/assets/puppet-B8WICGYE.js +0 -205
  217. package/dist/assets/python-D3FFx1Id.js +0 -389
  218. package/dist/assets/q-D2Hjhl2C.js +0 -123
  219. package/dist/assets/r-D73k5lac.js +0 -174
  220. package/dist/assets/rpm-Duv_WH0z.js +0 -89
  221. package/dist/assets/ruby-DGCVqZDt.js +0 -287
  222. package/dist/assets/sas-XjPv1Vy5.js +0 -268
  223. package/dist/assets/scheme-DeaA28vt.js +0 -263
  224. package/dist/assets/shared-components-CfAt2hC6.js +0 -1501
  225. package/dist/assets/shared-composables-v9NkNuAe.js +0 -35
  226. package/dist/assets/shared-modules-CDP-H5ZB.js +0 -3588
  227. package/dist/assets/shared-pages-BGRRA5WB.js +0 -20
  228. package/dist/assets/shell-Bx6QZTgx.js +0 -145
  229. package/dist/assets/sieve-CWCD62sW.js +0 -178
  230. package/dist/assets/simple-mode-BAO9cD7H.js +0 -136
  231. package/dist/assets/smalltalk-DSQbF4MF.js +0 -153
  232. package/dist/assets/solr-v_XRf31C.js +0 -80
  233. package/dist/assets/sparql-BrfDqf0-.js +0 -170
  234. package/dist/assets/spreadsheet-Csn84Pef.js +0 -98
  235. package/dist/assets/sql-D4utlq1l.js +0 -480
  236. package/dist/assets/stex-DBkktma-.js +0 -246
  237. package/dist/assets/stylus-ByG-Fd6f.js +0 -750
  238. package/dist/assets/swift-CHbTprt3.js +0 -202
  239. package/dist/assets/tcl-BRlMUELr.js +0 -125
  240. package/dist/assets/textile-CqfTUjd4.js +0 -441
  241. package/dist/assets/tiddlywiki-BrsoM8KB.js +0 -278
  242. package/dist/assets/tiki-D-ivWPkc.js +0 -289
  243. package/dist/assets/toml-t_IhJu83.js +0 -75
  244. package/dist/assets/troff-DckGF2AE.js +0 -64
  245. package/dist/assets/ttcn-B8TAFbRR.js +0 -253
  246. package/dist/assets/ttcn-cfg-NHh25oCM.js +0 -197
  247. package/dist/assets/turtle-D9Js0BlL.js +0 -141
  248. package/dist/assets/ui-app-D31Pr1WY.js +0 -1993
  249. package/dist/assets/ui-content-B7SxH8y9.js +0 -52887
  250. package/dist/assets/ui-controls-nmDJYLmC.js +0 -348
  251. package/dist/assets/ui-data-Ci3b1ye0.js +0 -22901
  252. package/dist/assets/ui-form-Cs5ooOo7.js +0 -159
  253. package/dist/assets/ui-form-fields-DFQi31jT.js +0 -40575
  254. package/dist/assets/ui-helpers-CF-EUlOg.js +0 -1736
  255. package/dist/assets/ui-indicators-mIQeEqha.js +0 -199
  256. package/dist/assets/ui-layout-v2XBQky3.js +0 -320
  257. package/dist/assets/ui-media-WWYrwmZw.js +0 -1259
  258. package/dist/assets/ui-media-advanced-T8ibi153.js +0 -492
  259. package/dist/assets/ui-modals-BdZXzI85.js +0 -2
  260. package/dist/assets/ui-navigation-BtHa6ovW.js +0 -24269
  261. package/dist/assets/utils-DZK5fu48.js +0 -17216
  262. package/dist/assets/vb-CbIGLrpY.js +0 -249
  263. package/dist/assets/vbscript-8ANWle9n.js +0 -320
  264. package/dist/assets/velocity-D6hz3Hzw.js +0 -186
  265. package/dist/assets/verilog-DIV442at.js +0 -565
  266. package/dist/assets/vhdl-BlTiZo_v.js +0 -174
  267. package/dist/assets/vueuse-CTQm4Zh0.js +0 -9308
  268. package/dist/assets/webidl-Cp3tcqdk.js +0 -179
  269. package/dist/assets/xquery-Dd4TBzXv.js +0 -411
  270. package/dist/assets/yacas-DQ1WucF0.js +0 -182
  271. package/dist/assets/z80-P1j44jDI.js +0 -102
@@ -1,1555 +0,0 @@
1
- :root {
2
- --table-add-new-icon-color: var(--primary-400);
3
- }
4
- .vc-table-add-new-row {
5
- padding: 0.75rem;
6
- }
7
- .vc-table-add-new-row__content {
8
- display: flex;
9
- flex-direction: row;
10
- align-items: center;
11
- gap: 0.5rem;
12
- }
13
- .vc-table-add-new-row__icon {
14
- color: var(--table-add-new-icon-color);
15
- }:root {
16
- --table-cell-error-color: var(--danger-500);
17
- --table-cell-text-color: var(--neutrals-400);
18
- --table-cell-text-base-color: var(--additional-950);
19
- }
20
- .vc-table-cell {
21
- font-size: 0.875rem;
22
- line-height: 1.125rem;
23
- line-height: 1.5;
24
- color: var(--table-cell-text-base-color);
25
- }
26
- .vc-table-cell__not-set {
27
- overflow: hidden;
28
- text-overflow: ellipsis;
29
- white-space: nowrap;
30
- }
31
- .vc-table-cell__money {
32
- overflow: hidden;
33
- text-overflow: ellipsis;
34
- white-space: nowrap;
35
- }
36
- .vc-table-cell__input-currency {
37
- width: 100%;
38
- }
39
- .vc-table-cell__error-icon {
40
- color: var(--table-cell-error-color);
41
- }
42
- .vc-table-cell__error-tooltip {
43
- color: var(--table-cell-error-color);
44
- }
45
- .vc-table-cell__date-ago {
46
- color: var(--table-cell-text-color);
47
- }
48
- .vc-table-cell__date-ago-content {
49
- overflow: hidden;
50
- text-overflow: ellipsis;
51
- white-space: nowrap;
52
- }
53
- .vc-table-cell__date {
54
- overflow: hidden;
55
- text-overflow: ellipsis;
56
- white-space: nowrap;
57
- color: var(--table-cell-text-color);
58
- }
59
- .vc-table-cell__date-content {
60
- overflow: hidden;
61
- text-overflow: ellipsis;
62
- white-space: nowrap;
63
- }
64
- .vc-table-cell__status-icon {
65
- display: flex;
66
- justify-content: center;
67
- }
68
- .vc-table-cell__number {
69
- overflow: hidden;
70
- text-overflow: ellipsis;
71
- white-space: nowrap;
72
- }
73
- .vc-table-cell__input-number {
74
- width: 100%;
75
- }
76
- .vc-table-cell__link {
77
- overflow: hidden;
78
- text-overflow: ellipsis;
79
- white-space: nowrap;
80
- }
81
- .vc-table-cell__html {
82
- overflow: hidden;
83
- text-overflow: ellipsis;
84
- white-space: nowrap;
85
- padding: 0.25rem;
86
- }
87
- .vc-table-cell__default {
88
- overflow: hidden;
89
- text-overflow: ellipsis;
90
- white-space: nowrap;
91
- }
92
- .vc-table-cell__input-default {
93
- width: 100%;
94
- }.vc-table-empty {
95
- box-sizing: border-box;
96
- display: flex;
97
- height: 100%;
98
- width: 100%;
99
- flex-direction: column;
100
- align-items: center;
101
- justify-content: center
102
- }
103
- .vc-table-empty__image {
104
- height: auto;
105
- width: auto
106
- }
107
- .vc-table-empty__text {
108
- margin: 1rem;
109
- text-align: center;
110
- font-size: 1.25rem;
111
- line-height: 1.75rem;
112
- font-weight: 500
113
- }
114
- .vc-table-empty__button {
115
- cursor: pointer;
116
- border-radius: 0.25rem;
117
- padding-left: 1rem;
118
- padding-right: 1rem;
119
- padding-top: 0.5rem;
120
- padding-bottom: 0.5rem;
121
- font-size: 0.875rem;
122
- line-height: 1.125rem;
123
- font-weight: 500;
124
- transition: background-color 0.3s ease
125
- }:root {
126
- --table-mobile-background-color: var(--additional-50);
127
- --table-mobile-action-bg: var(--secondary-400);
128
- --table-mobile-border-color: var(--secondary-200);
129
- --table-mobile-action-text-color: var(--additional-50);
130
- --table-mobile-action-popup-overlay: var(--neutrals-100);
131
- --table-mobile-action-popup-bg: var(--additional-50);
132
- --table-mobile-action-popup-shadow-color: var(--secondary-200);
133
- --table-mobile-action-popup-shadow: 1px 1px 22px var(--table-mobile-action-popup-shadow-color);
134
- --table-mobile-action-popup-border-color: var(--neutrals-200);
135
- --table-mobile-action-popup-title-color: var(--neutrals-700);
136
- --table-mobile-action-popup-icon-color: var(--secondary-600);
137
- --table-mobile-action-popup-action-text-color: var(--primary-500);
138
- --table-mobile-action-success: var(--success-400);
139
- --table-mobile-action-danger: var(--danger-500);
140
- --table-mobile-action-selected: var(--primary-100);
141
- --table-mobile-action-more: var(--neutrals-400);
142
- }
143
- .vc-table-mobile {
144
- display: block;
145
- -webkit-user-select: none;
146
- -moz-user-select: none;
147
- user-select: none;
148
- overflow: visible;
149
- touch-action: pan-y;
150
- }
151
- .vc-table-mobile__item {
152
- display: flex;
153
- height: 100%;
154
- width: 100%;
155
- flex-shrink: 0;
156
- flex-direction: row;
157
- background-color: var(--table-mobile-background-color);
158
- will-change: transform;
159
- }
160
- .vc-table-mobile__item.vc-table-mobile__item-selected {
161
- background-color: var(--table-mobile-action-selected) !important;
162
- }
163
- .vc-table-mobile__checkbox-container {
164
- position: absolute;
165
- display: flex;
166
- align-items: flex-start;
167
- justify-content: center;
168
- padding-left: 0.5rem;
169
- padding-right: 0.5rem;
170
- padding-top: 10px;
171
- }
172
- .vc-table-mobile__content {
173
- position: relative;
174
- display: flex;
175
- width: 100%;
176
- flex: 1 1 auto;
177
- flex-direction: column;
178
- overflow: hidden;
179
- }
180
- .vc-table-mobile__swipe-actions {
181
- position: absolute;
182
- top: 0px;
183
- bottom: 0px;
184
- right: 0px;
185
- display: flex;
186
- flex-shrink: 0;
187
- flex-direction: row;
188
- background-color: var(--table-mobile-action-bg);
189
- justify-content: stretch;
190
- will-change: width;
191
- }
192
- .vc-table-mobile__action {
193
- display: flex;
194
- width: 70px;
195
- flex-grow: 1;
196
- flex-basis: 1;
197
- flex-direction: column;
198
- align-items: center;
199
- justify-content: center;
200
- color: var(--table-mobile-action-text-color);
201
- position: relative;
202
- background: none;
203
- border: none;
204
- outline: none;
205
- padding: 0;
206
- transition: opacity 0.15s ease, transform 0.15s ease;
207
- }
208
- .vc-table-mobile__action:active {
209
- opacity: 0.8;
210
- transform: scale(0.95);
211
- }
212
- .vc-table-mobile__action-title {
213
- margin-top: 0.25rem;
214
- text-align: center;
215
- font-size: 0.75rem;
216
- line-height: 0.875rem;
217
- }
218
- .vc-table-mobile__item-action_success {
219
- background-color: var(--table-mobile-action-success);
220
- }
221
- .vc-table-mobile__item-action_danger {
222
- background-color: var(--table-mobile-action-danger);
223
- }
224
- .vc-table-mobile__item-selected {
225
- background-color: var(--table-mobile-action-selected) !important;
226
- }
227
- .vc-table-mobile__slot {
228
- display: flex;
229
- flex-grow: 1;
230
- flex-direction: column;
231
- will-change: transform;
232
- }
233
- .vc-table-mobile__slot--left {
234
- --tw-translate-x: 34px !important;
235
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
236
- }
237
- .vc-table-mobile__action_more {
238
- color: var(--table-mobile-action-text-color);
239
- }
240
- .vc-table-mobile__action_more-left {
241
- background-color: var(--table-mobile-action-more);
242
- color: var(--table-mobile-action-text-color);
243
- }
244
- .vc-table-mobile__actions-popup-overlay {
245
- position: absolute;
246
- left: 0px;
247
- top: 0px;
248
- right: 0px;
249
- bottom: 0px;
250
- z-index: 99;
251
- display: flex;
252
- align-items: center;
253
- justify-content: center;
254
- background-color: var(--table-mobile-action-popup-overlay);
255
- }
256
- .vc-table-mobile__actions-popup {
257
- box-sizing: border-box;
258
- width: 350px;
259
- max-width: 80%;
260
- overflow: hidden;
261
- border-radius: 6px;
262
- border-width: 1px;
263
- border-style: solid;
264
- border-color: var(--table-mobile-action-popup-border-color);
265
- background-color: var(--table-mobile-action-popup-bg);
266
- padding: 1.25rem;
267
- box-shadow: var(--table-mobile-action-popup-shadow);
268
- }
269
- .vc-table-mobile__actions-popup-header {
270
- display: flex;
271
- width: 100%;
272
- align-items: center;
273
- }
274
- .vc-table-mobile__actions-popup-title {
275
- flex-grow: 1;
276
- font-size: 19px;
277
- font-weight: 600;
278
- letter-spacing: -0.01em;
279
- color: var(--table-mobile-action-popup-title-color);
280
- }
281
- .vc-table-mobile__actions-popup-close {
282
- color: var(--table-mobile-action-popup-icon-color);
283
- }
284
- .vc-table-mobile__actions-popup-content {
285
- display: flex;
286
- flex-wrap: wrap;
287
- justify-content: space-between;
288
- }
289
- .vc-table-mobile__actions-popup-action {
290
- margin-top: 0.5rem;
291
- margin-bottom: 0.5rem;
292
- box-sizing: border-box;
293
- display: flex;
294
- max-width: 80px;
295
- flex-shrink: 0;
296
- flex-grow: 1;
297
- flex-direction: column;
298
- align-items: center;
299
- padding: 0.25rem;
300
- color: var(--table-mobile-action-popup-action-text-color);
301
- transition: opacity 0.15s ease, transform 0.15s ease;
302
- }
303
- .vc-table-mobile__actions-popup-action:active {
304
- opacity: 0.8;
305
- transform: scale(0.95);
306
- }
307
- .vc-table-mobile__actions-popup-action-title {
308
- margin-top: 0.5rem;
309
- text-align: center;
310
- font-size: 0.875rem;
311
- line-height: 1.125rem;
312
- }
313
- .vc-table-mobile__spacer {
314
- display: flex;
315
- flex: 1 1 auto;
316
- justify-content: space-between;
317
- }.vc-table-mobile-view {
318
- position: relative;
319
- height: 100%;
320
- flex-grow: 1;
321
- flex-basis: 0px
322
- }
323
- .vc-table-mobile-view__items {
324
- display: flex;
325
- height: -moz-max-content;
326
- height: max-content;
327
- flex-grow: 1;
328
- flex-direction: column;
329
- width: -moz-available;
330
- width: -webkit-fill-available
331
- }
332
- .vc-table-mobile-view__empty {
333
- display: flex;
334
- height: 100%;
335
- flex-grow: 1;
336
- flex-direction: column;
337
- overflow: auto
338
- }
339
- .vc-table-mobile-view__item-renderer {
340
- padding-top: 0.5rem;
341
- padding-bottom: 0.5rem;
342
- padding-left: 28px;
343
- padding-right: 28px
344
- }
345
- .vc-table-mobile-view__items > *:nth-child(odd) .vc-table-mobile__item {
346
- background-color: var(--additional-50)
347
- }
348
- .vc-table-mobile-view__items > *:nth-child(even) .vc-table-mobile__item {
349
- background-color: var(--neutrals-50)
350
- }
351
- .vc-table-mobile-view__content {
352
- display: flex;
353
- flex-direction: row;
354
- align-items: flex-start
355
- }
356
- .vc-table-mobile-view__rows {
357
- display: flex;
358
- width: 100%;
359
- flex-grow: 1;
360
- flex-direction: column
361
- }
362
- .vc-table-mobile-view__row {
363
- display: flex;
364
- width: 100%;
365
- flex-direction: row;
366
- align-items: center;
367
- justify-content: space-between;
368
- gap: 0.75rem
369
- }
370
- .vc-table-mobile-view__row:first-child {
371
- margin-bottom: 0.5rem
372
- }
373
- .vc-table-mobile-view__cell {
374
- display: flex;
375
- min-width: 0px;
376
- max-width: 50%;
377
- align-items: center;
378
- overflow: hidden;
379
- text-overflow: ellipsis;
380
- white-space: nowrap
381
- }
382
- .vc-table-mobile-view__cell--image {
383
- margin-right: 1rem;
384
- min-height: 3.5rem;
385
- min-width: 3.5rem;
386
- overflow: hidden
387
- }
388
- .vc-table-mobile-view__cell--status, .vc-table-mobile-view__cell--status-icon {
389
- position: absolute;
390
- left: 0px;
391
- display: flex;
392
- height: 1.5rem;
393
- width: 1.5rem;
394
- flex-shrink: 0;
395
- align-items: center;
396
- justify-content: center
397
- }
398
- .vc-table-mobile-view__cell--status-icon {
399
- top: 2.5rem
400
- }
401
- .vc-table-mobile-view__cell--title, .vc-table-mobile-view__cell--code {
402
- margin-right: 1rem;
403
- flex-grow: 1;
404
- overflow: hidden;
405
- text-overflow: ellipsis;
406
- white-space: nowrap
407
- }
408
- .vc-table-mobile-view__cell--title {
409
- font-size: 1.125rem;
410
- line-height: 1.375rem;
411
- font-weight: 500
412
- }
413
- .vc-table-mobile-view__cell--code {
414
- font-size: 1rem;
415
- line-height: 1.25rem;
416
- font-weight: 400;
417
- color: var(--table-cell-text-color)
418
- }
419
- .vc-table-mobile-view__cell--date, .vc-table-mobile-view__cell--date-ago, .vc-table-mobile-view__cell--money, .vc-table-mobile-view__cell--number {
420
- flex-shrink: 0;
421
- text-align: right
422
- }
423
- .vc-table-mobile-view__cell--date, .vc-table-mobile-view__cell--date-ago {
424
- font-size: 0.875rem;
425
- line-height: 1.125rem;
426
- color: var(--table-cell-text-color)
427
- }
428
- .vc-table-mobile-view__cell--money, .vc-table-mobile-view__cell--number {
429
- font-size: 1rem;
430
- line-height: 1.25rem;
431
- font-weight: 500
432
- }:root {
433
- --table-column-switcher-dropdown-bg: var(--additional-50);
434
- --table-column-switcher-dropdown-border: var(--neutrals-200);
435
- --table-column-switcher-dropdown-item-hover: var(--primary-50);
436
- --table-column-switcher-text-color: var(--neutrals-950);
437
- }
438
- .vc-table-column-switcher {
439
- position: relative;
440
- float: right;
441
- margin-right: 1rem;
442
- height: 100%;
443
- width: -moz-min-content;
444
- width: min-content;
445
- }
446
- .vc-table-column-switcher__item {
447
- box-sizing: border-box;
448
- display: flex;
449
- cursor: pointer;
450
- align-items: center;
451
- font-size: 0.875rem;
452
- line-height: 1.125rem;
453
- width: 100%;
454
- padding-left: 0.75rem;
455
- padding-right: 0.75rem;
456
- padding-top: 0.5rem;
457
- padding-bottom: 0.5rem;
458
- color: var(--table-column-switcher-text-color);
459
- }
460
- .vc-table-column-switcher__item-icon {
461
- width: 1rem;
462
- }
463
- .vc-table-column-switcher__item-title {
464
- margin-left: 0.5rem;
465
- }:root {
466
- --table-header-height: 60px;
467
- --table-header-border-color: var(--neutrals-200);
468
- }
469
- .vc-table-columns-header {
470
- border-top-width: 1px;
471
- border-bottom-width: 1px;
472
- border-style: solid;
473
- border-color: var(--table-header-border-color);
474
- }
475
- .vc-table-columns-header__row {
476
- display: flex;
477
- flex-direction: row;
478
- background-color: var(--table-header-bg);
479
- box-shadow: var(--table-header-border);
480
- }
481
- .vc-table-columns-header__checkbox {
482
- position: sticky;
483
- top: 0px;
484
- z-index: 1;
485
- box-sizing: border-box;
486
- display: flex;
487
- width: 2.25rem;
488
- min-width: 2.25rem;
489
- max-width: 2.25rem;
490
- flex: 1 1 0%;
491
- -webkit-user-select: none;
492
- -moz-user-select: none;
493
- user-select: none;
494
- align-items: center;
495
- justify-content: center;
496
- overflow: hidden;
497
- background-color: var(--table-header-bg);
498
- }
499
- .vc-table-columns-header__checkbox-content {
500
- display: flex;
501
- align-items: center;
502
- justify-content: center;
503
- }
504
- .vc-table-columns-header__checkbox-resizer {
505
- position: absolute;
506
- right: 0px;
507
- display: flex;
508
- height: 100%;
509
- width: 1px;
510
- justify-content: flex-end;
511
- background-color: var(--table-resizer-color);
512
- }
513
- .vc-table-columns-header__cell {
514
- position: sticky;
515
- top: 0px;
516
- z-index: 1;
517
- box-sizing: border-box;
518
- display: flex;
519
- height: var(--table-header-height);
520
- flex: 1 1 0%;
521
- -webkit-user-select: none;
522
- -moz-user-select: none;
523
- user-select: none;
524
- align-items: center;
525
- overflow: hidden;
526
- background-color: var(--table-header-bg);
527
- }
528
- .vc-table-columns-header__cell--sortable {
529
- cursor: pointer;
530
- }
531
- .vc-table-columns-header__cell--sortable:hover .vc-table-columns-header__cell-sort-icons {
532
- visibility: visible;
533
- }
534
- .vc-table-columns-header__cell-content {
535
- display: flex;
536
- flex-wrap: nowrap;
537
- align-items: center;
538
- overflow: hidden;
539
- text-overflow: ellipsis;
540
- white-space: nowrap;
541
- padding-left: 0.75rem;
542
- padding-right: 0.75rem;
543
- font-size: 0.875rem;
544
- font-weight: 600;
545
- line-height: 1.25rem;
546
- color: var(--table-header-text-color);
547
- }
548
- .vc-table-columns-header__cell-title {
549
- overflow: hidden;
550
- text-overflow: ellipsis;
551
- white-space: nowrap;
552
- }
553
- .vc-table-columns-header__cell-required {
554
- margin-right: 0.25rem;
555
- color: var(--label-required-color);
556
- }
557
- .vc-table-columns-header__cell-sort-icon {
558
- margin-left: 0.25rem;
559
- color: var(--table-sort-icon-color);
560
- }
561
- .vc-table-columns-header__cell-sort-icons {
562
- visibility: hidden;
563
- margin-left: 0.25rem;
564
- display: flex;
565
- flex-direction: column;
566
- color: var(--table-sort-icon-color);
567
- }
568
- .vc-table-columns-header__cell-resizer {
569
- position: absolute;
570
- right: 0px;
571
- margin-right: 0.25rem;
572
- display: flex;
573
- height: 100%;
574
- width: 0.75rem;
575
- justify-content: flex-end;
576
- border-right-width: 1px;
577
- border-style: solid;
578
- border-color: var(--table-resizer-color);
579
- }
580
- .vc-table-columns-header__cell-resizer--cursor {
581
- cursor: col-resize;
582
- }
583
- .vc-table-columns-header__column-switcher {
584
- position: absolute;
585
- right: 0px;
586
- z-index: 10;
587
- display: flex;
588
- height: var(--table-header-height);
589
- align-items: center;
590
- }
591
- .vc-table-columns-header__resizer {
592
- position: absolute;
593
- z-index: 10;
594
- display: none;
595
- height: 100%;
596
- width: 1px;
597
- cursor: col-resize;
598
- background-color: var(--table-resizer-color);
599
- }
600
- .vc-table-columns-header__reorder-ref {
601
- position: absolute;
602
- top: 0px;
603
- bottom: 0px;
604
- z-index: 20;
605
- display: none;
606
- height: 100%;
607
- width: 0.125rem;
608
- background-color: var(--table-reorder-color);
609
- }.vc-table-select-all-footer {
610
- display: flex;
611
- height: 4rem;
612
- min-height: 4rem;
613
- width: 100%;
614
- background-color: var(--table-select-all-bg)
615
- }
616
- .vc-table-select-all-footer__content {
617
- display: flex;
618
- width: 100%;
619
- align-items: center;
620
- justify-content: center
621
- }
622
- .vc-table-select-all-footer__button {
623
- font-size: 0.875rem;
624
- line-height: 1.125rem
625
- }.vc-table-row {
626
- position: relative;
627
- display: flex;
628
- height: 3.5rem;
629
- min-height: 3.5rem;
630
- width: 100%;
631
- }
632
- .vc-table-row--odd {
633
- background-color: var(--table-row-bg-odd);
634
- }
635
- .vc-table-row--even {
636
- background-color: var(--table-row-bg-even);
637
- }
638
- .vc-table-row--clickable {
639
- cursor: pointer;
640
- border-style: solid;
641
- }
642
- .vc-table-row--clickable:hover {
643
- background-color: var(--table-row-bg-hover);
644
- }
645
- .vc-table-row--selected {
646
- background-color: var(--table-row-hover);
647
- }
648
- .vc-table-row--selected:hover {
649
- background-color: var(--table-row-hover);
650
- }
651
- .vc-table-row--selection {
652
- background-color: var(--table-row-bg-selected);
653
- }
654
- .vc-table-row--selection:hover {
655
- background-color: var(--table-row-bg-selected);
656
- }
657
- .vc-table-row__checkbox {
658
- position: relative;
659
- display: flex;
660
- width: 36px;
661
- min-width: 36px;
662
- max-width: 36px;
663
- flex: 1 1 0%;
664
- align-items: center;
665
- justify-content: center;
666
- }
667
- .vc-table-row__checkbox-content {
668
- display: flex;
669
- align-items: center;
670
- justify-content: center;
671
- }
672
- .vc-table-row__checkbox-resizer {
673
- position: absolute;
674
- top: 0px;
675
- bottom: 0px;
676
- right: 0px;
677
- width: 1px;
678
- background-color: var(--table-resizer-color);
679
- }
680
- .vc-table-row__cell {
681
- position: relative;
682
- box-sizing: border-box;
683
- display: flex;
684
- flex: 1 1 0%;
685
- align-items: center;
686
- overflow: hidden;
687
- padding-left: 0.75rem;
688
- padding-right: 0.75rem;
689
- }
690
- .vc-table-row__cell-content {
691
- width: 100%;
692
- overflow: hidden;
693
- text-overflow: ellipsis;
694
- white-space: nowrap;
695
- font-size: 0.875rem;
696
- line-height: 1.125rem;
697
- color: var(--table-text-color);
698
- }
699
- .vc-table-row__actions {
700
- position: absolute;
701
- right: 0px;
702
- display: flex;
703
- height: 100%;
704
- background-color: var(--table-actions-bg);
705
- padding-left: 0.625rem;
706
- padding-right: 0.625rem;
707
- }
708
- .vc-table-row__actions--hover:hover {
709
- background-color: var(--table-actions-bg-hover);
710
- }
711
- .vc-table-row__actions--selected:hover {
712
- background-color: var(--table-actions-bg-hover-selected-item);
713
- }
714
- .vc-table-row__actions-content {
715
- display: flex;
716
- flex-direction: row;
717
- align-items: center;
718
- gap: 0.625rem;
719
- font-size: 1rem;
720
- font-weight: 400;
721
- line-height: 1.25rem;
722
- color: var(--table-actions-text-color);
723
- }
724
- .vc-table-row__actions-item {
725
- display: flex;
726
- height: 1.5rem;
727
- width: 1.5rem;
728
- cursor: pointer;
729
- align-items: center;
730
- justify-content: center;
731
- color: var(--table-actions-icon-color);
732
- }
733
- .vc-table-row__actions-item:hover {
734
- color: var(--table-actions-icon-color-hover);
735
- }
736
- .vc-table-row__actions-tooltip {
737
- font-size: 1rem;
738
- font-weight: 400;
739
- font-style: normal;
740
- line-height: 1.25rem;
741
- color: var(--table-actions-tooltip-text);
742
- }
743
- .vc-table-row__drag-row-bottom:after {
744
- content: "";
745
- position: absolute;
746
- top: 0;
747
- left: 0;
748
- width: 100%;
749
- height: 2px;
750
- box-shadow: var(--table-row-drag-shadow);
751
- }
752
- .vc-table-row__drag-row-top:after {
753
- content: "";
754
- position: absolute;
755
- top: 0;
756
- left: 0;
757
- width: 100%;
758
- height: 2px;
759
- box-shadow: var(--table-row-drag-shadow);
760
- }.vc-table-body {
761
- display: flex;
762
- flex-direction: column;
763
- overflow: auto
764
- }
765
- .vc-table-body__empty {
766
- display: flex;
767
- flex: 1 1 auto;
768
- flex-direction: column;
769
- overflow: auto
770
- }.vc-table-desktop-view {
771
- position: relative;
772
- box-sizing: border-box;
773
- display: flex;
774
- height: 100%;
775
- width: 100%;
776
- flex-direction: column
777
- }
778
- .vc-table-desktop-view--empty {
779
- overflow: auto
780
- }
781
- .vc-table-desktop-view--multiselect {
782
- overflow: auto
783
- }:root {
784
- --table-filter-counter-bg: var(--additional-50);
785
- --table-filter-counter-text-color: var(--info-500);
786
- --table-filter-mobile-panel-overlay: var(--neutral-500);
787
- --table-filter-desktop-shadow-color: var(--additional-950);
788
- --table-filter-desktop-shadow: 1px 1px 11px rgb(from var(--table-filter-desktop-shadow-color) r g b / 7%);
789
- --table-filter-panel-bg: var(--additional-50);
790
- --table-filter-close-icon-color: var(--neutrals-500);
791
- --table-filter-panel-border-color: var(--neutrals-200);
792
- --table-filter-panel-header-title-color: var(--neutrals-600);
793
- }
794
- .vc-table-filter {
795
- position: relative;
796
- overflow: visible;
797
- }
798
- .vc-table-filter__button {
799
- padding: 0px !important;
800
- }
801
- .vc-table-filter__icon-container {
802
- display: flex;
803
- flex-direction: column;
804
- align-items: center;
805
- justify-content: center;
806
- }
807
- .vc-table-filter__icon {
808
- color: var(--widget-icon-color);
809
- }
810
- .vc-table-filter__title {
811
- margin-left: 0px;
812
- margin-right: 0px;
813
- margin-top: 0.25rem;
814
- overflow: hidden;
815
- display: -webkit-box;
816
- -webkit-box-orient: vertical;
817
- -webkit-line-clamp: 2;
818
- text-align: center;
819
- font-size: 0.75rem;
820
- line-height: 0.875rem;
821
- font-weight: 500;
822
- color: var(--widget-title-color);
823
- }
824
- .vc-table-filter__button-content {
825
- display: flex;
826
- flex-direction: row;
827
- align-items: center;
828
- gap: 10px;
829
- }
830
- .vc-table-filter__button-title {
831
- font-weight: 500;
832
- }
833
- .vc-table-filter__counter {
834
- height: 1.25rem;
835
- min-width: 1.25rem;
836
- border-radius: 10px;
837
- background-color: var(--table-filter-counter-bg);
838
- text-align: center;
839
- font-weight: 500;
840
- line-height: 1.25rem;
841
- color: var(--table-filter-counter-text-color);
842
- }
843
- .vc-table-filter__panel_mobile {
844
- width: 300px;
845
- }
846
- .vc-table-filter__panel_mobile .vc-table-filter__panel-inner {
847
- height: 100%;
848
- width: 100%;
849
- }
850
- .vc-table-filter__panel_mobile .vc-row {
851
- display: block;
852
- }
853
- .vc-table-filter__panel_mobile .vc-table-filter__panel-inner {
854
- background-color: transparent;
855
- }
856
- .vc-table-filter__panel {
857
- position: absolute;
858
- z-index: 100;
859
- width: 0px;
860
- min-width: 400px;
861
- max-width: 800px;
862
- overflow: hidden;
863
- border-radius: 3px;
864
- box-shadow: var(--table-filter-desktop-shadow);
865
- }
866
- .vc-table-filter__panel-inner {
867
- box-sizing: border-box;
868
- display: flex;
869
- flex-direction: column;
870
- background-color: var(--table-filter-panel-bg);
871
- }
872
- .vc-table-filter__panel-inner--desktop {
873
- box-shadow: var(--table-filter-desktop-shadow);
874
- }
875
- .vc-table-filter__panel-header {
876
- display: flex;
877
- flex-direction: row;
878
- align-items: center;
879
- justify-content: space-between;
880
- border-bottom-width: 1px;
881
- border-style: solid;
882
- border-color: var(--table-filter-panel-border-color);
883
- padding-left: 1.5rem;
884
- padding-right: 1.5rem;
885
- padding-top: 10px;
886
- padding-bottom: 10px;
887
- }
888
- .vc-table-filter__panel-header-title {
889
- font-size: 0.875rem;
890
- line-height: 1.125rem;
891
- font-weight: 700;
892
- color: var(--table-filter-panel-header-title-color);
893
- }
894
- .vc-table-filter__panel-close {
895
- flex-shrink: 0;
896
- cursor: pointer;
897
- color: var(--table-filter-close-icon-color);
898
- }:root {
899
- --table-base-header-border-color: var(--neutrals-200);
900
- --table-base-header-input-icon-color: var(--neutrals-400);
901
- --table-base-header-padding-horizontal: 18px;
902
- --table-base-header-padding-vertical: 9px;
903
- --table-base-header-mobile-padding: 28px;
904
- }
905
- .vc-table-base-header {
906
- box-sizing: border-box;
907
- display: flex;
908
- flex-shrink: 0;
909
- align-items: center;
910
- justify-content: space-between;
911
- }
912
- .vc-table-base-header--mobile {
913
- border-bottom-width: 1px;
914
- border-style: solid;
915
- padding-left: var(--table-base-header-mobile-padding);
916
- padding-right: var(--table-base-header-mobile-padding);
917
- padding-top: 0.5rem;
918
- padding-bottom: 0.5rem;
919
- border-color: var(--table-base-header-border-color);
920
- }
921
- .vc-table-base-header--desktop {
922
- padding-left: var(--table-base-header-padding-horizontal);
923
- padding-right: var(--table-base-header-padding-horizontal);
924
- padding-top: var(--table-base-header-padding-vertical);
925
- padding-bottom: var(--table-base-header-padding-vertical);
926
- }
927
- .vc-table-base-header__filter-mobile {
928
- margin-right: 0.75rem;
929
- }
930
- .vc-table-base-header__filter-desktop {
931
- margin-left: 0.75rem;
932
- }
933
- .vc-table-base-header__search-input {
934
- flex-grow: 1;
935
- flex-basis: 0px;
936
- }
937
- .vc-table-base-header__search-icon {
938
- color: var(--table-base-header-input-icon-color);
939
- }.table-header-enter-active,
940
- .table-header-leave-active {
941
-
942
- transition-property: all;
943
-
944
- transition-duration: 200ms;
945
-
946
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
947
- }
948
- .table-header-enter-from,
949
- .table-header-leave-to {
950
-
951
- --tw-translate-y: -30px;
952
-
953
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
954
-
955
- opacity: 0
956
- }
957
- .table-header-enter-to,
958
- .table-header-leave-from {
959
-
960
- --tw-translate-y: 0px;
961
-
962
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
963
-
964
- opacity: 1
965
- }.vc-table-select-all {
966
- display: flex;
967
- flex-direction: column
968
- }
969
- .vc-table-select-all__bar {
970
- box-sizing: border-box;
971
- display: flex;
972
- min-height: 3.5rem;
973
- flex-direction: row;
974
- align-items: center;
975
- justify-content: space-between;
976
- border-bottom-width: 1px;
977
- border-style: solid;
978
- border-color: var(--table-select-all-border-color);
979
- padding-left: 1rem;
980
- padding-right: 1rem;
981
- padding-top: 0.5rem;
982
- padding-bottom: 0.5rem;
983
- font-size: 1.125rem;
984
- line-height: 1.375rem;
985
- font-weight: 700
986
- }
987
- .vc-table-select-all__content {
988
- display: flex;
989
- width: 100%;
990
- flex-direction: row;
991
- justify-content: space-between
992
- }
993
- .vc-table-select-all__checkbox {
994
- display: flex;
995
- flex-direction: row;
996
- align-items: center;
997
- justify-content: center;
998
- gap: 0.75rem
999
- }
1000
- .vc-table-select-all__checkbox-input {
1001
- display: flex;
1002
- align-self: center;
1003
- font-weight: 400
1004
- }
1005
- .vc-table-select-all__choice {
1006
- display: flex;
1007
- width: 100%;
1008
- padding-top: 0.5rem;
1009
- padding-bottom: 0.5rem
1010
- }
1011
- .vc-table-select-all__choice-content {
1012
- display: flex;
1013
- width: 100%;
1014
- align-items: center;
1015
- justify-content: center
1016
- }
1017
- .vc-table-select-all__choice-button {
1018
- font-size: 0.875rem;
1019
- line-height: 1.125rem
1020
- }:root {
1021
- --table-counter-label-color: var(--secondary-950);
1022
- --table-counter-value-color: var(--primary-500);
1023
- --table-counter-value-border-color: var(--neutrals-500);
1024
- }
1025
- .vc-table-counter {
1026
- border-radius: 9999px;
1027
- border-width: 1px;
1028
- border-style: solid;
1029
- border-color: var(--table-counter-value-border-color);
1030
- padding-left: 0.75rem;
1031
- padding-right: 0.75rem;
1032
- padding-top: 6px;
1033
- padding-bottom: 6px;
1034
- font-size: 0.875rem;
1035
- line-height: 1.125rem;
1036
- font-weight: 500;
1037
- }
1038
- .vc-table-counter__label {
1039
- color: var(--table-counter-label-color);
1040
- }
1041
- .vc-table-counter__value {
1042
- color: var(--table-counter-value-color);
1043
- }.vc-table__footer {
1044
- display: flex;
1045
- flex-shrink: 0;
1046
- align-items: center;
1047
- justify-content: space-between
1048
- }
1049
- .vc-table__footer--mobile {
1050
- padding: 1.5rem
1051
- }
1052
- .vc-table__footer--desktop {
1053
- padding: 10px
1054
- }:root {
1055
- --table-border-color: var(--neutrals-200);
1056
- --table-select-all-border-color: var(--neutrals-200);
1057
- --table-header-bg: var(--primary-50);
1058
- --table-header-border-color: var(--neutrals-200);
1059
- --table-header-border:
1060
- inset 0px 1px 0px var(--table-header-border-color), inset 0px -1px 0px var(--table-header-border-color);
1061
- --table-header-text-color: var(--secondary-950);
1062
- --table-resizer-color: var(--neutrals-200);
1063
- --table-reorder-color: var(--primary-400);
1064
- --table-select-all-bg: var(--primary-100);
1065
- --table-row-bg-hover: var(--primary-100);
1066
- --table-row-bg-odd: var(--additional-50);
1067
- --table-row-bg-even: var(--neutrals-50);
1068
- --table-row-hover: var(--primary-100);
1069
- --table-row-bg-selected: var(--primary-100);
1070
- --table-actions-bg: var(--primary-100);
1071
- --table-actions-bg-hover: var(--primary-100);
1072
- --table-actions-bg-hover-selected-item: var(--primary-100);
1073
- --table-actions-text-color: var(--neutrals-600);
1074
- --table-actions-tooltip-text: var(--neutrals-600);
1075
- --table-actions-icon-color: var(--primary-500);
1076
- --table-actions-icon-color-hover: var(--primary-600);
1077
- --table-footer-bg: var(--neutrals-50);
1078
- --table-footer-border-color: var(--neutrals-200);
1079
- --table-row-drag-color: var(--primary-400);
1080
- --table-row-drag-shadow: inset 0 -2px 0 0 var(--table-row-drag-color);
1081
- --table-actions-color-danger: var(--danger-500);
1082
- --table-actions-color-success: var(--success-500);
1083
- --table-mobile-border-color: var(--secondary-200);
1084
- --table-text-color: var(--neutrals-950);
1085
- --table-sort-icon-color: var(--neutrals-400);
1086
- }
1087
- .vc-table {
1088
- position: relative;
1089
- display: flex;
1090
- flex-grow: 1;
1091
- flex-basis: 0px;
1092
- flex-direction: column;
1093
- overflow: hidden;
1094
- border-top-width: 0px;
1095
- border-style: solid;
1096
- flex: 1 1 auto;
1097
- border-color: var(--table-border-color);
1098
- /* Drag row styles */
1099
- /* Tooltip arrow styles */
1100
- /* Mobile border color */
1101
- }
1102
- .vc-table__multiselect-mobile {
1103
- display: flex;
1104
- flex-direction: column;
1105
- }
1106
- .vc-table__select-all-bar {
1107
- box-sizing: border-box;
1108
- display: flex;
1109
- min-height: 3.5rem;
1110
- flex-direction: row;
1111
- align-items: center;
1112
- justify-content: space-between;
1113
- border-bottom-width: 1px;
1114
- border-style: solid;
1115
- border-color: var(--table-select-all-border-color);
1116
- padding-left: 1rem;
1117
- padding-right: 1rem;
1118
- padding-top: 0.5rem;
1119
- padding-bottom: 0.5rem;
1120
- font-size: 1.125rem;
1121
- line-height: 1.375rem;
1122
- font-weight: 700;
1123
- }
1124
- .vc-table__select-all-content {
1125
- display: flex;
1126
- width: 100%;
1127
- flex-direction: row;
1128
- justify-content: space-between;
1129
- }
1130
- .vc-table__select-all-checkbox {
1131
- display: flex;
1132
- flex-direction: row;
1133
- align-items: center;
1134
- justify-content: center;
1135
- gap: 0.75rem;
1136
- }
1137
- .vc-table__select-all-checkbox__checkbox {
1138
- display: flex;
1139
- align-self: center;
1140
- font-weight: 400;
1141
- }
1142
- .vc-table__select-all-choice {
1143
- display: flex;
1144
- width: 100%;
1145
- padding-top: 0.5rem;
1146
- padding-bottom: 0.5rem;
1147
- }
1148
- .vc-table__select-all-choice__content {
1149
- display: flex;
1150
- width: 100%;
1151
- align-items: center;
1152
- justify-content: center;
1153
- }
1154
- .vc-table__select-all-choice__button {
1155
- font-size: 0.875rem;
1156
- line-height: 1.125rem;
1157
- }
1158
- .vc-table__content {
1159
- position: relative;
1160
- display: flex;
1161
- flex-grow: 1;
1162
- overflow: hidden;
1163
- }
1164
- .vc-table__scroll-container {
1165
- position: relative;
1166
- flex-grow: 1;
1167
- flex-basis: 0px;
1168
- }
1169
- .vc-table__mobile-view {
1170
- position: relative;
1171
- flex-grow: 1;
1172
- flex-basis: 0px;
1173
- }
1174
- .vc-table__mobile-view .vc-container__inner {
1175
- display: flex;
1176
- flex-grow: 1;
1177
- flex-direction: column;
1178
- }
1179
- .vc-table__mobile-items {
1180
- display: flex;
1181
- height: -moz-max-content;
1182
- height: max-content;
1183
- flex-grow: 1;
1184
- flex-direction: column;
1185
- width: -moz-available;
1186
- width: -webkit-fill-available;
1187
- }
1188
- .vc-table__mobile-empty {
1189
- display: flex;
1190
- height: 100%;
1191
- flex-grow: 1;
1192
- flex-direction: column;
1193
- overflow: auto;
1194
- }
1195
- .vc-table__desktop-table {
1196
- position: relative;
1197
- box-sizing: border-box;
1198
- display: flex;
1199
- height: 100%;
1200
- width: 100%;
1201
- flex-direction: column;
1202
- }
1203
- .vc-table__header {
1204
- position: relative;
1205
- }
1206
- .vc-table__header-row {
1207
- display: flex;
1208
- flex-direction: row;
1209
- background-color: var(--table-header-bg);
1210
- box-shadow: var(--table-header-border);
1211
- }
1212
- .vc-table__header-checkbox {
1213
- position: sticky;
1214
- top: 0px;
1215
- z-index: 1;
1216
- box-sizing: border-box;
1217
- display: flex;
1218
- width: 2.25rem;
1219
- min-width: 2.25rem;
1220
- max-width: 2.25rem;
1221
- flex: 1 1 0%;
1222
- -webkit-user-select: none;
1223
- -moz-user-select: none;
1224
- user-select: none;
1225
- align-items: center;
1226
- justify-content: center;
1227
- overflow: hidden;
1228
- background-color: var(--table-header-bg);
1229
- border-width: 0px;
1230
- }
1231
- .vc-table__header-checkbox__content {
1232
- display: flex;
1233
- align-items: center;
1234
- justify-content: center;
1235
- }
1236
- .vc-table__header-checkbox__resizer {
1237
- position: absolute;
1238
- right: 0px;
1239
- display: flex;
1240
- height: 100%;
1241
- width: 1px;
1242
- justify-content: flex-end;
1243
- background-color: var(--table-resizer-color);
1244
- }
1245
- .vc-table__header-cell {
1246
- position: sticky;
1247
- top: 0px;
1248
- z-index: 1;
1249
- box-sizing: border-box;
1250
- display: flex;
1251
- height: 60px;
1252
- flex: 1 1 0%;
1253
- -webkit-user-select: none;
1254
- -moz-user-select: none;
1255
- user-select: none;
1256
- align-items: center;
1257
- overflow: hidden;
1258
- background-color: var(--table-header-bg);
1259
- border-width: 0px;
1260
- }
1261
- .vc-table__header-cell--sortable {
1262
- cursor: pointer;
1263
- }
1264
- .vc-table__header-cell--sortable:hover .vc-table__header-cell__sort-icons {
1265
- visibility: visible;
1266
- }
1267
- .vc-table__header-cell__content {
1268
- display: flex;
1269
- flex-wrap: nowrap;
1270
- align-items: center;
1271
- overflow: hidden;
1272
- text-overflow: ellipsis;
1273
- white-space: nowrap;
1274
- padding-left: 0.75rem;
1275
- padding-right: 0.75rem;
1276
- font-size: 0.875rem;
1277
- font-weight: 600;
1278
- line-height: 1.25rem;
1279
- color: var(--table-header-text-color);
1280
- }
1281
- .vc-table__header-cell__title {
1282
- overflow: hidden;
1283
- text-overflow: ellipsis;
1284
- white-space: nowrap;
1285
- }
1286
- .vc-table__header-cell__required {
1287
- margin-right: 0.25rem;
1288
- color: var(--label-required-color);
1289
- }
1290
- .vc-table__header-cell__sort-icon {
1291
- margin-left: 0.25rem;
1292
- color: var(--table-sort-icon-color);
1293
- }
1294
- .vc-table__header-cell__sort-icons {
1295
- visibility: hidden;
1296
- margin-left: 0.25rem;
1297
- display: flex;
1298
- flex-direction: column;
1299
- color: var(--table-sort-icon-color);
1300
- }
1301
- .vc-table__header-cell__resizer {
1302
- position: absolute;
1303
- right: 0px;
1304
- margin-right: 0.25rem;
1305
- display: flex;
1306
- height: 100%;
1307
- width: 0.25rem;
1308
- justify-content: flex-end;
1309
- border-right-width: 1px;
1310
- border-style: solid;
1311
- border-color: var(--table-resizer-color);
1312
- }
1313
- .vc-table__header-cell__resizer--cursor {
1314
- cursor: col-resize;
1315
- }
1316
- .vc-table__column-switcher {
1317
- position: absolute;
1318
- right: 0px;
1319
- z-index: 10;
1320
- display: flex;
1321
- height: 2.5rem;
1322
- align-items: center;
1323
- }
1324
- .vc-table__resizer {
1325
- position: absolute;
1326
- z-index: 10;
1327
- display: none;
1328
- height: 100%;
1329
- width: 1px;
1330
- cursor: col-resize;
1331
- background-color: var(--table-resizer-color);
1332
- }
1333
- .vc-table__reorder-ref {
1334
- position: absolute;
1335
- top: 0px;
1336
- bottom: 0px;
1337
- z-index: 20;
1338
- display: none;
1339
- height: 100%;
1340
- width: 0.125rem;
1341
- background-color: var(--table-reorder-color);
1342
- }
1343
- .vc-table__select-all-footer {
1344
- display: flex;
1345
- height: 4rem;
1346
- min-height: 4rem;
1347
- width: 100%;
1348
- background-color: var(--table-select-all-bg);
1349
- }
1350
- .vc-table__select-all-footer__content {
1351
- display: flex;
1352
- width: 100%;
1353
- align-items: center;
1354
- justify-content: center;
1355
- }
1356
- .vc-table__select-all-footer__button {
1357
- font-size: 0.875rem;
1358
- line-height: 1.125rem;
1359
- }
1360
- .vc-table__body {
1361
- display: flex;
1362
- flex-direction: column;
1363
- overflow: auto;
1364
- }
1365
- .vc-table__body-row {
1366
- display: flex;
1367
- height: 3.5rem;
1368
- min-height: 3.5rem;
1369
- width: 100%;
1370
- position: relative;
1371
- }
1372
- .vc-table__body-row.vc-table__drag-row-bottom::after {
1373
- content: "";
1374
- position: absolute;
1375
- bottom: 0;
1376
- left: 0;
1377
- right: 0;
1378
- height: 2px;
1379
- background-color: var(--table-row-drag-color);
1380
- }
1381
- .vc-table__body-row.vc-table__drag-row-top::before {
1382
- content: "";
1383
- position: absolute;
1384
- top: 0;
1385
- left: 0;
1386
- right: 0;
1387
- height: 2px;
1388
- background-color: var(--table-row-drag-color);
1389
- }
1390
- .vc-table__body-row--odd {
1391
- background-color: var(--table-row-bg-odd);
1392
- }
1393
- .vc-table__body-row--even {
1394
- background-color: var(--table-row-bg-even);
1395
- }
1396
- .vc-table__body-row--clickable {
1397
- cursor: pointer;
1398
- border-style: solid;
1399
- }
1400
- .vc-table__body-row--clickable:hover {
1401
- background-color: var(--table-row-bg-hover);
1402
- }
1403
- .vc-table__body-row--selected {
1404
- background-color: var(--table-row-hover);
1405
- }
1406
- .vc-table__body-row--selected:hover {
1407
- background-color: var(--table-row-hover);
1408
- }
1409
- .vc-table__body-row--selection {
1410
- background-color: var(--table-row-bg-selected);
1411
- }
1412
- .vc-table__body-row--selection:hover {
1413
- background-color: var(--table-row-bg-selected);
1414
- }
1415
- .vc-table__body-row-checkbox {
1416
- position: relative;
1417
- display: flex;
1418
- width: 36px;
1419
- min-width: 36px;
1420
- max-width: 36px;
1421
- flex: 1 1 0%;
1422
- align-items: center;
1423
- justify-content: center;
1424
- }
1425
- .vc-table__body-row-checkbox-content {
1426
- display: flex;
1427
- align-items: center;
1428
- justify-content: center;
1429
- }
1430
- .vc-table__body-row-checkbox-resizer {
1431
- position: absolute;
1432
- top: 0px;
1433
- bottom: 0px;
1434
- right: 0px;
1435
- width: 1px;
1436
- background-color: var(--table-resizer-color);
1437
- }
1438
- .vc-table__body-actions {
1439
- position: absolute;
1440
- right: 0px;
1441
- display: flex;
1442
- height: 100%;
1443
- background-color: var(--table-actions-bg);
1444
- padding-left: 0.625rem;
1445
- padding-right: 0.625rem;
1446
- }
1447
- .vc-table__body-actions-content {
1448
- display: flex;
1449
- flex-direction: row;
1450
- align-items: center;
1451
- gap: 0.625rem;
1452
- font-size: 1rem;
1453
- font-weight: 400;
1454
- line-height: 1.25rem;
1455
- color: var(--table-actions-text-color);
1456
- }
1457
- .vc-table__body-actions-item {
1458
- display: flex;
1459
- height: 1.5rem;
1460
- width: 1.5rem;
1461
- cursor: pointer;
1462
- align-items: center;
1463
- justify-content: center;
1464
- color: var(--table-actions-icon-color);
1465
- }
1466
- .vc-table__body-actions-item:hover {
1467
- color: var(--table-actions-icon-color-hover);
1468
- }
1469
- .vc-table__body-actions-tooltip {
1470
- font-size: 1rem;
1471
- font-weight: 400;
1472
- font-style: normal;
1473
- line-height: 1.25rem;
1474
- color: var(--table-actions-tooltip-text);
1475
- }
1476
- .vc-table__body-cell {
1477
- position: relative;
1478
- box-sizing: border-box;
1479
- display: flex;
1480
- flex: 1 1 0%;
1481
- align-items: center;
1482
- overflow: hidden;
1483
- padding-left: 0.75rem;
1484
- padding-right: 0.75rem;
1485
- }
1486
- .vc-table__body-cell__content {
1487
- width: 100%;
1488
- overflow: hidden;
1489
- text-overflow: ellipsis;
1490
- white-space: nowrap;
1491
- font-size: 0.875rem;
1492
- line-height: 1.125rem;
1493
- color: var(--table-text-color);
1494
- }
1495
- .vc-table__body-empty {
1496
- display: flex;
1497
- flex: 1 1 auto;
1498
- flex-direction: column;
1499
- overflow: auto;
1500
- }
1501
- .vc-table__drag-row-bottom {
1502
- box-shadow: inset 0 -2px 0 0 var(--table-row-drag-color);
1503
- }
1504
- .vc-table__drag-row-top {
1505
- box-shadow: inset 0 2px 0 0 var(--table-row-drag-color);
1506
- }
1507
- .vc-table__body-tooltip-arrow, .vc-table__body-tooltip-arrow:before {
1508
- position: absolute;
1509
- height: 0.5rem;
1510
- width: 0.5rem;
1511
- background-color: inherit;
1512
- }
1513
- .vc-table__body-tooltip-arrow {
1514
- visibility: hidden;
1515
- }
1516
- .vc-table__body-tooltip-arrow::before {
1517
- visibility: visible;
1518
- --tw-rotate: 45deg;
1519
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1520
- --tw-content: "";
1521
- content: var(--tw-content);
1522
- }
1523
- .vc-table__body-tooltip[data-popper-placement^=top] > .vc-table__body-tooltip-arrow {
1524
- bottom: -1px;
1525
- }
1526
- .vc-table__body-tooltip[data-popper-placement^=bottom] > .vc-table__body-tooltip-arrow {
1527
- top: -1px;
1528
- }
1529
- .vc-table__mobile-items-renderer {
1530
- display: flex;
1531
- flex-wrap: wrap;
1532
- gap: 0.5rem;
1533
- border-bottom-width: 1px;
1534
- border-style: solid;
1535
- border-color: var(--table-mobile-border-color);
1536
- padding: 0.75rem;
1537
- }
1538
- .table-header-enter-active,
1539
- .table-header-leave-active {
1540
- transition-property: all;
1541
- transition-duration: 200ms;
1542
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1543
- }
1544
- .table-header-enter-from,
1545
- .table-header-leave-to {
1546
- --tw-translate-y: -30px;
1547
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1548
- opacity: 0;
1549
- }
1550
- .table-header-enter-to,
1551
- .table-header-leave-from {
1552
- --tw-translate-y: 0px;
1553
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1554
- opacity: 1;
1555
- }