@globalpayments/vega 2.43.0 → 2.45.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 (273) hide show
  1. package/dist/cjs/{app-globals-e80a14da.js → app-globals-c99ca280.js} +3 -3
  2. package/dist/cjs/{content-state-7b418b83.js → content-state-5659cad7.js} +1 -13
  3. package/dist/cjs/{design-token-622f55de.js → design-token-61572ad6.js} +1 -1
  4. package/dist/cjs/{element-appender-slimmer-f704b06d.js → element-appender-slimmer-6de02fb6.js} +1 -1
  5. package/dist/cjs/{form-field-controller-slimmer-9ea504a7.js → form-field-controller-slimmer-ac875498.js} +1 -1
  6. package/dist/cjs/{image-annotation-action-46632b22.js → image-annotation-action-cd529b25.js} +5 -2
  7. package/dist/cjs/index.cjs.js +5 -5
  8. package/dist/cjs/loader.cjs.js +4 -4
  9. package/dist/cjs/{public-rules-ba486ffa.js → public-rules-a23c74a9.js} +2 -2
  10. package/dist/cjs/{responsive-format-facade-23588691.js → responsive-format-facade-bf7d9ab2.js} +2 -2
  11. package/dist/cjs/{rich-text-editor-required-rule-792fede0.js → rich-text-editor-required-rule-cdc2e15e.js} +1 -1
  12. package/dist/cjs/{style-formatter-42a4e762.js → style-formatter-f26738b9.js} +1 -1
  13. package/dist/cjs/{translation-2c8a32bb.js → translation-f7279bf1.js} +61 -0
  14. package/dist/cjs/{translation-slimmer-593b92fe.js → translation-slimmer-4d852eab.js} +1 -1
  15. package/dist/cjs/vega-accordion.cjs.entry.js +4 -4
  16. package/dist/cjs/vega-app-header-button.cjs.entry.js +4 -4
  17. package/dist/cjs/vega-box.cjs.entry.js +5 -5
  18. package/dist/cjs/vega-button-circle.cjs.entry.js +4 -4
  19. package/dist/cjs/vega-button.cjs.entry.js +3 -3
  20. package/dist/cjs/vega-calendar_3.cjs.entry.js +2 -2
  21. package/dist/cjs/vega-card.cjs.entry.js +4 -4
  22. package/dist/cjs/vega-carousel.cjs.entry.js +3 -3
  23. package/dist/cjs/vega-checkbox_2.cjs.entry.js +2 -2
  24. package/dist/cjs/vega-chip.cjs.entry.js +4 -4
  25. package/dist/cjs/vega-color-picker.cjs.entry.js +2 -2
  26. package/dist/cjs/vega-combo-box.cjs.entry.js +2 -2
  27. package/dist/cjs/vega-date-picker_2.cjs.entry.js +6 -6
  28. package/dist/cjs/vega-dialog_2.cjs.entry.js +80 -5
  29. package/dist/cjs/vega-divider.cjs.entry.js +4 -4
  30. package/dist/cjs/vega-dropdown_5.cjs.entry.js +33 -10
  31. package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
  32. package/dist/cjs/vega-file-uploader.cjs.entry.js +3 -3
  33. package/dist/cjs/vega-flex.cjs.entry.js +5 -5
  34. package/dist/cjs/vega-font.cjs.entry.js +4 -4
  35. package/dist/cjs/vega-form.cjs.entry.js +2 -2
  36. package/dist/cjs/vega-grid.cjs.entry.js +4 -4
  37. package/dist/cjs/vega-icon.cjs.entry.js +4 -4
  38. package/dist/cjs/vega-image-uploader.cjs.entry.js +5 -5
  39. package/dist/cjs/vega-input-credit-card.cjs.entry.js +2 -2
  40. package/dist/cjs/vega-input-numeric.cjs.entry.js +2 -2
  41. package/dist/cjs/vega-input-phone-number.cjs.entry.js +8 -5
  42. package/dist/cjs/vega-input-range.cjs.entry.js +3 -3
  43. package/dist/cjs/vega-input-select.cjs.entry.js +5 -5
  44. package/dist/cjs/vega-input.cjs.entry.js +2 -2
  45. package/dist/cjs/vega-left-nav_5.cjs.entry.js +28 -11
  46. package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js +3 -3
  47. package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js +17 -9
  48. package/dist/cjs/vega-pagination.cjs.entry.js +9 -8
  49. package/dist/cjs/vega-popover_2.cjs.entry.js +6 -8
  50. package/dist/cjs/vega-radio_2.cjs.entry.js +2 -2
  51. package/dist/cjs/vega-rich-text-content.cjs.entry.js +2 -2
  52. package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js +38 -17
  53. package/dist/cjs/vega-selection-chip_2.cjs.entry.js +4 -4
  54. package/dist/cjs/vega-selection-tile_2.cjs.entry.js +2 -2
  55. package/dist/cjs/vega-sidenav_3.cjs.entry.js +3 -3
  56. package/dist/cjs/vega-signature-capture.cjs.entry.js +6 -6
  57. package/dist/cjs/vega-skeleton.cjs.entry.js +14 -2
  58. package/dist/cjs/vega-stepper.cjs.entry.js +2 -2
  59. package/dist/cjs/vega-table_8.cjs.entry.js +4 -4
  60. package/dist/cjs/vega-textarea.cjs.entry.js +2 -2
  61. package/dist/cjs/vega-time-picker_2.cjs.entry.js +22 -12
  62. package/dist/cjs/vega-toggle-switch.cjs.entry.js +2 -2
  63. package/dist/cjs/vega-tooltip_2.cjs.entry.js +4 -4
  64. package/dist/cjs/vega.cjs.js +4 -4
  65. package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-selected-controller.js +19 -1
  66. package/dist/collection/components/vega-dropdown/vega-dropdown-content-box/vega-dropdown-content-box.js +6 -0
  67. package/dist/collection/components/vega-dropdown/vega-dropdown.js +3 -8
  68. package/dist/collection/components/vega-input-phone-number/vega-input-phone-number.js +8 -5
  69. package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.js +62 -1
  70. package/dist/collection/components/vega-modal/vega-modal.js +28 -0
  71. package/dist/collection/components/vega-nav/slimmers/renderers/vega-nav-list-renderer.js +3 -3
  72. package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/renderers/vega-left-nav-group-renderer.js +7 -1
  73. package/dist/collection/components/vega-nav/vega-left-nav-group/vega-left-nav-group.js +47 -2
  74. package/dist/collection/components/vega-nav/vega-left-nav-link/slimmers/renderers/vega-left-nav-link-renderer.js +4 -1
  75. package/dist/collection/components/vega-nav/vega-left-nav-link/vega-left-nav-link.js +21 -0
  76. package/dist/collection/components/vega-nav/vega-left-nav-section/slimmers/renderers/vega-left-nav-section-renderer.js +4 -1
  77. package/dist/collection/components/vega-nav/vega-left-nav-section/vega-left-nav-section.js +20 -0
  78. package/dist/collection/components/vega-pagination/vega-pagination-page-size-selector-mobile/slimmers/renderers/page-size-selector-mobile-renderer.js +16 -7
  79. package/dist/collection/components/vega-pagination/vega-pagination.js +6 -5
  80. package/dist/collection/components/vega-popover/vega-popover.js +3 -8
  81. package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-block.js +1 -2
  82. package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-item-block.js +0 -11
  83. package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/text-styles-toolbar-button-slimmer.js +1 -1
  84. package/dist/collection/components/vega-rich-text-editor/slimmers/renderers/tools/toolbar-button-slimmer.abstract.js +4 -1
  85. package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/list-block.test.js +4 -4
  86. package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.js +5 -0
  87. package/dist/collection/components/vega-rich-text-editor/vega-rich-text-image-editor/slimmers/renderers/vega-rich-text-image-editor-renderer.js +12 -7
  88. package/dist/collection/components/vega-rich-text-editor/vega-rich-text-image-editor/vega-rich-text-image-editor.js +5 -0
  89. package/dist/collection/components/vega-rich-text-editor/vega-rich-text-link-editor/slimmers/renderers/vega-rich-text-link-editor-renderer.js +7 -4
  90. package/dist/collection/components/vega-rich-text-editor/vega-rich-text-link-editor/vega-rich-text-link-editor.js +5 -0
  91. package/dist/collection/components/vega-skeleton/slimmers/renderers/vega-skeleton-image-renderer.js +4 -1
  92. package/dist/collection/components/vega-skeleton/vega-skeleton.css +0 -1
  93. package/dist/collection/components/vega-skeleton/vega-skeleton.js +38 -0
  94. package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-range-dropdown-renderer.js +3 -0
  95. package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-single-dropdown-renderer.js +2 -0
  96. package/dist/collection/components/vega-time-picker/vega-time-picker-dropdown/vega-time-picker-dropdown.css +2 -1
  97. package/dist/collection/components/vega-time-picker/vega-time-picker.js +10 -5
  98. package/dist/collection/helpers/translation/internal-translation-controller.js +25 -0
  99. package/dist/collection/helpers/translation/locales/en.js +36 -0
  100. package/dist/collection/helpers/translation/tests/internal-translation-controller.test.js +48 -0
  101. package/dist/collection/helpers/validator/test/rules/rich-text-editor-required-rule.test.js +4 -4
  102. package/dist/esm/{app-globals-f767f6be.js → app-globals-6a7d90a9.js} +3 -3
  103. package/dist/esm/{content-state-2b4fdc4f.js → content-state-7e9f3421.js} +1 -13
  104. package/dist/esm/{design-token-9a3c1dc5.js → design-token-e349fd57.js} +1 -1
  105. package/dist/esm/{element-appender-slimmer-8adfc578.js → element-appender-slimmer-a187435b.js} +1 -1
  106. package/dist/esm/{form-field-controller-slimmer-75f525f4.js → form-field-controller-slimmer-c9280871.js} +1 -1
  107. package/dist/esm/{image-annotation-action-aea4f430.js → image-annotation-action-2541490e.js} +5 -2
  108. package/dist/esm/index.js +5 -5
  109. package/dist/esm/loader.js +4 -4
  110. package/dist/esm/{public-rules-20db9763.js → public-rules-596db5ba.js} +2 -2
  111. package/dist/esm/{responsive-format-facade-175aee98.js → responsive-format-facade-ce8a1ef5.js} +2 -2
  112. package/dist/esm/{rich-text-editor-required-rule-ed41bdd9.js → rich-text-editor-required-rule-ef25c4da.js} +1 -1
  113. package/dist/esm/{style-formatter-99ad38cd.js → style-formatter-3b67ed25.js} +1 -1
  114. package/dist/esm/{translation-a18bc15e.js → translation-4bed3392.js} +61 -0
  115. package/dist/esm/{translation-slimmer-a8c20249.js → translation-slimmer-fc1ddf17.js} +1 -1
  116. package/dist/esm/vega-accordion.entry.js +4 -4
  117. package/dist/esm/vega-app-header-button.entry.js +4 -4
  118. package/dist/esm/vega-box.entry.js +5 -5
  119. package/dist/esm/vega-button-circle.entry.js +4 -4
  120. package/dist/esm/vega-button.entry.js +3 -3
  121. package/dist/esm/vega-calendar_3.entry.js +2 -2
  122. package/dist/esm/vega-card.entry.js +4 -4
  123. package/dist/esm/vega-carousel.entry.js +3 -3
  124. package/dist/esm/vega-checkbox_2.entry.js +2 -2
  125. package/dist/esm/vega-chip.entry.js +4 -4
  126. package/dist/esm/vega-color-picker.entry.js +2 -2
  127. package/dist/esm/vega-combo-box.entry.js +2 -2
  128. package/dist/esm/vega-date-picker_2.entry.js +6 -6
  129. package/dist/esm/vega-dialog_2.entry.js +80 -5
  130. package/dist/esm/vega-divider.entry.js +4 -4
  131. package/dist/esm/vega-dropdown_5.entry.js +33 -10
  132. package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
  133. package/dist/esm/vega-file-uploader.entry.js +3 -3
  134. package/dist/esm/vega-flex.entry.js +5 -5
  135. package/dist/esm/vega-font.entry.js +4 -4
  136. package/dist/esm/vega-form.entry.js +2 -2
  137. package/dist/esm/vega-grid.entry.js +4 -4
  138. package/dist/esm/vega-icon.entry.js +4 -4
  139. package/dist/esm/vega-image-uploader.entry.js +5 -5
  140. package/dist/esm/vega-input-credit-card.entry.js +2 -2
  141. package/dist/esm/vega-input-numeric.entry.js +2 -2
  142. package/dist/esm/vega-input-phone-number.entry.js +8 -5
  143. package/dist/esm/vega-input-range.entry.js +3 -3
  144. package/dist/esm/vega-input-select.entry.js +5 -5
  145. package/dist/esm/vega-input.entry.js +2 -2
  146. package/dist/esm/vega-left-nav_5.entry.js +28 -11
  147. package/dist/esm/vega-loader-wrapper_2.entry.js +3 -3
  148. package/dist/esm/vega-pagination-page-size-selector-mobile.entry.js +17 -9
  149. package/dist/esm/vega-pagination.entry.js +9 -8
  150. package/dist/esm/vega-popover_2.entry.js +6 -8
  151. package/dist/esm/vega-radio_2.entry.js +2 -2
  152. package/dist/esm/vega-rich-text-content.entry.js +2 -2
  153. package/dist/esm/vega-rich-text-editor_4.entry.js +38 -17
  154. package/dist/esm/vega-selection-chip_2.entry.js +4 -4
  155. package/dist/esm/vega-selection-tile_2.entry.js +2 -2
  156. package/dist/esm/vega-sidenav_3.entry.js +3 -3
  157. package/dist/esm/vega-signature-capture.entry.js +6 -6
  158. package/dist/esm/vega-skeleton.entry.js +14 -2
  159. package/dist/esm/vega-stepper.entry.js +2 -2
  160. package/dist/esm/vega-table_8.entry.js +4 -4
  161. package/dist/esm/vega-textarea.entry.js +2 -2
  162. package/dist/esm/vega-time-picker_2.entry.js +22 -12
  163. package/dist/esm/vega-toggle-switch.entry.js +2 -2
  164. package/dist/esm/vega-tooltip_2.entry.js +4 -4
  165. package/dist/esm/vega.js +4 -4
  166. package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-selected-controller.d.ts +17 -0
  167. package/dist/types/components/vega-dropdown/vega-dropdown-content-box/vega-dropdown-content-box.d.ts +2 -0
  168. package/dist/types/components/vega-dropdown/vega-dropdown.d.ts +2 -4
  169. package/dist/types/components/vega-input-phone-number/vega-input-phone-number.d.ts +6 -3
  170. package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.d.ts +25 -0
  171. package/dist/types/components/vega-modal/vega-modal.d.ts +10 -0
  172. package/dist/types/components/vega-nav/interface.d.ts +4 -0
  173. package/dist/types/components/vega-nav/vega-left-nav-group/slimmers/renderers/vega-left-nav-group-renderer.d.ts +2 -0
  174. package/dist/types/components/vega-nav/vega-left-nav-group/vega-left-nav-group.d.ts +10 -0
  175. package/dist/types/components/vega-nav/vega-left-nav-link/slimmers/renderers/vega-left-nav-link-renderer.d.ts +1 -0
  176. package/dist/types/components/vega-nav/vega-left-nav-link/vega-left-nav-link.d.ts +7 -0
  177. package/dist/types/components/vega-nav/vega-left-nav-section/slimmers/renderers/vega-left-nav-section-renderer.d.ts +1 -0
  178. package/dist/types/components/vega-nav/vega-left-nav-section/vega-left-nav-section.d.ts +6 -0
  179. package/dist/types/components/vega-pagination/vega-pagination-page-size-selector-mobile/slimmers/renderers/page-size-selector-mobile-renderer.d.ts +2 -0
  180. package/dist/types/components/vega-pagination/vega-pagination.d.ts +5 -4
  181. package/dist/types/components/vega-popover/vega-popover.d.ts +2 -4
  182. package/dist/types/components/vega-rich-text-editor/dto/blocks/list-item-block.d.ts +0 -4
  183. package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/toolbar-button-slimmer.abstract.d.ts +1 -0
  184. package/dist/types/components/vega-rich-text-editor/vega-rich-text-editor.d.ts +2 -0
  185. package/dist/types/components/vega-rich-text-editor/vega-rich-text-image-editor/slimmers/renderers/vega-rich-text-image-editor-renderer.d.ts +1 -0
  186. package/dist/types/components/vega-rich-text-editor/vega-rich-text-image-editor/vega-rich-text-image-editor.d.ts +2 -0
  187. package/dist/types/components/vega-rich-text-editor/vega-rich-text-link-editor/slimmers/renderers/vega-rich-text-link-editor-renderer.d.ts +1 -0
  188. package/dist/types/components/vega-rich-text-editor/vega-rich-text-link-editor/vega-rich-text-link-editor.d.ts +2 -0
  189. package/dist/types/components/vega-skeleton/slimmers/renderers/vega-skeleton-image-renderer.d.ts +1 -0
  190. package/dist/types/components/vega-skeleton/vega-skeleton.d.ts +10 -1
  191. package/dist/types/components/vega-time-picker/slimmers/renderers/vega-time-picker-range-dropdown-renderer.d.ts +1 -0
  192. package/dist/types/components/vega-time-picker/slimmers/renderers/vega-time-picker-single-dropdown-renderer.d.ts +1 -0
  193. package/dist/types/components/vega-time-picker/vega-time-picker.d.ts +2 -0
  194. package/dist/types/components.d.ts +62 -14
  195. package/dist/types/helpers/translation/interface.d.ts +42 -1
  196. package/dist/types/helpers/translation/internal-translation-controller.d.ts +10 -1
  197. package/dist/vega/index.esm.js +1 -1
  198. package/dist/vega/p-01d4c679.js +1 -0
  199. package/dist/vega/{p-fcfc7b00.entry.js → p-0d8136bc.entry.js} +1 -1
  200. package/dist/vega/{p-ffe7cf8b.entry.js → p-11249b56.entry.js} +1 -1
  201. package/dist/vega/{p-3fcf766c.entry.js → p-1d46d29d.entry.js} +1 -1
  202. package/dist/vega/{p-2940fa99.entry.js → p-25d18888.entry.js} +1 -1
  203. package/dist/vega/p-2b7252c6.js +1 -0
  204. package/dist/vega/{p-a194988c.entry.js → p-32af415d.entry.js} +1 -1
  205. package/dist/vega/p-39bb2289.js +1 -0
  206. package/dist/vega/{p-c76024af.entry.js → p-39d3782b.entry.js} +1 -1
  207. package/dist/vega/{p-da6d71ed.entry.js → p-3b877fa3.entry.js} +1 -1
  208. package/dist/vega/{p-56926f06.entry.js → p-3c36bd11.entry.js} +1 -1
  209. package/dist/vega/{p-3bcd66e9.entry.js → p-3d236584.entry.js} +1 -1
  210. package/dist/vega/{p-8f6c028b.entry.js → p-46555732.entry.js} +1 -1
  211. package/dist/vega/p-4868e57c.entry.js +1 -0
  212. package/dist/vega/{p-eb87d418.entry.js → p-4e406f70.entry.js} +1 -1
  213. package/dist/vega/{p-c531d2f3.js → p-51686ec2.js} +1 -1
  214. package/dist/vega/p-5299a287.entry.js +1 -0
  215. package/dist/vega/p-55101775.entry.js +1 -0
  216. package/dist/vega/{p-5e38f071.entry.js → p-57f406cf.entry.js} +1 -1
  217. package/dist/vega/{p-6008c0c0.entry.js → p-5825343a.entry.js} +1 -1
  218. package/dist/vega/p-5f377954.js +1 -1
  219. package/dist/vega/{p-eac0f7ff.js → p-5f5bfd9c.js} +1 -1
  220. package/dist/vega/{p-b82b01fa.entry.js → p-60234e0a.entry.js} +1 -1
  221. package/dist/vega/{p-15d40cb5.entry.js → p-639c3322.entry.js} +1 -1
  222. package/dist/vega/{p-ac91b1b5.entry.js → p-6be0a9bf.entry.js} +1 -1
  223. package/dist/vega/{p-c5ddea92.entry.js → p-71b82ba5.entry.js} +1 -1
  224. package/dist/vega/{p-15d7a049.js → p-7617b2ac.js} +1 -1
  225. package/dist/vega/{p-30d56b87.entry.js → p-7839a201.entry.js} +1 -1
  226. package/dist/vega/{p-9c4271d9.entry.js → p-8b044ac7.entry.js} +1 -1
  227. package/dist/vega/{p-e3d6e626.entry.js → p-8d1e0418.entry.js} +1 -1
  228. package/dist/vega/{p-9fdb3ef8.js → p-99289273.js} +1 -1
  229. package/dist/vega/{p-502f523c.entry.js → p-9955844c.entry.js} +1 -1
  230. package/dist/vega/p-9ba28523.js +1 -0
  231. package/dist/vega/{p-1538cafa.entry.js → p-9bebdace.entry.js} +1 -1
  232. package/dist/vega/{p-60e678ea.entry.js → p-9d3d7854.entry.js} +1 -1
  233. package/dist/vega/{p-251315ac.entry.js → p-a04624f3.entry.js} +1 -1
  234. package/dist/vega/{p-e3820e5b.js → p-a3fa41c8.js} +1 -1
  235. package/dist/vega/{p-058f2c79.entry.js → p-a501fb74.entry.js} +1 -1
  236. package/dist/vega/{p-d293df16.entry.js → p-a88acecd.entry.js} +1 -1
  237. package/dist/vega/{p-1edaa1cc.entry.js → p-acba84aa.entry.js} +1 -1
  238. package/dist/vega/{p-265f6155.entry.js → p-b196eab0.entry.js} +1 -1
  239. package/dist/vega/{p-150f8194.entry.js → p-b288e52e.entry.js} +1 -1
  240. package/dist/vega/p-b587e576.entry.js +1 -0
  241. package/dist/vega/{p-f61c9513.entry.js → p-b6c155d4.entry.js} +1 -1
  242. package/dist/vega/{p-3c235627.entry.js → p-b87ede84.entry.js} +1 -1
  243. package/dist/vega/{p-40239f3f.entry.js → p-c00d95d2.entry.js} +1 -1
  244. package/dist/vega/p-c906aa4f.js +1 -0
  245. package/dist/vega/{p-9721f1ea.entry.js → p-cf3d8e47.entry.js} +1 -1
  246. package/dist/vega/p-d0007822.entry.js +1 -0
  247. package/dist/vega/{p-d924d6d4.entry.js → p-d3101d07.entry.js} +1 -1
  248. package/dist/vega/p-d8683a5f.js +1 -0
  249. package/dist/vega/{p-31c88532.entry.js → p-dbd3e747.entry.js} +1 -1
  250. package/dist/vega/{p-91ec1b58.entry.js → p-dd94bd57.entry.js} +1 -1
  251. package/dist/vega/{p-97950866.entry.js → p-e244aa52.entry.js} +1 -1
  252. package/dist/vega/{p-502dcacc.entry.js → p-e8bb5d2e.entry.js} +1 -1
  253. package/dist/vega/{p-d3a815a7.entry.js → p-e8be1bd4.entry.js} +1 -1
  254. package/dist/vega/p-f18ed03e.entry.js +1 -0
  255. package/dist/vega/p-f5c32d70.entry.js +1 -0
  256. package/dist/vega/{p-ca52f952.entry.js → p-fe51bfea.entry.js} +1 -1
  257. package/dist/vega/{p-d13704a2.entry.js → p-fea464ce.entry.js} +1 -1
  258. package/dist/vega/{p-1040bac6.js → p-ffaafd34.js} +1 -1
  259. package/dist/vega/vega.esm.js +1 -1
  260. package/package.json +2 -2
  261. package/dist/vega/p-14514252.entry.js +0 -1
  262. package/dist/vega/p-1b6a38ab.js +0 -1
  263. package/dist/vega/p-31ba6562.entry.js +0 -1
  264. package/dist/vega/p-607ba0e0.entry.js +0 -1
  265. package/dist/vega/p-76076b46.js +0 -1
  266. package/dist/vega/p-7e1e319d.entry.js +0 -1
  267. package/dist/vega/p-8bc506e0.entry.js +0 -1
  268. package/dist/vega/p-b129beb6.js +0 -1
  269. package/dist/vega/p-b845ea28.js +0 -1
  270. package/dist/vega/p-c89c01b4.entry.js +0 -1
  271. package/dist/vega/p-d920b18c.js +0 -1
  272. package/dist/vega/p-e44c5f70.entry.js +0 -1
  273. package/dist/vega/p-f4931a1f.js +0 -1
@@ -1 +1 @@
1
- import{r as i,h as s,H as t,g as e}from"./p-1c298d5a.js";import{F as m}from"./p-1e940ce8.js";import{s as o}from"./p-9b797118.js";import{f as p,l as a}from"./p-15d7a049.js";import{a as v}from"./p-bf953152.js";import{I as g}from"./p-6e1ab235.js";import{V as r,I as z}from"./p-4387d550.js";import{P as x}from"./p-c0291e2e.js";import{f as h}from"./p-1b6a38ab.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-c531d2f3.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-3647d61d.js";import"./p-5f377954.js";import"./p-f1e0e7d4.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-619fdde5.js";import"./p-c8408c13.js";import"./p-76076b46.js";import"./p-2d0d575f.js";import"./p-e06361df.js";import"./p-a247e073.js";import"./p-cc63e827.js";import"./p-0fd6c35b.js";import"./p-d920b18c.js";import"./p-2205ee4c.js";const n=[{payloadKey:"BREAK_POINT_IS_NONE",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"None"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_DEFAULT",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"default"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_S",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"S"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_M",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"M"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_L",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"L"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_XL",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"XL"===i.breakpoint},{payloadKey:"USE_NATIVE_FLEX_IS_TRUE",payloadDescription:"@deprecated Specifies whether to use the native flex layout.",payloadValue:i=>!0===i.useNativeFlex},{payloadKey:"USE_NATIVE_FLEX_IS_FALSE",payloadDescription:"@deprecated Specifies whether to use the native flex layout.",payloadValue:i=>!1===i.useNativeFlex}];var l=function(i,s,t,e){var m,o=arguments.length,p=o<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,t):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(i,s,t,e);else for(var a=i.length-1;a>=0;a--)(m=i[a])&&(p=(o<3?m(p):o>3?m(s,t,p):m(s,t))||p);return o>3&&p&&Object.defineProperty(s,t,p),p};const L=class{constructor(s){i(this,s),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new r(n),this.pageResizeSlimmer=new x,this.breakpoint="S",this.direction="row",this.useNativeFlex=!0}render(){const i=[p(this.gap,"gap"),p(this.margin,"margin"),"None"===this.breakpoint||m.isEnabled("VEGA_FLEX.ENABLE_DIRECTION_ONLY")?"":a(this.breakpoint),p(this.alignItems,"flexAlignItem"),p(this.justifyContent,"flexJustifyContent"),p(this.flexWrap,"flexWrap"),this.useNativeFlex?"vega-flex-native-based":""];(m.isEnabled("VEGA_FLEX.ENABLE_DIRECTION_ONLY")||"None"===this.breakpoint)&&(i.push("vega-flex-None"),i.push(p(this.direction,"flexDirection")));const e=h(this.flex,this.flexGrow,this.flexShrink,this.flexBasis);return o(s(t,{style:e,class:v(i)},s("slot",null)),this.host)}get host(){return e(this)}};l([z()],L.prototype,"globalSlimmers",void 0),l([g()],L.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),l([g()],L.prototype,"pageResizeSlimmer",void 0),L.style=':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-gap-0),.v-gap-0{gap:0px}:host(.v-gap-row-0),.v-gap-row-0{row-gap:0px}:host(.v-gap-col-0),.v-gap-col-0{column-gap:0px}:host(.v-gap-size-0),.v-gap-size-0{gap:0px}:host(.v-gap-row-size-0),.v-gap-row-size-0{row-gap:0px}:host(.v-gap-col-size-0),.v-gap-col-size-0{column-gap:0px}:host(.v-gap-size-4),.v-gap-size-4{gap:4px}:host(.v-gap-row-size-4),.v-gap-row-size-4{row-gap:4px}:host(.v-gap-col-size-4),.v-gap-col-size-4{column-gap:4px}:host(.v-gap-size-8),.v-gap-size-8{gap:8px}:host(.v-gap-row-size-8),.v-gap-row-size-8{row-gap:8px}:host(.v-gap-col-size-8),.v-gap-col-size-8{column-gap:8px}:host(.v-gap-size-12),.v-gap-size-12{gap:12px}:host(.v-gap-row-size-12),.v-gap-row-size-12{row-gap:12px}:host(.v-gap-col-size-12),.v-gap-col-size-12{column-gap:12px}:host(.v-gap-size-16),.v-gap-size-16{gap:16px}:host(.v-gap-row-size-16),.v-gap-row-size-16{row-gap:16px}:host(.v-gap-col-size-16),.v-gap-col-size-16{column-gap:16px}:host(.v-gap-size-20),.v-gap-size-20{gap:20px}:host(.v-gap-row-size-20),.v-gap-row-size-20{row-gap:20px}:host(.v-gap-col-size-20),.v-gap-col-size-20{column-gap:20px}:host(.v-gap-size-24),.v-gap-size-24{gap:24px}:host(.v-gap-row-size-24),.v-gap-row-size-24{row-gap:24px}:host(.v-gap-col-size-24),.v-gap-col-size-24{column-gap:24px}:host(.v-gap-size-32),.v-gap-size-32{gap:32px}:host(.v-gap-row-size-32),.v-gap-row-size-32{row-gap:32px}:host(.v-gap-col-size-32),.v-gap-col-size-32{column-gap:32px}:host(.v-gap-size-40),.v-gap-size-40{gap:40px}:host(.v-gap-row-size-40),.v-gap-row-size-40{row-gap:40px}:host(.v-gap-col-size-40),.v-gap-col-size-40{column-gap:40px}:host(.v-gap-size-48),.v-gap-size-48{gap:48px}:host(.v-gap-row-size-48),.v-gap-row-size-48{row-gap:48px}:host(.v-gap-col-size-48),.v-gap-col-size-48{column-gap:48px}:host(.v-gap-size-64),.v-gap-size-64{gap:64px}:host(.v-gap-row-size-64),.v-gap-row-size-64{row-gap:64px}:host(.v-gap-col-size-64),.v-gap-col-size-64{column-gap:64px}:host(.v-gap-size-72),.v-gap-size-72{gap:72px}:host(.v-gap-row-size-72),.v-gap-row-size-72{row-gap:72px}:host(.v-gap-col-size-72),.v-gap-col-size-72{column-gap:72px}:host(.v-gap-size-80),.v-gap-size-80{gap:80px}:host(.v-gap-row-size-80),.v-gap-row-size-80{row-gap:80px}:host(.v-gap-col-size-80),.v-gap-col-size-80{column-gap:80px}:host(.v-gap-size-112),.v-gap-size-112{gap:112px}:host(.v-gap-row-size-112),.v-gap-row-size-112{row-gap:112px}:host(.v-gap-col-size-112),.v-gap-col-size-112{column-gap:112px}:host(.v-gap-size-2),.v-gap-size-2{gap:2px}:host(.v-gap-row-size-2),.v-gap-row-size-2{row-gap:2px}:host(.v-gap-col-size-2),.v-gap-col-size-2{column-gap:2px}@media (min-width: 320px){:host(.S\\:v-gap-0),.S\\:v-gap-0{gap:0px}:host(.S\\:v-gap-row-0),.S\\:v-gap-row-0{row-gap:0px}:host(.S\\:v-gap-col-0),.S\\:v-gap-col-0{column-gap:0px}:host(.S\\:v-gap-size-0),.S\\:v-gap-size-0{gap:0px}:host(.S\\:v-gap-row-size-0),.S\\:v-gap-row-size-0{row-gap:0px}:host(.S\\:v-gap-col-size-0),.S\\:v-gap-col-size-0{column-gap:0px}:host(.S\\:v-gap-size-4),.S\\:v-gap-size-4{gap:4px}:host(.S\\:v-gap-row-size-4),.S\\:v-gap-row-size-4{row-gap:4px}:host(.S\\:v-gap-col-size-4),.S\\:v-gap-col-size-4{column-gap:4px}:host(.S\\:v-gap-size-8),.S\\:v-gap-size-8{gap:8px}:host(.S\\:v-gap-row-size-8),.S\\:v-gap-row-size-8{row-gap:8px}:host(.S\\:v-gap-col-size-8),.S\\:v-gap-col-size-8{column-gap:8px}:host(.S\\:v-gap-size-12),.S\\:v-gap-size-12{gap:12px}:host(.S\\:v-gap-row-size-12),.S\\:v-gap-row-size-12{row-gap:12px}:host(.S\\:v-gap-col-size-12),.S\\:v-gap-col-size-12{column-gap:12px}:host(.S\\:v-gap-size-16),.S\\:v-gap-size-16{gap:16px}:host(.S\\:v-gap-row-size-16),.S\\:v-gap-row-size-16{row-gap:16px}:host(.S\\:v-gap-col-size-16),.S\\:v-gap-col-size-16{column-gap:16px}:host(.S\\:v-gap-size-20),.S\\:v-gap-size-20{gap:20px}:host(.S\\:v-gap-row-size-20),.S\\:v-gap-row-size-20{row-gap:20px}:host(.S\\:v-gap-col-size-20),.S\\:v-gap-col-size-20{column-gap:20px}:host(.S\\:v-gap-size-24),.S\\:v-gap-size-24{gap:24px}:host(.S\\:v-gap-row-size-24),.S\\:v-gap-row-size-24{row-gap:24px}:host(.S\\:v-gap-col-size-24),.S\\:v-gap-col-size-24{column-gap:24px}:host(.S\\:v-gap-size-32),.S\\:v-gap-size-32{gap:32px}:host(.S\\:v-gap-row-size-32),.S\\:v-gap-row-size-32{row-gap:32px}:host(.S\\:v-gap-col-size-32),.S\\:v-gap-col-size-32{column-gap:32px}:host(.S\\:v-gap-size-40),.S\\:v-gap-size-40{gap:40px}:host(.S\\:v-gap-row-size-40),.S\\:v-gap-row-size-40{row-gap:40px}:host(.S\\:v-gap-col-size-40),.S\\:v-gap-col-size-40{column-gap:40px}:host(.S\\:v-gap-size-48),.S\\:v-gap-size-48{gap:48px}:host(.S\\:v-gap-row-size-48),.S\\:v-gap-row-size-48{row-gap:48px}:host(.S\\:v-gap-col-size-48),.S\\:v-gap-col-size-48{column-gap:48px}:host(.S\\:v-gap-size-64),.S\\:v-gap-size-64{gap:64px}:host(.S\\:v-gap-row-size-64),.S\\:v-gap-row-size-64{row-gap:64px}:host(.S\\:v-gap-col-size-64),.S\\:v-gap-col-size-64{column-gap:64px}:host(.S\\:v-gap-size-72),.S\\:v-gap-size-72{gap:72px}:host(.S\\:v-gap-row-size-72),.S\\:v-gap-row-size-72{row-gap:72px}:host(.S\\:v-gap-col-size-72),.S\\:v-gap-col-size-72{column-gap:72px}:host(.S\\:v-gap-size-80),.S\\:v-gap-size-80{gap:80px}:host(.S\\:v-gap-row-size-80),.S\\:v-gap-row-size-80{row-gap:80px}:host(.S\\:v-gap-col-size-80),.S\\:v-gap-col-size-80{column-gap:80px}:host(.S\\:v-gap-size-112),.S\\:v-gap-size-112{gap:112px}:host(.S\\:v-gap-row-size-112),.S\\:v-gap-row-size-112{row-gap:112px}:host(.S\\:v-gap-col-size-112),.S\\:v-gap-col-size-112{column-gap:112px}:host(.S\\:v-gap-size-2),.S\\:v-gap-size-2{gap:2px}:host(.S\\:v-gap-row-size-2),.S\\:v-gap-row-size-2{row-gap:2px}:host(.S\\:v-gap-col-size-2),.S\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 768px){:host(.M\\:v-gap-0),.M\\:v-gap-0{gap:0px}:host(.M\\:v-gap-row-0),.M\\:v-gap-row-0{row-gap:0px}:host(.M\\:v-gap-col-0),.M\\:v-gap-col-0{column-gap:0px}:host(.M\\:v-gap-size-0),.M\\:v-gap-size-0{gap:0px}:host(.M\\:v-gap-row-size-0),.M\\:v-gap-row-size-0{row-gap:0px}:host(.M\\:v-gap-col-size-0),.M\\:v-gap-col-size-0{column-gap:0px}:host(.M\\:v-gap-size-4),.M\\:v-gap-size-4{gap:4px}:host(.M\\:v-gap-row-size-4),.M\\:v-gap-row-size-4{row-gap:4px}:host(.M\\:v-gap-col-size-4),.M\\:v-gap-col-size-4{column-gap:4px}:host(.M\\:v-gap-size-8),.M\\:v-gap-size-8{gap:8px}:host(.M\\:v-gap-row-size-8),.M\\:v-gap-row-size-8{row-gap:8px}:host(.M\\:v-gap-col-size-8),.M\\:v-gap-col-size-8{column-gap:8px}:host(.M\\:v-gap-size-12),.M\\:v-gap-size-12{gap:12px}:host(.M\\:v-gap-row-size-12),.M\\:v-gap-row-size-12{row-gap:12px}:host(.M\\:v-gap-col-size-12),.M\\:v-gap-col-size-12{column-gap:12px}:host(.M\\:v-gap-size-16),.M\\:v-gap-size-16{gap:16px}:host(.M\\:v-gap-row-size-16),.M\\:v-gap-row-size-16{row-gap:16px}:host(.M\\:v-gap-col-size-16),.M\\:v-gap-col-size-16{column-gap:16px}:host(.M\\:v-gap-size-20),.M\\:v-gap-size-20{gap:20px}:host(.M\\:v-gap-row-size-20),.M\\:v-gap-row-size-20{row-gap:20px}:host(.M\\:v-gap-col-size-20),.M\\:v-gap-col-size-20{column-gap:20px}:host(.M\\:v-gap-size-24),.M\\:v-gap-size-24{gap:24px}:host(.M\\:v-gap-row-size-24),.M\\:v-gap-row-size-24{row-gap:24px}:host(.M\\:v-gap-col-size-24),.M\\:v-gap-col-size-24{column-gap:24px}:host(.M\\:v-gap-size-32),.M\\:v-gap-size-32{gap:32px}:host(.M\\:v-gap-row-size-32),.M\\:v-gap-row-size-32{row-gap:32px}:host(.M\\:v-gap-col-size-32),.M\\:v-gap-col-size-32{column-gap:32px}:host(.M\\:v-gap-size-40),.M\\:v-gap-size-40{gap:40px}:host(.M\\:v-gap-row-size-40),.M\\:v-gap-row-size-40{row-gap:40px}:host(.M\\:v-gap-col-size-40),.M\\:v-gap-col-size-40{column-gap:40px}:host(.M\\:v-gap-size-48),.M\\:v-gap-size-48{gap:48px}:host(.M\\:v-gap-row-size-48),.M\\:v-gap-row-size-48{row-gap:48px}:host(.M\\:v-gap-col-size-48),.M\\:v-gap-col-size-48{column-gap:48px}:host(.M\\:v-gap-size-64),.M\\:v-gap-size-64{gap:64px}:host(.M\\:v-gap-row-size-64),.M\\:v-gap-row-size-64{row-gap:64px}:host(.M\\:v-gap-col-size-64),.M\\:v-gap-col-size-64{column-gap:64px}:host(.M\\:v-gap-size-72),.M\\:v-gap-size-72{gap:72px}:host(.M\\:v-gap-row-size-72),.M\\:v-gap-row-size-72{row-gap:72px}:host(.M\\:v-gap-col-size-72),.M\\:v-gap-col-size-72{column-gap:72px}:host(.M\\:v-gap-size-80),.M\\:v-gap-size-80{gap:80px}:host(.M\\:v-gap-row-size-80),.M\\:v-gap-row-size-80{row-gap:80px}:host(.M\\:v-gap-col-size-80),.M\\:v-gap-col-size-80{column-gap:80px}:host(.M\\:v-gap-size-112),.M\\:v-gap-size-112{gap:112px}:host(.M\\:v-gap-row-size-112),.M\\:v-gap-row-size-112{row-gap:112px}:host(.M\\:v-gap-col-size-112),.M\\:v-gap-col-size-112{column-gap:112px}:host(.M\\:v-gap-size-2),.M\\:v-gap-size-2{gap:2px}:host(.M\\:v-gap-row-size-2),.M\\:v-gap-row-size-2{row-gap:2px}:host(.M\\:v-gap-col-size-2),.M\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1024px){:host(.L\\:v-gap-0),.L\\:v-gap-0{gap:0px}:host(.L\\:v-gap-row-0),.L\\:v-gap-row-0{row-gap:0px}:host(.L\\:v-gap-col-0),.L\\:v-gap-col-0{column-gap:0px}:host(.L\\:v-gap-size-0),.L\\:v-gap-size-0{gap:0px}:host(.L\\:v-gap-row-size-0),.L\\:v-gap-row-size-0{row-gap:0px}:host(.L\\:v-gap-col-size-0),.L\\:v-gap-col-size-0{column-gap:0px}:host(.L\\:v-gap-size-4),.L\\:v-gap-size-4{gap:4px}:host(.L\\:v-gap-row-size-4),.L\\:v-gap-row-size-4{row-gap:4px}:host(.L\\:v-gap-col-size-4),.L\\:v-gap-col-size-4{column-gap:4px}:host(.L\\:v-gap-size-8),.L\\:v-gap-size-8{gap:8px}:host(.L\\:v-gap-row-size-8),.L\\:v-gap-row-size-8{row-gap:8px}:host(.L\\:v-gap-col-size-8),.L\\:v-gap-col-size-8{column-gap:8px}:host(.L\\:v-gap-size-12),.L\\:v-gap-size-12{gap:12px}:host(.L\\:v-gap-row-size-12),.L\\:v-gap-row-size-12{row-gap:12px}:host(.L\\:v-gap-col-size-12),.L\\:v-gap-col-size-12{column-gap:12px}:host(.L\\:v-gap-size-16),.L\\:v-gap-size-16{gap:16px}:host(.L\\:v-gap-row-size-16),.L\\:v-gap-row-size-16{row-gap:16px}:host(.L\\:v-gap-col-size-16),.L\\:v-gap-col-size-16{column-gap:16px}:host(.L\\:v-gap-size-20),.L\\:v-gap-size-20{gap:20px}:host(.L\\:v-gap-row-size-20),.L\\:v-gap-row-size-20{row-gap:20px}:host(.L\\:v-gap-col-size-20),.L\\:v-gap-col-size-20{column-gap:20px}:host(.L\\:v-gap-size-24),.L\\:v-gap-size-24{gap:24px}:host(.L\\:v-gap-row-size-24),.L\\:v-gap-row-size-24{row-gap:24px}:host(.L\\:v-gap-col-size-24),.L\\:v-gap-col-size-24{column-gap:24px}:host(.L\\:v-gap-size-32),.L\\:v-gap-size-32{gap:32px}:host(.L\\:v-gap-row-size-32),.L\\:v-gap-row-size-32{row-gap:32px}:host(.L\\:v-gap-col-size-32),.L\\:v-gap-col-size-32{column-gap:32px}:host(.L\\:v-gap-size-40),.L\\:v-gap-size-40{gap:40px}:host(.L\\:v-gap-row-size-40),.L\\:v-gap-row-size-40{row-gap:40px}:host(.L\\:v-gap-col-size-40),.L\\:v-gap-col-size-40{column-gap:40px}:host(.L\\:v-gap-size-48),.L\\:v-gap-size-48{gap:48px}:host(.L\\:v-gap-row-size-48),.L\\:v-gap-row-size-48{row-gap:48px}:host(.L\\:v-gap-col-size-48),.L\\:v-gap-col-size-48{column-gap:48px}:host(.L\\:v-gap-size-64),.L\\:v-gap-size-64{gap:64px}:host(.L\\:v-gap-row-size-64),.L\\:v-gap-row-size-64{row-gap:64px}:host(.L\\:v-gap-col-size-64),.L\\:v-gap-col-size-64{column-gap:64px}:host(.L\\:v-gap-size-72),.L\\:v-gap-size-72{gap:72px}:host(.L\\:v-gap-row-size-72),.L\\:v-gap-row-size-72{row-gap:72px}:host(.L\\:v-gap-col-size-72),.L\\:v-gap-col-size-72{column-gap:72px}:host(.L\\:v-gap-size-80),.L\\:v-gap-size-80{gap:80px}:host(.L\\:v-gap-row-size-80),.L\\:v-gap-row-size-80{row-gap:80px}:host(.L\\:v-gap-col-size-80),.L\\:v-gap-col-size-80{column-gap:80px}:host(.L\\:v-gap-size-112),.L\\:v-gap-size-112{gap:112px}:host(.L\\:v-gap-row-size-112),.L\\:v-gap-row-size-112{row-gap:112px}:host(.L\\:v-gap-col-size-112),.L\\:v-gap-col-size-112{column-gap:112px}:host(.L\\:v-gap-size-2),.L\\:v-gap-size-2{gap:2px}:host(.L\\:v-gap-row-size-2),.L\\:v-gap-row-size-2{row-gap:2px}:host(.L\\:v-gap-col-size-2),.L\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1440px){:host(.XL\\:v-gap-0),.XL\\:v-gap-0{gap:0px}:host(.XL\\:v-gap-row-0),.XL\\:v-gap-row-0{row-gap:0px}:host(.XL\\:v-gap-col-0),.XL\\:v-gap-col-0{column-gap:0px}:host(.XL\\:v-gap-size-0),.XL\\:v-gap-size-0{gap:0px}:host(.XL\\:v-gap-row-size-0),.XL\\:v-gap-row-size-0{row-gap:0px}:host(.XL\\:v-gap-col-size-0),.XL\\:v-gap-col-size-0{column-gap:0px}:host(.XL\\:v-gap-size-4),.XL\\:v-gap-size-4{gap:4px}:host(.XL\\:v-gap-row-size-4),.XL\\:v-gap-row-size-4{row-gap:4px}:host(.XL\\:v-gap-col-size-4),.XL\\:v-gap-col-size-4{column-gap:4px}:host(.XL\\:v-gap-size-8),.XL\\:v-gap-size-8{gap:8px}:host(.XL\\:v-gap-row-size-8),.XL\\:v-gap-row-size-8{row-gap:8px}:host(.XL\\:v-gap-col-size-8),.XL\\:v-gap-col-size-8{column-gap:8px}:host(.XL\\:v-gap-size-12),.XL\\:v-gap-size-12{gap:12px}:host(.XL\\:v-gap-row-size-12),.XL\\:v-gap-row-size-12{row-gap:12px}:host(.XL\\:v-gap-col-size-12),.XL\\:v-gap-col-size-12{column-gap:12px}:host(.XL\\:v-gap-size-16),.XL\\:v-gap-size-16{gap:16px}:host(.XL\\:v-gap-row-size-16),.XL\\:v-gap-row-size-16{row-gap:16px}:host(.XL\\:v-gap-col-size-16),.XL\\:v-gap-col-size-16{column-gap:16px}:host(.XL\\:v-gap-size-20),.XL\\:v-gap-size-20{gap:20px}:host(.XL\\:v-gap-row-size-20),.XL\\:v-gap-row-size-20{row-gap:20px}:host(.XL\\:v-gap-col-size-20),.XL\\:v-gap-col-size-20{column-gap:20px}:host(.XL\\:v-gap-size-24),.XL\\:v-gap-size-24{gap:24px}:host(.XL\\:v-gap-row-size-24),.XL\\:v-gap-row-size-24{row-gap:24px}:host(.XL\\:v-gap-col-size-24),.XL\\:v-gap-col-size-24{column-gap:24px}:host(.XL\\:v-gap-size-32),.XL\\:v-gap-size-32{gap:32px}:host(.XL\\:v-gap-row-size-32),.XL\\:v-gap-row-size-32{row-gap:32px}:host(.XL\\:v-gap-col-size-32),.XL\\:v-gap-col-size-32{column-gap:32px}:host(.XL\\:v-gap-size-40),.XL\\:v-gap-size-40{gap:40px}:host(.XL\\:v-gap-row-size-40),.XL\\:v-gap-row-size-40{row-gap:40px}:host(.XL\\:v-gap-col-size-40),.XL\\:v-gap-col-size-40{column-gap:40px}:host(.XL\\:v-gap-size-48),.XL\\:v-gap-size-48{gap:48px}:host(.XL\\:v-gap-row-size-48),.XL\\:v-gap-row-size-48{row-gap:48px}:host(.XL\\:v-gap-col-size-48),.XL\\:v-gap-col-size-48{column-gap:48px}:host(.XL\\:v-gap-size-64),.XL\\:v-gap-size-64{gap:64px}:host(.XL\\:v-gap-row-size-64),.XL\\:v-gap-row-size-64{row-gap:64px}:host(.XL\\:v-gap-col-size-64),.XL\\:v-gap-col-size-64{column-gap:64px}:host(.XL\\:v-gap-size-72),.XL\\:v-gap-size-72{gap:72px}:host(.XL\\:v-gap-row-size-72),.XL\\:v-gap-row-size-72{row-gap:72px}:host(.XL\\:v-gap-col-size-72),.XL\\:v-gap-col-size-72{column-gap:72px}:host(.XL\\:v-gap-size-80),.XL\\:v-gap-size-80{gap:80px}:host(.XL\\:v-gap-row-size-80),.XL\\:v-gap-row-size-80{row-gap:80px}:host(.XL\\:v-gap-col-size-80),.XL\\:v-gap-col-size-80{column-gap:80px}:host(.XL\\:v-gap-size-112),.XL\\:v-gap-size-112{gap:112px}:host(.XL\\:v-gap-row-size-112),.XL\\:v-gap-row-size-112{row-gap:112px}:host(.XL\\:v-gap-col-size-112),.XL\\:v-gap-col-size-112{column-gap:112px}:host(.XL\\:v-gap-size-2),.XL\\:v-gap-size-2{gap:2px}:host(.XL\\:v-gap-row-size-2),.XL\\:v-gap-row-size-2{row-gap:2px}:host(.XL\\:v-gap-col-size-2),.XL\\:v-gap-col-size-2{column-gap:2px}}:host{display:flex;flex-direction:column}:host(.vega-flex-native-based:not([class*=v-flex-col],[class*=v-flex-row-reverse])){flex-direction:row}:host>::slotted(.vega-flex-grow){flex-grow:1}:host>::slotted(.vega-flex-grow-0){flex-grow:0}:host>::slotted(.vega-flex-shrink){flex-shrink:1}:host>::slotted(.vega-flex-shrink-0){flex-shrink:0}:host>::slotted(.vega-flex-basis-0){flex-basis:0}:host>::slotted(.v-min-w-min){min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}@media (min-width: 320px){:host>::slotted(.S\\:vega-flex-grow){flex-grow:1}:host>::slotted(.S\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.S\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.S\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 768px){:host>::slotted(.M\\:vega-flex-grow){flex-grow:1}:host>::slotted(.M\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.M\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.M\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 1024px){:host>::slotted(.L\\:vega-flex-grow){flex-grow:1}:host>::slotted(.L\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.L\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.L\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 1440px){:host>::slotted(.XL\\:vega-flex-grow){flex-grow:1}:host>::slotted(.XL\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.XL\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.XL\\:vega-flex-shrink-0){flex-shrink:0}}:host(:not(.vega-flex-native-based))>::slotted(*:not([data-shrink="0"],[class*=vega-flex])){width:100%;display:block}:host>::slotted(*[data-shrink="0"]){min-width:100%;flex-shrink:1}@media (min-width: 320px){:host(.vega-flex-S){flex-direction:row}}@media (min-width: 320px){:host(.vega-flex-S)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 768px){:host(.vega-flex-M){flex-direction:row}}@media (min-width: 768px){:host(.vega-flex-M)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 1024px){:host(.vega-flex-L){flex-direction:row}}@media (min-width: 1024px){:host(.vega-flex-L)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 1440px){:host(.vega-flex-XL){flex-direction:row}}@media (min-width: 1440px){:host(.vega-flex-XL)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}:host(.vega-flex-None)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}:host(.v-flex-row){flex-direction:row}:host(.v-flex-col){flex-direction:column}:host(.v-flex-row-reverse){flex-direction:row-reverse}:host(.v-flex-col-reverse){flex-direction:column-reverse}@media (min-width: 320px){:host(.S\\:v-flex-row){flex-direction:row}:host(.S\\:v-flex-col){flex-direction:column}:host(.S\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.S\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 768px){:host(.M\\:v-flex-row){flex-direction:row}:host(.M\\:v-flex-col){flex-direction:column}:host(.M\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.M\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 1024px){:host(.L\\:v-flex-row){flex-direction:row}:host(.L\\:v-flex-col){flex-direction:column}:host(.L\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.L\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 1440px){:host(.XL\\:v-flex-row){flex-direction:row}:host(.XL\\:v-flex-col){flex-direction:column}:host(.XL\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.XL\\:v-flex-col-reverse){flex-direction:column-reverse}}:host(.v-items-start){align-items:flex-start}:host(.v-items-center){align-items:center}:host(.v-items-end){align-items:flex-end}:host(.v-items-baseline){align-items:baseline}:host(.v-items-stretch){align-items:stretch}@media (min-width: 320px){:host(.S\\:v-items-start){align-items:flex-start}:host(.S\\:v-items-center){align-items:center}:host(.S\\:v-items-end){align-items:flex-end}:host(.S\\:v-items-baseline){align-items:baseline}:host(.S\\:v-items-stretch){align-items:stretch}}@media (min-width: 768px){:host(.M\\:v-items-start){align-items:flex-start}:host(.M\\:v-items-center){align-items:center}:host(.M\\:v-items-end){align-items:flex-end}:host(.M\\:v-items-baseline){align-items:baseline}:host(.M\\:v-items-stretch){align-items:stretch}}@media (min-width: 1024px){:host(.L\\:v-items-start){align-items:flex-start}:host(.L\\:v-items-center){align-items:center}:host(.L\\:v-items-end){align-items:flex-end}:host(.L\\:v-items-baseline){align-items:baseline}:host(.L\\:v-items-stretch){align-items:stretch}}@media (min-width: 1440px){:host(.XL\\:v-items-start){align-items:flex-start}:host(.XL\\:v-items-center){align-items:center}:host(.XL\\:v-items-end){align-items:flex-end}:host(.XL\\:v-items-baseline){align-items:baseline}:host(.XL\\:v-items-stretch){align-items:stretch}}:host(.v-justify-start){justify-content:flex-start}:host(.v-justify-center){justify-content:center}:host(.v-justify-end){justify-content:flex-end}:host(.v-justify-around){justify-content:space-around}:host(.v-justify-between){justify-content:space-between}:host(.v-justify-evenly){justify-content:space-evenly}@media (min-width: 320px){:host(.S\\:v-justify-start){justify-content:flex-start}:host(.S\\:v-justify-center){justify-content:center}:host(.S\\:v-justify-end){justify-content:flex-end}:host(.S\\:v-justify-around){justify-content:space-around}:host(.S\\:v-justify-between){justify-content:space-between}:host(.S\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 768px){:host(.M\\:v-justify-start){justify-content:flex-start}:host(.M\\:v-justify-center){justify-content:center}:host(.M\\:v-justify-end){justify-content:flex-end}:host(.M\\:v-justify-around){justify-content:space-around}:host(.M\\:v-justify-between){justify-content:space-between}:host(.M\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 1024px){:host(.L\\:v-justify-start){justify-content:flex-start}:host(.L\\:v-justify-center){justify-content:center}:host(.L\\:v-justify-end){justify-content:flex-end}:host(.L\\:v-justify-around){justify-content:space-around}:host(.L\\:v-justify-between){justify-content:space-between}:host(.L\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 1440px){:host(.XL\\:v-justify-start){justify-content:flex-start}:host(.XL\\:v-justify-center){justify-content:center}:host(.XL\\:v-justify-end){justify-content:flex-end}:host(.XL\\:v-justify-around){justify-content:space-around}:host(.XL\\:v-justify-between){justify-content:space-between}:host(.XL\\:v-justify-evenly){justify-content:space-evenly}}:host(.v-flex-nowrap){flex-wrap:nowrap}:host(.v-flex-wrap){flex-wrap:wrap}:host(.v-flex-wrap-reverse){flex-wrap:wrap-reverse}@media (min-width: 320px){:host(.S\\:v-flex-nowrap){flex-wrap:nowrap}:host(.S\\:v-flex-wrap){flex-wrap:wrap}:host(.S\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 768px){:host(.M\\:v-flex-nowrap){flex-wrap:nowrap}:host(.M\\:v-flex-wrap){flex-wrap:wrap}:host(.M\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 1024px){:host(.L\\:v-flex-nowrap){flex-wrap:nowrap}:host(.L\\:v-flex-wrap){flex-wrap:wrap}:host(.L\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 1440px){:host(.XL\\:v-flex-nowrap){flex-wrap:nowrap}:host(.XL\\:v-flex-wrap){flex-wrap:wrap}:host(.XL\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}';export{L as vega_flex}
1
+ import{r as i,h as s,H as t,g as e}from"./p-1c298d5a.js";import{F as m}from"./p-1e940ce8.js";import{s as o}from"./p-9b797118.js";import{f as p,l as a}from"./p-7617b2ac.js";import{a as v}from"./p-bf953152.js";import{I as g}from"./p-6e1ab235.js";import{V as r,I as z}from"./p-4387d550.js";import{P as x}from"./p-c0291e2e.js";import{f as h}from"./p-c906aa4f.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-51686ec2.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-3647d61d.js";import"./p-5f377954.js";import"./p-f1e0e7d4.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-619fdde5.js";import"./p-c8408c13.js";import"./p-01d4c679.js";import"./p-2d0d575f.js";import"./p-e06361df.js";import"./p-a247e073.js";import"./p-cc63e827.js";import"./p-0fd6c35b.js";import"./p-d8683a5f.js";import"./p-2205ee4c.js";const n=[{payloadKey:"BREAK_POINT_IS_NONE",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"None"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_DEFAULT",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"default"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_S",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"S"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_M",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"M"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_L",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"L"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_XL",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"XL"===i.breakpoint},{payloadKey:"USE_NATIVE_FLEX_IS_TRUE",payloadDescription:"@deprecated Specifies whether to use the native flex layout.",payloadValue:i=>!0===i.useNativeFlex},{payloadKey:"USE_NATIVE_FLEX_IS_FALSE",payloadDescription:"@deprecated Specifies whether to use the native flex layout.",payloadValue:i=>!1===i.useNativeFlex}];var l=function(i,s,t,e){var m,o=arguments.length,p=o<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,t):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(i,s,t,e);else for(var a=i.length-1;a>=0;a--)(m=i[a])&&(p=(o<3?m(p):o>3?m(s,t,p):m(s,t))||p);return o>3&&p&&Object.defineProperty(s,t,p),p};const L=class{constructor(s){i(this,s),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new r(n),this.pageResizeSlimmer=new x,this.breakpoint="S",this.direction="row",this.useNativeFlex=!0}render(){const i=[p(this.gap,"gap"),p(this.margin,"margin"),"None"===this.breakpoint||m.isEnabled("VEGA_FLEX.ENABLE_DIRECTION_ONLY")?"":a(this.breakpoint),p(this.alignItems,"flexAlignItem"),p(this.justifyContent,"flexJustifyContent"),p(this.flexWrap,"flexWrap"),this.useNativeFlex?"vega-flex-native-based":""];(m.isEnabled("VEGA_FLEX.ENABLE_DIRECTION_ONLY")||"None"===this.breakpoint)&&(i.push("vega-flex-None"),i.push(p(this.direction,"flexDirection")));const e=h(this.flex,this.flexGrow,this.flexShrink,this.flexBasis);return o(s(t,{style:e,class:v(i)},s("slot",null)),this.host)}get host(){return e(this)}};l([z()],L.prototype,"globalSlimmers",void 0),l([g()],L.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),l([g()],L.prototype,"pageResizeSlimmer",void 0),L.style=':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-gap-0),.v-gap-0{gap:0px}:host(.v-gap-row-0),.v-gap-row-0{row-gap:0px}:host(.v-gap-col-0),.v-gap-col-0{column-gap:0px}:host(.v-gap-size-0),.v-gap-size-0{gap:0px}:host(.v-gap-row-size-0),.v-gap-row-size-0{row-gap:0px}:host(.v-gap-col-size-0),.v-gap-col-size-0{column-gap:0px}:host(.v-gap-size-4),.v-gap-size-4{gap:4px}:host(.v-gap-row-size-4),.v-gap-row-size-4{row-gap:4px}:host(.v-gap-col-size-4),.v-gap-col-size-4{column-gap:4px}:host(.v-gap-size-8),.v-gap-size-8{gap:8px}:host(.v-gap-row-size-8),.v-gap-row-size-8{row-gap:8px}:host(.v-gap-col-size-8),.v-gap-col-size-8{column-gap:8px}:host(.v-gap-size-12),.v-gap-size-12{gap:12px}:host(.v-gap-row-size-12),.v-gap-row-size-12{row-gap:12px}:host(.v-gap-col-size-12),.v-gap-col-size-12{column-gap:12px}:host(.v-gap-size-16),.v-gap-size-16{gap:16px}:host(.v-gap-row-size-16),.v-gap-row-size-16{row-gap:16px}:host(.v-gap-col-size-16),.v-gap-col-size-16{column-gap:16px}:host(.v-gap-size-20),.v-gap-size-20{gap:20px}:host(.v-gap-row-size-20),.v-gap-row-size-20{row-gap:20px}:host(.v-gap-col-size-20),.v-gap-col-size-20{column-gap:20px}:host(.v-gap-size-24),.v-gap-size-24{gap:24px}:host(.v-gap-row-size-24),.v-gap-row-size-24{row-gap:24px}:host(.v-gap-col-size-24),.v-gap-col-size-24{column-gap:24px}:host(.v-gap-size-32),.v-gap-size-32{gap:32px}:host(.v-gap-row-size-32),.v-gap-row-size-32{row-gap:32px}:host(.v-gap-col-size-32),.v-gap-col-size-32{column-gap:32px}:host(.v-gap-size-40),.v-gap-size-40{gap:40px}:host(.v-gap-row-size-40),.v-gap-row-size-40{row-gap:40px}:host(.v-gap-col-size-40),.v-gap-col-size-40{column-gap:40px}:host(.v-gap-size-48),.v-gap-size-48{gap:48px}:host(.v-gap-row-size-48),.v-gap-row-size-48{row-gap:48px}:host(.v-gap-col-size-48),.v-gap-col-size-48{column-gap:48px}:host(.v-gap-size-64),.v-gap-size-64{gap:64px}:host(.v-gap-row-size-64),.v-gap-row-size-64{row-gap:64px}:host(.v-gap-col-size-64),.v-gap-col-size-64{column-gap:64px}:host(.v-gap-size-72),.v-gap-size-72{gap:72px}:host(.v-gap-row-size-72),.v-gap-row-size-72{row-gap:72px}:host(.v-gap-col-size-72),.v-gap-col-size-72{column-gap:72px}:host(.v-gap-size-80),.v-gap-size-80{gap:80px}:host(.v-gap-row-size-80),.v-gap-row-size-80{row-gap:80px}:host(.v-gap-col-size-80),.v-gap-col-size-80{column-gap:80px}:host(.v-gap-size-112),.v-gap-size-112{gap:112px}:host(.v-gap-row-size-112),.v-gap-row-size-112{row-gap:112px}:host(.v-gap-col-size-112),.v-gap-col-size-112{column-gap:112px}:host(.v-gap-size-2),.v-gap-size-2{gap:2px}:host(.v-gap-row-size-2),.v-gap-row-size-2{row-gap:2px}:host(.v-gap-col-size-2),.v-gap-col-size-2{column-gap:2px}@media (min-width: 320px){:host(.S\\:v-gap-0),.S\\:v-gap-0{gap:0px}:host(.S\\:v-gap-row-0),.S\\:v-gap-row-0{row-gap:0px}:host(.S\\:v-gap-col-0),.S\\:v-gap-col-0{column-gap:0px}:host(.S\\:v-gap-size-0),.S\\:v-gap-size-0{gap:0px}:host(.S\\:v-gap-row-size-0),.S\\:v-gap-row-size-0{row-gap:0px}:host(.S\\:v-gap-col-size-0),.S\\:v-gap-col-size-0{column-gap:0px}:host(.S\\:v-gap-size-4),.S\\:v-gap-size-4{gap:4px}:host(.S\\:v-gap-row-size-4),.S\\:v-gap-row-size-4{row-gap:4px}:host(.S\\:v-gap-col-size-4),.S\\:v-gap-col-size-4{column-gap:4px}:host(.S\\:v-gap-size-8),.S\\:v-gap-size-8{gap:8px}:host(.S\\:v-gap-row-size-8),.S\\:v-gap-row-size-8{row-gap:8px}:host(.S\\:v-gap-col-size-8),.S\\:v-gap-col-size-8{column-gap:8px}:host(.S\\:v-gap-size-12),.S\\:v-gap-size-12{gap:12px}:host(.S\\:v-gap-row-size-12),.S\\:v-gap-row-size-12{row-gap:12px}:host(.S\\:v-gap-col-size-12),.S\\:v-gap-col-size-12{column-gap:12px}:host(.S\\:v-gap-size-16),.S\\:v-gap-size-16{gap:16px}:host(.S\\:v-gap-row-size-16),.S\\:v-gap-row-size-16{row-gap:16px}:host(.S\\:v-gap-col-size-16),.S\\:v-gap-col-size-16{column-gap:16px}:host(.S\\:v-gap-size-20),.S\\:v-gap-size-20{gap:20px}:host(.S\\:v-gap-row-size-20),.S\\:v-gap-row-size-20{row-gap:20px}:host(.S\\:v-gap-col-size-20),.S\\:v-gap-col-size-20{column-gap:20px}:host(.S\\:v-gap-size-24),.S\\:v-gap-size-24{gap:24px}:host(.S\\:v-gap-row-size-24),.S\\:v-gap-row-size-24{row-gap:24px}:host(.S\\:v-gap-col-size-24),.S\\:v-gap-col-size-24{column-gap:24px}:host(.S\\:v-gap-size-32),.S\\:v-gap-size-32{gap:32px}:host(.S\\:v-gap-row-size-32),.S\\:v-gap-row-size-32{row-gap:32px}:host(.S\\:v-gap-col-size-32),.S\\:v-gap-col-size-32{column-gap:32px}:host(.S\\:v-gap-size-40),.S\\:v-gap-size-40{gap:40px}:host(.S\\:v-gap-row-size-40),.S\\:v-gap-row-size-40{row-gap:40px}:host(.S\\:v-gap-col-size-40),.S\\:v-gap-col-size-40{column-gap:40px}:host(.S\\:v-gap-size-48),.S\\:v-gap-size-48{gap:48px}:host(.S\\:v-gap-row-size-48),.S\\:v-gap-row-size-48{row-gap:48px}:host(.S\\:v-gap-col-size-48),.S\\:v-gap-col-size-48{column-gap:48px}:host(.S\\:v-gap-size-64),.S\\:v-gap-size-64{gap:64px}:host(.S\\:v-gap-row-size-64),.S\\:v-gap-row-size-64{row-gap:64px}:host(.S\\:v-gap-col-size-64),.S\\:v-gap-col-size-64{column-gap:64px}:host(.S\\:v-gap-size-72),.S\\:v-gap-size-72{gap:72px}:host(.S\\:v-gap-row-size-72),.S\\:v-gap-row-size-72{row-gap:72px}:host(.S\\:v-gap-col-size-72),.S\\:v-gap-col-size-72{column-gap:72px}:host(.S\\:v-gap-size-80),.S\\:v-gap-size-80{gap:80px}:host(.S\\:v-gap-row-size-80),.S\\:v-gap-row-size-80{row-gap:80px}:host(.S\\:v-gap-col-size-80),.S\\:v-gap-col-size-80{column-gap:80px}:host(.S\\:v-gap-size-112),.S\\:v-gap-size-112{gap:112px}:host(.S\\:v-gap-row-size-112),.S\\:v-gap-row-size-112{row-gap:112px}:host(.S\\:v-gap-col-size-112),.S\\:v-gap-col-size-112{column-gap:112px}:host(.S\\:v-gap-size-2),.S\\:v-gap-size-2{gap:2px}:host(.S\\:v-gap-row-size-2),.S\\:v-gap-row-size-2{row-gap:2px}:host(.S\\:v-gap-col-size-2),.S\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 768px){:host(.M\\:v-gap-0),.M\\:v-gap-0{gap:0px}:host(.M\\:v-gap-row-0),.M\\:v-gap-row-0{row-gap:0px}:host(.M\\:v-gap-col-0),.M\\:v-gap-col-0{column-gap:0px}:host(.M\\:v-gap-size-0),.M\\:v-gap-size-0{gap:0px}:host(.M\\:v-gap-row-size-0),.M\\:v-gap-row-size-0{row-gap:0px}:host(.M\\:v-gap-col-size-0),.M\\:v-gap-col-size-0{column-gap:0px}:host(.M\\:v-gap-size-4),.M\\:v-gap-size-4{gap:4px}:host(.M\\:v-gap-row-size-4),.M\\:v-gap-row-size-4{row-gap:4px}:host(.M\\:v-gap-col-size-4),.M\\:v-gap-col-size-4{column-gap:4px}:host(.M\\:v-gap-size-8),.M\\:v-gap-size-8{gap:8px}:host(.M\\:v-gap-row-size-8),.M\\:v-gap-row-size-8{row-gap:8px}:host(.M\\:v-gap-col-size-8),.M\\:v-gap-col-size-8{column-gap:8px}:host(.M\\:v-gap-size-12),.M\\:v-gap-size-12{gap:12px}:host(.M\\:v-gap-row-size-12),.M\\:v-gap-row-size-12{row-gap:12px}:host(.M\\:v-gap-col-size-12),.M\\:v-gap-col-size-12{column-gap:12px}:host(.M\\:v-gap-size-16),.M\\:v-gap-size-16{gap:16px}:host(.M\\:v-gap-row-size-16),.M\\:v-gap-row-size-16{row-gap:16px}:host(.M\\:v-gap-col-size-16),.M\\:v-gap-col-size-16{column-gap:16px}:host(.M\\:v-gap-size-20),.M\\:v-gap-size-20{gap:20px}:host(.M\\:v-gap-row-size-20),.M\\:v-gap-row-size-20{row-gap:20px}:host(.M\\:v-gap-col-size-20),.M\\:v-gap-col-size-20{column-gap:20px}:host(.M\\:v-gap-size-24),.M\\:v-gap-size-24{gap:24px}:host(.M\\:v-gap-row-size-24),.M\\:v-gap-row-size-24{row-gap:24px}:host(.M\\:v-gap-col-size-24),.M\\:v-gap-col-size-24{column-gap:24px}:host(.M\\:v-gap-size-32),.M\\:v-gap-size-32{gap:32px}:host(.M\\:v-gap-row-size-32),.M\\:v-gap-row-size-32{row-gap:32px}:host(.M\\:v-gap-col-size-32),.M\\:v-gap-col-size-32{column-gap:32px}:host(.M\\:v-gap-size-40),.M\\:v-gap-size-40{gap:40px}:host(.M\\:v-gap-row-size-40),.M\\:v-gap-row-size-40{row-gap:40px}:host(.M\\:v-gap-col-size-40),.M\\:v-gap-col-size-40{column-gap:40px}:host(.M\\:v-gap-size-48),.M\\:v-gap-size-48{gap:48px}:host(.M\\:v-gap-row-size-48),.M\\:v-gap-row-size-48{row-gap:48px}:host(.M\\:v-gap-col-size-48),.M\\:v-gap-col-size-48{column-gap:48px}:host(.M\\:v-gap-size-64),.M\\:v-gap-size-64{gap:64px}:host(.M\\:v-gap-row-size-64),.M\\:v-gap-row-size-64{row-gap:64px}:host(.M\\:v-gap-col-size-64),.M\\:v-gap-col-size-64{column-gap:64px}:host(.M\\:v-gap-size-72),.M\\:v-gap-size-72{gap:72px}:host(.M\\:v-gap-row-size-72),.M\\:v-gap-row-size-72{row-gap:72px}:host(.M\\:v-gap-col-size-72),.M\\:v-gap-col-size-72{column-gap:72px}:host(.M\\:v-gap-size-80),.M\\:v-gap-size-80{gap:80px}:host(.M\\:v-gap-row-size-80),.M\\:v-gap-row-size-80{row-gap:80px}:host(.M\\:v-gap-col-size-80),.M\\:v-gap-col-size-80{column-gap:80px}:host(.M\\:v-gap-size-112),.M\\:v-gap-size-112{gap:112px}:host(.M\\:v-gap-row-size-112),.M\\:v-gap-row-size-112{row-gap:112px}:host(.M\\:v-gap-col-size-112),.M\\:v-gap-col-size-112{column-gap:112px}:host(.M\\:v-gap-size-2),.M\\:v-gap-size-2{gap:2px}:host(.M\\:v-gap-row-size-2),.M\\:v-gap-row-size-2{row-gap:2px}:host(.M\\:v-gap-col-size-2),.M\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1024px){:host(.L\\:v-gap-0),.L\\:v-gap-0{gap:0px}:host(.L\\:v-gap-row-0),.L\\:v-gap-row-0{row-gap:0px}:host(.L\\:v-gap-col-0),.L\\:v-gap-col-0{column-gap:0px}:host(.L\\:v-gap-size-0),.L\\:v-gap-size-0{gap:0px}:host(.L\\:v-gap-row-size-0),.L\\:v-gap-row-size-0{row-gap:0px}:host(.L\\:v-gap-col-size-0),.L\\:v-gap-col-size-0{column-gap:0px}:host(.L\\:v-gap-size-4),.L\\:v-gap-size-4{gap:4px}:host(.L\\:v-gap-row-size-4),.L\\:v-gap-row-size-4{row-gap:4px}:host(.L\\:v-gap-col-size-4),.L\\:v-gap-col-size-4{column-gap:4px}:host(.L\\:v-gap-size-8),.L\\:v-gap-size-8{gap:8px}:host(.L\\:v-gap-row-size-8),.L\\:v-gap-row-size-8{row-gap:8px}:host(.L\\:v-gap-col-size-8),.L\\:v-gap-col-size-8{column-gap:8px}:host(.L\\:v-gap-size-12),.L\\:v-gap-size-12{gap:12px}:host(.L\\:v-gap-row-size-12),.L\\:v-gap-row-size-12{row-gap:12px}:host(.L\\:v-gap-col-size-12),.L\\:v-gap-col-size-12{column-gap:12px}:host(.L\\:v-gap-size-16),.L\\:v-gap-size-16{gap:16px}:host(.L\\:v-gap-row-size-16),.L\\:v-gap-row-size-16{row-gap:16px}:host(.L\\:v-gap-col-size-16),.L\\:v-gap-col-size-16{column-gap:16px}:host(.L\\:v-gap-size-20),.L\\:v-gap-size-20{gap:20px}:host(.L\\:v-gap-row-size-20),.L\\:v-gap-row-size-20{row-gap:20px}:host(.L\\:v-gap-col-size-20),.L\\:v-gap-col-size-20{column-gap:20px}:host(.L\\:v-gap-size-24),.L\\:v-gap-size-24{gap:24px}:host(.L\\:v-gap-row-size-24),.L\\:v-gap-row-size-24{row-gap:24px}:host(.L\\:v-gap-col-size-24),.L\\:v-gap-col-size-24{column-gap:24px}:host(.L\\:v-gap-size-32),.L\\:v-gap-size-32{gap:32px}:host(.L\\:v-gap-row-size-32),.L\\:v-gap-row-size-32{row-gap:32px}:host(.L\\:v-gap-col-size-32),.L\\:v-gap-col-size-32{column-gap:32px}:host(.L\\:v-gap-size-40),.L\\:v-gap-size-40{gap:40px}:host(.L\\:v-gap-row-size-40),.L\\:v-gap-row-size-40{row-gap:40px}:host(.L\\:v-gap-col-size-40),.L\\:v-gap-col-size-40{column-gap:40px}:host(.L\\:v-gap-size-48),.L\\:v-gap-size-48{gap:48px}:host(.L\\:v-gap-row-size-48),.L\\:v-gap-row-size-48{row-gap:48px}:host(.L\\:v-gap-col-size-48),.L\\:v-gap-col-size-48{column-gap:48px}:host(.L\\:v-gap-size-64),.L\\:v-gap-size-64{gap:64px}:host(.L\\:v-gap-row-size-64),.L\\:v-gap-row-size-64{row-gap:64px}:host(.L\\:v-gap-col-size-64),.L\\:v-gap-col-size-64{column-gap:64px}:host(.L\\:v-gap-size-72),.L\\:v-gap-size-72{gap:72px}:host(.L\\:v-gap-row-size-72),.L\\:v-gap-row-size-72{row-gap:72px}:host(.L\\:v-gap-col-size-72),.L\\:v-gap-col-size-72{column-gap:72px}:host(.L\\:v-gap-size-80),.L\\:v-gap-size-80{gap:80px}:host(.L\\:v-gap-row-size-80),.L\\:v-gap-row-size-80{row-gap:80px}:host(.L\\:v-gap-col-size-80),.L\\:v-gap-col-size-80{column-gap:80px}:host(.L\\:v-gap-size-112),.L\\:v-gap-size-112{gap:112px}:host(.L\\:v-gap-row-size-112),.L\\:v-gap-row-size-112{row-gap:112px}:host(.L\\:v-gap-col-size-112),.L\\:v-gap-col-size-112{column-gap:112px}:host(.L\\:v-gap-size-2),.L\\:v-gap-size-2{gap:2px}:host(.L\\:v-gap-row-size-2),.L\\:v-gap-row-size-2{row-gap:2px}:host(.L\\:v-gap-col-size-2),.L\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1440px){:host(.XL\\:v-gap-0),.XL\\:v-gap-0{gap:0px}:host(.XL\\:v-gap-row-0),.XL\\:v-gap-row-0{row-gap:0px}:host(.XL\\:v-gap-col-0),.XL\\:v-gap-col-0{column-gap:0px}:host(.XL\\:v-gap-size-0),.XL\\:v-gap-size-0{gap:0px}:host(.XL\\:v-gap-row-size-0),.XL\\:v-gap-row-size-0{row-gap:0px}:host(.XL\\:v-gap-col-size-0),.XL\\:v-gap-col-size-0{column-gap:0px}:host(.XL\\:v-gap-size-4),.XL\\:v-gap-size-4{gap:4px}:host(.XL\\:v-gap-row-size-4),.XL\\:v-gap-row-size-4{row-gap:4px}:host(.XL\\:v-gap-col-size-4),.XL\\:v-gap-col-size-4{column-gap:4px}:host(.XL\\:v-gap-size-8),.XL\\:v-gap-size-8{gap:8px}:host(.XL\\:v-gap-row-size-8),.XL\\:v-gap-row-size-8{row-gap:8px}:host(.XL\\:v-gap-col-size-8),.XL\\:v-gap-col-size-8{column-gap:8px}:host(.XL\\:v-gap-size-12),.XL\\:v-gap-size-12{gap:12px}:host(.XL\\:v-gap-row-size-12),.XL\\:v-gap-row-size-12{row-gap:12px}:host(.XL\\:v-gap-col-size-12),.XL\\:v-gap-col-size-12{column-gap:12px}:host(.XL\\:v-gap-size-16),.XL\\:v-gap-size-16{gap:16px}:host(.XL\\:v-gap-row-size-16),.XL\\:v-gap-row-size-16{row-gap:16px}:host(.XL\\:v-gap-col-size-16),.XL\\:v-gap-col-size-16{column-gap:16px}:host(.XL\\:v-gap-size-20),.XL\\:v-gap-size-20{gap:20px}:host(.XL\\:v-gap-row-size-20),.XL\\:v-gap-row-size-20{row-gap:20px}:host(.XL\\:v-gap-col-size-20),.XL\\:v-gap-col-size-20{column-gap:20px}:host(.XL\\:v-gap-size-24),.XL\\:v-gap-size-24{gap:24px}:host(.XL\\:v-gap-row-size-24),.XL\\:v-gap-row-size-24{row-gap:24px}:host(.XL\\:v-gap-col-size-24),.XL\\:v-gap-col-size-24{column-gap:24px}:host(.XL\\:v-gap-size-32),.XL\\:v-gap-size-32{gap:32px}:host(.XL\\:v-gap-row-size-32),.XL\\:v-gap-row-size-32{row-gap:32px}:host(.XL\\:v-gap-col-size-32),.XL\\:v-gap-col-size-32{column-gap:32px}:host(.XL\\:v-gap-size-40),.XL\\:v-gap-size-40{gap:40px}:host(.XL\\:v-gap-row-size-40),.XL\\:v-gap-row-size-40{row-gap:40px}:host(.XL\\:v-gap-col-size-40),.XL\\:v-gap-col-size-40{column-gap:40px}:host(.XL\\:v-gap-size-48),.XL\\:v-gap-size-48{gap:48px}:host(.XL\\:v-gap-row-size-48),.XL\\:v-gap-row-size-48{row-gap:48px}:host(.XL\\:v-gap-col-size-48),.XL\\:v-gap-col-size-48{column-gap:48px}:host(.XL\\:v-gap-size-64),.XL\\:v-gap-size-64{gap:64px}:host(.XL\\:v-gap-row-size-64),.XL\\:v-gap-row-size-64{row-gap:64px}:host(.XL\\:v-gap-col-size-64),.XL\\:v-gap-col-size-64{column-gap:64px}:host(.XL\\:v-gap-size-72),.XL\\:v-gap-size-72{gap:72px}:host(.XL\\:v-gap-row-size-72),.XL\\:v-gap-row-size-72{row-gap:72px}:host(.XL\\:v-gap-col-size-72),.XL\\:v-gap-col-size-72{column-gap:72px}:host(.XL\\:v-gap-size-80),.XL\\:v-gap-size-80{gap:80px}:host(.XL\\:v-gap-row-size-80),.XL\\:v-gap-row-size-80{row-gap:80px}:host(.XL\\:v-gap-col-size-80),.XL\\:v-gap-col-size-80{column-gap:80px}:host(.XL\\:v-gap-size-112),.XL\\:v-gap-size-112{gap:112px}:host(.XL\\:v-gap-row-size-112),.XL\\:v-gap-row-size-112{row-gap:112px}:host(.XL\\:v-gap-col-size-112),.XL\\:v-gap-col-size-112{column-gap:112px}:host(.XL\\:v-gap-size-2),.XL\\:v-gap-size-2{gap:2px}:host(.XL\\:v-gap-row-size-2),.XL\\:v-gap-row-size-2{row-gap:2px}:host(.XL\\:v-gap-col-size-2),.XL\\:v-gap-col-size-2{column-gap:2px}}:host{display:flex;flex-direction:column}:host(.vega-flex-native-based:not([class*=v-flex-col],[class*=v-flex-row-reverse])){flex-direction:row}:host>::slotted(.vega-flex-grow){flex-grow:1}:host>::slotted(.vega-flex-grow-0){flex-grow:0}:host>::slotted(.vega-flex-shrink){flex-shrink:1}:host>::slotted(.vega-flex-shrink-0){flex-shrink:0}:host>::slotted(.vega-flex-basis-0){flex-basis:0}:host>::slotted(.v-min-w-min){min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}@media (min-width: 320px){:host>::slotted(.S\\:vega-flex-grow){flex-grow:1}:host>::slotted(.S\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.S\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.S\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 768px){:host>::slotted(.M\\:vega-flex-grow){flex-grow:1}:host>::slotted(.M\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.M\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.M\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 1024px){:host>::slotted(.L\\:vega-flex-grow){flex-grow:1}:host>::slotted(.L\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.L\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.L\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 1440px){:host>::slotted(.XL\\:vega-flex-grow){flex-grow:1}:host>::slotted(.XL\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.XL\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.XL\\:vega-flex-shrink-0){flex-shrink:0}}:host(:not(.vega-flex-native-based))>::slotted(*:not([data-shrink="0"],[class*=vega-flex])){width:100%;display:block}:host>::slotted(*[data-shrink="0"]){min-width:100%;flex-shrink:1}@media (min-width: 320px){:host(.vega-flex-S){flex-direction:row}}@media (min-width: 320px){:host(.vega-flex-S)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 768px){:host(.vega-flex-M){flex-direction:row}}@media (min-width: 768px){:host(.vega-flex-M)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 1024px){:host(.vega-flex-L){flex-direction:row}}@media (min-width: 1024px){:host(.vega-flex-L)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 1440px){:host(.vega-flex-XL){flex-direction:row}}@media (min-width: 1440px){:host(.vega-flex-XL)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}:host(.vega-flex-None)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}:host(.v-flex-row){flex-direction:row}:host(.v-flex-col){flex-direction:column}:host(.v-flex-row-reverse){flex-direction:row-reverse}:host(.v-flex-col-reverse){flex-direction:column-reverse}@media (min-width: 320px){:host(.S\\:v-flex-row){flex-direction:row}:host(.S\\:v-flex-col){flex-direction:column}:host(.S\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.S\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 768px){:host(.M\\:v-flex-row){flex-direction:row}:host(.M\\:v-flex-col){flex-direction:column}:host(.M\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.M\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 1024px){:host(.L\\:v-flex-row){flex-direction:row}:host(.L\\:v-flex-col){flex-direction:column}:host(.L\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.L\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 1440px){:host(.XL\\:v-flex-row){flex-direction:row}:host(.XL\\:v-flex-col){flex-direction:column}:host(.XL\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.XL\\:v-flex-col-reverse){flex-direction:column-reverse}}:host(.v-items-start){align-items:flex-start}:host(.v-items-center){align-items:center}:host(.v-items-end){align-items:flex-end}:host(.v-items-baseline){align-items:baseline}:host(.v-items-stretch){align-items:stretch}@media (min-width: 320px){:host(.S\\:v-items-start){align-items:flex-start}:host(.S\\:v-items-center){align-items:center}:host(.S\\:v-items-end){align-items:flex-end}:host(.S\\:v-items-baseline){align-items:baseline}:host(.S\\:v-items-stretch){align-items:stretch}}@media (min-width: 768px){:host(.M\\:v-items-start){align-items:flex-start}:host(.M\\:v-items-center){align-items:center}:host(.M\\:v-items-end){align-items:flex-end}:host(.M\\:v-items-baseline){align-items:baseline}:host(.M\\:v-items-stretch){align-items:stretch}}@media (min-width: 1024px){:host(.L\\:v-items-start){align-items:flex-start}:host(.L\\:v-items-center){align-items:center}:host(.L\\:v-items-end){align-items:flex-end}:host(.L\\:v-items-baseline){align-items:baseline}:host(.L\\:v-items-stretch){align-items:stretch}}@media (min-width: 1440px){:host(.XL\\:v-items-start){align-items:flex-start}:host(.XL\\:v-items-center){align-items:center}:host(.XL\\:v-items-end){align-items:flex-end}:host(.XL\\:v-items-baseline){align-items:baseline}:host(.XL\\:v-items-stretch){align-items:stretch}}:host(.v-justify-start){justify-content:flex-start}:host(.v-justify-center){justify-content:center}:host(.v-justify-end){justify-content:flex-end}:host(.v-justify-around){justify-content:space-around}:host(.v-justify-between){justify-content:space-between}:host(.v-justify-evenly){justify-content:space-evenly}@media (min-width: 320px){:host(.S\\:v-justify-start){justify-content:flex-start}:host(.S\\:v-justify-center){justify-content:center}:host(.S\\:v-justify-end){justify-content:flex-end}:host(.S\\:v-justify-around){justify-content:space-around}:host(.S\\:v-justify-between){justify-content:space-between}:host(.S\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 768px){:host(.M\\:v-justify-start){justify-content:flex-start}:host(.M\\:v-justify-center){justify-content:center}:host(.M\\:v-justify-end){justify-content:flex-end}:host(.M\\:v-justify-around){justify-content:space-around}:host(.M\\:v-justify-between){justify-content:space-between}:host(.M\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 1024px){:host(.L\\:v-justify-start){justify-content:flex-start}:host(.L\\:v-justify-center){justify-content:center}:host(.L\\:v-justify-end){justify-content:flex-end}:host(.L\\:v-justify-around){justify-content:space-around}:host(.L\\:v-justify-between){justify-content:space-between}:host(.L\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 1440px){:host(.XL\\:v-justify-start){justify-content:flex-start}:host(.XL\\:v-justify-center){justify-content:center}:host(.XL\\:v-justify-end){justify-content:flex-end}:host(.XL\\:v-justify-around){justify-content:space-around}:host(.XL\\:v-justify-between){justify-content:space-between}:host(.XL\\:v-justify-evenly){justify-content:space-evenly}}:host(.v-flex-nowrap){flex-wrap:nowrap}:host(.v-flex-wrap){flex-wrap:wrap}:host(.v-flex-wrap-reverse){flex-wrap:wrap-reverse}@media (min-width: 320px){:host(.S\\:v-flex-nowrap){flex-wrap:nowrap}:host(.S\\:v-flex-wrap){flex-wrap:wrap}:host(.S\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 768px){:host(.M\\:v-flex-nowrap){flex-wrap:nowrap}:host(.M\\:v-flex-wrap){flex-wrap:wrap}:host(.M\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 1024px){:host(.L\\:v-flex-nowrap){flex-wrap:nowrap}:host(.L\\:v-flex-wrap){flex-wrap:wrap}:host(.L\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 1440px){:host(.XL\\:v-flex-nowrap){flex-wrap:nowrap}:host(.XL\\:v-flex-wrap){flex-wrap:wrap}:host(.XL\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}';export{L as vega_flex}
@@ -1 +1 @@
1
- import{h as e,H as t,r as i,c as r,g as n}from"./p-1c298d5a.js";import{c as o,V as s,M as a,I as l}from"./p-6e1ab235.js";import{V as c,I as d}from"./p-4387d550.js";import{V as p}from"./p-b54328c6.js";import{s as h}from"./p-9b797118.js";import{D as u}from"./p-59c9de55.js";import{a as f,f as g}from"./p-c8408c13.js";import{f as m}from"./p-15d7a049.js";import{b as v}from"./p-a247e073.js";import{C as b}from"./p-2d0d575f.js";import{d as w}from"./p-47a4c625.js";import{c as x}from"./p-c8f914d2.js";import{F as j}from"./p-e3820e5b.js";import{R as y}from"./p-280cbcdb.js";import{P as R,g as C}from"./p-c0291e2e.js";import{T as z}from"./p-b129beb6.js";import"./p-cc63e827.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-bf953152.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-c531d2f3.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-3647d61d.js";import"./p-5f377954.js";import"./p-f1e0e7d4.js";import"./p-619fdde5.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-76076b46.js";import"./p-e06361df.js";import"./p-0fd6c35b.js";import"./p-d920b18c.js";import"./p-2205ee4c.js";import"./p-0bb29d98.js";import"./p-abd7aeaa.js";import"./p-987fbbd0.js";import"./p-b5f5a5e0.js";var I=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class V extends s{render(){return e(t,null,"written"===this.mode&&this.writtenModeRenderer.render())}}I([o()],V.prototype,"mode",void 0),I([o()],V.prototype,"writtenModeRenderer",void 0);var S=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class L extends s{constructor(){super(...arguments),this.signatureCaptureFocus=()=>{this.signatureCaptureContainerRef.focus()}}getSignatureCaptureContainer(){return this.signatureCaptureContainerRef}render(){return e("vega-flex",{direction:"col",gap:"size-8"},this.renderLabel(),this.renderContainer(),this.renderFooter())}renderLabel(){return this.label&&e("vega-field-label",{onClick:this.signatureCaptureFocus,isFieldRequired:this.required,label:this.label,disabled:this.disabled})}renderContainer(){return e("div",{class:{"signature-capture-written-container":!0,disabled:this.disabled},"aria-label":"Please sign here",role:"textbox",tabIndex:this.disabled?-1:0,ref:e=>this.signatureCaptureContainerRef=e},this.renderPlaceholder(),this.renderSignaturePad())}renderPlaceholder(){if(!this.isDrawing&&!this.value)return this.placeholder&&e("vega-flex",{class:"placeholder-container",gap:"size-8",justifyContent:"center",alignItems:"center",margin:{left:"size-24",right:"size-24"}},this.placeholderIcon&&e("vega-icon",{class:"placeholder-container-icon",size:"size-20",color:"text-secondary",icon:this.placeholderIcon}),e("div",{class:"placeholder-container-content"},this.translationSlimmer.t(this.placeholder)))}renderSignaturePad(){return e("svg",{style:{width:"100%",height:m(this.height,"widthAndHeight"),touchAction:"none"},ref:e=>this.writtenModeSvgController.setSignatureContainerRef(e)})}renderFooter(){return this.showClearBtn&&e("vega-flex",{class:"signature-capture-written-footer",justifyContent:"space-between"},e("div",{class:"vega-error vega-hidden vega-error-content"}),this.renderClearBtn())}renderClearBtn(){return e("div",{class:"clear-button"},e("vega-button-link",{size:"small",disabled:this.disabled,ref:e=>{u.addUniqueObserverToNode(e,f,(()=>{this.writtenModeSvgController.clear()}))},label:this.translationSlimmer.t("Clear Signature")}))}}p.register({signature:{icon:'<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M176 128c0-26.5 21.5-48 48-48s48 21.5 48 48v7.9c0 27.5-2.3 55-7 82.1L158 251.1c-36.9 11.4-62 45.5-62 84.1V410c0 38.6 31.3 70 70 70c24.6 0 47.4-12.9 60-34l15.9-26.4c29.6-49.4 51.1-103.3 63.6-159.5l1-4.7 110.8-34.3-23.9 66.8c-2.6 7.4-1.5 15.5 3 21.9s11.8 10.2 19.6 10.2H552c13.3 0 24-10.7 24-24s-10.7-24-24-24H450.1l28.5-79.9c3.1-8.6 1-18.1-5.3-24.7s-15.7-9-24.4-6.3l-133 41.2c2.7-22 4.1-44.2 4.1-66.4V128c0-53-43-96-96-96s-96 43-96 96v40c0 13.3 10.7 24 24 24s24-10.7 24-24V128zm-3.8 169l80.9-25c-11.7 43.2-29.4 84.5-52.4 123l-15.9 26.4c-4 6.6-11.1 10.7-18.8 10.7c-12.1 0-22-9.8-22-22V335.2c0-17.5 11.4-33 28.2-38.2zM64 368H24c-13.3 0-24 10.7-24 24s10.7 24 24 24H64.2c-.1-2-.2-4-.2-6V368zm216.8 48H616c13.3 0 24-10.7 24-24s-10.7-24-24-24H304.1c-7 16.3-14.8 32.4-23.3 48z"/></svg>'}}),S([o()],L.prototype,"label",void 0),S([o()],L.prototype,"required",void 0),S([o()],L.prototype,"showClearBtn",void 0),S([o()],L.prototype,"placeholder",void 0),S([o()],L.prototype,"placeholderIcon",void 0),S([o()],L.prototype,"disabled",void 0),S([o()],L.prototype,"value",void 0),S([o()],L.prototype,"isDrawing",void 0),S([o()],L.prototype,"height",void 0),S([o()],L.prototype,"writtenModeSvgController",void 0),S([o()],L.prototype,"translationSlimmer",void 0);var k=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class M extends s{constructor(){super(...arguments),this.penWidth="4px",this.clear=()=>{this.signatureContainerRef.innerHTML="",this.value=null},this.startDrawing=e=>{if(this.disabled)return;this.isDrawing=!0;const{x:t,y:i}=this.getPoint(e);this.currentPath=document.createElementNS("http://www.w3.org/2000/svg","path"),this.currentPath.setAttribute("d",`M ${t} ${i}`),Object.assign(this.currentPath.style,{stroke:"rgba(4, 4, 28, 1)",strokeWidth:this.penWidth,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),this.signatureContainerRef.appendChild(this.currentPath)},this.getPoint=e=>{var t,i;const r=this.signatureContainerRef.getBoundingClientRect(),n=null!==(t=e.clientX)&&void 0!==t?t:e.touches[0].clientX,o=null!==(i=e.clientY)&&void 0!==i?i:e.touches[0].clientY;return{x:n-r.left,y:o-r.top}},this.draw=e=>{if(!this.isDrawing)return;const{x:t,y:i}=this.getPoint(e),r=this.currentPath.getAttribute("d");this.currentPath.setAttribute("d",`${r} L ${t} ${i}`)},this.stopDrawing=()=>{this.isDrawing&&(this.isDrawing=!1,this.value={type:"written",img:this.generateSignatureImage()})}}componentDidLoad(){this.setupListeners(),this.fillSignature(this.value)}handleClear(){this.clear()}watchValue(e,t){w(e,t)||(this.changeEventEmitter.emit(e),this.fillSignature(e),b.notify(v,{host:this.host,detail:e}))}setSignatureContainerRef(e){this.signatureContainerRef=e}setupListeners(){const e=this.signatureContainerRef;e.addEventListener("mousedown",this.startDrawing),e.addEventListener("mousemove",this.draw),e.addEventListener("mouseup",this.stopDrawing),e.addEventListener("mouseleave",this.stopDrawing),e.addEventListener("touchstart",this.startDrawing),e.addEventListener("touchmove",this.draw),e.addEventListener("touchend",this.stopDrawing)}generateSignatureImage(){const e=(new XMLSerializer).serializeToString(this.signatureContainerRef);return`data:image/svg+xml;base64,${btoa(unescape(encodeURIComponent(e)))}`}fromDataURL(e){if(!e||!e.img)return;const t=this.value.img.replace("data:image/svg+xml;base64,","");return(new DOMParser).parseFromString(atob(t),"image/svg+xml").documentElement}fillSignature(e){this.signatureContainerRef.replaceChildren();const t=this.fromDataURL(e);if(t){const e=Array.from(t.childNodes);this.signatureContainerRef.append(...e)}}}k([o()],M.prototype,"changeEventEmitter",void 0),k([o()],M.prototype,"host",void 0),k([o({writable:!0})],M.prototype,"value",void 0),k([o({writable:!0})],M.prototype,"isDrawing",void 0),k([o()],M.prototype,"disabled",void 0),k([a("componentDidLoad")],M.prototype,"componentDidLoad",null),k([a("clear")],M.prototype,"handleClear",null),k([a("watchValue")],M.prototype,"watchValue",null);var O=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};const D=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.vegaSignatureCaptureRenderer=new V,this.writtenModeRenderer=new L,this.writtenModeSvgController=new M,this.changeEventEmitter=x(D,g),this.formFieldController=new j({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new y:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.writtenModeRenderer.getSignatureCaptureContainer(),touchableAreaGetter:()=>[this.writtenModeRenderer.getSignatureCaptureContainer()]}),this.pageResizeSlimmer=new R,this.currentBreakpoint=C(),this.isDrawing=!1,this.mode="written",this.label="",this.required=!1,this.showClearBtn=!0,this.placeholder="Please sign here",this.placeholderIcon=p.getIconKey("signature"),this.disabled=!1,this.value=null,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.height="320px"}watchValue(e,t){}watchValidationRules(){}async clear(){}render(){return h(this.vegaSignatureCaptureRenderer.render(),this.host)}get host(){return n(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};O([d()],D.prototype,"globalSlimmers",void 0),O([l()],D.prototype,"translationSlimmer",void 0),O([l()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),O([l()],D.prototype,"vegaSignatureCaptureRenderer",void 0),O([l()],D.prototype,"writtenModeRenderer",void 0),O([l()],D.prototype,"writtenModeSvgController",void 0),O([l()],D.prototype,"changeEventEmitter",void 0),O([l()],D.prototype,"formFieldController",void 0),O([l()],D.prototype,"pageResizeSlimmer",void 0),D.style=':host{display:block}.signature-capture-written-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;width:100%;position:relative;background-color:rgb(252, 252, 252)}.signature-capture-written-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.signature-capture-written-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.signature-capture-written-container .placeholder-container{height:100%;position:absolute;top:0px;right:0px;bottom:0px;left:0px;pointer-events:none}.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;color:rgba(4, 4, 28, 0.64)}@media screen and (min-width: 768px) and (max-width: 1023px){.signature-capture-written-container .placeholder-container-content{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){.signature-capture-written-container .placeholder-container-content{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){.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.signature-capture-written-container .placeholder-container-icon{flex-shrink:0;color:rgba(4, 4, 28, 0.64)}.signature-capture-written-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.signature-capture-written-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.signature-capture-written-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1))}.signature-capture-written-container.disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.signature-capture-written-container.disabled:hover,.signature-capture-written-container.disabled:focus-within{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.signature-capture-written-container.disabled:focus-within{outline:none}.signature-capture-written-container.disabled .placeholder-container-content,.signature-capture-written-container.disabled .placeholder-container-icon{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.signature-capture-written-footer .clear-button{flex-grow:1;padding-right:8px;text-align:right}.signature-capture-written-footer .vega-error-content{padding-top:0px;padding-right:0px;flex-grow:1}.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-right:8px;padding-left:8px}@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}';export{D as vega_signature_capture}
1
+ import{h as e,H as t,r as i,c as r,g as n}from"./p-1c298d5a.js";import{c as o,V as s,M as a,I as l}from"./p-6e1ab235.js";import{V as c,I as d}from"./p-4387d550.js";import{V as p}from"./p-b54328c6.js";import{s as h}from"./p-9b797118.js";import{D as u}from"./p-59c9de55.js";import{a as f,f as g}from"./p-c8408c13.js";import{f as m}from"./p-7617b2ac.js";import{b as v}from"./p-a247e073.js";import{C as b}from"./p-2d0d575f.js";import{d as w}from"./p-47a4c625.js";import{c as x}from"./p-c8f914d2.js";import{F as j}from"./p-a3fa41c8.js";import{R as y}from"./p-280cbcdb.js";import{P as R,g as C}from"./p-c0291e2e.js";import{T as z}from"./p-9ba28523.js";import"./p-cc63e827.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-bf953152.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-51686ec2.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-3647d61d.js";import"./p-5f377954.js";import"./p-f1e0e7d4.js";import"./p-619fdde5.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-01d4c679.js";import"./p-e06361df.js";import"./p-0fd6c35b.js";import"./p-d8683a5f.js";import"./p-2205ee4c.js";import"./p-0bb29d98.js";import"./p-abd7aeaa.js";import"./p-987fbbd0.js";import"./p-b5f5a5e0.js";var I=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class V extends s{render(){return e(t,null,"written"===this.mode&&this.writtenModeRenderer.render())}}I([o()],V.prototype,"mode",void 0),I([o()],V.prototype,"writtenModeRenderer",void 0);var S=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class L extends s{constructor(){super(...arguments),this.signatureCaptureFocus=()=>{this.signatureCaptureContainerRef.focus()}}getSignatureCaptureContainer(){return this.signatureCaptureContainerRef}render(){return e("vega-flex",{direction:"col",gap:"size-8"},this.renderLabel(),this.renderContainer(),this.renderFooter())}renderLabel(){return this.label&&e("vega-field-label",{onClick:this.signatureCaptureFocus,isFieldRequired:this.required,label:this.label,disabled:this.disabled})}renderContainer(){return e("div",{class:{"signature-capture-written-container":!0,disabled:this.disabled},"aria-label":"Please sign here",role:"textbox",tabIndex:this.disabled?-1:0,ref:e=>this.signatureCaptureContainerRef=e},this.renderPlaceholder(),this.renderSignaturePad())}renderPlaceholder(){if(!this.isDrawing&&!this.value)return this.placeholder&&e("vega-flex",{class:"placeholder-container",gap:"size-8",justifyContent:"center",alignItems:"center",margin:{left:"size-24",right:"size-24"}},this.placeholderIcon&&e("vega-icon",{class:"placeholder-container-icon",size:"size-20",color:"text-secondary",icon:this.placeholderIcon}),e("div",{class:"placeholder-container-content"},this.translationSlimmer.t(this.placeholder)))}renderSignaturePad(){return e("svg",{style:{width:"100%",height:m(this.height,"widthAndHeight"),touchAction:"none"},ref:e=>this.writtenModeSvgController.setSignatureContainerRef(e)})}renderFooter(){return this.showClearBtn&&e("vega-flex",{class:"signature-capture-written-footer",justifyContent:"space-between"},e("div",{class:"vega-error vega-hidden vega-error-content"}),this.renderClearBtn())}renderClearBtn(){return e("div",{class:"clear-button"},e("vega-button-link",{size:"small",disabled:this.disabled,ref:e=>{u.addUniqueObserverToNode(e,f,(()=>{this.writtenModeSvgController.clear()}))},label:this.translationSlimmer.t("Clear Signature")}))}}p.register({signature:{icon:'<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M176 128c0-26.5 21.5-48 48-48s48 21.5 48 48v7.9c0 27.5-2.3 55-7 82.1L158 251.1c-36.9 11.4-62 45.5-62 84.1V410c0 38.6 31.3 70 70 70c24.6 0 47.4-12.9 60-34l15.9-26.4c29.6-49.4 51.1-103.3 63.6-159.5l1-4.7 110.8-34.3-23.9 66.8c-2.6 7.4-1.5 15.5 3 21.9s11.8 10.2 19.6 10.2H552c13.3 0 24-10.7 24-24s-10.7-24-24-24H450.1l28.5-79.9c3.1-8.6 1-18.1-5.3-24.7s-15.7-9-24.4-6.3l-133 41.2c2.7-22 4.1-44.2 4.1-66.4V128c0-53-43-96-96-96s-96 43-96 96v40c0 13.3 10.7 24 24 24s24-10.7 24-24V128zm-3.8 169l80.9-25c-11.7 43.2-29.4 84.5-52.4 123l-15.9 26.4c-4 6.6-11.1 10.7-18.8 10.7c-12.1 0-22-9.8-22-22V335.2c0-17.5 11.4-33 28.2-38.2zM64 368H24c-13.3 0-24 10.7-24 24s10.7 24 24 24H64.2c-.1-2-.2-4-.2-6V368zm216.8 48H616c13.3 0 24-10.7 24-24s-10.7-24-24-24H304.1c-7 16.3-14.8 32.4-23.3 48z"/></svg>'}}),S([o()],L.prototype,"label",void 0),S([o()],L.prototype,"required",void 0),S([o()],L.prototype,"showClearBtn",void 0),S([o()],L.prototype,"placeholder",void 0),S([o()],L.prototype,"placeholderIcon",void 0),S([o()],L.prototype,"disabled",void 0),S([o()],L.prototype,"value",void 0),S([o()],L.prototype,"isDrawing",void 0),S([o()],L.prototype,"height",void 0),S([o()],L.prototype,"writtenModeSvgController",void 0),S([o()],L.prototype,"translationSlimmer",void 0);var k=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class M extends s{constructor(){super(...arguments),this.penWidth="4px",this.clear=()=>{this.signatureContainerRef.innerHTML="",this.value=null},this.startDrawing=e=>{if(this.disabled)return;this.isDrawing=!0;const{x:t,y:i}=this.getPoint(e);this.currentPath=document.createElementNS("http://www.w3.org/2000/svg","path"),this.currentPath.setAttribute("d",`M ${t} ${i}`),Object.assign(this.currentPath.style,{stroke:"rgba(4, 4, 28, 1)",strokeWidth:this.penWidth,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"}),this.signatureContainerRef.appendChild(this.currentPath)},this.getPoint=e=>{var t,i;const r=this.signatureContainerRef.getBoundingClientRect(),n=null!==(t=e.clientX)&&void 0!==t?t:e.touches[0].clientX,o=null!==(i=e.clientY)&&void 0!==i?i:e.touches[0].clientY;return{x:n-r.left,y:o-r.top}},this.draw=e=>{if(!this.isDrawing)return;const{x:t,y:i}=this.getPoint(e),r=this.currentPath.getAttribute("d");this.currentPath.setAttribute("d",`${r} L ${t} ${i}`)},this.stopDrawing=()=>{this.isDrawing&&(this.isDrawing=!1,this.value={type:"written",img:this.generateSignatureImage()})}}componentDidLoad(){this.setupListeners(),this.fillSignature(this.value)}handleClear(){this.clear()}watchValue(e,t){w(e,t)||(this.changeEventEmitter.emit(e),this.fillSignature(e),b.notify(v,{host:this.host,detail:e}))}setSignatureContainerRef(e){this.signatureContainerRef=e}setupListeners(){const e=this.signatureContainerRef;e.addEventListener("mousedown",this.startDrawing),e.addEventListener("mousemove",this.draw),e.addEventListener("mouseup",this.stopDrawing),e.addEventListener("mouseleave",this.stopDrawing),e.addEventListener("touchstart",this.startDrawing),e.addEventListener("touchmove",this.draw),e.addEventListener("touchend",this.stopDrawing)}generateSignatureImage(){const e=(new XMLSerializer).serializeToString(this.signatureContainerRef);return`data:image/svg+xml;base64,${btoa(unescape(encodeURIComponent(e)))}`}fromDataURL(e){if(!e||!e.img)return;const t=this.value.img.replace("data:image/svg+xml;base64,","");return(new DOMParser).parseFromString(atob(t),"image/svg+xml").documentElement}fillSignature(e){this.signatureContainerRef.replaceChildren();const t=this.fromDataURL(e);if(t){const e=Array.from(t.childNodes);this.signatureContainerRef.append(...e)}}}k([o()],M.prototype,"changeEventEmitter",void 0),k([o()],M.prototype,"host",void 0),k([o({writable:!0})],M.prototype,"value",void 0),k([o({writable:!0})],M.prototype,"isDrawing",void 0),k([o()],M.prototype,"disabled",void 0),k([a("componentDidLoad")],M.prototype,"componentDidLoad",null),k([a("clear")],M.prototype,"handleClear",null),k([a("watchValue")],M.prototype,"watchValue",null);var O=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};const D=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.vegaSignatureCaptureRenderer=new V,this.writtenModeRenderer=new L,this.writtenModeSvgController=new M,this.changeEventEmitter=x(D,g),this.formFieldController=new j({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new y:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.writtenModeRenderer.getSignatureCaptureContainer(),touchableAreaGetter:()=>[this.writtenModeRenderer.getSignatureCaptureContainer()]}),this.pageResizeSlimmer=new R,this.currentBreakpoint=C(),this.isDrawing=!1,this.mode="written",this.label="",this.required=!1,this.showClearBtn=!0,this.placeholder="Please sign here",this.placeholderIcon=p.getIconKey("signature"),this.disabled=!1,this.value=null,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.height="320px"}watchValue(e,t){}watchValidationRules(){}async clear(){}render(){return h(this.vegaSignatureCaptureRenderer.render(),this.host)}get host(){return n(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};O([d()],D.prototype,"globalSlimmers",void 0),O([l()],D.prototype,"translationSlimmer",void 0),O([l()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),O([l()],D.prototype,"vegaSignatureCaptureRenderer",void 0),O([l()],D.prototype,"writtenModeRenderer",void 0),O([l()],D.prototype,"writtenModeSvgController",void 0),O([l()],D.prototype,"changeEventEmitter",void 0),O([l()],D.prototype,"formFieldController",void 0),O([l()],D.prototype,"pageResizeSlimmer",void 0),D.style=':host{display:block}.signature-capture-written-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;width:100%;position:relative;background-color:rgb(252, 252, 252)}.signature-capture-written-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.signature-capture-written-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.signature-capture-written-container .placeholder-container{height:100%;position:absolute;top:0px;right:0px;bottom:0px;left:0px;pointer-events:none}.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;color:rgba(4, 4, 28, 0.64)}@media screen and (min-width: 768px) and (max-width: 1023px){.signature-capture-written-container .placeholder-container-content{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){.signature-capture-written-container .placeholder-container-content{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){.signature-capture-written-container .placeholder-container-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.signature-capture-written-container .placeholder-container-icon{flex-shrink:0;color:rgba(4, 4, 28, 0.64)}.signature-capture-written-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.signature-capture-written-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.signature-capture-written-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1));border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1))}.signature-capture-written-container.disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.signature-capture-written-container.disabled:hover,.signature-capture-written-container.disabled:focus-within{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.signature-capture-written-container.disabled:focus-within{outline:none}.signature-capture-written-container.disabled .placeholder-container-content,.signature-capture-written-container.disabled .placeholder-container-icon{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.signature-capture-written-footer .clear-button{flex-grow:1;padding-right:8px;text-align:right}.signature-capture-written-footer .vega-error-content{padding-top:0px;padding-right:0px;flex-grow:1}.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-right:8px;padding-left:8px}@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}';export{D as vega_signature_capture}
@@ -1 +1 @@
1
- var t;!function(t){t.Angular="angular",t.Vue="vue",t.React="react",t.Next="next",t.VanillaJs="vanilla-js"}(t||(t={}));const s=new class{constructor(){this.vegaVersion="2.43.0",this.framework=t.VanillaJs}getVegaEnv(){return{version:this.vegaVersion,framework:this.framework}}setVegaFramework(t){this.framework=t}};export{t as F,s as v}
1
+ var t;!function(t){t.Angular="angular",t.Vue="vue",t.React="react",t.Next="next",t.VanillaJs="vanilla-js"}(t||(t={}));const s=new class{constructor(){this.vegaVersion="2.45.0",this.framework=t.VanillaJs}getVegaEnv(){return{version:this.vegaVersion,framework:this.framework}}setVegaFramework(t){this.framework=t}};export{t as F,s as v}
@@ -1 +1 @@
1
- import{a as r}from"./p-76076b46.js";import{I as e}from"./p-abd7aeaa.js";class i extends e{evaluate(r){var e,i;if(!this.isAcceptedInputType(r))throw new Error(`Invalid value ${r} for rich text editor`);const t=(null===(e=null==r?void 0:r.blocks)||void 0===e?void 0:e.length)>1||1===(null===(i=null==r?void 0:r.blocks)||void 0===i?void 0:i.length)&&r.blocks.some((r=>r.isNotEmpty()));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(r,e){return e?this.isAcceptedInputType(r)&&!e.disabled&&e.visible:this.isAcceptedInputType(r)}shouldShowError(r){return!r.disabled&&r.visible&&(r.touched||r.modified)}isAcceptedInputType(e){return null==e||e instanceof r}}export{i as R}
1
+ import{a as r}from"./p-01d4c679.js";import{I as e}from"./p-abd7aeaa.js";class i extends e{evaluate(r){var e,i;if(!this.isAcceptedInputType(r))throw new Error(`Invalid value ${r} for rich text editor`);const t=(null===(e=null==r?void 0:r.blocks)||void 0===e?void 0:e.length)>1||1===(null===(i=null==r?void 0:r.blocks)||void 0===i?void 0:i.length)&&r.blocks.some((r=>r.isNotEmpty()));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(r,e){return e?this.isAcceptedInputType(r)&&!e.disabled&&e.visible:this.isAcceptedInputType(r)}shouldShowError(r){return!r.disabled&&r.visible&&(r.touched||r.modified)}isAcceptedInputType(e){return null==e||e instanceof r}}export{i as R}
@@ -1 +1 @@
1
- import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{c as s,V as p,M as l,I as d}from"./p-6e1ab235.js";import{V as u,I as h}from"./p-4387d550.js";import{c}from"./p-c8f914d2.js";import{f as g}from"./p-c8408c13.js";import{F as v}from"./p-e3820e5b.js";import{i as f}from"./p-3647d61d.js";import{C as b}from"./p-2d0d575f.js";import{b as m}from"./p-a247e073.js";import{g as x,D as w}from"./p-bf953152.js";import{D as y}from"./p-59c9de55.js";import{C as j}from"./p-179887da.js";import{I as R}from"./p-f396c69a.js";import{I}from"./p-abd7aeaa.js";import{c as C}from"./p-86194314.js";import{T as V}from"./p-b129beb6.js";import"./p-6a334573.js";import"./p-619fdde5.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-e06361df.js";import"./p-d920b18c.js";import"./p-c0291e2e.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-987fbbd0.js";import"./p-b5f5a5e0.js";import"./p-262ec334.js";import"./p-5f377954.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";var N=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class k extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}N([s()],k.prototype,"required",void 0),N([s()],k.prototype,"disabled",void 0),N([s()],k.prototype,"label",void 0),N([s()],k.prototype,"hint",void 0),N([s()],k.prototype,"stack",void 0),N([s()],k.prototype,"inputRangeInputRenderer",void 0);var z=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class O extends p{emitEventAndNotifyAfterValueChange(e,i){f(e,i)||(this.changeEventEmitter.emit(e),b.notify(m,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],f(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}z([s({writable:!0})],O.prototype,"value",void 0),z([s()],O.prototype,"host",void 0),z([s()],O.prototype,"changeEventEmitter",void 0),z([l("watchValue")],O.prototype,"emitEventAndNotifyAfterValueChange",null);var A=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class E extends p{constructor(){super(...arguments),this.isMobileDevice=x()===w.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return this.translationSlimmer.t((this.placeholder||E.defaultPlaceholder)[e])}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}E.defaultPlaceholder=["Minimum","Maximum"],A([s()],E.prototype,"value",void 0),A([s()],E.prototype,"prefixIcon",void 0),A([s()],E.prototype,"disabled",void 0),A([s()],E.prototype,"min",void 0),A([s()],E.prototype,"max",void 0),A([s()],E.prototype,"size",void 0),A([s()],E.prototype,"placeholder",void 0),A([s()],E.prototype,"showClearIcon",void 0),A([s()],E.prototype,"valueController",void 0),A([s()],E.prototype,"clearIconRenderer",void 0),A([s()],E.prototype,"translationSlimmer",void 0);class F extends I{constructor(e){super(),this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult({key:"The minimum input value is {0}",args:[this.minValue]}):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult({key:"The maximum input value is {0}",args:[this.maxValue]}):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var M=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class S extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:"-1",onClick:this.clearInputRangeValue,onKeyDown:C()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}M([s()],S.prototype,"showClearIcon",void 0),M([s()],S.prototype,"value",void 0),M([s()],S.prototype,"disabled",void 0),M([s()],S.prototype,"inputRangeInputRenderer",void 0),M([s()],S.prototype,"valueController",void 0);var B=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const D=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new V,this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new R:null},{propertyName:"min",ruleFactory:(e,i)=>new F({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new F({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new E,this.clearIconRenderer=new S,this.inputRangeRenderer=new k,this.valueController=new O,this.inputChangeEventPrevent=new j([g],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(D,g),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};B([h()],D.prototype,"globalSlimmers",void 0),B([d()],D.prototype,"translationSlimmer",void 0),B([d()],D.prototype,"formFieldController",void 0),B([d()],D.prototype,"inputRangeInputRenderer",void 0),B([d()],D.prototype,"clearIconRenderer",void 0),B([d()],D.prototype,"inputRangeRenderer",void 0),B([d()],D.prototype,"valueController",void 0),B([d()],D.prototype,"inputChangeEventPrevent",void 0),B([d()],D.prototype,"changeEventEmitter",void 0),B([d()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.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){.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}';export{D as vega_input_range}
1
+ import{h as e,F as i,r as t,c as r,H as n,g as a}from"./p-1c298d5a.js";import{s as o}from"./p-9b797118.js";import{c as s,V as p,M as l,I as d}from"./p-6e1ab235.js";import{V as u,I as h}from"./p-4387d550.js";import{c}from"./p-c8f914d2.js";import{f as g}from"./p-c8408c13.js";import{F as v}from"./p-a3fa41c8.js";import{i as f}from"./p-3647d61d.js";import{C as b}from"./p-2d0d575f.js";import{b as m}from"./p-a247e073.js";import{g as x,D as w}from"./p-bf953152.js";import{D as y}from"./p-59c9de55.js";import{C as j}from"./p-179887da.js";import{I as R}from"./p-f396c69a.js";import{I}from"./p-abd7aeaa.js";import{c as C}from"./p-86194314.js";import{T as V}from"./p-9ba28523.js";import"./p-6a334573.js";import"./p-619fdde5.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-e06361df.js";import"./p-d8683a5f.js";import"./p-c0291e2e.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-987fbbd0.js";import"./p-b5f5a5e0.js";import"./p-262ec334.js";import"./p-5f377954.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";var N=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class k extends p{getInputRangeContainerRef(){return this.inputRangeContainerRef}render(){return e(i,null,e("vega-flex",{class:"vega-input-range-container",direction:"horizontal"!==this.stack?"col":"row",alignItems:"horizontal"!==this.stack?"start":"center",gap:"size-8",ref:e=>this.inputRangeContainerRef=e},e("vega-field-label",{onClick:this.inputRangeInputRenderer.focusFirstInput,isFieldRequired:this.required,disabled:this.disabled,label:this.label}),this.inputRangeInputRenderer.render()),this.renderHintDom())}renderHintDom(){if(this.hint)return e("label",{class:"vega-input-range-hint"},e("vega-font",{variant:"font-footnote1-short",color:"text-secondary"},this.hint))}}N([s()],k.prototype,"required",void 0),N([s()],k.prototype,"disabled",void 0),N([s()],k.prototype,"label",void 0),N([s()],k.prototype,"hint",void 0),N([s()],k.prototype,"stack",void 0),N([s()],k.prototype,"inputRangeInputRenderer",void 0);var z=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class O extends p{emitEventAndNotifyAfterValueChange(e,i){f(e,i)||(this.changeEventEmitter.emit(e),b.notify(m,{host:this.host,detail:e}))}updateValueByRangeIndex(e,i){let t=this.value;t=0===i?[e,Array.isArray(this.value)&&!isNaN(Number(this.value[1]))?this.value[1]:""]:[Array.isArray(this.value)&&!isNaN(Number(this.value[0]))?this.value[0]:"",e],f(t,this.value)||this.setValue(t)}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){return Array.isArray(e)&&2===e.length}}z([s({writable:!0})],O.prototype,"value",void 0),z([s()],O.prototype,"host",void 0),z([s()],O.prototype,"changeEventEmitter",void 0),z([l("watchValue")],O.prototype,"emitEventAndNotifyAfterValueChange",null);var A=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class E extends p{constructor(){super(...arguments),this.isMobileDevice=x()===w.MOBILE,this.focusFirstInput=()=>{this.minFieldInputRef.doFocus()},this.inputValueChange=e=>{this.valueController.updateValueByRangeIndex(e.detail,"0"===e.host.dataset.index?0:1)}}getInputRefByIndex(e){return[this.minFieldInputRef,this.maxFieldInputRef][e]}render(){return e("vega-box",{class:{"vega-input-range-input-container":!0,"input-range-disabled":this.disabled,"input-range-mobile":this.isMobileDevice,"input-range-with-clear-icon":this.showClearIcon&&!this.disabled},corners:"rounded-8",backgroundColor:this.disabled?"bg-secondary":"bg-primary"},e("vega-flex",{"align-items":"center",direction:this.isMobileDevice?"col":"row"},e("vega-input",Object.assign({prefixIcon:this.prefixIcon},this.getInputPropsByRangeIndex(0),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.minFieldInputRef=e}})),e("span",{class:"vega-input-range-divider"}),e("vega-input",Object.assign({class:{"with-left-padding-in-mobile":!!this.prefixIcon&&this.isMobileDevice}},this.getInputPropsByRangeIndex(1),{ref:e=>{y.addUniqueObserverToNode(e,g,this.inputValueChange),this.maxFieldInputRef=e}}))),this.clearIconRenderer.render())}getInputPropsByRangeIndex(e){return{type:"number","data-index":e,placeholder:this.getPlaceholderByIndex(e),showClearIcon:!1,disabled:this.disabled,size:this.size,min:this.min,max:this.max,value:this.getDefaultValueByIndex(e)}}getPlaceholderByIndex(e){return this.translationSlimmer.t((this.placeholder||E.defaultPlaceholder)[e])}getDefaultValueByIndex(e){return(this.value||["",""])[e]}}E.defaultPlaceholder=["Minimum","Maximum"],A([s()],E.prototype,"value",void 0),A([s()],E.prototype,"prefixIcon",void 0),A([s()],E.prototype,"disabled",void 0),A([s()],E.prototype,"min",void 0),A([s()],E.prototype,"max",void 0),A([s()],E.prototype,"size",void 0),A([s()],E.prototype,"placeholder",void 0),A([s()],E.prototype,"showClearIcon",void 0),A([s()],E.prototype,"valueController",void 0),A([s()],E.prototype,"clearIconRenderer",void 0),A([s()],E.prototype,"translationSlimmer",void 0);class F extends I{constructor(e){super(),this.invalidResult=e=>({isValid:!1,message:e}),this.validResult=()=>({isValid:!0,message:""}),this.minValue=0===e.minValue||e.minValue?Number(e.minValue):null,this.maxValue=0===e.maxValue||e.maxValue?Number(e.maxValue):null}canEvaluate(e,i){return i?this.isAcceptedInputType(e)&&!i.disabled&&i.visible:this.isAcceptedInputType(e)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const i=Number(e[0]),t=Number(e[1]);return null!==this.minValue&&(""!==e[0]&&i<this.minValue||""!==e[1]&&t<this.minValue)?this.invalidResult({key:"The minimum input value is {0}",args:[this.minValue]}):null!==this.maxValue&&(""!==e[0]&&i>this.maxValue||""!==e[1]&&t>this.maxValue)?this.invalidResult({key:"The maximum input value is {0}",args:[this.maxValue]}):""!==e[0]&&""!==e[1]&&i>t?this.invalidResult("The end value should be greater than the start value"):this.validResult()}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>"number"==typeof Number(e)))}}var M=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};class S extends p{constructor(){super(...arguments),this.clearInputRangeValue=()=>{this.valueController.setValue(["",""]),this.inputRangeInputRenderer.focusFirstInput()}}render(){return e("div",{class:{"vega-input-range-clear-icon":!0,invisible:!this.shouldShowClearIcon()},"aria-label":"clear input range",role:"button",tabindex:"-1",onClick:this.clearInputRangeValue,onKeyDown:C()},e("vega-icon",{icon:"close"}))}shouldShowClearIcon(){return this.showClearIcon&&!this.disabled&&Array.isArray(this.value)&&this.value.some((e=>!!e))}}M([s()],S.prototype,"showClearIcon",void 0),M([s()],S.prototype,"value",void 0),M([s()],S.prototype,"disabled",void 0),M([s()],S.prototype,"inputRangeInputRenderer",void 0),M([s()],S.prototype,"valueController",void 0);var B=function(e,i,t,r){var n,a=arguments.length,o=a<3?i:null===r?r=Object.getOwnPropertyDescriptor(i,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,r);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(o=(a<3?n(o):a>3?n(i,t,o):n(i,t))||o);return a>3&&o&&Object.defineProperty(i,t,o),o};const D=class{constructor(e){t(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.translationSlimmer=new V,this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new R:null},{propertyName:"min",ruleFactory:(e,i)=>new F({minValue:e,maxValue:i}),dependence:"max"},{propertyName:"max",ruleFactory:(e,i)=>new F({minValue:i,maxValue:e}),dependence:"min"}],validationRulesName:"validationRules",defaultValue:["",""],attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputRangeRenderer.getInputRangeContainerRef(),touchableAreaGetter:()=>[this.inputRangeInputRenderer.getInputRefByIndex(0),this.inputRangeInputRenderer.getInputRefByIndex(1)]}),this.inputRangeInputRenderer=new E,this.clearIconRenderer=new S,this.inputRangeRenderer=new k,this.valueController=new O,this.inputChangeEventPrevent=new j([g],(()=>this.inputRangeRenderer.getInputRangeContainerRef())),this.changeEventEmitter=c(D,g),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=["",""],this.showClearIcon=!0,this.min=null,this.max=null,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.placeholder=["Minimum","Maximum"],this.disabled=!1,this.hint="",this.stack="vertical"}watchValue(e,i){}watchValidationRules(){}render(){return o(e(n,{class:{disabled:this.disabled}},this.inputRangeRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};B([h()],D.prototype,"globalSlimmers",void 0),B([d()],D.prototype,"translationSlimmer",void 0),B([d()],D.prototype,"formFieldController",void 0),B([d()],D.prototype,"inputRangeInputRenderer",void 0),B([d()],D.prototype,"clearIconRenderer",void 0),B([d()],D.prototype,"inputRangeRenderer",void 0),B([d()],D.prototype,"valueController",void 0),B([d()],D.prototype,"inputChangeEventPrevent",void 0),B([d()],D.prototype,"changeEventEmitter",void 0),B([d()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=':host{display:inline-block;width:100%}.vega-input-range-input-container{position:relative;width:100%;flex:1 1 0%;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));box-sizing:border-box;min-width:50%}.vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-range-input-container .vega-input-range-divider{display:inline-block;width:0px;height:24px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-style:solid;border-right-width:1px;border-left-width:0px;flex-shrink:0}.vega-input-range-input-container:focus-within .vega-input-range-divider{opacity:0}.vega-input-range-input-container .vega-input-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%);z-index:2}.vega-input-range-input-container .vega-input-range-clear-icon.invisible{visibility:hidden}.vega-input-range-input-container vega-input::part(input-container){border-width:0px}.vega-input-range-input-container vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1));position:relative;box-shadow:0 0 0;margin:-1px;z-index:1}.vega-input-range-input-container.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-disabled .vega-input-range-divider{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}.vega-input-range-input-container.input-range-mobile .vega-input-range-divider{width:100%;height:0px;border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:1px}.vega-input-range-input-container.input-range-mobile:focus-within .vega-input-range-divider{opacity:1}.vega-input-range-input-container.input-range-mobile .with-left-padding-in-mobile::part(input){padding-left:26px}.vega-input-range-input-container.input-range-mobile .vega-input-range-clear-icon{top:25%}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:first-child::part(input){padding-right:24px}.vega-input-range-input-container.input-range-mobile.input-range-with-clear-icon vega-input:last-child::part(input){padding-right:2px}.vega-input-range-container.error .vega-input-range-input-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-range-container.error .vega-input-range-input-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-range-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-range-hint{display:inline-block;padding-top:12px;padding-right:8px;padding-left:8px}.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){.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}';export{D as vega_input_range}
@@ -1 +1 @@
1
- import{h as e,r as t,c as i,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as n,V as a,M as l,I as c}from"./p-6e1ab235.js";import{V as h,I as d}from"./p-4387d550.js";import{c as p}from"./p-86194314.js";import{c as f}from"./p-c8f914d2.js";import{O as v,d as b,f as g}from"./p-c8408c13.js";import{C as x}from"./p-2d0d575f.js";import{j as m,C as u,R as w,b as y}from"./p-a247e073.js";import{S as j}from"./p-27192960.js";import{c as k}from"./p-e06361df.js";import{f as R}from"./p-bf953152.js";import{C}from"./p-179887da.js";import{C as z}from"./p-a02f52b7.js";import{c as S}from"./p-c66b55f8.js";import{F as I}from"./p-e3820e5b.js";import{R as O}from"./p-280cbcdb.js";import"./p-6a334573.js";import"./p-59c9de55.js";import"./p-619fdde5.js";import"./p-5f377954.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-d920b18c.js";import"./p-c0291e2e.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-abd7aeaa.js";import"./p-987fbbd0.js";import"./p-b5f5a5e0.js";import"./p-3647d61d.js";import"./p-262ec334.js";var T=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class V extends a{getSelectorContainerRef(){return this.selectorContainerRef}render(){return e("vega-flex",{"align-items":"start","justify-content":"start",gap:"size-16",class:{"selection-tile":!0,disabled:this.disabled,checked:this.checked,error:this.showError},"aria-label":this.titleText||"No label defined",tabIndex:this.disabled?-1:0,onClick:()=>{"radio"===this.selectType&&this.checked||this.checkedController.onCheck(!this.checked)},onKeyDown:p()},e("div",{class:"vega-flex-grow"},this.renderContent()),this.renderSelect())}renderContent(){return this.hasContentSlot()?e("slot",{name:"content"}):e("vega-flex",{gap:"size-12"},e("vega-flex",{class:"vega-flex-shrink-0"},this.renderPrefixIcon()),e("div",{class:"vega-flex-grow"},this.renderText()))}renderPrefixIcon(){return this.hasPrefixSlot()?e("slot",{name:"prefix"}):this.prefixIcon?e("vega-icon",{icon:this.prefixIcon,size:"size-16",color:this.disabled?"text-secondary":"text-primary",class:"selection-tile-icon"}):void 0}renderText(){return e("vega-flex",{class:"vega-flex-grow",direction:"col","align-items":"start","justify-content":"start"},e("div",{class:"selection-tile-title"},this.titleText),this.note&&e("div",{class:"selection-tile-note"},this.note))}renderSelect(){return e("vega-flex",{"align-items":"start",class:"vega-flex-shrink-0 selection-tile-select",ref:e=>this.selectorContainerRef=e},"checkbox"===this.selectType?this.renderCheckbox():this.renderRadio())}renderCheckbox(){return e("vega-checkbox",{size:"small",disabled:this.disabled,checked:this.checked})}renderRadio(){return e("vega-radio",{size:"small",disabled:this.disabled,checked:this.checked})}hasPrefixSlot(){return null!==this.host.querySelector("[slot=prefix]")}hasContentSlot(){return null!==this.host.querySelector("[slot=content]")}}T([n()],V.prototype,"host",void 0),T([n()],V.prototype,"prefixIcon",void 0),T([n()],V.prototype,"titleText",void 0),T([n()],V.prototype,"note",void 0),T([n()],V.prototype,"selectType",void 0),T([n()],V.prototype,"disabled",void 0),T([n()],V.prototype,"checked",void 0),T([n()],V.prototype,"showError",void 0),T([n()],V.prototype,"checkedController",void 0);var E=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class N extends a{setChecked(e){this.checked=e}onCheck(e){const t=e?this.value:"";this.checked=e,this.changeEventEmitter.emit(t),x.notify(m,{host:this.host,detail:{checked:e,value:this.value}})}}E([n()],N.prototype,"host",void 0),E([n({writable:!0})],N.prototype,"checked",void 0),E([n()],N.prototype,"changeEventEmitter",void 0),E([n()],N.prototype,"value",void 0);var A=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class F extends j{constructor(){super({parent:"vega-selection-tile-group",subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"disabled",parentStateName:"disabled",callback:e=>{"boolean"==typeof e&&(this.disabled=e)}},{subStateName:"checked",parentStateName:"value",callback:e=>{this.checkedController.setChecked(Array.isArray(e)?e.includes(this.value):e===this.value)}}]})}}A([n()],F.prototype,"host",void 0),A([n({writable:!0})],F.prototype,"selectType",void 0),A([n({writable:!0})],F.prototype,"disabled",void 0),A([n()],F.prototype,"checked",void 0),A([n()],F.prototype,"value",void 0),A([n()],F.prototype,"checkedController",void 0);var q=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class G extends a{connectedCallback(){this.selectionTileGroup=R(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new v(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),x.register(b.getSubject(this.selectionTileGroup||this.host,k),this.fieldErrorObserver)}disconnectedCallback(){x.unregister(b.getSubject(this.selectionTileGroup,k),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}q([n({writable:!0})],G.prototype,"showError",void 0),q([n()],G.prototype,"host",void 0),q([l("connectedCallback")],G.prototype,"connectedCallback",null),q([l("disconnectedCallback")],G.prototype,"disconnectedCallback",null);var _=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new V,this.checkedController=new N,this.stateController=new F,this.showErrorController=new G,this.changeEventEmitter=f(D,g),this.checkboxEventPrevent=new C([g],(()=>this.renderer.getSelectorContainerRef())),this.checkboxValueChangeObserver=new z(u,(e=>this.checkedController.onCheck(e.detail))),this.radioValueChangeObserver=new z(w,(e=>{e.detail&&this.checkedController.onCheck(e.detail)})),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.showError=!1,this.titleText="",this.disabled=!1,this.selectType="radio"}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}};_([d()],D.prototype,"globalSlimmers",void 0),_([c()],D.prototype,"renderer",void 0),_([c()],D.prototype,"checkedController",void 0),_([c()],D.prototype,"stateController",void 0),_([c()],D.prototype,"showErrorController",void 0),_([c()],D.prototype,"changeEventEmitter",void 0),_([c()],D.prototype,"checkboxEventPrevent",void 0),_([c()],D.prototype,"checkboxValueChangeObserver",void 0),_([c()],D.prototype,"radioValueChangeObserver",void 0),_([c()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=':host{display:block}:host .selection-tile{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));cursor:pointer;margin:1px}:host .selection-tile:not(.disabled):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled):focus-visible{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).checked{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));margin:0px}:host .selection-tile:not(.disabled).checked:hover{border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host .selection-tile:not(.disabled).checked:focus-visible{border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host .selection-tile:not(.disabled).error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled).error:focus-visible{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .selection-tile.disabled{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));pointer-events:none}:host .selection-tile.disabled .selection-tile-title,:host .selection-tile.disabled .selection-tile-note{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .selection-tile .selection-tile-title{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))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-title{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){:host .selection-tile .selection-tile-title{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){:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .selection-tile .selection-tile-note{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 .selection-tile .selection-tile-note{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 .selection-tile .selection-tile-note{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 .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .selection-tile .selection-tile-icon{margin-top:4px;margin-bottom:4px}:host .selection-tile .selection-tile-select{height:24px}:host .selection-tile .selection-tile-select vega-checkbox,:host .selection-tile .selection-tile-select vega-radio{margin-top:4px}';var P=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class L extends a{getGroupContainerRef(){return this.groupContainerRef}render(){return e("div",null,this.renderLabel(),this.renderContainer(),this.renderHint())}renderLabel(){return this.label&&e("div",{class:"vega-label"},e("label",{"aria-label":this.label},this.label,this.renderRequire()))}renderRequire(){return this.required&&e("span",{class:"vega-require"},"*")}renderContainer(){return e("div",{class:"container",ref:e=>this.groupContainerRef=e},e("vega-flex",{direction:"horizontal"===this.layout?"row":"col",gap:"size-12"},e("slot",{onSlotchange:()=>this.itemsController.syncTileArrayAndValue()})))}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}}P([n()],L.prototype,"host",void 0),P([n()],L.prototype,"label",void 0),P([n()],L.prototype,"required",void 0),P([n()],L.prototype,"hint",void 0),P([n()],L.prototype,"layout",void 0),P([n()],L.prototype,"selectType",void 0),P([n()],L.prototype,"itemsController",void 0);var M=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class H extends a{watchValue(){this.changeEventEmitter.emit(this.value),x.notify(y,{host:this.host,detail:this.value})}onSelectionTilesChanged(){"checkbox"===this.selectType?this.setValueFromCheckboxItems():this.setValueFromRadioItems()}onSelectionTileChecked(e){"checkbox"===this.selectType?this.setValueFromCheckbox(e):this.setValueFromRadio(e)}setValueFromCheckbox(e){e.checked&&!this.value.includes(e.value)?this.value=[...this.value,e.value]:!e.checked&&this.value.includes(e.value)&&(this.value=[...this.value.filter((t=>t!==e.value))])}setValueFromRadio(e){e.checked&&(this.value=e.value)}setValueFromCheckboxItems(){0===this.value.length&&(this.value=this.itemsController.getSelectionTileArray().filter((e=>e.checked)).map((e=>e.value)))}setValueFromRadioItems(){if(!this.value){const e=this.itemsController.getSelectionTileArray().find((e=>e.checked));e&&(this.value=e.value)}}}M([n()],H.prototype,"host",void 0),M([n({writable:!0})],H.prototype,"value",void 0),M([n()],H.prototype,"selectType",void 0),M([n()],H.prototype,"changeEventEmitter",void 0),M([n()],H.prototype,"itemsController",void 0),M([l("watchValue")],H.prototype,"watchValue",null);var U=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class K extends a{constructor(){super(...arguments),this.selectionTileArray=[]}initSelectionTileArray(){this.syncTileArrayAndValue()}getSelectionTileArray(){return this.selectionTileArray}syncTileArrayAndValue(){this.selectionTileArray=Array.from(this.host.querySelectorAll("vega-selection-tile")),this.valueController.onSelectionTilesChanged()}touchableAreaGetter(){const e="checkbox"===this.selectType?"vega-checkbox":"vega-radio";return this.selectionTileArray.map((t=>t.shadowRoot.querySelector(e).shadowRoot.querySelector("input")))}}U([n()],K.prototype,"host",void 0),U([n()],K.prototype,"selectType",void 0),U([n()],K.prototype,"valueController",void 0),U([l("componentWillLoad")],K.prototype,"initSelectionTileArray",null);var W=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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 B=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new L,this.itemsController=new K,this.valueController=new H,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new O:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getGroupContainerRef(),touchableAreaGetter:()=>this.itemsController.touchableAreaGetter(),defaultValue:e=>"checkbox"===e.selectType?[]:"",attributeGetter:e=>this[e]}),this.changeEventEmitter=f(B,g),this.checkboxEventPrevent=new C([g],(()=>this.renderer.getGroupContainerRef())),this.selectionTileChangeObserver=new z(m,(e=>this.valueController.onSelectionTileChecked(e.detail))),this.selectTypeNotifySlimmer=S(B,"selectType","watchSelectType"),this.disabledNotifySlimmer=S(B,"disabled","watchDisabled"),this.valueNotifySlimmer=S(B,"value","watchValue"),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.label="",this.selectType="radio",this.value="checkbox"===this.selectType?[]:"",this.layout="vertical",this.validationRules=[],this.isValid=null}watchSelectType(){}watchValue(){}watchDisabled(){}watchValidationRules(){}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{selectType:["watchSelectType"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};W([d()],B.prototype,"globalSlimmers",void 0),W([c()],B.prototype,"renderer",void 0),W([c()],B.prototype,"itemsController",void 0),W([c()],B.prototype,"valueController",void 0),W([c()],B.prototype,"formFieldController",void 0),W([c()],B.prototype,"changeEventEmitter",void 0),W([c()],B.prototype,"checkboxEventPrevent",void 0),W([c()],B.prototype,"selectionTileChangeObserver",void 0),W([c()],B.prototype,"selectTypeNotifySlimmer",void 0),W([c()],B.prototype,"disabledNotifySlimmer",void 0),W([c()],B.prototype,"valueNotifySlimmer",void 0),W([c()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),B.style=':host{display:block;text-align:left;line-height:normal}:host .vega-error{display:block;margin-top:12px;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){: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-hidden{display:none}:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-label{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-label{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-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-label label{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-label .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-hint{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:12px}@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{D as vega_selection_tile,B as vega_selection_tile_group}
1
+ import{h as e,r as t,c as i,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as n,V as a,M as l,I as c}from"./p-6e1ab235.js";import{V as h,I as d}from"./p-4387d550.js";import{c as p}from"./p-86194314.js";import{c as f}from"./p-c8f914d2.js";import{O as v,d as b,f as g}from"./p-c8408c13.js";import{C as x}from"./p-2d0d575f.js";import{j as m,C as u,R as w,b as y}from"./p-a247e073.js";import{S as j}from"./p-27192960.js";import{c as k}from"./p-e06361df.js";import{f as R}from"./p-bf953152.js";import{C}from"./p-179887da.js";import{C as z}from"./p-a02f52b7.js";import{c as S}from"./p-c66b55f8.js";import{F as I}from"./p-a3fa41c8.js";import{R as O}from"./p-280cbcdb.js";import"./p-6a334573.js";import"./p-59c9de55.js";import"./p-619fdde5.js";import"./p-5f377954.js";import"./p-1e940ce8.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-d8683a5f.js";import"./p-c0291e2e.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-abd7aeaa.js";import"./p-987fbbd0.js";import"./p-b5f5a5e0.js";import"./p-3647d61d.js";import"./p-262ec334.js";var T=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class V extends a{getSelectorContainerRef(){return this.selectorContainerRef}render(){return e("vega-flex",{"align-items":"start","justify-content":"start",gap:"size-16",class:{"selection-tile":!0,disabled:this.disabled,checked:this.checked,error:this.showError},"aria-label":this.titleText||"No label defined",tabIndex:this.disabled?-1:0,onClick:()=>{"radio"===this.selectType&&this.checked||this.checkedController.onCheck(!this.checked)},onKeyDown:p()},e("div",{class:"vega-flex-grow"},this.renderContent()),this.renderSelect())}renderContent(){return this.hasContentSlot()?e("slot",{name:"content"}):e("vega-flex",{gap:"size-12"},e("vega-flex",{class:"vega-flex-shrink-0"},this.renderPrefixIcon()),e("div",{class:"vega-flex-grow"},this.renderText()))}renderPrefixIcon(){return this.hasPrefixSlot()?e("slot",{name:"prefix"}):this.prefixIcon?e("vega-icon",{icon:this.prefixIcon,size:"size-16",color:this.disabled?"text-secondary":"text-primary",class:"selection-tile-icon"}):void 0}renderText(){return e("vega-flex",{class:"vega-flex-grow",direction:"col","align-items":"start","justify-content":"start"},e("div",{class:"selection-tile-title"},this.titleText),this.note&&e("div",{class:"selection-tile-note"},this.note))}renderSelect(){return e("vega-flex",{"align-items":"start",class:"vega-flex-shrink-0 selection-tile-select",ref:e=>this.selectorContainerRef=e},"checkbox"===this.selectType?this.renderCheckbox():this.renderRadio())}renderCheckbox(){return e("vega-checkbox",{size:"small",disabled:this.disabled,checked:this.checked})}renderRadio(){return e("vega-radio",{size:"small",disabled:this.disabled,checked:this.checked})}hasPrefixSlot(){return null!==this.host.querySelector("[slot=prefix]")}hasContentSlot(){return null!==this.host.querySelector("[slot=content]")}}T([n()],V.prototype,"host",void 0),T([n()],V.prototype,"prefixIcon",void 0),T([n()],V.prototype,"titleText",void 0),T([n()],V.prototype,"note",void 0),T([n()],V.prototype,"selectType",void 0),T([n()],V.prototype,"disabled",void 0),T([n()],V.prototype,"checked",void 0),T([n()],V.prototype,"showError",void 0),T([n()],V.prototype,"checkedController",void 0);var E=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class N extends a{setChecked(e){this.checked=e}onCheck(e){const t=e?this.value:"";this.checked=e,this.changeEventEmitter.emit(t),x.notify(m,{host:this.host,detail:{checked:e,value:this.value}})}}E([n()],N.prototype,"host",void 0),E([n({writable:!0})],N.prototype,"checked",void 0),E([n()],N.prototype,"changeEventEmitter",void 0),E([n()],N.prototype,"value",void 0);var A=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class F extends j{constructor(){super({parent:"vega-selection-tile-group",subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"disabled",parentStateName:"disabled",callback:e=>{"boolean"==typeof e&&(this.disabled=e)}},{subStateName:"checked",parentStateName:"value",callback:e=>{this.checkedController.setChecked(Array.isArray(e)?e.includes(this.value):e===this.value)}}]})}}A([n()],F.prototype,"host",void 0),A([n({writable:!0})],F.prototype,"selectType",void 0),A([n({writable:!0})],F.prototype,"disabled",void 0),A([n()],F.prototype,"checked",void 0),A([n()],F.prototype,"value",void 0),A([n()],F.prototype,"checkedController",void 0);var q=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class G extends a{connectedCallback(){this.selectionTileGroup=R(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new v(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),x.register(b.getSubject(this.selectionTileGroup||this.host,k),this.fieldErrorObserver)}disconnectedCallback(){x.unregister(b.getSubject(this.selectionTileGroup,k),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}q([n({writable:!0})],G.prototype,"showError",void 0),q([n()],G.prototype,"host",void 0),q([l("connectedCallback")],G.prototype,"connectedCallback",null),q([l("disconnectedCallback")],G.prototype,"disconnectedCallback",null);var _=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new V,this.checkedController=new N,this.stateController=new F,this.showErrorController=new G,this.changeEventEmitter=f(D,g),this.checkboxEventPrevent=new C([g],(()=>this.renderer.getSelectorContainerRef())),this.checkboxValueChangeObserver=new z(u,(e=>this.checkedController.onCheck(e.detail))),this.radioValueChangeObserver=new z(w,(e=>{e.detail&&this.checkedController.onCheck(e.detail)})),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.showError=!1,this.titleText="",this.disabled=!1,this.selectType="radio"}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}};_([d()],D.prototype,"globalSlimmers",void 0),_([c()],D.prototype,"renderer",void 0),_([c()],D.prototype,"checkedController",void 0),_([c()],D.prototype,"stateController",void 0),_([c()],D.prototype,"showErrorController",void 0),_([c()],D.prototype,"changeEventEmitter",void 0),_([c()],D.prototype,"checkboxEventPrevent",void 0),_([c()],D.prototype,"checkboxValueChangeObserver",void 0),_([c()],D.prototype,"radioValueChangeObserver",void 0),_([c()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=':host{display:block}:host .selection-tile{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));cursor:pointer;margin:1px}:host .selection-tile:not(.disabled):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled):focus-visible{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).checked{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));margin:0px}:host .selection-tile:not(.disabled).checked:hover{border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host .selection-tile:not(.disabled).checked:focus-visible{border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host .selection-tile:not(.disabled).error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled).error:focus-visible{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .selection-tile.disabled{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));pointer-events:none}:host .selection-tile.disabled .selection-tile-title,:host .selection-tile.disabled .selection-tile-note{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .selection-tile .selection-tile-title{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))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-title{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){:host .selection-tile .selection-tile-title{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){:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .selection-tile .selection-tile-note{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 .selection-tile .selection-tile-note{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 .selection-tile .selection-tile-note{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 .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .selection-tile .selection-tile-icon{margin-top:4px;margin-bottom:4px}:host .selection-tile .selection-tile-select{height:24px}:host .selection-tile .selection-tile-select vega-checkbox,:host .selection-tile .selection-tile-select vega-radio{margin-top:4px}';var P=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class L extends a{getGroupContainerRef(){return this.groupContainerRef}render(){return e("div",null,this.renderLabel(),this.renderContainer(),this.renderHint())}renderLabel(){return this.label&&e("div",{class:"vega-label"},e("label",{"aria-label":this.label},this.label,this.renderRequire()))}renderRequire(){return this.required&&e("span",{class:"vega-require"},"*")}renderContainer(){return e("div",{class:"container",ref:e=>this.groupContainerRef=e},e("vega-flex",{direction:"horizontal"===this.layout?"row":"col",gap:"size-12"},e("slot",{onSlotchange:()=>this.itemsController.syncTileArrayAndValue()})))}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}}P([n()],L.prototype,"host",void 0),P([n()],L.prototype,"label",void 0),P([n()],L.prototype,"required",void 0),P([n()],L.prototype,"hint",void 0),P([n()],L.prototype,"layout",void 0),P([n()],L.prototype,"selectType",void 0),P([n()],L.prototype,"itemsController",void 0);var M=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class H extends a{watchValue(){this.changeEventEmitter.emit(this.value),x.notify(y,{host:this.host,detail:this.value})}onSelectionTilesChanged(){"checkbox"===this.selectType?this.setValueFromCheckboxItems():this.setValueFromRadioItems()}onSelectionTileChecked(e){"checkbox"===this.selectType?this.setValueFromCheckbox(e):this.setValueFromRadio(e)}setValueFromCheckbox(e){e.checked&&!this.value.includes(e.value)?this.value=[...this.value,e.value]:!e.checked&&this.value.includes(e.value)&&(this.value=[...this.value.filter((t=>t!==e.value))])}setValueFromRadio(e){e.checked&&(this.value=e.value)}setValueFromCheckboxItems(){0===this.value.length&&(this.value=this.itemsController.getSelectionTileArray().filter((e=>e.checked)).map((e=>e.value)))}setValueFromRadioItems(){if(!this.value){const e=this.itemsController.getSelectionTileArray().find((e=>e.checked));e&&(this.value=e.value)}}}M([n()],H.prototype,"host",void 0),M([n({writable:!0})],H.prototype,"value",void 0),M([n()],H.prototype,"selectType",void 0),M([n()],H.prototype,"changeEventEmitter",void 0),M([n()],H.prototype,"itemsController",void 0),M([l("watchValue")],H.prototype,"watchValue",null);var U=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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};class K extends a{constructor(){super(...arguments),this.selectionTileArray=[]}initSelectionTileArray(){this.syncTileArrayAndValue()}getSelectionTileArray(){return this.selectionTileArray}syncTileArrayAndValue(){this.selectionTileArray=Array.from(this.host.querySelectorAll("vega-selection-tile")),this.valueController.onSelectionTilesChanged()}touchableAreaGetter(){const e="checkbox"===this.selectType?"vega-checkbox":"vega-radio";return this.selectionTileArray.map((t=>t.shadowRoot.querySelector(e).shadowRoot.querySelector("input")))}}U([n()],K.prototype,"host",void 0),U([n()],K.prototype,"selectType",void 0),U([n()],K.prototype,"valueController",void 0),U([l("componentWillLoad")],K.prototype,"initSelectionTileArray",null);var W=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(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 B=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new L,this.itemsController=new K,this.valueController=new H,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new O:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getGroupContainerRef(),touchableAreaGetter:()=>this.itemsController.touchableAreaGetter(),defaultValue:e=>"checkbox"===e.selectType?[]:"",attributeGetter:e=>this[e]}),this.changeEventEmitter=f(B,g),this.checkboxEventPrevent=new C([g],(()=>this.renderer.getGroupContainerRef())),this.selectionTileChangeObserver=new z(m,(e=>this.valueController.onSelectionTileChecked(e.detail))),this.selectTypeNotifySlimmer=S(B,"selectType","watchSelectType"),this.disabledNotifySlimmer=S(B,"disabled","watchDisabled"),this.valueNotifySlimmer=S(B,"value","watchValue"),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.label="",this.selectType="radio",this.value="checkbox"===this.selectType?[]:"",this.layout="vertical",this.validationRules=[],this.isValid=null}watchSelectType(){}watchValue(){}watchDisabled(){}watchValidationRules(){}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{selectType:["watchSelectType"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};W([d()],B.prototype,"globalSlimmers",void 0),W([c()],B.prototype,"renderer",void 0),W([c()],B.prototype,"itemsController",void 0),W([c()],B.prototype,"valueController",void 0),W([c()],B.prototype,"formFieldController",void 0),W([c()],B.prototype,"changeEventEmitter",void 0),W([c()],B.prototype,"checkboxEventPrevent",void 0),W([c()],B.prototype,"selectionTileChangeObserver",void 0),W([c()],B.prototype,"selectTypeNotifySlimmer",void 0),W([c()],B.prototype,"disabledNotifySlimmer",void 0),W([c()],B.prototype,"valueNotifySlimmer",void 0),W([c()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),B.style=':host{display:block;text-align:left;line-height:normal}:host .vega-error{display:block;margin-top:12px;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){: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-hidden{display:none}:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-label{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-label{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-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-label label{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-label .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-hint{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:12px}@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{D as vega_selection_tile,B as vega_selection_tile_group}