@globalpayments/vega 2.29.0 → 2.31.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.
- package/dist/cjs/{app-globals-46ab4eb3.js → app-globals-391d9a14.js} +4 -3
- package/dist/cjs/{child-nodes-event-prevent-slimmer-0245d631.js → child-nodes-event-prevent-slimmer-bed95a1b.js} +2 -2
- package/dist/cjs/{element-appender-slimmer-2b251c0a.js → element-appender-slimmer-415d261a.js} +725 -536
- package/dist/cjs/{event-emit-slimmer-d409d0ac.js → event-emit-slimmer-b321e3f5.js} +1 -1
- package/dist/cjs/{feature-flag-controller-078da332.js → feature-flag-controller-f0619cc7.js} +5 -0
- package/dist/cjs/index-d6bf3435.js +15 -0
- package/dist/cjs/index.cjs.js +6 -5
- package/dist/cjs/{internal-vega-event-manager-4d9a8e67.js → internal-vega-event-manager-9ffb3ed1.js} +10 -3
- package/dist/cjs/loader.cjs.js +7 -6
- package/dist/cjs/vega-accordion.cjs.entry.js +3 -3
- package/dist/cjs/vega-app-header-button.cjs.entry.js +5 -5
- package/dist/cjs/vega-banner.cjs.entry.js +4 -4
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +5 -5
- package/dist/cjs/vega-button-circle.cjs.entry.js +5 -5
- package/dist/cjs/vega-button-group_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-button-link.cjs.entry.js +5 -5
- package/dist/cjs/vega-button.cjs.entry.js +5 -5
- package/dist/cjs/vega-calendar_3.cjs.entry.js +5 -5
- package/dist/cjs/vega-carousel.cjs.entry.js +3 -3
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-chip.cjs.entry.js +5 -5
- package/dist/cjs/vega-color-picker.cjs.entry.js +11 -5
- package/dist/cjs/vega-combo-box.cjs.entry.js +488 -178
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +12 -9
- package/dist/cjs/vega-dialog_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +40 -24
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/{vega-event-id-e40ac8f0.js → vega-event-id-419d36a8.js} +2 -0
- package/dist/cjs/vega-field-label.cjs.entry.js +3 -3
- package/dist/cjs/vega-file-uploader.cjs.entry.js +3 -3
- package/dist/cjs/vega-flex.cjs.entry.js +1 -1
- package/dist/cjs/vega-form.cjs.entry.js +5 -5
- package/dist/cjs/vega-image-uploader.cjs.entry.js +5 -5
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +5 -5
- package/dist/cjs/vega-input-numeric.cjs.entry.js +5 -5
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +5 -5
- package/dist/cjs/vega-input-range.cjs.entry.js +5 -5
- package/dist/cjs/vega-input-select.cjs.entry.js +18 -6
- package/dist/cjs/vega-input.cjs.entry.js +3 -3
- package/dist/cjs/vega-item-toggle.cjs.entry.js +3 -3
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +4 -4
- package/dist/cjs/vega-page-notification_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-pagination.cjs.entry.js +7 -7
- package/dist/cjs/vega-popover_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-progress-tracker.cjs.entry.js +3 -3
- package/dist/cjs/vega-radio_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-segment-control.cjs.entry.js +3 -3
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-sidenav_3.cjs.entry.js +10 -10
- package/dist/cjs/vega-signature-capture.cjs.entry.js +3 -3
- package/dist/cjs/{vega-skeleton-loader-controller-4bd8cc88.js → vega-skeleton-loader-controller-4a016b04.js} +2 -12
- package/dist/cjs/vega-stepper.cjs.entry.js +5 -5
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-table_8.cjs.entry.js +5 -5
- package/dist/cjs/vega-textarea.cjs.entry.js +5 -5
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +3 -3
- package/dist/cjs/vega-tooltip_2.cjs.entry.js +6 -6
- package/dist/cjs/vega.cjs.js +7 -6
- package/dist/collection/components/vega-color-picker/vega-color-picker.css +8 -8
- package/dist/collection/components/vega-color-picker/vega-color-picker.js +30 -3
- package/dist/collection/components/vega-combo-box/slimmers/controllers/vega-combo-box-items-slot-controller.js +57 -0
- package/dist/collection/components/vega-combo-box/slimmers/controllers/vega-combo-box-keyboard-controller.js +114 -0
- package/dist/collection/components/vega-combo-box/slimmers/controllers/vega-combo-box-source-controller.js +23 -0
- package/dist/collection/components/vega-combo-box/slimmers/controllers/vega-combo-box-value-controller.js +23 -0
- package/dist/collection/components/vega-combo-box/slimmers/renderers/vega-combo-box-dropdown-renderer.js +188 -0
- package/dist/collection/components/vega-combo-box/slimmers/renderers/vega-combo-box-renderer.js +50 -0
- package/dist/collection/components/vega-combo-box/vega-combo-box.js +40 -177
- package/dist/collection/components/vega-date-picker/slimmers/controllers/vega-date-picker-element-appender-controller.js +2 -0
- package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-scrollable-controller.js +6 -4
- package/dist/collection/components/vega-dropdown/slimmers/renderers/vega-dropdown-search-renderer.js +19 -5
- package/dist/collection/components/vega-dropdown/vega-dropdown.js +55 -9
- package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.js +7 -1
- package/dist/collection/components/vega-input-select/vega-input-select.js +55 -2
- package/dist/collection/components/vega-sidenav/vega-sidenav-group/vega-sidenav-group.js +4 -4
- package/dist/collection/components/vega-sidenav/vega-sidenav-link/vega-sidenav-link.js +9 -9
- package/dist/collection/components/vega-sidenav/vega-sidenav.js +12 -12
- package/dist/collection/constants/ui.js +1 -0
- package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js +10 -3
- package/dist/collection/helpers/event-manager/event-id/vega-event-id.js +1 -0
- package/dist/collection/helpers/event-manager/test/vega-event-manager.test.js +2 -1
- package/dist/collection/helpers/feature-control/feature-flags-map.js +5 -0
- package/dist/collection/helpers/slimmers/element-appender-container/body-positioned-wrapper/body-positioned-wrapper.abstract.js +13 -0
- package/dist/collection/helpers/slimmers/element-appender-container/{position-relative-to-wrapper.js → body-positioned-wrapper/position-relative-to-wrapper.js} +23 -21
- package/dist/collection/helpers/slimmers/element-appender-container/{vega-modal-wrapper.js → body-positioned-wrapper/vega-modal-wrapper.js} +18 -15
- package/dist/collection/helpers/slimmers/element-appender-container/{vega-popover-wrapper.js → body-positioned-wrapper/vega-popover-wrapper.js} +20 -19
- package/dist/collection/helpers/slimmers/element-appender-container/default-wrapper.js +19 -19
- package/dist/collection/helpers/slimmers/element-appender-container/element-appender-container-controller.js +3 -3
- package/dist/collection/helpers/slimmers/element-appender-slimmer.js +10 -0
- package/dist/collection/helpers/slimmers/position-calculation/base-position-calculation-strategy.js +345 -0
- package/dist/collection/helpers/slimmers/position-calculation/body-position-calculation-strategy.js +66 -0
- package/dist/collection/helpers/slimmers/position-calculation/position-calculation-controller.js +121 -0
- package/dist/collection/helpers/slimmers/position-calculation/screen-position-calculation-strategy.js +59 -0
- package/dist/collection/{utils/test/position.test.js → helpers/slimmers/position-calculation/test/body-position-calculation-strategy.test.js} +135 -45
- package/dist/collection/helpers/slimmers/position-calculation/test/screen-position-calculation-strategy.test.js +113 -0
- package/dist/collection/helpers/ui/element-appender.js +21 -70
- package/dist/collection/helpers/ui/test/element-appender.test.js +53 -0
- package/dist/collection/utils/pagination.js +2 -2
- package/dist/esm/{app-globals-d90e7905.js → app-globals-00a57fbe.js} +3 -2
- package/dist/esm/{child-nodes-event-prevent-slimmer-4ecbc8aa.js → child-nodes-event-prevent-slimmer-db288af1.js} +2 -2
- package/dist/esm/{element-appender-slimmer-6cf76806.js → element-appender-slimmer-48d826b2.js} +719 -530
- package/dist/esm/{event-emit-slimmer-cb9d6f6c.js → event-emit-slimmer-44cb4573.js} +1 -1
- package/dist/esm/{feature-flag-controller-10780eeb.js → feature-flag-controller-297c4b9b.js} +5 -0
- package/dist/esm/index-fda6b5ee.js +13 -0
- package/dist/esm/index.js +5 -4
- package/dist/esm/{internal-vega-event-manager-1ebfd1eb.js → internal-vega-event-manager-8154661e.js} +10 -3
- package/dist/esm/loader.js +7 -6
- package/dist/esm/vega-accordion.entry.js +3 -3
- package/dist/esm/vega-app-header-button.entry.js +5 -5
- package/dist/esm/vega-banner.entry.js +4 -4
- package/dist/esm/vega-breadcrumb.entry.js +5 -5
- package/dist/esm/vega-button-circle.entry.js +5 -5
- package/dist/esm/vega-button-group_2.entry.js +5 -5
- package/dist/esm/vega-button-link.entry.js +5 -5
- package/dist/esm/vega-button.entry.js +5 -5
- package/dist/esm/vega-calendar_3.entry.js +5 -5
- package/dist/esm/vega-carousel.entry.js +3 -3
- package/dist/esm/vega-checkbox_2.entry.js +5 -5
- package/dist/esm/vega-chip.entry.js +5 -5
- package/dist/esm/vega-color-picker.entry.js +12 -6
- package/dist/esm/vega-combo-box.entry.js +491 -181
- package/dist/esm/vega-date-picker_2.entry.js +12 -9
- package/dist/esm/vega-dialog_2.entry.js +5 -5
- package/dist/esm/vega-dropdown_5.entry.js +40 -24
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/{vega-event-id-7465a011.js → vega-event-id-b1655cbc.js} +2 -1
- package/dist/esm/vega-field-label.entry.js +3 -3
- package/dist/esm/vega-file-uploader.entry.js +3 -3
- package/dist/esm/vega-flex.entry.js +1 -1
- package/dist/esm/vega-form.entry.js +5 -5
- package/dist/esm/vega-image-uploader.entry.js +5 -5
- package/dist/esm/vega-input-credit-card.entry.js +5 -5
- package/dist/esm/vega-input-numeric.entry.js +5 -5
- package/dist/esm/vega-input-phone-number.entry.js +5 -5
- package/dist/esm/vega-input-range.entry.js +5 -5
- package/dist/esm/vega-input-select.entry.js +18 -6
- package/dist/esm/vega-input.entry.js +3 -3
- package/dist/esm/vega-item-toggle.entry.js +3 -3
- package/dist/esm/vega-left-nav_5.entry.js +4 -4
- package/dist/esm/vega-page-notification_2.entry.js +1 -1
- package/dist/esm/vega-pagination.entry.js +7 -7
- package/dist/esm/vega-popover_2.entry.js +8 -8
- package/dist/esm/vega-progress-tracker.entry.js +3 -3
- package/dist/esm/vega-radio_2.entry.js +5 -5
- package/dist/esm/vega-segment-control.entry.js +3 -3
- package/dist/esm/vega-selection-chip_2.entry.js +5 -5
- package/dist/esm/vega-selection-tile_2.entry.js +5 -5
- package/dist/esm/vega-sidenav_3.entry.js +10 -10
- package/dist/esm/vega-signature-capture.entry.js +3 -3
- package/dist/esm/{vega-skeleton-loader-controller-def7bf3f.js → vega-skeleton-loader-controller-cec6753f.js} +2 -12
- package/dist/esm/vega-stepper.entry.js +5 -5
- package/dist/esm/vega-tab-group_2.entry.js +5 -5
- package/dist/esm/vega-table_8.entry.js +5 -5
- package/dist/esm/vega-textarea.entry.js +5 -5
- package/dist/esm/vega-time-picker_2.entry.js +7 -7
- package/dist/esm/vega-toggle-switch.entry.js +3 -3
- package/dist/esm/vega-tooltip_2.entry.js +6 -6
- package/dist/esm/vega.js +7 -6
- package/dist/types/components/vega-color-picker/vega-color-picker.d.ts +6 -0
- package/dist/types/components/vega-combo-box/slimmers/controllers/vega-combo-box-items-slot-controller.d.ts +19 -0
- package/dist/types/components/vega-combo-box/slimmers/controllers/vega-combo-box-keyboard-controller.d.ts +29 -0
- package/dist/types/components/vega-combo-box/slimmers/controllers/vega-combo-box-source-controller.d.ts +14 -0
- package/dist/types/components/vega-combo-box/slimmers/controllers/vega-combo-box-value-controller.d.ts +14 -0
- package/dist/types/components/vega-combo-box/slimmers/renderers/vega-combo-box-dropdown-renderer.d.ts +48 -0
- package/dist/types/components/vega-combo-box/slimmers/renderers/vega-combo-box-renderer.d.ts +17 -0
- package/dist/types/components/vega-combo-box/vega-combo-box.d.ts +12 -48
- package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-search-renderer.d.ts +1 -0
- package/dist/types/components/vega-dropdown/types.d.ts +5 -0
- package/dist/types/components/vega-dropdown/vega-dropdown.d.ts +21 -1
- package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.d.ts +1 -0
- package/dist/types/components/vega-input-select/vega-input-select.d.ts +20 -0
- package/dist/types/components/vega-sidenav/vega-sidenav-group/vega-sidenav-group.d.ts +3 -3
- package/dist/types/components/vega-sidenav/vega-sidenav-link/vega-sidenav-link.d.ts +7 -7
- package/dist/types/components/vega-sidenav/vega-sidenav.d.ts +8 -8
- package/dist/types/components.d.ts +58 -26
- package/dist/types/constants/ui.d.ts +1 -1
- package/dist/types/helpers/event-manager/event-id/vega-event-id.d.ts +1 -0
- package/dist/types/helpers/feature-control/feature-flag.d.ts +2 -1
- package/dist/types/helpers/slimmers/element-appender-container/body-positioned-wrapper/body-positioned-wrapper.abstract.d.ts +15 -0
- 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
- package/dist/types/helpers/slimmers/element-appender-container/{vega-modal-wrapper.d.ts → body-positioned-wrapper/vega-modal-wrapper.d.ts} +5 -5
- package/dist/types/helpers/slimmers/element-appender-container/{vega-popover-wrapper.d.ts → body-positioned-wrapper/vega-popover-wrapper.d.ts} +5 -5
- package/dist/types/helpers/slimmers/element-appender-container/default-wrapper.d.ts +2 -2
- package/dist/types/helpers/slimmers/element-appender-container/element-appender-container-controller.d.ts +3 -3
- package/dist/types/helpers/slimmers/element-appender-slimmer.d.ts +1 -0
- package/dist/types/helpers/slimmers/position-calculation/base-position-calculation-strategy.d.ts +138 -0
- package/dist/types/helpers/slimmers/position-calculation/body-position-calculation-strategy.d.ts +34 -0
- package/dist/types/helpers/slimmers/position-calculation/position-calculation-controller.d.ts +54 -0
- package/dist/types/helpers/slimmers/position-calculation/screen-position-calculation-strategy.d.ts +34 -0
- package/dist/types/helpers/slimmers/position-calculation/test/body-position-calculation-strategy.test.d.ts +15 -0
- package/dist/types/helpers/ui/element-appender.d.ts +9 -24
- package/dist/types/types/components.type.d.ts +1 -0
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-cf998fc5.entry.js → p-00c5aee5.entry.js} +1 -1
- package/dist/vega/{p-f6d4c1ff.entry.js → p-042b4b3f.entry.js} +1 -1
- package/dist/vega/{p-817a83c6.entry.js → p-07a8cf89.entry.js} +1 -1
- package/dist/vega/p-0abe1ade.entry.js +1 -0
- package/dist/vega/{p-74fcdbc6.entry.js → p-0f0e4198.entry.js} +1 -1
- package/dist/vega/{p-d7800ca2.entry.js → p-14f5a9ad.entry.js} +1 -1
- package/dist/vega/p-15023bad.entry.js +1 -0
- package/dist/vega/{p-38f26c82.entry.js → p-1be2fd46.entry.js} +1 -1
- package/dist/vega/p-1bfcb6b7.entry.js +1 -0
- package/dist/vega/p-1e6c23e0.entry.js +1 -0
- package/dist/vega/{p-b0a6421a.entry.js → p-20d9c07c.entry.js} +1 -1
- package/dist/vega/p-2306c736.js +1 -0
- package/dist/vega/{p-8ef03eed.js → p-302e7589.js} +1 -1
- package/dist/vega/p-34710a3c.entry.js +1 -0
- package/dist/vega/{p-0bbcc81a.entry.js → p-438caeb3.entry.js} +1 -1
- package/dist/vega/{p-319efe6c.js → p-4ffd7493.js} +1 -1
- package/dist/vega/{p-ed4a26e7.entry.js → p-57d9bde6.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-ff7bd85f.entry.js → p-623fe226.entry.js} +1 -1
- package/dist/vega/{p-1d94428c.entry.js → p-63bee4f1.entry.js} +1 -1
- package/dist/vega/{p-6ac3ba21.entry.js → p-64ff6318.entry.js} +1 -1
- package/dist/vega/p-6e6ec77d.entry.js +1 -0
- package/dist/vega/{p-86eda597.entry.js → p-72ecc510.entry.js} +1 -1
- package/dist/vega/p-79019d08.js +1 -0
- package/dist/vega/p-7941701a.entry.js +1 -0
- package/dist/vega/{p-689ee038.entry.js → p-799cb0a4.entry.js} +1 -1
- package/dist/vega/{p-1678b69f.entry.js → p-7a6a0740.entry.js} +1 -1
- package/dist/vega/p-80785fcf.entry.js +1 -0
- package/dist/vega/{p-0ae9b900.entry.js → p-83ef4c13.entry.js} +1 -1
- package/dist/vega/{p-ad31be2c.entry.js → p-87cd0d6a.entry.js} +1 -1
- package/dist/vega/{p-b771268b.entry.js → p-8cfe4027.entry.js} +1 -1
- package/dist/vega/{p-5dbcab1b.entry.js → p-9281cdb2.entry.js} +1 -1
- package/dist/vega/p-95b25b97.entry.js +1 -0
- package/dist/vega/p-9b45e5dc.entry.js +1 -0
- package/dist/vega/{p-0a91f217.entry.js → p-9b9c0afb.entry.js} +1 -1
- package/dist/vega/{p-92aaed64.entry.js → p-9ba68531.entry.js} +2 -2
- package/dist/vega/{p-dacf5572.entry.js → p-a66ea015.entry.js} +1 -1
- package/dist/vega/{p-d0756d70.entry.js → p-a67748c6.entry.js} +1 -1
- package/dist/vega/{p-53bb8cde.entry.js → p-a6e1d9bc.entry.js} +1 -1
- package/dist/vega/{p-8b0533c4.entry.js → p-b1a249ef.entry.js} +1 -1
- package/dist/vega/{p-cf4fea44.entry.js → p-b6e49ee9.entry.js} +1 -1
- package/dist/vega/{p-d045099d.entry.js → p-be6041fc.entry.js} +1 -1
- package/dist/vega/{p-2ae04da9.entry.js → p-bf38199b.entry.js} +1 -1
- package/dist/vega/p-bf3fbb9b.js +1 -0
- package/dist/vega/p-c06e7880.js +1 -0
- package/dist/vega/{p-e42a2a12.entry.js → p-c3c2890e.entry.js} +1 -1
- package/dist/vega/{p-b3417358.entry.js → p-c6ed1982.entry.js} +1 -1
- package/dist/vega/p-cdebfee7.entry.js +1 -0
- package/dist/vega/{p-e4d6e2c8.entry.js → p-d3c07efa.entry.js} +1 -1
- package/dist/vega/p-d71f968e.entry.js +1 -0
- package/dist/vega/{p-30693931.entry.js → p-e165c9f1.entry.js} +1 -1
- package/dist/vega/{p-19769aba.js → p-e5d7b4b8.js} +1 -1
- package/dist/vega/{p-ebb93b96.entry.js → p-e6f91767.entry.js} +1 -1
- package/dist/vega/p-ed237efc.js +1 -0
- package/dist/vega/{p-a105e4de.js → p-f2851f16.js} +1 -1
- package/dist/vega/{p-975c5a3a.entry.js → p-fb3233db.entry.js} +1 -1
- package/dist/vega/{p-a0f5d2cc.entry.js → p-ff22a95f.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +4 -2
- package/dist/collection/utils/position.js +0 -373
- package/dist/types/utils/position.d.ts +0 -17
- package/dist/vega/p-001c0b51.entry.js +0 -1
- package/dist/vega/p-0064f5b1.entry.js +0 -1
- package/dist/vega/p-19ef612a.js +0 -1
- package/dist/vega/p-1f03b576.entry.js +0 -1
- package/dist/vega/p-270b0d1a.entry.js +0 -1
- package/dist/vega/p-28c78b79.entry.js +0 -1
- package/dist/vega/p-31d530d2.entry.js +0 -1
- package/dist/vega/p-3f5e44c1.js +0 -1
- package/dist/vega/p-651e5c7d.entry.js +0 -1
- package/dist/vega/p-68823025.js +0 -1
- package/dist/vega/p-6b8277eb.js +0 -1
- package/dist/vega/p-7d02f723.entry.js +0 -1
- package/dist/vega/p-8bd09712.entry.js +0 -1
- package/dist/vega/p-a14be625.entry.js +0 -1
- package/dist/vega/p-cc272fbc.entry.js +0 -1
- package/dist/vega/p-e2c25432.entry.js +0 -1
- /package/dist/types/{utils/test/position.test.d.ts → helpers/slimmers/position-calculation/test/screen-position-calculation-strategy.test.d.ts} +0 -0
package/dist/types/helpers/slimmers/position-calculation/body-position-calculation-strategy.d.ts
ADDED
|
@@ -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
|
+
}
|
package/dist/types/helpers/slimmers/position-calculation/screen-position-calculation-strategy.d.ts
ADDED
|
@@ -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
|
+
}
|
|
@@ -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;
|
package/dist/vega/index.esm.js
CHANGED
|
@@ -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-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
|
|
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-6a8f1251.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-8ef03eed.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-19ef612a.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{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-
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,r as e,H as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{I as i}from"./p-84fa8466.js";import{c as n,M as p,I as l}from"./p-6e1ab235.js";import{V as s,I as c}from"./p-61f6167c.js";import{E as g}from"./p-
|
|
1
|
+
import{h as t,r as e,H as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{I as i}from"./p-84fa8466.js";import{c as n,M as p,I as l}from"./p-6e1ab235.js";import{V as s,I as c}from"./p-61f6167c.js";import{E as g}from"./p-ed237efc.js";import{c as d}from"./p-5915634b.js";import"./p-5453f591.js";import"./p-4163c2c2.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-6a334573.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-9fbdeada.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-2d5a9f66.js";import"./p-0c667d6a.js";import"./p-47a4c625.js";var h=function(t,e,o,a){var r,i=arguments.length,n=i<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,a);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(n=(i<3?r(n):i>3?r(e,o,n):r(e,o))||n);return i>3&&n&&Object.defineProperty(e,o,n),n};class m extends g{constructor(){super((()=>({target:this.host,appendableElement:this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),positionRelativeTo:this.positionRelativeTo,matchTargetWidth:!1,size:this.size,minWidth:this.minWidth,maxWidth:this.maxWidth,placement:this.placement,alignment:this.alignment})),(()=>this.trigger),"isTooltipShow",(()=>this.disableInteractive))}watchTrigger(){"none"===this.trigger&&this.hide()}watchToShowTooltip(){this.isTooltipShow&&this.show()}}h([n()],m.prototype,"host",void 0),h([n()],m.prototype,"positionRelativeTo",void 0),h([n()],m.prototype,"size",void 0),h([n()],m.prototype,"minWidth",void 0),h([n()],m.prototype,"maxWidth",void 0),h([n()],m.prototype,"placement",void 0),h([n()],m.prototype,"alignment",void 0),h([n()],m.prototype,"trigger",void 0),h([n()],m.prototype,"disableInteractive",void 0),h([n({writable:!0})],m.prototype,"isTooltipShow",void 0),h([n()],m.prototype,"vegaTooltipContentBoxRenderer",void 0),h([p("watchTrigger")],m.prototype,"watchTrigger",null),h([p("watchToShowTooltip")],m.prototype,"watchToShowTooltip",null);class v{getTooltipContentBoxRef(){return this.tooltip}render(){return t("vega-tooltip-content-box",{ref:t=>this.tooltip=t,text:this.deprecatedPropertySlimmer.getValue()})}}!function(t,e,o,a){var r,i=arguments.length,n=i<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,a);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(n=(i<3?r(n):i>3?r(e,o,n):r(e,o))||n);i>3&&n&&Object.defineProperty(e,o,n)}([n()],v.prototype,"deprecatedPropertySlimmer",void 0);const f=[{payloadKey:"CONTENT_IS_EMPTY",payloadDescription:"@deprecated Specifies the content that is displayed inside the tooltip.",payloadValue:t=>void 0===t.content||""===t.content},{payloadKey:"CONTENT_IS_NOT_EMPTY",payloadDescription:"@deprecated Specifies the content that is displayed inside the tooltip.",payloadValue:t=>void 0!==t.content&&""!==t.content}];var b=function(t,e,o,a){var r,i=arguments.length,n=i<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,a);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(n=(i<3?r(n):i>3?r(e,o,n):r(e,o))||n);return i>3&&n&&Object.defineProperty(e,o,n),n};const x=class{constructor(t){e(this,t),this.globalSlimmers={},this.vegaTooltipElementAppenderController=new m,this.vegaTooltipContentBoxRenderer=new v,this.deprecatedPropertySlimmer=d(x,"text","content",void 0),this.vegaComponentUsageRuntimeMetricsSlimmer=new s(f),this.isTooltipShow=!1,this.trigger="hover",this.placement="top",this.alignment="center",this.disableInteractive=!1}watchTrigger(){}watchToShowTooltip(){}render(){return r(t(o,null,t("slot",null),this.vegaTooltipContentBoxRenderer.render()),this.host)}get host(){return a(this)}static get watchers(){return{trigger:["watchTrigger"],size:["watchToShowTooltip"],placement:["watchToShowTooltip"],alignment:["watchToShowTooltip"]}}};b([c()],x.prototype,"globalSlimmers",void 0),b([l()],x.prototype,"vegaTooltipElementAppenderController",void 0),b([l()],x.prototype,"vegaTooltipContentBoxRenderer",void 0),b([i((t=>[{keyCode:"Tab",activeElementInScope:[t.host],callback:()=>"hover"===t.trigger&&t.vegaTooltipElementAppenderController.show()},{keyCode:"Escape",activeElementInScope:[t.host,t.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef()],callback:()=>t.vegaTooltipElementAppenderController.hide()},{keyCode:"Tab",activeElementOutScope:[t.host,t.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef()],callback:()=>t.isTooltipShow&&t.vegaTooltipElementAppenderController.hide()}])),l()],x.prototype,"deprecatedPropertySlimmer",void 0),b([l()],x.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),x.style=":host{display:inline-block}";var w=function(t,e,o,a){var r,i=arguments.length,n=i<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,o):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,a);else for(var p=t.length-1;p>=0;p--)(r=t[p])&&(n=(i<3?r(n):i>3?r(e,o,n):r(e,o))||n);return i>3&&n&&Object.defineProperty(e,o,n),n};const u=class{constructor(t){e(this,t),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new s}render(){return r(t(o,{class:"vega-tooltip",role:"tooltip"},t("div",{class:"vega-tooltip-content"},this.text)),this.host)}get host(){return a(this)}};w([c()],u.prototype,"globalSlimmers",void 0),w([l()],u.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),u.style=':host{position:absolute}:host(.vega-force-hidden){display:none !important}:host(.vega-placement-bottom){margin-top:8px}:host(.vega-placement-left){margin-left:-8px}:host(.vega-placement-right){margin-left:8px}:host(.vega-placement-top){margin-top:-8px}.vega-tooltip-content{border-radius:4px;padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;overflow-wrap:break-word;background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tooltip-content{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-tooltip-content{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-tooltip-content{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-tooltip-content::after{content:"";position:absolute;border-style:solid}:host(.vega-placement-bottom) .vega-tooltip-content::after{top:-4px;border-width:0 5px 4px 5px;border-bottom-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}:host(.vega-placement-left) .vega-tooltip-content::after{left:100%;border-width:5px 0 5px 4px;border-left-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}:host(.vega-placement-right) .vega-tooltip-content::after{left:-4px;border-width:5px 4px 5px 0;border-right-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent}:host(.vega-placement-top) .vega-tooltip-content::after{bottom:-4px;border-width:4px 5px 0px 5px;border-top-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}:host(.vega-placement-bottom.vega-alignment-start) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-start) .vega-tooltip-content::after{left:8px}:host(.vega-placement-bottom.vega-alignment-center) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-center) .vega-tooltip-content::after{left:calc(50% - 5px)}:host(.vega-placement-bottom.vega-alignment-end) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-end) .vega-tooltip-content::after{right:8px}:host(.vega-placement-left.vega-alignment-start) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-start) .vega-tooltip-content::after{top:8px}:host(.vega-placement-left.vega-alignment-center) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-center) .vega-tooltip-content::after{top:calc(50% - 5px)}:host(.vega-placement-left.vega-alignment-end) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-end) .vega-tooltip-content::after{bottom:8px}';export{x as vega_tooltip,u as vega_tooltip_content_box}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as i,h as t,H as a,g as r}from"./p-1c298d5a.js";import{c as o}from"./p-86194314.js";import{s as n}from"./p-9b797118.js";import{C as s}from"./p-2d0d575f.js";import{R as l,i as d,b as h}from"./p-32f651f7.js";import{O as c}from"./p-331a62d5.js";import{f as p}from"./p-4163c2c2.js";import{c as g,M as v,V as f,I as b}from"./p-6e1ab235.js";import{V as m,I as u}from"./p-61f6167c.js";import{c as x}from"./p-302e7589.js";import{e as w,y,z as j}from"./p-bf3fbb9b.js";import{V as R}from"./p-e731976a.js";import{d as k}from"./p-6c6d86da.js";import{R as I}from"./p-e2acbc60.js";import{C}from"./p-ed4a57a8.js";import{F as O}from"./p-b347f967.js";import{C as E}from"./p-ec157238.js";import{C as V}from"./p-e5d7b4b8.js";import{K as z}from"./p-c1dfdc13.js";import{M as A}from"./p-987fbbd0.js";import{T as D}from"./p-a9354a5c.js";import"./p-6a334573.js";import"./p-2306c736.js";import"./p-0bb29d98.js";import"./p-5440344e.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";import"./p-5453f591.js";var G=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class F extends f{connectedCallback(){this.radioGroup=p(this.host,"vega-radio-group")||p(this.host,"vega-selection-tile-group"),this.radioGroup&&(this.fieldErrorObserver=new c(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),s.register(k.getSubject(this.radioGroup,R),this.fieldErrorObserver))}disconnectedCallback(){this.radioGroup&&s.unregister(k.getSubject(this.radioGroup,R),this.fieldErrorObserver)}canAcceptFieldErrorObserver(e){return("VEGA-RADIO-GROUP"===e.host.tagName||"VEGA-SELECTION-TILE-GROUP"===e.host.tagName)&&this.radioGroup===e.host}fieldErrorObserverListener(e){this.showError=e.showError}}G([g({writable:!0})],F.prototype,"showError",void 0),G([g()],F.prototype,"host",void 0),G([v("connectedCallback")],F.prototype,"connectedCallback",null),G([v("disconnectedCallback")],F.prototype,"disconnectedCallback",null);var L=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const N=class{constructor(t){e(this,t),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.changeEventEmitter=x(N,w),this.focusEventEmitter=x(N,y),this.blurEventEmitter=x(N,j),this.vegaRadioShowErrorController=new F,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.groupDisabled=!1,this.showError=!1,this.value="",this.checked=!1,this.disabled=!1,this.size="default",this.updateValue=e=>{this.checked=e.currentTarget.checked,e.stopPropagation()},this.handleFocus=e=>{this.focusEventEmitter.emit(e,e)},this.handleBlur=e=>{this.blurEventEmitter.emit(e,e)},this.handleClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.changeEventEmitter.emit(this.checked),s.notify(l,{host:this.host,detail:this.checked})}connectedCallback(){this.ariaLabel=this.host.textContent,""==this.ariaLabel&&(this.ariaLabel=this.value)}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentDidLoad(){""===this.host.textContent&&this.labelElement.classList.add("vega-hidden"),this.initAndRegisterGroupDisabledObserver()}render(){return n(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":"VEGA-RADIO-GROUP"==this.host.parentElement.nodeName}},t("label",{class:{"vega-radio-container":!0,[this.size]:!0,"vega-radio-checked":this.checked,"vega-radio-disabled":this.isDisabled(),error:this.showError}},t("input",{type:"radio",name:this.name,checked:this.checked,value:this.value,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onChange:this.updateValue,"aria-label":this.ariaLabel||"No label defined",disabled:this.isDisabled(),tabIndex:this.isDisabled()?-1:0,onKeyDown:o()}),t("span",{class:"vega-radio-icon"},t("span",{class:"vega-radio-circle"})),t("div",{class:"vega-radio-label",ref:e=>this.labelElement=e},t("slot",null)))),this.host)}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return p(this.host,"vega-radio-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){p(this.host,"vega-radio-group")&&(this.groupDisabledObserver=new c(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),s.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&s.unregister(d,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};L([u()],N.prototype,"globalSlimmers",void 0),L([b()],N.prototype,"changeEventEmitter",void 0),L([b()],N.prototype,"focusEventEmitter",void 0),L([b()],N.prototype,"blurEventEmitter",void 0),L([b()],N.prototype,"vegaRadioShowErrorController",void 0),L([b()],N.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),N.style=':host{display:inline-block;box-sizing:border-box;height:24px}.vega-radio-container{position:relative;display:inline-flex;gap:8px;cursor:pointer}.vega-radio-container input{position:absolute;left:0px;top:0px;opacity:0}.vega-radio-icon{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:9999px;position:relative;left:0px;flex-shrink:0;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-radio-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-radio-container.default .vega-radio-icon{width:24px;height:24px;padding:5px}.vega-radio-container.small .vega-radio-icon{width:16px;height:16px;padding:4px}.vega-radio-checked:hover .vega-radio-circle{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-radio-container input[type=radio]:focus-visible+.vega-radio-icon{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1))}.vega-radio-container:not(.vega-radio-disabled):active .vega-radio-icon{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}.vega-radio-checked:active .vega-radio-circle{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.vega-radio-checked .vega-radio-circle{display:block;width:100%;height:100%;border-radius:9999px;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}.vega-radio-disabled .vega-radio-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-radio-disabled .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-disabled:hover .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-container .vega-radio-label{display:inline-block;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.vega-radio-container .vega-radio-label.vega-hidden{display:none}.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-radio-disabled .vega-radio-label{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}label{-webkit-tap-highlight-color:transparent}.vega-radio-container.error .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-radio-container.error:hover .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-radio-container.error input[type=radio]:focus-visible+.vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}.vega-radio-container.error:active .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1))}.vega-radio-checked.error .vega-radio-circle{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-radio-checked.error:hover .vega-radio-circle{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-radio-checked.error:active .vega-radio-circle{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}';class S extends z{constructor(){super((e=>(e.setRadioArrayTabIndex(),[{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[e.host],callback:e=>{this.updateRadioFocusStates(e)}}])))}setRadioArrayTabIndex(){const e=this.getNotDisabledRadioArray();if(e){const i=e.findIndex((e=>e.checked)),t=i>-1?i:0;e.forEach(((e,i)=>{const a=i===t?"0":"-1";e.shadowRoot.querySelector("input").setAttribute("tabIndex",a)}))}}updateRadioFocusStates(e){const i=e.key,t=this.getNotDisabledRadioArray();if(!t||0===t.length)return;t.forEach((e=>e.shadowRoot.querySelector("input").setAttribute("tabIndex","-1")));const a=t.findIndex((i=>i===e.target));let r;"ArrowDown"===i?r=a===t.length-1?t[0]:t[a+1]:"ArrowUp"===i&&(r=0===a?t[t.length-1]:t[a-1]),r&&(r.shadowRoot.querySelector("input").focus(),r.checked=!0,r.shadowRoot.querySelector("input").tabIndex=0)}getNotDisabledRadioArray(){const e=Array.from(this.host.querySelectorAll("vega-radio"));if(e.length>0)return e.filter((e=>!e.disabled))}}!function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);o>3&&n&&Object.defineProperty(i,t,n)}([g()],S.prototype,"host",void 0);var P=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class U extends f{emitEventAndNotifyValueChangeSubject(e){this.changeEventEmitter.emit(e),s.notify(h,{host:this.host,detail:e})}setValue(e){this.value=e}}P([g()],U.prototype,"host",void 0),P([g({writable:!0})],U.prototype,"value",void 0),P([g()],U.prototype,"changeEventEmitter",void 0),P([g()],U.prototype,"radioItemsController",void 0),P([v("watchValue")],U.prototype,"emitEventAndNotifyValueChangeSubject",null);var M=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class q extends f{constructor(){super(...arguments),this.vegaRadioArray=[]}componentWillLoad(){this.syncRadioArrayAndValue()}setRadioItemName(){this.vegaRadioArray.forEach((e=>{e.name=this.name?this.name:e.getAttribute("name")}))}setRadioItemCheckedByValue(e){this.vegaRadioArray.forEach((i=>{i.checked=i.value===e}))}syncRadioItemsStatus(){this.setRadioItemCheckedByValue(this.value),this.setRadioItemName()}getRadioItemsArray(){return this.vegaRadioArray}syncRadioArrayAndValue(){this.vegaRadioArray=Array.from(this.host.querySelectorAll("vega-radio")),this.vegaRadioArray.forEach((e=>{e.checked&&this.valueController.setValue(e.value)}))}}M([g()],q.prototype,"host",void 0),M([g()],q.prototype,"value",void 0),M([g()],q.prototype,"name",void 0),M([g()],q.prototype,"valueController",void 0),M([v("componentWillLoad")],q.prototype,"componentWillLoad",null),M([v("watchName")],q.prototype,"setRadioItemName",null),M([v("watchValue")],q.prototype,"setRadioItemCheckedByValue",null),M([v("componentDidLoad")],q.prototype,"syncRadioItemsStatus",null);var B=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const T=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.formFieldController=new O({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new I:null}],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.radioItemsController.getRadioItemsArray().map((e=>e.shadowRoot.querySelector("input"))),defaultValue:"",attributeGetter:e=>this[e],validationRulesName:"validationRules"}),this.radioValueChangeObserver=new E(l,(e=>this.childRadioValueChange(e))),this.radioEventPrevent=new V([w],(()=>this.vegaFlexElement)),this.slotMutationObserver=new A({options:{childList:!0},mutationFilter:D("VEGA-RADIO"),callback:()=>this.radioItemsController.syncRadioArrayAndValue()}),this.changeEventEmitter=x(T,w),this.keyboardController=new S,this.radioItemsController=new q,this.valueController=new U,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.label="",this.value="",this.vegaFlexProp={},this.required=!1,this.hint="",this.isValid=null,this.disabled=!1,this.autoValidation=!0,this.validationRules=[],this.childRadioValueChange=e=>{e.detail&&this.valueController.setValue(e.host.value)}}async watchValue(e){}watchName(){}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){this.setVegaFlexProperty(),this.disabled&&this.notifyGroupDisabledChange()}render(){return n(t(a,{role:"radiogroup"},this.renderLabelDom(),t("div",{class:"vega-radio-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("div",{class:"vega-label"},t("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?t("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}notifyGroupDisabledChange(){s.notify(d,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],name:["watchName"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};B([u()],T.prototype,"globalSlimmers",void 0),B([b()],T.prototype,"formFieldController",void 0),B([b()],T.prototype,"radioValueChangeObserver",void 0),B([b()],T.prototype,"radioEventPrevent",void 0),B([b()],T.prototype,"slotMutationObserver",void 0),B([b()],T.prototype,"changeEventEmitter",void 0),B([b()],T.prototype,"keyboardController",void 0),B([b()],T.prototype,"radioItemsController",void 0),B([b()],T.prototype,"valueController",void 0),B([b()],T.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),B([C()],T.prototype,"watchVegaFlexProp",null),T.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{N as vega_radio,T as vega_radio_group}
|