@globalpayments/vega 2.25.0 → 2.26.0

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 (323) hide show
  1. package/dist/cjs/{app-globals-3b59f0a2.js → app-globals-2bae50fb.js} +1 -1
  2. package/dist/cjs/{child-nodes-event-prevent-slimmer-35bb64e4.js → child-nodes-event-prevent-slimmer-cc557cb3.js} +1 -1
  3. package/dist/cjs/{child-nodes-notify-observer-slimmer-ce6eb329.js → child-nodes-notify-observer-slimmer-c144a963.js} +1 -1
  4. package/dist/cjs/{dom-node-subject-observer-factory-92271bc0.js → dom-node-subject-observer-factory-d2698876.js} +19 -1
  5. package/dist/cjs/{event-emit-slimmer-373ef08c.js → event-emit-slimmer-54616105.js} +1 -1
  6. package/dist/cjs/{feature-flag-controller-0e5235e1.js → feature-flag-controller-e031c341.js} +5 -0
  7. package/dist/cjs/{form-field-controller-slimmer-60346732.js → form-field-controller-slimmer-8b314ba2.js} +3 -3
  8. package/dist/cjs/index.cjs.js +1 -1
  9. package/dist/cjs/loader.cjs.js +3 -3
  10. package/dist/cjs/{static-remote-invocation-call-registry-0ac4915d.js → remote-invocation-registry-162044d5.js} +11 -11
  11. package/dist/cjs/{static-subject-title-41c88385.js → static-subject-title-35e2a92c.js} +0 -4
  12. package/dist/cjs/style-formatter-dc0682a4.js +34 -0
  13. package/dist/cjs/{sub-state-observer-slimmer-60be5379.js → sub-state-observer-slimmer-58217668.js} +2 -2
  14. package/dist/cjs/synchronize-task-queue-8977cf10.js +41 -0
  15. package/dist/cjs/vega-accordion.cjs.entry.js +3 -3
  16. package/dist/cjs/vega-app-header-button.cjs.entry.js +4 -4
  17. package/dist/cjs/vega-banner.cjs.entry.js +3 -3
  18. package/dist/cjs/vega-box.cjs.entry.js +2 -17
  19. package/dist/cjs/vega-breadcrumb.cjs.entry.js +4 -4
  20. package/dist/cjs/vega-button-circle.cjs.entry.js +6 -5
  21. package/dist/cjs/vega-button-group_2.cjs.entry.js +6 -6
  22. package/dist/cjs/vega-button-link.cjs.entry.js +5 -4
  23. package/dist/cjs/vega-button.cjs.entry.js +6 -5
  24. package/dist/cjs/vega-calendar_3.cjs.entry.js +7 -7
  25. package/dist/cjs/vega-carousel.cjs.entry.js +5 -38
  26. package/dist/cjs/vega-checkbox_2.cjs.entry.js +8 -8
  27. package/dist/cjs/vega-chip.cjs.entry.js +4 -4
  28. package/dist/cjs/vega-color-picker.cjs.entry.js +5 -5
  29. package/dist/cjs/vega-combo-box.cjs.entry.js +7 -7
  30. package/dist/cjs/vega-date-picker_2.cjs.entry.js +7 -7
  31. package/dist/cjs/vega-dialog_2.cjs.entry.js +4 -4
  32. package/dist/cjs/vega-dropdown_5.cjs.entry.js +231 -149
  33. package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
  34. package/dist/cjs/vega-field-error.cjs.entry.js +1 -1
  35. package/dist/cjs/vega-field-label.cjs.entry.js +3 -2
  36. package/dist/cjs/vega-file-uploader.cjs.entry.js +100 -39
  37. package/dist/cjs/vega-flex.cjs.entry.js +9 -2
  38. package/dist/cjs/vega-form.cjs.entry.js +8 -8
  39. package/dist/cjs/vega-image-uploader.cjs.entry.js +7 -7
  40. package/dist/cjs/vega-input-credit-card.cjs.entry.js +7 -7
  41. package/dist/cjs/vega-input-phone-number.cjs.entry.js +54 -35
  42. package/dist/cjs/vega-input-range.cjs.entry.js +7 -7
  43. package/dist/cjs/vega-input-select.cjs.entry.js +7 -7
  44. package/dist/cjs/vega-input.cjs.entry.js +5 -5
  45. package/dist/cjs/{vega-internal-event-id-ac20ea74.js → vega-internal-event-id-c98e9a7d.js} +4 -0
  46. package/dist/cjs/vega-item-toggle.cjs.entry.js +3 -2
  47. package/dist/cjs/vega-left-nav_5.cjs.entry.js +21 -7
  48. package/dist/cjs/vega-page-notification_2.cjs.entry.js +1 -1
  49. package/dist/cjs/vega-pagination.cjs.entry.js +4 -4
  50. package/dist/cjs/vega-popover_2.cjs.entry.js +2 -2
  51. package/dist/cjs/vega-progress-tracker.cjs.entry.js +3 -2
  52. package/dist/cjs/vega-radio_2.cjs.entry.js +8 -8
  53. package/dist/cjs/vega-segment-control.cjs.entry.js +3 -2
  54. package/dist/cjs/vega-selection-chip_2.cjs.entry.js +8 -8
  55. package/dist/cjs/vega-selection-tile_2.cjs.entry.js +9 -9
  56. package/dist/cjs/vega-signature-capture.cjs.entry.js +6 -6
  57. package/dist/cjs/vega-stepper.cjs.entry.js +7 -7
  58. package/dist/cjs/vega-tab-group_2.cjs.entry.js +31 -10
  59. package/dist/cjs/vega-table_8.cjs.entry.js +18 -18
  60. package/dist/cjs/vega-text.cjs.entry.js +29 -5
  61. package/dist/cjs/vega-textarea.cjs.entry.js +7 -7
  62. package/dist/cjs/vega-time-picker_2.cjs.entry.js +7 -7
  63. package/dist/cjs/vega-toggle-switch.cjs.entry.js +6 -6
  64. package/dist/cjs/vega.cjs.js +3 -3
  65. package/dist/collection/components/vega-box/vega-box.js +2 -17
  66. package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-remote-invocation-controller.js +54 -0
  67. package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-search-controller.js +8 -5
  68. package/dist/collection/components/vega-dropdown/slimmers/renderers/vega-dropdown-item-level-renderer.js +5 -5
  69. package/dist/collection/components/vega-dropdown/slimmers/renderers/vega-dropdown-search-renderer.js +16 -2
  70. package/dist/collection/components/vega-dropdown/vega-dropdown.js +37 -0
  71. package/dist/collection/components/vega-file-uploader/slimmers/controllers/vega-file-uploader-drop-file-filter-controller.js +51 -0
  72. package/dist/collection/components/vega-file-uploader/slimmers/controllers/vega-file-uploader-value-controller.js +2 -2
  73. package/dist/collection/components/vega-file-uploader/slimmers/renderers/vega-file-uploader-container-renderer.js +9 -3
  74. package/dist/collection/components/vega-file-uploader/vega-file-uploader.js +10 -2
  75. package/dist/collection/components/vega-flex/vega-flex.js +128 -2
  76. package/dist/collection/components/vega-input-phone-number/slimmers/controllers/country-select-controller.js +28 -16
  77. package/dist/collection/components/vega-input-phone-number/slimmers/controllers/vega-input-phone-number-value-controller.js +15 -11
  78. package/dist/collection/components/vega-input-phone-number/slimmers/renderers/country-select-renderer.js +7 -3
  79. package/dist/collection/components/vega-input-phone-number/vega-input-phone-number.js +6 -2
  80. package/dist/collection/components/vega-input-select/vega-input-select.js +1 -1
  81. package/dist/collection/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-open-state-controller.js +14 -1
  82. package/dist/collection/components/vega-nav/vega-left-nav/vega-left-nav.css +4 -0
  83. package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-page-index-controller.js +6 -1
  84. package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-slider-state-controller.js +20 -4
  85. package/dist/collection/components/vega-table/slimmers/controllers/vega-table-expand-row-controller.js +3 -3
  86. package/dist/collection/components/vega-table/slimmers/controllers/vega-table-row-selection-controller.js +5 -5
  87. package/dist/collection/components/vega-table/vega-table-head-row/slimmers/renderers/vega-table-head-row-renderer.js +2 -2
  88. package/dist/collection/components/vega-table/vega-table-row/slimmers/controllers/vega-table-row-click-controller.js +2 -2
  89. package/dist/collection/components/vega-table/vega-table-row/slimmers/controllers/vega-table-row-expand-controller.js +2 -2
  90. package/dist/collection/components/vega-table/vega-table-row/slimmers/renderers/vega-table-row-renderer.js +2 -2
  91. package/dist/collection/components/vega-text/slimmers/renderers/vega-text-tooltip-renderer.js +29 -5
  92. package/dist/collection/helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory.js +19 -1
  93. package/dist/collection/helpers/change-manager/subject/static-subject/static-subject-title.js +0 -2
  94. package/dist/collection/helpers/change-manager/test/dom-node-subject-factory.test.js +12 -0
  95. package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js +2 -0
  96. package/dist/collection/helpers/feature-control/feature-flags-map.js +5 -0
  97. package/dist/collection/helpers/formatter/style-formatter.js +29 -0
  98. package/dist/collection/helpers/formatter/test/style-formatter.test.js +16 -0
  99. package/dist/collection/helpers/queue/synchronize-task-queue.js +10 -7
  100. package/dist/collection/helpers/queue/test/synchronize-task-queue.test.js +25 -0
  101. package/dist/collection/helpers/{change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry.js → remote-invocation/remote-invocation-registry.js} +11 -11
  102. package/dist/collection/helpers/remote-invocation/remote-invocation-registry.test.js +17 -0
  103. package/dist/collection/helpers/validator/rules/file-uploader-required-rule.js +1 -1
  104. package/dist/esm/{app-globals-60d012d3.js → app-globals-b5bc861f.js} +2 -2
  105. package/dist/esm/{child-nodes-event-prevent-slimmer-501cdd87.js → child-nodes-event-prevent-slimmer-d3883004.js} +1 -1
  106. package/dist/esm/{child-nodes-notify-observer-slimmer-c7b9d3b2.js → child-nodes-notify-observer-slimmer-50cd94b9.js} +2 -2
  107. package/dist/esm/{design-token-8a6b46ba.js → design-token-44525832.js} +3 -3
  108. package/dist/esm/{dom-node-subject-observer-factory-926991a9.js → dom-node-subject-observer-factory-0d4b85b8.js} +19 -1
  109. package/dist/esm/{element-appender-slimmer-7721c206.js → element-appender-slimmer-1aa00c06.js} +3 -3
  110. package/dist/esm/{event-emit-slimmer-570444e7.js → event-emit-slimmer-0315fa00.js} +1 -1
  111. package/dist/esm/{feature-flag-controller-9be58397.js → feature-flag-controller-a5fe5022.js} +5 -0
  112. package/dist/esm/{form-field-controller-slimmer-374541fd.js → form-field-controller-slimmer-bf7441bd.js} +4 -4
  113. package/dist/esm/index.js +7 -7
  114. package/dist/esm/{inject-keyboard-manager-d2a96e14.js → inject-keyboard-manager-8a82e8c9.js} +1 -1
  115. package/dist/esm/{keyboard-manager-477122e6.js → keyboard-manager-d1f9ddc1.js} +1 -1
  116. package/dist/esm/{keyboard-manager-slimmer-b6072957.js → keyboard-manager-slimmer-8723f20f.js} +1 -1
  117. package/dist/esm/loader.js +5 -5
  118. package/dist/esm/{static-remote-invocation-call-registry-651b0701.js → remote-invocation-registry-cf9c81bb.js} +11 -11
  119. package/dist/esm/{responsive-format-facade-e86c7fbb.js → responsive-format-facade-4488d609.js} +1 -1
  120. package/dist/esm/{state-background-color-formatter-0f86292d.js → state-background-color-formatter-de7e6522.js} +1 -1
  121. package/dist/esm/{static-subject-title-2e153754.js → static-subject-title-2a4d6602.js} +1 -3
  122. package/dist/esm/{string-input-formatter-slimmer-7170d6b3.js → string-input-formatter-slimmer-633271ed.js} +1 -1
  123. package/dist/esm/style-formatter-391b4f97.js +32 -0
  124. package/dist/esm/{sub-state-observer-slimmer-106273ec.js → sub-state-observer-slimmer-46abe492.js} +3 -3
  125. package/dist/esm/synchronize-task-queue-8f5fbbd9.js +39 -0
  126. package/dist/esm/{type-guard-4bc3fbf5.js → type-guard-467c9e3e.js} +1 -1
  127. package/dist/esm/{ui-153f4ae7.js → ui-0132dbb5.js} +1 -1
  128. package/dist/esm/vega-accordion.entry.js +8 -8
  129. package/dist/esm/vega-app-header-button.entry.js +9 -9
  130. package/dist/esm/vega-backdrop.entry.js +1 -1
  131. package/dist/esm/vega-banner.entry.js +4 -4
  132. package/dist/esm/vega-box.entry.js +7 -22
  133. package/dist/esm/vega-breadcrumb.entry.js +5 -5
  134. package/dist/esm/vega-button-circle.entry.js +10 -9
  135. package/dist/esm/vega-button-group_2.entry.js +7 -7
  136. package/dist/esm/vega-button-link.entry.js +5 -4
  137. package/dist/esm/vega-button.entry.js +8 -7
  138. package/dist/esm/vega-calendar_3.entry.js +9 -9
  139. package/dist/esm/vega-card.entry.js +5 -5
  140. package/dist/esm/vega-carousel.entry.js +6 -39
  141. package/dist/esm/vega-checkbox_2.entry.js +9 -9
  142. package/dist/esm/vega-chip.entry.js +9 -9
  143. package/dist/esm/vega-color-picker.entry.js +6 -6
  144. package/dist/esm/vega-combo-box.entry.js +11 -11
  145. package/dist/esm/vega-date-picker_2.entry.js +14 -14
  146. package/dist/esm/vega-dialog_2.entry.js +9 -9
  147. package/dist/esm/vega-divider.entry.js +4 -4
  148. package/dist/esm/vega-dropdown_5.entry.js +237 -155
  149. package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
  150. package/dist/esm/vega-field-error.entry.js +1 -1
  151. package/dist/esm/vega-field-label.entry.js +3 -2
  152. package/dist/esm/vega-file-uploader.entry.js +100 -39
  153. package/dist/esm/vega-flex.entry.js +14 -7
  154. package/dist/esm/vega-font.entry.js +5 -5
  155. package/dist/esm/vega-form.entry.js +9 -9
  156. package/dist/esm/vega-grid.entry.js +5 -5
  157. package/dist/esm/vega-icon.entry.js +5 -5
  158. package/dist/esm/vega-image-uploader.entry.js +10 -10
  159. package/dist/esm/vega-input-credit-card.entry.js +8 -8
  160. package/dist/esm/vega-input-phone-number.entry.js +54 -35
  161. package/dist/esm/vega-input-range.entry.js +8 -8
  162. package/dist/esm/vega-input-select.entry.js +10 -10
  163. package/dist/esm/vega-input.entry.js +8 -8
  164. package/dist/esm/{vega-internal-event-id-809b4ec8.js → vega-internal-event-id-7e05cf4a.js} +3 -1
  165. package/dist/esm/vega-item-toggle.entry.js +3 -2
  166. package/dist/esm/vega-left-nav_5.entry.js +26 -12
  167. package/dist/esm/vega-loader-wrapper_2.entry.js +3 -3
  168. package/dist/esm/vega-page-notification_2.entry.js +2 -2
  169. package/dist/esm/vega-pagination.entry.js +5 -5
  170. package/dist/esm/vega-popover_2.entry.js +8 -8
  171. package/dist/esm/vega-progress-tracker.entry.js +3 -2
  172. package/dist/esm/vega-radio_2.entry.js +11 -11
  173. package/dist/esm/vega-segment-control.entry.js +3 -2
  174. package/dist/esm/vega-selection-chip_2.entry.js +11 -11
  175. package/dist/esm/vega-selection-tile_2.entry.js +10 -10
  176. package/dist/esm/vega-signature-capture.entry.js +10 -10
  177. package/dist/esm/{vega-skeleton-loader-controller-0e2856d6.js → vega-skeleton-loader-controller-74e3d189.js} +1 -1
  178. package/dist/esm/vega-stepper.entry.js +8 -8
  179. package/dist/esm/vega-tab-group_2.entry.js +32 -11
  180. package/dist/esm/vega-table_8.entry.js +21 -21
  181. package/dist/esm/vega-text.entry.js +30 -6
  182. package/dist/esm/vega-textarea.entry.js +8 -8
  183. package/dist/esm/vega-time-picker_2.entry.js +13 -13
  184. package/dist/esm/vega-toggle-switch.entry.js +6 -6
  185. package/dist/esm/vega-tooltip_2.entry.js +6 -6
  186. package/dist/esm/vega.js +5 -5
  187. package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-remote-invocation-controller.d.ts +28 -0
  188. package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-search-controller.d.ts +2 -0
  189. package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-item-level-renderer.d.ts +1 -0
  190. package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-search-renderer.d.ts +1 -0
  191. package/dist/types/components/vega-dropdown/types.d.ts +2 -0
  192. package/dist/types/components/vega-dropdown/vega-dropdown.d.ts +9 -1
  193. package/dist/types/components/vega-file-uploader/slimmers/controllers/vega-file-uploader-drop-file-filter-controller.d.ts +22 -0
  194. package/dist/types/components/vega-file-uploader/slimmers/renderers/vega-file-uploader-container-renderer.d.ts +2 -1
  195. package/dist/types/components/vega-file-uploader/slimmers/renderers/vega-file-uploader-file-status-renderer.d.ts +2 -1
  196. package/dist/types/components/vega-file-uploader/vega-file-uploader.d.ts +5 -2
  197. package/dist/types/components/vega-flex/vega-flex.d.ts +29 -0
  198. package/dist/types/components/vega-input-phone-number/slimmers/controllers/country-select-controller.d.ts +14 -9
  199. package/dist/types/components/vega-input-phone-number/slimmers/controllers/vega-input-phone-number-value-controller.d.ts +7 -5
  200. package/dist/types/components/vega-input-phone-number/slimmers/renderers/country-select-renderer.d.ts +1 -0
  201. package/dist/types/components/vega-input-phone-number/vega-input-phone-number.d.ts +2 -1
  202. package/dist/types/components/vega-input-select/types.d.ts +1 -0
  203. package/dist/types/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-slider-state-controller.d.ts +8 -3
  204. package/dist/types/components/vega-text/slimmers/renderers/vega-text-tooltip-renderer.d.ts +7 -0
  205. package/dist/types/components.d.ts +59 -5
  206. package/dist/types/helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory.d.ts +9 -0
  207. package/dist/types/helpers/change-manager/subject/static-subject/static-subject-title.d.ts +0 -2
  208. package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts +2 -0
  209. package/dist/types/helpers/feature-control/feature-flag.d.ts +2 -1
  210. package/dist/types/helpers/formatter/style-formatter.d.ts +14 -0
  211. package/dist/types/helpers/queue/synchronize-task-queue.d.ts +4 -3
  212. package/dist/types/helpers/remote-invocation/remote-invocation-registry.d.ts +39 -0
  213. package/dist/types/helpers/remote-invocation/remote-invocation-registry.test.d.ts +1 -0
  214. package/dist/types/types/components.type.d.ts +1 -0
  215. package/dist/vega/index.esm.js +1 -1
  216. package/dist/vega/p-0134e8c5.js +1 -0
  217. package/dist/vega/{p-28cc7bee.js → p-016045b0.js} +1 -1
  218. package/dist/vega/{p-42336502.entry.js → p-020baf8d.entry.js} +1 -1
  219. package/dist/vega/p-0702921a.entry.js +1 -0
  220. package/dist/vega/{p-c6970833.entry.js → p-0f71ffab.entry.js} +1 -1
  221. package/dist/vega/p-13f2c41c.entry.js +1 -0
  222. package/dist/vega/{p-39b01e93.entry.js → p-16c85ca9.entry.js} +1 -1
  223. package/dist/vega/p-1878a270.entry.js +1 -0
  224. package/dist/vega/{p-957e2de2.js → p-191c5c26.js} +1 -1
  225. package/dist/vega/{p-8a9763c3.js → p-1c1805aa.js} +1 -1
  226. package/dist/vega/p-1cb8f21a.entry.js +1 -0
  227. package/dist/vega/{p-6fb627be.entry.js → p-241bd30d.entry.js} +1 -1
  228. package/dist/vega/{p-7d799f45.entry.js → p-25310239.entry.js} +1 -1
  229. package/dist/vega/p-2675fb06.entry.js +1 -0
  230. package/dist/vega/{p-8dc7c7df.entry.js → p-28b1a294.entry.js} +1 -1
  231. package/dist/vega/p-29ac203a.js +1 -0
  232. package/dist/vega/{p-12d5ed36.js → p-2df25c7f.js} +1 -1
  233. package/dist/vega/{p-537cddd9.entry.js → p-396c3e32.entry.js} +1 -1
  234. package/dist/vega/{p-d5e184af.entry.js → p-3e1b21ec.entry.js} +1 -1
  235. package/dist/vega/{p-7ac519b3.entry.js → p-3e6e7fe0.entry.js} +1 -1
  236. package/dist/vega/{p-ad4bd166.js → p-4163c2c2.js} +1 -1
  237. package/dist/vega/{p-7a6a1e1a.entry.js → p-41f61205.entry.js} +1 -1
  238. package/dist/vega/{p-c760c18c.entry.js → p-4302b57d.entry.js} +1 -1
  239. package/dist/vega/p-462a6417.entry.js +1 -0
  240. package/dist/vega/p-47d106e7.js +1 -0
  241. package/dist/vega/{p-63cfde13.entry.js → p-47ee3c26.entry.js} +1 -1
  242. package/dist/vega/p-4925ec08.entry.js +1 -0
  243. package/dist/vega/{p-c2d90944.entry.js → p-4b29a9c2.entry.js} +1 -1
  244. package/dist/vega/{p-00032fc8.entry.js → p-4f8ce53e.entry.js} +1 -1
  245. package/dist/vega/p-5041624e.entry.js +1 -0
  246. package/dist/vega/p-527fec9b.entry.js +1 -0
  247. package/dist/vega/p-530f2b72.entry.js +1 -0
  248. package/dist/vega/{p-3a33d860.js → p-5453f591.js} +1 -1
  249. package/dist/vega/{p-a45323b9.entry.js → p-54f87b68.entry.js} +1 -1
  250. package/dist/vega/{p-cd15df91.entry.js → p-55ccc669.entry.js} +1 -1
  251. package/dist/vega/{p-8d21ddb7.js → p-59a75a4e.js} +1 -1
  252. package/dist/vega/p-5f377954.js +1 -1
  253. package/dist/vega/{p-f25fcf95.entry.js → p-5f456ea0.entry.js} +1 -1
  254. package/dist/vega/p-6168c1e7.js +1 -0
  255. package/dist/vega/{p-79ae5a62.entry.js → p-68e87fb4.entry.js} +1 -1
  256. package/dist/vega/{p-8aeb590b.entry.js → p-75c401fe.entry.js} +1 -1
  257. package/dist/vega/{p-5d95fe68.entry.js → p-764be3f6.entry.js} +1 -1
  258. package/dist/vega/{p-0197e7ec.js → p-770c736e.js} +1 -1
  259. package/dist/vega/{p-c3ef9d64.js → p-7c316199.js} +1 -1
  260. package/dist/vega/p-7cbd8367.entry.js +1 -0
  261. package/dist/vega/{p-ca495368.entry.js → p-7ff750c0.entry.js} +1 -1
  262. package/dist/vega/{p-58695ba6.entry.js → p-8172bde8.entry.js} +1 -1
  263. package/dist/vega/{p-3a5145cc.js → p-84fa8466.js} +1 -1
  264. package/dist/vega/p-8ca2b2a6.js +1 -0
  265. package/dist/vega/{p-5e5eaa7f.js → p-9909e768.js} +1 -1
  266. package/dist/vega/{p-cd7cab0b.js → p-9f9535d4.js} +1 -1
  267. package/dist/vega/{p-53f3422c.js → p-a1f7484f.js} +1 -1
  268. package/dist/vega/{p-c1efcb1b.entry.js → p-a537eaa9.entry.js} +1 -1
  269. package/dist/vega/{p-b26ab257.js → p-a73c06f0.js} +1 -1
  270. package/dist/vega/p-a7fdb16a.js +1 -0
  271. package/dist/vega/{p-5fd0b142.entry.js → p-b34a7f6c.entry.js} +1 -1
  272. package/dist/vega/p-b441fd2d.entry.js +1 -0
  273. package/dist/vega/{p-65c55bd3.entry.js → p-b4e92130.entry.js} +1 -1
  274. package/dist/vega/{p-5dc15674.entry.js → p-b6ef48be.entry.js} +1 -1
  275. package/dist/vega/{p-9e3ab8e7.entry.js → p-b9cb9098.entry.js} +1 -1
  276. package/dist/vega/p-bb491bed.js +1 -0
  277. package/dist/vega/p-bc5ce560.entry.js +1 -0
  278. package/dist/vega/{p-ebd20177.entry.js → p-be893ca7.entry.js} +1 -1
  279. package/dist/vega/{p-e3bfd4a1.js → p-c093f5d2.js} +1 -1
  280. package/dist/vega/{p-d50b16d1.js → p-c1dfdc13.js} +1 -1
  281. package/dist/vega/{p-86b2a45c.entry.js → p-c4ebfb95.entry.js} +1 -1
  282. package/dist/vega/{p-f35229a6.entry.js → p-c6e0ca01.entry.js} +1 -1
  283. package/dist/vega/p-c946ff64.entry.js +1 -0
  284. package/dist/vega/{p-08de0741.entry.js → p-ca656348.entry.js} +1 -1
  285. package/dist/vega/{p-36677b40.entry.js → p-d26f7423.entry.js} +1 -1
  286. package/dist/vega/{p-7eb8dc47.entry.js → p-d6893dba.entry.js} +1 -1
  287. package/dist/vega/{p-a2cd37ff.entry.js → p-d9cd543f.entry.js} +1 -1
  288. package/dist/vega/{p-98316ca2.entry.js → p-d9fc1fff.entry.js} +1 -1
  289. package/dist/vega/p-e011e457.entry.js +1 -0
  290. package/dist/vega/p-e4085f89.entry.js +1 -0
  291. package/dist/vega/p-ea1f50c9.entry.js +1 -0
  292. package/dist/vega/p-eae4a1c1.js +1 -0
  293. package/dist/vega/{p-8a4e70f0.entry.js → p-f1a59ae3.entry.js} +1 -1
  294. package/dist/vega/{p-ddacf9d1.entry.js → p-f6fa60f9.entry.js} +1 -1
  295. package/dist/vega/{p-96c85687.entry.js → p-f71aa49e.entry.js} +1 -1
  296. package/dist/vega/vega.esm.js +1 -1
  297. package/package.json +1 -1
  298. package/dist/collection/helpers/change-manager/test/static-remote-invocation-subject.test.js +0 -14
  299. package/dist/types/helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry.d.ts +0 -39
  300. package/dist/vega/p-1b3a64f7.js +0 -1
  301. package/dist/vega/p-1c0b5d3c.entry.js +0 -1
  302. package/dist/vega/p-2eca4f00.entry.js +0 -1
  303. package/dist/vega/p-4b265574.entry.js +0 -1
  304. package/dist/vega/p-604acab8.entry.js +0 -1
  305. package/dist/vega/p-85e2e80e.entry.js +0 -1
  306. package/dist/vega/p-8b25d84d.js +0 -1
  307. package/dist/vega/p-8cc3e459.entry.js +0 -1
  308. package/dist/vega/p-a4d790a4.entry.js +0 -1
  309. package/dist/vega/p-aa1f3d4a.entry.js +0 -1
  310. package/dist/vega/p-ad6aafb6.js +0 -1
  311. package/dist/vega/p-ae2dc0f5.entry.js +0 -1
  312. package/dist/vega/p-b8a63b73.js +0 -1
  313. package/dist/vega/p-bb3d0cb0.entry.js +0 -1
  314. package/dist/vega/p-c322de6b.entry.js +0 -1
  315. package/dist/vega/p-c46936bb.entry.js +0 -1
  316. package/dist/vega/p-c87fcf6b.entry.js +0 -1
  317. package/dist/vega/p-d298ec76.entry.js +0 -1
  318. package/dist/vega/p-dbc32bd3.js +0 -1
  319. package/dist/vega/p-df7d1a81.entry.js +0 -1
  320. package/dist/vega/p-eecfad57.js +0 -1
  321. package/dist/vega/p-fa0c285b.entry.js +0 -1
  322. package/dist/vega/p-fb5688a8.entry.js +0 -1
  323. /package/dist/types/helpers/{change-manager/test/static-remote-invocation-subject.test.d.ts → formatter/test/style-formatter.test.d.ts} +0 -0
@@ -1 +1 @@
1
- import{h as e,H as t,r as i,c as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{R as n}from"./p-961e1ecd.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-b26ab257.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-61f6167c.js";import{D as u}from"./p-1b3a64f7.js";import{a as f,e as m,q as b,w as x}from"./p-3f5e44c1.js";import{b as w}from"./p-b8a63b73.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-f9e456a6.js";import{F as I}from"./p-e3bfd4a1.js";import{f as C,d as k}from"./p-ad4bd166.js";import{C as U}from"./p-957e2de2.js";import{c as O}from"./p-28cc7bee.js";import"./p-12d5ed36.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-8b5d3a52.js";import"./p-23ec14fe.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-eecfad57.js";import"./p-883a939b.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-c3ef9d64.js";import"./p-f404aa83.js";var z=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}z([s({componentFieldName:"vegaImageUploaderInputRenderer"})],V.prototype,"inputRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],V.prototype,"defaultContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],V.prototype,"previewContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],V.prototype,"uploadingContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewController"})],V.prototype,"previewController",void 0),z([s()],V.prototype,"value",void 0),z([s()],V.prototype,"disabled",void 0),z([s()],V.prototype,"status",void 0),z([s()],V.prototype,"label",void 0),z([s()],V.prototype,"required",void 0),z([s()],V.prototype,"width",void 0),z([s()],V.prototype,"height",void 0),z([s()],V.prototype,"hint",void 0);var F=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],N.prototype,"valueController",void 0),F([s()],N.prototype,"accept",void 0);var D=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class E extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),D([s()],E.prototype,"disabled",void 0);var A=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class P extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{u.addUniqueObserverToNode(e,f,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}A([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),A([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),A([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),A([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),A([s()],P.prototype,"disabled",void 0),A([s()],P.prototype,"showPreviewButton",void 0),A([s()],P.prototype,"showRemoveButton",void 0),A([s()],P.prototype,"showReplaceButton",void 0),A([s()],P.prototype,"removeEventEmitter",void 0);var S=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class L extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}S([s({writable:!0})],L.prototype,"value",void 0),S([s()],L.prototype,"changeEventEmitter",void 0),S([s()],L.prototype,"host",void 0),S([s({componentFieldName:"vegaImageUploaderInputController"})],L.prototype,"inputController",void 0),S([d("watchValue")],L.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n <div style='text-align: center'>\n <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n </div>\n `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class T extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],T.prototype,"actionsRenderer",void 0);var q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class K extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}q([s({componentFieldName:"vegaImageUploaderRemoveController"})],K.prototype,"removeController",void 0),q([s({writable:!0})],K.prototype,"status",void 0),q([s()],K.prototype,"cancelEventEmitter",void 0);var $=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.actionTitle),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}$([s({componentFieldName:"vegaImageUploaderInputController"})],G.prototype,"inputController",void 0),$([s()],G.prototype,"actionTitle",void 0),$([s()],G.prototype,"actionSubTitle",void 0);var H=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class M extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}H([s({componentFieldName:"vegaImageUploaderValueController"})],M.prototype,"valueController",void 0),H([s()],M.prototype,"removeEventEmitter",void 0),H([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var J=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Q extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}J([s()],Q.prototype,"host",void 0),J([s()],Q.prototype,"value",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",null);const W=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var X=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Y=["jpg","png","jpeg"],Z=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.vegaImageUploaderRenderer=new V,this.vegaImageUploaderUploadingContentRenderer=new K,this.vegaImageUploaderPreviewContentRenderer=new T,this.vegaImageUploaderDefaultContentRenderer=new G,this.vegaImageUploaderInputRenderer=new N,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new E,this.vegaImageUploaderValueController=new L,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new M,this.actionsVisibilityController=new Q,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(Z,m),this.removeEventEmitter=O(Z,b),this.cancelEventEmitter=O(Z,x),this.buttonCircleEventPrevent=new U([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(W),this.value=null,this.accept=Y.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};X([v()],Z.prototype,"globalSlimmers",void 0),X([p()],Z.prototype,"vegaImageUploaderRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderActionsRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputController",void 0),X([p()],Z.prototype,"vegaImageUploaderValueController",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewController",void 0),X([p()],Z.prototype,"vegaImageUploaderRemoveController",void 0),X([p()],Z.prototype,"actionsVisibilityController",void 0),X([p()],Z.prototype,"formFieldController",void 0),X([p()],Z.prototype,"changeEventEmitter",void 0),X([p()],Z.prototype,"removeEventEmitter",void 0),X([p()],Z.prototype,"cancelEventEmitter",void 0),X([p()],Z.prototype,"buttonCircleEventPrevent",void 0),X([p()],Z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{Z as vega_image_uploader}
1
+ import{h as e,H as t,r as i,c as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{R as n}from"./p-961e1ecd.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-a73c06f0.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-61f6167c.js";import{D as u}from"./p-eae4a1c1.js";import{a as f,e as m,q as b,w as x}from"./p-3f5e44c1.js";import{b as w}from"./p-bb491bed.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-f9e456a6.js";import{F as I}from"./p-c093f5d2.js";import{f as C,d as k}from"./p-4163c2c2.js";import{C as U}from"./p-191c5c26.js";import{c as O}from"./p-016045b0.js";import"./p-2df25c7f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-8b5d3a52.js";import"./p-23ec14fe.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-6168c1e7.js";import"./p-883a939b.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-7c316199.js";import"./p-f404aa83.js";var z=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}z([s({componentFieldName:"vegaImageUploaderInputRenderer"})],V.prototype,"inputRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],V.prototype,"defaultContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],V.prototype,"previewContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],V.prototype,"uploadingContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewController"})],V.prototype,"previewController",void 0),z([s()],V.prototype,"value",void 0),z([s()],V.prototype,"disabled",void 0),z([s()],V.prototype,"status",void 0),z([s()],V.prototype,"label",void 0),z([s()],V.prototype,"required",void 0),z([s()],V.prototype,"width",void 0),z([s()],V.prototype,"height",void 0),z([s()],V.prototype,"hint",void 0);var F=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],N.prototype,"valueController",void 0),F([s()],N.prototype,"accept",void 0);var D=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class E extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),D([s()],E.prototype,"disabled",void 0);var A=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class P extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{u.addUniqueObserverToNode(e,f,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}A([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),A([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),A([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),A([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),A([s()],P.prototype,"disabled",void 0),A([s()],P.prototype,"showPreviewButton",void 0),A([s()],P.prototype,"showRemoveButton",void 0),A([s()],P.prototype,"showReplaceButton",void 0),A([s()],P.prototype,"removeEventEmitter",void 0);var S=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class L extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}S([s({writable:!0})],L.prototype,"value",void 0),S([s()],L.prototype,"changeEventEmitter",void 0),S([s()],L.prototype,"host",void 0),S([s({componentFieldName:"vegaImageUploaderInputController"})],L.prototype,"inputController",void 0),S([d("watchValue")],L.prototype,"handleValueChange",null);var _=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n <div style='text-align: center'>\n <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n </div>\n `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class T extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],T.prototype,"actionsRenderer",void 0);var q=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class K extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}q([s({componentFieldName:"vegaImageUploaderRemoveController"})],K.prototype,"removeController",void 0),q([s({writable:!0})],K.prototype,"status",void 0),q([s()],K.prototype,"cancelEventEmitter",void 0);var $=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.actionTitle),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}$([s({componentFieldName:"vegaImageUploaderInputController"})],G.prototype,"inputController",void 0),$([s()],G.prototype,"actionTitle",void 0),$([s()],G.prototype,"actionSubTitle",void 0);var H=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class M extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}H([s({componentFieldName:"vegaImageUploaderValueController"})],M.prototype,"valueController",void 0),H([s()],M.prototype,"removeEventEmitter",void 0),H([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var J=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class Q extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}J([s()],Q.prototype,"host",void 0),J([s()],Q.prototype,"value",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",null);const W=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var X=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const Y=["jpg","png","jpeg"],Z=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.vegaImageUploaderRenderer=new V,this.vegaImageUploaderUploadingContentRenderer=new K,this.vegaImageUploaderPreviewContentRenderer=new T,this.vegaImageUploaderDefaultContentRenderer=new G,this.vegaImageUploaderInputRenderer=new N,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new E,this.vegaImageUploaderValueController=new L,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new M,this.actionsVisibilityController=new Q,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(Z,m),this.removeEventEmitter=O(Z,b),this.cancelEventEmitter=O(Z,x),this.buttonCircleEventPrevent=new U([f],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(W),this.value=null,this.accept=Y.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};X([v()],Z.prototype,"globalSlimmers",void 0),X([p()],Z.prototype,"vegaImageUploaderRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderActionsRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputController",void 0),X([p()],Z.prototype,"vegaImageUploaderValueController",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewController",void 0),X([p()],Z.prototype,"vegaImageUploaderRemoveController",void 0),X([p()],Z.prototype,"actionsVisibilityController",void 0),X([p()],Z.prototype,"formFieldController",void 0),X([p()],Z.prototype,"changeEventEmitter",void 0),X([p()],Z.prototype,"removeEventEmitter",void 0),X([p()],Z.prototype,"cancelEventEmitter",void 0),X([p()],Z.prototype,"buttonCircleEventPrevent",void 0),X([p()],Z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{Z as vega_image_uploader}
@@ -1 +1 @@
1
- import{r as e,c as t,h as i,H as a,F as o,g as r}from"./p-1c298d5a.js";import{R as n}from"./p-961e1ecd.js";import{s,g as p}from"./p-9b797118.js";import{M as d,N as h}from"./p-12d5ed36.js";import{f as c}from"./p-ad4bd166.js";import{c as l}from"./p-86194314.js";import{I as b}from"./p-3a5145cc.js";import{I as m}from"./p-6e1ab235.js";import{V as g,I as x}from"./p-61f6167c.js";import{F as f}from"./p-e3bfd4a1.js";import{C as v}from"./p-957e2de2.js";import{c as u}from"./p-28cc7bee.js";import{D as w}from"./p-1b3a64f7.js";import{e as y,j,k as I,m as k,b as C,c as z}from"./p-3f5e44c1.js";import{b as A}from"./p-b8a63b73.js";import{C as R}from"./p-2d0d575f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-3a33d860.js";import"./p-0bb29d98.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-eecfad57.js";import"./p-883a939b.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-344ee7cb.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-c3ef9d64.js";import"./p-f404aa83.js";const S=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!1===e.autoValidation}];var E=function(e,t,i,a){var o,r=arguments.length,n=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,a);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const D=class{constructor(i){e(this,i),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.vegaCreate=t(this,"vegaCreate",7),this.create=t(this,"create",7),this.vegaSearch=t(this,"vegaSearch",7),this.search=t(this,"search",7),this.globalSlimmers={},this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRef,touchableAreaGetter:()=>[this.searchInputRef]}),this.changeEventEmit=u(D,y),this.createEventEmit=u(D,j),this.searchEventEmit=u(D,I),this.dropdownEventPrevent=new v([j,I],(()=>this.dropdownRef),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(S),this.label="",this.required=!1,this.source=[],this.value=[],this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="",this.hint="",this.size="medium",this.vegaDropdownProps={},this.useDefaultFilter=!0,this.onItemClick=async()=>{this.value=await this.dropdownRef.getSelection(),await this.clearInput()},this.onDropdownHide=async()=>{await this.clearInput()},this.onDropdownCreate=async e=>{this.createEventEmit.emit(e),await this.clearInput()},this.onInputChange=async e=>{const t=e.target.value;this.useDefaultFilter?(await this.dropdownRef.show(),await this.dropdownRef.search(t)):this.searchEventEmit.emit(t)},this.onLabelClick=()=>{this.searchInputRef.focus()},this.deleteLastSelectedItem=()=>{""===this.searchInputRef.value&&(this.value.pop(),this.value=[...this.value])}}watchSource(){this.source=d(this.source,h)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),R.notify(A,{host:this.host,detail:this.value})}watchValidationRules(){}async close(){this.disabled||await this.dropdownRef.hide()}async open(){this.disabled||await this.dropdownRef.show()}render(){return s(i(a,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.renderDropdown(),this.renderHint()),this.host)}renderLabel(){return i("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderHint(){return i("div",{class:"vega-combo-box-hint"},this.hint)}renderDropdown(){return i("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,w.addUniqueObserverToNode(e,j,(async e=>{await this.onDropdownCreate(e.detail)})),w.addUniqueObserverToNode(e,k,(async()=>{await this.onDropdownHide()})),w.addUniqueObserverToNode(e,C,(async()=>{await this.onItemClick()}))}}),this.renderContainer())}renderContainer(){return i("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},this.renderSelectedContainer(),this.renderInputContainer())}renderSelectedContainer(){const e=this.value.map((e=>this.source.find((t=>t.key===e)))).filter((e=>e));return i(o,null,e.map((e=>this.renderSelectedChip(e))))}renderSelectedChip(e){return i("vega-chip",{key:e.key,text:e.label,variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:t=>{w.addUniqueObserverToNode(t,z,(async()=>{await this.onChipClose(e.key)}))}})}renderInputContainer(){return i("div",{class:"vega-combo-box-input-container"},i("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:0===this.value.length?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:l(),disabled:this.disabled}))}async onChipClose(e){this.value=[...this.value.filter((t=>t!==e))],await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}controlDirectionByKeyboard(e){const t=p();if(t&&t.classList.contains("vega-chip-close-icon")){const i=c(t,"vega-chip");"ArrowLeft"===e&&this.focusItemByKeyboard(i.previousSibling),"ArrowRight"===e&&this.focusItemByKeyboard(i.nextSibling)}else"ArrowLeft"===e&&0===this.searchInputRef.selectionStart&&this.focusItemByKeyboard(this.host.shadowRoot.querySelector("vega-chip:last-of-type"))}focusItemByKeyboard(e){e&&(e.classList.contains("vega-combo-box-input-container")?e.querySelector("input").focus():e.shadowRoot.querySelector(".vega-chip-close-icon").focus())}get host(){return r(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};E([x()],D.prototype,"globalSlimmers",void 0),E([m()],D.prototype,"formFieldController",void 0),E([m()],D.prototype,"changeEventEmit",void 0),E([m()],D.prototype,"createEventEmit",void 0),E([m()],D.prototype,"searchEventEmit",void 0),E([m()],D.prototype,"dropdownEventPrevent",void 0),E([m()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),E([b((e=>[{keyCode:"Backspace",activeElementInScope:[e.searchInputRef],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}]))],D.prototype,"host",void 0),D.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.vega-combo-box-disabled) .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-combo-box-hint{padding-left:8px;padding-right:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}';export{D as vega_combo_box}
1
+ import{r as e,c as t,h as i,H as o,F as a,g as r}from"./p-1c298d5a.js";import{R as n}from"./p-961e1ecd.js";import{s,g as p}from"./p-9b797118.js";import{N as d,O as h}from"./p-2df25c7f.js";import{f as c}from"./p-4163c2c2.js";import{c as l}from"./p-86194314.js";import{I as b}from"./p-84fa8466.js";import{I as m}from"./p-6e1ab235.js";import{V as g,I as x}from"./p-61f6167c.js";import{F as f}from"./p-c093f5d2.js";import{C as v}from"./p-191c5c26.js";import{c as u}from"./p-016045b0.js";import{D as w}from"./p-eae4a1c1.js";import{e as y,j,k as I,m as k,b as C,c as z}from"./p-3f5e44c1.js";import{b as A}from"./p-bb491bed.js";import{C as R}from"./p-2d0d575f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-5453f591.js";import"./p-0bb29d98.js";import"./p-8b5d3a52.js";import"./p-6a334573.js";import"./p-6168c1e7.js";import"./p-883a939b.js";import"./p-987fbbd0.js";import"./p-38d81bde.js";import"./p-ee68920f.js";import"./p-344ee7cb.js";import"./p-ead1a647.js";import"./p-5f377954.js";import"./p-7c316199.js";import"./p-f404aa83.js";const S=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!1===e.autoValidation}];var E=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const D=class{constructor(i){e(this,i),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.vegaCreate=t(this,"vegaCreate",7),this.create=t(this,"create",7),this.vegaSearch=t(this,"vegaSearch",7),this.search=t(this,"search",7),this.globalSlimmers={},this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRef,touchableAreaGetter:()=>[this.searchInputRef]}),this.changeEventEmit=u(D,y),this.createEventEmit=u(D,j),this.searchEventEmit=u(D,I),this.dropdownEventPrevent=new v([j,I],(()=>this.dropdownRef),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(S),this.label="",this.required=!1,this.source=[],this.value=[],this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="",this.hint="",this.size="medium",this.vegaDropdownProps={},this.useDefaultFilter=!0,this.onItemClick=async()=>{this.value=await this.dropdownRef.getSelection(),await this.clearInput()},this.onDropdownHide=async()=>{await this.clearInput()},this.onDropdownCreate=async e=>{this.createEventEmit.emit(e),await this.clearInput()},this.onInputChange=async e=>{const t=e.target.value;this.useDefaultFilter?(await this.dropdownRef.show(),await this.dropdownRef.search(t)):this.searchEventEmit.emit(t)},this.onLabelClick=()=>{this.searchInputRef.focus()},this.deleteLastSelectedItem=()=>{""===this.searchInputRef.value&&(this.value.pop(),this.value=[...this.value])}}watchSource(){this.source=d(this.source,h)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),R.notify(A,{host:this.host,detail:this.value})}watchValidationRules(){}async close(){this.disabled||await this.dropdownRef.hide()}async open(){this.disabled||await this.dropdownRef.show()}render(){return s(i(o,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.renderDropdown(),this.renderHint()),this.host)}renderLabel(){return i("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderHint(){return i("div",{class:"vega-combo-box-hint"},this.hint)}renderDropdown(){return i("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,w.addUniqueObserverToNode(e,j,(async e=>{await this.onDropdownCreate(e.detail)})),w.addUniqueObserverToNode(e,k,(async()=>{await this.onDropdownHide()})),w.addUniqueObserverToNode(e,C,(async()=>{await this.onItemClick()}))}}),this.renderContainer())}renderContainer(){return i("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},this.renderSelectedContainer(),this.renderInputContainer())}renderSelectedContainer(){const e=this.value.map((e=>this.source.find((t=>t.key===e)))).filter((e=>e));return i(a,null,e.map((e=>this.renderSelectedChip(e))))}renderSelectedChip(e){return i("vega-chip",{key:e.key,text:e.label,variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:t=>{w.addUniqueObserverToNode(t,z,(async()=>{await this.onChipClose(e.key)}))}})}renderInputContainer(){return i("div",{class:"vega-combo-box-input-container"},i("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:0===this.value.length?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:l(),disabled:this.disabled}))}async onChipClose(e){this.value=[...this.value.filter((t=>t!==e))],await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}controlDirectionByKeyboard(e){const t=p();if(t&&t.classList.contains("vega-chip-close-icon")){const i=c(t,"vega-chip");"ArrowLeft"===e&&this.focusItemByKeyboard(i.previousSibling),"ArrowRight"===e&&this.focusItemByKeyboard(i.nextSibling)}else"ArrowLeft"===e&&0===this.searchInputRef.selectionStart&&this.focusItemByKeyboard(this.host.shadowRoot.querySelector("vega-chip:last-of-type"))}focusItemByKeyboard(e){e&&(e.classList.contains("vega-combo-box-input-container")?e.querySelector("input").focus():e.shadowRoot.querySelector(".vega-chip-close-icon").focus())}get host(){return r(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};E([x()],D.prototype,"globalSlimmers",void 0),E([m()],D.prototype,"formFieldController",void 0),E([m()],D.prototype,"changeEventEmit",void 0),E([m()],D.prototype,"createEventEmit",void 0),E([m()],D.prototype,"searchEventEmit",void 0),E([m()],D.prototype,"dropdownEventPrevent",void 0),E([m()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),E([b((e=>[{keyCode:"Backspace",activeElementInScope:[e.searchInputRef],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}]))],D.prototype,"host",void 0),D.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.vega-combo-box-disabled) .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-combo-box-hint{padding-left:8px;padding-right:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}';export{D as vega_combo_box}
@@ -0,0 +1 @@
1
+ import{r as t,h as o,H as i,g as r}from"./p-1c298d5a.js";import{s as d}from"./p-9b797118.js";import{j as p,f as s,k as e}from"./p-1c1805aa.js";import{a as v}from"./p-4163c2c2.js";import{c as m,M as n,V as x,I as h}from"./p-6e1ab235.js";import{V as a,I as z}from"./p-61f6167c.js";import{R as g}from"./p-a73c06f0.js";import{P as b}from"./p-883a939b.js";import{f as u}from"./p-8ca2b2a6.js";import"./p-2df25c7f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-770c736e.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";var l=function(t,o,i,r){var d,p=arguments.length,s=p<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,i,r);else for(var e=t.length-1;e>=0;e--)(d=t[e])&&(s=(p<3?d(s):p>3?d(o,i,s):d(o,i))||s);return p>3&&s&&Object.defineProperty(o,i,s),s};class L extends x{componentWillLoad(){this.appendAllStateStyles()}watchBorder(){this.appendStateStyles(this.border,"border"),this.makeBorderColorAfterBorder()}watchShadow(){this.appendStateStyles(this.shadow,"shadow")}watchBorderColor(){this.appendStateStyles(this.borderColor,"borderColor"),this.makeBorderColorAfterBorder()}watchBackgroundColor(){this.appendStateStyles(this.backgroundColor,"backgroundColor")}appendStateStyles(t,o){var i;if(null===(i=this.host.shadowRoot.querySelector(`style#state-styles-${o}`))||void 0===i||i.remove(),p(t,o)){const i=document.createElement("style");i.setAttribute("id",`state-styles-${o}`),i.innerHTML=p(t,o),this.host.shadowRoot.append(i)}}makeBorderColorAfterBorder(){const t=this.host.shadowRoot.querySelector("style#state-styles-borderColor"),o=this.host.shadowRoot.querySelector("style#state-styles-border");t&&o&&o.after(t)}appendAllStateStyles(){this.appendStateStyles(this.backgroundColor,"backgroundColor"),this.appendStateStyles(this.border,"border"),this.appendStateStyles(this.borderColor,"borderColor"),this.appendStateStyles(this.shadow,"shadow")}}l([m()],L.prototype,"host",void 0),l([m()],L.prototype,"backgroundColor",void 0),l([m()],L.prototype,"borderColor",void 0),l([m()],L.prototype,"border",void 0),l([m()],L.prototype,"shadow",void 0),l([n("componentWillLoad")],L.prototype,"componentWillLoad",null),l([n("watchBorder")],L.prototype,"watchBorder",null),l([n("watchShadow")],L.prototype,"watchShadow",null),l([n("watchBorderColor")],L.prototype,"watchBorderColor",null),l([n("watchBackgroundColor")],L.prototype,"watchBackgroundColor",null);var f=function(t,o,i,r){var d,p=arguments.length,s=p<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,i,r);else for(var e=t.length-1;e>=0;e--)(d=t[e])&&(s=(p<3?d(s):p>3?d(o,i,s):d(o,i))||s);return p>3&&s&&Object.defineProperty(o,i,s),s};const S=class{constructor(o){t(this,o),this.globalSlimmers={},this.pageResizeSlimmer=new b,this.stateStyleController=new L,this.vegaComponentUsageRuntimeMetricsSlimmer=new a}watchBorder(){}watchShadow(){}watchBorderColor(){}watchBackgroundColor(){}render(){const t=[s(this.padding,"padding"),s(this.margin,"margin"),s(this.display,"boxDisplay"),s(this.corners,"corners"),e(this.borderStyle),g.formatCustom(this.responsiveClass)],r=Object.assign({width:s(this.width,"widthAndHeight"),height:s(this.height,"widthAndHeight"),minHeight:s(this.minHeight,"widthAndHeight"),maxHeight:s(this.maxHeight,"widthAndHeight"),order:this.order&&`${g.formatCustom(this.order)}`,alignSelf:this.alignSelf&&`${g.formatCustom(this.alignSelf)}`,justifySelf:this.justifySelf&&`${g.formatCustom(this.justifySelf)}`},u(this.flex,this.flexGrow,this.flexShrink,this.flexBasis));return this.gridArea?r.gridArea=`${g.formatCustom(this.gridArea)}`:(r.gridColumn=this.gridColumn&&`${g.formatCustom(this.gridColumn)}`,r.gridRow=this.gridRow&&`${g.formatCustom(this.gridRow)}`),d(o(i,{style:r,class:v(t)},o("slot",null)),this.host)}get host(){return r(this)}static get watchers(){return{border:["watchBorder"],shadow:["watchShadow"],borderColor:["watchBorderColor"],backgroundColor:["watchBackgroundColor"]}}};f([z()],S.prototype,"globalSlimmers",void 0),f([h()],S.prototype,"pageResizeSlimmer",void 0),f([h()],S.prototype,"stateStyleController",void 0),f([h()],S.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),S.style=":host(.v-p-0),.v-p-0{padding:0px}:host(.v-px-0),.v-px-0{padding-left:0px;padding-right:0px}:host(.v-py-0),.v-py-0{padding-top:0px;padding-bottom:0px}:host(.v-pt-0),.v-pt-0{padding-top:0px}:host(.v-pb-0),.v-pb-0{padding-bottom:0px}:host(.v-pr-0),.v-pr-0{padding-right:0px}:host(.v-pl-0),.v-pl-0{padding-left:0px}:host(.v-p-size-0),.v-p-size-0{padding:0px}:host(.v-px-size-0),.v-px-size-0{padding-left:0px;padding-right:0px}:host(.v-py-size-0),.v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.v-pt-size-0),.v-pt-size-0{padding-top:0px}:host(.v-pb-size-0),.v-pb-size-0{padding-bottom:0px}:host(.v-pr-size-0),.v-pr-size-0{padding-right:0px}:host(.v-pl-size-0),.v-pl-size-0{padding-left:0px}:host(.v-p-size-4),.v-p-size-4{padding:4px}:host(.v-px-size-4),.v-px-size-4{padding-left:4px;padding-right:4px}:host(.v-py-size-4),.v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.v-pt-size-4),.v-pt-size-4{padding-top:4px}:host(.v-pb-size-4),.v-pb-size-4{padding-bottom:4px}:host(.v-pr-size-4),.v-pr-size-4{padding-right:4px}:host(.v-pl-size-4),.v-pl-size-4{padding-left:4px}:host(.v-p-size-8),.v-p-size-8{padding:8px}:host(.v-px-size-8),.v-px-size-8{padding-left:8px;padding-right:8px}:host(.v-py-size-8),.v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.v-pt-size-8),.v-pt-size-8{padding-top:8px}:host(.v-pb-size-8),.v-pb-size-8{padding-bottom:8px}:host(.v-pr-size-8),.v-pr-size-8{padding-right:8px}:host(.v-pl-size-8),.v-pl-size-8{padding-left:8px}:host(.v-p-size-12),.v-p-size-12{padding:12px}:host(.v-px-size-12),.v-px-size-12{padding-left:12px;padding-right:12px}:host(.v-py-size-12),.v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.v-pt-size-12),.v-pt-size-12{padding-top:12px}:host(.v-pb-size-12),.v-pb-size-12{padding-bottom:12px}:host(.v-pr-size-12),.v-pr-size-12{padding-right:12px}:host(.v-pl-size-12),.v-pl-size-12{padding-left:12px}:host(.v-p-size-16),.v-p-size-16{padding:16px}:host(.v-px-size-16),.v-px-size-16{padding-left:16px;padding-right:16px}:host(.v-py-size-16),.v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.v-pt-size-16),.v-pt-size-16{padding-top:16px}:host(.v-pb-size-16),.v-pb-size-16{padding-bottom:16px}:host(.v-pr-size-16),.v-pr-size-16{padding-right:16px}:host(.v-pl-size-16),.v-pl-size-16{padding-left:16px}:host(.v-p-size-20),.v-p-size-20{padding:20px}:host(.v-px-size-20),.v-px-size-20{padding-left:20px;padding-right:20px}:host(.v-py-size-20),.v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.v-pt-size-20),.v-pt-size-20{padding-top:20px}:host(.v-pb-size-20),.v-pb-size-20{padding-bottom:20px}:host(.v-pr-size-20),.v-pr-size-20{padding-right:20px}:host(.v-pl-size-20),.v-pl-size-20{padding-left:20px}:host(.v-p-size-24),.v-p-size-24{padding:24px}:host(.v-px-size-24),.v-px-size-24{padding-left:24px;padding-right:24px}:host(.v-py-size-24),.v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.v-pt-size-24),.v-pt-size-24{padding-top:24px}:host(.v-pb-size-24),.v-pb-size-24{padding-bottom:24px}:host(.v-pr-size-24),.v-pr-size-24{padding-right:24px}:host(.v-pl-size-24),.v-pl-size-24{padding-left:24px}:host(.v-p-size-32),.v-p-size-32{padding:32px}:host(.v-px-size-32),.v-px-size-32{padding-left:32px;padding-right:32px}:host(.v-py-size-32),.v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.v-pt-size-32),.v-pt-size-32{padding-top:32px}:host(.v-pb-size-32),.v-pb-size-32{padding-bottom:32px}:host(.v-pr-size-32),.v-pr-size-32{padding-right:32px}:host(.v-pl-size-32),.v-pl-size-32{padding-left:32px}:host(.v-p-size-40),.v-p-size-40{padding:40px}:host(.v-px-size-40),.v-px-size-40{padding-left:40px;padding-right:40px}:host(.v-py-size-40),.v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.v-pt-size-40),.v-pt-size-40{padding-top:40px}:host(.v-pb-size-40),.v-pb-size-40{padding-bottom:40px}:host(.v-pr-size-40),.v-pr-size-40{padding-right:40px}:host(.v-pl-size-40),.v-pl-size-40{padding-left:40px}:host(.v-p-size-48),.v-p-size-48{padding:48px}:host(.v-px-size-48),.v-px-size-48{padding-left:48px;padding-right:48px}:host(.v-py-size-48),.v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.v-pt-size-48),.v-pt-size-48{padding-top:48px}:host(.v-pb-size-48),.v-pb-size-48{padding-bottom:48px}:host(.v-pr-size-48),.v-pr-size-48{padding-right:48px}:host(.v-pl-size-48),.v-pl-size-48{padding-left:48px}:host(.v-p-size-64),.v-p-size-64{padding:64px}:host(.v-px-size-64),.v-px-size-64{padding-left:64px;padding-right:64px}:host(.v-py-size-64),.v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.v-pt-size-64),.v-pt-size-64{padding-top:64px}:host(.v-pb-size-64),.v-pb-size-64{padding-bottom:64px}:host(.v-pr-size-64),.v-pr-size-64{padding-right:64px}:host(.v-pl-size-64),.v-pl-size-64{padding-left:64px}:host(.v-p-size-72),.v-p-size-72{padding:72px}:host(.v-px-size-72),.v-px-size-72{padding-left:72px;padding-right:72px}:host(.v-py-size-72),.v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.v-pt-size-72),.v-pt-size-72{padding-top:72px}:host(.v-pb-size-72),.v-pb-size-72{padding-bottom:72px}:host(.v-pr-size-72),.v-pr-size-72{padding-right:72px}:host(.v-pl-size-72),.v-pl-size-72{padding-left:72px}:host(.v-p-size-80),.v-p-size-80{padding:80px}:host(.v-px-size-80),.v-px-size-80{padding-left:80px;padding-right:80px}:host(.v-py-size-80),.v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.v-pt-size-80),.v-pt-size-80{padding-top:80px}:host(.v-pb-size-80),.v-pb-size-80{padding-bottom:80px}:host(.v-pr-size-80),.v-pr-size-80{padding-right:80px}:host(.v-pl-size-80),.v-pl-size-80{padding-left:80px}:host(.v-p-size-112),.v-p-size-112{padding:112px}:host(.v-px-size-112),.v-px-size-112{padding-left:112px;padding-right:112px}:host(.v-py-size-112),.v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.v-pt-size-112),.v-pt-size-112{padding-top:112px}:host(.v-pb-size-112),.v-pb-size-112{padding-bottom:112px}:host(.v-pr-size-112),.v-pr-size-112{padding-right:112px}:host(.v-pl-size-112),.v-pl-size-112{padding-left:112px}:host(.v-p-size-2),.v-p-size-2{padding:2px}:host(.v-px-size-2),.v-px-size-2{padding-left:2px;padding-right:2px}:host(.v-py-size-2),.v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.v-pt-size-2),.v-pt-size-2{padding-top:2px}:host(.v-pb-size-2),.v-pb-size-2{padding-bottom:2px}:host(.v-pr-size-2),.v-pr-size-2{padding-right:2px}:host(.v-pl-size-2),.v-pl-size-2{padding-left:2px}@media (min-width: 320px){:host(.S\\:v-p-0),.S\\:v-p-0{padding:0px}:host(.S\\:v-px-0),.S\\:v-px-0{padding-left:0px;padding-right:0px}:host(.S\\:v-py-0),.S\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.S\\:v-pt-0),.S\\:v-pt-0{padding-top:0px}:host(.S\\:v-pb-0),.S\\:v-pb-0{padding-bottom:0px}:host(.S\\:v-pr-0),.S\\:v-pr-0{padding-right:0px}:host(.S\\:v-pl-0),.S\\:v-pl-0{padding-left:0px}:host(.S\\:v-p-size-0),.S\\:v-p-size-0{padding:0px}:host(.S\\:v-px-size-0),.S\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.S\\:v-py-size-0),.S\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.S\\:v-pt-size-0),.S\\:v-pt-size-0{padding-top:0px}:host(.S\\:v-pb-size-0),.S\\:v-pb-size-0{padding-bottom:0px}:host(.S\\:v-pr-size-0),.S\\:v-pr-size-0{padding-right:0px}:host(.S\\:v-pl-size-0),.S\\:v-pl-size-0{padding-left:0px}:host(.S\\:v-p-size-4),.S\\:v-p-size-4{padding:4px}:host(.S\\:v-px-size-4),.S\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.S\\:v-py-size-4),.S\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.S\\:v-pt-size-4),.S\\:v-pt-size-4{padding-top:4px}:host(.S\\:v-pb-size-4),.S\\:v-pb-size-4{padding-bottom:4px}:host(.S\\:v-pr-size-4),.S\\:v-pr-size-4{padding-right:4px}:host(.S\\:v-pl-size-4),.S\\:v-pl-size-4{padding-left:4px}:host(.S\\:v-p-size-8),.S\\:v-p-size-8{padding:8px}:host(.S\\:v-px-size-8),.S\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.S\\:v-py-size-8),.S\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.S\\:v-pt-size-8),.S\\:v-pt-size-8{padding-top:8px}:host(.S\\:v-pb-size-8),.S\\:v-pb-size-8{padding-bottom:8px}:host(.S\\:v-pr-size-8),.S\\:v-pr-size-8{padding-right:8px}:host(.S\\:v-pl-size-8),.S\\:v-pl-size-8{padding-left:8px}:host(.S\\:v-p-size-12),.S\\:v-p-size-12{padding:12px}:host(.S\\:v-px-size-12),.S\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.S\\:v-py-size-12),.S\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.S\\:v-pt-size-12),.S\\:v-pt-size-12{padding-top:12px}:host(.S\\:v-pb-size-12),.S\\:v-pb-size-12{padding-bottom:12px}:host(.S\\:v-pr-size-12),.S\\:v-pr-size-12{padding-right:12px}:host(.S\\:v-pl-size-12),.S\\:v-pl-size-12{padding-left:12px}:host(.S\\:v-p-size-16),.S\\:v-p-size-16{padding:16px}:host(.S\\:v-px-size-16),.S\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.S\\:v-py-size-16),.S\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.S\\:v-pt-size-16),.S\\:v-pt-size-16{padding-top:16px}:host(.S\\:v-pb-size-16),.S\\:v-pb-size-16{padding-bottom:16px}:host(.S\\:v-pr-size-16),.S\\:v-pr-size-16{padding-right:16px}:host(.S\\:v-pl-size-16),.S\\:v-pl-size-16{padding-left:16px}:host(.S\\:v-p-size-20),.S\\:v-p-size-20{padding:20px}:host(.S\\:v-px-size-20),.S\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.S\\:v-py-size-20),.S\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.S\\:v-pt-size-20),.S\\:v-pt-size-20{padding-top:20px}:host(.S\\:v-pb-size-20),.S\\:v-pb-size-20{padding-bottom:20px}:host(.S\\:v-pr-size-20),.S\\:v-pr-size-20{padding-right:20px}:host(.S\\:v-pl-size-20),.S\\:v-pl-size-20{padding-left:20px}:host(.S\\:v-p-size-24),.S\\:v-p-size-24{padding:24px}:host(.S\\:v-px-size-24),.S\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.S\\:v-py-size-24),.S\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.S\\:v-pt-size-24),.S\\:v-pt-size-24{padding-top:24px}:host(.S\\:v-pb-size-24),.S\\:v-pb-size-24{padding-bottom:24px}:host(.S\\:v-pr-size-24),.S\\:v-pr-size-24{padding-right:24px}:host(.S\\:v-pl-size-24),.S\\:v-pl-size-24{padding-left:24px}:host(.S\\:v-p-size-32),.S\\:v-p-size-32{padding:32px}:host(.S\\:v-px-size-32),.S\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.S\\:v-py-size-32),.S\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.S\\:v-pt-size-32),.S\\:v-pt-size-32{padding-top:32px}:host(.S\\:v-pb-size-32),.S\\:v-pb-size-32{padding-bottom:32px}:host(.S\\:v-pr-size-32),.S\\:v-pr-size-32{padding-right:32px}:host(.S\\:v-pl-size-32),.S\\:v-pl-size-32{padding-left:32px}:host(.S\\:v-p-size-40),.S\\:v-p-size-40{padding:40px}:host(.S\\:v-px-size-40),.S\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.S\\:v-py-size-40),.S\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.S\\:v-pt-size-40),.S\\:v-pt-size-40{padding-top:40px}:host(.S\\:v-pb-size-40),.S\\:v-pb-size-40{padding-bottom:40px}:host(.S\\:v-pr-size-40),.S\\:v-pr-size-40{padding-right:40px}:host(.S\\:v-pl-size-40),.S\\:v-pl-size-40{padding-left:40px}:host(.S\\:v-p-size-48),.S\\:v-p-size-48{padding:48px}:host(.S\\:v-px-size-48),.S\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.S\\:v-py-size-48),.S\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.S\\:v-pt-size-48),.S\\:v-pt-size-48{padding-top:48px}:host(.S\\:v-pb-size-48),.S\\:v-pb-size-48{padding-bottom:48px}:host(.S\\:v-pr-size-48),.S\\:v-pr-size-48{padding-right:48px}:host(.S\\:v-pl-size-48),.S\\:v-pl-size-48{padding-left:48px}:host(.S\\:v-p-size-64),.S\\:v-p-size-64{padding:64px}:host(.S\\:v-px-size-64),.S\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.S\\:v-py-size-64),.S\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.S\\:v-pt-size-64),.S\\:v-pt-size-64{padding-top:64px}:host(.S\\:v-pb-size-64),.S\\:v-pb-size-64{padding-bottom:64px}:host(.S\\:v-pr-size-64),.S\\:v-pr-size-64{padding-right:64px}:host(.S\\:v-pl-size-64),.S\\:v-pl-size-64{padding-left:64px}:host(.S\\:v-p-size-72),.S\\:v-p-size-72{padding:72px}:host(.S\\:v-px-size-72),.S\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.S\\:v-py-size-72),.S\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.S\\:v-pt-size-72),.S\\:v-pt-size-72{padding-top:72px}:host(.S\\:v-pb-size-72),.S\\:v-pb-size-72{padding-bottom:72px}:host(.S\\:v-pr-size-72),.S\\:v-pr-size-72{padding-right:72px}:host(.S\\:v-pl-size-72),.S\\:v-pl-size-72{padding-left:72px}:host(.S\\:v-p-size-80),.S\\:v-p-size-80{padding:80px}:host(.S\\:v-px-size-80),.S\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.S\\:v-py-size-80),.S\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.S\\:v-pt-size-80),.S\\:v-pt-size-80{padding-top:80px}:host(.S\\:v-pb-size-80),.S\\:v-pb-size-80{padding-bottom:80px}:host(.S\\:v-pr-size-80),.S\\:v-pr-size-80{padding-right:80px}:host(.S\\:v-pl-size-80),.S\\:v-pl-size-80{padding-left:80px}:host(.S\\:v-p-size-112),.S\\:v-p-size-112{padding:112px}:host(.S\\:v-px-size-112),.S\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.S\\:v-py-size-112),.S\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.S\\:v-pt-size-112),.S\\:v-pt-size-112{padding-top:112px}:host(.S\\:v-pb-size-112),.S\\:v-pb-size-112{padding-bottom:112px}:host(.S\\:v-pr-size-112),.S\\:v-pr-size-112{padding-right:112px}:host(.S\\:v-pl-size-112),.S\\:v-pl-size-112{padding-left:112px}:host(.S\\:v-p-size-2),.S\\:v-p-size-2{padding:2px}:host(.S\\:v-px-size-2),.S\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.S\\:v-py-size-2),.S\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.S\\:v-pt-size-2),.S\\:v-pt-size-2{padding-top:2px}:host(.S\\:v-pb-size-2),.S\\:v-pb-size-2{padding-bottom:2px}:host(.S\\:v-pr-size-2),.S\\:v-pr-size-2{padding-right:2px}:host(.S\\:v-pl-size-2),.S\\:v-pl-size-2{padding-left:2px}}@media (min-width: 768px){:host(.M\\:v-p-0),.M\\:v-p-0{padding:0px}:host(.M\\:v-px-0),.M\\:v-px-0{padding-left:0px;padding-right:0px}:host(.M\\:v-py-0),.M\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.M\\:v-pt-0),.M\\:v-pt-0{padding-top:0px}:host(.M\\:v-pb-0),.M\\:v-pb-0{padding-bottom:0px}:host(.M\\:v-pr-0),.M\\:v-pr-0{padding-right:0px}:host(.M\\:v-pl-0),.M\\:v-pl-0{padding-left:0px}:host(.M\\:v-p-size-0),.M\\:v-p-size-0{padding:0px}:host(.M\\:v-px-size-0),.M\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.M\\:v-py-size-0),.M\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.M\\:v-pt-size-0),.M\\:v-pt-size-0{padding-top:0px}:host(.M\\:v-pb-size-0),.M\\:v-pb-size-0{padding-bottom:0px}:host(.M\\:v-pr-size-0),.M\\:v-pr-size-0{padding-right:0px}:host(.M\\:v-pl-size-0),.M\\:v-pl-size-0{padding-left:0px}:host(.M\\:v-p-size-4),.M\\:v-p-size-4{padding:4px}:host(.M\\:v-px-size-4),.M\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.M\\:v-py-size-4),.M\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.M\\:v-pt-size-4),.M\\:v-pt-size-4{padding-top:4px}:host(.M\\:v-pb-size-4),.M\\:v-pb-size-4{padding-bottom:4px}:host(.M\\:v-pr-size-4),.M\\:v-pr-size-4{padding-right:4px}:host(.M\\:v-pl-size-4),.M\\:v-pl-size-4{padding-left:4px}:host(.M\\:v-p-size-8),.M\\:v-p-size-8{padding:8px}:host(.M\\:v-px-size-8),.M\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.M\\:v-py-size-8),.M\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.M\\:v-pt-size-8),.M\\:v-pt-size-8{padding-top:8px}:host(.M\\:v-pb-size-8),.M\\:v-pb-size-8{padding-bottom:8px}:host(.M\\:v-pr-size-8),.M\\:v-pr-size-8{padding-right:8px}:host(.M\\:v-pl-size-8),.M\\:v-pl-size-8{padding-left:8px}:host(.M\\:v-p-size-12),.M\\:v-p-size-12{padding:12px}:host(.M\\:v-px-size-12),.M\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.M\\:v-py-size-12),.M\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.M\\:v-pt-size-12),.M\\:v-pt-size-12{padding-top:12px}:host(.M\\:v-pb-size-12),.M\\:v-pb-size-12{padding-bottom:12px}:host(.M\\:v-pr-size-12),.M\\:v-pr-size-12{padding-right:12px}:host(.M\\:v-pl-size-12),.M\\:v-pl-size-12{padding-left:12px}:host(.M\\:v-p-size-16),.M\\:v-p-size-16{padding:16px}:host(.M\\:v-px-size-16),.M\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.M\\:v-py-size-16),.M\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.M\\:v-pt-size-16),.M\\:v-pt-size-16{padding-top:16px}:host(.M\\:v-pb-size-16),.M\\:v-pb-size-16{padding-bottom:16px}:host(.M\\:v-pr-size-16),.M\\:v-pr-size-16{padding-right:16px}:host(.M\\:v-pl-size-16),.M\\:v-pl-size-16{padding-left:16px}:host(.M\\:v-p-size-20),.M\\:v-p-size-20{padding:20px}:host(.M\\:v-px-size-20),.M\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.M\\:v-py-size-20),.M\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.M\\:v-pt-size-20),.M\\:v-pt-size-20{padding-top:20px}:host(.M\\:v-pb-size-20),.M\\:v-pb-size-20{padding-bottom:20px}:host(.M\\:v-pr-size-20),.M\\:v-pr-size-20{padding-right:20px}:host(.M\\:v-pl-size-20),.M\\:v-pl-size-20{padding-left:20px}:host(.M\\:v-p-size-24),.M\\:v-p-size-24{padding:24px}:host(.M\\:v-px-size-24),.M\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.M\\:v-py-size-24),.M\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.M\\:v-pt-size-24),.M\\:v-pt-size-24{padding-top:24px}:host(.M\\:v-pb-size-24),.M\\:v-pb-size-24{padding-bottom:24px}:host(.M\\:v-pr-size-24),.M\\:v-pr-size-24{padding-right:24px}:host(.M\\:v-pl-size-24),.M\\:v-pl-size-24{padding-left:24px}:host(.M\\:v-p-size-32),.M\\:v-p-size-32{padding:32px}:host(.M\\:v-px-size-32),.M\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.M\\:v-py-size-32),.M\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.M\\:v-pt-size-32),.M\\:v-pt-size-32{padding-top:32px}:host(.M\\:v-pb-size-32),.M\\:v-pb-size-32{padding-bottom:32px}:host(.M\\:v-pr-size-32),.M\\:v-pr-size-32{padding-right:32px}:host(.M\\:v-pl-size-32),.M\\:v-pl-size-32{padding-left:32px}:host(.M\\:v-p-size-40),.M\\:v-p-size-40{padding:40px}:host(.M\\:v-px-size-40),.M\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.M\\:v-py-size-40),.M\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.M\\:v-pt-size-40),.M\\:v-pt-size-40{padding-top:40px}:host(.M\\:v-pb-size-40),.M\\:v-pb-size-40{padding-bottom:40px}:host(.M\\:v-pr-size-40),.M\\:v-pr-size-40{padding-right:40px}:host(.M\\:v-pl-size-40),.M\\:v-pl-size-40{padding-left:40px}:host(.M\\:v-p-size-48),.M\\:v-p-size-48{padding:48px}:host(.M\\:v-px-size-48),.M\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.M\\:v-py-size-48),.M\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.M\\:v-pt-size-48),.M\\:v-pt-size-48{padding-top:48px}:host(.M\\:v-pb-size-48),.M\\:v-pb-size-48{padding-bottom:48px}:host(.M\\:v-pr-size-48),.M\\:v-pr-size-48{padding-right:48px}:host(.M\\:v-pl-size-48),.M\\:v-pl-size-48{padding-left:48px}:host(.M\\:v-p-size-64),.M\\:v-p-size-64{padding:64px}:host(.M\\:v-px-size-64),.M\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.M\\:v-py-size-64),.M\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.M\\:v-pt-size-64),.M\\:v-pt-size-64{padding-top:64px}:host(.M\\:v-pb-size-64),.M\\:v-pb-size-64{padding-bottom:64px}:host(.M\\:v-pr-size-64),.M\\:v-pr-size-64{padding-right:64px}:host(.M\\:v-pl-size-64),.M\\:v-pl-size-64{padding-left:64px}:host(.M\\:v-p-size-72),.M\\:v-p-size-72{padding:72px}:host(.M\\:v-px-size-72),.M\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.M\\:v-py-size-72),.M\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.M\\:v-pt-size-72),.M\\:v-pt-size-72{padding-top:72px}:host(.M\\:v-pb-size-72),.M\\:v-pb-size-72{padding-bottom:72px}:host(.M\\:v-pr-size-72),.M\\:v-pr-size-72{padding-right:72px}:host(.M\\:v-pl-size-72),.M\\:v-pl-size-72{padding-left:72px}:host(.M\\:v-p-size-80),.M\\:v-p-size-80{padding:80px}:host(.M\\:v-px-size-80),.M\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.M\\:v-py-size-80),.M\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.M\\:v-pt-size-80),.M\\:v-pt-size-80{padding-top:80px}:host(.M\\:v-pb-size-80),.M\\:v-pb-size-80{padding-bottom:80px}:host(.M\\:v-pr-size-80),.M\\:v-pr-size-80{padding-right:80px}:host(.M\\:v-pl-size-80),.M\\:v-pl-size-80{padding-left:80px}:host(.M\\:v-p-size-112),.M\\:v-p-size-112{padding:112px}:host(.M\\:v-px-size-112),.M\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.M\\:v-py-size-112),.M\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.M\\:v-pt-size-112),.M\\:v-pt-size-112{padding-top:112px}:host(.M\\:v-pb-size-112),.M\\:v-pb-size-112{padding-bottom:112px}:host(.M\\:v-pr-size-112),.M\\:v-pr-size-112{padding-right:112px}:host(.M\\:v-pl-size-112),.M\\:v-pl-size-112{padding-left:112px}:host(.M\\:v-p-size-2),.M\\:v-p-size-2{padding:2px}:host(.M\\:v-px-size-2),.M\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.M\\:v-py-size-2),.M\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.M\\:v-pt-size-2),.M\\:v-pt-size-2{padding-top:2px}:host(.M\\:v-pb-size-2),.M\\:v-pb-size-2{padding-bottom:2px}:host(.M\\:v-pr-size-2),.M\\:v-pr-size-2{padding-right:2px}:host(.M\\:v-pl-size-2),.M\\:v-pl-size-2{padding-left:2px}}@media (min-width: 1024px){:host(.L\\:v-p-0),.L\\:v-p-0{padding:0px}:host(.L\\:v-px-0),.L\\:v-px-0{padding-left:0px;padding-right:0px}:host(.L\\:v-py-0),.L\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.L\\:v-pt-0),.L\\:v-pt-0{padding-top:0px}:host(.L\\:v-pb-0),.L\\:v-pb-0{padding-bottom:0px}:host(.L\\:v-pr-0),.L\\:v-pr-0{padding-right:0px}:host(.L\\:v-pl-0),.L\\:v-pl-0{padding-left:0px}:host(.L\\:v-p-size-0),.L\\:v-p-size-0{padding:0px}:host(.L\\:v-px-size-0),.L\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.L\\:v-py-size-0),.L\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.L\\:v-pt-size-0),.L\\:v-pt-size-0{padding-top:0px}:host(.L\\:v-pb-size-0),.L\\:v-pb-size-0{padding-bottom:0px}:host(.L\\:v-pr-size-0),.L\\:v-pr-size-0{padding-right:0px}:host(.L\\:v-pl-size-0),.L\\:v-pl-size-0{padding-left:0px}:host(.L\\:v-p-size-4),.L\\:v-p-size-4{padding:4px}:host(.L\\:v-px-size-4),.L\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.L\\:v-py-size-4),.L\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.L\\:v-pt-size-4),.L\\:v-pt-size-4{padding-top:4px}:host(.L\\:v-pb-size-4),.L\\:v-pb-size-4{padding-bottom:4px}:host(.L\\:v-pr-size-4),.L\\:v-pr-size-4{padding-right:4px}:host(.L\\:v-pl-size-4),.L\\:v-pl-size-4{padding-left:4px}:host(.L\\:v-p-size-8),.L\\:v-p-size-8{padding:8px}:host(.L\\:v-px-size-8),.L\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.L\\:v-py-size-8),.L\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.L\\:v-pt-size-8),.L\\:v-pt-size-8{padding-top:8px}:host(.L\\:v-pb-size-8),.L\\:v-pb-size-8{padding-bottom:8px}:host(.L\\:v-pr-size-8),.L\\:v-pr-size-8{padding-right:8px}:host(.L\\:v-pl-size-8),.L\\:v-pl-size-8{padding-left:8px}:host(.L\\:v-p-size-12),.L\\:v-p-size-12{padding:12px}:host(.L\\:v-px-size-12),.L\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.L\\:v-py-size-12),.L\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.L\\:v-pt-size-12),.L\\:v-pt-size-12{padding-top:12px}:host(.L\\:v-pb-size-12),.L\\:v-pb-size-12{padding-bottom:12px}:host(.L\\:v-pr-size-12),.L\\:v-pr-size-12{padding-right:12px}:host(.L\\:v-pl-size-12),.L\\:v-pl-size-12{padding-left:12px}:host(.L\\:v-p-size-16),.L\\:v-p-size-16{padding:16px}:host(.L\\:v-px-size-16),.L\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.L\\:v-py-size-16),.L\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.L\\:v-pt-size-16),.L\\:v-pt-size-16{padding-top:16px}:host(.L\\:v-pb-size-16),.L\\:v-pb-size-16{padding-bottom:16px}:host(.L\\:v-pr-size-16),.L\\:v-pr-size-16{padding-right:16px}:host(.L\\:v-pl-size-16),.L\\:v-pl-size-16{padding-left:16px}:host(.L\\:v-p-size-20),.L\\:v-p-size-20{padding:20px}:host(.L\\:v-px-size-20),.L\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.L\\:v-py-size-20),.L\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.L\\:v-pt-size-20),.L\\:v-pt-size-20{padding-top:20px}:host(.L\\:v-pb-size-20),.L\\:v-pb-size-20{padding-bottom:20px}:host(.L\\:v-pr-size-20),.L\\:v-pr-size-20{padding-right:20px}:host(.L\\:v-pl-size-20),.L\\:v-pl-size-20{padding-left:20px}:host(.L\\:v-p-size-24),.L\\:v-p-size-24{padding:24px}:host(.L\\:v-px-size-24),.L\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.L\\:v-py-size-24),.L\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.L\\:v-pt-size-24),.L\\:v-pt-size-24{padding-top:24px}:host(.L\\:v-pb-size-24),.L\\:v-pb-size-24{padding-bottom:24px}:host(.L\\:v-pr-size-24),.L\\:v-pr-size-24{padding-right:24px}:host(.L\\:v-pl-size-24),.L\\:v-pl-size-24{padding-left:24px}:host(.L\\:v-p-size-32),.L\\:v-p-size-32{padding:32px}:host(.L\\:v-px-size-32),.L\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.L\\:v-py-size-32),.L\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.L\\:v-pt-size-32),.L\\:v-pt-size-32{padding-top:32px}:host(.L\\:v-pb-size-32),.L\\:v-pb-size-32{padding-bottom:32px}:host(.L\\:v-pr-size-32),.L\\:v-pr-size-32{padding-right:32px}:host(.L\\:v-pl-size-32),.L\\:v-pl-size-32{padding-left:32px}:host(.L\\:v-p-size-40),.L\\:v-p-size-40{padding:40px}:host(.L\\:v-px-size-40),.L\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.L\\:v-py-size-40),.L\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.L\\:v-pt-size-40),.L\\:v-pt-size-40{padding-top:40px}:host(.L\\:v-pb-size-40),.L\\:v-pb-size-40{padding-bottom:40px}:host(.L\\:v-pr-size-40),.L\\:v-pr-size-40{padding-right:40px}:host(.L\\:v-pl-size-40),.L\\:v-pl-size-40{padding-left:40px}:host(.L\\:v-p-size-48),.L\\:v-p-size-48{padding:48px}:host(.L\\:v-px-size-48),.L\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.L\\:v-py-size-48),.L\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.L\\:v-pt-size-48),.L\\:v-pt-size-48{padding-top:48px}:host(.L\\:v-pb-size-48),.L\\:v-pb-size-48{padding-bottom:48px}:host(.L\\:v-pr-size-48),.L\\:v-pr-size-48{padding-right:48px}:host(.L\\:v-pl-size-48),.L\\:v-pl-size-48{padding-left:48px}:host(.L\\:v-p-size-64),.L\\:v-p-size-64{padding:64px}:host(.L\\:v-px-size-64),.L\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.L\\:v-py-size-64),.L\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.L\\:v-pt-size-64),.L\\:v-pt-size-64{padding-top:64px}:host(.L\\:v-pb-size-64),.L\\:v-pb-size-64{padding-bottom:64px}:host(.L\\:v-pr-size-64),.L\\:v-pr-size-64{padding-right:64px}:host(.L\\:v-pl-size-64),.L\\:v-pl-size-64{padding-left:64px}:host(.L\\:v-p-size-72),.L\\:v-p-size-72{padding:72px}:host(.L\\:v-px-size-72),.L\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.L\\:v-py-size-72),.L\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.L\\:v-pt-size-72),.L\\:v-pt-size-72{padding-top:72px}:host(.L\\:v-pb-size-72),.L\\:v-pb-size-72{padding-bottom:72px}:host(.L\\:v-pr-size-72),.L\\:v-pr-size-72{padding-right:72px}:host(.L\\:v-pl-size-72),.L\\:v-pl-size-72{padding-left:72px}:host(.L\\:v-p-size-80),.L\\:v-p-size-80{padding:80px}:host(.L\\:v-px-size-80),.L\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.L\\:v-py-size-80),.L\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.L\\:v-pt-size-80),.L\\:v-pt-size-80{padding-top:80px}:host(.L\\:v-pb-size-80),.L\\:v-pb-size-80{padding-bottom:80px}:host(.L\\:v-pr-size-80),.L\\:v-pr-size-80{padding-right:80px}:host(.L\\:v-pl-size-80),.L\\:v-pl-size-80{padding-left:80px}:host(.L\\:v-p-size-112),.L\\:v-p-size-112{padding:112px}:host(.L\\:v-px-size-112),.L\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.L\\:v-py-size-112),.L\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.L\\:v-pt-size-112),.L\\:v-pt-size-112{padding-top:112px}:host(.L\\:v-pb-size-112),.L\\:v-pb-size-112{padding-bottom:112px}:host(.L\\:v-pr-size-112),.L\\:v-pr-size-112{padding-right:112px}:host(.L\\:v-pl-size-112),.L\\:v-pl-size-112{padding-left:112px}:host(.L\\:v-p-size-2),.L\\:v-p-size-2{padding:2px}:host(.L\\:v-px-size-2),.L\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.L\\:v-py-size-2),.L\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.L\\:v-pt-size-2),.L\\:v-pt-size-2{padding-top:2px}:host(.L\\:v-pb-size-2),.L\\:v-pb-size-2{padding-bottom:2px}:host(.L\\:v-pr-size-2),.L\\:v-pr-size-2{padding-right:2px}:host(.L\\:v-pl-size-2),.L\\:v-pl-size-2{padding-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-p-0),.XL\\:v-p-0{padding:0px}:host(.XL\\:v-px-0),.XL\\:v-px-0{padding-left:0px;padding-right:0px}:host(.XL\\:v-py-0),.XL\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.XL\\:v-pt-0),.XL\\:v-pt-0{padding-top:0px}:host(.XL\\:v-pb-0),.XL\\:v-pb-0{padding-bottom:0px}:host(.XL\\:v-pr-0),.XL\\:v-pr-0{padding-right:0px}:host(.XL\\:v-pl-0),.XL\\:v-pl-0{padding-left:0px}:host(.XL\\:v-p-size-0),.XL\\:v-p-size-0{padding:0px}:host(.XL\\:v-px-size-0),.XL\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.XL\\:v-py-size-0),.XL\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.XL\\:v-pt-size-0),.XL\\:v-pt-size-0{padding-top:0px}:host(.XL\\:v-pb-size-0),.XL\\:v-pb-size-0{padding-bottom:0px}:host(.XL\\:v-pr-size-0),.XL\\:v-pr-size-0{padding-right:0px}:host(.XL\\:v-pl-size-0),.XL\\:v-pl-size-0{padding-left:0px}:host(.XL\\:v-p-size-4),.XL\\:v-p-size-4{padding:4px}:host(.XL\\:v-px-size-4),.XL\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.XL\\:v-py-size-4),.XL\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.XL\\:v-pt-size-4),.XL\\:v-pt-size-4{padding-top:4px}:host(.XL\\:v-pb-size-4),.XL\\:v-pb-size-4{padding-bottom:4px}:host(.XL\\:v-pr-size-4),.XL\\:v-pr-size-4{padding-right:4px}:host(.XL\\:v-pl-size-4),.XL\\:v-pl-size-4{padding-left:4px}:host(.XL\\:v-p-size-8),.XL\\:v-p-size-8{padding:8px}:host(.XL\\:v-px-size-8),.XL\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.XL\\:v-py-size-8),.XL\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.XL\\:v-pt-size-8),.XL\\:v-pt-size-8{padding-top:8px}:host(.XL\\:v-pb-size-8),.XL\\:v-pb-size-8{padding-bottom:8px}:host(.XL\\:v-pr-size-8),.XL\\:v-pr-size-8{padding-right:8px}:host(.XL\\:v-pl-size-8),.XL\\:v-pl-size-8{padding-left:8px}:host(.XL\\:v-p-size-12),.XL\\:v-p-size-12{padding:12px}:host(.XL\\:v-px-size-12),.XL\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.XL\\:v-py-size-12),.XL\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.XL\\:v-pt-size-12),.XL\\:v-pt-size-12{padding-top:12px}:host(.XL\\:v-pb-size-12),.XL\\:v-pb-size-12{padding-bottom:12px}:host(.XL\\:v-pr-size-12),.XL\\:v-pr-size-12{padding-right:12px}:host(.XL\\:v-pl-size-12),.XL\\:v-pl-size-12{padding-left:12px}:host(.XL\\:v-p-size-16),.XL\\:v-p-size-16{padding:16px}:host(.XL\\:v-px-size-16),.XL\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.XL\\:v-py-size-16),.XL\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.XL\\:v-pt-size-16),.XL\\:v-pt-size-16{padding-top:16px}:host(.XL\\:v-pb-size-16),.XL\\:v-pb-size-16{padding-bottom:16px}:host(.XL\\:v-pr-size-16),.XL\\:v-pr-size-16{padding-right:16px}:host(.XL\\:v-pl-size-16),.XL\\:v-pl-size-16{padding-left:16px}:host(.XL\\:v-p-size-20),.XL\\:v-p-size-20{padding:20px}:host(.XL\\:v-px-size-20),.XL\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.XL\\:v-py-size-20),.XL\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.XL\\:v-pt-size-20),.XL\\:v-pt-size-20{padding-top:20px}:host(.XL\\:v-pb-size-20),.XL\\:v-pb-size-20{padding-bottom:20px}:host(.XL\\:v-pr-size-20),.XL\\:v-pr-size-20{padding-right:20px}:host(.XL\\:v-pl-size-20),.XL\\:v-pl-size-20{padding-left:20px}:host(.XL\\:v-p-size-24),.XL\\:v-p-size-24{padding:24px}:host(.XL\\:v-px-size-24),.XL\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.XL\\:v-py-size-24),.XL\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.XL\\:v-pt-size-24),.XL\\:v-pt-size-24{padding-top:24px}:host(.XL\\:v-pb-size-24),.XL\\:v-pb-size-24{padding-bottom:24px}:host(.XL\\:v-pr-size-24),.XL\\:v-pr-size-24{padding-right:24px}:host(.XL\\:v-pl-size-24),.XL\\:v-pl-size-24{padding-left:24px}:host(.XL\\:v-p-size-32),.XL\\:v-p-size-32{padding:32px}:host(.XL\\:v-px-size-32),.XL\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.XL\\:v-py-size-32),.XL\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.XL\\:v-pt-size-32),.XL\\:v-pt-size-32{padding-top:32px}:host(.XL\\:v-pb-size-32),.XL\\:v-pb-size-32{padding-bottom:32px}:host(.XL\\:v-pr-size-32),.XL\\:v-pr-size-32{padding-right:32px}:host(.XL\\:v-pl-size-32),.XL\\:v-pl-size-32{padding-left:32px}:host(.XL\\:v-p-size-40),.XL\\:v-p-size-40{padding:40px}:host(.XL\\:v-px-size-40),.XL\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.XL\\:v-py-size-40),.XL\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.XL\\:v-pt-size-40),.XL\\:v-pt-size-40{padding-top:40px}:host(.XL\\:v-pb-size-40),.XL\\:v-pb-size-40{padding-bottom:40px}:host(.XL\\:v-pr-size-40),.XL\\:v-pr-size-40{padding-right:40px}:host(.XL\\:v-pl-size-40),.XL\\:v-pl-size-40{padding-left:40px}:host(.XL\\:v-p-size-48),.XL\\:v-p-size-48{padding:48px}:host(.XL\\:v-px-size-48),.XL\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.XL\\:v-py-size-48),.XL\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.XL\\:v-pt-size-48),.XL\\:v-pt-size-48{padding-top:48px}:host(.XL\\:v-pb-size-48),.XL\\:v-pb-size-48{padding-bottom:48px}:host(.XL\\:v-pr-size-48),.XL\\:v-pr-size-48{padding-right:48px}:host(.XL\\:v-pl-size-48),.XL\\:v-pl-size-48{padding-left:48px}:host(.XL\\:v-p-size-64),.XL\\:v-p-size-64{padding:64px}:host(.XL\\:v-px-size-64),.XL\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.XL\\:v-py-size-64),.XL\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.XL\\:v-pt-size-64),.XL\\:v-pt-size-64{padding-top:64px}:host(.XL\\:v-pb-size-64),.XL\\:v-pb-size-64{padding-bottom:64px}:host(.XL\\:v-pr-size-64),.XL\\:v-pr-size-64{padding-right:64px}:host(.XL\\:v-pl-size-64),.XL\\:v-pl-size-64{padding-left:64px}:host(.XL\\:v-p-size-72),.XL\\:v-p-size-72{padding:72px}:host(.XL\\:v-px-size-72),.XL\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.XL\\:v-py-size-72),.XL\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.XL\\:v-pt-size-72),.XL\\:v-pt-size-72{padding-top:72px}:host(.XL\\:v-pb-size-72),.XL\\:v-pb-size-72{padding-bottom:72px}:host(.XL\\:v-pr-size-72),.XL\\:v-pr-size-72{padding-right:72px}:host(.XL\\:v-pl-size-72),.XL\\:v-pl-size-72{padding-left:72px}:host(.XL\\:v-p-size-80),.XL\\:v-p-size-80{padding:80px}:host(.XL\\:v-px-size-80),.XL\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.XL\\:v-py-size-80),.XL\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.XL\\:v-pt-size-80),.XL\\:v-pt-size-80{padding-top:80px}:host(.XL\\:v-pb-size-80),.XL\\:v-pb-size-80{padding-bottom:80px}:host(.XL\\:v-pr-size-80),.XL\\:v-pr-size-80{padding-right:80px}:host(.XL\\:v-pl-size-80),.XL\\:v-pl-size-80{padding-left:80px}:host(.XL\\:v-p-size-112),.XL\\:v-p-size-112{padding:112px}:host(.XL\\:v-px-size-112),.XL\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.XL\\:v-py-size-112),.XL\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.XL\\:v-pt-size-112),.XL\\:v-pt-size-112{padding-top:112px}:host(.XL\\:v-pb-size-112),.XL\\:v-pb-size-112{padding-bottom:112px}:host(.XL\\:v-pr-size-112),.XL\\:v-pr-size-112{padding-right:112px}:host(.XL\\:v-pl-size-112),.XL\\:v-pl-size-112{padding-left:112px}:host(.XL\\:v-p-size-2),.XL\\:v-p-size-2{padding:2px}:host(.XL\\:v-px-size-2),.XL\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.XL\\:v-py-size-2),.XL\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.XL\\:v-pt-size-2),.XL\\:v-pt-size-2{padding-top:2px}:host(.XL\\:v-pb-size-2),.XL\\:v-pb-size-2{padding-bottom:2px}:host(.XL\\:v-pr-size-2),.XL\\:v-pr-size-2{padding-right:2px}:host(.XL\\:v-pl-size-2),.XL\\:v-pl-size-2{padding-left:2px}}:host(.v-m-0),.v-m-0{margin:0px}:host(.v-mx-0),.v-mx-0{margin-left:0px;margin-right:0px}:host(.v-my-0),.v-my-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-0),.v-mt-0{margin-top:0px}:host(.v-mb-0),.v-mb-0{margin-bottom:0px}:host(.v-mr-0),.v-mr-0{margin-right:0px}:host(.v-ml-0),.v-ml-0{margin-left:0px}:host(.v-m-size-0),.v-m-size-0{margin:0px}:host(.v-mx-size-0),.v-mx-size-0{margin-left:0px;margin-right:0px}:host(.v-my-size-0),.v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-size-0),.v-mt-size-0{margin-top:0px}:host(.v-mb-size-0),.v-mb-size-0{margin-bottom:0px}:host(.v-mr-size-0),.v-mr-size-0{margin-right:0px}:host(.v-ml-size-0),.v-ml-size-0{margin-left:0px}:host(.v-m-size-4),.v-m-size-4{margin:4px}:host(.v-mx-size-4),.v-mx-size-4{margin-left:4px;margin-right:4px}:host(.v-my-size-4),.v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.v-mt-size-4),.v-mt-size-4{margin-top:4px}:host(.v-mb-size-4),.v-mb-size-4{margin-bottom:4px}:host(.v-mr-size-4),.v-mr-size-4{margin-right:4px}:host(.v-ml-size-4),.v-ml-size-4{margin-left:4px}:host(.v-m-size-8),.v-m-size-8{margin:8px}:host(.v-mx-size-8),.v-mx-size-8{margin-left:8px;margin-right:8px}:host(.v-my-size-8),.v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.v-mt-size-8),.v-mt-size-8{margin-top:8px}:host(.v-mb-size-8),.v-mb-size-8{margin-bottom:8px}:host(.v-mr-size-8),.v-mr-size-8{margin-right:8px}:host(.v-ml-size-8),.v-ml-size-8{margin-left:8px}:host(.v-m-size-12),.v-m-size-12{margin:12px}:host(.v-mx-size-12),.v-mx-size-12{margin-left:12px;margin-right:12px}:host(.v-my-size-12),.v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.v-mt-size-12),.v-mt-size-12{margin-top:12px}:host(.v-mb-size-12),.v-mb-size-12{margin-bottom:12px}:host(.v-mr-size-12),.v-mr-size-12{margin-right:12px}:host(.v-ml-size-12),.v-ml-size-12{margin-left:12px}:host(.v-m-size-16),.v-m-size-16{margin:16px}:host(.v-mx-size-16),.v-mx-size-16{margin-left:16px;margin-right:16px}:host(.v-my-size-16),.v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.v-mt-size-16),.v-mt-size-16{margin-top:16px}:host(.v-mb-size-16),.v-mb-size-16{margin-bottom:16px}:host(.v-mr-size-16),.v-mr-size-16{margin-right:16px}:host(.v-ml-size-16),.v-ml-size-16{margin-left:16px}:host(.v-m-size-20),.v-m-size-20{margin:20px}:host(.v-mx-size-20),.v-mx-size-20{margin-left:20px;margin-right:20px}:host(.v-my-size-20),.v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.v-mt-size-20),.v-mt-size-20{margin-top:20px}:host(.v-mb-size-20),.v-mb-size-20{margin-bottom:20px}:host(.v-mr-size-20),.v-mr-size-20{margin-right:20px}:host(.v-ml-size-20),.v-ml-size-20{margin-left:20px}:host(.v-m-size-24),.v-m-size-24{margin:24px}:host(.v-mx-size-24),.v-mx-size-24{margin-left:24px;margin-right:24px}:host(.v-my-size-24),.v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.v-mt-size-24),.v-mt-size-24{margin-top:24px}:host(.v-mb-size-24),.v-mb-size-24{margin-bottom:24px}:host(.v-mr-size-24),.v-mr-size-24{margin-right:24px}:host(.v-ml-size-24),.v-ml-size-24{margin-left:24px}:host(.v-m-size-32),.v-m-size-32{margin:32px}:host(.v-mx-size-32),.v-mx-size-32{margin-left:32px;margin-right:32px}:host(.v-my-size-32),.v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.v-mt-size-32),.v-mt-size-32{margin-top:32px}:host(.v-mb-size-32),.v-mb-size-32{margin-bottom:32px}:host(.v-mr-size-32),.v-mr-size-32{margin-right:32px}:host(.v-ml-size-32),.v-ml-size-32{margin-left:32px}:host(.v-m-size-40),.v-m-size-40{margin:40px}:host(.v-mx-size-40),.v-mx-size-40{margin-left:40px;margin-right:40px}:host(.v-my-size-40),.v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.v-mt-size-40),.v-mt-size-40{margin-top:40px}:host(.v-mb-size-40),.v-mb-size-40{margin-bottom:40px}:host(.v-mr-size-40),.v-mr-size-40{margin-right:40px}:host(.v-ml-size-40),.v-ml-size-40{margin-left:40px}:host(.v-m-size-48),.v-m-size-48{margin:48px}:host(.v-mx-size-48),.v-mx-size-48{margin-left:48px;margin-right:48px}:host(.v-my-size-48),.v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.v-mt-size-48),.v-mt-size-48{margin-top:48px}:host(.v-mb-size-48),.v-mb-size-48{margin-bottom:48px}:host(.v-mr-size-48),.v-mr-size-48{margin-right:48px}:host(.v-ml-size-48),.v-ml-size-48{margin-left:48px}:host(.v-m-size-64),.v-m-size-64{margin:64px}:host(.v-mx-size-64),.v-mx-size-64{margin-left:64px;margin-right:64px}:host(.v-my-size-64),.v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.v-mt-size-64),.v-mt-size-64{margin-top:64px}:host(.v-mb-size-64),.v-mb-size-64{margin-bottom:64px}:host(.v-mr-size-64),.v-mr-size-64{margin-right:64px}:host(.v-ml-size-64),.v-ml-size-64{margin-left:64px}:host(.v-m-size-72),.v-m-size-72{margin:72px}:host(.v-mx-size-72),.v-mx-size-72{margin-left:72px;margin-right:72px}:host(.v-my-size-72),.v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.v-mt-size-72),.v-mt-size-72{margin-top:72px}:host(.v-mb-size-72),.v-mb-size-72{margin-bottom:72px}:host(.v-mr-size-72),.v-mr-size-72{margin-right:72px}:host(.v-ml-size-72),.v-ml-size-72{margin-left:72px}:host(.v-m-size-80),.v-m-size-80{margin:80px}:host(.v-mx-size-80),.v-mx-size-80{margin-left:80px;margin-right:80px}:host(.v-my-size-80),.v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.v-mt-size-80),.v-mt-size-80{margin-top:80px}:host(.v-mb-size-80),.v-mb-size-80{margin-bottom:80px}:host(.v-mr-size-80),.v-mr-size-80{margin-right:80px}:host(.v-ml-size-80),.v-ml-size-80{margin-left:80px}:host(.v-m-size-112),.v-m-size-112{margin:112px}:host(.v-mx-size-112),.v-mx-size-112{margin-left:112px;margin-right:112px}:host(.v-my-size-112),.v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.v-mt-size-112),.v-mt-size-112{margin-top:112px}:host(.v-mb-size-112),.v-mb-size-112{margin-bottom:112px}:host(.v-mr-size-112),.v-mr-size-112{margin-right:112px}:host(.v-ml-size-112),.v-ml-size-112{margin-left:112px}:host(.v-m-size-2),.v-m-size-2{margin:2px}:host(.v-mx-size-2),.v-mx-size-2{margin-left:2px;margin-right:2px}:host(.v-my-size-2),.v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.v-mt-size-2),.v-mt-size-2{margin-top:2px}:host(.v-mb-size-2),.v-mb-size-2{margin-bottom:2px}:host(.v-mr-size-2),.v-mr-size-2{margin-right:2px}:host(.v-ml-size-2),.v-ml-size-2{margin-left:2px}@media (min-width: 320px){:host(.S\\:v-m-0),.S\\:v-m-0{margin:0px}:host(.S\\:v-mx-0),.S\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-0),.S\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-0),.S\\:v-mt-0{margin-top:0px}:host(.S\\:v-mb-0),.S\\:v-mb-0{margin-bottom:0px}:host(.S\\:v-mr-0),.S\\:v-mr-0{margin-right:0px}:host(.S\\:v-ml-0),.S\\:v-ml-0{margin-left:0px}:host(.S\\:v-m-size-0),.S\\:v-m-size-0{margin:0px}:host(.S\\:v-mx-size-0),.S\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-size-0),.S\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-size-0),.S\\:v-mt-size-0{margin-top:0px}:host(.S\\:v-mb-size-0),.S\\:v-mb-size-0{margin-bottom:0px}:host(.S\\:v-mr-size-0),.S\\:v-mr-size-0{margin-right:0px}:host(.S\\:v-ml-size-0),.S\\:v-ml-size-0{margin-left:0px}:host(.S\\:v-m-size-4),.S\\:v-m-size-4{margin:4px}:host(.S\\:v-mx-size-4),.S\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.S\\:v-my-size-4),.S\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.S\\:v-mt-size-4),.S\\:v-mt-size-4{margin-top:4px}:host(.S\\:v-mb-size-4),.S\\:v-mb-size-4{margin-bottom:4px}:host(.S\\:v-mr-size-4),.S\\:v-mr-size-4{margin-right:4px}:host(.S\\:v-ml-size-4),.S\\:v-ml-size-4{margin-left:4px}:host(.S\\:v-m-size-8),.S\\:v-m-size-8{margin:8px}:host(.S\\:v-mx-size-8),.S\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.S\\:v-my-size-8),.S\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.S\\:v-mt-size-8),.S\\:v-mt-size-8{margin-top:8px}:host(.S\\:v-mb-size-8),.S\\:v-mb-size-8{margin-bottom:8px}:host(.S\\:v-mr-size-8),.S\\:v-mr-size-8{margin-right:8px}:host(.S\\:v-ml-size-8),.S\\:v-ml-size-8{margin-left:8px}:host(.S\\:v-m-size-12),.S\\:v-m-size-12{margin:12px}:host(.S\\:v-mx-size-12),.S\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.S\\:v-my-size-12),.S\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.S\\:v-mt-size-12),.S\\:v-mt-size-12{margin-top:12px}:host(.S\\:v-mb-size-12),.S\\:v-mb-size-12{margin-bottom:12px}:host(.S\\:v-mr-size-12),.S\\:v-mr-size-12{margin-right:12px}:host(.S\\:v-ml-size-12),.S\\:v-ml-size-12{margin-left:12px}:host(.S\\:v-m-size-16),.S\\:v-m-size-16{margin:16px}:host(.S\\:v-mx-size-16),.S\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.S\\:v-my-size-16),.S\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.S\\:v-mt-size-16),.S\\:v-mt-size-16{margin-top:16px}:host(.S\\:v-mb-size-16),.S\\:v-mb-size-16{margin-bottom:16px}:host(.S\\:v-mr-size-16),.S\\:v-mr-size-16{margin-right:16px}:host(.S\\:v-ml-size-16),.S\\:v-ml-size-16{margin-left:16px}:host(.S\\:v-m-size-20),.S\\:v-m-size-20{margin:20px}:host(.S\\:v-mx-size-20),.S\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.S\\:v-my-size-20),.S\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.S\\:v-mt-size-20),.S\\:v-mt-size-20{margin-top:20px}:host(.S\\:v-mb-size-20),.S\\:v-mb-size-20{margin-bottom:20px}:host(.S\\:v-mr-size-20),.S\\:v-mr-size-20{margin-right:20px}:host(.S\\:v-ml-size-20),.S\\:v-ml-size-20{margin-left:20px}:host(.S\\:v-m-size-24),.S\\:v-m-size-24{margin:24px}:host(.S\\:v-mx-size-24),.S\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.S\\:v-my-size-24),.S\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.S\\:v-mt-size-24),.S\\:v-mt-size-24{margin-top:24px}:host(.S\\:v-mb-size-24),.S\\:v-mb-size-24{margin-bottom:24px}:host(.S\\:v-mr-size-24),.S\\:v-mr-size-24{margin-right:24px}:host(.S\\:v-ml-size-24),.S\\:v-ml-size-24{margin-left:24px}:host(.S\\:v-m-size-32),.S\\:v-m-size-32{margin:32px}:host(.S\\:v-mx-size-32),.S\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.S\\:v-my-size-32),.S\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.S\\:v-mt-size-32),.S\\:v-mt-size-32{margin-top:32px}:host(.S\\:v-mb-size-32),.S\\:v-mb-size-32{margin-bottom:32px}:host(.S\\:v-mr-size-32),.S\\:v-mr-size-32{margin-right:32px}:host(.S\\:v-ml-size-32),.S\\:v-ml-size-32{margin-left:32px}:host(.S\\:v-m-size-40),.S\\:v-m-size-40{margin:40px}:host(.S\\:v-mx-size-40),.S\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.S\\:v-my-size-40),.S\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.S\\:v-mt-size-40),.S\\:v-mt-size-40{margin-top:40px}:host(.S\\:v-mb-size-40),.S\\:v-mb-size-40{margin-bottom:40px}:host(.S\\:v-mr-size-40),.S\\:v-mr-size-40{margin-right:40px}:host(.S\\:v-ml-size-40),.S\\:v-ml-size-40{margin-left:40px}:host(.S\\:v-m-size-48),.S\\:v-m-size-48{margin:48px}:host(.S\\:v-mx-size-48),.S\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.S\\:v-my-size-48),.S\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.S\\:v-mt-size-48),.S\\:v-mt-size-48{margin-top:48px}:host(.S\\:v-mb-size-48),.S\\:v-mb-size-48{margin-bottom:48px}:host(.S\\:v-mr-size-48),.S\\:v-mr-size-48{margin-right:48px}:host(.S\\:v-ml-size-48),.S\\:v-ml-size-48{margin-left:48px}:host(.S\\:v-m-size-64),.S\\:v-m-size-64{margin:64px}:host(.S\\:v-mx-size-64),.S\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.S\\:v-my-size-64),.S\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.S\\:v-mt-size-64),.S\\:v-mt-size-64{margin-top:64px}:host(.S\\:v-mb-size-64),.S\\:v-mb-size-64{margin-bottom:64px}:host(.S\\:v-mr-size-64),.S\\:v-mr-size-64{margin-right:64px}:host(.S\\:v-ml-size-64),.S\\:v-ml-size-64{margin-left:64px}:host(.S\\:v-m-size-72),.S\\:v-m-size-72{margin:72px}:host(.S\\:v-mx-size-72),.S\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.S\\:v-my-size-72),.S\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.S\\:v-mt-size-72),.S\\:v-mt-size-72{margin-top:72px}:host(.S\\:v-mb-size-72),.S\\:v-mb-size-72{margin-bottom:72px}:host(.S\\:v-mr-size-72),.S\\:v-mr-size-72{margin-right:72px}:host(.S\\:v-ml-size-72),.S\\:v-ml-size-72{margin-left:72px}:host(.S\\:v-m-size-80),.S\\:v-m-size-80{margin:80px}:host(.S\\:v-mx-size-80),.S\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.S\\:v-my-size-80),.S\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.S\\:v-mt-size-80),.S\\:v-mt-size-80{margin-top:80px}:host(.S\\:v-mb-size-80),.S\\:v-mb-size-80{margin-bottom:80px}:host(.S\\:v-mr-size-80),.S\\:v-mr-size-80{margin-right:80px}:host(.S\\:v-ml-size-80),.S\\:v-ml-size-80{margin-left:80px}:host(.S\\:v-m-size-112),.S\\:v-m-size-112{margin:112px}:host(.S\\:v-mx-size-112),.S\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.S\\:v-my-size-112),.S\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.S\\:v-mt-size-112),.S\\:v-mt-size-112{margin-top:112px}:host(.S\\:v-mb-size-112),.S\\:v-mb-size-112{margin-bottom:112px}:host(.S\\:v-mr-size-112),.S\\:v-mr-size-112{margin-right:112px}:host(.S\\:v-ml-size-112),.S\\:v-ml-size-112{margin-left:112px}:host(.S\\:v-m-size-2),.S\\:v-m-size-2{margin:2px}:host(.S\\:v-mx-size-2),.S\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.S\\:v-my-size-2),.S\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.S\\:v-mt-size-2),.S\\:v-mt-size-2{margin-top:2px}:host(.S\\:v-mb-size-2),.S\\:v-mb-size-2{margin-bottom:2px}:host(.S\\:v-mr-size-2),.S\\:v-mr-size-2{margin-right:2px}:host(.S\\:v-ml-size-2),.S\\:v-ml-size-2{margin-left:2px}}@media (min-width: 768px){:host(.M\\:v-m-0),.M\\:v-m-0{margin:0px}:host(.M\\:v-mx-0),.M\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-0),.M\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-0),.M\\:v-mt-0{margin-top:0px}:host(.M\\:v-mb-0),.M\\:v-mb-0{margin-bottom:0px}:host(.M\\:v-mr-0),.M\\:v-mr-0{margin-right:0px}:host(.M\\:v-ml-0),.M\\:v-ml-0{margin-left:0px}:host(.M\\:v-m-size-0),.M\\:v-m-size-0{margin:0px}:host(.M\\:v-mx-size-0),.M\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-size-0),.M\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-size-0),.M\\:v-mt-size-0{margin-top:0px}:host(.M\\:v-mb-size-0),.M\\:v-mb-size-0{margin-bottom:0px}:host(.M\\:v-mr-size-0),.M\\:v-mr-size-0{margin-right:0px}:host(.M\\:v-ml-size-0),.M\\:v-ml-size-0{margin-left:0px}:host(.M\\:v-m-size-4),.M\\:v-m-size-4{margin:4px}:host(.M\\:v-mx-size-4),.M\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.M\\:v-my-size-4),.M\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.M\\:v-mt-size-4),.M\\:v-mt-size-4{margin-top:4px}:host(.M\\:v-mb-size-4),.M\\:v-mb-size-4{margin-bottom:4px}:host(.M\\:v-mr-size-4),.M\\:v-mr-size-4{margin-right:4px}:host(.M\\:v-ml-size-4),.M\\:v-ml-size-4{margin-left:4px}:host(.M\\:v-m-size-8),.M\\:v-m-size-8{margin:8px}:host(.M\\:v-mx-size-8),.M\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.M\\:v-my-size-8),.M\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.M\\:v-mt-size-8),.M\\:v-mt-size-8{margin-top:8px}:host(.M\\:v-mb-size-8),.M\\:v-mb-size-8{margin-bottom:8px}:host(.M\\:v-mr-size-8),.M\\:v-mr-size-8{margin-right:8px}:host(.M\\:v-ml-size-8),.M\\:v-ml-size-8{margin-left:8px}:host(.M\\:v-m-size-12),.M\\:v-m-size-12{margin:12px}:host(.M\\:v-mx-size-12),.M\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.M\\:v-my-size-12),.M\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.M\\:v-mt-size-12),.M\\:v-mt-size-12{margin-top:12px}:host(.M\\:v-mb-size-12),.M\\:v-mb-size-12{margin-bottom:12px}:host(.M\\:v-mr-size-12),.M\\:v-mr-size-12{margin-right:12px}:host(.M\\:v-ml-size-12),.M\\:v-ml-size-12{margin-left:12px}:host(.M\\:v-m-size-16),.M\\:v-m-size-16{margin:16px}:host(.M\\:v-mx-size-16),.M\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.M\\:v-my-size-16),.M\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.M\\:v-mt-size-16),.M\\:v-mt-size-16{margin-top:16px}:host(.M\\:v-mb-size-16),.M\\:v-mb-size-16{margin-bottom:16px}:host(.M\\:v-mr-size-16),.M\\:v-mr-size-16{margin-right:16px}:host(.M\\:v-ml-size-16),.M\\:v-ml-size-16{margin-left:16px}:host(.M\\:v-m-size-20),.M\\:v-m-size-20{margin:20px}:host(.M\\:v-mx-size-20),.M\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.M\\:v-my-size-20),.M\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.M\\:v-mt-size-20),.M\\:v-mt-size-20{margin-top:20px}:host(.M\\:v-mb-size-20),.M\\:v-mb-size-20{margin-bottom:20px}:host(.M\\:v-mr-size-20),.M\\:v-mr-size-20{margin-right:20px}:host(.M\\:v-ml-size-20),.M\\:v-ml-size-20{margin-left:20px}:host(.M\\:v-m-size-24),.M\\:v-m-size-24{margin:24px}:host(.M\\:v-mx-size-24),.M\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.M\\:v-my-size-24),.M\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.M\\:v-mt-size-24),.M\\:v-mt-size-24{margin-top:24px}:host(.M\\:v-mb-size-24),.M\\:v-mb-size-24{margin-bottom:24px}:host(.M\\:v-mr-size-24),.M\\:v-mr-size-24{margin-right:24px}:host(.M\\:v-ml-size-24),.M\\:v-ml-size-24{margin-left:24px}:host(.M\\:v-m-size-32),.M\\:v-m-size-32{margin:32px}:host(.M\\:v-mx-size-32),.M\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.M\\:v-my-size-32),.M\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.M\\:v-mt-size-32),.M\\:v-mt-size-32{margin-top:32px}:host(.M\\:v-mb-size-32),.M\\:v-mb-size-32{margin-bottom:32px}:host(.M\\:v-mr-size-32),.M\\:v-mr-size-32{margin-right:32px}:host(.M\\:v-ml-size-32),.M\\:v-ml-size-32{margin-left:32px}:host(.M\\:v-m-size-40),.M\\:v-m-size-40{margin:40px}:host(.M\\:v-mx-size-40),.M\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.M\\:v-my-size-40),.M\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.M\\:v-mt-size-40),.M\\:v-mt-size-40{margin-top:40px}:host(.M\\:v-mb-size-40),.M\\:v-mb-size-40{margin-bottom:40px}:host(.M\\:v-mr-size-40),.M\\:v-mr-size-40{margin-right:40px}:host(.M\\:v-ml-size-40),.M\\:v-ml-size-40{margin-left:40px}:host(.M\\:v-m-size-48),.M\\:v-m-size-48{margin:48px}:host(.M\\:v-mx-size-48),.M\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.M\\:v-my-size-48),.M\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.M\\:v-mt-size-48),.M\\:v-mt-size-48{margin-top:48px}:host(.M\\:v-mb-size-48),.M\\:v-mb-size-48{margin-bottom:48px}:host(.M\\:v-mr-size-48),.M\\:v-mr-size-48{margin-right:48px}:host(.M\\:v-ml-size-48),.M\\:v-ml-size-48{margin-left:48px}:host(.M\\:v-m-size-64),.M\\:v-m-size-64{margin:64px}:host(.M\\:v-mx-size-64),.M\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.M\\:v-my-size-64),.M\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.M\\:v-mt-size-64),.M\\:v-mt-size-64{margin-top:64px}:host(.M\\:v-mb-size-64),.M\\:v-mb-size-64{margin-bottom:64px}:host(.M\\:v-mr-size-64),.M\\:v-mr-size-64{margin-right:64px}:host(.M\\:v-ml-size-64),.M\\:v-ml-size-64{margin-left:64px}:host(.M\\:v-m-size-72),.M\\:v-m-size-72{margin:72px}:host(.M\\:v-mx-size-72),.M\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.M\\:v-my-size-72),.M\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.M\\:v-mt-size-72),.M\\:v-mt-size-72{margin-top:72px}:host(.M\\:v-mb-size-72),.M\\:v-mb-size-72{margin-bottom:72px}:host(.M\\:v-mr-size-72),.M\\:v-mr-size-72{margin-right:72px}:host(.M\\:v-ml-size-72),.M\\:v-ml-size-72{margin-left:72px}:host(.M\\:v-m-size-80),.M\\:v-m-size-80{margin:80px}:host(.M\\:v-mx-size-80),.M\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.M\\:v-my-size-80),.M\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.M\\:v-mt-size-80),.M\\:v-mt-size-80{margin-top:80px}:host(.M\\:v-mb-size-80),.M\\:v-mb-size-80{margin-bottom:80px}:host(.M\\:v-mr-size-80),.M\\:v-mr-size-80{margin-right:80px}:host(.M\\:v-ml-size-80),.M\\:v-ml-size-80{margin-left:80px}:host(.M\\:v-m-size-112),.M\\:v-m-size-112{margin:112px}:host(.M\\:v-mx-size-112),.M\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.M\\:v-my-size-112),.M\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.M\\:v-mt-size-112),.M\\:v-mt-size-112{margin-top:112px}:host(.M\\:v-mb-size-112),.M\\:v-mb-size-112{margin-bottom:112px}:host(.M\\:v-mr-size-112),.M\\:v-mr-size-112{margin-right:112px}:host(.M\\:v-ml-size-112),.M\\:v-ml-size-112{margin-left:112px}:host(.M\\:v-m-size-2),.M\\:v-m-size-2{margin:2px}:host(.M\\:v-mx-size-2),.M\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.M\\:v-my-size-2),.M\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.M\\:v-mt-size-2),.M\\:v-mt-size-2{margin-top:2px}:host(.M\\:v-mb-size-2),.M\\:v-mb-size-2{margin-bottom:2px}:host(.M\\:v-mr-size-2),.M\\:v-mr-size-2{margin-right:2px}:host(.M\\:v-ml-size-2),.M\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1024px){:host(.L\\:v-m-0),.L\\:v-m-0{margin:0px}:host(.L\\:v-mx-0),.L\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-0),.L\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-0),.L\\:v-mt-0{margin-top:0px}:host(.L\\:v-mb-0),.L\\:v-mb-0{margin-bottom:0px}:host(.L\\:v-mr-0),.L\\:v-mr-0{margin-right:0px}:host(.L\\:v-ml-0),.L\\:v-ml-0{margin-left:0px}:host(.L\\:v-m-size-0),.L\\:v-m-size-0{margin:0px}:host(.L\\:v-mx-size-0),.L\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-size-0),.L\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-size-0),.L\\:v-mt-size-0{margin-top:0px}:host(.L\\:v-mb-size-0),.L\\:v-mb-size-0{margin-bottom:0px}:host(.L\\:v-mr-size-0),.L\\:v-mr-size-0{margin-right:0px}:host(.L\\:v-ml-size-0),.L\\:v-ml-size-0{margin-left:0px}:host(.L\\:v-m-size-4),.L\\:v-m-size-4{margin:4px}:host(.L\\:v-mx-size-4),.L\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.L\\:v-my-size-4),.L\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.L\\:v-mt-size-4),.L\\:v-mt-size-4{margin-top:4px}:host(.L\\:v-mb-size-4),.L\\:v-mb-size-4{margin-bottom:4px}:host(.L\\:v-mr-size-4),.L\\:v-mr-size-4{margin-right:4px}:host(.L\\:v-ml-size-4),.L\\:v-ml-size-4{margin-left:4px}:host(.L\\:v-m-size-8),.L\\:v-m-size-8{margin:8px}:host(.L\\:v-mx-size-8),.L\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.L\\:v-my-size-8),.L\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.L\\:v-mt-size-8),.L\\:v-mt-size-8{margin-top:8px}:host(.L\\:v-mb-size-8),.L\\:v-mb-size-8{margin-bottom:8px}:host(.L\\:v-mr-size-8),.L\\:v-mr-size-8{margin-right:8px}:host(.L\\:v-ml-size-8),.L\\:v-ml-size-8{margin-left:8px}:host(.L\\:v-m-size-12),.L\\:v-m-size-12{margin:12px}:host(.L\\:v-mx-size-12),.L\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.L\\:v-my-size-12),.L\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.L\\:v-mt-size-12),.L\\:v-mt-size-12{margin-top:12px}:host(.L\\:v-mb-size-12),.L\\:v-mb-size-12{margin-bottom:12px}:host(.L\\:v-mr-size-12),.L\\:v-mr-size-12{margin-right:12px}:host(.L\\:v-ml-size-12),.L\\:v-ml-size-12{margin-left:12px}:host(.L\\:v-m-size-16),.L\\:v-m-size-16{margin:16px}:host(.L\\:v-mx-size-16),.L\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.L\\:v-my-size-16),.L\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.L\\:v-mt-size-16),.L\\:v-mt-size-16{margin-top:16px}:host(.L\\:v-mb-size-16),.L\\:v-mb-size-16{margin-bottom:16px}:host(.L\\:v-mr-size-16),.L\\:v-mr-size-16{margin-right:16px}:host(.L\\:v-ml-size-16),.L\\:v-ml-size-16{margin-left:16px}:host(.L\\:v-m-size-20),.L\\:v-m-size-20{margin:20px}:host(.L\\:v-mx-size-20),.L\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.L\\:v-my-size-20),.L\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.L\\:v-mt-size-20),.L\\:v-mt-size-20{margin-top:20px}:host(.L\\:v-mb-size-20),.L\\:v-mb-size-20{margin-bottom:20px}:host(.L\\:v-mr-size-20),.L\\:v-mr-size-20{margin-right:20px}:host(.L\\:v-ml-size-20),.L\\:v-ml-size-20{margin-left:20px}:host(.L\\:v-m-size-24),.L\\:v-m-size-24{margin:24px}:host(.L\\:v-mx-size-24),.L\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.L\\:v-my-size-24),.L\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.L\\:v-mt-size-24),.L\\:v-mt-size-24{margin-top:24px}:host(.L\\:v-mb-size-24),.L\\:v-mb-size-24{margin-bottom:24px}:host(.L\\:v-mr-size-24),.L\\:v-mr-size-24{margin-right:24px}:host(.L\\:v-ml-size-24),.L\\:v-ml-size-24{margin-left:24px}:host(.L\\:v-m-size-32),.L\\:v-m-size-32{margin:32px}:host(.L\\:v-mx-size-32),.L\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.L\\:v-my-size-32),.L\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.L\\:v-mt-size-32),.L\\:v-mt-size-32{margin-top:32px}:host(.L\\:v-mb-size-32),.L\\:v-mb-size-32{margin-bottom:32px}:host(.L\\:v-mr-size-32),.L\\:v-mr-size-32{margin-right:32px}:host(.L\\:v-ml-size-32),.L\\:v-ml-size-32{margin-left:32px}:host(.L\\:v-m-size-40),.L\\:v-m-size-40{margin:40px}:host(.L\\:v-mx-size-40),.L\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.L\\:v-my-size-40),.L\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.L\\:v-mt-size-40),.L\\:v-mt-size-40{margin-top:40px}:host(.L\\:v-mb-size-40),.L\\:v-mb-size-40{margin-bottom:40px}:host(.L\\:v-mr-size-40),.L\\:v-mr-size-40{margin-right:40px}:host(.L\\:v-ml-size-40),.L\\:v-ml-size-40{margin-left:40px}:host(.L\\:v-m-size-48),.L\\:v-m-size-48{margin:48px}:host(.L\\:v-mx-size-48),.L\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.L\\:v-my-size-48),.L\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.L\\:v-mt-size-48),.L\\:v-mt-size-48{margin-top:48px}:host(.L\\:v-mb-size-48),.L\\:v-mb-size-48{margin-bottom:48px}:host(.L\\:v-mr-size-48),.L\\:v-mr-size-48{margin-right:48px}:host(.L\\:v-ml-size-48),.L\\:v-ml-size-48{margin-left:48px}:host(.L\\:v-m-size-64),.L\\:v-m-size-64{margin:64px}:host(.L\\:v-mx-size-64),.L\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.L\\:v-my-size-64),.L\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.L\\:v-mt-size-64),.L\\:v-mt-size-64{margin-top:64px}:host(.L\\:v-mb-size-64),.L\\:v-mb-size-64{margin-bottom:64px}:host(.L\\:v-mr-size-64),.L\\:v-mr-size-64{margin-right:64px}:host(.L\\:v-ml-size-64),.L\\:v-ml-size-64{margin-left:64px}:host(.L\\:v-m-size-72),.L\\:v-m-size-72{margin:72px}:host(.L\\:v-mx-size-72),.L\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.L\\:v-my-size-72),.L\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.L\\:v-mt-size-72),.L\\:v-mt-size-72{margin-top:72px}:host(.L\\:v-mb-size-72),.L\\:v-mb-size-72{margin-bottom:72px}:host(.L\\:v-mr-size-72),.L\\:v-mr-size-72{margin-right:72px}:host(.L\\:v-ml-size-72),.L\\:v-ml-size-72{margin-left:72px}:host(.L\\:v-m-size-80),.L\\:v-m-size-80{margin:80px}:host(.L\\:v-mx-size-80),.L\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.L\\:v-my-size-80),.L\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.L\\:v-mt-size-80),.L\\:v-mt-size-80{margin-top:80px}:host(.L\\:v-mb-size-80),.L\\:v-mb-size-80{margin-bottom:80px}:host(.L\\:v-mr-size-80),.L\\:v-mr-size-80{margin-right:80px}:host(.L\\:v-ml-size-80),.L\\:v-ml-size-80{margin-left:80px}:host(.L\\:v-m-size-112),.L\\:v-m-size-112{margin:112px}:host(.L\\:v-mx-size-112),.L\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.L\\:v-my-size-112),.L\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.L\\:v-mt-size-112),.L\\:v-mt-size-112{margin-top:112px}:host(.L\\:v-mb-size-112),.L\\:v-mb-size-112{margin-bottom:112px}:host(.L\\:v-mr-size-112),.L\\:v-mr-size-112{margin-right:112px}:host(.L\\:v-ml-size-112),.L\\:v-ml-size-112{margin-left:112px}:host(.L\\:v-m-size-2),.L\\:v-m-size-2{margin:2px}:host(.L\\:v-mx-size-2),.L\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.L\\:v-my-size-2),.L\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.L\\:v-mt-size-2),.L\\:v-mt-size-2{margin-top:2px}:host(.L\\:v-mb-size-2),.L\\:v-mb-size-2{margin-bottom:2px}:host(.L\\:v-mr-size-2),.L\\:v-mr-size-2{margin-right:2px}:host(.L\\:v-ml-size-2),.L\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-m-0),.XL\\:v-m-0{margin:0px}:host(.XL\\:v-mx-0),.XL\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-0),.XL\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-0),.XL\\:v-mt-0{margin-top:0px}:host(.XL\\:v-mb-0),.XL\\:v-mb-0{margin-bottom:0px}:host(.XL\\:v-mr-0),.XL\\:v-mr-0{margin-right:0px}:host(.XL\\:v-ml-0),.XL\\:v-ml-0{margin-left:0px}:host(.XL\\:v-m-size-0),.XL\\:v-m-size-0{margin:0px}:host(.XL\\:v-mx-size-0),.XL\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-size-0),.XL\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-size-0),.XL\\:v-mt-size-0{margin-top:0px}:host(.XL\\:v-mb-size-0),.XL\\:v-mb-size-0{margin-bottom:0px}:host(.XL\\:v-mr-size-0),.XL\\:v-mr-size-0{margin-right:0px}:host(.XL\\:v-ml-size-0),.XL\\:v-ml-size-0{margin-left:0px}:host(.XL\\:v-m-size-4),.XL\\:v-m-size-4{margin:4px}:host(.XL\\:v-mx-size-4),.XL\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.XL\\:v-my-size-4),.XL\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.XL\\:v-mt-size-4),.XL\\:v-mt-size-4{margin-top:4px}:host(.XL\\:v-mb-size-4),.XL\\:v-mb-size-4{margin-bottom:4px}:host(.XL\\:v-mr-size-4),.XL\\:v-mr-size-4{margin-right:4px}:host(.XL\\:v-ml-size-4),.XL\\:v-ml-size-4{margin-left:4px}:host(.XL\\:v-m-size-8),.XL\\:v-m-size-8{margin:8px}:host(.XL\\:v-mx-size-8),.XL\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.XL\\:v-my-size-8),.XL\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.XL\\:v-mt-size-8),.XL\\:v-mt-size-8{margin-top:8px}:host(.XL\\:v-mb-size-8),.XL\\:v-mb-size-8{margin-bottom:8px}:host(.XL\\:v-mr-size-8),.XL\\:v-mr-size-8{margin-right:8px}:host(.XL\\:v-ml-size-8),.XL\\:v-ml-size-8{margin-left:8px}:host(.XL\\:v-m-size-12),.XL\\:v-m-size-12{margin:12px}:host(.XL\\:v-mx-size-12),.XL\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.XL\\:v-my-size-12),.XL\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.XL\\:v-mt-size-12),.XL\\:v-mt-size-12{margin-top:12px}:host(.XL\\:v-mb-size-12),.XL\\:v-mb-size-12{margin-bottom:12px}:host(.XL\\:v-mr-size-12),.XL\\:v-mr-size-12{margin-right:12px}:host(.XL\\:v-ml-size-12),.XL\\:v-ml-size-12{margin-left:12px}:host(.XL\\:v-m-size-16),.XL\\:v-m-size-16{margin:16px}:host(.XL\\:v-mx-size-16),.XL\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.XL\\:v-my-size-16),.XL\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.XL\\:v-mt-size-16),.XL\\:v-mt-size-16{margin-top:16px}:host(.XL\\:v-mb-size-16),.XL\\:v-mb-size-16{margin-bottom:16px}:host(.XL\\:v-mr-size-16),.XL\\:v-mr-size-16{margin-right:16px}:host(.XL\\:v-ml-size-16),.XL\\:v-ml-size-16{margin-left:16px}:host(.XL\\:v-m-size-20),.XL\\:v-m-size-20{margin:20px}:host(.XL\\:v-mx-size-20),.XL\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.XL\\:v-my-size-20),.XL\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.XL\\:v-mt-size-20),.XL\\:v-mt-size-20{margin-top:20px}:host(.XL\\:v-mb-size-20),.XL\\:v-mb-size-20{margin-bottom:20px}:host(.XL\\:v-mr-size-20),.XL\\:v-mr-size-20{margin-right:20px}:host(.XL\\:v-ml-size-20),.XL\\:v-ml-size-20{margin-left:20px}:host(.XL\\:v-m-size-24),.XL\\:v-m-size-24{margin:24px}:host(.XL\\:v-mx-size-24),.XL\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.XL\\:v-my-size-24),.XL\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.XL\\:v-mt-size-24),.XL\\:v-mt-size-24{margin-top:24px}:host(.XL\\:v-mb-size-24),.XL\\:v-mb-size-24{margin-bottom:24px}:host(.XL\\:v-mr-size-24),.XL\\:v-mr-size-24{margin-right:24px}:host(.XL\\:v-ml-size-24),.XL\\:v-ml-size-24{margin-left:24px}:host(.XL\\:v-m-size-32),.XL\\:v-m-size-32{margin:32px}:host(.XL\\:v-mx-size-32),.XL\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.XL\\:v-my-size-32),.XL\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.XL\\:v-mt-size-32),.XL\\:v-mt-size-32{margin-top:32px}:host(.XL\\:v-mb-size-32),.XL\\:v-mb-size-32{margin-bottom:32px}:host(.XL\\:v-mr-size-32),.XL\\:v-mr-size-32{margin-right:32px}:host(.XL\\:v-ml-size-32),.XL\\:v-ml-size-32{margin-left:32px}:host(.XL\\:v-m-size-40),.XL\\:v-m-size-40{margin:40px}:host(.XL\\:v-mx-size-40),.XL\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.XL\\:v-my-size-40),.XL\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.XL\\:v-mt-size-40),.XL\\:v-mt-size-40{margin-top:40px}:host(.XL\\:v-mb-size-40),.XL\\:v-mb-size-40{margin-bottom:40px}:host(.XL\\:v-mr-size-40),.XL\\:v-mr-size-40{margin-right:40px}:host(.XL\\:v-ml-size-40),.XL\\:v-ml-size-40{margin-left:40px}:host(.XL\\:v-m-size-48),.XL\\:v-m-size-48{margin:48px}:host(.XL\\:v-mx-size-48),.XL\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.XL\\:v-my-size-48),.XL\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.XL\\:v-mt-size-48),.XL\\:v-mt-size-48{margin-top:48px}:host(.XL\\:v-mb-size-48),.XL\\:v-mb-size-48{margin-bottom:48px}:host(.XL\\:v-mr-size-48),.XL\\:v-mr-size-48{margin-right:48px}:host(.XL\\:v-ml-size-48),.XL\\:v-ml-size-48{margin-left:48px}:host(.XL\\:v-m-size-64),.XL\\:v-m-size-64{margin:64px}:host(.XL\\:v-mx-size-64),.XL\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.XL\\:v-my-size-64),.XL\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.XL\\:v-mt-size-64),.XL\\:v-mt-size-64{margin-top:64px}:host(.XL\\:v-mb-size-64),.XL\\:v-mb-size-64{margin-bottom:64px}:host(.XL\\:v-mr-size-64),.XL\\:v-mr-size-64{margin-right:64px}:host(.XL\\:v-ml-size-64),.XL\\:v-ml-size-64{margin-left:64px}:host(.XL\\:v-m-size-72),.XL\\:v-m-size-72{margin:72px}:host(.XL\\:v-mx-size-72),.XL\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.XL\\:v-my-size-72),.XL\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.XL\\:v-mt-size-72),.XL\\:v-mt-size-72{margin-top:72px}:host(.XL\\:v-mb-size-72),.XL\\:v-mb-size-72{margin-bottom:72px}:host(.XL\\:v-mr-size-72),.XL\\:v-mr-size-72{margin-right:72px}:host(.XL\\:v-ml-size-72),.XL\\:v-ml-size-72{margin-left:72px}:host(.XL\\:v-m-size-80),.XL\\:v-m-size-80{margin:80px}:host(.XL\\:v-mx-size-80),.XL\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.XL\\:v-my-size-80),.XL\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.XL\\:v-mt-size-80),.XL\\:v-mt-size-80{margin-top:80px}:host(.XL\\:v-mb-size-80),.XL\\:v-mb-size-80{margin-bottom:80px}:host(.XL\\:v-mr-size-80),.XL\\:v-mr-size-80{margin-right:80px}:host(.XL\\:v-ml-size-80),.XL\\:v-ml-size-80{margin-left:80px}:host(.XL\\:v-m-size-112),.XL\\:v-m-size-112{margin:112px}:host(.XL\\:v-mx-size-112),.XL\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.XL\\:v-my-size-112),.XL\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.XL\\:v-mt-size-112),.XL\\:v-mt-size-112{margin-top:112px}:host(.XL\\:v-mb-size-112),.XL\\:v-mb-size-112{margin-bottom:112px}:host(.XL\\:v-mr-size-112),.XL\\:v-mr-size-112{margin-right:112px}:host(.XL\\:v-ml-size-112),.XL\\:v-ml-size-112{margin-left:112px}:host(.XL\\:v-m-size-2),.XL\\:v-m-size-2{margin:2px}:host(.XL\\:v-mx-size-2),.XL\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.XL\\:v-my-size-2),.XL\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.XL\\:v-mt-size-2),.XL\\:v-mt-size-2{margin-top:2px}:host(.XL\\:v-mb-size-2),.XL\\:v-mb-size-2{margin-bottom:2px}:host(.XL\\:v-mr-size-2),.XL\\:v-mr-size-2{margin-right:2px}:host(.XL\\:v-ml-size-2),.XL\\:v-ml-size-2{margin-left:2px}}:host(.v-block),.v-block{display:block}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host(.v-rounded-0),.v-rounded-0{border-radius:0px}:host(.v-rounded-t-0),.v-rounded-t-0{border-top-left-radius:0px;border-top-right-radius:0px}:host(.v-rounded-b-0),.v-rounded-b-0{border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.v-rounded-l-0),.v-rounded-l-0{border-top-left-radius:0px;border-bottom-left-radius:0px}:host(.v-rounded-r-0),.v-rounded-r-0{border-top-right-radius:0px;border-bottom-right-radius:0px}:host(.v-rounded-tl-0),.v-rounded-tl-0{border-top-left-radius:0px}:host(.v-rounded-tr-0),.v-rounded-tr-0{border-top-right-radius:0px}:host(.v-rounded-bl-0),.v-rounded-bl-0{border-bottom-left-radius:0px}:host(.v-rounded-br-0),.v-rounded-br-0{border-bottom-right-radius:0px}:host(.v-rounded-9999),.v-rounded-9999{border-radius:9999px}:host(.v-rounded-t-9999),.v-rounded-t-9999{border-top-left-radius:9999px;border-top-right-radius:9999px}:host(.v-rounded-b-9999),.v-rounded-b-9999{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}:host(.v-rounded-l-9999),.v-rounded-l-9999{border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(.v-rounded-r-9999),.v-rounded-r-9999{border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(.v-rounded-tl-9999),.v-rounded-tl-9999{border-top-left-radius:9999px}:host(.v-rounded-tr-9999),.v-rounded-tr-9999{border-top-right-radius:9999px}:host(.v-rounded-bl-9999),.v-rounded-bl-9999{border-bottom-left-radius:9999px}:host(.v-rounded-br-9999),.v-rounded-br-9999{border-bottom-right-radius:9999px}:host(.v-rounded-2),.v-rounded-2{border-radius:2px}:host(.v-rounded-t-2),.v-rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}:host(.v-rounded-b-2),.v-rounded-b-2{border-bottom-left-radius:2px;border-bottom-right-radius:2px}:host(.v-rounded-l-2),.v-rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}:host(.v-rounded-r-2),.v-rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}:host(.v-rounded-tl-2),.v-rounded-tl-2{border-top-left-radius:2px}:host(.v-rounded-tr-2),.v-rounded-tr-2{border-top-right-radius:2px}:host(.v-rounded-bl-2),.v-rounded-bl-2{border-bottom-left-radius:2px}:host(.v-rounded-br-2),.v-rounded-br-2{border-bottom-right-radius:2px}:host(.v-rounded-4),.v-rounded-4{border-radius:4px}:host(.v-rounded-t-4),.v-rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}:host(.v-rounded-b-4),.v-rounded-b-4{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.v-rounded-l-4),.v-rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.v-rounded-r-4),.v-rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.v-rounded-tl-4),.v-rounded-tl-4{border-top-left-radius:4px}:host(.v-rounded-tr-4),.v-rounded-tr-4{border-top-right-radius:4px}:host(.v-rounded-bl-4),.v-rounded-bl-4{border-bottom-left-radius:4px}:host(.v-rounded-br-4),.v-rounded-br-4{border-bottom-right-radius:4px}:host(.v-rounded-8),.v-rounded-8{border-radius:8px}:host(.v-rounded-t-8),.v-rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}:host(.v-rounded-b-8),.v-rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}:host(.v-rounded-l-8),.v-rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}:host(.v-rounded-r-8),.v-rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}:host(.v-rounded-tl-8),.v-rounded-tl-8{border-top-left-radius:8px}:host(.v-rounded-tr-8),.v-rounded-tr-8{border-top-right-radius:8px}:host(.v-rounded-bl-8),.v-rounded-bl-8{border-bottom-left-radius:8px}:host(.v-rounded-br-8),.v-rounded-br-8{border-bottom-right-radius:8px}:host(.v-rounded-12),.v-rounded-12{border-radius:12px}:host(.v-rounded-t-12),.v-rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}:host(.v-rounded-b-12),.v-rounded-b-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}:host(.v-rounded-l-12),.v-rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.v-rounded-r-12),.v-rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.v-rounded-tl-12),.v-rounded-tl-12{border-top-left-radius:12px}:host(.v-rounded-tr-12),.v-rounded-tr-12{border-top-right-radius:12px}:host(.v-rounded-bl-12),.v-rounded-bl-12{border-bottom-left-radius:12px}:host(.v-rounded-br-12),.v-rounded-br-12{border-bottom-right-radius:12px}:host(.v-rounded-16),.v-rounded-16{border-radius:16px}:host(.v-rounded-t-16),.v-rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}:host(.v-rounded-b-16),.v-rounded-b-16{border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host(.v-rounded-l-16),.v-rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}:host(.v-rounded-r-16),.v-rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}:host(.v-rounded-tl-16),.v-rounded-tl-16{border-top-left-radius:16px}:host(.v-rounded-tr-16),.v-rounded-tr-16{border-top-right-radius:16px}:host(.v-rounded-bl-16),.v-rounded-bl-16{border-bottom-left-radius:16px}:host(.v-rounded-br-16),.v-rounded-br-16{border-bottom-right-radius:16px}:host(.v-rounded-24),.v-rounded-24{border-radius:24px}:host(.v-rounded-t-24),.v-rounded-t-24{border-top-left-radius:24px;border-top-right-radius:24px}:host(.v-rounded-b-24),.v-rounded-b-24{border-bottom-left-radius:24px;border-bottom-right-radius:24px}:host(.v-rounded-l-24),.v-rounded-l-24{border-top-left-radius:24px;border-bottom-left-radius:24px}:host(.v-rounded-r-24),.v-rounded-r-24{border-top-right-radius:24px;border-bottom-right-radius:24px}:host(.v-rounded-tl-24),.v-rounded-tl-24{border-top-left-radius:24px}:host(.v-rounded-tr-24),.v-rounded-tr-24{border-top-right-radius:24px}:host(.v-rounded-bl-24),.v-rounded-bl-24{border-bottom-left-radius:24px}:host(.v-rounded-br-24),.v-rounded-br-24{border-bottom-right-radius:24px}:host(.v-rounded-32),.v-rounded-32{border-radius:32px}:host(.v-rounded-t-32),.v-rounded-t-32{border-top-left-radius:32px;border-top-right-radius:32px}:host(.v-rounded-b-32),.v-rounded-b-32{border-bottom-left-radius:32px;border-bottom-right-radius:32px}:host(.v-rounded-l-32),.v-rounded-l-32{border-top-left-radius:32px;border-bottom-left-radius:32px}:host(.v-rounded-r-32),.v-rounded-r-32{border-top-right-radius:32px;border-bottom-right-radius:32px}:host(.v-rounded-tl-32),.v-rounded-tl-32{border-top-left-radius:32px}:host(.v-rounded-tr-32),.v-rounded-tr-32{border-top-right-radius:32px}:host(.v-rounded-bl-32),.v-rounded-bl-32{border-bottom-left-radius:32px}:host(.v-rounded-br-32),.v-rounded-br-32{border-bottom-right-radius:32px}:host(.v-rounded-48),.v-rounded-48{border-radius:48px}:host(.v-rounded-t-48),.v-rounded-t-48{border-top-left-radius:48px;border-top-right-radius:48px}:host(.v-rounded-b-48),.v-rounded-b-48{border-bottom-left-radius:48px;border-bottom-right-radius:48px}:host(.v-rounded-l-48),.v-rounded-l-48{border-top-left-radius:48px;border-bottom-left-radius:48px}:host(.v-rounded-r-48),.v-rounded-r-48{border-top-right-radius:48px;border-bottom-right-radius:48px}:host(.v-rounded-tl-48),.v-rounded-tl-48{border-top-left-radius:48px}:host(.v-rounded-tr-48),.v-rounded-tr-48{border-top-right-radius:48px}:host(.v-rounded-bl-48),.v-rounded-bl-48{border-bottom-left-radius:48px}:host(.v-rounded-br-48),.v-rounded-br-48{border-bottom-right-radius:48px}@media (min-width: 320px){:host(.S\\:v-rounded-0),.S\\:v-rounded-0{border-radius:0px}:host(.S\\:v-rounded-t-0),.S\\:v-rounded-t-0{border-top-left-radius:0px;border-top-right-radius:0px}:host(.S\\:v-rounded-b-0),.S\\:v-rounded-b-0{border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.S\\:v-rounded-l-0),.S\\:v-rounded-l-0{border-top-left-radius:0px;border-bottom-left-radius:0px}:host(.S\\:v-rounded-r-0),.S\\:v-rounded-r-0{border-top-right-radius:0px;border-bottom-right-radius:0px}:host(.S\\:v-rounded-tl-0),.S\\:v-rounded-tl-0{border-top-left-radius:0px}:host(.S\\:v-rounded-tr-0),.S\\:v-rounded-tr-0{border-top-right-radius:0px}:host(.S\\:v-rounded-bl-0),.S\\:v-rounded-bl-0{border-bottom-left-radius:0px}:host(.S\\:v-rounded-br-0),.S\\:v-rounded-br-0{border-bottom-right-radius:0px}:host(.S\\:v-rounded-9999),.S\\:v-rounded-9999{border-radius:9999px}:host(.S\\:v-rounded-t-9999),.S\\:v-rounded-t-9999{border-top-left-radius:9999px;border-top-right-radius:9999px}:host(.S\\:v-rounded-b-9999),.S\\:v-rounded-b-9999{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}:host(.S\\:v-rounded-l-9999),.S\\:v-rounded-l-9999{border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(.S\\:v-rounded-r-9999),.S\\:v-rounded-r-9999{border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(.S\\:v-rounded-tl-9999),.S\\:v-rounded-tl-9999{border-top-left-radius:9999px}:host(.S\\:v-rounded-tr-9999),.S\\:v-rounded-tr-9999{border-top-right-radius:9999px}:host(.S\\:v-rounded-bl-9999),.S\\:v-rounded-bl-9999{border-bottom-left-radius:9999px}:host(.S\\:v-rounded-br-9999),.S\\:v-rounded-br-9999{border-bottom-right-radius:9999px}:host(.S\\:v-rounded-2),.S\\:v-rounded-2{border-radius:2px}:host(.S\\:v-rounded-t-2),.S\\:v-rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}:host(.S\\:v-rounded-b-2),.S\\:v-rounded-b-2{border-bottom-left-radius:2px;border-bottom-right-radius:2px}:host(.S\\:v-rounded-l-2),.S\\:v-rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}:host(.S\\:v-rounded-r-2),.S\\:v-rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}:host(.S\\:v-rounded-tl-2),.S\\:v-rounded-tl-2{border-top-left-radius:2px}:host(.S\\:v-rounded-tr-2),.S\\:v-rounded-tr-2{border-top-right-radius:2px}:host(.S\\:v-rounded-bl-2),.S\\:v-rounded-bl-2{border-bottom-left-radius:2px}:host(.S\\:v-rounded-br-2),.S\\:v-rounded-br-2{border-bottom-right-radius:2px}:host(.S\\:v-rounded-4),.S\\:v-rounded-4{border-radius:4px}:host(.S\\:v-rounded-t-4),.S\\:v-rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}:host(.S\\:v-rounded-b-4),.S\\:v-rounded-b-4{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.S\\:v-rounded-l-4),.S\\:v-rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.S\\:v-rounded-r-4),.S\\:v-rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.S\\:v-rounded-tl-4),.S\\:v-rounded-tl-4{border-top-left-radius:4px}:host(.S\\:v-rounded-tr-4),.S\\:v-rounded-tr-4{border-top-right-radius:4px}:host(.S\\:v-rounded-bl-4),.S\\:v-rounded-bl-4{border-bottom-left-radius:4px}:host(.S\\:v-rounded-br-4),.S\\:v-rounded-br-4{border-bottom-right-radius:4px}:host(.S\\:v-rounded-8),.S\\:v-rounded-8{border-radius:8px}:host(.S\\:v-rounded-t-8),.S\\:v-rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}:host(.S\\:v-rounded-b-8),.S\\:v-rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}:host(.S\\:v-rounded-l-8),.S\\:v-rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}:host(.S\\:v-rounded-r-8),.S\\:v-rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}:host(.S\\:v-rounded-tl-8),.S\\:v-rounded-tl-8{border-top-left-radius:8px}:host(.S\\:v-rounded-tr-8),.S\\:v-rounded-tr-8{border-top-right-radius:8px}:host(.S\\:v-rounded-bl-8),.S\\:v-rounded-bl-8{border-bottom-left-radius:8px}:host(.S\\:v-rounded-br-8),.S\\:v-rounded-br-8{border-bottom-right-radius:8px}:host(.S\\:v-rounded-12),.S\\:v-rounded-12{border-radius:12px}:host(.S\\:v-rounded-t-12),.S\\:v-rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}:host(.S\\:v-rounded-b-12),.S\\:v-rounded-b-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}:host(.S\\:v-rounded-l-12),.S\\:v-rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.S\\:v-rounded-r-12),.S\\:v-rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.S\\:v-rounded-tl-12),.S\\:v-rounded-tl-12{border-top-left-radius:12px}:host(.S\\:v-rounded-tr-12),.S\\:v-rounded-tr-12{border-top-right-radius:12px}:host(.S\\:v-rounded-bl-12),.S\\:v-rounded-bl-12{border-bottom-left-radius:12px}:host(.S\\:v-rounded-br-12),.S\\:v-rounded-br-12{border-bottom-right-radius:12px}:host(.S\\:v-rounded-16),.S\\:v-rounded-16{border-radius:16px}:host(.S\\:v-rounded-t-16),.S\\:v-rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}:host(.S\\:v-rounded-b-16),.S\\:v-rounded-b-16{border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host(.S\\:v-rounded-l-16),.S\\:v-rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}:host(.S\\:v-rounded-r-16),.S\\:v-rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}:host(.S\\:v-rounded-tl-16),.S\\:v-rounded-tl-16{border-top-left-radius:16px}:host(.S\\:v-rounded-tr-16),.S\\:v-rounded-tr-16{border-top-right-radius:16px}:host(.S\\:v-rounded-bl-16),.S\\:v-rounded-bl-16{border-bottom-left-radius:16px}:host(.S\\:v-rounded-br-16),.S\\:v-rounded-br-16{border-bottom-right-radius:16px}:host(.S\\:v-rounded-24),.S\\:v-rounded-24{border-radius:24px}:host(.S\\:v-rounded-t-24),.S\\:v-rounded-t-24{border-top-left-radius:24px;border-top-right-radius:24px}:host(.S\\:v-rounded-b-24),.S\\:v-rounded-b-24{border-bottom-left-radius:24px;border-bottom-right-radius:24px}:host(.S\\:v-rounded-l-24),.S\\:v-rounded-l-24{border-top-left-radius:24px;border-bottom-left-radius:24px}:host(.S\\:v-rounded-r-24),.S\\:v-rounded-r-24{border-top-right-radius:24px;border-bottom-right-radius:24px}:host(.S\\:v-rounded-tl-24),.S\\:v-rounded-tl-24{border-top-left-radius:24px}:host(.S\\:v-rounded-tr-24),.S\\:v-rounded-tr-24{border-top-right-radius:24px}:host(.S\\:v-rounded-bl-24),.S\\:v-rounded-bl-24{border-bottom-left-radius:24px}:host(.S\\:v-rounded-br-24),.S\\:v-rounded-br-24{border-bottom-right-radius:24px}:host(.S\\:v-rounded-32),.S\\:v-rounded-32{border-radius:32px}:host(.S\\:v-rounded-t-32),.S\\:v-rounded-t-32{border-top-left-radius:32px;border-top-right-radius:32px}:host(.S\\:v-rounded-b-32),.S\\:v-rounded-b-32{border-bottom-left-radius:32px;border-bottom-right-radius:32px}:host(.S\\:v-rounded-l-32),.S\\:v-rounded-l-32{border-top-left-radius:32px;border-bottom-left-radius:32px}:host(.S\\:v-rounded-r-32),.S\\:v-rounded-r-32{border-top-right-radius:32px;border-bottom-right-radius:32px}:host(.S\\:v-rounded-tl-32),.S\\:v-rounded-tl-32{border-top-left-radius:32px}:host(.S\\:v-rounded-tr-32),.S\\:v-rounded-tr-32{border-top-right-radius:32px}:host(.S\\:v-rounded-bl-32),.S\\:v-rounded-bl-32{border-bottom-left-radius:32px}:host(.S\\:v-rounded-br-32),.S\\:v-rounded-br-32{border-bottom-right-radius:32px}:host(.S\\:v-rounded-48),.S\\:v-rounded-48{border-radius:48px}:host(.S\\:v-rounded-t-48),.S\\:v-rounded-t-48{border-top-left-radius:48px;border-top-right-radius:48px}:host(.S\\:v-rounded-b-48),.S\\:v-rounded-b-48{border-bottom-left-radius:48px;border-bottom-right-radius:48px}:host(.S\\:v-rounded-l-48),.S\\:v-rounded-l-48{border-top-left-radius:48px;border-bottom-left-radius:48px}:host(.S\\:v-rounded-r-48),.S\\:v-rounded-r-48{border-top-right-radius:48px;border-bottom-right-radius:48px}:host(.S\\:v-rounded-tl-48),.S\\:v-rounded-tl-48{border-top-left-radius:48px}:host(.S\\:v-rounded-tr-48),.S\\:v-rounded-tr-48{border-top-right-radius:48px}:host(.S\\:v-rounded-bl-48),.S\\:v-rounded-bl-48{border-bottom-left-radius:48px}:host(.S\\:v-rounded-br-48),.S\\:v-rounded-br-48{border-bottom-right-radius:48px}}@media (min-width: 768px){:host(.M\\:v-rounded-0),.M\\:v-rounded-0{border-radius:0px}:host(.M\\:v-rounded-t-0),.M\\:v-rounded-t-0{border-top-left-radius:0px;border-top-right-radius:0px}:host(.M\\:v-rounded-b-0),.M\\:v-rounded-b-0{border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.M\\:v-rounded-l-0),.M\\:v-rounded-l-0{border-top-left-radius:0px;border-bottom-left-radius:0px}:host(.M\\:v-rounded-r-0),.M\\:v-rounded-r-0{border-top-right-radius:0px;border-bottom-right-radius:0px}:host(.M\\:v-rounded-tl-0),.M\\:v-rounded-tl-0{border-top-left-radius:0px}:host(.M\\:v-rounded-tr-0),.M\\:v-rounded-tr-0{border-top-right-radius:0px}:host(.M\\:v-rounded-bl-0),.M\\:v-rounded-bl-0{border-bottom-left-radius:0px}:host(.M\\:v-rounded-br-0),.M\\:v-rounded-br-0{border-bottom-right-radius:0px}:host(.M\\:v-rounded-9999),.M\\:v-rounded-9999{border-radius:9999px}:host(.M\\:v-rounded-t-9999),.M\\:v-rounded-t-9999{border-top-left-radius:9999px;border-top-right-radius:9999px}:host(.M\\:v-rounded-b-9999),.M\\:v-rounded-b-9999{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}:host(.M\\:v-rounded-l-9999),.M\\:v-rounded-l-9999{border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(.M\\:v-rounded-r-9999),.M\\:v-rounded-r-9999{border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(.M\\:v-rounded-tl-9999),.M\\:v-rounded-tl-9999{border-top-left-radius:9999px}:host(.M\\:v-rounded-tr-9999),.M\\:v-rounded-tr-9999{border-top-right-radius:9999px}:host(.M\\:v-rounded-bl-9999),.M\\:v-rounded-bl-9999{border-bottom-left-radius:9999px}:host(.M\\:v-rounded-br-9999),.M\\:v-rounded-br-9999{border-bottom-right-radius:9999px}:host(.M\\:v-rounded-2),.M\\:v-rounded-2{border-radius:2px}:host(.M\\:v-rounded-t-2),.M\\:v-rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}:host(.M\\:v-rounded-b-2),.M\\:v-rounded-b-2{border-bottom-left-radius:2px;border-bottom-right-radius:2px}:host(.M\\:v-rounded-l-2),.M\\:v-rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}:host(.M\\:v-rounded-r-2),.M\\:v-rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}:host(.M\\:v-rounded-tl-2),.M\\:v-rounded-tl-2{border-top-left-radius:2px}:host(.M\\:v-rounded-tr-2),.M\\:v-rounded-tr-2{border-top-right-radius:2px}:host(.M\\:v-rounded-bl-2),.M\\:v-rounded-bl-2{border-bottom-left-radius:2px}:host(.M\\:v-rounded-br-2),.M\\:v-rounded-br-2{border-bottom-right-radius:2px}:host(.M\\:v-rounded-4),.M\\:v-rounded-4{border-radius:4px}:host(.M\\:v-rounded-t-4),.M\\:v-rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}:host(.M\\:v-rounded-b-4),.M\\:v-rounded-b-4{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.M\\:v-rounded-l-4),.M\\:v-rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.M\\:v-rounded-r-4),.M\\:v-rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.M\\:v-rounded-tl-4),.M\\:v-rounded-tl-4{border-top-left-radius:4px}:host(.M\\:v-rounded-tr-4),.M\\:v-rounded-tr-4{border-top-right-radius:4px}:host(.M\\:v-rounded-bl-4),.M\\:v-rounded-bl-4{border-bottom-left-radius:4px}:host(.M\\:v-rounded-br-4),.M\\:v-rounded-br-4{border-bottom-right-radius:4px}:host(.M\\:v-rounded-8),.M\\:v-rounded-8{border-radius:8px}:host(.M\\:v-rounded-t-8),.M\\:v-rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}:host(.M\\:v-rounded-b-8),.M\\:v-rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}:host(.M\\:v-rounded-l-8),.M\\:v-rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}:host(.M\\:v-rounded-r-8),.M\\:v-rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}:host(.M\\:v-rounded-tl-8),.M\\:v-rounded-tl-8{border-top-left-radius:8px}:host(.M\\:v-rounded-tr-8),.M\\:v-rounded-tr-8{border-top-right-radius:8px}:host(.M\\:v-rounded-bl-8),.M\\:v-rounded-bl-8{border-bottom-left-radius:8px}:host(.M\\:v-rounded-br-8),.M\\:v-rounded-br-8{border-bottom-right-radius:8px}:host(.M\\:v-rounded-12),.M\\:v-rounded-12{border-radius:12px}:host(.M\\:v-rounded-t-12),.M\\:v-rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}:host(.M\\:v-rounded-b-12),.M\\:v-rounded-b-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}:host(.M\\:v-rounded-l-12),.M\\:v-rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.M\\:v-rounded-r-12),.M\\:v-rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.M\\:v-rounded-tl-12),.M\\:v-rounded-tl-12{border-top-left-radius:12px}:host(.M\\:v-rounded-tr-12),.M\\:v-rounded-tr-12{border-top-right-radius:12px}:host(.M\\:v-rounded-bl-12),.M\\:v-rounded-bl-12{border-bottom-left-radius:12px}:host(.M\\:v-rounded-br-12),.M\\:v-rounded-br-12{border-bottom-right-radius:12px}:host(.M\\:v-rounded-16),.M\\:v-rounded-16{border-radius:16px}:host(.M\\:v-rounded-t-16),.M\\:v-rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}:host(.M\\:v-rounded-b-16),.M\\:v-rounded-b-16{border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host(.M\\:v-rounded-l-16),.M\\:v-rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}:host(.M\\:v-rounded-r-16),.M\\:v-rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}:host(.M\\:v-rounded-tl-16),.M\\:v-rounded-tl-16{border-top-left-radius:16px}:host(.M\\:v-rounded-tr-16),.M\\:v-rounded-tr-16{border-top-right-radius:16px}:host(.M\\:v-rounded-bl-16),.M\\:v-rounded-bl-16{border-bottom-left-radius:16px}:host(.M\\:v-rounded-br-16),.M\\:v-rounded-br-16{border-bottom-right-radius:16px}:host(.M\\:v-rounded-24),.M\\:v-rounded-24{border-radius:24px}:host(.M\\:v-rounded-t-24),.M\\:v-rounded-t-24{border-top-left-radius:24px;border-top-right-radius:24px}:host(.M\\:v-rounded-b-24),.M\\:v-rounded-b-24{border-bottom-left-radius:24px;border-bottom-right-radius:24px}:host(.M\\:v-rounded-l-24),.M\\:v-rounded-l-24{border-top-left-radius:24px;border-bottom-left-radius:24px}:host(.M\\:v-rounded-r-24),.M\\:v-rounded-r-24{border-top-right-radius:24px;border-bottom-right-radius:24px}:host(.M\\:v-rounded-tl-24),.M\\:v-rounded-tl-24{border-top-left-radius:24px}:host(.M\\:v-rounded-tr-24),.M\\:v-rounded-tr-24{border-top-right-radius:24px}:host(.M\\:v-rounded-bl-24),.M\\:v-rounded-bl-24{border-bottom-left-radius:24px}:host(.M\\:v-rounded-br-24),.M\\:v-rounded-br-24{border-bottom-right-radius:24px}:host(.M\\:v-rounded-32),.M\\:v-rounded-32{border-radius:32px}:host(.M\\:v-rounded-t-32),.M\\:v-rounded-t-32{border-top-left-radius:32px;border-top-right-radius:32px}:host(.M\\:v-rounded-b-32),.M\\:v-rounded-b-32{border-bottom-left-radius:32px;border-bottom-right-radius:32px}:host(.M\\:v-rounded-l-32),.M\\:v-rounded-l-32{border-top-left-radius:32px;border-bottom-left-radius:32px}:host(.M\\:v-rounded-r-32),.M\\:v-rounded-r-32{border-top-right-radius:32px;border-bottom-right-radius:32px}:host(.M\\:v-rounded-tl-32),.M\\:v-rounded-tl-32{border-top-left-radius:32px}:host(.M\\:v-rounded-tr-32),.M\\:v-rounded-tr-32{border-top-right-radius:32px}:host(.M\\:v-rounded-bl-32),.M\\:v-rounded-bl-32{border-bottom-left-radius:32px}:host(.M\\:v-rounded-br-32),.M\\:v-rounded-br-32{border-bottom-right-radius:32px}:host(.M\\:v-rounded-48),.M\\:v-rounded-48{border-radius:48px}:host(.M\\:v-rounded-t-48),.M\\:v-rounded-t-48{border-top-left-radius:48px;border-top-right-radius:48px}:host(.M\\:v-rounded-b-48),.M\\:v-rounded-b-48{border-bottom-left-radius:48px;border-bottom-right-radius:48px}:host(.M\\:v-rounded-l-48),.M\\:v-rounded-l-48{border-top-left-radius:48px;border-bottom-left-radius:48px}:host(.M\\:v-rounded-r-48),.M\\:v-rounded-r-48{border-top-right-radius:48px;border-bottom-right-radius:48px}:host(.M\\:v-rounded-tl-48),.M\\:v-rounded-tl-48{border-top-left-radius:48px}:host(.M\\:v-rounded-tr-48),.M\\:v-rounded-tr-48{border-top-right-radius:48px}:host(.M\\:v-rounded-bl-48),.M\\:v-rounded-bl-48{border-bottom-left-radius:48px}:host(.M\\:v-rounded-br-48),.M\\:v-rounded-br-48{border-bottom-right-radius:48px}}@media (min-width: 1024px){:host(.L\\:v-rounded-0),.L\\:v-rounded-0{border-radius:0px}:host(.L\\:v-rounded-t-0),.L\\:v-rounded-t-0{border-top-left-radius:0px;border-top-right-radius:0px}:host(.L\\:v-rounded-b-0),.L\\:v-rounded-b-0{border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.L\\:v-rounded-l-0),.L\\:v-rounded-l-0{border-top-left-radius:0px;border-bottom-left-radius:0px}:host(.L\\:v-rounded-r-0),.L\\:v-rounded-r-0{border-top-right-radius:0px;border-bottom-right-radius:0px}:host(.L\\:v-rounded-tl-0),.L\\:v-rounded-tl-0{border-top-left-radius:0px}:host(.L\\:v-rounded-tr-0),.L\\:v-rounded-tr-0{border-top-right-radius:0px}:host(.L\\:v-rounded-bl-0),.L\\:v-rounded-bl-0{border-bottom-left-radius:0px}:host(.L\\:v-rounded-br-0),.L\\:v-rounded-br-0{border-bottom-right-radius:0px}:host(.L\\:v-rounded-9999),.L\\:v-rounded-9999{border-radius:9999px}:host(.L\\:v-rounded-t-9999),.L\\:v-rounded-t-9999{border-top-left-radius:9999px;border-top-right-radius:9999px}:host(.L\\:v-rounded-b-9999),.L\\:v-rounded-b-9999{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}:host(.L\\:v-rounded-l-9999),.L\\:v-rounded-l-9999{border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(.L\\:v-rounded-r-9999),.L\\:v-rounded-r-9999{border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(.L\\:v-rounded-tl-9999),.L\\:v-rounded-tl-9999{border-top-left-radius:9999px}:host(.L\\:v-rounded-tr-9999),.L\\:v-rounded-tr-9999{border-top-right-radius:9999px}:host(.L\\:v-rounded-bl-9999),.L\\:v-rounded-bl-9999{border-bottom-left-radius:9999px}:host(.L\\:v-rounded-br-9999),.L\\:v-rounded-br-9999{border-bottom-right-radius:9999px}:host(.L\\:v-rounded-2),.L\\:v-rounded-2{border-radius:2px}:host(.L\\:v-rounded-t-2),.L\\:v-rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}:host(.L\\:v-rounded-b-2),.L\\:v-rounded-b-2{border-bottom-left-radius:2px;border-bottom-right-radius:2px}:host(.L\\:v-rounded-l-2),.L\\:v-rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}:host(.L\\:v-rounded-r-2),.L\\:v-rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}:host(.L\\:v-rounded-tl-2),.L\\:v-rounded-tl-2{border-top-left-radius:2px}:host(.L\\:v-rounded-tr-2),.L\\:v-rounded-tr-2{border-top-right-radius:2px}:host(.L\\:v-rounded-bl-2),.L\\:v-rounded-bl-2{border-bottom-left-radius:2px}:host(.L\\:v-rounded-br-2),.L\\:v-rounded-br-2{border-bottom-right-radius:2px}:host(.L\\:v-rounded-4),.L\\:v-rounded-4{border-radius:4px}:host(.L\\:v-rounded-t-4),.L\\:v-rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}:host(.L\\:v-rounded-b-4),.L\\:v-rounded-b-4{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.L\\:v-rounded-l-4),.L\\:v-rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.L\\:v-rounded-r-4),.L\\:v-rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.L\\:v-rounded-tl-4),.L\\:v-rounded-tl-4{border-top-left-radius:4px}:host(.L\\:v-rounded-tr-4),.L\\:v-rounded-tr-4{border-top-right-radius:4px}:host(.L\\:v-rounded-bl-4),.L\\:v-rounded-bl-4{border-bottom-left-radius:4px}:host(.L\\:v-rounded-br-4),.L\\:v-rounded-br-4{border-bottom-right-radius:4px}:host(.L\\:v-rounded-8),.L\\:v-rounded-8{border-radius:8px}:host(.L\\:v-rounded-t-8),.L\\:v-rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}:host(.L\\:v-rounded-b-8),.L\\:v-rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}:host(.L\\:v-rounded-l-8),.L\\:v-rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}:host(.L\\:v-rounded-r-8),.L\\:v-rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}:host(.L\\:v-rounded-tl-8),.L\\:v-rounded-tl-8{border-top-left-radius:8px}:host(.L\\:v-rounded-tr-8),.L\\:v-rounded-tr-8{border-top-right-radius:8px}:host(.L\\:v-rounded-bl-8),.L\\:v-rounded-bl-8{border-bottom-left-radius:8px}:host(.L\\:v-rounded-br-8),.L\\:v-rounded-br-8{border-bottom-right-radius:8px}:host(.L\\:v-rounded-12),.L\\:v-rounded-12{border-radius:12px}:host(.L\\:v-rounded-t-12),.L\\:v-rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}:host(.L\\:v-rounded-b-12),.L\\:v-rounded-b-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}:host(.L\\:v-rounded-l-12),.L\\:v-rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.L\\:v-rounded-r-12),.L\\:v-rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.L\\:v-rounded-tl-12),.L\\:v-rounded-tl-12{border-top-left-radius:12px}:host(.L\\:v-rounded-tr-12),.L\\:v-rounded-tr-12{border-top-right-radius:12px}:host(.L\\:v-rounded-bl-12),.L\\:v-rounded-bl-12{border-bottom-left-radius:12px}:host(.L\\:v-rounded-br-12),.L\\:v-rounded-br-12{border-bottom-right-radius:12px}:host(.L\\:v-rounded-16),.L\\:v-rounded-16{border-radius:16px}:host(.L\\:v-rounded-t-16),.L\\:v-rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}:host(.L\\:v-rounded-b-16),.L\\:v-rounded-b-16{border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host(.L\\:v-rounded-l-16),.L\\:v-rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}:host(.L\\:v-rounded-r-16),.L\\:v-rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}:host(.L\\:v-rounded-tl-16),.L\\:v-rounded-tl-16{border-top-left-radius:16px}:host(.L\\:v-rounded-tr-16),.L\\:v-rounded-tr-16{border-top-right-radius:16px}:host(.L\\:v-rounded-bl-16),.L\\:v-rounded-bl-16{border-bottom-left-radius:16px}:host(.L\\:v-rounded-br-16),.L\\:v-rounded-br-16{border-bottom-right-radius:16px}:host(.L\\:v-rounded-24),.L\\:v-rounded-24{border-radius:24px}:host(.L\\:v-rounded-t-24),.L\\:v-rounded-t-24{border-top-left-radius:24px;border-top-right-radius:24px}:host(.L\\:v-rounded-b-24),.L\\:v-rounded-b-24{border-bottom-left-radius:24px;border-bottom-right-radius:24px}:host(.L\\:v-rounded-l-24),.L\\:v-rounded-l-24{border-top-left-radius:24px;border-bottom-left-radius:24px}:host(.L\\:v-rounded-r-24),.L\\:v-rounded-r-24{border-top-right-radius:24px;border-bottom-right-radius:24px}:host(.L\\:v-rounded-tl-24),.L\\:v-rounded-tl-24{border-top-left-radius:24px}:host(.L\\:v-rounded-tr-24),.L\\:v-rounded-tr-24{border-top-right-radius:24px}:host(.L\\:v-rounded-bl-24),.L\\:v-rounded-bl-24{border-bottom-left-radius:24px}:host(.L\\:v-rounded-br-24),.L\\:v-rounded-br-24{border-bottom-right-radius:24px}:host(.L\\:v-rounded-32),.L\\:v-rounded-32{border-radius:32px}:host(.L\\:v-rounded-t-32),.L\\:v-rounded-t-32{border-top-left-radius:32px;border-top-right-radius:32px}:host(.L\\:v-rounded-b-32),.L\\:v-rounded-b-32{border-bottom-left-radius:32px;border-bottom-right-radius:32px}:host(.L\\:v-rounded-l-32),.L\\:v-rounded-l-32{border-top-left-radius:32px;border-bottom-left-radius:32px}:host(.L\\:v-rounded-r-32),.L\\:v-rounded-r-32{border-top-right-radius:32px;border-bottom-right-radius:32px}:host(.L\\:v-rounded-tl-32),.L\\:v-rounded-tl-32{border-top-left-radius:32px}:host(.L\\:v-rounded-tr-32),.L\\:v-rounded-tr-32{border-top-right-radius:32px}:host(.L\\:v-rounded-bl-32),.L\\:v-rounded-bl-32{border-bottom-left-radius:32px}:host(.L\\:v-rounded-br-32),.L\\:v-rounded-br-32{border-bottom-right-radius:32px}:host(.L\\:v-rounded-48),.L\\:v-rounded-48{border-radius:48px}:host(.L\\:v-rounded-t-48),.L\\:v-rounded-t-48{border-top-left-radius:48px;border-top-right-radius:48px}:host(.L\\:v-rounded-b-48),.L\\:v-rounded-b-48{border-bottom-left-radius:48px;border-bottom-right-radius:48px}:host(.L\\:v-rounded-l-48),.L\\:v-rounded-l-48{border-top-left-radius:48px;border-bottom-left-radius:48px}:host(.L\\:v-rounded-r-48),.L\\:v-rounded-r-48{border-top-right-radius:48px;border-bottom-right-radius:48px}:host(.L\\:v-rounded-tl-48),.L\\:v-rounded-tl-48{border-top-left-radius:48px}:host(.L\\:v-rounded-tr-48),.L\\:v-rounded-tr-48{border-top-right-radius:48px}:host(.L\\:v-rounded-bl-48),.L\\:v-rounded-bl-48{border-bottom-left-radius:48px}:host(.L\\:v-rounded-br-48),.L\\:v-rounded-br-48{border-bottom-right-radius:48px}}@media (min-width: 1440px){:host(.XL\\:v-rounded-0),.XL\\:v-rounded-0{border-radius:0px}:host(.XL\\:v-rounded-t-0),.XL\\:v-rounded-t-0{border-top-left-radius:0px;border-top-right-radius:0px}:host(.XL\\:v-rounded-b-0),.XL\\:v-rounded-b-0{border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.XL\\:v-rounded-l-0),.XL\\:v-rounded-l-0{border-top-left-radius:0px;border-bottom-left-radius:0px}:host(.XL\\:v-rounded-r-0),.XL\\:v-rounded-r-0{border-top-right-radius:0px;border-bottom-right-radius:0px}:host(.XL\\:v-rounded-tl-0),.XL\\:v-rounded-tl-0{border-top-left-radius:0px}:host(.XL\\:v-rounded-tr-0),.XL\\:v-rounded-tr-0{border-top-right-radius:0px}:host(.XL\\:v-rounded-bl-0),.XL\\:v-rounded-bl-0{border-bottom-left-radius:0px}:host(.XL\\:v-rounded-br-0),.XL\\:v-rounded-br-0{border-bottom-right-radius:0px}:host(.XL\\:v-rounded-9999),.XL\\:v-rounded-9999{border-radius:9999px}:host(.XL\\:v-rounded-t-9999),.XL\\:v-rounded-t-9999{border-top-left-radius:9999px;border-top-right-radius:9999px}:host(.XL\\:v-rounded-b-9999),.XL\\:v-rounded-b-9999{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}:host(.XL\\:v-rounded-l-9999),.XL\\:v-rounded-l-9999{border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(.XL\\:v-rounded-r-9999),.XL\\:v-rounded-r-9999{border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(.XL\\:v-rounded-tl-9999),.XL\\:v-rounded-tl-9999{border-top-left-radius:9999px}:host(.XL\\:v-rounded-tr-9999),.XL\\:v-rounded-tr-9999{border-top-right-radius:9999px}:host(.XL\\:v-rounded-bl-9999),.XL\\:v-rounded-bl-9999{border-bottom-left-radius:9999px}:host(.XL\\:v-rounded-br-9999),.XL\\:v-rounded-br-9999{border-bottom-right-radius:9999px}:host(.XL\\:v-rounded-2),.XL\\:v-rounded-2{border-radius:2px}:host(.XL\\:v-rounded-t-2),.XL\\:v-rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}:host(.XL\\:v-rounded-b-2),.XL\\:v-rounded-b-2{border-bottom-left-radius:2px;border-bottom-right-radius:2px}:host(.XL\\:v-rounded-l-2),.XL\\:v-rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}:host(.XL\\:v-rounded-r-2),.XL\\:v-rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}:host(.XL\\:v-rounded-tl-2),.XL\\:v-rounded-tl-2{border-top-left-radius:2px}:host(.XL\\:v-rounded-tr-2),.XL\\:v-rounded-tr-2{border-top-right-radius:2px}:host(.XL\\:v-rounded-bl-2),.XL\\:v-rounded-bl-2{border-bottom-left-radius:2px}:host(.XL\\:v-rounded-br-2),.XL\\:v-rounded-br-2{border-bottom-right-radius:2px}:host(.XL\\:v-rounded-4),.XL\\:v-rounded-4{border-radius:4px}:host(.XL\\:v-rounded-t-4),.XL\\:v-rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}:host(.XL\\:v-rounded-b-4),.XL\\:v-rounded-b-4{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.XL\\:v-rounded-l-4),.XL\\:v-rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.XL\\:v-rounded-r-4),.XL\\:v-rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.XL\\:v-rounded-tl-4),.XL\\:v-rounded-tl-4{border-top-left-radius:4px}:host(.XL\\:v-rounded-tr-4),.XL\\:v-rounded-tr-4{border-top-right-radius:4px}:host(.XL\\:v-rounded-bl-4),.XL\\:v-rounded-bl-4{border-bottom-left-radius:4px}:host(.XL\\:v-rounded-br-4),.XL\\:v-rounded-br-4{border-bottom-right-radius:4px}:host(.XL\\:v-rounded-8),.XL\\:v-rounded-8{border-radius:8px}:host(.XL\\:v-rounded-t-8),.XL\\:v-rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}:host(.XL\\:v-rounded-b-8),.XL\\:v-rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}:host(.XL\\:v-rounded-l-8),.XL\\:v-rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}:host(.XL\\:v-rounded-r-8),.XL\\:v-rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}:host(.XL\\:v-rounded-tl-8),.XL\\:v-rounded-tl-8{border-top-left-radius:8px}:host(.XL\\:v-rounded-tr-8),.XL\\:v-rounded-tr-8{border-top-right-radius:8px}:host(.XL\\:v-rounded-bl-8),.XL\\:v-rounded-bl-8{border-bottom-left-radius:8px}:host(.XL\\:v-rounded-br-8),.XL\\:v-rounded-br-8{border-bottom-right-radius:8px}:host(.XL\\:v-rounded-12),.XL\\:v-rounded-12{border-radius:12px}:host(.XL\\:v-rounded-t-12),.XL\\:v-rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}:host(.XL\\:v-rounded-b-12),.XL\\:v-rounded-b-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}:host(.XL\\:v-rounded-l-12),.XL\\:v-rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.XL\\:v-rounded-r-12),.XL\\:v-rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.XL\\:v-rounded-tl-12),.XL\\:v-rounded-tl-12{border-top-left-radius:12px}:host(.XL\\:v-rounded-tr-12),.XL\\:v-rounded-tr-12{border-top-right-radius:12px}:host(.XL\\:v-rounded-bl-12),.XL\\:v-rounded-bl-12{border-bottom-left-radius:12px}:host(.XL\\:v-rounded-br-12),.XL\\:v-rounded-br-12{border-bottom-right-radius:12px}:host(.XL\\:v-rounded-16),.XL\\:v-rounded-16{border-radius:16px}:host(.XL\\:v-rounded-t-16),.XL\\:v-rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}:host(.XL\\:v-rounded-b-16),.XL\\:v-rounded-b-16{border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host(.XL\\:v-rounded-l-16),.XL\\:v-rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}:host(.XL\\:v-rounded-r-16),.XL\\:v-rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}:host(.XL\\:v-rounded-tl-16),.XL\\:v-rounded-tl-16{border-top-left-radius:16px}:host(.XL\\:v-rounded-tr-16),.XL\\:v-rounded-tr-16{border-top-right-radius:16px}:host(.XL\\:v-rounded-bl-16),.XL\\:v-rounded-bl-16{border-bottom-left-radius:16px}:host(.XL\\:v-rounded-br-16),.XL\\:v-rounded-br-16{border-bottom-right-radius:16px}:host(.XL\\:v-rounded-24),.XL\\:v-rounded-24{border-radius:24px}:host(.XL\\:v-rounded-t-24),.XL\\:v-rounded-t-24{border-top-left-radius:24px;border-top-right-radius:24px}:host(.XL\\:v-rounded-b-24),.XL\\:v-rounded-b-24{border-bottom-left-radius:24px;border-bottom-right-radius:24px}:host(.XL\\:v-rounded-l-24),.XL\\:v-rounded-l-24{border-top-left-radius:24px;border-bottom-left-radius:24px}:host(.XL\\:v-rounded-r-24),.XL\\:v-rounded-r-24{border-top-right-radius:24px;border-bottom-right-radius:24px}:host(.XL\\:v-rounded-tl-24),.XL\\:v-rounded-tl-24{border-top-left-radius:24px}:host(.XL\\:v-rounded-tr-24),.XL\\:v-rounded-tr-24{border-top-right-radius:24px}:host(.XL\\:v-rounded-bl-24),.XL\\:v-rounded-bl-24{border-bottom-left-radius:24px}:host(.XL\\:v-rounded-br-24),.XL\\:v-rounded-br-24{border-bottom-right-radius:24px}:host(.XL\\:v-rounded-32),.XL\\:v-rounded-32{border-radius:32px}:host(.XL\\:v-rounded-t-32),.XL\\:v-rounded-t-32{border-top-left-radius:32px;border-top-right-radius:32px}:host(.XL\\:v-rounded-b-32),.XL\\:v-rounded-b-32{border-bottom-left-radius:32px;border-bottom-right-radius:32px}:host(.XL\\:v-rounded-l-32),.XL\\:v-rounded-l-32{border-top-left-radius:32px;border-bottom-left-radius:32px}:host(.XL\\:v-rounded-r-32),.XL\\:v-rounded-r-32{border-top-right-radius:32px;border-bottom-right-radius:32px}:host(.XL\\:v-rounded-tl-32),.XL\\:v-rounded-tl-32{border-top-left-radius:32px}:host(.XL\\:v-rounded-tr-32),.XL\\:v-rounded-tr-32{border-top-right-radius:32px}:host(.XL\\:v-rounded-bl-32),.XL\\:v-rounded-bl-32{border-bottom-left-radius:32px}:host(.XL\\:v-rounded-br-32),.XL\\:v-rounded-br-32{border-bottom-right-radius:32px}:host(.XL\\:v-rounded-48),.XL\\:v-rounded-48{border-radius:48px}:host(.XL\\:v-rounded-t-48),.XL\\:v-rounded-t-48{border-top-left-radius:48px;border-top-right-radius:48px}:host(.XL\\:v-rounded-b-48),.XL\\:v-rounded-b-48{border-bottom-left-radius:48px;border-bottom-right-radius:48px}:host(.XL\\:v-rounded-l-48),.XL\\:v-rounded-l-48{border-top-left-radius:48px;border-bottom-left-radius:48px}:host(.XL\\:v-rounded-r-48),.XL\\:v-rounded-r-48{border-top-right-radius:48px;border-bottom-right-radius:48px}:host(.XL\\:v-rounded-tl-48),.XL\\:v-rounded-tl-48{border-top-left-radius:48px}:host(.XL\\:v-rounded-tr-48),.XL\\:v-rounded-tr-48{border-top-right-radius:48px}:host(.XL\\:v-rounded-bl-48),.XL\\:v-rounded-bl-48{border-bottom-left-radius:48px}:host(.XL\\:v-rounded-br-48),.XL\\:v-rounded-br-48{border-bottom-right-radius:48px}}:host(.v-border-solid),.v-border-solid{border-style:solid}:host(.v-border-dashed),.v-border-dashed{border-style:dashed}:host(.v-border-dotted),.v-border-dotted{border-style:dotted}:host(.v-border-double),.v-border-double{border-style:double}:host(.v-border-none),.v-border-none{border-style:none}:host{display:block}";export{S as vega_box}
@@ -1 +1 @@
1
- import{r as t,h as i,H as e,g as n}from"./p-1c298d5a.js";import{c as a}from"./p-86194314.js";import{s as o}from"./p-9b797118.js";import{g as s,D as r,a as p}from"./p-ad4bd166.js";import{I as g}from"./p-6e1ab235.js";import{V as f,I as c}from"./p-61f6167c.js";import{D as h}from"./p-1b3a64f7.js";import{a as l}from"./p-3f5e44c1.js";import"./p-2d0d575f.js";var x=function(t,i,e,n){var a,o=arguments.length,s=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(s=(o<3?a(s):o>3?a(i,e,s):a(i,e))||s);return o>3&&s&&Object.defineProperty(i,e,s),s};const d={success:"checkmark-circle",warning:"warning-triangle-filled",error:"help-filled",info:"info-circle-filled"},m=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.isMobileDevice=s()===r.MOBILE,this.notificationTitle="",this.message="",this.type="info",this.duration=5e3,this.showCloseButton=!0,this.actionButtons=[],this.renderPrefixIcon=()=>i("div",{class:"vega-page-notification-prefix"},i("vega-icon",{icon:d[this.type],size:this.isMobileDevice?"size-16":"size-24"})),this.renderContent=()=>i("div",{class:"vega-page-notification-content"},this.notificationTitle&&i("div",{class:"vega-page-notification-title"},this.notificationTitle),i("div",{class:"vega-page-notification-message"},this.message)),this.autoCloseAfterDuration=()=>{this.duration>0&&setTimeout((()=>{this.close()}),this.duration)}}componentDidLoad(){this.autoCloseAfterDuration()}async close(){this.host.classList.add("vega-page-notification-fade-out"),setTimeout((()=>{this.host.remove()}),300)}render(){const t=p([this.type,this.isMobileDevice&&"mobile"].filter(Boolean));return o(i(e,{class:t},i("vega-box",{padding:this.isMobileDevice?"size-16":"size-24"},i("vega-flex",{gap:"size-16"},this.renderPrefixIcon(),this.renderContent(),this.renderCloseButtons()),this.renderActionButtons())),this.host)}renderCloseButtons(){if(this.showCloseButton)return i("div",{"aria-label":"Close Button",class:"vega-page-notification-close-btn",onClick:()=>this.close(),role:"button",tabIndex:0,onKeyDown:a()},i("vega-icon",{icon:"close",size:this.isMobileDevice?"size-12":"size-16"}))}renderActionButtons(){if(this.actionButtons&&0!==this.actionButtons.length)return i("div",{class:"vega-page-notification-actions-container"},this.actionButtons.map((t=>i("vega-button",{size:this.isMobileDevice?"small":"default",label:t.label,variant:"secondary",ref:i=>{h.addUniqueObserverToNode(i,l,t.onVegaClick)}}))))}get host(){return n(this)}};x([c()],m.prototype,"globalSlimmers",void 0),x([g()],m.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),m.style=':host{display:inline-block;box-sizing:border-box;border-radius:12px;max-width:480px;box-shadow:0 4px 8px rgba(2, 2, 15, 0.1), 0 12px 20px rgba(2, 2, 15, 0.15);animation:fade-in-right 300ms ease-in-out}:host(.mobile){width:100%;max-width:100%;animation:fade-in-up 300ms ease-in-out}:host(.vega-page-notification-fade-out){opacity:0;animation:fade-out 300ms ease-in-out}:host vega-icon{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}:host .vega-page-notification-prefix{display:flex}:host(.mobile) .vega-page-notification-prefix{padding-top:4px}:host .vega-page-notification-content{flex:1 1 0%;overflow:auto}:host .vega-page-notification-close-btn{cursor:pointer;display:inline-flex;margin-top:4px}:host(.mobile) .vega-page-notification-close-btn{padding:2px}:host .vega-page-notification-actions-container{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:24px}:host(.mobile) .vega-page-notification-actions-container{margin-top:16px}:host .vega-page-notification-title{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-page-notification-message{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;overflow-wrap:break-word;margin-top:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));border:2px solid rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}.vega-page-notification-list{display:flex;flex-direction:column;align-items:flex-end;position:fixed}.vega-page-notification-list-topRight{top:24px;right:24px}.vega-page-notification-list-bottom{left:0px;right:0px;padding-left:16px;padding-right:16px;align-items:center;bottom:0px}@keyframes fade-in-right{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes fade-in-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes fade-out{from{opacity:1}to{opacity:0}}';var v=function(t,i,e,n){var a,o=arguments.length,s=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(s=(o<3?a(s):o>3?a(i,e,s):a(i,e))||s);return o>3&&s&&Object.defineProperty(i,e,s),s};const b=class{constructor(i){t(this,i),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new f}render(){return i(e,null,i("slot",null))}get host(){return n(this)}};v([c()],b.prototype,"globalSlimmers",void 0),v([g()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=":host{position:fixed;display:flex;flex-direction:column;align-items:flex-end}:host(.vega-page-notification-list-topRight){top:24px;right:24px}:host(.vega-page-notification-list-bottom){align-items:center;padding-left:16px;padding-right:16px;left:0px;right:0px;bottom:0px}";export{m as vega_page_notification,b as vega_page_notification_list}
1
+ import{r as t,h as i,H as e,g as n}from"./p-1c298d5a.js";import{c as a}from"./p-86194314.js";import{s as o}from"./p-9b797118.js";import{g as s,D as r,a as p}from"./p-4163c2c2.js";import{I as g}from"./p-6e1ab235.js";import{V as f,I as c}from"./p-61f6167c.js";import{D as h}from"./p-eae4a1c1.js";import{a as l}from"./p-3f5e44c1.js";import"./p-2d0d575f.js";var x=function(t,i,e,n){var a,o=arguments.length,s=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(s=(o<3?a(s):o>3?a(i,e,s):a(i,e))||s);return o>3&&s&&Object.defineProperty(i,e,s),s};const m={success:"checkmark-circle",warning:"warning-triangle-filled",error:"help-filled",info:"info-circle-filled"},d=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.isMobileDevice=s()===r.MOBILE,this.notificationTitle="",this.message="",this.type="info",this.duration=5e3,this.showCloseButton=!0,this.actionButtons=[],this.renderPrefixIcon=()=>i("div",{class:"vega-page-notification-prefix"},i("vega-icon",{icon:m[this.type],size:this.isMobileDevice?"size-16":"size-24"})),this.renderContent=()=>i("div",{class:"vega-page-notification-content"},this.notificationTitle&&i("div",{class:"vega-page-notification-title"},this.notificationTitle),i("div",{class:"vega-page-notification-message"},this.message)),this.autoCloseAfterDuration=()=>{this.duration>0&&setTimeout((()=>{this.close()}),this.duration)}}componentDidLoad(){this.autoCloseAfterDuration()}async close(){this.host.classList.add("vega-page-notification-fade-out"),setTimeout((()=>{this.host.remove()}),300)}render(){const t=p([this.type,this.isMobileDevice&&"mobile"].filter(Boolean));return o(i(e,{class:t},i("vega-box",{padding:this.isMobileDevice?"size-16":"size-24"},i("vega-flex",{gap:"size-16"},this.renderPrefixIcon(),this.renderContent(),this.renderCloseButtons()),this.renderActionButtons())),this.host)}renderCloseButtons(){if(this.showCloseButton)return i("div",{"aria-label":"Close Button",class:"vega-page-notification-close-btn",onClick:()=>this.close(),role:"button",tabIndex:0,onKeyDown:a()},i("vega-icon",{icon:"close",size:this.isMobileDevice?"size-12":"size-16"}))}renderActionButtons(){if(this.actionButtons&&0!==this.actionButtons.length)return i("div",{class:"vega-page-notification-actions-container"},this.actionButtons.map((t=>i("vega-button",{size:this.isMobileDevice?"small":"default",label:t.label,variant:"secondary",ref:i=>{h.addUniqueObserverToNode(i,l,t.onVegaClick)}}))))}get host(){return n(this)}};x([c()],d.prototype,"globalSlimmers",void 0),x([g()],d.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),d.style=':host{display:inline-block;box-sizing:border-box;border-radius:12px;max-width:480px;box-shadow:0 4px 8px rgba(2, 2, 15, 0.1), 0 12px 20px rgba(2, 2, 15, 0.15);animation:fade-in-right 300ms ease-in-out}:host(.mobile){width:100%;max-width:100%;animation:fade-in-up 300ms ease-in-out}:host(.vega-page-notification-fade-out){opacity:0;animation:fade-out 300ms ease-in-out}:host vega-icon{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}:host .vega-page-notification-prefix{display:flex}:host(.mobile) .vega-page-notification-prefix{padding-top:4px}:host .vega-page-notification-content{flex:1 1 0%;overflow:auto}:host .vega-page-notification-close-btn{cursor:pointer;display:inline-flex;margin-top:4px}:host(.mobile) .vega-page-notification-close-btn{padding:2px}:host .vega-page-notification-actions-container{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:24px}:host(.mobile) .vega-page-notification-actions-container{margin-top:16px}:host .vega-page-notification-title{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-page-notification-message{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;overflow-wrap:break-word;margin-top:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));border:2px solid rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}.vega-page-notification-list{display:flex;flex-direction:column;align-items:flex-end;position:fixed}.vega-page-notification-list-topRight{top:24px;right:24px}.vega-page-notification-list-bottom{left:0px;right:0px;padding-left:16px;padding-right:16px;align-items:center;bottom:0px}@keyframes fade-in-right{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes fade-in-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes fade-out{from{opacity:1}to{opacity:0}}';var v=function(t,i,e,n){var a,o=arguments.length,s=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(s=(o<3?a(s):o>3?a(i,e,s):a(i,e))||s);return o>3&&s&&Object.defineProperty(i,e,s),s};const b=class{constructor(i){t(this,i),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new f}render(){return i(e,null,i("slot",null))}get host(){return n(this)}};v([c()],b.prototype,"globalSlimmers",void 0),v([g()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=":host{position:fixed;display:flex;flex-direction:column;align-items:flex-end}:host(.vega-page-notification-list-topRight){top:24px;right:24px}:host(.vega-page-notification-list-bottom){align-items:center;padding-left:16px;padding-right:16px;left:0px;right:0px;bottom:0px}";export{d as vega_page_notification,b as vega_page_notification_list}
@@ -0,0 +1 @@
1
+ import{C as s}from"./p-2d0d575f.js";import{O as e}from"./p-eae4a1c1.js";const r=new class{call(e,...r){let t=null;return s.notify(e,{args:r,resultCallback:s=>{t=s}}),t}register(r,t){const a=new e(this.isAcceptableObserver.bind(this),(s=>{const e=t(...s.args);s.resultCallback(e)}));s.register(r,a)}unRegister(e){s.clearObserversBySubject(e)}isAcceptableObserver(s){return!0}};export{r}