@globalpayments/vega 2.28.1 → 2.30.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 (431) hide show
  1. package/dist/cjs/{app-globals-512d84f4.js → app-globals-391d9a14.js} +9 -8
  2. package/dist/cjs/{array-6e559cde.js → array-5adef7b2.js} +13 -1
  3. package/dist/cjs/{child-nodes-event-prevent-slimmer-e383a914.js → child-nodes-event-prevent-slimmer-bed95a1b.js} +2 -2
  4. package/dist/cjs/{create-public-api-runtime-metrics-slimmer-7510221b.js → create-public-api-runtime-metrics-slimmer-5cc88124.js} +1 -0
  5. package/dist/cjs/{design-token-17b8e4d8.js → design-token-92906579.js} +1 -1
  6. package/dist/cjs/{element-appender-slimmer-bf5ecbd8.js → element-appender-slimmer-415d261a.js} +726 -537
  7. package/dist/cjs/{event-emit-slimmer-8f51adaa.js → event-emit-slimmer-b321e3f5.js} +1 -1
  8. package/dist/cjs/{feature-flag-controller-078da332.js → feature-flag-controller-f0619cc7.js} +5 -0
  9. package/dist/cjs/{form-field-controller-slimmer-223f8ee3.js → form-field-controller-slimmer-a4231b97.js} +6 -6
  10. package/dist/cjs/{icon-manager-5a2b67cf.js → icon-manager-3787af39.js} +1 -1
  11. package/dist/cjs/index-09acd3c9.js +8 -0
  12. package/dist/cjs/index-d6bf3435.js +15 -0
  13. package/dist/cjs/index.cjs.js +16 -15
  14. package/dist/cjs/{internal-icon-manager-858baff1.js → internal-icon-manager-2ff58050.js} +1 -1
  15. package/dist/cjs/{internal-vega-event-manager-627b1328.js → internal-vega-event-manager-9ffb3ed1.js} +13 -3
  16. package/dist/cjs/{internal-vega-z-index-manager-23051df4.js → internal-vega-z-index-manager-f03ddb37.js} +1 -1
  17. package/dist/cjs/{legend-input-processor-6ab8782a.js → legend-input-processor-d0b3f621.js} +1 -1
  18. package/dist/cjs/loader.cjs.js +15 -14
  19. package/dist/cjs/{min-number-rule-84f21ad9.js → min-number-rule-115c5a3b.js} +1 -1
  20. package/dist/cjs/{mutation-observer-filters-79b60f28.js → mutation-observer-filters-e5a7f85a.js} +1 -1
  21. package/dist/cjs/{number-459031f7.js → number-4816603d.js} +11 -0
  22. package/dist/cjs/{responsive-format-facade-7bc51a43.js → responsive-format-facade-ad2f67bf.js} +1 -1
  23. package/dist/cjs/{static-subject-title-3599787e.js → static-subject-title-471e1793.js} +2 -0
  24. package/dist/cjs/{style-formatter-a0829641.js → style-formatter-68f3a5f8.js} +1 -1
  25. package/dist/cjs/sub-state-notify-slimmer-c729699e.js +81 -0
  26. package/dist/cjs/{sub-state-observer-slimmer-36660092.js → sub-state-observer-slimmer-c1332b19.js} +3 -73
  27. package/dist/cjs/{translation-0dd74433.js → translation-42c1b2c8.js} +2 -2
  28. package/dist/cjs/{translation-slimmer-83577cfd.js → translation-slimmer-32aa13e7.js} +1 -1
  29. package/dist/cjs/{valid-credit-card-number-rule-8d8f04f1.js → valid-credit-card-number-rule-4a9ae5d9.js} +1 -1
  30. package/dist/cjs/vega-accordion.cjs.entry.js +10 -10
  31. package/dist/cjs/vega-app-header-button.cjs.entry.js +11 -11
  32. package/dist/cjs/vega-banner.cjs.entry.js +7 -7
  33. package/dist/cjs/vega-bar-chart.cjs.entry.js +4 -4
  34. package/dist/cjs/vega-box.cjs.entry.js +4 -4
  35. package/dist/cjs/vega-breadcrumb.cjs.entry.js +5 -5
  36. package/dist/cjs/vega-button-circle.cjs.entry.js +9 -9
  37. package/dist/cjs/vega-button-group_2.cjs.entry.js +11 -10
  38. package/dist/cjs/vega-button-link.cjs.entry.js +5 -5
  39. package/dist/cjs/vega-button.cjs.entry.js +8 -8
  40. package/dist/cjs/vega-calendar_3.cjs.entry.js +18 -17
  41. package/dist/cjs/vega-card.cjs.entry.js +3 -3
  42. package/dist/cjs/vega-carousel.cjs.entry.js +5 -5
  43. package/dist/cjs/vega-checkbox_2.cjs.entry.js +13 -13
  44. package/dist/cjs/vega-chip.cjs.entry.js +8 -8
  45. package/dist/cjs/vega-color-picker.cjs.entry.js +19 -13
  46. package/dist/cjs/vega-combo-box.cjs.entry.js +367 -183
  47. package/dist/cjs/vega-date-picker_2.cjs.entry.js +23 -20
  48. package/dist/cjs/{vega-dialog-controller-6a8525b3.js → vega-dialog-controller-dce8cdaf.js} +1 -1
  49. package/dist/cjs/vega-dialog_2.cjs.entry.js +9 -9
  50. package/dist/cjs/vega-divider.cjs.entry.js +3 -3
  51. package/dist/cjs/vega-dropdown_5.cjs.entry.js +47 -32
  52. package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
  53. package/dist/cjs/{vega-event-id-e40ac8f0.js → vega-event-id-419d36a8.js} +2 -0
  54. package/dist/cjs/vega-field-error.cjs.entry.js +1 -1
  55. package/dist/cjs/vega-field-label.cjs.entry.js +3 -3
  56. package/dist/cjs/vega-file-uploader.cjs.entry.js +14 -14
  57. package/dist/cjs/vega-flex.cjs.entry.js +5 -5
  58. package/dist/cjs/vega-font.cjs.entry.js +3 -3
  59. package/dist/cjs/vega-form.cjs.entry.js +13 -13
  60. package/dist/cjs/vega-grid.cjs.entry.js +3 -3
  61. package/dist/cjs/vega-icon.cjs.entry.js +5 -5
  62. package/dist/cjs/vega-image-uploader.cjs.entry.js +16 -16
  63. package/dist/cjs/vega-input-credit-card.cjs.entry.js +16 -16
  64. package/dist/cjs/vega-input-numeric.cjs.entry.js +410 -0
  65. package/dist/cjs/vega-input-phone-number.cjs.entry.js +15 -15
  66. package/dist/cjs/vega-input-range.cjs.entry.js +14 -14
  67. package/dist/cjs/vega-input-select.cjs.entry.js +30 -18
  68. package/dist/cjs/vega-input.cjs.entry.js +218 -25
  69. package/dist/cjs/{vega-internal-event-id-c98e9a7d.js → vega-internal-event-id-99cc22e1.js} +2 -0
  70. package/dist/cjs/vega-item-toggle.cjs.entry.js +3 -3
  71. package/dist/cjs/vega-left-nav_5.cjs.entry.js +13 -13
  72. package/dist/cjs/vega-line-chart.cjs.entry.js +4 -4
  73. package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js +2 -2
  74. package/dist/cjs/vega-page-notification_2.cjs.entry.js +1 -1
  75. package/dist/cjs/vega-pagination.cjs.entry.js +12 -12
  76. package/dist/cjs/vega-pie-chart.cjs.entry.js +3 -3
  77. package/dist/cjs/vega-popover_2.cjs.entry.js +9 -9
  78. package/dist/cjs/vega-progress-tracker.cjs.entry.js +4 -4
  79. package/dist/cjs/vega-radio_2.cjs.entry.js +13 -13
  80. package/dist/cjs/vega-segment-control.cjs.entry.js +3 -3
  81. package/dist/cjs/vega-selection-chip_2.cjs.entry.js +19 -18
  82. package/dist/cjs/vega-selection-tile_2.cjs.entry.js +18 -17
  83. package/dist/cjs/vega-sidenav_3.cjs.entry.js +1006 -0
  84. package/dist/cjs/vega-signature-capture.cjs.entry.js +16 -16
  85. package/dist/cjs/{vega-skeleton-loader-controller-e886dc58.js → vega-skeleton-loader-controller-4a016b04.js} +4 -14
  86. package/dist/cjs/vega-stepper.cjs.entry.js +14 -14
  87. package/dist/cjs/vega-tab-group_2.cjs.entry.js +6 -6
  88. package/dist/cjs/vega-table_8.cjs.entry.js +29 -28
  89. package/dist/cjs/vega-textarea.cjs.entry.js +13 -13
  90. package/dist/cjs/vega-time-picker_2.cjs.entry.js +17 -17
  91. package/dist/cjs/vega-toggle-switch.cjs.entry.js +11 -11
  92. package/dist/cjs/vega-tooltip_2.cjs.entry.js +7 -7
  93. package/dist/cjs/vega.cjs.js +15 -14
  94. package/dist/cjs/{y-axis-input-processor-cc6e9196.js → y-axis-input-processor-a0df5e74.js} +2 -2
  95. package/dist/collection/collection-manifest.json +16 -0
  96. package/dist/collection/components/vega-color-picker/vega-color-picker.css +8 -8
  97. package/dist/collection/components/vega-color-picker/vega-color-picker.js +30 -3
  98. package/dist/collection/components/vega-combo-box/slimmers/controllers/vega-combo-box-keyboard-controller.js +114 -0
  99. package/dist/collection/components/vega-combo-box/slimmers/controllers/vega-combo-box-value-controller.js +23 -0
  100. package/dist/collection/components/vega-combo-box/slimmers/renderers/vega-combo-box-dropdown-renderer.js +147 -0
  101. package/dist/collection/components/vega-combo-box/slimmers/renderers/vega-combo-box-renderer.js +50 -0
  102. package/dist/collection/components/vega-combo-box/vega-combo-box.js +30 -177
  103. package/dist/collection/components/vega-date-picker/slimmers/controllers/vega-date-picker-element-appender-controller.js +2 -0
  104. package/dist/collection/components/vega-dropdown/slimmers/renderers/vega-dropdown-search-renderer.js +19 -5
  105. package/dist/collection/components/vega-dropdown/vega-dropdown.js +55 -9
  106. package/dist/collection/components/vega-input/slimmers/controllers/vega-input-compact-width-controller.js +118 -0
  107. package/dist/collection/components/vega-input/slimmers/controllers/vega-input-state-controller.js +46 -0
  108. package/dist/collection/components/vega-input/vega-input.css +104 -0
  109. package/dist/collection/components/vega-input/vega-input.js +44 -2
  110. package/dist/collection/components/vega-input-numeric/slimmers/controllers/vega-input-numeric-keyboard-controller.js +79 -0
  111. package/dist/collection/components/vega-input-numeric/slimmers/controllers/vega-input-numeric-value-controller.js +45 -0
  112. package/dist/collection/components/vega-input-numeric/slimmers/renderers/vega-input-numeric-renderer.js +72 -0
  113. package/dist/collection/components/vega-input-numeric/vega-input-numeric.css +9 -0
  114. package/dist/collection/components/vega-input-numeric/vega-input-numeric.js +606 -0
  115. package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.js +7 -1
  116. package/dist/collection/components/vega-input-select/vega-input-select.js +55 -2
  117. package/dist/collection/components/vega-sidenav/icons/chevron-right.js +4 -0
  118. package/dist/collection/components/vega-sidenav/icons/toggle-button-bg.js +3 -0
  119. package/dist/collection/components/vega-sidenav/slimmers/controllers/vega-sidenav-backdrop-controller.js +101 -0
  120. package/dist/collection/components/vega-sidenav/slimmers/controllers/vega-sidenav-open-status-controller.js +316 -0
  121. package/dist/collection/components/vega-sidenav/slimmers/renderers/vega-sidenav-collapse-button-renderer.js +79 -0
  122. package/dist/collection/components/vega-sidenav/test/test.helper.js +68 -0
  123. package/dist/collection/components/vega-sidenav/utils/index.js +9 -0
  124. package/dist/collection/components/vega-sidenav/vega-sidenav-group/slimmers/controllers/vega-sidenav-group-sub-state-controller.js +28 -0
  125. package/dist/collection/components/vega-sidenav/vega-sidenav-group/vega-sidenav-group.css +172 -0
  126. package/dist/collection/components/vega-sidenav/vega-sidenav-group/vega-sidenav-group.js +152 -0
  127. package/dist/collection/components/vega-sidenav/vega-sidenav-link/slimmers/controllers/vega-sidenav-link-sub-state.controller.js +28 -0
  128. package/dist/collection/components/vega-sidenav/vega-sidenav-link/vega-sidenav-link.css +136 -0
  129. package/dist/collection/components/vega-sidenav/vega-sidenav-link/vega-sidenav-link.js +264 -0
  130. package/dist/collection/components/vega-sidenav/vega-sidenav.css +300 -0
  131. package/dist/collection/components/vega-sidenav/vega-sidenav.js +422 -0
  132. package/dist/collection/constants/ui.js +1 -0
  133. package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js +13 -3
  134. package/dist/collection/helpers/event-manager/event-id/vega-event-id.js +1 -0
  135. package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js +1 -0
  136. package/dist/collection/helpers/event-manager/test/vega-event-manager.test.js +2 -1
  137. package/dist/collection/helpers/feature-control/feature-flags-map.js +5 -0
  138. package/dist/collection/helpers/slimmers/element-appender-container/body-positioned-wrapper/body-positioned-wrapper.abstract.js +13 -0
  139. package/dist/collection/helpers/slimmers/element-appender-container/{position-relative-to-wrapper.js → body-positioned-wrapper/position-relative-to-wrapper.js} +23 -21
  140. package/dist/collection/helpers/slimmers/element-appender-container/{vega-modal-wrapper.js → body-positioned-wrapper/vega-modal-wrapper.js} +18 -15
  141. package/dist/collection/helpers/slimmers/element-appender-container/{vega-popover-wrapper.js → body-positioned-wrapper/vega-popover-wrapper.js} +20 -19
  142. package/dist/collection/helpers/slimmers/element-appender-container/default-wrapper.js +19 -19
  143. package/dist/collection/helpers/slimmers/element-appender-container/element-appender-container-controller.js +3 -3
  144. package/dist/collection/helpers/slimmers/element-appender-slimmer.js +10 -0
  145. package/dist/collection/helpers/slimmers/position-calculation/base-position-calculation-strategy.js +345 -0
  146. package/dist/collection/helpers/slimmers/position-calculation/body-position-calculation-strategy.js +66 -0
  147. package/dist/collection/helpers/slimmers/position-calculation/position-calculation-controller.js +121 -0
  148. package/dist/collection/helpers/slimmers/position-calculation/screen-position-calculation-strategy.js +59 -0
  149. package/dist/collection/{utils/test/position.test.js → helpers/slimmers/position-calculation/test/body-position-calculation-strategy.test.js} +135 -45
  150. package/dist/collection/helpers/slimmers/position-calculation/test/screen-position-calculation-strategy.test.js +113 -0
  151. package/dist/collection/helpers/slimmers/sub-state/sub-state-notify-slimmer.js +8 -5
  152. package/dist/collection/helpers/slimmers/sub-state/test/sub-state-observer-slimmer.test.js +24 -0
  153. package/dist/collection/helpers/ui/element-appender.js +21 -70
  154. package/dist/collection/helpers/ui/test/element-appender.test.js +53 -0
  155. package/dist/collection/utils/number.js +10 -0
  156. package/dist/collection/utils/pagination.js +2 -2
  157. package/dist/collection/utils/test/number.test.js +5 -1
  158. package/dist/collection/value-model-adapters/angular-ng-model-accessor-adapter.js +1 -0
  159. package/dist/collection/value-model-adapters/vue-component-v-model-adaptor.js +1 -0
  160. package/dist/esm/{app-globals-41797af8.js → app-globals-00a57fbe.js} +8 -7
  161. package/dist/esm/{array-506b88b9.js → array-b668466e.js} +13 -2
  162. package/dist/esm/{child-nodes-event-prevent-slimmer-345c46c5.js → child-nodes-event-prevent-slimmer-db288af1.js} +2 -2
  163. package/dist/esm/{create-public-api-runtime-metrics-slimmer-928ad7f0.js → create-public-api-runtime-metrics-slimmer-cc1164bb.js} +1 -1
  164. package/dist/esm/{design-token-3671ce60.js → design-token-2a527af3.js} +1 -1
  165. package/dist/esm/{element-appender-slimmer-1172e2ea.js → element-appender-slimmer-48d826b2.js} +720 -531
  166. package/dist/esm/{event-emit-slimmer-eee9fd41.js → event-emit-slimmer-44cb4573.js} +1 -1
  167. package/dist/esm/{feature-flag-controller-10780eeb.js → feature-flag-controller-297c4b9b.js} +5 -0
  168. package/dist/esm/{form-field-controller-slimmer-edbaaf7c.js → form-field-controller-slimmer-a64c679c.js} +6 -6
  169. package/dist/esm/{icon-manager-0f030f8a.js → icon-manager-1ee2c968.js} +1 -1
  170. package/dist/esm/index-187f71d1.js +8 -0
  171. package/dist/esm/index-fda6b5ee.js +13 -0
  172. package/dist/esm/index.js +15 -14
  173. package/dist/esm/{internal-icon-manager-9671142a.js → internal-icon-manager-7004584d.js} +1 -1
  174. package/dist/esm/{internal-vega-event-manager-722461c1.js → internal-vega-event-manager-8154661e.js} +13 -3
  175. package/dist/esm/{internal-vega-z-index-manager-0553458e.js → internal-vega-z-index-manager-7d2b54c3.js} +1 -1
  176. package/dist/esm/{legend-input-processor-abb0b4f4.js → legend-input-processor-0cef3ebe.js} +1 -1
  177. package/dist/esm/loader.js +15 -14
  178. package/dist/esm/{min-number-rule-8f643dbd.js → min-number-rule-31d48b22.js} +1 -1
  179. package/dist/esm/{mutation-observer-filters-9086b5cc.js → mutation-observer-filters-1035b064.js} +1 -1
  180. package/dist/esm/{number-e2519d1c.js → number-4398f2e1.js} +11 -1
  181. package/dist/esm/{responsive-format-facade-5a1329a7.js → responsive-format-facade-3dc84e41.js} +1 -1
  182. package/dist/esm/{static-subject-title-6987a80b.js → static-subject-title-500cf2a3.js} +2 -1
  183. package/dist/esm/{style-formatter-2fa5ce09.js → style-formatter-ccb2da0d.js} +1 -1
  184. package/dist/esm/sub-state-notify-slimmer-be5bcc4e.js +79 -0
  185. package/dist/esm/{sub-state-observer-slimmer-8eff5559.js → sub-state-observer-slimmer-cd7adab1.js} +5 -74
  186. package/dist/esm/{translation-0fa7cf77.js → translation-4eb3cf85.js} +2 -2
  187. package/dist/esm/{translation-slimmer-79f9a9c9.js → translation-slimmer-9d07a0ff.js} +1 -1
  188. package/dist/esm/{valid-credit-card-number-rule-232f2986.js → valid-credit-card-number-rule-2aef3ad5.js} +1 -1
  189. package/dist/esm/vega-accordion.entry.js +10 -10
  190. package/dist/esm/vega-app-header-button.entry.js +11 -11
  191. package/dist/esm/vega-banner.entry.js +7 -7
  192. package/dist/esm/vega-bar-chart.entry.js +4 -4
  193. package/dist/esm/vega-box.entry.js +4 -4
  194. package/dist/esm/vega-breadcrumb.entry.js +5 -5
  195. package/dist/esm/vega-button-circle.entry.js +9 -9
  196. package/dist/esm/vega-button-group_2.entry.js +8 -7
  197. package/dist/esm/vega-button-link.entry.js +5 -5
  198. package/dist/esm/vega-button.entry.js +8 -8
  199. package/dist/esm/vega-calendar_3.entry.js +16 -15
  200. package/dist/esm/vega-card.entry.js +3 -3
  201. package/dist/esm/vega-carousel.entry.js +5 -5
  202. package/dist/esm/vega-checkbox_2.entry.js +13 -13
  203. package/dist/esm/vega-chip.entry.js +8 -8
  204. package/dist/esm/vega-color-picker.entry.js +20 -14
  205. package/dist/esm/vega-combo-box.entry.js +370 -186
  206. package/dist/esm/vega-date-picker_2.entry.js +23 -20
  207. package/dist/esm/{vega-dialog-controller-3b905672.js → vega-dialog-controller-8b343a17.js} +1 -1
  208. package/dist/esm/vega-dialog_2.entry.js +9 -9
  209. package/dist/esm/vega-divider.entry.js +3 -3
  210. package/dist/esm/vega-dropdown_5.entry.js +43 -28
  211. package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
  212. package/dist/esm/{vega-event-id-7465a011.js → vega-event-id-b1655cbc.js} +2 -1
  213. package/dist/esm/vega-field-error.entry.js +1 -1
  214. package/dist/esm/vega-field-label.entry.js +3 -3
  215. package/dist/esm/vega-file-uploader.entry.js +14 -14
  216. package/dist/esm/vega-flex.entry.js +5 -5
  217. package/dist/esm/vega-font.entry.js +3 -3
  218. package/dist/esm/vega-form.entry.js +13 -13
  219. package/dist/esm/vega-grid.entry.js +3 -3
  220. package/dist/esm/vega-icon.entry.js +5 -5
  221. package/dist/esm/vega-image-uploader.entry.js +16 -16
  222. package/dist/esm/vega-input-credit-card.entry.js +16 -16
  223. package/dist/esm/vega-input-numeric.entry.js +406 -0
  224. package/dist/esm/vega-input-phone-number.entry.js +15 -15
  225. package/dist/esm/vega-input-range.entry.js +14 -14
  226. package/dist/esm/vega-input-select.entry.js +30 -18
  227. package/dist/esm/vega-input.entry.js +219 -26
  228. package/dist/esm/{vega-internal-event-id-7e05cf4a.js → vega-internal-event-id-c8507b85.js} +2 -1
  229. package/dist/esm/vega-item-toggle.entry.js +3 -3
  230. package/dist/esm/vega-left-nav_5.entry.js +13 -13
  231. package/dist/esm/vega-line-chart.entry.js +4 -4
  232. package/dist/esm/vega-loader-wrapper_2.entry.js +2 -2
  233. package/dist/esm/vega-page-notification_2.entry.js +1 -1
  234. package/dist/esm/vega-pagination.entry.js +12 -12
  235. package/dist/esm/vega-pie-chart.entry.js +3 -3
  236. package/dist/esm/vega-popover_2.entry.js +9 -9
  237. package/dist/esm/vega-progress-tracker.entry.js +4 -4
  238. package/dist/esm/vega-radio_2.entry.js +13 -13
  239. package/dist/esm/vega-segment-control.entry.js +3 -3
  240. package/dist/esm/vega-selection-chip_2.entry.js +16 -15
  241. package/dist/esm/vega-selection-tile_2.entry.js +15 -14
  242. package/dist/esm/vega-sidenav_3.entry.js +1000 -0
  243. package/dist/esm/vega-signature-capture.entry.js +16 -16
  244. package/dist/esm/{vega-skeleton-loader-controller-6fb25f3b.js → vega-skeleton-loader-controller-cec6753f.js} +4 -14
  245. package/dist/esm/vega-stepper.entry.js +14 -14
  246. package/dist/esm/vega-tab-group_2.entry.js +6 -6
  247. package/dist/esm/vega-table_8.entry.js +19 -18
  248. package/dist/esm/vega-textarea.entry.js +13 -13
  249. package/dist/esm/vega-time-picker_2.entry.js +17 -17
  250. package/dist/esm/vega-toggle-switch.entry.js +11 -11
  251. package/dist/esm/vega-tooltip_2.entry.js +7 -7
  252. package/dist/esm/vega.js +15 -14
  253. package/dist/esm/{y-axis-input-processor-08c89594.js → y-axis-input-processor-a4d6aa50.js} +2 -2
  254. package/dist/types/components/vega-color-picker/vega-color-picker.d.ts +6 -0
  255. package/dist/types/components/vega-combo-box/slimmers/controllers/vega-combo-box-keyboard-controller.d.ts +29 -0
  256. package/dist/types/components/vega-combo-box/slimmers/controllers/vega-combo-box-value-controller.d.ts +14 -0
  257. package/dist/types/components/vega-combo-box/slimmers/renderers/vega-combo-box-dropdown-renderer.d.ts +41 -0
  258. package/dist/types/components/vega-combo-box/slimmers/renderers/vega-combo-box-renderer.d.ts +17 -0
  259. package/dist/types/components/vega-combo-box/vega-combo-box.d.ts +8 -48
  260. package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-search-renderer.d.ts +1 -0
  261. package/dist/types/components/vega-dropdown/types.d.ts +5 -0
  262. package/dist/types/components/vega-dropdown/vega-dropdown.d.ts +21 -1
  263. package/dist/types/components/vega-input/slimmers/controllers/vega-input-compact-width-controller.d.ts +47 -0
  264. package/dist/types/components/vega-input/slimmers/controllers/vega-input-state-controller.d.ts +13 -0
  265. package/dist/types/components/vega-input/vega-input.d.ts +18 -6
  266. package/dist/types/components/vega-input-numeric/slimmers/controllers/vega-input-numeric-keyboard-controller.d.ts +18 -0
  267. package/dist/types/components/vega-input-numeric/slimmers/controllers/vega-input-numeric-value-controller.d.ts +20 -0
  268. package/dist/types/components/vega-input-numeric/slimmers/renderers/vega-input-numeric-renderer.d.ts +19 -0
  269. package/dist/types/components/vega-input-numeric/vega-input-numeric.d.ts +169 -0
  270. package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.d.ts +1 -0
  271. package/dist/types/components/vega-input-select/vega-input-select.d.ts +20 -0
  272. package/dist/types/components/vega-sidenav/icons/chevron-right.d.ts +3 -0
  273. package/dist/types/components/vega-sidenav/icons/toggle-button-bg.d.ts +3 -0
  274. package/dist/types/components/vega-sidenav/slimmers/controllers/vega-sidenav-backdrop-controller.d.ts +42 -0
  275. package/dist/types/components/vega-sidenav/slimmers/controllers/vega-sidenav-open-status-controller.d.ts +94 -0
  276. package/dist/types/components/vega-sidenav/slimmers/renderers/vega-sidenav-collapse-button-renderer.d.ts +31 -0
  277. package/dist/types/components/vega-sidenav/test/test.helper.d.ts +6 -0
  278. package/dist/types/components/vega-sidenav/types.d.ts +24 -0
  279. package/dist/types/components/vega-sidenav/utils/index.d.ts +7 -0
  280. package/dist/types/components/vega-sidenav/vega-sidenav-group/slimmers/controllers/vega-sidenav-group-sub-state-controller.d.ts +10 -0
  281. package/dist/types/components/vega-sidenav/vega-sidenav-group/vega-sidenav-group.d.ts +47 -0
  282. package/dist/types/components/vega-sidenav/vega-sidenav-link/slimmers/controllers/vega-sidenav-link-sub-state.controller.d.ts +10 -0
  283. package/dist/types/components/vega-sidenav/vega-sidenav-link/vega-sidenav-link.d.ts +80 -0
  284. package/dist/types/components/vega-sidenav/vega-sidenav.d.ts +137 -0
  285. package/dist/types/components.d.ts +407 -1
  286. package/dist/types/constants/ui.d.ts +1 -1
  287. package/dist/types/helpers/event-manager/event-id/vega-event-id.d.ts +1 -0
  288. package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts +1 -0
  289. package/dist/types/helpers/feature-control/feature-flag.d.ts +2 -1
  290. package/dist/types/helpers/slimmers/element-appender-container/body-positioned-wrapper/body-positioned-wrapper.abstract.d.ts +15 -0
  291. package/dist/types/helpers/slimmers/element-appender-container/{position-relative-to-wrapper.d.ts → body-positioned-wrapper/position-relative-to-wrapper.d.ts} +5 -5
  292. package/dist/types/helpers/slimmers/element-appender-container/{vega-modal-wrapper.d.ts → body-positioned-wrapper/vega-modal-wrapper.d.ts} +5 -5
  293. package/dist/types/helpers/slimmers/element-appender-container/{vega-popover-wrapper.d.ts → body-positioned-wrapper/vega-popover-wrapper.d.ts} +5 -5
  294. package/dist/types/helpers/slimmers/element-appender-container/default-wrapper.d.ts +2 -2
  295. package/dist/types/helpers/slimmers/element-appender-container/element-appender-container-controller.d.ts +3 -3
  296. package/dist/types/helpers/slimmers/element-appender-slimmer.d.ts +1 -0
  297. package/dist/types/helpers/slimmers/position-calculation/base-position-calculation-strategy.d.ts +138 -0
  298. package/dist/types/helpers/slimmers/position-calculation/body-position-calculation-strategy.d.ts +34 -0
  299. package/dist/types/helpers/slimmers/position-calculation/position-calculation-controller.d.ts +54 -0
  300. package/dist/types/helpers/slimmers/position-calculation/screen-position-calculation-strategy.d.ts +34 -0
  301. package/dist/types/helpers/slimmers/position-calculation/test/body-position-calculation-strategy.test.d.ts +15 -0
  302. package/dist/types/helpers/slimmers/sub-state/sub-state-notify-slimmer.d.ts +1 -1
  303. package/dist/types/helpers/ui/element-appender.d.ts +9 -24
  304. package/dist/types/types/components.type.d.ts +7 -0
  305. package/dist/types/utils/number.d.ts +7 -0
  306. package/dist/vega/index.esm.js +1 -1
  307. package/dist/vega/{p-d4c85e4e.entry.js → p-00c5aee5.entry.js} +1 -1
  308. package/dist/vega/{p-573948c2.js → p-04215e74.js} +1 -1
  309. package/dist/vega/p-042b4b3f.entry.js +1 -0
  310. package/dist/vega/{p-fd929ab5.entry.js → p-07a8cf89.entry.js} +1 -1
  311. package/dist/vega/p-0abe1ade.entry.js +1 -0
  312. package/dist/vega/p-0f0e4198.entry.js +1 -0
  313. package/dist/vega/{p-b86e8c8b.entry.js → p-11786565.entry.js} +1 -1
  314. package/dist/vega/{p-063c3ba6.entry.js → p-14f5a9ad.entry.js} +1 -1
  315. package/dist/vega/p-15023bad.entry.js +1 -0
  316. package/dist/vega/p-1be2fd46.entry.js +1 -0
  317. package/dist/vega/p-1bfcb6b7.entry.js +1 -0
  318. package/dist/vega/p-20d9c07c.entry.js +1 -0
  319. package/dist/vega/p-2306c736.js +1 -0
  320. package/dist/vega/p-262ec334.js +1 -0
  321. package/dist/vega/{p-a5f80d35.js → p-2d5a9f66.js} +1 -1
  322. package/dist/vega/{p-83af8ed7.js → p-302e7589.js} +1 -1
  323. package/dist/vega/p-32f651f7.js +1 -0
  324. package/dist/vega/p-34710a3c.entry.js +1 -0
  325. package/dist/vega/p-3903ce7a.entry.js +1 -0
  326. package/dist/vega/{p-b2053fa8.entry.js → p-4022f395.entry.js} +1 -1
  327. package/dist/vega/{p-51cd2a39.entry.js → p-438caeb3.entry.js} +1 -1
  328. package/dist/vega/{p-1ea57951.js → p-4d25df7d.js} +1 -1
  329. package/dist/vega/{p-319efe6c.js → p-4ffd7493.js} +1 -1
  330. package/dist/vega/p-5440344e.js +1 -0
  331. package/dist/vega/{p-fc746bae.entry.js → p-57d9bde6.entry.js} +1 -1
  332. package/dist/vega/p-5f377954.js +1 -1
  333. package/dist/vega/p-5fbac513.js +1 -0
  334. package/dist/vega/{p-d686dd96.entry.js → p-623fe226.entry.js} +1 -1
  335. package/dist/vega/{p-be26b334.entry.js → p-63bee4f1.entry.js} +1 -1
  336. package/dist/vega/{p-40f6add9.entry.js → p-64ff6318.entry.js} +1 -1
  337. package/dist/vega/{p-9e6934fb.js → p-68ad953c.js} +1 -1
  338. package/dist/vega/{p-7a1df282.entry.js → p-69e63d21.entry.js} +1 -1
  339. package/dist/vega/{p-ac0ab38b.js → p-6a8f1251.js} +1 -1
  340. package/dist/vega/{p-9a4ffc2c.entry.js → p-72ecc510.entry.js} +1 -1
  341. package/dist/vega/{p-a2169994.entry.js → p-7372cd79.entry.js} +1 -1
  342. package/dist/vega/{p-7b40ac07.js → p-74958b1a.js} +1 -1
  343. package/dist/vega/{p-3fc59fd3.entry.js → p-760283d1.entry.js} +1 -1
  344. package/dist/vega/{p-152393dd.js → p-781fd6e0.js} +1 -1
  345. package/dist/vega/p-79019d08.js +1 -0
  346. package/dist/vega/p-7941701a.entry.js +1 -0
  347. package/dist/vega/{p-8fd6775a.entry.js → p-799cb0a4.entry.js} +1 -1
  348. package/dist/vega/{p-34545d2d.entry.js → p-7a6a0740.entry.js} +1 -1
  349. package/dist/vega/{p-a59c221b.entry.js → p-7df3aa44.entry.js} +1 -1
  350. package/dist/vega/p-80785fcf.entry.js +1 -0
  351. package/dist/vega/{p-8c72aa56.entry.js → p-83ef4c13.entry.js} +1 -1
  352. package/dist/vega/{p-1e33c6e3.entry.js → p-87640a4d.entry.js} +1 -1
  353. package/dist/vega/{p-1bbc62ef.entry.js → p-87cd0d6a.entry.js} +1 -1
  354. package/dist/vega/{p-22a85055.entry.js → p-8cfe4027.entry.js} +1 -1
  355. package/dist/vega/{p-056f448c.entry.js → p-9281cdb2.entry.js} +1 -1
  356. package/dist/vega/p-95b25b97.entry.js +1 -0
  357. package/dist/vega/p-9b45e5dc.entry.js +1 -0
  358. package/dist/vega/{p-4bc042ec.entry.js → p-9b9c0afb.entry.js} +1 -1
  359. package/dist/vega/{p-128fbe13.entry.js → p-9ba68531.entry.js} +2 -2
  360. package/dist/vega/{p-be784f53.js → p-9f3b1d77.js} +1 -1
  361. package/dist/vega/p-a66ea015.entry.js +1 -0
  362. package/dist/vega/p-a67748c6.entry.js +1 -0
  363. package/dist/vega/{p-33366630.entry.js → p-a6e1d9bc.entry.js} +1 -1
  364. package/dist/vega/{p-38d81bde.js → p-a9354a5c.js} +1 -1
  365. package/dist/vega/p-ab983e7d.js +1 -0
  366. package/dist/vega/p-ae3fd67e.js +1 -0
  367. package/dist/vega/p-b0502d01.js +1 -0
  368. package/dist/vega/{p-8b0533c4.entry.js → p-b1a249ef.entry.js} +1 -1
  369. package/dist/vega/{p-bccacf42.js → p-b347f967.js} +1 -1
  370. package/dist/vega/p-b3e754da.entry.js +1 -0
  371. package/dist/vega/{p-ddc70a7b.js → p-b62f0454.js} +1 -1
  372. package/dist/vega/{p-26d0d411.entry.js → p-b6e49ee9.entry.js} +1 -1
  373. package/dist/vega/{p-a901494d.entry.js → p-bb6f8b70.entry.js} +1 -1
  374. package/dist/vega/{p-456416ea.js → p-bdb94242.js} +1 -1
  375. package/dist/vega/{p-5d231a82.entry.js → p-be6041fc.entry.js} +1 -1
  376. package/dist/vega/{p-0dd750b0.entry.js → p-bf38199b.entry.js} +1 -1
  377. package/dist/vega/p-bf3fbb9b.js +1 -0
  378. package/dist/vega/p-c06e7880.js +1 -0
  379. package/dist/vega/{p-51622ace.entry.js → p-c3c2890e.entry.js} +1 -1
  380. package/dist/vega/{p-6874d6a1.entry.js → p-c6ed1982.entry.js} +1 -1
  381. package/dist/vega/{p-33596687.js → p-c7d70786.js} +1 -1
  382. package/dist/vega/p-cdebfee7.entry.js +1 -0
  383. package/dist/vega/p-cea70476.entry.js +1 -0
  384. package/dist/vega/{p-d550fc66.entry.js → p-d3c07efa.entry.js} +1 -1
  385. package/dist/vega/p-d71f968e.entry.js +1 -0
  386. package/dist/vega/{p-365c340d.entry.js → p-e165c9f1.entry.js} +1 -1
  387. package/dist/vega/{p-5dc98104.js → p-e5d7b4b8.js} +1 -1
  388. package/dist/vega/p-e6f91767.entry.js +1 -0
  389. package/dist/vega/p-e731976a.js +1 -0
  390. package/dist/vega/p-ed237efc.js +1 -0
  391. package/dist/vega/{p-cbeda6ca.entry.js → p-f2685ec5.entry.js} +1 -1
  392. package/dist/vega/{p-115e5967.js → p-f2851f16.js} +1 -1
  393. package/dist/vega/p-f5b0ce61.js +1 -0
  394. package/dist/vega/{p-a57eed48.entry.js → p-f64fb740.entry.js} +1 -1
  395. package/dist/vega/{p-80c0f98c.entry.js → p-fb3233db.entry.js} +1 -1
  396. package/dist/vega/{p-8f60c3ee.entry.js → p-ff22a95f.entry.js} +1 -1
  397. package/dist/vega/vega.esm.js +1 -1
  398. package/package.json +7 -3
  399. package/dist/collection/utils/position.js +0 -373
  400. package/dist/types/utils/position.d.ts +0 -17
  401. package/dist/vega/p-0120ce7a.js +0 -1
  402. package/dist/vega/p-0395e791.entry.js +0 -1
  403. package/dist/vega/p-048a97d1.entry.js +0 -1
  404. package/dist/vega/p-1f38eef6.entry.js +0 -1
  405. package/dist/vega/p-1fc5373a.entry.js +0 -1
  406. package/dist/vega/p-344ee7cb.js +0 -1
  407. package/dist/vega/p-3f5e44c1.js +0 -1
  408. package/dist/vega/p-41784db1.js +0 -1
  409. package/dist/vega/p-6168c1e7.js +0 -1
  410. package/dist/vega/p-64e8bb64.js +0 -1
  411. package/dist/vega/p-657df167.entry.js +0 -1
  412. package/dist/vega/p-68055c2d.entry.js +0 -1
  413. package/dist/vega/p-6d015656.entry.js +0 -1
  414. package/dist/vega/p-6e3cc7f0.entry.js +0 -1
  415. package/dist/vega/p-880f91fb.js +0 -1
  416. package/dist/vega/p-8843226a.entry.js +0 -1
  417. package/dist/vega/p-a10074a8.entry.js +0 -1
  418. package/dist/vega/p-a454acc4.entry.js +0 -1
  419. package/dist/vega/p-a8b1f19c.entry.js +0 -1
  420. package/dist/vega/p-acf8b473.js +0 -1
  421. package/dist/vega/p-d0a83562.entry.js +0 -1
  422. package/dist/vega/p-d4fb2264.entry.js +0 -1
  423. package/dist/vega/p-da86ba01.js +0 -1
  424. package/dist/vega/p-ead1a647.js +0 -1
  425. package/dist/vega/p-ead9a2b9.entry.js +0 -1
  426. package/dist/vega/p-ee68920f.js +0 -1
  427. package/dist/vega/p-f0ad06bd.entry.js +0 -1
  428. package/dist/vega/p-f2019f70.entry.js +0 -1
  429. package/dist/vega/p-f948debe.entry.js +0 -1
  430. package/dist/vega/p-fb6c90d6.js +0 -1
  431. /package/dist/types/{utils/test/position.test.d.ts → helpers/slimmers/position-calculation/test/screen-position-calculation-strategy.test.d.ts} +0 -0
@@ -1,24 +1,24 @@
1
- import { ElementAppenderShowConfig } from '../../ui/element-appender';
2
- import { ElementAppenderContainerRetriever } from './element-appender-container-controller';
1
+ import { ElementAppenderShowConfig } from '../../../ui/element-appender';
2
+ import { BodyPositionedWrapper } from './body-positioned-wrapper.abstract';
3
3
  /**
4
4
  * This class is is used to get vega-modal element as a container and store the element appender element to slot.
5
5
  *
6
6
  * @property {HTMLElement} showConfig the show config
7
7
  */
8
- export declare class VegaModalWrapper implements ElementAppenderContainerRetriever {
8
+ export declare class VegaModalWrapper extends BodyPositionedWrapper {
9
9
  showConfig: ElementAppenderShowConfig;
10
10
  /**
11
11
  * The canRetrieve function just determines whether the target of showConfig has the `vega-modal` element. If not, search upwards layer by layer.
12
12
  *
13
13
  * @returns {boolean} the boolean type.
14
14
  */
15
- canRetrieve: () => boolean;
15
+ canRetrieve(): boolean;
16
16
  /**
17
17
  * The retrieve function get the slot position of vega-modal element.
18
18
  *
19
19
  * @returns {HTMLElement} the element.
20
20
  */
21
- retrieve: () => HTMLElement;
21
+ retrieve(): HTMLElement;
22
22
  /**
23
23
  * This function `getVegaModalContentWithoutScroll` determines whether vega-modal has a slot whose name is `content` or `modal-content`. If there is a component rendered in the modal, the elementAppender added to the corresponding slot attribute is added. If not, the elementAppender is not directly appended to the root directory of vega-modal.
24
24
  *
@@ -1,22 +1,22 @@
1
- import { ElementAppenderShowConfig } from '../../ui/element-appender';
2
- import { ElementAppenderContainerRetriever } from './element-appender-container-controller';
1
+ import { ElementAppenderShowConfig } from '../../../ui/element-appender';
2
+ import { BodyPositionedWrapper } from './body-positioned-wrapper.abstract';
3
3
  /**
4
4
  * This class is used to get the class `vega-popover` as a container and store the element appender element.
5
5
  *
6
6
  * @property {HTMLElement} showConfig the show config
7
7
  */
8
- export declare class VegaPopoverWrapper implements ElementAppenderContainerRetriever {
8
+ export declare class VegaPopoverWrapper extends BodyPositionedWrapper {
9
9
  showConfig: ElementAppenderShowConfig;
10
10
  /**
11
11
  * The canRetrieve function just determine whether the target of showConfig has the class `vega-popover`. If not, search upwards layer by layer.
12
12
  *
13
13
  * @returns {boolean} the boolean type.
14
14
  */
15
- canRetrieve: () => boolean;
15
+ canRetrieve(): boolean;
16
16
  /**
17
17
  * The retrieve function get the element that if the target of showConfig does not have the class vega-popover, search upwards layer by layer until this element is found.
18
18
  *
19
19
  * @returns {HTMLElement} the element.
20
20
  */
21
- retrieve: () => HTMLElement;
21
+ retrieve(): HTMLElement;
22
22
  }
@@ -10,11 +10,11 @@ export declare class DefaultWrapper implements ElementAppenderContainerRetriever
10
10
  *
11
11
  * @returns {boolean} the boolean type.
12
12
  */
13
- canRetrieve: () => boolean;
13
+ canRetrieve(): boolean;
14
14
  /**
15
15
  * The retrieve function get the body element of document.
16
16
  *
17
17
  * @returns {HTMLElement} the element.
18
18
  */
19
- retrieve: () => HTMLElement;
19
+ retrieve(): HTMLElement;
20
20
  }
@@ -1,9 +1,9 @@
1
1
  import { VegaSlimmer } from '../../../vega-slimmer/vega-slimmer-core';
2
2
  import { ElementAppenderShowConfig } from '../../ui/element-appender';
3
3
  import { DefaultWrapper } from './default-wrapper';
4
- import { PositionRelativeToWrapper } from './position-relative-to-wrapper';
5
- import { VegaModalWrapper } from './vega-modal-wrapper';
6
- import { VegaPopoverWrapper } from './vega-popover-wrapper';
4
+ import { PositionRelativeToWrapper } from './body-positioned-wrapper/position-relative-to-wrapper';
5
+ import { VegaModalWrapper } from './body-positioned-wrapper/vega-modal-wrapper';
6
+ import { VegaPopoverWrapper } from './body-positioned-wrapper/vega-popover-wrapper';
7
7
  export interface ElementAppenderContainerRetriever {
8
8
  canRetrieve: () => boolean;
9
9
  retrieve: () => HTMLElement;
@@ -49,6 +49,7 @@ export declare class ElementAppenderSlimmer extends VegaSlimmer {
49
49
  private elementMouseEnterHandler;
50
50
  private elementMouseLeaveHandler;
51
51
  private globalMouseDownHandler;
52
+ private globalScrollHandler;
52
53
  private createDelayHideTimer;
53
54
  private clearDelayHideTimer;
54
55
  private shouldListenerWork;
@@ -0,0 +1,138 @@
1
+ import { VegaSlimmer } from '../../../vega-slimmer/vega-slimmer-core';
2
+ import { ElementBoundBox, ElementPositionBox, ElementScrollDimension, PlacementType, PositionAlignmentType } from '../../../types/ui.type';
3
+ import { ElementAppenderShowConfig } from '../../ui/element-appender';
4
+ /**
5
+ * calculate position
6
+ */
7
+ export declare abstract class BasePositionCalculationStrategy extends VegaSlimmer {
8
+ abstract showConfig: ElementAppenderShowConfig;
9
+ /**
10
+ * Get the position box.
11
+ *
12
+ * @param {PlacementType[]} placement - previous placement.
13
+ * @param {PositionAlignmentType[]} alignment - previous placement.
14
+ * @returns {ElementPositionBox} A function that takes in a container, element, target, placement, and translocation and
15
+ * returns an ElementPositionBox.
16
+ */
17
+ protected getPositionBox(placement?: PlacementType[], alignment?: PositionAlignmentType[]): ElementPositionBox;
18
+ /**
19
+ * "Get the width, height, and top position of an element."
20
+ *
21
+ * The function takes an element as an argument and returns an object with three properties: width,
22
+ * height, and top.
23
+ *
24
+ * Note: If element is hide, we should temporary change it to `block` to get the bounding client rect of element,
25
+ * After do that, this element will change to origin `hide`, if not, it will be contained in the calculate of `document.documentElement.scrollHeight`
26
+ *
27
+ * @returns {ElementBoundBox} An object with the width, height, and top properties of the element.
28
+ */
29
+ private getElementBoundBox;
30
+ /**
31
+ * It takes a placement string or array of placements and returns an array of placements
32
+ * if given placement is single, we should completion the placements with the default {@link Placements}
33
+ * and make given placement as default.
34
+ * if given placement is array, we should use it directly, even it partial of {@link Placements}.
35
+ * if not placement give. we should use {@link Placements}.
36
+ *
37
+ * @returns {PlacementType[]} ordered placements.
38
+ */
39
+ private getPlacements;
40
+ /**
41
+ * It returns acceptable alignments.
42
+ *
43
+ * @returns {PositionAlignmentType[]} acceptable alignments
44
+ */
45
+ private getAlignments;
46
+ /**
47
+ * It takes a placement, a target box, and a element box, and returns an element box
48
+ *
49
+ * @param {ElementBoundBox} elementBox - The position of the element element.
50
+ * @param {ElementBoundBox} targetBox - The position of the target element.
51
+ * @param {PlacementType} placement - The placement of the element.
52
+ * @param {PositionAlignmentType} alignment - The alignment of the element
53
+ * @returns {ElementPositionBox} An object with top and left properties.
54
+ */
55
+ private calculatePosition;
56
+ /**
57
+ * It returns the translocation of the element relative to the target element
58
+ *
59
+ * @param {PlacementType} placement - The suitable placement of the element.
60
+ * @returns {TranslocationType} A translocation object with X and Y properties.
61
+ */
62
+ private getTranslocationBox;
63
+ /**
64
+ * Calculate the left position of the element
65
+ *
66
+ * @param {ElementBoundBox} elementBox - The position box of the element.
67
+ * @param {ElementBoundBox} targetBox - The position box of the target element that is attached to.
68
+ * @param {PlacementType} placement - The placement of the element.
69
+ * @param {PositionAlignmentType} alignment - The alignment of the element
70
+ * @returns {number} The left position of the element.
71
+ */
72
+ private calculateLeft;
73
+ /**
74
+ * Calculate the top position of the element
75
+ *
76
+ * @param {ElementBoundBox} elementBox - The position box of the element.
77
+ * @param {ElementBoundBox} targetBox - The position box of the target element that is attached to.
78
+ * @param {PlacementType} placement - The placement of the element.
79
+ * @param {PositionAlignmentType} alignment - The alignment of the element
80
+ * @returns {number} the top position of the element.
81
+ */
82
+ private calculateTop;
83
+ /**
84
+ * It takes a list of placements and returns the first placement that has enough space to place the
85
+ * element
86
+ *
87
+ * @param {ElementScrollDimension} containerBox - The box of the container element.
88
+ * @param {ElementBoundBox} elementBox - The box of the element to be placed.
89
+ * @param {ElementBoundBox} targetBox - The box of the target element.
90
+ * @param {PlacementType[]} placements - The placements that we want to try.
91
+ * @returns {PlacementType} A function that takes in a containerBox, elementBox, targetBox, placements, and element.
92
+ */
93
+ private getSuitablePlacement;
94
+ /**
95
+ * It takes a list of alignments and returns the suitable one that has enough space to fit the element
96
+ *
97
+ * @param {ElementScrollDimension} containerBox - The bounding box of the container element.
98
+ * @param {ElementBoundBox} elementBox - The box of the element that we want to position.
99
+ * @param {ElementBoundBox} targetBox - The box of the element that the element to be positioned is aligned to.
100
+ * @param {PlacementType} placement - The placement of the element relative to the target.
101
+ * @param {PositionAlignmentType[]} alignments - An array of alignments to try.
102
+ * @returns {PositionAlignmentType} the alignment that is suitable for the element.
103
+ */
104
+ private getSuitableAlignment;
105
+ /**
106
+ * Whether the alignment space is enough
107
+ *
108
+ * @param {ElementScrollDimension} containerBox - The bounding box of the container element.
109
+ * @param {ElementBoundBox} targetBox - The position of the target element.
110
+ * @param {ElementBoundBox} elementBox - The box of the element that we're trying to position.
111
+ * @param {PlacementType} placement - The placement of the element relative to the target.
112
+ * @param {PlacementType} alignment - The alignment of the element relative to the target.
113
+ * @returns {boolean} return true if it has enough space, otherwise false
114
+ */
115
+ private hasEnoughAlignmentSpace;
116
+ /**
117
+ * If the placement is top or left, then the target's top or left position must be greater than or
118
+ * equal to the element's height or width. If the placement is bottom or right, then the container's
119
+ * height or width minus the target's top or left position minus the target's height or width must be
120
+ * greater than or equal to the element's height or width.
121
+ *
122
+ * @param {ElementScrollDimension} containerBox - The bounding box of the container element.
123
+ * @param {PlacementType} placement - The placement of the element.
124
+ * @param {ElementBoundBox} targetBox - The position of the target element.
125
+ * @param {ElementBoundBox} elementBox - The dimensions of the element to be positioned.
126
+ * @returns {boolean} A boolean value.
127
+ */
128
+ private hasEnoughSpace;
129
+ /**
130
+ * Retrieves and formats the translocation.
131
+ *
132
+ * @returns {TranslocationType} current translocation.
133
+ */
134
+ private getTranslocation;
135
+ abstract getPosition(usePreviousPlacement?: boolean): ElementPositionBox;
136
+ protected abstract getTargetBoundBox(): ElementBoundBox;
137
+ protected abstract getElementScrollDimension(): ElementScrollDimension;
138
+ }
@@ -0,0 +1,34 @@
1
+ import { ElementBoundBox, ElementPositionBox, ElementScrollDimension } from '../../../types/ui.type';
2
+ import { BasePositionCalculationStrategy } from './base-position-calculation-strategy';
3
+ import { ElementAppenderShowConfig } from '../../ui/element-appender';
4
+ /**
5
+ * calculate position by body container
6
+ */
7
+ export declare class BodyPositionCalculationStrategy extends BasePositionCalculationStrategy {
8
+ container: HTMLElement;
9
+ showConfig: ElementAppenderShowConfig;
10
+ /**
11
+ * Get the position of the element in the container according to the target element and the placement
12
+ * If give a translocation, it will apply the translocation to the result.
13
+ * Note: If you use this method to calculate the position, you should make container as relative position at first.
14
+ *
15
+ * @returns {ElementPositionBox} A function that takes in a container, element, target, placement, and translocation and
16
+ * returns an ElementPositionBox.
17
+ */
18
+ getPosition(): ElementPositionBox;
19
+ /**
20
+ * It returns the position of an element relative to its container and also includes the scroll height of container.
21
+ *
22
+ * @returns {ElementBoundBox} An object with the properties width, height, top, and left.
23
+ */
24
+ protected getTargetBoundBox(): ElementBoundBox;
25
+ /**
26
+ * "Get the width and height of an element."
27
+ *
28
+ * The function takes a single parameter, a container element, and returns an object with two
29
+ * properties: width and height
30
+ *
31
+ * @returns {ElementScrollDimension} An object with two properties: width and height.
32
+ */
33
+ protected getElementScrollDimension(): ElementScrollDimension;
34
+ }
@@ -0,0 +1,54 @@
1
+ import { VegaSlimmer } from '../../../vega-slimmer/vega-slimmer-core';
2
+ import { BodyPositionCalculationStrategy } from './body-position-calculation-strategy';
3
+ import { ScreenPositionCalculationStrategy } from './screen-position-calculation-strategy';
4
+ import { ElementAppenderShowConfig } from '../../ui/element-appender';
5
+ /**
6
+ * Calculation and adjustment of positions for appendable elements based on target element positions.
7
+ */
8
+ export declare class PositionCalculationController extends VegaSlimmer {
9
+ container: HTMLElement;
10
+ showConfig: ElementAppenderShowConfig;
11
+ protected readonly bodyPositionStrategy: BodyPositionCalculationStrategy;
12
+ protected readonly screenPositionStrategy: ScreenPositionCalculationStrategy;
13
+ private positionStrategy;
14
+ /**
15
+ * Sets the calculate postion strategy.
16
+ */
17
+ setCalculationStrategy(): void;
18
+ /**
19
+ * Calculates the position and applies it to the appendable element.
20
+ *
21
+ * @param {boolean} [usePreviousPlacement] - Should keep use previous placement and alignment.
22
+ */
23
+ adjustPosition(usePreviousPlacement?: boolean): void;
24
+ /**
25
+ * Apply the position to the appendable element.
26
+ *
27
+ * @param {ElementPositionBox} positionBox - position box
28
+ */
29
+ private applyPosition;
30
+ /**
31
+ * It sets the width of the appendable element to the width of the target element if the
32
+ * matchTargetWidth property is true, otherwise it sets the width of the appendable element to the
33
+ * size property
34
+ *
35
+ * @returns {void}
36
+ */
37
+ private adjustWidth;
38
+ /**
39
+ * It takes a name and a value, formats the value, and then sets the style of the element
40
+ *
41
+ * @param {'width' | 'maxWidth' | 'minWidth'} name - 'width' | 'maxWidth' | 'minWidth'
42
+ * @param {ResponsiveType<SizeType>} value - ResponsiveType<SizeType>
43
+ * @returns {void}
44
+ */
45
+ private setRelatedWidth;
46
+ /**
47
+ * > If the `matchContainerHeight` property is set to `true`, then the maximum height of the dropdown
48
+ * is set to the height of the container minus the height of the target minus the top offset of the
49
+ * target
50
+ *
51
+ * @returns {void}
52
+ */
53
+ private adjustHeight;
54
+ }
@@ -0,0 +1,34 @@
1
+ import { ElementAppenderShowConfig } from '../../ui/element-appender';
2
+ import { ElementBoundBox, ElementPositionBox, ElementScrollDimension } from '../../../types/ui.type';
3
+ import { BasePositionCalculationStrategy } from './base-position-calculation-strategy';
4
+ /**
5
+ * calculate position by screen container
6
+ */
7
+ export declare class ScreenPositionCalculationStrategy extends BasePositionCalculationStrategy {
8
+ showConfig: ElementAppenderShowConfig;
9
+ private previousPositionBox;
10
+ /**
11
+ * Get the position of the element in the container according to the target element and the placement
12
+ * If give a translocation, it will apply the translocation to the result.
13
+ *
14
+ * @param {boolean} usePreviousPlacement - Should keep use previous placement and alignment.
15
+ * @returns {ElementPositionBox} A function that takes in a container, element, target, placement, and translocation and
16
+ * returns an ElementPositionBox.
17
+ */
18
+ getPosition(usePreviousPlacement: boolean): ElementPositionBox;
19
+ /**
20
+ * It returns the position of an element relative to its container and also includes the scroll height of container.
21
+ *
22
+ * @returns {ElementBoundBox} An object with the properties width, height, top, and left.
23
+ */
24
+ protected getTargetBoundBox(): ElementBoundBox;
25
+ /**
26
+ * "Get the width and height of an element."
27
+ *
28
+ * The function takes a single parameter, a container element, and returns an object with two
29
+ * properties: width and height
30
+ *
31
+ * @returns {ElementScrollDimension} An object with two properties: width and height.
32
+ */
33
+ protected getElementScrollDimension(): ElementScrollDimension;
34
+ }
@@ -0,0 +1,15 @@
1
+ import { ElementPositionBox, PlacementType, PositionAlignmentType, TranslocationType } from '../../../../types/ui.type';
2
+ import { ElementAppenderShowConfig } from '../../../ui/element-appender';
3
+ import { PositionCalculationController } from '../position-calculation-controller';
4
+ import { ElementAppenderContainerController } from '../../element-appender-container/element-appender-container-controller';
5
+ export declare class PositionCalculationMockedComponent {
6
+ showConfig: ElementAppenderShowConfig;
7
+ container: HTMLElement;
8
+ protected elementAppenderContainerController: ElementAppenderContainerController;
9
+ protected positionCalculationController: PositionCalculationController;
10
+ private isScreenPosition;
11
+ constructor();
12
+ setIsScreenPosition(isScreenPosition: boolean): void;
13
+ getPositionBox(container: HTMLElement, element: HTMLElement, target: HTMLElement, placement?: PlacementType | PlacementType[], alignment?: PositionAlignmentType | PositionAlignmentType[], translocation?: TranslocationType): ElementPositionBox;
14
+ private setHtml;
15
+ }
@@ -9,4 +9,4 @@ import { DynamicMapFromClass } from '../types';
9
9
  * @param {string} watchMethodName - The watch method name of prop change
10
10
  * @returns {SubStateNotifySlimmerBase} - SubState notify slimmer
11
11
  */
12
- export declare function createSubStateNotifySlimmer<T extends DynamicMapFromClass>(mapFromClass: ClassPrototype<T>, propName: PropertyKeysOf<DynamicMapFromClass>, watchMethodName: MethodKeysOf<DynamicMapFromClass>): SubStateNotifySlimmerBase;
12
+ export declare function createSubStateNotifySlimmer<T extends DynamicMapFromClass>(mapFromClass: ClassPrototype<T>, propName: PropertyKeysOf<DynamicMapFromClass>, watchMethodName?: MethodKeysOf<DynamicMapFromClass>): SubStateNotifySlimmerBase;
@@ -2,6 +2,7 @@ import { ElementAppenderAlignmentType, ElementAppenderPlacementType, ResponsiveT
2
2
  import { ComponentInterface } from '../../stencil-public-runtime';
3
3
  import { PageResizeObserverSlimmer } from '../slimmers/page-resize-observer-slimmer';
4
4
  import { ElementAppenderContainerController } from '../slimmers/element-appender-container/element-appender-container-controller';
5
+ import { PositionCalculationController } from '../slimmers/position-calculation/position-calculation-controller';
5
6
  export declare type ElementAppenderShowConfig = {
6
7
  target: HTMLElement;
7
8
  appendableElement: HTMLElement;
@@ -15,6 +16,7 @@ export declare type ElementAppenderShowConfig = {
15
16
  translocation?: ResponsiveType<TranslocationType>;
16
17
  placement?: ElementAppenderPlacementType;
17
18
  alignment?: ElementAppenderAlignmentType;
19
+ isScreenPosition?: boolean;
18
20
  };
19
21
  declare type ShowConfigCallbackType = ElementAppenderShowConfig | ((target?: ComponentInterface) => ElementAppenderShowConfig);
20
22
  /**
@@ -34,10 +36,12 @@ export declare class ElementAppender {
34
36
  private static containerMap;
35
37
  protected readonly resizeObserverSlimmer: PageResizeObserverSlimmer;
36
38
  protected elementAppenderContainerController: ElementAppenderContainerController;
39
+ protected positionCalculationController: PositionCalculationController;
37
40
  private showConfigCallback;
38
41
  private showConfigCallbackTarget;
39
42
  private showConfig;
40
43
  private container;
44
+ private previousTargetRect;
41
45
  /**
42
46
  * The `constructor` function is used to initialize the `showConfigCallback` and
43
47
  * `showConfigCallbackTarget` properties of the class.
@@ -59,6 +63,10 @@ export declare class ElementAppender {
59
63
  * > If the appendable element exists, hide it
60
64
  */
61
65
  hide(): void;
66
+ /**
67
+ * Update position while window scroll.
68
+ */
69
+ onScroll(): void;
62
70
  /**
63
71
  * It removes the z-index from the appendable element, removes the appendable element from the DOM, and
64
72
  * disconnects the resize observer
@@ -107,33 +115,10 @@ export declare class ElementAppender {
107
115
  * @returns {void}
108
116
  */
109
117
  private prepareShow;
110
- /**
111
- * It sets the width of the appendable element to the width of the target element if the
112
- * matchTargetWidth property is true, otherwise it sets the width of the appendable element to the
113
- * size property
114
- *
115
- * @returns {void}
116
- */
117
- private adjustWidth;
118
- /**
119
- * It takes a name and a value, formats the value, and then sets the style of the element
120
- *
121
- * @param {'width' | 'maxWidth' | 'minWidth'} name - 'width' | 'maxWidth' | 'minWidth'
122
- * @param {ResponsiveType<SizeType>} value - ResponsiveType<SizeType>
123
- * @returns {void}
124
- */
125
- private setRelatedWidth;
126
- /**
127
- * > If the `matchContainerHeight` property is set to `true`, then the maximum height of the dropdown
128
- * is set to the height of the container minus the height of the target minus the top offset of the
129
- * target
130
- *
131
- * @returns {void}
132
- */
133
- private adjustHeight;
134
118
  /**
135
119
  * A function that takes no parameters and returns nothing. It sets the position of the appendable element.
136
120
  *
121
+ * @param {boolean} usePreviousPlacement - Should keep use previous placement and alignment.
137
122
  * @returns {void}
138
123
  */
139
124
  private adjustPosition;
@@ -90,6 +90,7 @@ export {
90
90
  DropdownSourceGroup,
91
91
  DropdownSourceItem,
92
92
  VegaDropdownSearchTriggerByType,
93
+ VegaDropdownSearchTriggerEventDetail,
93
94
  VegaDropdownSourceItem,
94
95
  } from '../components/vega-dropdown/types';
95
96
  export {
@@ -128,6 +129,7 @@ export { VegaFontAs } from '../components/vega-font/types';
128
129
  export { FormControlOption, FormValidateResult } from '../components/vega-form/types';
129
130
  export { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from '../components/vega-image-uploader/types';
130
131
  export { InputValueUpdateTriggeredBy, MaskConfigType } from '../components/vega-input/types';
132
+ export { FormFieldValidationRule as FormFieldValidationRule1 } from '../types/components.type';
131
133
  export { VegaCountryCode, VegaCountryType } from '../components/vega-input-phone-number/types';
132
134
  export { InputRangeStackType, InputRangeValueType } from '../components/vega-input-range/types';
133
135
  export {
@@ -162,6 +164,11 @@ export {
162
164
  VegaSelectionChipVariant,
163
165
  } from '../components/vega-selection-chip/interface';
164
166
  export { VegaSelectionChipGroupSelectType } from '../components/vega-selection-chip/vega-selection-chip-group/interface';
167
+ export {
168
+ OpenByDefaultType,
169
+ SidebarHeaderConfig,
170
+ SidebarTopLevelItem,
171
+ } from '../components/vega-sidenav/types';
165
172
  export { VegaSignatureCaptureMode, VegaSignatureValue } from '../components/vega-signature-capture/types';
166
173
  export { VegaSkeletonType } from '../components/vega-skeleton/interface';
167
174
  export { TabConfig, TabGroupVariant } from '../components/vega-tab-group/types';
@@ -56,3 +56,10 @@ export declare const mapStringToNumberArray: (value: string) => number[];
56
56
  * @returns {number[]} - return a number[]
57
57
  */
58
58
  export declare const mapParityDigits: (values: number[], strategy: (index: number) => boolean) => number[];
59
+ /**
60
+ * Calculates the number of decimal in a given number.
61
+ *
62
+ * @param {number} value - number.
63
+ * @returns {number} - The number of decimal.
64
+ */
65
+ export declare const countDecimals: (value: number) => number;
@@ -1 +1 @@
1
- export{B as Breakpoints,g as getCurrentBreakpoint}from"./p-f46c930f.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-573948c2.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-9fbdeada.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{a as Typography,b as TypographyKeys,T as TypographyUrls}from"./p-c59042c0.js";export{B as BreakpointKeys}from"./p-74168615.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{c as VegaEventManager,V as VegaLoader,a as VegaNotify,e as VegaSkeletonLoader,b as VegaThemeManager,d as VegaZIndexManager,w as waitForVega}from"./p-115e5967.js";export{F as FeatureFlag}from"./p-319efe6c.js";export{V as VegaDialog}from"./p-456416ea.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-ead1a647.js";export{V as VegaIconManager}from"./p-1ea57951.js";export{V as ValidCreditCardNumberRule}from"./p-7b40ac07.js";export{a as VegaTranslation,s as VegaTranslationResourceEN}from"./p-be784f53.js";import"./p-a5f80d35.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-acc14aa2.js";import"./p-3a0a4d15.js";import"./p-fb6c90d6.js";import"./p-6a334573.js";import"./p-4163c2c2.js";import"./p-152393dd.js";import"./p-47c87634.js";import"./p-f404aa83.js";import"./p-3f5e44c1.js";import"./p-2d0d575f.js";import"./p-da86ba01.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}
1
+ export{B as Breakpoints,g as getCurrentBreakpoint}from"./p-f46c930f.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-04215e74.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-9fbdeada.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{a as Typography,b as TypographyKeys,T as TypographyUrls}from"./p-c59042c0.js";export{B as BreakpointKeys}from"./p-74168615.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{c as VegaEventManager,V as VegaLoader,a as VegaNotify,e as VegaSkeletonLoader,b as VegaThemeManager,d as VegaZIndexManager}from"./p-f2851f16.js";export{F as FeatureFlag}from"./p-4ffd7493.js";export{V as VegaDialog}from"./p-bdb94242.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-2306c736.js";export{V as VegaIconManager}from"./p-4d25df7d.js";export{V as ValidCreditCardNumberRule}from"./p-74958b1a.js";export{w as waitForVega}from"./p-79019d08.js";export{a as VegaTranslation,s as VegaTranslationResourceEN}from"./p-9f3b1d77.js";import"./p-2d5a9f66.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-acc14aa2.js";import"./p-3a0a4d15.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-4163c2c2.js";import"./p-781fd6e0.js";import"./p-47c87634.js";import"./p-f404aa83.js";import"./p-bf3fbb9b.js";import"./p-2d0d575f.js";import"./p-32f651f7.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}
@@ -1 +1 @@
1
- import{h as t,H as n,r as e,c as o,g as r}from"./p-1c298d5a.js";import{c as s,V as i,I as a}from"./p-6e1ab235.js";import{V as c,I as l}from"./p-61f6167c.js";import{s as b}from"./p-9b797118.js";import{c as p}from"./p-86194314.js";import{g as h,D as f,a as d}from"./p-4163c2c2.js";import{V as u}from"./p-ac0ab38b.js";import{D as v}from"./p-6c6d86da.js";import{a as g,c as m,d as x}from"./p-3f5e44c1.js";import{F as w}from"./p-319efe6c.js";import{c as y}from"./p-83af8ed7.js";import"./p-1ea57951.js";import"./p-fb6c90d6.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-f404aa83.js";import"./p-ead1a647.js";var C=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class j extends i{constructor(){super(...arguments),this.isMobileDevice=h()===f.MOBILE,this.space=this.isMobileDevice?"size-16":"size-24",this.handleCloseButtonClick=()=>{const t=this.closeEventEmitter.emit();t&&!t.defaultPrevented&&this.host.remove()}}render(){const e=[`banner-${this.type}`,this.isMobileDevice&&"banner-mobile",!this.isOpen&&"banner-hidden"].filter(Boolean);return t(n,{class:d(e),padding:this.space},t("vega-flex",{direction:"row",gap:this.isMobileDevice?"size-8":"size-16",justifyContent:"space-between",alignItems:"start"},this.renderPrefixIcon(),this.renderBannerContent(),this.renderCloseButton()),this.isMobileDevice?this.actionButtonRenderer.render():null)}renderBannerContent(){return t("div",{class:{"banner-content-container":!0,linear:!(this.isMobileDevice||this.content&&this.bannerTitle)}},this.renderBannerTitle(),t("div",{class:"banner-content"},t("vega-font",{variant:this.isMobileDevice?"font-footnote1-long":"font-p2-short",color:"error"===this.type?"text-primary":"text-black"},this.content),this.isMobileDevice?null:this.actionButtonRenderer.render()))}renderBannerTitle(){if(this.bannerTitle)return t("vega-font",{class:"banner-title",variant:this.isMobileDevice?"font-h6":"font-h5",color:"error"===this.type?"text-primary":"text-black"},this.bannerTitle)}renderCloseButton(){if(this.showCloseButton)return t("div",{class:"banner-close-button","aria-label":"Close Button",role:"button",tabIndex:0,onClick:this.handleCloseButtonClick,onKeyDown:p()},t("vega-icon",{size:this.isMobileDevice?"size-12":"size-16",icon:this.iconController.getCloseIcon()}))}renderPrefixIcon(){return t("div",{class:"banner-prefix-icon"},t("vega-icon",{size:this.space,icon:this.iconController.getIconByType()}))}}C([s()],j.prototype,"host",void 0),C([s()],j.prototype,"type",void 0),C([s()],j.prototype,"bannerTitle",void 0),C([s()],j.prototype,"content",void 0),C([s()],j.prototype,"showCloseButton",void 0),C([s()],j.prototype,"actionButtons",void 0),C([s()],j.prototype,"actionButtonRenderer",void 0),C([s()],j.prototype,"iconController",void 0),C([s()],j.prototype,"isOpen",void 0),C([s()],j.prototype,"closeEventEmitter",void 0);var z;!function(t){t.warning="triangle-exclamation",t.success="circle-check",t.error="circle-question",t.info="circle-info"}(z||(z={}));class k extends i{getIconByType(){return u.getIconKey(z[this.type])}getCloseIcon(){return u.getIconKey("xmark-large")}}u.register({"triangle-exclamation":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 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="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>'},"circle-check":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 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="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>'},"circle-question":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 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="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>'},"circle-info":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 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="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>'},"xmark-large":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 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="M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L269.3 256 438.6 425.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 301.3 54.6 470.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0L224 210.7 393.4 41.4z"/></svg>'}}),function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);s>3&&i&&Object.defineProperty(n,e,i)}([s()],k.prototype,"type",void 0);var B=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class I extends i{render(){var n;if((null===(n=this.actionButtons)||void 0===n?void 0:n.length)>0)return t("div",{class:"banner-buttons"},this.actionButtons.map(((t,n)=>this.renderButtonItem(t,`${t.label}${n}`))))}renderButtonItem(n,e){return t("vega-button",{key:e,size:"small",variant:"secondary",ref:t=>{v.addUniqueObserverToNode(t,g,(()=>{w.isEnabled("VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK")||"function"!=typeof n.vegaClick||n.vegaClick(n),this.actionButtonClickEventEmitter.emit(n)}))}},n.label)}}B([s()],I.prototype,"actionButtons",void 0),B([s()],I.prototype,"actionButtonClickEventEmitter",void 0);var L=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};const R=class{constructor(t){e(this,t),this.vegaClose=o(this,"vegaClose",7),this.close=o(this,"close",7),this.vegaActionButtonClick=o(this,"vegaActionButtonClick",7),this.actionButtonClick=o(this,"actionButtonClick",7),this.globalSlimmers={},this.closeEventEmitter=y(R,m),this.renderer=new j,this.actionButtonRenderer=new I,this.iconController=new k,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.actionButtonClickEventEmitter=y(R,x),this.type="info",this.bannerTitle="",this.content="",this.actionButtons=null,this.showCloseButton=!0,this.isOpen=!0}async doClose(){this.host.remove(),this.closeEventEmitter.emit()}render(){return b(this.renderer.render(),this.host)}get host(){return r(this)}};L([l()],R.prototype,"globalSlimmers",void 0),L([a()],R.prototype,"closeEventEmitter",void 0),L([a()],R.prototype,"renderer",void 0),L([a()],R.prototype,"actionButtonRenderer",void 0),L([a()],R.prototype,"iconController",void 0),L([a()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),L([a()],R.prototype,"actionButtonClickEventEmitter",void 0),R.style=':host{display:block;width:100%;padding:24px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));box-sizing:border-box;box-shadow:var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));border-radius:12px;color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .banner-prefix-icon{padding-top:4px}:host .banner-prefix-icon vega-icon{display:block}:host .banner-content-container{width:100%}:host .banner-content-container .banner-title{display:block;padding-top:2px}:host .banner-content-container .banner-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}:host .banner-content-container .banner-content>vega-font:last-child{padding-top:6px}:host .banner-content-container.linear{display:flex;justify-content:space-between}:host .banner-content-container.linear .banner-content{flex-grow:1}:host .banner-buttons{text-align:right;text-wrap:nowrap;flex:auto}:host .banner-buttons vega-button{margin-left:16px}:host .banner-buttons vega-button::part(button){padding-top:4px;padding-bottom:4px}:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-black, 32, 54, 69, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border:2px solid rgba(var(--v-border-notification-btn-black, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .banner-buttons vega-button::part(button):focus-visible{outline:2px solid;outline-offset:2px;box-shadow:0 0 0}:host .banner-close-button{padding:4px;padding-top:8px}:host .banner-close-button:focus-visible{outline:2px solid;outline-offset:0px}:host .banner-close-button vega-icon{cursor:pointer;display:block}:host(.banner-mobile){padding:16px}:host(.banner-mobile) .banner-content-container .banner-title{padding-top:0px}:host(.banner-mobile) .banner-content-container .banner-content{padding-top:2px;gap:16px}:host(.banner-mobile) .banner-content-container .banner-content>vega-font:last-child{padding-top:0px}:host(.banner-mobile) .banner-buttons vega-button{margin-left:8px;margin-top:16px}:host(.banner-mobile) .banner-close-button{padding:2px;padding-top:4px}:host(.banner-success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.banner-error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button),:host(.banner-error) .banner-buttons vega-button::part(button):hover{color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:2px solid rgba(var(--v-border-notification-btn, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:2px}:host(.banner-error) .banner-close-button:focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:0px}:host(.banner-info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.banner-warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.banner-hidden){display:none}';export{R as vega_banner}
1
+ import{h as t,H as n,r as e,c as o,g as r}from"./p-1c298d5a.js";import{c as s,V as i,I as a}from"./p-6e1ab235.js";import{V as c,I as l}from"./p-61f6167c.js";import{s as b}from"./p-9b797118.js";import{c as p}from"./p-86194314.js";import{g as h,D as f,a as d}from"./p-4163c2c2.js";import{V as u}from"./p-6a8f1251.js";import{D as v}from"./p-6c6d86da.js";import{a as g,c as m,d as x}from"./p-bf3fbb9b.js";import{F as w}from"./p-4ffd7493.js";import{c as y}from"./p-302e7589.js";import"./p-4d25df7d.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-f404aa83.js";import"./p-2306c736.js";var C=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class j extends i{constructor(){super(...arguments),this.isMobileDevice=h()===f.MOBILE,this.space=this.isMobileDevice?"size-16":"size-24",this.handleCloseButtonClick=()=>{const t=this.closeEventEmitter.emit();t&&!t.defaultPrevented&&this.host.remove()}}render(){const e=[`banner-${this.type}`,this.isMobileDevice&&"banner-mobile",!this.isOpen&&"banner-hidden"].filter(Boolean);return t(n,{class:d(e),padding:this.space},t("vega-flex",{direction:"row",gap:this.isMobileDevice?"size-8":"size-16",justifyContent:"space-between",alignItems:"start"},this.renderPrefixIcon(),this.renderBannerContent(),this.renderCloseButton()),this.isMobileDevice?this.actionButtonRenderer.render():null)}renderBannerContent(){return t("div",{class:{"banner-content-container":!0,linear:!(this.isMobileDevice||this.content&&this.bannerTitle)}},this.renderBannerTitle(),t("div",{class:"banner-content"},t("vega-font",{variant:this.isMobileDevice?"font-footnote1-long":"font-p2-short",color:"error"===this.type?"text-primary":"text-black"},this.content),this.isMobileDevice?null:this.actionButtonRenderer.render()))}renderBannerTitle(){if(this.bannerTitle)return t("vega-font",{class:"banner-title",variant:this.isMobileDevice?"font-h6":"font-h5",color:"error"===this.type?"text-primary":"text-black"},this.bannerTitle)}renderCloseButton(){if(this.showCloseButton)return t("div",{class:"banner-close-button","aria-label":"Close Button",role:"button",tabIndex:0,onClick:this.handleCloseButtonClick,onKeyDown:p()},t("vega-icon",{size:this.isMobileDevice?"size-12":"size-16",icon:this.iconController.getCloseIcon()}))}renderPrefixIcon(){return t("div",{class:"banner-prefix-icon"},t("vega-icon",{size:this.space,icon:this.iconController.getIconByType()}))}}C([s()],j.prototype,"host",void 0),C([s()],j.prototype,"type",void 0),C([s()],j.prototype,"bannerTitle",void 0),C([s()],j.prototype,"content",void 0),C([s()],j.prototype,"showCloseButton",void 0),C([s()],j.prototype,"actionButtons",void 0),C([s()],j.prototype,"actionButtonRenderer",void 0),C([s()],j.prototype,"iconController",void 0),C([s()],j.prototype,"isOpen",void 0),C([s()],j.prototype,"closeEventEmitter",void 0);var z;!function(t){t.warning="triangle-exclamation",t.success="circle-check",t.error="circle-question",t.info="circle-info"}(z||(z={}));class k extends i{getIconByType(){return u.getIconKey(z[this.type])}getCloseIcon(){return u.getIconKey("xmark-large")}}u.register({"triangle-exclamation":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 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="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>'},"circle-check":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 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="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>'},"circle-question":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 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="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>'},"circle-info":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 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="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>'},"xmark-large":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 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="M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L269.3 256 438.6 425.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 301.3 54.6 470.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0L224 210.7 393.4 41.4z"/></svg>'}}),function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);s>3&&i&&Object.defineProperty(n,e,i)}([s()],k.prototype,"type",void 0);var B=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class I extends i{render(){var n;if((null===(n=this.actionButtons)||void 0===n?void 0:n.length)>0)return t("div",{class:"banner-buttons"},this.actionButtons.map(((t,n)=>this.renderButtonItem(t,`${t.label}${n}`))))}renderButtonItem(n,e){return t("vega-button",{key:e,size:"small",variant:"secondary",ref:t=>{v.addUniqueObserverToNode(t,g,(()=>{w.isEnabled("VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK")||"function"!=typeof n.vegaClick||n.vegaClick(n),this.actionButtonClickEventEmitter.emit(n)}))}},n.label)}}B([s()],I.prototype,"actionButtons",void 0),B([s()],I.prototype,"actionButtonClickEventEmitter",void 0);var L=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};const R=class{constructor(t){e(this,t),this.vegaClose=o(this,"vegaClose",7),this.close=o(this,"close",7),this.vegaActionButtonClick=o(this,"vegaActionButtonClick",7),this.actionButtonClick=o(this,"actionButtonClick",7),this.globalSlimmers={},this.closeEventEmitter=y(R,m),this.renderer=new j,this.actionButtonRenderer=new I,this.iconController=new k,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.actionButtonClickEventEmitter=y(R,x),this.type="info",this.bannerTitle="",this.content="",this.actionButtons=null,this.showCloseButton=!0,this.isOpen=!0}async doClose(){this.host.remove(),this.closeEventEmitter.emit()}render(){return b(this.renderer.render(),this.host)}get host(){return r(this)}};L([l()],R.prototype,"globalSlimmers",void 0),L([a()],R.prototype,"closeEventEmitter",void 0),L([a()],R.prototype,"renderer",void 0),L([a()],R.prototype,"actionButtonRenderer",void 0),L([a()],R.prototype,"iconController",void 0),L([a()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),L([a()],R.prototype,"actionButtonClickEventEmitter",void 0),R.style=':host{display:block;width:100%;padding:24px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));box-sizing:border-box;box-shadow:var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));border-radius:12px;color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .banner-prefix-icon{padding-top:4px}:host .banner-prefix-icon vega-icon{display:block}:host .banner-content-container{width:100%}:host .banner-content-container .banner-title{display:block;padding-top:2px}:host .banner-content-container .banner-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}:host .banner-content-container .banner-content>vega-font:last-child{padding-top:6px}:host .banner-content-container.linear{display:flex;justify-content:space-between}:host .banner-content-container.linear .banner-content{flex-grow:1}:host .banner-buttons{text-align:right;text-wrap:nowrap;flex:auto}:host .banner-buttons vega-button{margin-left:16px}:host .banner-buttons vega-button::part(button){padding-top:4px;padding-bottom:4px}:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-black, 32, 54, 69, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border:2px solid rgba(var(--v-border-notification-btn-black, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .banner-buttons vega-button::part(button):focus-visible{outline:2px solid;outline-offset:2px;box-shadow:0 0 0}:host .banner-close-button{padding:4px;padding-top:8px}:host .banner-close-button:focus-visible{outline:2px solid;outline-offset:0px}:host .banner-close-button vega-icon{cursor:pointer;display:block}:host(.banner-mobile){padding:16px}:host(.banner-mobile) .banner-content-container .banner-title{padding-top:0px}:host(.banner-mobile) .banner-content-container .banner-content{padding-top:2px;gap:16px}:host(.banner-mobile) .banner-content-container .banner-content>vega-font:last-child{padding-top:0px}:host(.banner-mobile) .banner-buttons vega-button{margin-left:8px;margin-top:16px}:host(.banner-mobile) .banner-close-button{padding:2px;padding-top:4px}:host(.banner-success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.banner-error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button),:host(.banner-error) .banner-buttons vega-button::part(button):hover{color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:2px solid rgba(var(--v-border-notification-btn, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:2px}:host(.banner-error) .banner-close-button:focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:0px}:host(.banner-info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.banner-warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.banner-hidden){display:none}';export{R as vega_banner}
@@ -1 +1 @@
1
- import{i as r,b as e,e as t,j as a,f as s,g as o,k as n,l as i,m as u,n as f,o as c,p as l,q as d,r as b,h as v,s as p,B as m,C as $,t as h}from"./p-9fbdeada.js";import{B as j}from"./p-f46c930f.js";import{L as g}from"./p-6e1ab235.js";import{R as k}from"./p-a5f80d35.js";import{b as w}from"./p-c59042c0.js";import{S as x,s as T}from"./p-acc14aa2.js";import{a as O}from"./p-74168615.js";const S=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(a){return r(a)?`border-color: ${t[a]};`:(g.warn(`The borderColor value ${a} is invalid, it must be a value of: `,e),"")}getStates(){return this.states}},C=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover"]}formatToken(r){return a(r)?`box-shadow: ${o[r]};`:(g.warn(`The shadow value ${r} is invalid, it must be a value of: `,s),"")}getStates(){return this.states}},B=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(r){return n(r)?`border: ${u[r]};`:(g.warn(`The border value ${r} is invalid, it must be a value of: `,i),"")}getStates(){return this.states}},F=new class{format(r,e){switch(e){case"backgroundColor":return T.format(r);case"borderColor":return S.format(r);case"shadow":return C.format(r);case"border":return B.format(r);default:throw new Error(`Invalid flag ${e} passed into StateFormatFacade`)}}};function q(r,e,t){g.warn(`The ${r} value ${e} is invalid, it must be a value of: `,t)}function y(r,e){let t="";return e.includes("dark")&&(t+=` dark:v-dark-${r}`),t}function E(r){if(f(r))return`v-p-${r}`;q("padding",r,Object.keys(v))}function I(r){if(p(r))return`v-border-${r}`;q("border-style",r,O)}function L(r){if(c(r))return`v-${r}`;q("border-radius",r,Object.keys(m))}function R(e){if(r(e))return`v-${e}`;q("border-color",e,$.filter((()=>/^border-color-.+$/.test)))}function z(r,e=[]){if(l(r))return`v-${r}`+y(r,e);q("background-color",r,$.filter((()=>/^bg-.+$/.test)))}function A(r,e=[]){if(d(r))return`v-${r}`+y(r,e);q("text-color",r,$.filter((()=>/^text-.+$/.test)))}function D(r){if(b(r))return`vega-flex-${r}`;q("breakpoint",r,Object.keys(j))}function G(r){if(b(r))return j[r];q("breakpoint",r,Object.keys(j))}function H(r){if(f(r))return`v-gap-${r}`;q("gap",r,Object.keys(v))}function J(r,e=[]){if(a(r))return`v-${r}`+y(r,e);q("shadows",r,s)}function K(r,e){if(null!=r)return k.format(r,e)}function M(r){if(h(r))return`v-${r}`;q("font",r,w)}function N(r,e){if(null!=r)return F.format(r,e)}export{H as a,J as b,G as c,z as d,R as e,K as f,L as g,E as h,A as i,N as j,I as k,D as l,M as m}
1
+ import{i as r,b as e,e as t,j as a,f as s,g as o,k as n,l as i,m as u,n as f,o as c,p as l,q as d,r as b,h as v,s as p,B as m,C as $,t as h}from"./p-9fbdeada.js";import{B as j}from"./p-f46c930f.js";import{L as g}from"./p-6e1ab235.js";import{R as k}from"./p-2d5a9f66.js";import{b as w}from"./p-c59042c0.js";import{S as x,s as T}from"./p-acc14aa2.js";import{a as O}from"./p-74168615.js";const S=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(a){return r(a)?`border-color: ${t[a]};`:(g.warn(`The borderColor value ${a} is invalid, it must be a value of: `,e),"")}getStates(){return this.states}},C=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover"]}formatToken(r){return a(r)?`box-shadow: ${o[r]};`:(g.warn(`The shadow value ${r} is invalid, it must be a value of: `,s),"")}getStates(){return this.states}},B=new class extends x{constructor(){super(...arguments),this.states=["default","focus-visible","hover","active"]}formatToken(r){return n(r)?`border: ${u[r]};`:(g.warn(`The border value ${r} is invalid, it must be a value of: `,i),"")}getStates(){return this.states}},F=new class{format(r,e){switch(e){case"backgroundColor":return T.format(r);case"borderColor":return S.format(r);case"shadow":return C.format(r);case"border":return B.format(r);default:throw new Error(`Invalid flag ${e} passed into StateFormatFacade`)}}};function q(r,e,t){g.warn(`The ${r} value ${e} is invalid, it must be a value of: `,t)}function y(r,e){let t="";return e.includes("dark")&&(t+=` dark:v-dark-${r}`),t}function E(r){if(f(r))return`v-p-${r}`;q("padding",r,Object.keys(v))}function I(r){if(p(r))return`v-border-${r}`;q("border-style",r,O)}function L(r){if(c(r))return`v-${r}`;q("border-radius",r,Object.keys(m))}function R(e){if(r(e))return`v-${e}`;q("border-color",e,$.filter((()=>/^border-color-.+$/.test)))}function z(r,e=[]){if(l(r))return`v-${r}`+y(r,e);q("background-color",r,$.filter((()=>/^bg-.+$/.test)))}function A(r,e=[]){if(d(r))return`v-${r}`+y(r,e);q("text-color",r,$.filter((()=>/^text-.+$/.test)))}function D(r){if(b(r))return`vega-flex-${r}`;q("breakpoint",r,Object.keys(j))}function G(r){if(b(r))return j[r];q("breakpoint",r,Object.keys(j))}function H(r){if(f(r))return`v-gap-${r}`;q("gap",r,Object.keys(v))}function J(r,e=[]){if(a(r))return`v-${r}`+y(r,e);q("shadows",r,s)}function K(r,e){if(null!=r)return k.format(r,e)}function M(r){if(h(r))return`v-${r}`;q("font",r,w)}function N(r,e){if(null!=r)return F.format(r,e)}export{H as a,J as b,G as c,z as d,R as e,K as f,L as g,E as h,A as i,N as j,I as k,D as l,M as m}
@@ -0,0 +1 @@
1
+ import{h as t,r as e,c as i,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as a,V as n,M as l,I as p}from"./p-6e1ab235.js";import{V as c,I as f}from"./p-61f6167c.js";import{D as h}from"./p-6c6d86da.js";import{e as m}from"./p-bf3fbb9b.js";import{C as u}from"./p-e5d7b4b8.js";import{c as d}from"./p-302e7589.js";import{b as v}from"./p-32f651f7.js";import{C as j}from"./p-2d0d575f.js";import{K as b}from"./p-c1dfdc13.js";import{c as w,b as x}from"./p-262ec334.js";import{F as y}from"./p-b347f967.js";import{R}from"./p-e2acbc60.js";import{c as C}from"./p-ab983e7d.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-2306c736.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";import"./p-6a334573.js";import"./p-5453f591.js";import"./p-0bb29d98.js";import"./p-5440344e.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";var g=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class I extends n{constructor(){super(...arguments),this.onInputChange=t=>{this.valueController.updateValue(t.detail)}}getInputRef(){return this.vegaInputRef.shadowRoot.querySelector("input")}getContainerRef(){return this.vegaInputRef.shadowRoot.querySelector(".vega-input-container")}render(){const e={thousandComma:this.thousandComma};return this.integerOnly&&(e.precision=0),t("vega-input",{value:this.value||"",showClearIcon:!0,disabled:this.disabled,label:this.label,hint:this.hint,required:this.required,type:"number",placeholder:this.placeholder,size:"small"===this.size?"small":"default",prefixIcon:this.prefixIcon,ref:t=>{this.vegaInputRef=t,h.addUniqueObserverToNode(t,m,(t=>this.onInputChange(t)))},maskConfig:{type:"number",options:e}})}}g([a()],I.prototype,"prefixIcon",void 0),g([a()],I.prototype,"value",void 0),g([a()],I.prototype,"size",void 0),g([a()],I.prototype,"disabled",void 0),g([a()],I.prototype,"placeholder",void 0),g([a()],I.prototype,"label",void 0),g([a()],I.prototype,"hint",void 0),g([a()],I.prototype,"required",void 0),g([a()],I.prototype,"thousandComma",void 0),g([a()],I.prototype,"integerOnly",void 0),g([a()],I.prototype,"valueController",void 0);var T=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class V extends n{watchValue(){this.changeEventEmitter.emit(this.value),j.notify(v,{host:this.host,detail:this.value})}updateValue(t){this.value=t}}T([a()],V.prototype,"host",void 0),T([a({writable:!0})],V.prototype,"value",void 0),T([a()],V.prototype,"changeEventEmitter",void 0),T([l("watchValue")],V.prototype,"watchValue",null);var S=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class O extends b{constructor(){super((t=>[{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t.host],callback:t.onArrowUpOrDown},{keyCode:["ArrowUp"],eventName:"keydown",activeElementInScope:[t.host],callback:t=>{t.preventDefault()}}])),this.onArrowUpOrDown=t=>{const e=t.shiftKey?this.majorIncrement:this.minorIncrement,i=w(this.value.replace(/,/g,""))||0,s=Math.max(x(i),x(e));"ArrowUp"===t.code?this.valueController.updateValue(`${(i+e).toFixed(s)}`):"ArrowDown"===t.code&&this.valueController.updateValue(`${(i-e).toFixed(s)}`)}}}S([a()],O.prototype,"host",void 0),S([a()],O.prototype,"value",void 0),S([a()],O.prototype,"minorIncrement",void 0),S([a()],O.prototype,"majorIncrement",void 0),S([a()],O.prototype,"valueController",void 0);var k=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};const E=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.valueController=new V,this.keyboardController=new O,this.renderer=new I,this.changeEventEmitter=d(E,m),this.inputEventPrevent=new u([m],(()=>this.host),{useCapture:!0}),this.formFieldController=new y({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new R:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getContainerRef(),touchableAreaGetter:()=>[this.renderer.getInputRef()],defaultValue:"",attributeGetter:t=>this[t]}),this.prefixTextNotifySlimmer=C(E,"prefixText","watchPrefixText"),this.suffixTextNotifySlimmer=C(E,"suffixText","watchSuffixText"),this.isCompactInputWidthNotifySlimmer=C(E,"isCompactInputWidth"),this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.isCompactInputWidth=!0,this.prefixText="",this.value="",this.size="medium",this.thousandComma=!1,this.integerOnly=!1,this.disabled=!1,this.minorIncrement=1,this.majorIncrement=10,this.label="",this.validationRules=[],this.isValid=null,this.autoValidation=!0}watchPrefixText(){}watchSuffixText(){}watchValue(){}watchValidationRules(){}render(){return r(t(s,null,this.renderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{prefixText:["watchPrefixText"],suffixText:["watchSuffixText"],value:["watchValue"],validationRules:["watchValidationRules"]}}};k([f()],E.prototype,"globalSlimmers",void 0),k([p()],E.prototype,"valueController",void 0),k([p()],E.prototype,"keyboardController",void 0),k([p()],E.prototype,"renderer",void 0),k([p()],E.prototype,"changeEventEmitter",void 0),k([p()],E.prototype,"inputEventPrevent",void 0),k([p()],E.prototype,"formFieldController",void 0),k([p()],E.prototype,"prefixTextNotifySlimmer",void 0),k([p()],E.prototype,"suffixTextNotifySlimmer",void 0),k([p()],E.prototype,"isCompactInputWidthNotifySlimmer",void 0),k([p()],E.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),E.style=":host{display:inline-block;width:100%}";export{E as vega_input_numeric}