@heartlandone/vega 2.2.0 → 2.4.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-dfbf8897.js → app-globals-e5264ce3.js} +27 -2
- package/dist/cjs/{childNodesEventPreventSlimmer-83a90fdd.js → childNodesEventPreventSlimmer-154f6607.js} +1 -1
- package/dist/cjs/{childNodesNotifyObserverSlimmer-bacb702e.js → childNodesNotifyObserverSlimmer-fd857812.js} +1 -1
- package/dist/cjs/{designToken-a55d5476.js → designToken-9c4dabd5.js} +2 -2
- package/dist/cjs/{elementAppenderSlimmer-2ec6d5c9.js → elementAppenderSlimmer-91ec7d6e.js} +4 -4
- package/dist/cjs/{eventEmitSlimmer-e4f299f0.js → eventEmitSlimmer-e5dfecf0.js} +7 -7
- package/dist/cjs/{formFieldControllerSlimmer-e4db5eba.js → formFieldControllerSlimmer-d41eda5b.js} +7 -30
- package/dist/cjs/index-1299d729.js +4 -0
- package/dist/cjs/index.cjs.js +7 -7
- package/dist/cjs/{internalVegaEventManager-1d242536.js → internalVegaEventManager-951b9a39.js} +1 -0
- package/dist/cjs/loader.cjs.js +6 -6
- package/dist/cjs/{pageResizeObserverSlimmer-efb83b0b.js → pageResizeObserverSlimmer-b4a91cfc.js} +5 -0
- package/dist/cjs/{responsiveFormatFacade-8518443e.js → responsiveFormatFacade-d735e5c8.js} +19 -19
- package/dist/cjs/{stringMaskStrategy-b22eb314.js → stringMaskStrategy-ea108ada.js} +1 -1
- package/dist/cjs/{subStateObserverSlimmer-9b71b20d.js → subStateObserverSlimmer-f196a86f.js} +1 -1
- package/dist/cjs/{typeGuard-70b919b6.js → typeGuard-477c2697.js} +10 -10
- package/dist/cjs/vega-accordion.cjs.entry.js +6 -6
- package/dist/cjs/vega-app-header-button.cjs.entry.js +7 -7
- package/dist/cjs/vega-box.cjs.entry.js +20 -8
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +3 -3
- package/dist/cjs/vega-button-circle.cjs.entry.js +6 -6
- package/dist/cjs/vega-button-link.cjs.entry.js +3 -3
- package/dist/cjs/vega-button.cjs.entry.js +6 -6
- package/dist/cjs/vega-card.cjs.entry.js +3 -3
- package/dist/cjs/vega-carousel.cjs.entry.js +5 -5
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +9 -8
- package/dist/cjs/vega-chip.cjs.entry.js +7 -7
- package/dist/cjs/vega-color-picker.cjs.entry.js +5 -4
- package/dist/cjs/vega-combo-box.cjs.entry.js +7 -6
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +11 -10
- package/dist/cjs/vega-dialog_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +764 -314
- package/dist/cjs/vega-field-label.cjs.entry.js +3 -3
- package/dist/cjs/vega-flex.cjs.entry.js +3 -3
- package/dist/cjs/vega-font.cjs.entry.js +4 -4
- package/dist/cjs/vega-form.cjs.entry.js +8 -7
- package/dist/cjs/vega-grid.cjs.entry.js +3 -3
- package/dist/cjs/vega-icon.cjs.entry.js +3 -3
- package/dist/cjs/vega-image-uploader.cjs.entry.js +6 -5
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +6 -5
- package/dist/cjs/vega-input-range.cjs.entry.js +6 -5
- package/dist/cjs/vega-input-select.cjs.entry.js +127 -42
- package/dist/cjs/vega-input.cjs.entry.js +7 -6
- package/dist/cjs/vega-item-toggle.cjs.entry.js +2 -2
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +6 -6
- package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-pagination.cjs.entry.js +3 -3
- package/dist/cjs/vega-popover_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-progress-tracker.cjs.entry.js +2 -2
- package/dist/cjs/vega-radio_2.cjs.entry.js +9 -8
- package/dist/cjs/vega-segment-control.cjs.entry.js +335 -0
- package/dist/cjs/vega-stepper.cjs.entry.js +6 -5
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-table_8.cjs.entry.js +8 -8
- package/dist/cjs/vega-text.cjs.entry.js +1 -1
- package/dist/cjs/vega-textarea.cjs.entry.js +6 -5
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +10 -9
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +2 -2
- package/dist/cjs/vega-tooltip_2.cjs.entry.js +5 -5
- package/dist/cjs/vega.cjs.js +6 -6
- package/dist/cjs/{vegaEventManager-596e0636.js → vegaEventManager-502e3022.js} +5 -5
- package/dist/cjs/vegaInternalEventId-6f5bb903.js +28 -0
- package/dist/cjs/{zIndexManager-de9aa352.js → zIndexManager-2dae3568.js} +78 -5
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/vega-box/interface.js +1 -0
- package/dist/collection/components/vega-box/vega-box.js +198 -4
- package/dist/collection/components/vega-dropdown/slimmers/renderers/vega-dropdown-list-renderer.js +12 -7
- package/dist/collection/components/vega-dropdown/vega-dropdown-content-box/vega-dropdown-content-box.css +1 -1
- package/dist/collection/components/vega-dropdown/vega-dropdown.js +22 -0
- package/dist/collection/components/vega-grid/vega-grid.js +4 -4
- package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.js +8 -0
- package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-lazy-load-controller.js +70 -0
- package/dist/collection/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.js +4 -1
- package/dist/collection/components/vega-input-select/vega-input-select.js +28 -1
- package/dist/collection/components/vega-segment-control/slimmers/controllers/vega-segment-control-selected-controller.js +49 -0
- package/dist/collection/components/vega-segment-control/slimmers/controllers/vega-segment-overflow-controller.js +68 -0
- package/dist/collection/components/vega-segment-control/slimmers/renderers/vega-segment-control-renderer.js +22 -0
- package/dist/collection/components/vega-segment-control/slimmers/renderers/vega-segment-renderer.js +68 -0
- package/dist/collection/components/vega-segment-control/vega-segment-control.css +126 -0
- package/dist/collection/components/vega-segment-control/vega-segment-control.js +265 -0
- package/dist/collection/components/vega-virtual-scroll/slimmers/controllers/vega-virtual-scroll-mode-controller.js +70 -0
- package/dist/collection/components/vega-virtual-scroll/slimmers/controllers/vega-virtual-scroll-position-controller.js +171 -0
- package/dist/collection/components/vega-virtual-scroll/slimmers/controllers/vega-virtual-scroll-scrollable-controller.js +199 -0
- package/dist/collection/components/vega-virtual-scroll/slimmers/renderers/vega-virtual-scroll-loading-indicator-renderer.js +23 -0
- package/dist/collection/components/vega-virtual-scroll/slimmers/renderers/vega-virtual-scroll-renderer.js +66 -0
- package/dist/collection/components/vega-virtual-scroll/vega-virtual-scroll.css +7 -0
- package/dist/collection/components/vega-virtual-scroll/vega-virtual-scroll.js +80 -140
- package/dist/collection/constants/regex.js +2 -2
- package/dist/collection/constants/tokens/tailwind.extend.js +2 -2
- package/dist/collection/global/scripts/beforeVegaLoad.js +8 -0
- package/dist/collection/helpers/change-manager/subject/static-subject/staticSubjectTitle.js +1 -0
- package/dist/collection/helpers/event-manager/eventID/componentEventIdMap.js +1 -0
- package/dist/collection/helpers/event-manager/eventID/vegaInternalEventId.js +1 -0
- package/dist/collection/helpers/formatter/responsive-map-formatter/responsiveFormatFacade.js +4 -4
- package/dist/collection/helpers/formatter/responsive-map-formatter/responsiveGridColumnsFormatter.js +29 -0
- package/dist/collection/helpers/formatter/responsive-map-formatter/{responsiveGridRowFormatter.js → responsiveGridRowsFormatter.js} +9 -9
- package/dist/collection/helpers/formatter/test/responsive-map-formatter/responsiveGridColumnFormatter.test.js +6 -6
- package/dist/collection/helpers/formatter/test/responsive-map-formatter/responsiveGridRowFormatter.test.js +8 -8
- package/dist/collection/helpers/notify/tests/vegaNotifyController.test.js +0 -4
- package/dist/collection/helpers/slimmers/pageResizeObserverSlimmer.js +5 -0
- package/dist/collection/helpers/zindex/test/vegaZIndexManager.test.js +29 -0
- package/dist/collection/helpers/zindex/test/zIndexManager.test.js +73 -6
- package/dist/collection/helpers/zindex/vegaZIndexManager.js +17 -0
- package/dist/collection/helpers/zindex/zIndexManager.js +78 -5
- package/dist/collection/types/typeGuard.js +7 -7
- package/dist/collection/utils/testUtils.js +4 -2
- package/dist/esm/{app-globals-66cada5c.js → app-globals-90791ada.js} +27 -2
- package/dist/esm/{childNodesEventPreventSlimmer-6ec031ef.js → childNodesEventPreventSlimmer-bef69563.js} +1 -1
- package/dist/esm/{childNodesNotifyObserverSlimmer-46f52e33.js → childNodesNotifyObserverSlimmer-0f055a66.js} +1 -1
- package/dist/esm/{designToken-9b27a244.js → designToken-cb2388b5.js} +2 -2
- package/dist/esm/{elementAppenderSlimmer-bb2fc481.js → elementAppenderSlimmer-c8ebf411.js} +4 -4
- package/dist/esm/{eventEmitSlimmer-f34c2d7f.js → eventEmitSlimmer-25555a18.js} +7 -7
- package/dist/esm/{formFieldControllerSlimmer-b4e0ae0d.js → formFieldControllerSlimmer-3b3a4140.js} +6 -27
- package/dist/esm/index-c3505689.js +4 -0
- package/dist/esm/index.js +7 -7
- package/dist/esm/{internalVegaEventManager-4d8f7e1d.js → internalVegaEventManager-b790d4e6.js} +1 -0
- package/dist/esm/loader.js +6 -6
- package/dist/esm/{pageResizeObserverSlimmer-39d1d0ff.js → pageResizeObserverSlimmer-d5d5fc44.js} +5 -0
- package/dist/esm/{responsiveFormatFacade-e91e14ac.js → responsiveFormatFacade-7fcaab5d.js} +19 -19
- package/dist/esm/{stringMaskStrategy-c463fad7.js → stringMaskStrategy-d6bec5fd.js} +1 -1
- package/dist/esm/{subStateObserverSlimmer-c204a78f.js → subStateObserverSlimmer-3b34ec0c.js} +1 -1
- package/dist/esm/{typeGuard-5e282437.js → typeGuard-1345cf50.js} +9 -9
- package/dist/esm/vega-accordion.entry.js +6 -6
- package/dist/esm/vega-app-header-button.entry.js +7 -7
- package/dist/esm/vega-box.entry.js +20 -8
- package/dist/esm/vega-breadcrumb.entry.js +3 -3
- package/dist/esm/vega-button-circle.entry.js +6 -6
- package/dist/esm/vega-button-link.entry.js +3 -3
- package/dist/esm/vega-button.entry.js +6 -6
- package/dist/esm/vega-card.entry.js +3 -3
- package/dist/esm/vega-carousel.entry.js +5 -5
- package/dist/esm/vega-checkbox_2.entry.js +9 -8
- package/dist/esm/vega-chip.entry.js +7 -7
- package/dist/esm/vega-color-picker.entry.js +5 -4
- package/dist/esm/vega-combo-box.entry.js +7 -6
- package/dist/esm/vega-date-picker_2.entry.js +11 -10
- package/dist/esm/vega-dialog_2.entry.js +8 -8
- package/dist/esm/vega-dropdown_5.entry.js +764 -314
- package/dist/esm/vega-field-label.entry.js +3 -3
- package/dist/esm/vega-flex.entry.js +3 -3
- package/dist/esm/vega-font.entry.js +4 -4
- package/dist/esm/vega-form.entry.js +8 -7
- package/dist/esm/vega-grid.entry.js +3 -3
- package/dist/esm/vega-icon.entry.js +3 -3
- package/dist/esm/vega-image-uploader.entry.js +6 -5
- package/dist/esm/vega-input-credit-card.entry.js +6 -5
- package/dist/esm/vega-input-range.entry.js +6 -5
- package/dist/esm/vega-input-select.entry.js +127 -42
- package/dist/esm/vega-input.entry.js +7 -6
- package/dist/esm/vega-item-toggle.entry.js +2 -2
- package/dist/esm/vega-left-nav_5.entry.js +6 -6
- package/dist/esm/vega-loader-wrapper_2.entry.js +3 -3
- package/dist/esm/vega-pagination.entry.js +3 -3
- package/dist/esm/vega-popover_2.entry.js +7 -7
- package/dist/esm/vega-progress-tracker.entry.js +2 -2
- package/dist/esm/vega-radio_2.entry.js +9 -8
- package/dist/esm/vega-segment-control.entry.js +331 -0
- package/dist/esm/vega-stepper.entry.js +6 -5
- package/dist/esm/vega-tab-group_2.entry.js +4 -4
- package/dist/esm/vega-table_8.entry.js +8 -8
- package/dist/esm/vega-text.entry.js +1 -1
- package/dist/esm/vega-textarea.entry.js +6 -5
- package/dist/esm/vega-time-picker_2.entry.js +10 -9
- package/dist/esm/vega-toggle-switch.entry.js +2 -2
- package/dist/esm/vega-tooltip_2.entry.js +5 -5
- package/dist/esm/vega.js +6 -6
- package/dist/esm/{vegaEventManager-30471eee.js → vegaEventManager-32e6d6a8.js} +5 -5
- package/dist/esm/vegaInternalEventId-35e47bc7.js +24 -0
- package/dist/esm/zIndexManager-4292318f.js +178 -0
- package/dist/types/components/vega-box/interface.d.ts +11 -0
- package/dist/types/components/vega-box/vega-box.d.ts +29 -0
- package/dist/types/components/vega-dropdown/slimmers/renderers/vega-dropdown-list-renderer.d.ts +1 -0
- package/dist/types/components/vega-dropdown/vega-dropdown.d.ts +4 -0
- package/dist/types/components/vega-grid/vega-grid.d.ts +3 -3
- package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.d.ts +7 -0
- package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-lazy-load-controller.d.ts +28 -0
- package/dist/types/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.d.ts +1 -0
- package/dist/types/components/vega-input-select/types.d.ts +9 -0
- package/dist/types/components/vega-input-select/vega-input-select.d.ts +11 -1
- package/dist/types/components/vega-segment-control/slimmers/controllers/vega-segment-control-selected-controller.d.ts +16 -0
- package/dist/types/components/vega-segment-control/slimmers/controllers/vega-segment-overflow-controller.d.ts +23 -0
- package/dist/types/components/vega-segment-control/slimmers/renderers/vega-segment-control-renderer.d.ts +7 -0
- package/dist/types/components/vega-segment-control/slimmers/renderers/vega-segment-renderer.d.ts +20 -0
- package/dist/types/components/vega-segment-control/types.d.ts +8 -0
- package/dist/types/components/vega-segment-control/vega-segment-control.d.ts +73 -0
- package/dist/types/components/vega-virtual-scroll/slimmers/controllers/vega-virtual-scroll-mode-controller.d.ts +34 -0
- package/dist/types/components/vega-virtual-scroll/slimmers/controllers/vega-virtual-scroll-position-controller.d.ts +88 -0
- package/dist/types/components/vega-virtual-scroll/slimmers/controllers/vega-virtual-scroll-scrollable-controller.d.ts +97 -0
- package/dist/types/components/vega-virtual-scroll/slimmers/renderers/vega-virtual-scroll-loading-indicator-renderer.d.ts +10 -0
- package/dist/types/components/vega-virtual-scroll/slimmers/renderers/vega-virtual-scroll-renderer.d.ts +16 -0
- package/dist/types/components/vega-virtual-scroll/types.d.ts +11 -0
- package/dist/types/components/vega-virtual-scroll/vega-virtual-scroll.d.ts +24 -48
- package/dist/types/components.d.ts +162 -14
- package/dist/types/constants/regex.d.ts +2 -2
- package/dist/types/constants/tokens/tailwind.extend.d.ts +2 -2
- package/dist/types/helpers/change-manager/subject/static-subject/staticSubjectTitle.d.ts +2 -1
- package/dist/types/helpers/event-manager/eventID/vegaInternalEventId.d.ts +1 -0
- package/dist/types/helpers/formatter/responsive-map-formatter/responsiveGridColumnsFormatter.d.ts +19 -0
- package/dist/types/helpers/formatter/responsive-map-formatter/responsiveGridRowsFormatter.d.ts +19 -0
- package/dist/types/helpers/zindex/test/vegaZIndexManager.test.d.ts +1 -0
- package/dist/types/helpers/zindex/vegaZIndexManager.d.ts +19 -0
- package/dist/types/helpers/zindex/zIndexManager.d.ts +43 -5
- package/dist/types/types/components.type.d.ts +13 -2
- package/dist/types/types/typeGuard.d.ts +4 -4
- package/dist/types/types/ui.type.d.ts +6 -6
- package/dist/types/utils/testUtils.d.ts +2 -0
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/p-00781ab5.entry.js +1 -0
- package/dist/vega/p-0284abd6.entry.js +1 -0
- package/dist/vega/{p-b3726704.js → p-08e8fcfc.js} +1 -1
- package/dist/vega/{p-51c21063.entry.js → p-093c5c06.entry.js} +1 -1
- package/dist/vega/{p-e7cc9793.entry.js → p-0a6b6b48.entry.js} +1 -1
- package/dist/vega/{p-aec86b14.entry.js → p-0d17d232.entry.js} +1 -1
- package/dist/vega/p-0e657a22.entry.js +1 -0
- package/dist/vega/{p-5bc3f5e7.entry.js → p-15002533.entry.js} +1 -1
- package/dist/vega/{p-6e377e96.entry.js → p-19fa79e6.entry.js} +1 -1
- package/dist/vega/{p-58e7cf15.entry.js → p-1acfad43.entry.js} +1 -1
- package/dist/vega/p-21712e98.entry.js +1 -0
- package/dist/vega/p-273035b1.entry.js +1 -0
- package/dist/vega/{p-fecdfc5d.entry.js → p-30b19333.entry.js} +1 -1
- package/dist/vega/{p-197ed7d6.js → p-30dea06e.js} +1 -1
- package/dist/vega/p-34d08302.entry.js +1 -0
- package/dist/vega/p-38909110.entry.js +1 -0
- package/dist/vega/{p-8d426ae0.entry.js → p-45d1c5b8.entry.js} +1 -1
- package/dist/vega/{p-1598acdd.js → p-45f075a3.js} +1 -1
- package/dist/vega/{p-33dd5b26.entry.js → p-48e6c3e1.entry.js} +1 -1
- package/dist/vega/p-49ecdc42.entry.js +1 -0
- package/dist/vega/{p-f7c856be.entry.js → p-5173be2d.entry.js} +1 -1
- package/dist/vega/{p-c1277749.entry.js → p-5821ebfe.entry.js} +1 -1
- package/dist/vega/p-59621764.entry.js +1 -0
- package/dist/vega/{p-194286d0.entry.js → p-67f8b42c.entry.js} +1 -1
- package/dist/vega/{p-8bba64cf.entry.js → p-78f2c2c2.entry.js} +1 -1
- package/dist/vega/{p-c92af3f3.entry.js → p-7f175115.entry.js} +1 -1
- package/dist/vega/{p-b21ff116.entry.js → p-84c7b2a2.entry.js} +1 -1
- package/dist/vega/p-869e20fa.entry.js +1 -0
- package/dist/vega/{p-e496d0e2.js → p-88e71c89.js} +1 -1
- package/dist/vega/p-8abac75b.js +1 -0
- package/dist/vega/p-9332d73d.js +1 -0
- package/dist/vega/p-93f7779c.entry.js +1 -0
- package/dist/vega/{p-a99fea85.entry.js → p-96a419ee.entry.js} +1 -1
- package/dist/vega/{p-7fd7f79d.entry.js → p-9a95f33b.entry.js} +1 -1
- package/dist/vega/p-9adde14f.entry.js +1 -0
- package/dist/vega/p-b37dbd69.js +1 -0
- package/dist/vega/{p-33bbb0e8.entry.js → p-b467bddf.entry.js} +1 -1
- package/dist/vega/{p-1597cfdb.entry.js → p-b4737f03.entry.js} +2 -2
- package/dist/vega/{p-d7ad051f.entry.js → p-b49b3441.entry.js} +1 -1
- package/dist/vega/{p-6923b79c.js → p-b76702a8.js} +1 -1
- package/dist/vega/{p-7eb69565.entry.js → p-c17ddd2d.entry.js} +1 -1
- package/dist/vega/p-c2baf259.entry.js +1 -0
- package/dist/vega/{p-9dcfd5f2.js → p-c384eaff.js} +1 -1
- package/dist/vega/{p-6bbd25e1.js → p-c80d8603.js} +1 -1
- package/dist/vega/{p-40291804.js → p-cb00df88.js} +1 -1
- package/dist/vega/p-cd4a9488.js +1 -0
- package/dist/vega/{p-2427511f.entry.js → p-d8d95c7f.entry.js} +1 -1
- package/dist/vega/p-dcb1649f.entry.js +1 -0
- package/dist/vega/{p-10d6d098.entry.js → p-dd886c1e.entry.js} +1 -1
- package/dist/vega/p-dda4852c.js +1 -0
- package/dist/vega/{p-678d4d23.entry.js → p-e11c6b26.entry.js} +1 -1
- package/dist/vega/{p-2ff0323f.js → p-e2296522.js} +1 -1
- package/dist/vega/{p-1a2c2bf8.entry.js → p-e53ce157.entry.js} +1 -1
- package/dist/vega/p-f8320f7d.entry.js +1 -0
- package/dist/vega/p-f90aef8a.js +1 -0
- package/dist/vega/{p-16864322.entry.js → p-fe390ce2.entry.js} +1 -1
- package/dist/vega/{p-24bc5449.entry.js → p-ff2e645f.entry.js} +1 -1
- package/dist/vega/p-ff70397c.entry.js +1 -0
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/collection/helpers/formatter/responsive-map-formatter/responsiveGridColumnFormatter.js +0 -29
- package/dist/esm/zIndexManager-ea603c97.js +0 -105
- package/dist/types/helpers/formatter/responsive-map-formatter/responsiveGridColumnFormatter.d.ts +0 -19
- package/dist/types/helpers/formatter/responsive-map-formatter/responsiveGridRowFormatter.d.ts +0 -19
- package/dist/vega/p-00c1089c.entry.js +0 -1
- package/dist/vega/p-012263bf.entry.js +0 -1
- package/dist/vega/p-0478ca6f.js +0 -1
- package/dist/vega/p-0b14da46.entry.js +0 -1
- package/dist/vega/p-11900f30.entry.js +0 -1
- package/dist/vega/p-14594865.entry.js +0 -1
- package/dist/vega/p-146afc30.entry.js +0 -1
- package/dist/vega/p-3c37039f.js +0 -1
- package/dist/vega/p-4d87330b.entry.js +0 -1
- package/dist/vega/p-4e455c75.entry.js +0 -1
- package/dist/vega/p-6b70f8c8.js +0 -1
- package/dist/vega/p-88aa975c.js +0 -1
- package/dist/vega/p-a6b492b2.entry.js +0 -1
- package/dist/vega/p-ac828dca.entry.js +0 -1
- package/dist/vega/p-adcba23c.entry.js +0 -1
- package/dist/vega/p-db915d91.entry.js +0 -1
- package/dist/vega/p-e46640ff.entry.js +0 -1
- package/dist/vega/p-e5692191.js +0 -1
- package/dist/vega/p-f02645c2.entry.js +0 -1
- package/dist/vega/p-f7be5041.entry.js +0 -1
- /package/dist/vega/{p-5fd43609.js → p-f92cc0e4.js} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e,F as t,r as i,c as r,H as n,g as o}from"./p-9777b1c1.js";import{C as s}from"./p-8c414f6f.js";import{d as a,p as d,e as l}from"./p-afc9e3d4.js";import{s as p}from"./p-63676b71.js";import{I as h}from"./p-50c9b4ac.js";import{I as c}from"./p-4a651b91.js";import{F as u}from"./p-0478ca6f.js";import{M as v,V as m}from"./p-cb19da5d.js";import{D as g,c as f}from"./p-40291804.js";import{g as w,p as b,q as x,V as y}from"./p-88aa975c.js";import{M as k}from"./p-a90f4bcd.js";import{g as R,D as I}from"./p-de21b1d8.js";import{c as D}from"./p-86194314.js";import{L as j}from"./p-9ad088e0.js";import{b as C}from"./p-b2467703.js";import{b as S}from"./p-bf399c33.js";import{C as T}from"./p-f6642024.js";import{E as V}from"./p-6bbd25e1.js";import{K as A}from"./p-88a10631.js";import{M as O}from"./p-5fd43609.js";import{C as E}from"./p-6923b79c.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-381a16b8.js";import"./p-e5692191.js";import"./p-96f54c30.js";import"./p-2e7d94cc.js";import"./p-e179550a.js";import"./p-9dcfd5f2.js";import"./p-3c37039f.js";import"./p-db9e7583.js";import"./p-29ba4bd0.js";class F{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e}`);const t=a(e,this.config.timeFormat);return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||"string"==typeof e}}var M=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class $ extends m{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}M([v()],$.prototype,"label",void 0),M([v()],$.prototype,"mode",void 0),M([v()],$.prototype,"required",void 0),M([v()],$.prototype,"disabled",void 0),M([v()],$.prototype,"singleInputRenderer",void 0),M([v()],$.prototype,"rangeInputRenderer",void 0);var P=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class z extends m{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){g.addUniqueObserverToNode(e,w,(e=>{this.onChildVegaInputChange(e)})),g.addUniqueObserverToNode(e,b,(()=>{this.singleDropdownController.show()})),g.addUniqueObserverToNode(e,x,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:"Select Time"}}P([v()],z.prototype,"placeholder",void 0),P([v()],z.prototype,"size",void 0),P([v()],z.prototype,"disabled",void 0),P([v()],z.prototype,"value",void 0),P([v()],z.prototype,"valueController",void 0),P([v()],z.prototype,"singleDropdownController",void 0);var B=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class N extends m{constructor(){super(...arguments),this.isMobileDevice=R()===I.MOBILE,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:D()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{g.addUniqueObserverToNode(e,y,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{g.addUniqueObserverToNode(e,y,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}B([v()],N.prototype,"timeFormat",void 0),B([v()],N.prototype,"dropdownSource",void 0),B([v()],N.prototype,"selectedTimeValue",void 0),B([v()],N.prototype,"valueController",void 0),B([v()],N.prototype,"dropdownSelectedItemsController",void 0),B([v()],N.prototype,"singleDropdownController",void 0),B([k("componentDidRender")],N.prototype,"componentDidRenderCallback",null);var q=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class L extends m{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&C(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),T.notify(S,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&a(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&a(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&a(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.timeFormat)||""===e))}return t||j.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}q([v({writable:!0})],L.prototype,"value",void 0),q([v()],L.prototype,"mode",void 0),q([v()],L.prototype,"timeFormat",void 0),q([v()],L.prototype,"selectedTimeValue",void 0),q([v()],L.prototype,"increments",void 0),q([v()],L.prototype,"changeEventEmitter",void 0),q([v()],L.prototype,"singleInputRenderer",void 0),q([v()],L.prototype,"rangeInputRenderer",void 0),q([v()],L.prototype,"dropdownSelectedItemsController",void 0),q([v()],L.prototype,"host",void 0),q([k("watchValue")],L.prototype,"emitChangeEventOrClearTimePicker",null),q([k("watchSelectedTimeValue")],L.prototype,"updateValueIfSelectedItemsChange",null),q([k("watchMode")],L.prototype,"resetCurrentValueIfModeChange",null),q([k("componentDidLoad")],L.prototype,"checkTheDefaultValueForRangeMode",null);var W=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class H extends V{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>"custom"))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(j.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(d(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(d(t))}else for(let t=0;t<24;t++)e.push(d(t));return e}}W([v({writable:!0})],H.prototype,"isDropdownShow",void 0),W([v({writable:!0})],H.prototype,"dropdownSource",void 0),W([v()],H.prototype,"mode",void 0),W([v({writable:!0})],H.prototype,"increments",void 0),W([v()],H.prototype,"timeFormat",void 0),W([v()],H.prototype,"value",void 0),W([v()],H.prototype,"positionRelativeTo",void 0),W([v()],H.prototype,"selectedTimeValue",void 0),W([v()],H.prototype,"singleInputRenderer",void 0),W([v()],H.prototype,"rangeInputRenderer",void 0),W([v()],H.prototype,"singleDropdownRenderer",void 0),W([v()],H.prototype,"valueController",void 0),W([v()],H.prototype,"dropdownSelectedItemsController",void 0),W([v()],H.prototype,"inputMaskController",void 0),W([k("watchIncrements")],H.prototype,"initValueAndDropdownSource",null),W([k("watchTimeFormat")],H.prototype,"initDropdownSourceAndInputMaskConfig",null),W([k("componentWillLoad")],H.prototype,"initDropdownSourceAndSelectedItems",null),W([k("watchDisabled")],H.prototype,"hideDropdownWhenDisabled",null);var _=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class G extends m{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&a(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=d(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:d(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:d(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!a(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}_([v({writable:!0})],G.prototype,"selectedTimeValue",void 0),_([v()],G.prototype,"mode",void 0),_([v()],G.prototype,"value",void 0),_([v()],G.prototype,"timeFormat",void 0),_([v()],G.prototype,"dropdownSource",void 0),_([v()],G.prototype,"increments",void 0),_([v()],G.prototype,"disabled",void 0),_([v()],G.prototype,"singleDropdownRenderer",void 0),_([v()],G.prototype,"rangeDropdownRenderer",void 0),_([k("watchValue")],G.prototype,"syncSelectedItemsByValueChange",null),_([k("watchIsDropdownShow")],G.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),_([k("componentDidRender")],G.prototype,"syncSelectedItemsPosition",null);var K=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class Y extends A{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}K([v()],Y.prototype,"host",void 0),K([v()],Y.prototype,"mode",void 0),K([v()],Y.prototype,"singleInputRenderer",void 0),K([v()],Y.prototype,"singleDropdownRenderer",void 0),K([v()],Y.prototype,"rangeDropdownRenderer",void 0),K([v()],Y.prototype,"rangeInputRenderer",void 0),K([v()],Y.prototype,"singleDropdownController",void 0),K([v()],Y.prototype,"startDropdownController",void 0),K([v()],Y.prototype,"endDropdownController",void 0);var U=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class X extends m{constructor(){super(...arguments),this.isMobileDevice=R()===I.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(a(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){g.addUniqueObserverToNode(e,x,(e=>{this.timePickerInputBlur(e)})),g.addUniqueObserverToNode(e,w,(e=>{this.onInputChange(e)})),g.addUniqueObserverToNode(e,b,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:"Start Time":Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:"End Time"}}U([v()],X.prototype,"mode",void 0),U([v()],X.prototype,"placeholder",void 0),U([v()],X.prototype,"disabled",void 0),U([v()],X.prototype,"size",void 0),U([v()],X.prototype,"positionRelativeTo",void 0),U([v()],X.prototype,"timeFormat",void 0),U([v()],X.prototype,"increments",void 0),U([v()],X.prototype,"value",void 0),U([v()],X.prototype,"startDropdownController",void 0),U([v()],X.prototype,"endDropdownController",void 0),U([v()],X.prototype,"valueController",void 0),U([v()],X.prototype,"rangeClearButtonRenderer",void 0),U([v()],X.prototype,"rangeDropdownRenderer",void 0),U([v()],X.prototype,"dropdownSelectedItemsController",void 0);var J=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class Q extends m{constructor(){super(...arguments),this.isMobileDevice=R()===I.MOBILE,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(O);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(O)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:D()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:n,minutes:o}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<n.length;s++)for(let a=0;a<o.length;a++){const d=`${n[s]}:${o[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}J([v()],Q.prototype,"timeFormat",void 0),J([v()],Q.prototype,"value",void 0),J([v()],Q.prototype,"dropdownSource",void 0),J([v()],Q.prototype,"valueController",void 0),J([v()],Q.prototype,"rangeInputRenderer",void 0),J([v()],Q.prototype,"startDropdownController",void 0),J([v()],Q.prototype,"endDropdownController",void 0),J([k("componentDidRender")],Q.prototype,"componentDidRenderCallback",null);var Z=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class ee extends m{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:"-1",onClick:this.onClickClearIcon,onKeyDown:D()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}Z([v()],ee.prototype,"disabled",void 0),Z([v()],ee.prototype,"value",void 0),Z([v()],ee.prototype,"valueController",void 0),Z([v()],ee.prototype,"endDropdownController",void 0),Z([v()],ee.prototype,"rangeInputRenderer",void 0);class te{constructor(e){this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}`;return new Date(`${r} ${l(t)}`)>new Date(`${r} ${l(e)}`)}}var ie=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class re extends m{initInputMask(){const e={type:"custom",options:{mask:"12-hour"===this.timeFormat?"xx:xx xx":"xx:xx",slot:"x",accept:"12-hour"===this.timeFormat?/[0-9|A|P|M]/:/\d/}};"range"===this.mode?(this.rangeInputRenderer.getStartInputRef().maskConfig=e,this.rangeInputRenderer.getEndInputRef().maskConfig=e):this.singleInputRenderer.getInputRef().maskConfig=e}}ie([v()],re.prototype,"timeFormat",void 0),ie([v()],re.prototype,"mode",void 0),ie([v()],re.prototype,"singleInputRenderer",void 0),ie([v()],re.prototype,"rangeInputRenderer",void 0),ie([k("componentDidLoad")],re.prototype,"initInputMask",null);var ne=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class oe extends V{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>"custom"),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}ne([v()],oe.prototype,"positionRelativeTo",void 0),ne([v()],oe.prototype,"mode",void 0),ne([v()],oe.prototype,"rangeDropdownRenderer",void 0),ne([v()],oe.prototype,"rangeInputRenderer",void 0),ne([v()],oe.prototype,"dropdownSelectedItemsController",void 0),ne([k("watchDisabled")],oe.prototype,"hideDropdownWhenDisabled",null);class se{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e} for range mode`);const t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}var ae=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};const de=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.labelRenderer=new $,this.singleInputRenderer=new z,this.singleDropdownRenderer=new N,this.valueController=new L,this.singleDropdownController=new H,this.dropdownSelectedItemsController=new G,this.keyboardController=new Y,this.formFieldController=new u({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new se({timeFormat:t}):new F({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new se({timeFormat:e}):new F({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new te({timeFormat:t}):null,dependence:"timeFormat"}],validationRulesName:"validationRules",defaultValue:e=>"range"===e.mode?["",""]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>"single"===this.mode?[this.singleInputRenderer.getInputRef()]:[this.rangeInputRenderer.getStartInputRef(),this.rangeInputRenderer.getEndInputRef()]}),this.rangeInputRenderer=new X,this.rangeClearButtonRenderer=new ee,this.rangeDropdownRenderer=new Q,this.startDropdownController=new oe("start"),this.endDropdownController=new oe("end"),this.inputMaskController=new re,this.inputEventPrevent=new E([w],(()=>this.inputContainerRef)),this.changeEventEmitter=f(de,w),this.isMobileDevice=R()===I.MOBILE,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return p(e(n,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:{"vega-time-picker-input-container":!0,"range-mode":t,mobile:t&&this.isMobileDevice},ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};ae([c()],de.prototype,"globalSlimmers",void 0),ae([h()],de.prototype,"labelRenderer",void 0),ae([h()],de.prototype,"singleInputRenderer",void 0),ae([h()],de.prototype,"singleDropdownRenderer",void 0),ae([h()],de.prototype,"valueController",void 0),ae([h()],de.prototype,"singleDropdownController",void 0),ae([h()],de.prototype,"dropdownSelectedItemsController",void 0),ae([h()],de.prototype,"keyboardController",void 0),ae([h()],de.prototype,"formFieldController",void 0),ae([h()],de.prototype,"rangeInputRenderer",void 0),ae([h()],de.prototype,"rangeClearButtonRenderer",void 0),ae([h()],de.prototype,"rangeDropdownRenderer",void 0),ae([h()],de.prototype,"startDropdownController",void 0),ae([h()],de.prototype,"endDropdownController",void 0),ae([h()],de.prototype,"inputMaskController",void 0),ae([h()],de.prototype,"inputEventPrevent",void 0),ae([h()],de.prototype,"changeEventEmitter",void 0),ae([s()],de.prototype,"watchValue",null),de.style='/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */\n:host {\n display: inline-block;\n text-align: left;\n line-height: normal;\n width: 100%;\n}\n\nvega-field-label {\n margin-bottom: 8px;\n}\n\nvega-input::part(field-error-message) {\n display: none;\n}\n\n.vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n color: rgba(var(--v-text-error, 189, 41, 71, 1));\n display: block;\n padding-top: 12px;\n padding-right: 8px;\n padding-left: 8px;\n}\n@media screen and (min-width: 768px) and (max-width: 1023px) {\n .vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n }\n}\n@media screen and (min-width: 1024px) and (max-width: 1439px) {\n .vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n }\n}\n@media screen and (min-width: 1440px) and (max-width: 9999px) {\n .vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n }\n}\n\n.vega-time-picker-input-container.error vega-input::part(input-container) {\n border-width: 0px;\n}\n\n.vega-time-picker-input-container.error vega-input::part(input-container):hover {\n border-width: 0px;\n}\n\n.vega-time-picker-input-container.error vega-input::part(input-container):focus-within {\n box-shadow: 0 0 0 0;\n}\n\n.vega-time-picker-input-container.error {\n border-radius: 8px;\n border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));\n}\n\n.vega-time-picker-input-container.error:hover {\n border: 1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));\n}\n\n.vega-time-picker-input-container.error:focus-within {\n border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));\n box-shadow: 0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25));\n}\n\n.vega-hidden {\n display: none;\n}\n\n.range-input-divider {\n width: 1px;\n height: 24px;\n border-style: solid;\n border-right-width: 1px;\n border-top-width: 0px;\n border-bottom-width: 0px;\n border-left-width: 0px;\n border-color: rgba(var(--v-border-color-divider, 171, 198, 216, 1));\n}\n\n.mobile .range-input-divider {\n width: 100%;\n height: 1px;\n border-style: solid;\n border-right-width: 0px;\n border-top-width: 1px;\n border-bottom-width: 0px;\n border-left-width: 0px;\n}\n\n.mobile .time-picker-input-end vega-input::part(input) {\n padding-left: 26px;\n}\n\n.range-mode {\n position: relative;\n background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));\n border-radius: 8px;\n border: 1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));\n}\n\n:host(.disabled) .range-mode {\n background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));\n}\n\n:host:not(.disabled) .range-mode:not(.error):hover {\n border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));\n}\n\n.range-mode vega-input::part(input-container),\n:host(.disabled) .range-mode vega-input::part(input-container):hover {\n border-width: 0px;\n}\n\n.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,\n.range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within {\n @apply v-border-input-field-focus;\n margin: -1px;\n}\n\n.range-mode .vega-time-picker-range-clear-icon {\n position: absolute;\n width: 16px;\n height: 16px;\n cursor: pointer;\n color: rgba(var(--v-text-secondary, 107, 116, 125, 1));\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n}\n\n.range-mode.mobile .vega-time-picker-range-clear-icon {\n top: 75%;\n}\n\n.range-mode.mobile .time-picker-input {\n width: 100%;\n}\n\nvega-time-picker-dropdown.vega-force-hidden {\n display: none !important;\n}\n\n.vega-time-picker-range-clear-icon.invisible {\n visibility: hidden;\n}';const le=class{constructor(e){i(this,e),this.globalSlimmers={}}render(){return p(e(n,null),this.host)}get host(){return o(this)}};(function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);o>3&&s&&Object.defineProperty(t,i,s)})([c()],le.prototype,"globalSlimmers",void 0),le.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}.vega-time-picker-dropdown.mobile .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{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-time-picker-dropdown-panel>ul>li{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-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{de as vega_time_picker,le as vega_time_picker_dropdown}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e,H as t,r as o,c as i,g as a}from"./p-9777b1c1.js";import{s as r}from"./p-63676b71.js";import{R as n}from"./p-d962b340.js";import{M as s,V as l}from"./p-cb19da5d.js";import{I as c}from"./p-50c9b4ac.js";import{m as d}from"./p-6bd5c49b.js";import{I as p}from"./p-4a651b91.js";import{D as v,c as g}from"./p-40291804.js";import{V as h,g as u,n as f,o as m}from"./p-88aa975c.js";import{M as b}from"./p-a90f4bcd.js";import{b as x}from"./p-bf399c33.js";import{C as w}from"./p-f6642024.js";import{c as y}from"./p-86194314.js";import{V as R}from"./p-34964cc9.js";import{F as j}from"./p-0478ca6f.js";import{f as C,d as I}from"./p-de21b1d8.js";import{C as k}from"./p-6923b79c.js";import"./p-9ad088e0.js";import"./p-381a16b8.js";import"./p-469bc36e.js";import"./p-0bb29d98.js";import"./p-e5692191.js";import"./p-96f54c30.js";import"./p-2e7d94cc.js";var U=function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};class O extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value}},this.renderContentByStatus()),this.inputRenderer.render())}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}}U([s({componentFieldName:"vegaImageUploaderInputRenderer"})],O.prototype,"inputRenderer",void 0),U([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],O.prototype,"defaultContentRenderer",void 0),U([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],O.prototype,"previewContentRenderer",void 0),U([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],O.prototype,"uploadingContentRenderer",void 0),U([s({componentFieldName:"vegaImageUploaderPreviewController"})],O.prototype,"previewController",void 0),U([s()],O.prototype,"value",void 0),U([s()],O.prototype,"disabled",void 0),U([s()],O.prototype,"status",void 0);var F=function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};class V extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],V.prototype,"valueController",void 0),F([s()],V.prototype,"accept",void 0);var N=function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};class z extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}N([s({componentFieldName:"vegaImageUploaderInputRenderer"})],z.prototype,"inputRenderer",void 0),N([s()],z.prototype,"disabled",void 0);var E=function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};class P extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const o=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{v.addUniqueObserverToNode(e,h,(()=>{this.handleClick(t)}))}},o))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}E([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),E([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),E([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),E([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),E([s()],P.prototype,"disabled",void 0),E([s()],P.prototype,"showPreviewButton",void 0),E([s()],P.prototype,"showRemoveButton",void 0),E([s()],P.prototype,"showReplaceButton",void 0),E([s()],P.prototype,"removeEventEmitter",void 0);var D=function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};class B extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),w.notify(x,{host:this.host,detail:this.value})}setValue(e){this.value=e}}D([s({writable:!0})],B.prototype,"value",void 0),D([s()],B.prototype,"changeEventEmitter",void 0),D([s()],B.prototype,"host",void 0),D([s({componentFieldName:"vegaImageUploaderInputController"})],B.prototype,"inputController",void 0),D([b("watchValue")],B.prototype,"handleValueChange",null);var A=function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};class L extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n <div style='text-align: center'>\n <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n </div>\n `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}A([s()],L.prototype,"value",void 0),A([b("disconnectedCallback")],L.prototype,"disconnectedCallback",null),A([b("getContentURL")],L.prototype,"getImagePreviewURL",void 0);class G extends l{render(t){const o=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!o},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),o)}}!function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);r>3&&n&&Object.defineProperty(t,o,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],G.prototype,"actionsRenderer",void 0);var K=function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};class M extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:y()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}K([s({componentFieldName:"vegaImageUploaderRemoveController"})],M.prototype,"removeController",void 0),K([s({writable:!0})],M.prototype,"status",void 0),K([s()],M.prototype,"cancelEventEmitter",void 0);class S extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:y()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},"Upload"))}}!function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);r>3&&n&&Object.defineProperty(t,o,n)}([s({componentFieldName:"vegaImageUploaderInputController"})],S.prototype,"inputController",void 0);var $=function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};class _ extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}$([s({componentFieldName:"vegaImageUploaderValueController"})],_.prototype,"valueController",void 0),$([s()],_.prototype,"removeEventEmitter",void 0),$([b("disconnectedCallback")],_.prototype,"disconnectedCallback",null);var q=function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};class H extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=I();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}q([s()],H.prototype,"host",void 0),q([s()],H.prototype,"value",void 0),q([b("watchValue")],H.prototype,"handleValueChange",null);var J=function(e,t,o,i){var a,r=arguments.length,n=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,o,n):a(t,o))||n);return r>3&&n&&Object.defineProperty(t,o,n),n};const Q=["jpg","png","jpeg"],T=class{constructor(e){o(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaRemove=i(this,"vegaRemove",7),this.remove=i(this,"remove",7),this.vegaCancel=i(this,"vegaCancel",7),this.cancel=i(this,"cancel",7),this.globalSlimmers={},this.vegaImageUploaderRenderer=new O,this.vegaImageUploaderUploadingContentRenderer=new M,this.vegaImageUploaderPreviewContentRenderer=new G,this.vegaImageUploaderDefaultContentRenderer=new S,this.vegaImageUploaderInputRenderer=new V,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new z,this.vegaImageUploaderValueController=new B,this.vegaImageUploaderPreviewController=new L,this.vegaImageUploaderRemoveController=new _,this.actionsVisibilityController=new H,this.formFieldController=new j({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=g(T,u),this.removeEventEmitter=g(T,f),this.cancelEventEmitter=g(T,m),this.buttonCircleEventPrevent=new k([h],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.value=null,this.accept=Q.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return d(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};J([p()],T.prototype,"globalSlimmers",void 0),J([c()],T.prototype,"vegaImageUploaderRenderer",void 0),J([c()],T.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),J([c()],T.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),J([c()],T.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),J([c()],T.prototype,"vegaImageUploaderInputRenderer",void 0),J([c()],T.prototype,"vegaImageUploaderActionsRenderer",void 0),J([c()],T.prototype,"vegaImageUploaderInputController",void 0),J([c()],T.prototype,"vegaImageUploaderValueController",void 0),J([c()],T.prototype,"vegaImageUploaderPreviewController",void 0),J([c()],T.prototype,"vegaImageUploaderRemoveController",void 0),J([c()],T.prototype,"actionsVisibilityController",void 0),J([c()],T.prototype,"formFieldController",void 0),J([c()],T.prototype,"changeEventEmitter",void 0),J([c()],T.prototype,"removeEventEmitter",void 0),J([c()],T.prototype,"cancelEventEmitter",void 0),J([c()],T.prototype,"buttonCircleEventPrevent",void 0),T.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));border-width:1px;border-style:dashed;width:120px;height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:8px;padding-bottom:8px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}';export{T as vega_image_uploader}
|
package/dist/vega/p-0478ca6f.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{M as t,V as e}from"./p-cb19da5d.js";import{M as s}from"./p-a90f4bcd.js";import{I as i}from"./p-50c9b4ac.js";import{c as r}from"./p-0bb29d98.js";import{C as o}from"./p-f6642024.js";import{d as n,O as h,D as l}from"./p-40291804.js";import{c as a,d as c,b as u,e as d,F as f,f as v,g as m}from"./p-bf399c33.js";import{f as p,i as b}from"./p-de21b1d8.js";import{i as R,g as y}from"./p-469bc36e.js";import{c as g}from"./p-381a16b8.js";import{P as w}from"./p-e5692191.js";class j{constructor(t){this.rule=t}getStatus(t,e,s){return{canEvaluate:this.rule.canEvaluate(t,e,s),isAsync:R(this.rule.evaluate)}}shouldShowError(t,e){try{return this.rule.shouldShowError?this.rule.shouldShowError(t,e):this.defaultShouldShowError(t)}catch(t){return!1}}handle(t){try{return this.rule.evaluate(t)}catch(t){return{isValid:!0,message:""}}}defaultShouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}}class O{constructor(){this.handlers=[],this.processId=""}checkIncludesAsyncRuleHandler(t,e,s){return!!this.handlers.find((i=>{const r=i.getStatus(t,e,s);return r.canEvaluate&&r.isAsync}))}setHandlersByRules(t){this.handlers=t&&t.length?t.map((t=>new j(t))):[]}async process(t,e,s,i,r){const o=this.preProcess();let n;for(const i of this.handlers){if(o!==this.processId)break;const r=i.getStatus(t,e,s);if(!r.canEvaluate)continue;let h;if(r.isAsync)try{h=await i.handle(t)}catch(t){}else h=i.handle(t);if(h&&!h.isValid){const t=i.shouldShowError(e,s);n=Object.assign(Object.assign({},h),{shouldShowError:t});break}}return this.postProcess(o,i,n,r),!n}preProcess(){const t=y();return this.processId=t,t}postProcess(t,e,s,i){this.processId===t&&i(e,s)}}class E{constructor(t){this.name=t}getName(){return this.name}}const F=new E("valid"),I=new E("fieldErrorStateChange");var V=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class A extends e{applyInputInvalidUI(t){const e=this.getInputElementContainer();if(t&&e){const s=this.getErrorContainer(e);s.innerHTML=t,s.classList.remove("vega-hidden"),e.classList.add("error"),o.notify(n.getSubject(this.host,I),{host:this.host,showError:!0})}}resetInputInvalidUI(){const t=this.getInputElementContainer();t&&(this.getErrorContainer(t).classList.add("vega-hidden"),t.classList.remove("error"),o.notify(n.getSubject(this.host,I),{host:this.host,showError:!1}))}getInputElementContainer(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}getErrorContainer(t){var e;let s=t.nextSibling;return s&&(null===(e=s.classList)||void 0===e?void 0:e.contains("vega-error"))||(s=document.createElement("label"),s.classList.add("vega-error"),s.setAttribute("part","field-error-message"),t.after(s)),s}}V([t()],A.prototype,"host",void 0),V([t()],A.prototype,"options",void 0);var C=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class S{constructor(t,e,s,i){var r,n;this.fieldErrorUIController=new A,this.resizeObserverSlimmer=g(S,w,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"}],[{callback:t=>{const e=this.isVisible,s=t[0].contentRect.height>0;this.isVisible=s,this.isAutoValidationEnabled()&&p(this.host,"vega-form")&&e!==s&&this.valid(["visible"])},target:()=>this.host}]),this.defaultRules=[],this.additionalRules=[],this.listeners=[],this.isTouched=!1,this.isModified=!1,this.isVisible=!1,this.formFieldValidationRuleHandlerChain=new O,this.hostChildAddedBlurEventMap=new WeakMap,this.handleValidationResult=(t,e)=>{let s=!0;return e?("rule"===t?e.shouldShowError?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI():t?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI(),s=!1):this.fieldErrorUIController.resetInputInvalidUI(),this.invokeListeners(s),o.notify(a,{host:this.host,detail:s}),s},this.setupTouchedListener=()=>{this.getTouchableAreaElements().filter((t=>!0!==this.hostChildAddedBlurEventMap.get(t))).forEach((t=>{t.addEventListener("blur",(()=>{this.updateIsTouched(!0)})),this.hostChildAddedBlurEventMap.set(t,!0)}))},this.defaultRules=t||[],this.host=e,this.defaultValue=s,this.options=i,this.initDisabledAttrObserver(),this.connectResizeObserver(),this.initFormResetObserver(),null===(n=(r=this.host).componentOnReady)||void 0===n||n.call(r).then((()=>{this.didRender()})),this.setupModifiedListener(),this.listenHostElementKeydown(),this.updateValidationHandlers()}async validate(t){return await this.valid([],t)}addListener(t){this.listeners.push(t)}getRules(){return[...this.defaultRules,...this.additionalRules]}setDefaultRules(t){this.defaultRules=t,this.updateValidationHandlers()}setAdditionalRules(t){this.additionalRules=t,this.updateValidationHandlers()}destroy(){o.notify(c,{host:this.host}),this.unregisterFormResetObserver(),o.unregister(u,this.hostValueChangeObserver),this.hostChildrenObserver&&this.hostChildrenObserver.disconnect()}connectResizeObserver(){}updateValidationHandlers(){this.formFieldValidationRuleHandlerChain.setHandlersByRules(this.getRules())}async valid(t,e="rule"){const s=this.getStatus(),i=this.host.value;return this.formFieldValidationRuleHandlerChain.checkIncludesAsyncRuleHandler(i,s,t)&&o.notify(a,{host:this.host,detail:null}),await this.formFieldValidationRuleHandlerChain.process(i,s,t,e,this.handleValidationResult)}invokeListeners(t){this.listeners.forEach((e=>e.callback(t)))}getStatus(){return{touched:this.isTouched,modified:this.isModified,disabled:this.host.disabled,visible:this.isVisible}}updateIsTouched(t){const e=this.isTouched;this.isTouched=t,this.isAutoValidationEnabled()&&this.valid(e===t?[]:["touched"])}updateIsModified(t){const e=this.isModified;this.isModified=t,this.isAutoValidationEnabled()&&this.valid(e===t?[]:["modified"])}initDisabledAttrObserver(){this.disabledAttrObserver=new MutationObserver((()=>{this.isAutoValidationEnabled()&&this.valid(["disabled"])})),this.disabledAttrObserver.observe(this.host,{attributes:!0,attributeFilter:["disabled"]})}canAcceptFormResetOperation(t){return p(this.host,"vega-form")===t.host}unregisterFormResetObserver(){o.unregister(d,this.formResetTriggeredObserver)}monitorTouchedListener(){const t=this.getInputContainerElements();t&&(this.hostChildrenObserver=new MutationObserver((()=>{this.setupTouchedListener()})),this.hostChildrenObserver.observe(t,{childList:!0,subtree:!0})),this.setupTouchedListener()}getTouchableAreaElements(){return this.options&&this.options.touchableAreaGetter?this.options.touchableAreaGetter():[]}getInputContainerElements(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}setupModifiedListener(){this.hostValueChangeObserver=new h(this.isCurrentTarget.bind(this),(()=>this.updateIsModified(!0))),o.register(u,this.hostValueChangeObserver)}isCurrentTarget(t){return this.host===t.host}async reset(t){var e,s;if(this.shouldVisitElement(this.host,null===(e=t.option)||void 0===e?void 0:e.skipDisabled,null===(s=t.option)||void 0===s?void 0:s.skipInvisible)){const e=t.defaultValueMap,s=this.host.dataset.vegaForm,i=null==e[s]?this.getDefaultValue():e[s];"function"==typeof this.host.setValue?await this.host.setValue(i):this.host.value=i,this.isTouched=!1,this.isModified=!1,this.fieldErrorUIController.resetInputInvalidUI()}}getDefaultValue(){return this.defaultValue instanceof Function?this.defaultValue(this.host):this.defaultValue}didRender(){this.monitorTouchedListener()}initFormResetObserver(){this.formResetTriggeredObserver=new h(this.canAcceptFormResetOperation.bind(this),this.reset.bind(this)),o.register(d,this.formResetTriggeredObserver)}isAutoValidationEnabled(){return!1!==this.host.autoValidation}shouldVisitElement(t,e,s){return!(!t.dataset.vegaForm||e&&t.disabled||s&&!b(t))}listenHostElementKeydown(){this.host.addEventListener("keydown",(t=>{this.canSubmitFormByEvent(t)&&o.notify(f,{host:this.host})}))}canSubmitFormByEvent(t){const e="Enter"===t.key||13===t.keyCode,s=e&&t.shiftKey;switch(this.host.tagName){case"VEGA-TEXTAREA":case"VEGA-DATE-PICKER":case"VEGA-TIME-PICKER":return s&&t.preventDefault(),s;default:return e}}}C([i()],S.prototype,"fieldErrorUIController",void 0),C([i()],S.prototype,"resizeObserverSlimmer",void 0);var k=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class H extends e{constructor(){super(...arguments),this.fieldErrorUIController=new A,this.handleFieldErrorMessageUpdate=t=>{const{message:e}=t;e?this.fieldErrorUIController.applyInputInvalidUI(e):this.fieldErrorUIController.resetInputInvalidUI()}}handleComponentWillLoadByFieldErrorSlimmer(){this.fieldErrorMessageChangeObserver=new h(this.canAcceptFieldErrorMessageUpdate.bind(this),this.handleFieldErrorMessageUpdate),o.register(v,this.fieldErrorMessageChangeObserver)}handleUnregisterObserver(){o.unregister(v,this.fieldErrorMessageChangeObserver)}canAcceptFieldErrorMessageUpdate(t){const{host:e}=t,s=this.host.parentElement;return!(!s||s!==e)}}k([t()],H.prototype,"host",void 0),k([t()],H.prototype,"options",void 0),k([i()],H.prototype,"fieldErrorUIController",void 0),k([s("setInjectFormFieldHelper")],H.prototype,"handleComponentWillLoadByFieldErrorSlimmer",null),k([s("destroy")],H.prototype,"handleUnregisterObserver",null);var M=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class T extends e{constructor(){super(...arguments),this.handleValidInvocation=async t=>{if(this.validator){void 0!==t.timerId&&clearTimeout(t.timerId);const e=await this.validator.validate(t.message);"function"==typeof t.promiseResolve&&t.promiseResolve(e)}}}registerValidInvocationObserver(){l.addUniqueObserverToNode(this.host,F,this.handleValidInvocation)}handleUnregisterObserver(){l.removeUniqueObserverFromNode(this.host,F)}}M([t()],T.prototype,"host",void 0),M([t()],T.prototype,"validator",void 0),M([s("setInjectFormFieldHelper")],T.prototype,"registerValidInvocationObserver",null),M([s("destroy")],T.prototype,"handleUnregisterObserver",null);var L=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class U extends e{constructor(t){super(),this.fieldErrorSlimmer=new H,this.formFieldValidInvokeSlimmer=new T,this.options=t}static isValidFormField(t){return t&&Boolean(t.getAttribute("data-vega-form"))}watchValidationRulesByFormControllerSlimmer(){this.setAdditionalRules(),this.internalValidate()}initialFormFieldHelper(){null===this.validator&&(this.setInjectFormFieldHelper(),this.observeDefaultRuleAttributes())}destroy(){this.validator&&(this.validator.destroy(),this.formFieldAttributesObserver.disconnect(),this.validator=null,this.formFieldAttributesObserver=null)}createRuleObserve(){this.observeDefaultRuleAttributes()}setInjectFormFieldHelper(){if(U.isValidFormField(this.host)){const{defaultValue:t}=this.options,e=new S(this.getPropertyRules(),this.host,t,this.options);e.addListener({callback:t=>{this.isValid!=t&&(this.isValid=t,o.notify(m,{host:this.host,detail:t}))}}),this.validator=e,this.setAdditionalRules()}}observeDefaultRuleAttributes(){if(this.validator){this.formFieldAttributesObserver||(this.formFieldAttributesObserver=new MutationObserver((async()=>{this.setDefaultRules(),this.internalValidate()})));const t=this.options.propertyRules.map((t=>r(t.propertyName)));this.formFieldAttributesObserver.observe(this.host,{attributeFilter:t})}}setAdditionalRules(){this.options.validationRulesName&&"validationRules"===this.options.validationRulesName&&this.validator&&this.validator.setAdditionalRules(this.validationRules||[])}setDefaultRules(){this.validator&&this.validator.setDefaultRules(this.getPropertyRules())}getPropertyRules(){const{propertyRules:t,attributeGetter:e}=this.options;return t.map((t=>{const s=t.dependence&&"string"==typeof t.dependence?[e(t.dependence)]:Array.isArray(t.dependence)?t.dependence.map((t=>e(t))):[null];return t.ruleFactory(e(t.propertyName),...s)})).filter(Boolean)}internalValidate(){!this.disabled&&this.validator&&this.validator.validate()}}L([t()],U.prototype,"host",void 0),L([t({writable:!0})],U.prototype,"validationRules",void 0),L([t()],U.prototype,"disabled",void 0),L([t()],U.prototype,"autoValidation",void 0),L([t({writable:!0})],U.prototype,"isValid",void 0),L([i()],U.prototype,"fieldErrorSlimmer",void 0),L([i()],U.prototype,"formFieldValidInvokeSlimmer",void 0),L([s("watchValidationRules")],U.prototype,"watchValidationRulesByFormControllerSlimmer",null),L([s("connectedCallback")],U.prototype,"initialFormFieldHelper",null),L([s("disconnectedCallback")],U.prototype,"destroy",null),L([s("componentDidLoad")],U.prototype,"createRuleObserve",null),L([s("componentWillLoad")],U.prototype,"setInjectFormFieldHelper",null);export{U as F,F as V,I as a}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h,H as e,g as s}from"./p-9777b1c1.js";import{R as l}from"./p-d962b340.js";import{a as r}from"./p-e179550a.js";import{s as a}from"./p-63676b71.js";import{I as c}from"./p-50c9b4ac.js";import{I as o}from"./p-4a651b91.js";import{F as v}from"./p-0478ca6f.js";import{b as d}from"./p-bf399c33.js";import{C as p}from"./p-f6642024.js";import{c as n,D as m}from"./p-40291804.js";import{C as f}from"./p-6923b79c.js";import{g as u,p as g,q as w}from"./p-88aa975c.js";import{V as Z}from"./p-4e5c06ae.js";import"./p-9ad088e0.js";import"./p-cb19da5d.js";import"./p-a90f4bcd.js";import"./p-0bb29d98.js";import"./p-de21b1d8.js";import"./p-469bc36e.js";import"./p-381a16b8.js";import"./p-e5692191.js";import"./p-96f54c30.js";import"./p-2e7d94cc.js";import"./p-9d426517.js";const b=[{type:"visa",iconName:"visa",pattern:/^4/,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999 999",slot:"9",accept:/\d/}}},{type:"mastercard",iconName:"mastercard",pattern:/^(5[1-5]|677189)|^(222[1-9]|2[3-6]\d{2}|27[0-1]\d|2720)/,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/}}},{type:"amex",iconName:"amex",pattern:/^3[47]/,maskConfig:{type:"custom",options:{mask:"9999 999999 99999",slot:"9",accept:/\d/}}},{type:"discover",iconName:"discover",pattern:/^(6011|65|64[4-9]|622)/,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/}}}];class M{evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const i=t.replace(/\s/g,"");if(/^4/.test(i)&&13!=i.length&&16!=i.length&&19!=i.length||/^(5[1-5]|677189)|^(222[1-9]|2[3-6]\d{2}|27[0-1]\d|2720)/.test(i)&&16!=i.length||/^3[47]/.test(i)&&15!=i.length||/^(6011|65|64[4-9]|622)/.test(i)&&16!=i.length)return{isValid:!1,message:"Credit card number is invalid"};const h=r(i);return{isValid:h,message:h?"":"Credit card number is invalid"}}canEvaluate(t,i){return i?this.isAcceptedInputType(t)&&!i.disabled&&i.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t}}var j=function(t,i,h,e){var s,l=arguments.length,r=l<3?i:null===e?e=Object.getOwnPropertyDescriptor(i,h):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,i,h,e);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(l<3?s(r):l>3?s(i,h,r):s(i,h))||r);return l>3&&r&&Object.defineProperty(i,h,r),r};const y=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.globalSlimmers={},this.formFieldController=new v({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new l:null},{propertyName:"",ruleFactory:()=>new M}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerGetter(),touchableAreaGetter:()=>this.touchableAreaGetter()}),this.changeEventEmitter=n(y,u),this.blurEventEmitter=n(y,w),this.focusEventEmitter=n(y,g),this.inputCreditCardEventPrevent=new f([u,g,w],(()=>this.host),!0),this.required=!1,this.disabled=!1,this.label="",this.hint="",this.size="default",this.placeholder="",this.hideCardNumberOnBlur=!0,this.autoValidation=!0,this.validationRules=[],this.isValid=null,this.value="",this.renderInputContainer=()=>{var t;const i=(null===(t=this.getCreditCardType(this.value))||void 0===t?void 0:t.iconName)||"regular-credit-card";return h("vega-input",{label:this.label,type:"number",prefixIcon:Z.getIconKey(i),maskConfig:this.getCreditCardType(this.value)?this.getCreditCardType(this.value).maskConfig:null,placeholder:this.placeholder,disabled:this.disabled,size:this.size,value:this.value,hint:this.hint,required:this.required,showClearIcon:!1,ref:t=>{this.inputRef=t,m.addUniqueObserverToNode(t,u,(t=>{this.handleVegaChange(t)})),m.addUniqueObserverToNode(t,w,(()=>{this.handleVegaBlur()})),m.addUniqueObserverToNode(t,g,(()=>{this.handleVegaFocus()}))}})},this.handleVegaChange=t=>{(t.detail&&!t.detail.includes("X")||!t.detail)&&(this.value=t.detail)},this.handleVegaBlur=()=>{this.hideCardNumberOnBlur&&this.hideCardNumbers(this.value),this.blurEventEmitter.emit()},this.handleVegaFocus=()=>{this.inputRef.value=this.value,this.focusEventEmitter.emit()},this.inputContainerGetter=()=>this.inputRef.shadowRoot.querySelector(".vega-input-container"),this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValidationRules(){}watchValue(t){this.changeEventEmitter.emit(t),p.notify(d,{host:this.host,detail:t})}render(){return a(h(e,null,this.renderInputContainer()),this.host)}getCreditCardType(t){return b.filter((i=>i.pattern.test(t)))[0]}hideCardNumbers(t){if(t.includes(" ")){const i=t.split(" ");let h=i.pop();h||(h=i.pop()+" ");const e=i.join(" "),s=e?e.replace(/\d/g,"X")+" "+h:h;this.inputRef.value=s}}get host(){return s(this)}static get watchers(){return{validationRules:["watchValidationRules"],value:["watchValue"]}}};Z.register({visa:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#00579F" rx="2"/><path fill="#fff" d="M15.474 15.792h-1.979l1.238-7.653h1.979l-1.238 7.653ZM22.647 8.326A4.877 4.877 0 0 0 20.872 8c-1.954 0-3.33 1.042-3.339 2.532-.016 1.1.986 1.71 1.735 2.076.765.375 1.026.62 1.026.953-.008.513-.619.75-1.189.75-.79 0-1.213-.123-1.857-.408l-.26-.122-.277 1.718c.464.211 1.32.4 2.207.407 2.076 0 3.428-1.026 3.444-2.613.008-.872-.52-1.54-1.66-2.085-.693-.35-1.117-.586-1.117-.944.008-.326.359-.66 1.14-.66a3.362 3.362 0 0 1 1.474.293l.18.082.268-1.653ZM25.279 13.08l.79-2.14c-.008.016.162-.448.26-.733l.138.66s.375 1.831.457 2.214h-1.645ZM27.72 8.14h-1.53c-.472 0-.831.138-1.035.635l-2.94 7.018h2.077l.416-1.148h2.54c.057.269.237 1.148.237 1.148h1.832L27.72 8.14ZM11.842 8.139l-1.938 5.219-.212-1.059c-.358-1.221-1.482-2.548-2.736-3.208l1.775 6.693h2.093l3.11-7.645h-2.092Z"/><path fill="#FAA61A" d="M8.104 8.139H4.92l-.032.154c2.483.635 4.128 2.166 4.804 4.007L9 8.782c-.114-.489-.464-.627-.896-.643Z"/></svg>',autoSize:!0},mastercard:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#000" rx="2"/><path fill="#ED0006" fill-rule="evenodd" d="M18.25 17.157a6.75 6.75 0 0 1-4.426 1.649c-3.769 0-6.824-3.09-6.824-6.903C7 8.091 10.055 5 13.824 5a6.75 6.75 0 0 1 4.426 1.649A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#F9A000" fill-rule="evenodd" d="M18.25 17.157a6.92 6.92 0 0 0 2.398-5.254 6.92 6.92 0 0 0-2.398-5.254A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#FF5E00" fill-rule="evenodd" d="M18.25 6.65a6.92 6.92 0 0 1 2.398 5.253 6.92 6.92 0 0 1-2.398 5.254 6.92 6.92 0 0 1-2.398-5.254A6.92 6.92 0 0 1 18.25 6.65Z" clip-rule="evenodd"/></svg>',autoSize:!0},amex:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><g clip-path="url(#a)"><rect width="36" height="24" fill="#016FD0" rx="2"/><path fill="#fff" d="M6.99 18.549v-5.654h5.986l.643.838.663-.838h21.729v5.264s-.569.384-1.226.39H22.754l-.724-.891v.891h-2.373v-1.521s-.325.212-1.025.212h-.808v1.309h-3.593l-.641-.855-.651.855H6.99ZM0 8.634l1.35-3.147h2.334l.767 1.763V5.487h2.902l.456 1.274.442-1.274h13.027v.64s.685-.64 1.81-.64l4.227.015.753 1.74V5.487h2.428l.669 1v-1h2.45v5.654h-2.45l-.64-1.003v1.003h-3.569l-.359-.892h-.959l-.353.892h-2.42c-.968 0-1.587-.628-1.587-.628v.628H17.63l-.725-.892v.892H3.34l-.359-.892h-.956l-.356.892H0V8.634Z"/><path fill="#016FD0" d="M1.827 6.184.006 10.417h1.185l.336-.847H3.48l.335.847h1.211L3.207 6.184h-1.38Zm.673.985.596 1.482H1.903L2.5 7.169ZM5.151 10.416V6.183l1.685.006.98 2.73.956-2.736h1.671v4.233H9.385v-3.12l-1.122 3.12h-.928L6.21 7.296v3.12H5.15ZM11.168 10.416V6.183h3.454v.947h-2.384v.724h2.328v.891h-2.328v.752h2.384v.92h-3.454ZM15.233 6.184v4.233h1.059V8.913h.445l1.27 1.504H19.3l-1.393-1.56a1.29 1.29 0 0 0 1.161-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.059.947h1.21c.29 0 .5.227.5.446 0 .28-.273.445-.485.445h-1.225v-.891ZM20.582 10.416h-1.08V6.183h1.08v4.233ZM23.144 10.416h-.233c-1.129 0-1.814-.889-1.814-2.1 0-1.24.678-2.133 2.103-2.133h1.17v1.003h-1.213c-.578 0-.988.451-.988 1.141 0 .82.468 1.165 1.142 1.165h.279l-.446.924ZM25.448 6.184l-1.82 4.233h1.185l.336-.847h1.953l.334.847h1.211l-1.819-4.233h-1.38Zm.674.985.595 1.482h-1.192l.597-1.482ZM28.77 10.416V6.183h1.345l1.718 2.66v-2.66h1.059v4.233H31.59l-1.762-2.73v2.73H28.77ZM7.715 17.825v-4.233h3.453v.947H8.784v.724h2.329v.89H8.784v.753h2.384v.919H7.715ZM24.636 17.825v-4.233h3.454v.947h-2.384v.724h2.317v.89h-2.317v.753h2.384v.919h-3.454ZM11.303 17.825l1.681-2.09-1.721-2.143h1.333l1.025 1.324 1.029-1.324h1.281l-1.699 2.116 1.685 2.117h-1.333l-.996-1.304-.971 1.304h-1.314ZM16.041 13.592v4.233h1.086v-1.337h1.114c.943 0 1.658-.5 1.658-1.472 0-.806-.56-1.424-1.52-1.424H16.04Zm1.086.957h1.174c.304 0 .522.187.522.488 0 .282-.217.487-.526.487h-1.17v-.975ZM20.359 13.592v4.233h1.058V16.32h.446l1.269 1.504h1.293l-1.393-1.56a1.29 1.29 0 0 0 1.162-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.058.947h1.21c.29 0 .501.226.501.445 0 .281-.273.446-.486.446h-1.225v-.891ZM28.58 17.825v-.92H30.7c.313 0 .449-.169.449-.354 0-.178-.136-.358-.45-.358h-.957c-.831 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.062l-.446.952H29.94c-.341 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347H28.58ZM32.464 17.825v-.92h2.118c.313 0 .45-.169.45-.354 0-.178-.136-.358-.45-.358h-.957c-.832 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.02l-.404.952h-1.783c-.34 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347h-2.256Z"/></g><defs><clipPath id="a"><rect width="36" height="24" fill="#fff" rx="2"/></clipPath></defs></svg>',autoSize:!0},discover:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#232342" rx="2"/><path fill="#fff" fill-rule="evenodd" d="M30.686 9.61c1.086 0 1.684.484 1.684 1.398a1.307 1.307 0 0 1-1.087 1.397l1.467 1.988h-1.14l-1.25-1.935h-.109v1.935h-.924V9.61h1.359Zm-.435 2.204h.272c.597 0 .869-.269.869-.752 0-.43-.272-.699-.87-.699h-.27v1.45Zm-4.129 2.579h2.608v-.806h-1.684v-1.29h1.63v-.806h-1.63v-1.074h1.684V9.61h-2.608v4.781Zm-2.716-1.559-1.25-3.223h-.978l2.01 4.889h.49l2.01-4.89h-.978l-1.304 3.225Zm-11.029-.805c0 1.343 1.087 2.471 2.445 2.471.435 0 .815-.107 1.195-.269v-1.074c-.271.322-.652.537-1.086.537-.87 0-1.576-.645-1.576-1.504v-.108c-.054-.86.652-1.612 1.521-1.665.435 0 .87.215 1.141.537V9.879c-.326-.214-.76-.268-1.14-.268-1.413-.108-2.5 1.02-2.5 2.418Zm-1.684-.591c-.543-.215-.706-.323-.706-.591.054-.323.326-.591.652-.538.271 0 .543.162.76.376l.49-.644c-.381-.323-.87-.538-1.359-.538-.76-.053-1.412.538-1.467 1.29v.054c0 .644.272 1.02 1.141 1.289.217.054.435.161.652.269a.563.563 0 0 1 .272.483c0 .376-.326.699-.652.699h-.055c-.434 0-.814-.269-.977-.645l-.598.59c.326.592.978.914 1.63.914.869.054 1.575-.59 1.63-1.45v-.162c-.055-.644-.326-.967-1.413-1.396Zm-3.15 2.954h.923V9.611h-.924v4.781ZM3.25 9.611H4.88c1.304.054 2.336 1.128 2.282 2.418 0 .698-.326 1.343-.87 1.826-.488.376-1.086.591-1.684.538H3.25V9.61Zm1.195 3.976c.435.053.924-.108 1.25-.376.326-.323.489-.753.489-1.236 0-.43-.163-.86-.49-1.182-.325-.269-.814-.43-1.249-.376h-.271v3.17h.271Z" clip-rule="evenodd"/><path fill="#FD6020" fill-rule="evenodd" d="M18.788 9.5c-1.358 0-2.499 1.075-2.499 2.471 0 1.344 1.087 2.472 2.5 2.526 1.412.053 2.498-1.075 2.553-2.472C21.287 10.628 20.2 9.5 18.788 9.5Z" clip-rule="evenodd"/></svg>',autoSize:!0},"regular-credit-card":{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" rx="2" style=\'fill: rgba(var(--v-regular-credit-card-bg, 205, 209, 211, 1))\'/><g clip-path="url(#a)"><path style="fill: rgba(var(--v-regular-credit-card-top, 252, 252, 252, 1))" d="M11 5c-1.103 0-2 .897-2 2v1h18V7c0-1.103-.897-2-2-2H11Zm16 6H9v6c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-6Zm-14.5 4h2c.275 0 .5.225.5.5s-.225.5-.5.5h-2a.501.501 0 0 1-.5-.5c0-.275.225-.5.5-.5Zm3.5.5c0-.275.225-.5.5-.5h4c.275 0 .5.225.5.5s-.225.5-.5.5h-4a.501.501 0 0 1-.5-.5Z"/></g><defs><clipPath id="a"><path d="M9 4h18v16H9z" style=\'fill: rgba(var(--v-regular-credit-card-bottom, 255, 255, 255, 1))\'/></clipPath></defs></svg>',autoSize:!0}}),j([o()],y.prototype,"globalSlimmers",void 0),j([c()],y.prototype,"formFieldController",void 0),j([c()],y.prototype,"changeEventEmitter",void 0),j([c()],y.prototype,"blurEventEmitter",void 0),j([c()],y.prototype,"focusEventEmitter",void 0),j([c()],y.prototype,"inputCreditCardEventPrevent",void 0),y.style=":host{display:inline-block;width:100%;text-align:left;line-height:normal}";export{y as vega_input_credit_card}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e,H as t,r as i,c as s,g as n}from"./p-9777b1c1.js";import{R as a}from"./p-d962b340.js";import{s as r}from"./p-63676b71.js";import{g as o}from"./p-96f54c30.js";import{M as p,V as l}from"./p-cb19da5d.js";import{I as d}from"./p-50c9b4ac.js";import{a as h}from"./p-de21b1d8.js";import{R as c}from"./p-9dcfd5f2.js";import{I as g}from"./p-4a651b91.js";import{M as f}from"./p-a90f4bcd.js";import{J as v,L as u}from"./p-5fd43609.js";import{D as x,c as m}from"./p-40291804.js";import{c as b,d as w,b as y,r as j,i as I,g as R}from"./p-88aa975c.js";import{b as S}from"./p-b2467703.js";import{L as z}from"./p-9ad088e0.js";import{C as O}from"./p-f6642024.js";import{b as C}from"./p-bf399c33.js";import{c as D}from"./p-86194314.js";import{c as V,a as k}from"./p-faea1620.js";import{V as E}from"./p-4e5c06ae.js";import{F as L}from"./p-0478ca6f.js";import{P as T}from"./p-e5692191.js";import{C as W}from"./p-6923b79c.js";import"./p-2e7d94cc.js";import"./p-e179550a.js";import"./p-29ba4bd0.js";import"./p-381a16b8.js";import"./p-9d426517.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";var q=function(e,t,i,s){var n,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(r=(a<3?n(r):a>3?n(t,i,r):n(t,i))||r);return a>3&&r&&Object.defineProperty(t,i,r),r};class F extends l{constructor(){super(...arguments),this.renderLabel=()=>this.label&&e("div",{class:"vega-input-select-label"},e("span",null,this.label),this.required&&e("span",{class:"vega-input-select-required"},"*")),this.renderErrorMessage=()=>e("div",{class:"vega-input-select-error-message"}),this.renderHelpMessage=()=>e("div",{class:"vega-input-select-hint"},this.hint)}render(){return e(t,{class:h([this.disabled?"vega-input-select-disabled":"",c.formatCustom(this.size)])},this.renderLabel(),this.dropdownRenderer.render(),this.renderErrorMessage(),this.hint&&this.renderHelpMessage())}}q([p()],F.prototype,"disabled",void 0),q([p()],F.prototype,"size",void 0),q([p()],F.prototype,"hint",void 0),q([p()],F.prototype,"label",void 0),q([p()],F.prototype,"required",void 0),q([p({componentFieldName:"vegaInputSelectDropdownRenderer"})],F.prototype,"dropdownRenderer",void 0);var G=function(e,t,i,s){var n,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(r=(a<3?n(r):a>3?n(t,i,r):n(t,i))||r);return a>3&&r&&Object.defineProperty(t,i,r),r};class P extends l{constructor(){super(...arguments),this.handleSourceChange=()=>{this.source=v(this.source,u)?this.source:[],this.convertToDropdownSource()},this.onDropdownShow=()=>{this.isDropdownShow=!0},this.onDropdownHide=()=>{this.isDropdownShow=!1}}handleWillLoad(){this.convertToDropdownSource()}addDropdownObserver(e){x.addUniqueObserverToNode(e,b,(()=>{this.onDropdownShow()})),x.addUniqueObserverToNode(e,w,(()=>{this.onDropdownHide()})),x.addUniqueObserverToNode(e,y,(async e=>{this.vegaInputSelectValueController.setValue(await e.host.getSelection())})),x.addUniqueObserverToNode(e,j,(e=>{this.searchEventEmitter.emit(e.detail)}))}convertToDropdownSource(){this.dropdownSource=this.source.map((e=>({key:e.id,label:e.displayName})))}}G([p({writable:!0})],P.prototype,"source",void 0),G([p({writable:!0})],P.prototype,"dropdownSource",void 0),G([p({writable:!0})],P.prototype,"isDropdownShow",void 0),G([p()],P.prototype,"vegaSearch",void 0),G([p()],P.prototype,"searchEventEmitter",void 0),G([p()],P.prototype,"vegaInputSelectValueController",void 0),G([f("componentWillLoad")],P.prototype,"handleWillLoad",null),G([f("watchSource")],P.prototype,"handleSourceChange",void 0);var N=function(e,t,i,s){var n,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(r=(a<3?n(r):a>3?n(t,i,r):n(t,i))||r);return a>3&&r&&Object.defineProperty(t,i,r),r};class $ extends l{constructor(){super(...arguments),this.handleValueChange=(e,t)=>{if("multiple"===this.selectType){e=e,t=t;const i=[];this.source.forEach((t=>{e.includes(t.id)&&i.push(t.id)})),S(i,t,!0)?S(i,e,!0)||this.setValue(i):(this.setValue(i),this.changeEventEmitter.emit(i),O.notify(C,{host:this.host,detail:i}))}else if(e!==t){const t=this.source.find((t=>t.id===e));this.setValue(t?t.id:""),this.changeEventEmitter.emit(this.value),O.notify(C,{host:this.host,detail:this.value})}}}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){switch(this.selectType){case"single":return null===e||"string"==typeof e;case"multiple":return Array.isArray(e)&&e.every((e=>"string"==typeof e));default:return z.warn(`Invalid input select value ${e} for ${this.selectType} mode`),!1}}}N([p({writable:!0})],$.prototype,"value",void 0),N([p()],$.prototype,"selectType",void 0),N([p()],$.prototype,"source",void 0),N([p()],$.prototype,"changeEventEmitter",void 0),N([p()],$.prototype,"host",void 0),N([f("watchValue")],$.prototype,"handleValueChange",void 0);var A=function(e,t,i,s){var n,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(r=(a<3?n(r):a>3?n(t,i,r):n(t,i))||r);return a>3&&r&&Object.defineProperty(t,i,r),r};class B extends l{constructor(){super(...arguments),this.renderContainer=()=>e("div",{role:"button",class:"vega-input-select-container",ref:e=>this.inputSelectContainer=e,tabIndex:0,onKeyDown:D(),onBlur:this.preventBlur},this.renderPrefixIcon(),this.renderSelectContainer(),this.renderToggleIcon()),this.renderPrefixIcon=()=>this.prefixIcon&&e("div",{class:"vega-input-select-prefix-icon"},e("vega-icon",{icon:this.prefixIcon,size:"size-16"})),this.renderToggleIcon=()=>e("div",{class:"vega-input-select-toggle-icon"},e("vega-icon",{icon:E.getIconKey(this.isDropdownShow?"chevron-up":"chevron-down")})),this.renderSelectContainer=()=>e("div",{class:"vega-input-select-select-container"},e("div",{class:"vega-input-select-selected-box"},"multiple"===this.selectType?this.renderMultipleSelected():this.renderSingleSelected())),this.renderMultipleSelected=()=>this.value.length>0?e("span",{class:"vega-input-select-selected"},this.selectedLabel(this.value)):e("div",{class:"vega-input-select-placeholder"},this.placeholder),this.renderSingleSelected=()=>{const t=this.source.find((e=>e.id===this.value));return t?e("span",{class:"vega-input-select-selected"},t.displayName):e("div",{class:"vega-input-select-placeholder"},this.placeholder)},this.getVegaDropdownProperties=()=>Object.assign({searchable:!0,caseSensitive:!1},this.vegaDropdownProps)}show(){return this.dropdown.show()}hide(){return this.dropdown.hide()}getDropdownRef(){return this.dropdown}getInputSelectContainerRef(){return this.inputSelectContainer}render(){return e("vega-dropdown",Object.assign({trigger:"click",source:this.dropdownSource,selectType:this.selectType,selectedSourceKey:this.value,matchTargetWidth:!0},this.getVegaDropdownProperties(),{ref:e=>{this.dropdown=e,this.vegaInputSelectDropdownController.addDropdownObserver(e)}}),this.renderContainer())}preventBlur(e){e.stopImmediatePropagation()}}E.register({"chevron-up":V,"chevron-down":k}),A([p()],B.prototype,"value",void 0),A([p()],B.prototype,"source",void 0),A([p()],B.prototype,"selectType",void 0),A([p()],B.prototype,"isDropdownShow",void 0),A([p()],B.prototype,"vegaDropdownProps",void 0),A([p()],B.prototype,"dropdownSource",void 0),A([p()],B.prototype,"prefixIcon",void 0),A([p()],B.prototype,"placeholder",void 0),A([p()],B.prototype,"selectedLabel",void 0),A([p()],B.prototype,"vegaInputSelectDropdownController",void 0);var K=function(e,t,i,s){var n,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var o=e.length-1;o>=0;o--)(n=e[o])&&(r=(a<3?n(r):a>3?n(t,i,r):n(t,i))||r);return a>3&&r&&Object.defineProperty(t,i,r),r};const M=class{constructor(e){i(this,e),this.vegaChange=s(this,"vegaChange",7),this.change=s(this,"change",7),this.vegaSearch=s(this,"vegaSearch",7),this.search=s(this,"search",7),this.globalSlimmers={},this.vegaInputSelectRenderer=new F,this.vegaInputSelectDropdownController=new P,this.vegaInputSelectValueController=new $,this.vegaInputSelectDropdownRenderer=new B,this.formFieldControllerSlimmer=new L({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new a:null}],validationRulesName:"validationRules",defaultValue:e=>"multiple"===e.selectType?[]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaInputSelectDropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.vegaInputSelectDropdownRenderer.getInputSelectContainerRef()]}),this.pageResizeObserverSlimmer=new T,this.changeEventEmitter=m(M,R),this.searchEventEmitter=m(M,I),this.eventPrevent=new W([I],(()=>this.host),!0),this.isDropdownShow=!1,this.dropdownSource=[],this.currentBreakpoint=o(),this.label="",this.required=!1,this.selectedLabel=e=>`${e.length} Selected`,this.selectType="single",this.source=[],this.value="multiple"===this.selectType?[]:"",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="Please select",this.vegaDropdownProps={},this.size="default"}watchSource(){}watchValue(e,t){}watchValidationRules(){}componentWillLoad(){}async doClose(){await this.vegaInputSelectDropdownRenderer.hide()}async doOpen(){await this.vegaInputSelectDropdownRenderer.show()}async doChange(e){this.vegaInputSelectValueController.setValue(e)}render(){return r(this.vegaInputSelectRenderer.render(),this.host)}get host(){return n(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};K([g()],M.prototype,"globalSlimmers",void 0),K([d()],M.prototype,"vegaInputSelectRenderer",void 0),K([d()],M.prototype,"vegaInputSelectDropdownController",void 0),K([d()],M.prototype,"vegaInputSelectValueController",void 0),K([d()],M.prototype,"vegaInputSelectDropdownRenderer",void 0),K([d()],M.prototype,"formFieldControllerSlimmer",void 0),K([d()],M.prototype,"pageResizeObserverSlimmer",void 0),K([d()],M.prototype,"changeEventEmitter",void 0),K([d()],M.prototype,"searchEventEmitter",void 0),K([d()],M.prototype,"eventPrevent",void 0),M.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}:host(.default) .vega-input-select-container{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px}:host(.small) .vega-input-select-container{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));padding-bottom:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-input-select-label .vega-input-select-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;gap:8px;display:block;display:flex;align-items:center;cursor:pointer}:host .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-input-select-container:focus{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));outline:none}:host .error .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .error .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .error .vega-input-select-container:focus{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.vega-input-select-disabled) .vega-input-select-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.vega-input-select-disabled) vega-dropdown{pointer-events:none}:host(.vega-input-select-disabled) .vega-input-select-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-input-select-disabled) .vega-input-select-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-input-select-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-input-select-select-container{flex-grow:1;min-width:0px}:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-selected{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.vega-input-select-disabled) .vega-input-select-selected{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-placeholder{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-input-select-prefix-icon{width:16px;height:16px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-bottom:2px}:host .vega-input-select-toggle-icon{width:16px;height:16px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-input-select-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-input-select-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host vega-dropdown{display:block}';export{M as vega_input_select}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as a}from"./p-9777b1c1.js";import{F as h,V as r}from"./p-0478ca6f.js";import{C as n}from"./p-f6642024.js";import{c as o,O as c,d as l}from"./p-40291804.js";import{g as d,b as m,d as p,c as u,e as f,F as v,a as w}from"./p-bf399c33.js";import{i as g}from"./p-b2467703.js";import{s as b}from"./p-63676b71.js";import{f as F,i as j,c as y}from"./p-de21b1d8.js";import{I as V}from"./p-50c9b4ac.js";import{I as E}from"./p-4a651b91.js";import{C}from"./p-6923b79c.js";import{k as M,l as P,m as R}from"./p-88aa975c.js";import{C as I}from"./p-197ed7d6.js";import"./p-cb19da5d.js";import"./p-a90f4bcd.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-381a16b8.js";import"./p-e5692191.js";import"./p-96f54c30.js";import"./p-2e7d94cc.js";import"./p-9ad088e0.js";import"./p-e179550a.js";class O{constructor(t,s){this.size=0,this.map=new Map,t&&(this.map=t,this.size=t.size),"function"==typeof s&&(this.onMutate=s)}has(t){return this.map.has(t)}keys(){return this.map.keys()}set(t,s){return this.withMutation((i=>{i.set(t,s)}))}get(t){return this.map.get(t)}delete(t){return this.withMutation((s=>{s.delete(t)}))}clear(){return this.withMutation((t=>{t.clear()}))}onMutate(t){}withMutation(t){const s=new Map(this.map);t(s);const i=new O(s,this.onMutate);return this.onMutate(i),i}}var S=function(t,s,i,e){var a,h=arguments.length,r=h<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(r=(h<3?a(r):h>3?a(s,i,r):a(s,i))||r);return h>3&&r&&Object.defineProperty(s,i,r),r};const A=class{constructor(i){t(this,i),this.vegaValidate=s(this,"vegaValidate",7),this.validate=s(this,"validate",7),this.vegaFormSubmit=s(this,"vegaFormSubmit",7),this.formSubmit=s(this,"formSubmit",7),this.vegaFormReset=s(this,"vegaFormReset",7),this.formReset=s(this,"formReset",7),this.globalSlimmers={},this.submitEventEmitter=o(A,M),this.resetEventEmitter=o(A,P),this.validateEventEmitter=o(A,R),this.childEventPrevent=new C([M,P],(()=>this.host.querySelector("vega-form")),{customPreventHandle:t=>{t.stopPropagation()}}),this.childFormValidateEventPrevent=new C([R],(()=>this.host),{customPreventHandle:t=>{t.stopPropagation()}}),this.childNotifyObserver=new I(d,(t=>this.updateInternalValidStatus(t))),this.childNodeValueChangeObserver=new I(m,(()=>this.updateInternalTouchedStatus())),this.invalidFieldPathMap=new O(new Map,(t=>{this.invalidFieldPathMap=t,this.updateIsValidFlag()})),this.pendingValidFieldPathMap=new O(new Map,(t=>{this.pendingValidFieldPathMap=t,this.updateIsValidFlag()})),this.controlledFieldPathSet=new Set,this.isValid=null,this.isTouched=!1,this.updateInternalValidStatus=t=>{if(t.host!==this.host){const s=t.host,i=t.detail;h.isValidFormField(s)&&this.shouldVisitElement(s,!1,!1)&&(i?this.invalidFieldPathMap.delete(s):this.invalidFieldPathMap.set(s,s.dataset.vegaForm))}}}watchIsValid(){this.validateEventEmitter.emit(this.isValid),n.notify(d,{host:this.host,detail:this.isValid})}async disconnectedCallback(){n.notify(p,{host:this.host}),n.unregister(p,this.formFieldDisconnectedObserver),n.unregister(u,this.formFieldPendingValidObserver)}async componentDidLoad(){await this.navigateVegaFormChildren((async(t,s)=>{s||this.controlledFieldPathSet.add(this.getFormFieldName(t,!0))})),this.initFormFieldDisconnectedObserver(),this.registerFormSubmitChangeManager(),this.registerFormResetChangeManager(),this.registerFormFieldPendingValidChangeManager()}async valid(t=!0){const s={isValid:!0,invalidFields:[]};return await this.navigateVegaFormChildren((async(i,e)=>{if("function"==typeof i.valid&&e){const e=await i.valid(t);e.isValid||(s.isValid=!1,s.invalidFields.push(...e.invalidFields))}else await this.handleChildFormFieldElementValid(i,t)||(s.isValid=!1,s.invalidFields.push(this.getFormFieldName(i)))})),s}async getValue(t){const s={};return await this.navigateVegaFormChildren((async(i,e)=>{const a=this.getFormFieldName(i);s[a]=e?await i.getValue(t):A.getFormFieldValue(i)}),t),g(s)?Object.values(s):s}async setValue(t,s){t&&(await this.navigateVegaFormChildren((async(i,e)=>{const a=this.getFormFieldName(i);e?await i.setValue(t[a],s):(await i.componentOnReady(),void 0!==t[a]&&("function"==typeof i.setValue?await i.setValue(t[a]):i.value=t[a]))}),s),this.isTouched=!1)}async reset(t={},s){await this.navigateVegaFormChildren((async(i,e)=>{const a=this.getFormFieldName(i);e&&await i.reset(t[a]||{},s)}),s),n.notify(f,{host:this.host,defaultValueMap:t,option:s}),this.isTouched=!1}static getFormFieldValue(t){return void 0===t.value?t.getAttribute("value"):t.value}render(){return b(i(e,null,i("slot",null)),this.host)}updateInternalTouchedStatus(){this.isTouched=!0}async navigateVegaFormChildren(t,s,i=this.host){const e=[];Array.from(i.children).forEach((i=>{h.isValidFormField(i)?this.shouldVisitElement(i,null==s?void 0:s.skipDisabled,null==s?void 0:s.skipInvisible)&&e.push(t(i,"VEGA-FORM"===i.tagName)):e.push(this.navigateVegaFormChildren(t,s,i))})),await Promise.all(e)}updateIsValidFlag(){this.isValid=this.pendingValidFieldPathMap.size>0?null:0===this.invalidFieldPathMap.size}getFormFieldName(t,s){let i=t.dataset.vegaForm;if(s){let s=F(t,"vega-form");for(;s&&s!==this.host;)i=s.dataset.vegaForm+" -> "+i,s=F(s,"vega-form")}return i}shouldVisitElement(t,s,i){return this.getFormFieldName(t)&&(!s||!t.disabled)&&(!i||j(t))}initFormFieldDisconnectedObserver(){this.formFieldDisconnectedObserver=new c(this.canAcceptFormFieldDisconnectedOperation.bind(this),this.updateInvalidFieldPath.bind(this)),n.register(p,this.formFieldDisconnectedObserver)}canAcceptFormFieldDisconnectedOperation(t){return this.invalidFieldPathMap.has(t.host)}async updateInvalidFieldPath(t){this.invalidFieldPathMap.delete(t.host),this.pendingValidFieldPathMap.delete(t.host)}registerFormSubmitChangeManager(){this.formEventsObserver=new c(this.canAcceptFormSubmitEvent.bind(this),this.handleSubmitEvents.bind(this)),n.register(v,this.formEventsObserver)}canAcceptFormSubmitEvent(t){return this.isElementInCurrentForm(t.host)}async handleSubmitEvents(){if((await this.valid()).isValid){const t=await this.getValue();this.submitEventEmitter.emit(t)}}registerFormResetChangeManager(){this.formEventsObserver=new c(this.canAcceptFormResetEvent.bind(this),this.handleResetEvents.bind(this)),n.register(w,this.formEventsObserver)}canAcceptFormResetEvent(t){return this.isElementInCurrentForm(t.host)}async handleResetEvents(){await this.reset(),this.resetEventEmitter.emit()}registerFormFieldPendingValidChangeManager(){this.formFieldPendingValidObserver=new c(this.canAcceptFormFieldPendingValid.bind(this),this.handleFieldPendingValid.bind(this)),n.register(u,this.formFieldPendingValidObserver)}canAcceptFormFieldPendingValid(t){return this.isElementInCurrentForm(t.host)}handleFieldPendingValid(t){"boolean"==typeof t.detail?this.pendingValidFieldPathMap.delete(t.host):this.pendingValidFieldPathMap.set(t.host,t.host.dataset.vegaForm)}isElementInCurrentForm(t){return this.invalidFieldPathMap.has(t)||y(t,this.host)}async handleChildFormFieldElementValid(t,s){const i=l.getSubject(t,r);return await new Promise((e=>{const a=setTimeout((()=>{e(!0)}),2e3);n.notify(i,{host:t,message:s,promiseResolve:e,timerId:a})}))}get host(){return a(this)}static get watchers(){return{isValid:["watchIsValid"]}}};S([E()],A.prototype,"globalSlimmers",void 0),S([V()],A.prototype,"submitEventEmitter",void 0),S([V()],A.prototype,"resetEventEmitter",void 0),S([V()],A.prototype,"validateEventEmitter",void 0),S([V()],A.prototype,"childEventPrevent",void 0),S([V()],A.prototype,"childFormValidateEventPrevent",void 0),S([V()],A.prototype,"childNotifyObserver",void 0),S([V()],A.prototype,"childNodeValueChangeObserver",void 0),A.style=":host{display:block}";export{A as vega_form}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as i,g as r}from"./p-9777b1c1.js";import{s as d}from"./p-63676b71.js";import{j as p,f as s}from"./p-b3726704.js";import{a as e}from"./p-de21b1d8.js";import{I as v}from"./p-50c9b4ac.js";import{I as m}from"./p-4a651b91.js";import{M as n,V as x}from"./p-cb19da5d.js";import{M as h}from"./p-a90f4bcd.js";import{R as a}from"./p-9dcfd5f2.js";import{P as z}from"./p-e5692191.js";import"./p-9ad088e0.js";import"./p-5fd43609.js";import"./p-96f54c30.js";import"./p-2e7d94cc.js";import"./p-29ba4bd0.js";import"./p-e179550a.js";var g=function(t,o,i,r){var d,p=arguments.length,s=p<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,i,r);else for(var e=t.length-1;e>=0;e--)(d=t[e])&&(s=(p<3?d(s):p>3?d(o,i,s):d(o,i))||s);return p>3&&s&&Object.defineProperty(o,i,s),s};class b extends x{componentWillLoad(){this.appendAllStateStyles()}watchBorder(){this.appendStateStyles(this.border,"border"),this.makeBorderColorAfterBorder()}watchShadow(){this.appendStateStyles(this.shadow,"shadow")}watchBorderColor(){this.appendStateStyles(this.borderColor,"borderColor"),this.makeBorderColorAfterBorder()}watchBackgroundColor(){this.appendStateStyles(this.backgroundColor,"backgroundColor")}appendStateStyles(t,o){var i;if(null===(i=this.host.shadowRoot.querySelector(`style#state-styles-${o}`))||void 0===i||i.remove(),p(t,o)){const i=document.createElement("style");i.setAttribute("id",`state-styles-${o}`),i.innerHTML=p(t,o),this.host.shadowRoot.append(i)}}makeBorderColorAfterBorder(){const t=this.host.shadowRoot.querySelector("style#state-styles-borderColor"),o=this.host.shadowRoot.querySelector("style#state-styles-border");t&&o&&o.after(t)}appendAllStateStyles(){this.appendStateStyles(this.backgroundColor,"backgroundColor"),this.appendStateStyles(this.border,"border"),this.appendStateStyles(this.borderColor,"borderColor"),this.appendStateStyles(this.shadow,"shadow")}}g([n()],b.prototype,"host",void 0),g([n()],b.prototype,"backgroundColor",void 0),g([n()],b.prototype,"borderColor",void 0),g([n()],b.prototype,"border",void 0),g([n()],b.prototype,"shadow",void 0),g([h("componentWillLoad")],b.prototype,"componentWillLoad",null),g([h("watchBorder")],b.prototype,"watchBorder",null),g([h("watchShadow")],b.prototype,"watchShadow",null),g([h("watchBorderColor")],b.prototype,"watchBorderColor",null),g([h("watchBackgroundColor")],b.prototype,"watchBackgroundColor",null);var u=function(t,o,i,r){var d,p=arguments.length,s=p<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,o,i,r);else for(var e=t.length-1;e>=0;e--)(d=t[e])&&(s=(p<3?d(s):p>3?d(o,i,s):d(o,i))||s);return p>3&&s&&Object.defineProperty(o,i,s),s};const l=class{constructor(o){t(this,o),this.globalSlimmers={},this.pageResizeSlimmer=new z,this.stateStyleController=new b}watchBorder(){}watchShadow(){}watchBorderColor(){}watchBackgroundColor(){}render(){const t=[s(this.padding,"padding"),s(this.margin,"margin"),s(this.display,"boxDisplay"),s(this.corners,"corners"),a.formatCustom(this.responsiveClass)];return d(o(i,{style:{width:s(this.width,"widthAndHeight"),height:s(this.height,"widthAndHeight")},class:e(t)},o("slot",null)),this.host)}get host(){return r(this)}static get watchers(){return{border:["watchBorder"],shadow:["watchShadow"],borderColor:["watchBorderColor"],backgroundColor:["watchBackgroundColor"]}}};u([m()],l.prototype,"globalSlimmers",void 0),u([v()],l.prototype,"pageResizeSlimmer",void 0),u([v()],l.prototype,"stateStyleController",void 0),l.style=":host(.v-p-0),.v-p-0{padding:0px}:host(.v-px-0),.v-px-0{padding-left:0px;padding-right:0px}:host(.v-py-0),.v-py-0{padding-top:0px;padding-bottom:0px}:host(.v-pt-0),.v-pt-0{padding-top:0px}:host(.v-pb-0),.v-pb-0{padding-bottom:0px}:host(.v-pr-0),.v-pr-0{padding-right:0px}:host(.v-pl-0),.v-pl-0{padding-left:0px}:host(.v-p-size-0),.v-p-size-0{padding:0px}:host(.v-px-size-0),.v-px-size-0{padding-left:0px;padding-right:0px}:host(.v-py-size-0),.v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.v-pt-size-0),.v-pt-size-0{padding-top:0px}:host(.v-pb-size-0),.v-pb-size-0{padding-bottom:0px}:host(.v-pr-size-0),.v-pr-size-0{padding-right:0px}:host(.v-pl-size-0),.v-pl-size-0{padding-left:0px}:host(.v-p-size-4),.v-p-size-4{padding:4px}:host(.v-px-size-4),.v-px-size-4{padding-left:4px;padding-right:4px}:host(.v-py-size-4),.v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.v-pt-size-4),.v-pt-size-4{padding-top:4px}:host(.v-pb-size-4),.v-pb-size-4{padding-bottom:4px}:host(.v-pr-size-4),.v-pr-size-4{padding-right:4px}:host(.v-pl-size-4),.v-pl-size-4{padding-left:4px}:host(.v-p-size-8),.v-p-size-8{padding:8px}:host(.v-px-size-8),.v-px-size-8{padding-left:8px;padding-right:8px}:host(.v-py-size-8),.v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.v-pt-size-8),.v-pt-size-8{padding-top:8px}:host(.v-pb-size-8),.v-pb-size-8{padding-bottom:8px}:host(.v-pr-size-8),.v-pr-size-8{padding-right:8px}:host(.v-pl-size-8),.v-pl-size-8{padding-left:8px}:host(.v-p-size-12),.v-p-size-12{padding:12px}:host(.v-px-size-12),.v-px-size-12{padding-left:12px;padding-right:12px}:host(.v-py-size-12),.v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.v-pt-size-12),.v-pt-size-12{padding-top:12px}:host(.v-pb-size-12),.v-pb-size-12{padding-bottom:12px}:host(.v-pr-size-12),.v-pr-size-12{padding-right:12px}:host(.v-pl-size-12),.v-pl-size-12{padding-left:12px}:host(.v-p-size-16),.v-p-size-16{padding:16px}:host(.v-px-size-16),.v-px-size-16{padding-left:16px;padding-right:16px}:host(.v-py-size-16),.v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.v-pt-size-16),.v-pt-size-16{padding-top:16px}:host(.v-pb-size-16),.v-pb-size-16{padding-bottom:16px}:host(.v-pr-size-16),.v-pr-size-16{padding-right:16px}:host(.v-pl-size-16),.v-pl-size-16{padding-left:16px}:host(.v-p-size-20),.v-p-size-20{padding:20px}:host(.v-px-size-20),.v-px-size-20{padding-left:20px;padding-right:20px}:host(.v-py-size-20),.v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.v-pt-size-20),.v-pt-size-20{padding-top:20px}:host(.v-pb-size-20),.v-pb-size-20{padding-bottom:20px}:host(.v-pr-size-20),.v-pr-size-20{padding-right:20px}:host(.v-pl-size-20),.v-pl-size-20{padding-left:20px}:host(.v-p-size-24),.v-p-size-24{padding:24px}:host(.v-px-size-24),.v-px-size-24{padding-left:24px;padding-right:24px}:host(.v-py-size-24),.v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.v-pt-size-24),.v-pt-size-24{padding-top:24px}:host(.v-pb-size-24),.v-pb-size-24{padding-bottom:24px}:host(.v-pr-size-24),.v-pr-size-24{padding-right:24px}:host(.v-pl-size-24),.v-pl-size-24{padding-left:24px}:host(.v-p-size-32),.v-p-size-32{padding:32px}:host(.v-px-size-32),.v-px-size-32{padding-left:32px;padding-right:32px}:host(.v-py-size-32),.v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.v-pt-size-32),.v-pt-size-32{padding-top:32px}:host(.v-pb-size-32),.v-pb-size-32{padding-bottom:32px}:host(.v-pr-size-32),.v-pr-size-32{padding-right:32px}:host(.v-pl-size-32),.v-pl-size-32{padding-left:32px}:host(.v-p-size-40),.v-p-size-40{padding:40px}:host(.v-px-size-40),.v-px-size-40{padding-left:40px;padding-right:40px}:host(.v-py-size-40),.v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.v-pt-size-40),.v-pt-size-40{padding-top:40px}:host(.v-pb-size-40),.v-pb-size-40{padding-bottom:40px}:host(.v-pr-size-40),.v-pr-size-40{padding-right:40px}:host(.v-pl-size-40),.v-pl-size-40{padding-left:40px}:host(.v-p-size-48),.v-p-size-48{padding:48px}:host(.v-px-size-48),.v-px-size-48{padding-left:48px;padding-right:48px}:host(.v-py-size-48),.v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.v-pt-size-48),.v-pt-size-48{padding-top:48px}:host(.v-pb-size-48),.v-pb-size-48{padding-bottom:48px}:host(.v-pr-size-48),.v-pr-size-48{padding-right:48px}:host(.v-pl-size-48),.v-pl-size-48{padding-left:48px}:host(.v-p-size-64),.v-p-size-64{padding:64px}:host(.v-px-size-64),.v-px-size-64{padding-left:64px;padding-right:64px}:host(.v-py-size-64),.v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.v-pt-size-64),.v-pt-size-64{padding-top:64px}:host(.v-pb-size-64),.v-pb-size-64{padding-bottom:64px}:host(.v-pr-size-64),.v-pr-size-64{padding-right:64px}:host(.v-pl-size-64),.v-pl-size-64{padding-left:64px}:host(.v-p-size-72),.v-p-size-72{padding:72px}:host(.v-px-size-72),.v-px-size-72{padding-left:72px;padding-right:72px}:host(.v-py-size-72),.v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.v-pt-size-72),.v-pt-size-72{padding-top:72px}:host(.v-pb-size-72),.v-pb-size-72{padding-bottom:72px}:host(.v-pr-size-72),.v-pr-size-72{padding-right:72px}:host(.v-pl-size-72),.v-pl-size-72{padding-left:72px}:host(.v-p-size-80),.v-p-size-80{padding:80px}:host(.v-px-size-80),.v-px-size-80{padding-left:80px;padding-right:80px}:host(.v-py-size-80),.v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.v-pt-size-80),.v-pt-size-80{padding-top:80px}:host(.v-pb-size-80),.v-pb-size-80{padding-bottom:80px}:host(.v-pr-size-80),.v-pr-size-80{padding-right:80px}:host(.v-pl-size-80),.v-pl-size-80{padding-left:80px}:host(.v-p-size-112),.v-p-size-112{padding:112px}:host(.v-px-size-112),.v-px-size-112{padding-left:112px;padding-right:112px}:host(.v-py-size-112),.v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.v-pt-size-112),.v-pt-size-112{padding-top:112px}:host(.v-pb-size-112),.v-pb-size-112{padding-bottom:112px}:host(.v-pr-size-112),.v-pr-size-112{padding-right:112px}:host(.v-pl-size-112),.v-pl-size-112{padding-left:112px}:host(.v-p-size-2),.v-p-size-2{padding:2px}:host(.v-px-size-2),.v-px-size-2{padding-left:2px;padding-right:2px}:host(.v-py-size-2),.v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.v-pt-size-2),.v-pt-size-2{padding-top:2px}:host(.v-pb-size-2),.v-pb-size-2{padding-bottom:2px}:host(.v-pr-size-2),.v-pr-size-2{padding-right:2px}:host(.v-pl-size-2),.v-pl-size-2{padding-left:2px}@media (min-width: 320px){:host(.S\\:v-p-0),.S\\:v-p-0{padding:0px}:host(.S\\:v-px-0),.S\\:v-px-0{padding-left:0px;padding-right:0px}:host(.S\\:v-py-0),.S\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.S\\:v-pt-0),.S\\:v-pt-0{padding-top:0px}:host(.S\\:v-pb-0),.S\\:v-pb-0{padding-bottom:0px}:host(.S\\:v-pr-0),.S\\:v-pr-0{padding-right:0px}:host(.S\\:v-pl-0),.S\\:v-pl-0{padding-left:0px}:host(.S\\:v-p-size-0),.S\\:v-p-size-0{padding:0px}:host(.S\\:v-px-size-0),.S\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.S\\:v-py-size-0),.S\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.S\\:v-pt-size-0),.S\\:v-pt-size-0{padding-top:0px}:host(.S\\:v-pb-size-0),.S\\:v-pb-size-0{padding-bottom:0px}:host(.S\\:v-pr-size-0),.S\\:v-pr-size-0{padding-right:0px}:host(.S\\:v-pl-size-0),.S\\:v-pl-size-0{padding-left:0px}:host(.S\\:v-p-size-4),.S\\:v-p-size-4{padding:4px}:host(.S\\:v-px-size-4),.S\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.S\\:v-py-size-4),.S\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.S\\:v-pt-size-4),.S\\:v-pt-size-4{padding-top:4px}:host(.S\\:v-pb-size-4),.S\\:v-pb-size-4{padding-bottom:4px}:host(.S\\:v-pr-size-4),.S\\:v-pr-size-4{padding-right:4px}:host(.S\\:v-pl-size-4),.S\\:v-pl-size-4{padding-left:4px}:host(.S\\:v-p-size-8),.S\\:v-p-size-8{padding:8px}:host(.S\\:v-px-size-8),.S\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.S\\:v-py-size-8),.S\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.S\\:v-pt-size-8),.S\\:v-pt-size-8{padding-top:8px}:host(.S\\:v-pb-size-8),.S\\:v-pb-size-8{padding-bottom:8px}:host(.S\\:v-pr-size-8),.S\\:v-pr-size-8{padding-right:8px}:host(.S\\:v-pl-size-8),.S\\:v-pl-size-8{padding-left:8px}:host(.S\\:v-p-size-12),.S\\:v-p-size-12{padding:12px}:host(.S\\:v-px-size-12),.S\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.S\\:v-py-size-12),.S\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.S\\:v-pt-size-12),.S\\:v-pt-size-12{padding-top:12px}:host(.S\\:v-pb-size-12),.S\\:v-pb-size-12{padding-bottom:12px}:host(.S\\:v-pr-size-12),.S\\:v-pr-size-12{padding-right:12px}:host(.S\\:v-pl-size-12),.S\\:v-pl-size-12{padding-left:12px}:host(.S\\:v-p-size-16),.S\\:v-p-size-16{padding:16px}:host(.S\\:v-px-size-16),.S\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.S\\:v-py-size-16),.S\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.S\\:v-pt-size-16),.S\\:v-pt-size-16{padding-top:16px}:host(.S\\:v-pb-size-16),.S\\:v-pb-size-16{padding-bottom:16px}:host(.S\\:v-pr-size-16),.S\\:v-pr-size-16{padding-right:16px}:host(.S\\:v-pl-size-16),.S\\:v-pl-size-16{padding-left:16px}:host(.S\\:v-p-size-20),.S\\:v-p-size-20{padding:20px}:host(.S\\:v-px-size-20),.S\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.S\\:v-py-size-20),.S\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.S\\:v-pt-size-20),.S\\:v-pt-size-20{padding-top:20px}:host(.S\\:v-pb-size-20),.S\\:v-pb-size-20{padding-bottom:20px}:host(.S\\:v-pr-size-20),.S\\:v-pr-size-20{padding-right:20px}:host(.S\\:v-pl-size-20),.S\\:v-pl-size-20{padding-left:20px}:host(.S\\:v-p-size-24),.S\\:v-p-size-24{padding:24px}:host(.S\\:v-px-size-24),.S\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.S\\:v-py-size-24),.S\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.S\\:v-pt-size-24),.S\\:v-pt-size-24{padding-top:24px}:host(.S\\:v-pb-size-24),.S\\:v-pb-size-24{padding-bottom:24px}:host(.S\\:v-pr-size-24),.S\\:v-pr-size-24{padding-right:24px}:host(.S\\:v-pl-size-24),.S\\:v-pl-size-24{padding-left:24px}:host(.S\\:v-p-size-32),.S\\:v-p-size-32{padding:32px}:host(.S\\:v-px-size-32),.S\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.S\\:v-py-size-32),.S\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.S\\:v-pt-size-32),.S\\:v-pt-size-32{padding-top:32px}:host(.S\\:v-pb-size-32),.S\\:v-pb-size-32{padding-bottom:32px}:host(.S\\:v-pr-size-32),.S\\:v-pr-size-32{padding-right:32px}:host(.S\\:v-pl-size-32),.S\\:v-pl-size-32{padding-left:32px}:host(.S\\:v-p-size-40),.S\\:v-p-size-40{padding:40px}:host(.S\\:v-px-size-40),.S\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.S\\:v-py-size-40),.S\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.S\\:v-pt-size-40),.S\\:v-pt-size-40{padding-top:40px}:host(.S\\:v-pb-size-40),.S\\:v-pb-size-40{padding-bottom:40px}:host(.S\\:v-pr-size-40),.S\\:v-pr-size-40{padding-right:40px}:host(.S\\:v-pl-size-40),.S\\:v-pl-size-40{padding-left:40px}:host(.S\\:v-p-size-48),.S\\:v-p-size-48{padding:48px}:host(.S\\:v-px-size-48),.S\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.S\\:v-py-size-48),.S\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.S\\:v-pt-size-48),.S\\:v-pt-size-48{padding-top:48px}:host(.S\\:v-pb-size-48),.S\\:v-pb-size-48{padding-bottom:48px}:host(.S\\:v-pr-size-48),.S\\:v-pr-size-48{padding-right:48px}:host(.S\\:v-pl-size-48),.S\\:v-pl-size-48{padding-left:48px}:host(.S\\:v-p-size-64),.S\\:v-p-size-64{padding:64px}:host(.S\\:v-px-size-64),.S\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.S\\:v-py-size-64),.S\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.S\\:v-pt-size-64),.S\\:v-pt-size-64{padding-top:64px}:host(.S\\:v-pb-size-64),.S\\:v-pb-size-64{padding-bottom:64px}:host(.S\\:v-pr-size-64),.S\\:v-pr-size-64{padding-right:64px}:host(.S\\:v-pl-size-64),.S\\:v-pl-size-64{padding-left:64px}:host(.S\\:v-p-size-72),.S\\:v-p-size-72{padding:72px}:host(.S\\:v-px-size-72),.S\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.S\\:v-py-size-72),.S\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.S\\:v-pt-size-72),.S\\:v-pt-size-72{padding-top:72px}:host(.S\\:v-pb-size-72),.S\\:v-pb-size-72{padding-bottom:72px}:host(.S\\:v-pr-size-72),.S\\:v-pr-size-72{padding-right:72px}:host(.S\\:v-pl-size-72),.S\\:v-pl-size-72{padding-left:72px}:host(.S\\:v-p-size-80),.S\\:v-p-size-80{padding:80px}:host(.S\\:v-px-size-80),.S\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.S\\:v-py-size-80),.S\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.S\\:v-pt-size-80),.S\\:v-pt-size-80{padding-top:80px}:host(.S\\:v-pb-size-80),.S\\:v-pb-size-80{padding-bottom:80px}:host(.S\\:v-pr-size-80),.S\\:v-pr-size-80{padding-right:80px}:host(.S\\:v-pl-size-80),.S\\:v-pl-size-80{padding-left:80px}:host(.S\\:v-p-size-112),.S\\:v-p-size-112{padding:112px}:host(.S\\:v-px-size-112),.S\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.S\\:v-py-size-112),.S\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.S\\:v-pt-size-112),.S\\:v-pt-size-112{padding-top:112px}:host(.S\\:v-pb-size-112),.S\\:v-pb-size-112{padding-bottom:112px}:host(.S\\:v-pr-size-112),.S\\:v-pr-size-112{padding-right:112px}:host(.S\\:v-pl-size-112),.S\\:v-pl-size-112{padding-left:112px}:host(.S\\:v-p-size-2),.S\\:v-p-size-2{padding:2px}:host(.S\\:v-px-size-2),.S\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.S\\:v-py-size-2),.S\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.S\\:v-pt-size-2),.S\\:v-pt-size-2{padding-top:2px}:host(.S\\:v-pb-size-2),.S\\:v-pb-size-2{padding-bottom:2px}:host(.S\\:v-pr-size-2),.S\\:v-pr-size-2{padding-right:2px}:host(.S\\:v-pl-size-2),.S\\:v-pl-size-2{padding-left:2px}}@media (min-width: 768px){:host(.M\\:v-p-0),.M\\:v-p-0{padding:0px}:host(.M\\:v-px-0),.M\\:v-px-0{padding-left:0px;padding-right:0px}:host(.M\\:v-py-0),.M\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.M\\:v-pt-0),.M\\:v-pt-0{padding-top:0px}:host(.M\\:v-pb-0),.M\\:v-pb-0{padding-bottom:0px}:host(.M\\:v-pr-0),.M\\:v-pr-0{padding-right:0px}:host(.M\\:v-pl-0),.M\\:v-pl-0{padding-left:0px}:host(.M\\:v-p-size-0),.M\\:v-p-size-0{padding:0px}:host(.M\\:v-px-size-0),.M\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.M\\:v-py-size-0),.M\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.M\\:v-pt-size-0),.M\\:v-pt-size-0{padding-top:0px}:host(.M\\:v-pb-size-0),.M\\:v-pb-size-0{padding-bottom:0px}:host(.M\\:v-pr-size-0),.M\\:v-pr-size-0{padding-right:0px}:host(.M\\:v-pl-size-0),.M\\:v-pl-size-0{padding-left:0px}:host(.M\\:v-p-size-4),.M\\:v-p-size-4{padding:4px}:host(.M\\:v-px-size-4),.M\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.M\\:v-py-size-4),.M\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.M\\:v-pt-size-4),.M\\:v-pt-size-4{padding-top:4px}:host(.M\\:v-pb-size-4),.M\\:v-pb-size-4{padding-bottom:4px}:host(.M\\:v-pr-size-4),.M\\:v-pr-size-4{padding-right:4px}:host(.M\\:v-pl-size-4),.M\\:v-pl-size-4{padding-left:4px}:host(.M\\:v-p-size-8),.M\\:v-p-size-8{padding:8px}:host(.M\\:v-px-size-8),.M\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.M\\:v-py-size-8),.M\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.M\\:v-pt-size-8),.M\\:v-pt-size-8{padding-top:8px}:host(.M\\:v-pb-size-8),.M\\:v-pb-size-8{padding-bottom:8px}:host(.M\\:v-pr-size-8),.M\\:v-pr-size-8{padding-right:8px}:host(.M\\:v-pl-size-8),.M\\:v-pl-size-8{padding-left:8px}:host(.M\\:v-p-size-12),.M\\:v-p-size-12{padding:12px}:host(.M\\:v-px-size-12),.M\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.M\\:v-py-size-12),.M\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.M\\:v-pt-size-12),.M\\:v-pt-size-12{padding-top:12px}:host(.M\\:v-pb-size-12),.M\\:v-pb-size-12{padding-bottom:12px}:host(.M\\:v-pr-size-12),.M\\:v-pr-size-12{padding-right:12px}:host(.M\\:v-pl-size-12),.M\\:v-pl-size-12{padding-left:12px}:host(.M\\:v-p-size-16),.M\\:v-p-size-16{padding:16px}:host(.M\\:v-px-size-16),.M\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.M\\:v-py-size-16),.M\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.M\\:v-pt-size-16),.M\\:v-pt-size-16{padding-top:16px}:host(.M\\:v-pb-size-16),.M\\:v-pb-size-16{padding-bottom:16px}:host(.M\\:v-pr-size-16),.M\\:v-pr-size-16{padding-right:16px}:host(.M\\:v-pl-size-16),.M\\:v-pl-size-16{padding-left:16px}:host(.M\\:v-p-size-20),.M\\:v-p-size-20{padding:20px}:host(.M\\:v-px-size-20),.M\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.M\\:v-py-size-20),.M\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.M\\:v-pt-size-20),.M\\:v-pt-size-20{padding-top:20px}:host(.M\\:v-pb-size-20),.M\\:v-pb-size-20{padding-bottom:20px}:host(.M\\:v-pr-size-20),.M\\:v-pr-size-20{padding-right:20px}:host(.M\\:v-pl-size-20),.M\\:v-pl-size-20{padding-left:20px}:host(.M\\:v-p-size-24),.M\\:v-p-size-24{padding:24px}:host(.M\\:v-px-size-24),.M\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.M\\:v-py-size-24),.M\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.M\\:v-pt-size-24),.M\\:v-pt-size-24{padding-top:24px}:host(.M\\:v-pb-size-24),.M\\:v-pb-size-24{padding-bottom:24px}:host(.M\\:v-pr-size-24),.M\\:v-pr-size-24{padding-right:24px}:host(.M\\:v-pl-size-24),.M\\:v-pl-size-24{padding-left:24px}:host(.M\\:v-p-size-32),.M\\:v-p-size-32{padding:32px}:host(.M\\:v-px-size-32),.M\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.M\\:v-py-size-32),.M\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.M\\:v-pt-size-32),.M\\:v-pt-size-32{padding-top:32px}:host(.M\\:v-pb-size-32),.M\\:v-pb-size-32{padding-bottom:32px}:host(.M\\:v-pr-size-32),.M\\:v-pr-size-32{padding-right:32px}:host(.M\\:v-pl-size-32),.M\\:v-pl-size-32{padding-left:32px}:host(.M\\:v-p-size-40),.M\\:v-p-size-40{padding:40px}:host(.M\\:v-px-size-40),.M\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.M\\:v-py-size-40),.M\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.M\\:v-pt-size-40),.M\\:v-pt-size-40{padding-top:40px}:host(.M\\:v-pb-size-40),.M\\:v-pb-size-40{padding-bottom:40px}:host(.M\\:v-pr-size-40),.M\\:v-pr-size-40{padding-right:40px}:host(.M\\:v-pl-size-40),.M\\:v-pl-size-40{padding-left:40px}:host(.M\\:v-p-size-48),.M\\:v-p-size-48{padding:48px}:host(.M\\:v-px-size-48),.M\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.M\\:v-py-size-48),.M\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.M\\:v-pt-size-48),.M\\:v-pt-size-48{padding-top:48px}:host(.M\\:v-pb-size-48),.M\\:v-pb-size-48{padding-bottom:48px}:host(.M\\:v-pr-size-48),.M\\:v-pr-size-48{padding-right:48px}:host(.M\\:v-pl-size-48),.M\\:v-pl-size-48{padding-left:48px}:host(.M\\:v-p-size-64),.M\\:v-p-size-64{padding:64px}:host(.M\\:v-px-size-64),.M\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.M\\:v-py-size-64),.M\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.M\\:v-pt-size-64),.M\\:v-pt-size-64{padding-top:64px}:host(.M\\:v-pb-size-64),.M\\:v-pb-size-64{padding-bottom:64px}:host(.M\\:v-pr-size-64),.M\\:v-pr-size-64{padding-right:64px}:host(.M\\:v-pl-size-64),.M\\:v-pl-size-64{padding-left:64px}:host(.M\\:v-p-size-72),.M\\:v-p-size-72{padding:72px}:host(.M\\:v-px-size-72),.M\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.M\\:v-py-size-72),.M\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.M\\:v-pt-size-72),.M\\:v-pt-size-72{padding-top:72px}:host(.M\\:v-pb-size-72),.M\\:v-pb-size-72{padding-bottom:72px}:host(.M\\:v-pr-size-72),.M\\:v-pr-size-72{padding-right:72px}:host(.M\\:v-pl-size-72),.M\\:v-pl-size-72{padding-left:72px}:host(.M\\:v-p-size-80),.M\\:v-p-size-80{padding:80px}:host(.M\\:v-px-size-80),.M\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.M\\:v-py-size-80),.M\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.M\\:v-pt-size-80),.M\\:v-pt-size-80{padding-top:80px}:host(.M\\:v-pb-size-80),.M\\:v-pb-size-80{padding-bottom:80px}:host(.M\\:v-pr-size-80),.M\\:v-pr-size-80{padding-right:80px}:host(.M\\:v-pl-size-80),.M\\:v-pl-size-80{padding-left:80px}:host(.M\\:v-p-size-112),.M\\:v-p-size-112{padding:112px}:host(.M\\:v-px-size-112),.M\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.M\\:v-py-size-112),.M\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.M\\:v-pt-size-112),.M\\:v-pt-size-112{padding-top:112px}:host(.M\\:v-pb-size-112),.M\\:v-pb-size-112{padding-bottom:112px}:host(.M\\:v-pr-size-112),.M\\:v-pr-size-112{padding-right:112px}:host(.M\\:v-pl-size-112),.M\\:v-pl-size-112{padding-left:112px}:host(.M\\:v-p-size-2),.M\\:v-p-size-2{padding:2px}:host(.M\\:v-px-size-2),.M\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.M\\:v-py-size-2),.M\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.M\\:v-pt-size-2),.M\\:v-pt-size-2{padding-top:2px}:host(.M\\:v-pb-size-2),.M\\:v-pb-size-2{padding-bottom:2px}:host(.M\\:v-pr-size-2),.M\\:v-pr-size-2{padding-right:2px}:host(.M\\:v-pl-size-2),.M\\:v-pl-size-2{padding-left:2px}}@media (min-width: 1024px){:host(.L\\:v-p-0),.L\\:v-p-0{padding:0px}:host(.L\\:v-px-0),.L\\:v-px-0{padding-left:0px;padding-right:0px}:host(.L\\:v-py-0),.L\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.L\\:v-pt-0),.L\\:v-pt-0{padding-top:0px}:host(.L\\:v-pb-0),.L\\:v-pb-0{padding-bottom:0px}:host(.L\\:v-pr-0),.L\\:v-pr-0{padding-right:0px}:host(.L\\:v-pl-0),.L\\:v-pl-0{padding-left:0px}:host(.L\\:v-p-size-0),.L\\:v-p-size-0{padding:0px}:host(.L\\:v-px-size-0),.L\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.L\\:v-py-size-0),.L\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.L\\:v-pt-size-0),.L\\:v-pt-size-0{padding-top:0px}:host(.L\\:v-pb-size-0),.L\\:v-pb-size-0{padding-bottom:0px}:host(.L\\:v-pr-size-0),.L\\:v-pr-size-0{padding-right:0px}:host(.L\\:v-pl-size-0),.L\\:v-pl-size-0{padding-left:0px}:host(.L\\:v-p-size-4),.L\\:v-p-size-4{padding:4px}:host(.L\\:v-px-size-4),.L\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.L\\:v-py-size-4),.L\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.L\\:v-pt-size-4),.L\\:v-pt-size-4{padding-top:4px}:host(.L\\:v-pb-size-4),.L\\:v-pb-size-4{padding-bottom:4px}:host(.L\\:v-pr-size-4),.L\\:v-pr-size-4{padding-right:4px}:host(.L\\:v-pl-size-4),.L\\:v-pl-size-4{padding-left:4px}:host(.L\\:v-p-size-8),.L\\:v-p-size-8{padding:8px}:host(.L\\:v-px-size-8),.L\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.L\\:v-py-size-8),.L\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.L\\:v-pt-size-8),.L\\:v-pt-size-8{padding-top:8px}:host(.L\\:v-pb-size-8),.L\\:v-pb-size-8{padding-bottom:8px}:host(.L\\:v-pr-size-8),.L\\:v-pr-size-8{padding-right:8px}:host(.L\\:v-pl-size-8),.L\\:v-pl-size-8{padding-left:8px}:host(.L\\:v-p-size-12),.L\\:v-p-size-12{padding:12px}:host(.L\\:v-px-size-12),.L\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.L\\:v-py-size-12),.L\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.L\\:v-pt-size-12),.L\\:v-pt-size-12{padding-top:12px}:host(.L\\:v-pb-size-12),.L\\:v-pb-size-12{padding-bottom:12px}:host(.L\\:v-pr-size-12),.L\\:v-pr-size-12{padding-right:12px}:host(.L\\:v-pl-size-12),.L\\:v-pl-size-12{padding-left:12px}:host(.L\\:v-p-size-16),.L\\:v-p-size-16{padding:16px}:host(.L\\:v-px-size-16),.L\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.L\\:v-py-size-16),.L\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.L\\:v-pt-size-16),.L\\:v-pt-size-16{padding-top:16px}:host(.L\\:v-pb-size-16),.L\\:v-pb-size-16{padding-bottom:16px}:host(.L\\:v-pr-size-16),.L\\:v-pr-size-16{padding-right:16px}:host(.L\\:v-pl-size-16),.L\\:v-pl-size-16{padding-left:16px}:host(.L\\:v-p-size-20),.L\\:v-p-size-20{padding:20px}:host(.L\\:v-px-size-20),.L\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.L\\:v-py-size-20),.L\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.L\\:v-pt-size-20),.L\\:v-pt-size-20{padding-top:20px}:host(.L\\:v-pb-size-20),.L\\:v-pb-size-20{padding-bottom:20px}:host(.L\\:v-pr-size-20),.L\\:v-pr-size-20{padding-right:20px}:host(.L\\:v-pl-size-20),.L\\:v-pl-size-20{padding-left:20px}:host(.L\\:v-p-size-24),.L\\:v-p-size-24{padding:24px}:host(.L\\:v-px-size-24),.L\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.L\\:v-py-size-24),.L\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.L\\:v-pt-size-24),.L\\:v-pt-size-24{padding-top:24px}:host(.L\\:v-pb-size-24),.L\\:v-pb-size-24{padding-bottom:24px}:host(.L\\:v-pr-size-24),.L\\:v-pr-size-24{padding-right:24px}:host(.L\\:v-pl-size-24),.L\\:v-pl-size-24{padding-left:24px}:host(.L\\:v-p-size-32),.L\\:v-p-size-32{padding:32px}:host(.L\\:v-px-size-32),.L\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.L\\:v-py-size-32),.L\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.L\\:v-pt-size-32),.L\\:v-pt-size-32{padding-top:32px}:host(.L\\:v-pb-size-32),.L\\:v-pb-size-32{padding-bottom:32px}:host(.L\\:v-pr-size-32),.L\\:v-pr-size-32{padding-right:32px}:host(.L\\:v-pl-size-32),.L\\:v-pl-size-32{padding-left:32px}:host(.L\\:v-p-size-40),.L\\:v-p-size-40{padding:40px}:host(.L\\:v-px-size-40),.L\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.L\\:v-py-size-40),.L\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.L\\:v-pt-size-40),.L\\:v-pt-size-40{padding-top:40px}:host(.L\\:v-pb-size-40),.L\\:v-pb-size-40{padding-bottom:40px}:host(.L\\:v-pr-size-40),.L\\:v-pr-size-40{padding-right:40px}:host(.L\\:v-pl-size-40),.L\\:v-pl-size-40{padding-left:40px}:host(.L\\:v-p-size-48),.L\\:v-p-size-48{padding:48px}:host(.L\\:v-px-size-48),.L\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.L\\:v-py-size-48),.L\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.L\\:v-pt-size-48),.L\\:v-pt-size-48{padding-top:48px}:host(.L\\:v-pb-size-48),.L\\:v-pb-size-48{padding-bottom:48px}:host(.L\\:v-pr-size-48),.L\\:v-pr-size-48{padding-right:48px}:host(.L\\:v-pl-size-48),.L\\:v-pl-size-48{padding-left:48px}:host(.L\\:v-p-size-64),.L\\:v-p-size-64{padding:64px}:host(.L\\:v-px-size-64),.L\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.L\\:v-py-size-64),.L\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.L\\:v-pt-size-64),.L\\:v-pt-size-64{padding-top:64px}:host(.L\\:v-pb-size-64),.L\\:v-pb-size-64{padding-bottom:64px}:host(.L\\:v-pr-size-64),.L\\:v-pr-size-64{padding-right:64px}:host(.L\\:v-pl-size-64),.L\\:v-pl-size-64{padding-left:64px}:host(.L\\:v-p-size-72),.L\\:v-p-size-72{padding:72px}:host(.L\\:v-px-size-72),.L\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.L\\:v-py-size-72),.L\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.L\\:v-pt-size-72),.L\\:v-pt-size-72{padding-top:72px}:host(.L\\:v-pb-size-72),.L\\:v-pb-size-72{padding-bottom:72px}:host(.L\\:v-pr-size-72),.L\\:v-pr-size-72{padding-right:72px}:host(.L\\:v-pl-size-72),.L\\:v-pl-size-72{padding-left:72px}:host(.L\\:v-p-size-80),.L\\:v-p-size-80{padding:80px}:host(.L\\:v-px-size-80),.L\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.L\\:v-py-size-80),.L\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.L\\:v-pt-size-80),.L\\:v-pt-size-80{padding-top:80px}:host(.L\\:v-pb-size-80),.L\\:v-pb-size-80{padding-bottom:80px}:host(.L\\:v-pr-size-80),.L\\:v-pr-size-80{padding-right:80px}:host(.L\\:v-pl-size-80),.L\\:v-pl-size-80{padding-left:80px}:host(.L\\:v-p-size-112),.L\\:v-p-size-112{padding:112px}:host(.L\\:v-px-size-112),.L\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.L\\:v-py-size-112),.L\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.L\\:v-pt-size-112),.L\\:v-pt-size-112{padding-top:112px}:host(.L\\:v-pb-size-112),.L\\:v-pb-size-112{padding-bottom:112px}:host(.L\\:v-pr-size-112),.L\\:v-pr-size-112{padding-right:112px}:host(.L\\:v-pl-size-112),.L\\:v-pl-size-112{padding-left:112px}:host(.L\\:v-p-size-2),.L\\:v-p-size-2{padding:2px}:host(.L\\:v-px-size-2),.L\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.L\\:v-py-size-2),.L\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.L\\:v-pt-size-2),.L\\:v-pt-size-2{padding-top:2px}:host(.L\\:v-pb-size-2),.L\\:v-pb-size-2{padding-bottom:2px}:host(.L\\:v-pr-size-2),.L\\:v-pr-size-2{padding-right:2px}:host(.L\\:v-pl-size-2),.L\\:v-pl-size-2{padding-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-p-0),.XL\\:v-p-0{padding:0px}:host(.XL\\:v-px-0),.XL\\:v-px-0{padding-left:0px;padding-right:0px}:host(.XL\\:v-py-0),.XL\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.XL\\:v-pt-0),.XL\\:v-pt-0{padding-top:0px}:host(.XL\\:v-pb-0),.XL\\:v-pb-0{padding-bottom:0px}:host(.XL\\:v-pr-0),.XL\\:v-pr-0{padding-right:0px}:host(.XL\\:v-pl-0),.XL\\:v-pl-0{padding-left:0px}:host(.XL\\:v-p-size-0),.XL\\:v-p-size-0{padding:0px}:host(.XL\\:v-px-size-0),.XL\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.XL\\:v-py-size-0),.XL\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.XL\\:v-pt-size-0),.XL\\:v-pt-size-0{padding-top:0px}:host(.XL\\:v-pb-size-0),.XL\\:v-pb-size-0{padding-bottom:0px}:host(.XL\\:v-pr-size-0),.XL\\:v-pr-size-0{padding-right:0px}:host(.XL\\:v-pl-size-0),.XL\\:v-pl-size-0{padding-left:0px}:host(.XL\\:v-p-size-4),.XL\\:v-p-size-4{padding:4px}:host(.XL\\:v-px-size-4),.XL\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.XL\\:v-py-size-4),.XL\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.XL\\:v-pt-size-4),.XL\\:v-pt-size-4{padding-top:4px}:host(.XL\\:v-pb-size-4),.XL\\:v-pb-size-4{padding-bottom:4px}:host(.XL\\:v-pr-size-4),.XL\\:v-pr-size-4{padding-right:4px}:host(.XL\\:v-pl-size-4),.XL\\:v-pl-size-4{padding-left:4px}:host(.XL\\:v-p-size-8),.XL\\:v-p-size-8{padding:8px}:host(.XL\\:v-px-size-8),.XL\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.XL\\:v-py-size-8),.XL\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.XL\\:v-pt-size-8),.XL\\:v-pt-size-8{padding-top:8px}:host(.XL\\:v-pb-size-8),.XL\\:v-pb-size-8{padding-bottom:8px}:host(.XL\\:v-pr-size-8),.XL\\:v-pr-size-8{padding-right:8px}:host(.XL\\:v-pl-size-8),.XL\\:v-pl-size-8{padding-left:8px}:host(.XL\\:v-p-size-12),.XL\\:v-p-size-12{padding:12px}:host(.XL\\:v-px-size-12),.XL\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.XL\\:v-py-size-12),.XL\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.XL\\:v-pt-size-12),.XL\\:v-pt-size-12{padding-top:12px}:host(.XL\\:v-pb-size-12),.XL\\:v-pb-size-12{padding-bottom:12px}:host(.XL\\:v-pr-size-12),.XL\\:v-pr-size-12{padding-right:12px}:host(.XL\\:v-pl-size-12),.XL\\:v-pl-size-12{padding-left:12px}:host(.XL\\:v-p-size-16),.XL\\:v-p-size-16{padding:16px}:host(.XL\\:v-px-size-16),.XL\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.XL\\:v-py-size-16),.XL\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.XL\\:v-pt-size-16),.XL\\:v-pt-size-16{padding-top:16px}:host(.XL\\:v-pb-size-16),.XL\\:v-pb-size-16{padding-bottom:16px}:host(.XL\\:v-pr-size-16),.XL\\:v-pr-size-16{padding-right:16px}:host(.XL\\:v-pl-size-16),.XL\\:v-pl-size-16{padding-left:16px}:host(.XL\\:v-p-size-20),.XL\\:v-p-size-20{padding:20px}:host(.XL\\:v-px-size-20),.XL\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.XL\\:v-py-size-20),.XL\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.XL\\:v-pt-size-20),.XL\\:v-pt-size-20{padding-top:20px}:host(.XL\\:v-pb-size-20),.XL\\:v-pb-size-20{padding-bottom:20px}:host(.XL\\:v-pr-size-20),.XL\\:v-pr-size-20{padding-right:20px}:host(.XL\\:v-pl-size-20),.XL\\:v-pl-size-20{padding-left:20px}:host(.XL\\:v-p-size-24),.XL\\:v-p-size-24{padding:24px}:host(.XL\\:v-px-size-24),.XL\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.XL\\:v-py-size-24),.XL\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.XL\\:v-pt-size-24),.XL\\:v-pt-size-24{padding-top:24px}:host(.XL\\:v-pb-size-24),.XL\\:v-pb-size-24{padding-bottom:24px}:host(.XL\\:v-pr-size-24),.XL\\:v-pr-size-24{padding-right:24px}:host(.XL\\:v-pl-size-24),.XL\\:v-pl-size-24{padding-left:24px}:host(.XL\\:v-p-size-32),.XL\\:v-p-size-32{padding:32px}:host(.XL\\:v-px-size-32),.XL\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.XL\\:v-py-size-32),.XL\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.XL\\:v-pt-size-32),.XL\\:v-pt-size-32{padding-top:32px}:host(.XL\\:v-pb-size-32),.XL\\:v-pb-size-32{padding-bottom:32px}:host(.XL\\:v-pr-size-32),.XL\\:v-pr-size-32{padding-right:32px}:host(.XL\\:v-pl-size-32),.XL\\:v-pl-size-32{padding-left:32px}:host(.XL\\:v-p-size-40),.XL\\:v-p-size-40{padding:40px}:host(.XL\\:v-px-size-40),.XL\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.XL\\:v-py-size-40),.XL\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.XL\\:v-pt-size-40),.XL\\:v-pt-size-40{padding-top:40px}:host(.XL\\:v-pb-size-40),.XL\\:v-pb-size-40{padding-bottom:40px}:host(.XL\\:v-pr-size-40),.XL\\:v-pr-size-40{padding-right:40px}:host(.XL\\:v-pl-size-40),.XL\\:v-pl-size-40{padding-left:40px}:host(.XL\\:v-p-size-48),.XL\\:v-p-size-48{padding:48px}:host(.XL\\:v-px-size-48),.XL\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.XL\\:v-py-size-48),.XL\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.XL\\:v-pt-size-48),.XL\\:v-pt-size-48{padding-top:48px}:host(.XL\\:v-pb-size-48),.XL\\:v-pb-size-48{padding-bottom:48px}:host(.XL\\:v-pr-size-48),.XL\\:v-pr-size-48{padding-right:48px}:host(.XL\\:v-pl-size-48),.XL\\:v-pl-size-48{padding-left:48px}:host(.XL\\:v-p-size-64),.XL\\:v-p-size-64{padding:64px}:host(.XL\\:v-px-size-64),.XL\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.XL\\:v-py-size-64),.XL\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.XL\\:v-pt-size-64),.XL\\:v-pt-size-64{padding-top:64px}:host(.XL\\:v-pb-size-64),.XL\\:v-pb-size-64{padding-bottom:64px}:host(.XL\\:v-pr-size-64),.XL\\:v-pr-size-64{padding-right:64px}:host(.XL\\:v-pl-size-64),.XL\\:v-pl-size-64{padding-left:64px}:host(.XL\\:v-p-size-72),.XL\\:v-p-size-72{padding:72px}:host(.XL\\:v-px-size-72),.XL\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.XL\\:v-py-size-72),.XL\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.XL\\:v-pt-size-72),.XL\\:v-pt-size-72{padding-top:72px}:host(.XL\\:v-pb-size-72),.XL\\:v-pb-size-72{padding-bottom:72px}:host(.XL\\:v-pr-size-72),.XL\\:v-pr-size-72{padding-right:72px}:host(.XL\\:v-pl-size-72),.XL\\:v-pl-size-72{padding-left:72px}:host(.XL\\:v-p-size-80),.XL\\:v-p-size-80{padding:80px}:host(.XL\\:v-px-size-80),.XL\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.XL\\:v-py-size-80),.XL\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.XL\\:v-pt-size-80),.XL\\:v-pt-size-80{padding-top:80px}:host(.XL\\:v-pb-size-80),.XL\\:v-pb-size-80{padding-bottom:80px}:host(.XL\\:v-pr-size-80),.XL\\:v-pr-size-80{padding-right:80px}:host(.XL\\:v-pl-size-80),.XL\\:v-pl-size-80{padding-left:80px}:host(.XL\\:v-p-size-112),.XL\\:v-p-size-112{padding:112px}:host(.XL\\:v-px-size-112),.XL\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.XL\\:v-py-size-112),.XL\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.XL\\:v-pt-size-112),.XL\\:v-pt-size-112{padding-top:112px}:host(.XL\\:v-pb-size-112),.XL\\:v-pb-size-112{padding-bottom:112px}:host(.XL\\:v-pr-size-112),.XL\\:v-pr-size-112{padding-right:112px}:host(.XL\\:v-pl-size-112),.XL\\:v-pl-size-112{padding-left:112px}:host(.XL\\:v-p-size-2),.XL\\:v-p-size-2{padding:2px}:host(.XL\\:v-px-size-2),.XL\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.XL\\:v-py-size-2),.XL\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.XL\\:v-pt-size-2),.XL\\:v-pt-size-2{padding-top:2px}:host(.XL\\:v-pb-size-2),.XL\\:v-pb-size-2{padding-bottom:2px}:host(.XL\\:v-pr-size-2),.XL\\:v-pr-size-2{padding-right:2px}:host(.XL\\:v-pl-size-2),.XL\\:v-pl-size-2{padding-left:2px}}:host(.v-m-0),.v-m-0{margin:0px}:host(.v-mx-0),.v-mx-0{margin-left:0px;margin-right:0px}:host(.v-my-0),.v-my-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-0),.v-mt-0{margin-top:0px}:host(.v-mb-0),.v-mb-0{margin-bottom:0px}:host(.v-mr-0),.v-mr-0{margin-right:0px}:host(.v-ml-0),.v-ml-0{margin-left:0px}:host(.v-m-size-0),.v-m-size-0{margin:0px}:host(.v-mx-size-0),.v-mx-size-0{margin-left:0px;margin-right:0px}:host(.v-my-size-0),.v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-size-0),.v-mt-size-0{margin-top:0px}:host(.v-mb-size-0),.v-mb-size-0{margin-bottom:0px}:host(.v-mr-size-0),.v-mr-size-0{margin-right:0px}:host(.v-ml-size-0),.v-ml-size-0{margin-left:0px}:host(.v-m-size-4),.v-m-size-4{margin:4px}:host(.v-mx-size-4),.v-mx-size-4{margin-left:4px;margin-right:4px}:host(.v-my-size-4),.v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.v-mt-size-4),.v-mt-size-4{margin-top:4px}:host(.v-mb-size-4),.v-mb-size-4{margin-bottom:4px}:host(.v-mr-size-4),.v-mr-size-4{margin-right:4px}:host(.v-ml-size-4),.v-ml-size-4{margin-left:4px}:host(.v-m-size-8),.v-m-size-8{margin:8px}:host(.v-mx-size-8),.v-mx-size-8{margin-left:8px;margin-right:8px}:host(.v-my-size-8),.v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.v-mt-size-8),.v-mt-size-8{margin-top:8px}:host(.v-mb-size-8),.v-mb-size-8{margin-bottom:8px}:host(.v-mr-size-8),.v-mr-size-8{margin-right:8px}:host(.v-ml-size-8),.v-ml-size-8{margin-left:8px}:host(.v-m-size-12),.v-m-size-12{margin:12px}:host(.v-mx-size-12),.v-mx-size-12{margin-left:12px;margin-right:12px}:host(.v-my-size-12),.v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.v-mt-size-12),.v-mt-size-12{margin-top:12px}:host(.v-mb-size-12),.v-mb-size-12{margin-bottom:12px}:host(.v-mr-size-12),.v-mr-size-12{margin-right:12px}:host(.v-ml-size-12),.v-ml-size-12{margin-left:12px}:host(.v-m-size-16),.v-m-size-16{margin:16px}:host(.v-mx-size-16),.v-mx-size-16{margin-left:16px;margin-right:16px}:host(.v-my-size-16),.v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.v-mt-size-16),.v-mt-size-16{margin-top:16px}:host(.v-mb-size-16),.v-mb-size-16{margin-bottom:16px}:host(.v-mr-size-16),.v-mr-size-16{margin-right:16px}:host(.v-ml-size-16),.v-ml-size-16{margin-left:16px}:host(.v-m-size-20),.v-m-size-20{margin:20px}:host(.v-mx-size-20),.v-mx-size-20{margin-left:20px;margin-right:20px}:host(.v-my-size-20),.v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.v-mt-size-20),.v-mt-size-20{margin-top:20px}:host(.v-mb-size-20),.v-mb-size-20{margin-bottom:20px}:host(.v-mr-size-20),.v-mr-size-20{margin-right:20px}:host(.v-ml-size-20),.v-ml-size-20{margin-left:20px}:host(.v-m-size-24),.v-m-size-24{margin:24px}:host(.v-mx-size-24),.v-mx-size-24{margin-left:24px;margin-right:24px}:host(.v-my-size-24),.v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.v-mt-size-24),.v-mt-size-24{margin-top:24px}:host(.v-mb-size-24),.v-mb-size-24{margin-bottom:24px}:host(.v-mr-size-24),.v-mr-size-24{margin-right:24px}:host(.v-ml-size-24),.v-ml-size-24{margin-left:24px}:host(.v-m-size-32),.v-m-size-32{margin:32px}:host(.v-mx-size-32),.v-mx-size-32{margin-left:32px;margin-right:32px}:host(.v-my-size-32),.v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.v-mt-size-32),.v-mt-size-32{margin-top:32px}:host(.v-mb-size-32),.v-mb-size-32{margin-bottom:32px}:host(.v-mr-size-32),.v-mr-size-32{margin-right:32px}:host(.v-ml-size-32),.v-ml-size-32{margin-left:32px}:host(.v-m-size-40),.v-m-size-40{margin:40px}:host(.v-mx-size-40),.v-mx-size-40{margin-left:40px;margin-right:40px}:host(.v-my-size-40),.v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.v-mt-size-40),.v-mt-size-40{margin-top:40px}:host(.v-mb-size-40),.v-mb-size-40{margin-bottom:40px}:host(.v-mr-size-40),.v-mr-size-40{margin-right:40px}:host(.v-ml-size-40),.v-ml-size-40{margin-left:40px}:host(.v-m-size-48),.v-m-size-48{margin:48px}:host(.v-mx-size-48),.v-mx-size-48{margin-left:48px;margin-right:48px}:host(.v-my-size-48),.v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.v-mt-size-48),.v-mt-size-48{margin-top:48px}:host(.v-mb-size-48),.v-mb-size-48{margin-bottom:48px}:host(.v-mr-size-48),.v-mr-size-48{margin-right:48px}:host(.v-ml-size-48),.v-ml-size-48{margin-left:48px}:host(.v-m-size-64),.v-m-size-64{margin:64px}:host(.v-mx-size-64),.v-mx-size-64{margin-left:64px;margin-right:64px}:host(.v-my-size-64),.v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.v-mt-size-64),.v-mt-size-64{margin-top:64px}:host(.v-mb-size-64),.v-mb-size-64{margin-bottom:64px}:host(.v-mr-size-64),.v-mr-size-64{margin-right:64px}:host(.v-ml-size-64),.v-ml-size-64{margin-left:64px}:host(.v-m-size-72),.v-m-size-72{margin:72px}:host(.v-mx-size-72),.v-mx-size-72{margin-left:72px;margin-right:72px}:host(.v-my-size-72),.v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.v-mt-size-72),.v-mt-size-72{margin-top:72px}:host(.v-mb-size-72),.v-mb-size-72{margin-bottom:72px}:host(.v-mr-size-72),.v-mr-size-72{margin-right:72px}:host(.v-ml-size-72),.v-ml-size-72{margin-left:72px}:host(.v-m-size-80),.v-m-size-80{margin:80px}:host(.v-mx-size-80),.v-mx-size-80{margin-left:80px;margin-right:80px}:host(.v-my-size-80),.v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.v-mt-size-80),.v-mt-size-80{margin-top:80px}:host(.v-mb-size-80),.v-mb-size-80{margin-bottom:80px}:host(.v-mr-size-80),.v-mr-size-80{margin-right:80px}:host(.v-ml-size-80),.v-ml-size-80{margin-left:80px}:host(.v-m-size-112),.v-m-size-112{margin:112px}:host(.v-mx-size-112),.v-mx-size-112{margin-left:112px;margin-right:112px}:host(.v-my-size-112),.v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.v-mt-size-112),.v-mt-size-112{margin-top:112px}:host(.v-mb-size-112),.v-mb-size-112{margin-bottom:112px}:host(.v-mr-size-112),.v-mr-size-112{margin-right:112px}:host(.v-ml-size-112),.v-ml-size-112{margin-left:112px}:host(.v-m-size-2),.v-m-size-2{margin:2px}:host(.v-mx-size-2),.v-mx-size-2{margin-left:2px;margin-right:2px}:host(.v-my-size-2),.v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.v-mt-size-2),.v-mt-size-2{margin-top:2px}:host(.v-mb-size-2),.v-mb-size-2{margin-bottom:2px}:host(.v-mr-size-2),.v-mr-size-2{margin-right:2px}:host(.v-ml-size-2),.v-ml-size-2{margin-left:2px}@media (min-width: 320px){:host(.S\\:v-m-0),.S\\:v-m-0{margin:0px}:host(.S\\:v-mx-0),.S\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-0),.S\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-0),.S\\:v-mt-0{margin-top:0px}:host(.S\\:v-mb-0),.S\\:v-mb-0{margin-bottom:0px}:host(.S\\:v-mr-0),.S\\:v-mr-0{margin-right:0px}:host(.S\\:v-ml-0),.S\\:v-ml-0{margin-left:0px}:host(.S\\:v-m-size-0),.S\\:v-m-size-0{margin:0px}:host(.S\\:v-mx-size-0),.S\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-size-0),.S\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-size-0),.S\\:v-mt-size-0{margin-top:0px}:host(.S\\:v-mb-size-0),.S\\:v-mb-size-0{margin-bottom:0px}:host(.S\\:v-mr-size-0),.S\\:v-mr-size-0{margin-right:0px}:host(.S\\:v-ml-size-0),.S\\:v-ml-size-0{margin-left:0px}:host(.S\\:v-m-size-4),.S\\:v-m-size-4{margin:4px}:host(.S\\:v-mx-size-4),.S\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.S\\:v-my-size-4),.S\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.S\\:v-mt-size-4),.S\\:v-mt-size-4{margin-top:4px}:host(.S\\:v-mb-size-4),.S\\:v-mb-size-4{margin-bottom:4px}:host(.S\\:v-mr-size-4),.S\\:v-mr-size-4{margin-right:4px}:host(.S\\:v-ml-size-4),.S\\:v-ml-size-4{margin-left:4px}:host(.S\\:v-m-size-8),.S\\:v-m-size-8{margin:8px}:host(.S\\:v-mx-size-8),.S\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.S\\:v-my-size-8),.S\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.S\\:v-mt-size-8),.S\\:v-mt-size-8{margin-top:8px}:host(.S\\:v-mb-size-8),.S\\:v-mb-size-8{margin-bottom:8px}:host(.S\\:v-mr-size-8),.S\\:v-mr-size-8{margin-right:8px}:host(.S\\:v-ml-size-8),.S\\:v-ml-size-8{margin-left:8px}:host(.S\\:v-m-size-12),.S\\:v-m-size-12{margin:12px}:host(.S\\:v-mx-size-12),.S\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.S\\:v-my-size-12),.S\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.S\\:v-mt-size-12),.S\\:v-mt-size-12{margin-top:12px}:host(.S\\:v-mb-size-12),.S\\:v-mb-size-12{margin-bottom:12px}:host(.S\\:v-mr-size-12),.S\\:v-mr-size-12{margin-right:12px}:host(.S\\:v-ml-size-12),.S\\:v-ml-size-12{margin-left:12px}:host(.S\\:v-m-size-16),.S\\:v-m-size-16{margin:16px}:host(.S\\:v-mx-size-16),.S\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.S\\:v-my-size-16),.S\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.S\\:v-mt-size-16),.S\\:v-mt-size-16{margin-top:16px}:host(.S\\:v-mb-size-16),.S\\:v-mb-size-16{margin-bottom:16px}:host(.S\\:v-mr-size-16),.S\\:v-mr-size-16{margin-right:16px}:host(.S\\:v-ml-size-16),.S\\:v-ml-size-16{margin-left:16px}:host(.S\\:v-m-size-20),.S\\:v-m-size-20{margin:20px}:host(.S\\:v-mx-size-20),.S\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.S\\:v-my-size-20),.S\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.S\\:v-mt-size-20),.S\\:v-mt-size-20{margin-top:20px}:host(.S\\:v-mb-size-20),.S\\:v-mb-size-20{margin-bottom:20px}:host(.S\\:v-mr-size-20),.S\\:v-mr-size-20{margin-right:20px}:host(.S\\:v-ml-size-20),.S\\:v-ml-size-20{margin-left:20px}:host(.S\\:v-m-size-24),.S\\:v-m-size-24{margin:24px}:host(.S\\:v-mx-size-24),.S\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.S\\:v-my-size-24),.S\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.S\\:v-mt-size-24),.S\\:v-mt-size-24{margin-top:24px}:host(.S\\:v-mb-size-24),.S\\:v-mb-size-24{margin-bottom:24px}:host(.S\\:v-mr-size-24),.S\\:v-mr-size-24{margin-right:24px}:host(.S\\:v-ml-size-24),.S\\:v-ml-size-24{margin-left:24px}:host(.S\\:v-m-size-32),.S\\:v-m-size-32{margin:32px}:host(.S\\:v-mx-size-32),.S\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.S\\:v-my-size-32),.S\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.S\\:v-mt-size-32),.S\\:v-mt-size-32{margin-top:32px}:host(.S\\:v-mb-size-32),.S\\:v-mb-size-32{margin-bottom:32px}:host(.S\\:v-mr-size-32),.S\\:v-mr-size-32{margin-right:32px}:host(.S\\:v-ml-size-32),.S\\:v-ml-size-32{margin-left:32px}:host(.S\\:v-m-size-40),.S\\:v-m-size-40{margin:40px}:host(.S\\:v-mx-size-40),.S\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.S\\:v-my-size-40),.S\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.S\\:v-mt-size-40),.S\\:v-mt-size-40{margin-top:40px}:host(.S\\:v-mb-size-40),.S\\:v-mb-size-40{margin-bottom:40px}:host(.S\\:v-mr-size-40),.S\\:v-mr-size-40{margin-right:40px}:host(.S\\:v-ml-size-40),.S\\:v-ml-size-40{margin-left:40px}:host(.S\\:v-m-size-48),.S\\:v-m-size-48{margin:48px}:host(.S\\:v-mx-size-48),.S\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.S\\:v-my-size-48),.S\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.S\\:v-mt-size-48),.S\\:v-mt-size-48{margin-top:48px}:host(.S\\:v-mb-size-48),.S\\:v-mb-size-48{margin-bottom:48px}:host(.S\\:v-mr-size-48),.S\\:v-mr-size-48{margin-right:48px}:host(.S\\:v-ml-size-48),.S\\:v-ml-size-48{margin-left:48px}:host(.S\\:v-m-size-64),.S\\:v-m-size-64{margin:64px}:host(.S\\:v-mx-size-64),.S\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.S\\:v-my-size-64),.S\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.S\\:v-mt-size-64),.S\\:v-mt-size-64{margin-top:64px}:host(.S\\:v-mb-size-64),.S\\:v-mb-size-64{margin-bottom:64px}:host(.S\\:v-mr-size-64),.S\\:v-mr-size-64{margin-right:64px}:host(.S\\:v-ml-size-64),.S\\:v-ml-size-64{margin-left:64px}:host(.S\\:v-m-size-72),.S\\:v-m-size-72{margin:72px}:host(.S\\:v-mx-size-72),.S\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.S\\:v-my-size-72),.S\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.S\\:v-mt-size-72),.S\\:v-mt-size-72{margin-top:72px}:host(.S\\:v-mb-size-72),.S\\:v-mb-size-72{margin-bottom:72px}:host(.S\\:v-mr-size-72),.S\\:v-mr-size-72{margin-right:72px}:host(.S\\:v-ml-size-72),.S\\:v-ml-size-72{margin-left:72px}:host(.S\\:v-m-size-80),.S\\:v-m-size-80{margin:80px}:host(.S\\:v-mx-size-80),.S\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.S\\:v-my-size-80),.S\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.S\\:v-mt-size-80),.S\\:v-mt-size-80{margin-top:80px}:host(.S\\:v-mb-size-80),.S\\:v-mb-size-80{margin-bottom:80px}:host(.S\\:v-mr-size-80),.S\\:v-mr-size-80{margin-right:80px}:host(.S\\:v-ml-size-80),.S\\:v-ml-size-80{margin-left:80px}:host(.S\\:v-m-size-112),.S\\:v-m-size-112{margin:112px}:host(.S\\:v-mx-size-112),.S\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.S\\:v-my-size-112),.S\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.S\\:v-mt-size-112),.S\\:v-mt-size-112{margin-top:112px}:host(.S\\:v-mb-size-112),.S\\:v-mb-size-112{margin-bottom:112px}:host(.S\\:v-mr-size-112),.S\\:v-mr-size-112{margin-right:112px}:host(.S\\:v-ml-size-112),.S\\:v-ml-size-112{margin-left:112px}:host(.S\\:v-m-size-2),.S\\:v-m-size-2{margin:2px}:host(.S\\:v-mx-size-2),.S\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.S\\:v-my-size-2),.S\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.S\\:v-mt-size-2),.S\\:v-mt-size-2{margin-top:2px}:host(.S\\:v-mb-size-2),.S\\:v-mb-size-2{margin-bottom:2px}:host(.S\\:v-mr-size-2),.S\\:v-mr-size-2{margin-right:2px}:host(.S\\:v-ml-size-2),.S\\:v-ml-size-2{margin-left:2px}}@media (min-width: 768px){:host(.M\\:v-m-0),.M\\:v-m-0{margin:0px}:host(.M\\:v-mx-0),.M\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-0),.M\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-0),.M\\:v-mt-0{margin-top:0px}:host(.M\\:v-mb-0),.M\\:v-mb-0{margin-bottom:0px}:host(.M\\:v-mr-0),.M\\:v-mr-0{margin-right:0px}:host(.M\\:v-ml-0),.M\\:v-ml-0{margin-left:0px}:host(.M\\:v-m-size-0),.M\\:v-m-size-0{margin:0px}:host(.M\\:v-mx-size-0),.M\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-size-0),.M\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-size-0),.M\\:v-mt-size-0{margin-top:0px}:host(.M\\:v-mb-size-0),.M\\:v-mb-size-0{margin-bottom:0px}:host(.M\\:v-mr-size-0),.M\\:v-mr-size-0{margin-right:0px}:host(.M\\:v-ml-size-0),.M\\:v-ml-size-0{margin-left:0px}:host(.M\\:v-m-size-4),.M\\:v-m-size-4{margin:4px}:host(.M\\:v-mx-size-4),.M\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.M\\:v-my-size-4),.M\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.M\\:v-mt-size-4),.M\\:v-mt-size-4{margin-top:4px}:host(.M\\:v-mb-size-4),.M\\:v-mb-size-4{margin-bottom:4px}:host(.M\\:v-mr-size-4),.M\\:v-mr-size-4{margin-right:4px}:host(.M\\:v-ml-size-4),.M\\:v-ml-size-4{margin-left:4px}:host(.M\\:v-m-size-8),.M\\:v-m-size-8{margin:8px}:host(.M\\:v-mx-size-8),.M\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.M\\:v-my-size-8),.M\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.M\\:v-mt-size-8),.M\\:v-mt-size-8{margin-top:8px}:host(.M\\:v-mb-size-8),.M\\:v-mb-size-8{margin-bottom:8px}:host(.M\\:v-mr-size-8),.M\\:v-mr-size-8{margin-right:8px}:host(.M\\:v-ml-size-8),.M\\:v-ml-size-8{margin-left:8px}:host(.M\\:v-m-size-12),.M\\:v-m-size-12{margin:12px}:host(.M\\:v-mx-size-12),.M\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.M\\:v-my-size-12),.M\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.M\\:v-mt-size-12),.M\\:v-mt-size-12{margin-top:12px}:host(.M\\:v-mb-size-12),.M\\:v-mb-size-12{margin-bottom:12px}:host(.M\\:v-mr-size-12),.M\\:v-mr-size-12{margin-right:12px}:host(.M\\:v-ml-size-12),.M\\:v-ml-size-12{margin-left:12px}:host(.M\\:v-m-size-16),.M\\:v-m-size-16{margin:16px}:host(.M\\:v-mx-size-16),.M\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.M\\:v-my-size-16),.M\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.M\\:v-mt-size-16),.M\\:v-mt-size-16{margin-top:16px}:host(.M\\:v-mb-size-16),.M\\:v-mb-size-16{margin-bottom:16px}:host(.M\\:v-mr-size-16),.M\\:v-mr-size-16{margin-right:16px}:host(.M\\:v-ml-size-16),.M\\:v-ml-size-16{margin-left:16px}:host(.M\\:v-m-size-20),.M\\:v-m-size-20{margin:20px}:host(.M\\:v-mx-size-20),.M\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.M\\:v-my-size-20),.M\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.M\\:v-mt-size-20),.M\\:v-mt-size-20{margin-top:20px}:host(.M\\:v-mb-size-20),.M\\:v-mb-size-20{margin-bottom:20px}:host(.M\\:v-mr-size-20),.M\\:v-mr-size-20{margin-right:20px}:host(.M\\:v-ml-size-20),.M\\:v-ml-size-20{margin-left:20px}:host(.M\\:v-m-size-24),.M\\:v-m-size-24{margin:24px}:host(.M\\:v-mx-size-24),.M\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.M\\:v-my-size-24),.M\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.M\\:v-mt-size-24),.M\\:v-mt-size-24{margin-top:24px}:host(.M\\:v-mb-size-24),.M\\:v-mb-size-24{margin-bottom:24px}:host(.M\\:v-mr-size-24),.M\\:v-mr-size-24{margin-right:24px}:host(.M\\:v-ml-size-24),.M\\:v-ml-size-24{margin-left:24px}:host(.M\\:v-m-size-32),.M\\:v-m-size-32{margin:32px}:host(.M\\:v-mx-size-32),.M\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.M\\:v-my-size-32),.M\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.M\\:v-mt-size-32),.M\\:v-mt-size-32{margin-top:32px}:host(.M\\:v-mb-size-32),.M\\:v-mb-size-32{margin-bottom:32px}:host(.M\\:v-mr-size-32),.M\\:v-mr-size-32{margin-right:32px}:host(.M\\:v-ml-size-32),.M\\:v-ml-size-32{margin-left:32px}:host(.M\\:v-m-size-40),.M\\:v-m-size-40{margin:40px}:host(.M\\:v-mx-size-40),.M\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.M\\:v-my-size-40),.M\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.M\\:v-mt-size-40),.M\\:v-mt-size-40{margin-top:40px}:host(.M\\:v-mb-size-40),.M\\:v-mb-size-40{margin-bottom:40px}:host(.M\\:v-mr-size-40),.M\\:v-mr-size-40{margin-right:40px}:host(.M\\:v-ml-size-40),.M\\:v-ml-size-40{margin-left:40px}:host(.M\\:v-m-size-48),.M\\:v-m-size-48{margin:48px}:host(.M\\:v-mx-size-48),.M\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.M\\:v-my-size-48),.M\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.M\\:v-mt-size-48),.M\\:v-mt-size-48{margin-top:48px}:host(.M\\:v-mb-size-48),.M\\:v-mb-size-48{margin-bottom:48px}:host(.M\\:v-mr-size-48),.M\\:v-mr-size-48{margin-right:48px}:host(.M\\:v-ml-size-48),.M\\:v-ml-size-48{margin-left:48px}:host(.M\\:v-m-size-64),.M\\:v-m-size-64{margin:64px}:host(.M\\:v-mx-size-64),.M\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.M\\:v-my-size-64),.M\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.M\\:v-mt-size-64),.M\\:v-mt-size-64{margin-top:64px}:host(.M\\:v-mb-size-64),.M\\:v-mb-size-64{margin-bottom:64px}:host(.M\\:v-mr-size-64),.M\\:v-mr-size-64{margin-right:64px}:host(.M\\:v-ml-size-64),.M\\:v-ml-size-64{margin-left:64px}:host(.M\\:v-m-size-72),.M\\:v-m-size-72{margin:72px}:host(.M\\:v-mx-size-72),.M\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.M\\:v-my-size-72),.M\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.M\\:v-mt-size-72),.M\\:v-mt-size-72{margin-top:72px}:host(.M\\:v-mb-size-72),.M\\:v-mb-size-72{margin-bottom:72px}:host(.M\\:v-mr-size-72),.M\\:v-mr-size-72{margin-right:72px}:host(.M\\:v-ml-size-72),.M\\:v-ml-size-72{margin-left:72px}:host(.M\\:v-m-size-80),.M\\:v-m-size-80{margin:80px}:host(.M\\:v-mx-size-80),.M\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.M\\:v-my-size-80),.M\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.M\\:v-mt-size-80),.M\\:v-mt-size-80{margin-top:80px}:host(.M\\:v-mb-size-80),.M\\:v-mb-size-80{margin-bottom:80px}:host(.M\\:v-mr-size-80),.M\\:v-mr-size-80{margin-right:80px}:host(.M\\:v-ml-size-80),.M\\:v-ml-size-80{margin-left:80px}:host(.M\\:v-m-size-112),.M\\:v-m-size-112{margin:112px}:host(.M\\:v-mx-size-112),.M\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.M\\:v-my-size-112),.M\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.M\\:v-mt-size-112),.M\\:v-mt-size-112{margin-top:112px}:host(.M\\:v-mb-size-112),.M\\:v-mb-size-112{margin-bottom:112px}:host(.M\\:v-mr-size-112),.M\\:v-mr-size-112{margin-right:112px}:host(.M\\:v-ml-size-112),.M\\:v-ml-size-112{margin-left:112px}:host(.M\\:v-m-size-2),.M\\:v-m-size-2{margin:2px}:host(.M\\:v-mx-size-2),.M\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.M\\:v-my-size-2),.M\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.M\\:v-mt-size-2),.M\\:v-mt-size-2{margin-top:2px}:host(.M\\:v-mb-size-2),.M\\:v-mb-size-2{margin-bottom:2px}:host(.M\\:v-mr-size-2),.M\\:v-mr-size-2{margin-right:2px}:host(.M\\:v-ml-size-2),.M\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1024px){:host(.L\\:v-m-0),.L\\:v-m-0{margin:0px}:host(.L\\:v-mx-0),.L\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-0),.L\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-0),.L\\:v-mt-0{margin-top:0px}:host(.L\\:v-mb-0),.L\\:v-mb-0{margin-bottom:0px}:host(.L\\:v-mr-0),.L\\:v-mr-0{margin-right:0px}:host(.L\\:v-ml-0),.L\\:v-ml-0{margin-left:0px}:host(.L\\:v-m-size-0),.L\\:v-m-size-0{margin:0px}:host(.L\\:v-mx-size-0),.L\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-size-0),.L\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-size-0),.L\\:v-mt-size-0{margin-top:0px}:host(.L\\:v-mb-size-0),.L\\:v-mb-size-0{margin-bottom:0px}:host(.L\\:v-mr-size-0),.L\\:v-mr-size-0{margin-right:0px}:host(.L\\:v-ml-size-0),.L\\:v-ml-size-0{margin-left:0px}:host(.L\\:v-m-size-4),.L\\:v-m-size-4{margin:4px}:host(.L\\:v-mx-size-4),.L\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.L\\:v-my-size-4),.L\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.L\\:v-mt-size-4),.L\\:v-mt-size-4{margin-top:4px}:host(.L\\:v-mb-size-4),.L\\:v-mb-size-4{margin-bottom:4px}:host(.L\\:v-mr-size-4),.L\\:v-mr-size-4{margin-right:4px}:host(.L\\:v-ml-size-4),.L\\:v-ml-size-4{margin-left:4px}:host(.L\\:v-m-size-8),.L\\:v-m-size-8{margin:8px}:host(.L\\:v-mx-size-8),.L\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.L\\:v-my-size-8),.L\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.L\\:v-mt-size-8),.L\\:v-mt-size-8{margin-top:8px}:host(.L\\:v-mb-size-8),.L\\:v-mb-size-8{margin-bottom:8px}:host(.L\\:v-mr-size-8),.L\\:v-mr-size-8{margin-right:8px}:host(.L\\:v-ml-size-8),.L\\:v-ml-size-8{margin-left:8px}:host(.L\\:v-m-size-12),.L\\:v-m-size-12{margin:12px}:host(.L\\:v-mx-size-12),.L\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.L\\:v-my-size-12),.L\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.L\\:v-mt-size-12),.L\\:v-mt-size-12{margin-top:12px}:host(.L\\:v-mb-size-12),.L\\:v-mb-size-12{margin-bottom:12px}:host(.L\\:v-mr-size-12),.L\\:v-mr-size-12{margin-right:12px}:host(.L\\:v-ml-size-12),.L\\:v-ml-size-12{margin-left:12px}:host(.L\\:v-m-size-16),.L\\:v-m-size-16{margin:16px}:host(.L\\:v-mx-size-16),.L\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.L\\:v-my-size-16),.L\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.L\\:v-mt-size-16),.L\\:v-mt-size-16{margin-top:16px}:host(.L\\:v-mb-size-16),.L\\:v-mb-size-16{margin-bottom:16px}:host(.L\\:v-mr-size-16),.L\\:v-mr-size-16{margin-right:16px}:host(.L\\:v-ml-size-16),.L\\:v-ml-size-16{margin-left:16px}:host(.L\\:v-m-size-20),.L\\:v-m-size-20{margin:20px}:host(.L\\:v-mx-size-20),.L\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.L\\:v-my-size-20),.L\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.L\\:v-mt-size-20),.L\\:v-mt-size-20{margin-top:20px}:host(.L\\:v-mb-size-20),.L\\:v-mb-size-20{margin-bottom:20px}:host(.L\\:v-mr-size-20),.L\\:v-mr-size-20{margin-right:20px}:host(.L\\:v-ml-size-20),.L\\:v-ml-size-20{margin-left:20px}:host(.L\\:v-m-size-24),.L\\:v-m-size-24{margin:24px}:host(.L\\:v-mx-size-24),.L\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.L\\:v-my-size-24),.L\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.L\\:v-mt-size-24),.L\\:v-mt-size-24{margin-top:24px}:host(.L\\:v-mb-size-24),.L\\:v-mb-size-24{margin-bottom:24px}:host(.L\\:v-mr-size-24),.L\\:v-mr-size-24{margin-right:24px}:host(.L\\:v-ml-size-24),.L\\:v-ml-size-24{margin-left:24px}:host(.L\\:v-m-size-32),.L\\:v-m-size-32{margin:32px}:host(.L\\:v-mx-size-32),.L\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.L\\:v-my-size-32),.L\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.L\\:v-mt-size-32),.L\\:v-mt-size-32{margin-top:32px}:host(.L\\:v-mb-size-32),.L\\:v-mb-size-32{margin-bottom:32px}:host(.L\\:v-mr-size-32),.L\\:v-mr-size-32{margin-right:32px}:host(.L\\:v-ml-size-32),.L\\:v-ml-size-32{margin-left:32px}:host(.L\\:v-m-size-40),.L\\:v-m-size-40{margin:40px}:host(.L\\:v-mx-size-40),.L\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.L\\:v-my-size-40),.L\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.L\\:v-mt-size-40),.L\\:v-mt-size-40{margin-top:40px}:host(.L\\:v-mb-size-40),.L\\:v-mb-size-40{margin-bottom:40px}:host(.L\\:v-mr-size-40),.L\\:v-mr-size-40{margin-right:40px}:host(.L\\:v-ml-size-40),.L\\:v-ml-size-40{margin-left:40px}:host(.L\\:v-m-size-48),.L\\:v-m-size-48{margin:48px}:host(.L\\:v-mx-size-48),.L\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.L\\:v-my-size-48),.L\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.L\\:v-mt-size-48),.L\\:v-mt-size-48{margin-top:48px}:host(.L\\:v-mb-size-48),.L\\:v-mb-size-48{margin-bottom:48px}:host(.L\\:v-mr-size-48),.L\\:v-mr-size-48{margin-right:48px}:host(.L\\:v-ml-size-48),.L\\:v-ml-size-48{margin-left:48px}:host(.L\\:v-m-size-64),.L\\:v-m-size-64{margin:64px}:host(.L\\:v-mx-size-64),.L\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.L\\:v-my-size-64),.L\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.L\\:v-mt-size-64),.L\\:v-mt-size-64{margin-top:64px}:host(.L\\:v-mb-size-64),.L\\:v-mb-size-64{margin-bottom:64px}:host(.L\\:v-mr-size-64),.L\\:v-mr-size-64{margin-right:64px}:host(.L\\:v-ml-size-64),.L\\:v-ml-size-64{margin-left:64px}:host(.L\\:v-m-size-72),.L\\:v-m-size-72{margin:72px}:host(.L\\:v-mx-size-72),.L\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.L\\:v-my-size-72),.L\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.L\\:v-mt-size-72),.L\\:v-mt-size-72{margin-top:72px}:host(.L\\:v-mb-size-72),.L\\:v-mb-size-72{margin-bottom:72px}:host(.L\\:v-mr-size-72),.L\\:v-mr-size-72{margin-right:72px}:host(.L\\:v-ml-size-72),.L\\:v-ml-size-72{margin-left:72px}:host(.L\\:v-m-size-80),.L\\:v-m-size-80{margin:80px}:host(.L\\:v-mx-size-80),.L\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.L\\:v-my-size-80),.L\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.L\\:v-mt-size-80),.L\\:v-mt-size-80{margin-top:80px}:host(.L\\:v-mb-size-80),.L\\:v-mb-size-80{margin-bottom:80px}:host(.L\\:v-mr-size-80),.L\\:v-mr-size-80{margin-right:80px}:host(.L\\:v-ml-size-80),.L\\:v-ml-size-80{margin-left:80px}:host(.L\\:v-m-size-112),.L\\:v-m-size-112{margin:112px}:host(.L\\:v-mx-size-112),.L\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.L\\:v-my-size-112),.L\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.L\\:v-mt-size-112),.L\\:v-mt-size-112{margin-top:112px}:host(.L\\:v-mb-size-112),.L\\:v-mb-size-112{margin-bottom:112px}:host(.L\\:v-mr-size-112),.L\\:v-mr-size-112{margin-right:112px}:host(.L\\:v-ml-size-112),.L\\:v-ml-size-112{margin-left:112px}:host(.L\\:v-m-size-2),.L\\:v-m-size-2{margin:2px}:host(.L\\:v-mx-size-2),.L\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.L\\:v-my-size-2),.L\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.L\\:v-mt-size-2),.L\\:v-mt-size-2{margin-top:2px}:host(.L\\:v-mb-size-2),.L\\:v-mb-size-2{margin-bottom:2px}:host(.L\\:v-mr-size-2),.L\\:v-mr-size-2{margin-right:2px}:host(.L\\:v-ml-size-2),.L\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-m-0),.XL\\:v-m-0{margin:0px}:host(.XL\\:v-mx-0),.XL\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-0),.XL\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-0),.XL\\:v-mt-0{margin-top:0px}:host(.XL\\:v-mb-0),.XL\\:v-mb-0{margin-bottom:0px}:host(.XL\\:v-mr-0),.XL\\:v-mr-0{margin-right:0px}:host(.XL\\:v-ml-0),.XL\\:v-ml-0{margin-left:0px}:host(.XL\\:v-m-size-0),.XL\\:v-m-size-0{margin:0px}:host(.XL\\:v-mx-size-0),.XL\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-size-0),.XL\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-size-0),.XL\\:v-mt-size-0{margin-top:0px}:host(.XL\\:v-mb-size-0),.XL\\:v-mb-size-0{margin-bottom:0px}:host(.XL\\:v-mr-size-0),.XL\\:v-mr-size-0{margin-right:0px}:host(.XL\\:v-ml-size-0),.XL\\:v-ml-size-0{margin-left:0px}:host(.XL\\:v-m-size-4),.XL\\:v-m-size-4{margin:4px}:host(.XL\\:v-mx-size-4),.XL\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.XL\\:v-my-size-4),.XL\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.XL\\:v-mt-size-4),.XL\\:v-mt-size-4{margin-top:4px}:host(.XL\\:v-mb-size-4),.XL\\:v-mb-size-4{margin-bottom:4px}:host(.XL\\:v-mr-size-4),.XL\\:v-mr-size-4{margin-right:4px}:host(.XL\\:v-ml-size-4),.XL\\:v-ml-size-4{margin-left:4px}:host(.XL\\:v-m-size-8),.XL\\:v-m-size-8{margin:8px}:host(.XL\\:v-mx-size-8),.XL\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.XL\\:v-my-size-8),.XL\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.XL\\:v-mt-size-8),.XL\\:v-mt-size-8{margin-top:8px}:host(.XL\\:v-mb-size-8),.XL\\:v-mb-size-8{margin-bottom:8px}:host(.XL\\:v-mr-size-8),.XL\\:v-mr-size-8{margin-right:8px}:host(.XL\\:v-ml-size-8),.XL\\:v-ml-size-8{margin-left:8px}:host(.XL\\:v-m-size-12),.XL\\:v-m-size-12{margin:12px}:host(.XL\\:v-mx-size-12),.XL\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.XL\\:v-my-size-12),.XL\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.XL\\:v-mt-size-12),.XL\\:v-mt-size-12{margin-top:12px}:host(.XL\\:v-mb-size-12),.XL\\:v-mb-size-12{margin-bottom:12px}:host(.XL\\:v-mr-size-12),.XL\\:v-mr-size-12{margin-right:12px}:host(.XL\\:v-ml-size-12),.XL\\:v-ml-size-12{margin-left:12px}:host(.XL\\:v-m-size-16),.XL\\:v-m-size-16{margin:16px}:host(.XL\\:v-mx-size-16),.XL\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.XL\\:v-my-size-16),.XL\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.XL\\:v-mt-size-16),.XL\\:v-mt-size-16{margin-top:16px}:host(.XL\\:v-mb-size-16),.XL\\:v-mb-size-16{margin-bottom:16px}:host(.XL\\:v-mr-size-16),.XL\\:v-mr-size-16{margin-right:16px}:host(.XL\\:v-ml-size-16),.XL\\:v-ml-size-16{margin-left:16px}:host(.XL\\:v-m-size-20),.XL\\:v-m-size-20{margin:20px}:host(.XL\\:v-mx-size-20),.XL\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.XL\\:v-my-size-20),.XL\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.XL\\:v-mt-size-20),.XL\\:v-mt-size-20{margin-top:20px}:host(.XL\\:v-mb-size-20),.XL\\:v-mb-size-20{margin-bottom:20px}:host(.XL\\:v-mr-size-20),.XL\\:v-mr-size-20{margin-right:20px}:host(.XL\\:v-ml-size-20),.XL\\:v-ml-size-20{margin-left:20px}:host(.XL\\:v-m-size-24),.XL\\:v-m-size-24{margin:24px}:host(.XL\\:v-mx-size-24),.XL\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.XL\\:v-my-size-24),.XL\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.XL\\:v-mt-size-24),.XL\\:v-mt-size-24{margin-top:24px}:host(.XL\\:v-mb-size-24),.XL\\:v-mb-size-24{margin-bottom:24px}:host(.XL\\:v-mr-size-24),.XL\\:v-mr-size-24{margin-right:24px}:host(.XL\\:v-ml-size-24),.XL\\:v-ml-size-24{margin-left:24px}:host(.XL\\:v-m-size-32),.XL\\:v-m-size-32{margin:32px}:host(.XL\\:v-mx-size-32),.XL\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.XL\\:v-my-size-32),.XL\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.XL\\:v-mt-size-32),.XL\\:v-mt-size-32{margin-top:32px}:host(.XL\\:v-mb-size-32),.XL\\:v-mb-size-32{margin-bottom:32px}:host(.XL\\:v-mr-size-32),.XL\\:v-mr-size-32{margin-right:32px}:host(.XL\\:v-ml-size-32),.XL\\:v-ml-size-32{margin-left:32px}:host(.XL\\:v-m-size-40),.XL\\:v-m-size-40{margin:40px}:host(.XL\\:v-mx-size-40),.XL\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.XL\\:v-my-size-40),.XL\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.XL\\:v-mt-size-40),.XL\\:v-mt-size-40{margin-top:40px}:host(.XL\\:v-mb-size-40),.XL\\:v-mb-size-40{margin-bottom:40px}:host(.XL\\:v-mr-size-40),.XL\\:v-mr-size-40{margin-right:40px}:host(.XL\\:v-ml-size-40),.XL\\:v-ml-size-40{margin-left:40px}:host(.XL\\:v-m-size-48),.XL\\:v-m-size-48{margin:48px}:host(.XL\\:v-mx-size-48),.XL\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.XL\\:v-my-size-48),.XL\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.XL\\:v-mt-size-48),.XL\\:v-mt-size-48{margin-top:48px}:host(.XL\\:v-mb-size-48),.XL\\:v-mb-size-48{margin-bottom:48px}:host(.XL\\:v-mr-size-48),.XL\\:v-mr-size-48{margin-right:48px}:host(.XL\\:v-ml-size-48),.XL\\:v-ml-size-48{margin-left:48px}:host(.XL\\:v-m-size-64),.XL\\:v-m-size-64{margin:64px}:host(.XL\\:v-mx-size-64),.XL\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.XL\\:v-my-size-64),.XL\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.XL\\:v-mt-size-64),.XL\\:v-mt-size-64{margin-top:64px}:host(.XL\\:v-mb-size-64),.XL\\:v-mb-size-64{margin-bottom:64px}:host(.XL\\:v-mr-size-64),.XL\\:v-mr-size-64{margin-right:64px}:host(.XL\\:v-ml-size-64),.XL\\:v-ml-size-64{margin-left:64px}:host(.XL\\:v-m-size-72),.XL\\:v-m-size-72{margin:72px}:host(.XL\\:v-mx-size-72),.XL\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.XL\\:v-my-size-72),.XL\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.XL\\:v-mt-size-72),.XL\\:v-mt-size-72{margin-top:72px}:host(.XL\\:v-mb-size-72),.XL\\:v-mb-size-72{margin-bottom:72px}:host(.XL\\:v-mr-size-72),.XL\\:v-mr-size-72{margin-right:72px}:host(.XL\\:v-ml-size-72),.XL\\:v-ml-size-72{margin-left:72px}:host(.XL\\:v-m-size-80),.XL\\:v-m-size-80{margin:80px}:host(.XL\\:v-mx-size-80),.XL\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.XL\\:v-my-size-80),.XL\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.XL\\:v-mt-size-80),.XL\\:v-mt-size-80{margin-top:80px}:host(.XL\\:v-mb-size-80),.XL\\:v-mb-size-80{margin-bottom:80px}:host(.XL\\:v-mr-size-80),.XL\\:v-mr-size-80{margin-right:80px}:host(.XL\\:v-ml-size-80),.XL\\:v-ml-size-80{margin-left:80px}:host(.XL\\:v-m-size-112),.XL\\:v-m-size-112{margin:112px}:host(.XL\\:v-mx-size-112),.XL\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.XL\\:v-my-size-112),.XL\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.XL\\:v-mt-size-112),.XL\\:v-mt-size-112{margin-top:112px}:host(.XL\\:v-mb-size-112),.XL\\:v-mb-size-112{margin-bottom:112px}:host(.XL\\:v-mr-size-112),.XL\\:v-mr-size-112{margin-right:112px}:host(.XL\\:v-ml-size-112),.XL\\:v-ml-size-112{margin-left:112px}:host(.XL\\:v-m-size-2),.XL\\:v-m-size-2{margin:2px}:host(.XL\\:v-mx-size-2),.XL\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.XL\\:v-my-size-2),.XL\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.XL\\:v-mt-size-2),.XL\\:v-mt-size-2{margin-top:2px}:host(.XL\\:v-mb-size-2),.XL\\:v-mb-size-2{margin-bottom:2px}:host(.XL\\:v-mr-size-2),.XL\\:v-mr-size-2{margin-right:2px}:host(.XL\\:v-ml-size-2),.XL\\:v-ml-size-2{margin-left:2px}}:host(.v-block),.v-block{display:block}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host(.v-rounded-0),.v-rounded-0{border-radius:0px}:host(.v-rounded-t-0),.v-rounded-t-0{border-top-left-radius:0px;border-top-right-radius:0px}:host(.v-rounded-b-0),.v-rounded-b-0{border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.v-rounded-l-0),.v-rounded-l-0{border-top-left-radius:0px;border-bottom-left-radius:0px}:host(.v-rounded-r-0),.v-rounded-r-0{border-top-right-radius:0px;border-bottom-right-radius:0px}:host(.v-rounded-tl-0),.v-rounded-tl-0{border-top-left-radius:0px}:host(.v-rounded-tr-0),.v-rounded-tr-0{border-top-right-radius:0px}:host(.v-rounded-bl-0),.v-rounded-bl-0{border-bottom-left-radius:0px}:host(.v-rounded-br-0),.v-rounded-br-0{border-bottom-right-radius:0px}:host(.v-rounded-9999),.v-rounded-9999{border-radius:9999px}:host(.v-rounded-t-9999),.v-rounded-t-9999{border-top-left-radius:9999px;border-top-right-radius:9999px}:host(.v-rounded-b-9999),.v-rounded-b-9999{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}:host(.v-rounded-l-9999),.v-rounded-l-9999{border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(.v-rounded-r-9999),.v-rounded-r-9999{border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(.v-rounded-tl-9999),.v-rounded-tl-9999{border-top-left-radius:9999px}:host(.v-rounded-tr-9999),.v-rounded-tr-9999{border-top-right-radius:9999px}:host(.v-rounded-bl-9999),.v-rounded-bl-9999{border-bottom-left-radius:9999px}:host(.v-rounded-br-9999),.v-rounded-br-9999{border-bottom-right-radius:9999px}:host(.v-rounded-2),.v-rounded-2{border-radius:2px}:host(.v-rounded-t-2),.v-rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}:host(.v-rounded-b-2),.v-rounded-b-2{border-bottom-left-radius:2px;border-bottom-right-radius:2px}:host(.v-rounded-l-2),.v-rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}:host(.v-rounded-r-2),.v-rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}:host(.v-rounded-tl-2),.v-rounded-tl-2{border-top-left-radius:2px}:host(.v-rounded-tr-2),.v-rounded-tr-2{border-top-right-radius:2px}:host(.v-rounded-bl-2),.v-rounded-bl-2{border-bottom-left-radius:2px}:host(.v-rounded-br-2),.v-rounded-br-2{border-bottom-right-radius:2px}:host(.v-rounded-4),.v-rounded-4{border-radius:4px}:host(.v-rounded-t-4),.v-rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}:host(.v-rounded-b-4),.v-rounded-b-4{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.v-rounded-l-4),.v-rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.v-rounded-r-4),.v-rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.v-rounded-tl-4),.v-rounded-tl-4{border-top-left-radius:4px}:host(.v-rounded-tr-4),.v-rounded-tr-4{border-top-right-radius:4px}:host(.v-rounded-bl-4),.v-rounded-bl-4{border-bottom-left-radius:4px}:host(.v-rounded-br-4),.v-rounded-br-4{border-bottom-right-radius:4px}:host(.v-rounded-8),.v-rounded-8{border-radius:8px}:host(.v-rounded-t-8),.v-rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}:host(.v-rounded-b-8),.v-rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}:host(.v-rounded-l-8),.v-rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}:host(.v-rounded-r-8),.v-rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}:host(.v-rounded-tl-8),.v-rounded-tl-8{border-top-left-radius:8px}:host(.v-rounded-tr-8),.v-rounded-tr-8{border-top-right-radius:8px}:host(.v-rounded-bl-8),.v-rounded-bl-8{border-bottom-left-radius:8px}:host(.v-rounded-br-8),.v-rounded-br-8{border-bottom-right-radius:8px}:host(.v-rounded-12),.v-rounded-12{border-radius:12px}:host(.v-rounded-t-12),.v-rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}:host(.v-rounded-b-12),.v-rounded-b-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}:host(.v-rounded-l-12),.v-rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.v-rounded-r-12),.v-rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.v-rounded-tl-12),.v-rounded-tl-12{border-top-left-radius:12px}:host(.v-rounded-tr-12),.v-rounded-tr-12{border-top-right-radius:12px}:host(.v-rounded-bl-12),.v-rounded-bl-12{border-bottom-left-radius:12px}:host(.v-rounded-br-12),.v-rounded-br-12{border-bottom-right-radius:12px}:host(.v-rounded-16),.v-rounded-16{border-radius:16px}:host(.v-rounded-t-16),.v-rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}:host(.v-rounded-b-16),.v-rounded-b-16{border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host(.v-rounded-l-16),.v-rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}:host(.v-rounded-r-16),.v-rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}:host(.v-rounded-tl-16),.v-rounded-tl-16{border-top-left-radius:16px}:host(.v-rounded-tr-16),.v-rounded-tr-16{border-top-right-radius:16px}:host(.v-rounded-bl-16),.v-rounded-bl-16{border-bottom-left-radius:16px}:host(.v-rounded-br-16),.v-rounded-br-16{border-bottom-right-radius:16px}:host(.v-rounded-24),.v-rounded-24{border-radius:24px}:host(.v-rounded-t-24),.v-rounded-t-24{border-top-left-radius:24px;border-top-right-radius:24px}:host(.v-rounded-b-24),.v-rounded-b-24{border-bottom-left-radius:24px;border-bottom-right-radius:24px}:host(.v-rounded-l-24),.v-rounded-l-24{border-top-left-radius:24px;border-bottom-left-radius:24px}:host(.v-rounded-r-24),.v-rounded-r-24{border-top-right-radius:24px;border-bottom-right-radius:24px}:host(.v-rounded-tl-24),.v-rounded-tl-24{border-top-left-radius:24px}:host(.v-rounded-tr-24),.v-rounded-tr-24{border-top-right-radius:24px}:host(.v-rounded-bl-24),.v-rounded-bl-24{border-bottom-left-radius:24px}:host(.v-rounded-br-24),.v-rounded-br-24{border-bottom-right-radius:24px}:host(.v-rounded-32),.v-rounded-32{border-radius:32px}:host(.v-rounded-t-32),.v-rounded-t-32{border-top-left-radius:32px;border-top-right-radius:32px}:host(.v-rounded-b-32),.v-rounded-b-32{border-bottom-left-radius:32px;border-bottom-right-radius:32px}:host(.v-rounded-l-32),.v-rounded-l-32{border-top-left-radius:32px;border-bottom-left-radius:32px}:host(.v-rounded-r-32),.v-rounded-r-32{border-top-right-radius:32px;border-bottom-right-radius:32px}:host(.v-rounded-tl-32),.v-rounded-tl-32{border-top-left-radius:32px}:host(.v-rounded-tr-32),.v-rounded-tr-32{border-top-right-radius:32px}:host(.v-rounded-bl-32),.v-rounded-bl-32{border-bottom-left-radius:32px}:host(.v-rounded-br-32),.v-rounded-br-32{border-bottom-right-radius:32px}:host(.v-rounded-48),.v-rounded-48{border-radius:48px}:host(.v-rounded-t-48),.v-rounded-t-48{border-top-left-radius:48px;border-top-right-radius:48px}:host(.v-rounded-b-48),.v-rounded-b-48{border-bottom-left-radius:48px;border-bottom-right-radius:48px}:host(.v-rounded-l-48),.v-rounded-l-48{border-top-left-radius:48px;border-bottom-left-radius:48px}:host(.v-rounded-r-48),.v-rounded-r-48{border-top-right-radius:48px;border-bottom-right-radius:48px}:host(.v-rounded-tl-48),.v-rounded-tl-48{border-top-left-radius:48px}:host(.v-rounded-tr-48),.v-rounded-tr-48{border-top-right-radius:48px}:host(.v-rounded-bl-48),.v-rounded-bl-48{border-bottom-left-radius:48px}:host(.v-rounded-br-48),.v-rounded-br-48{border-bottom-right-radius:48px}@media (min-width: 320px){:host(.S\\:v-rounded-0),.S\\:v-rounded-0{border-radius:0px}:host(.S\\:v-rounded-t-0),.S\\:v-rounded-t-0{border-top-left-radius:0px;border-top-right-radius:0px}:host(.S\\:v-rounded-b-0),.S\\:v-rounded-b-0{border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.S\\:v-rounded-l-0),.S\\:v-rounded-l-0{border-top-left-radius:0px;border-bottom-left-radius:0px}:host(.S\\:v-rounded-r-0),.S\\:v-rounded-r-0{border-top-right-radius:0px;border-bottom-right-radius:0px}:host(.S\\:v-rounded-tl-0),.S\\:v-rounded-tl-0{border-top-left-radius:0px}:host(.S\\:v-rounded-tr-0),.S\\:v-rounded-tr-0{border-top-right-radius:0px}:host(.S\\:v-rounded-bl-0),.S\\:v-rounded-bl-0{border-bottom-left-radius:0px}:host(.S\\:v-rounded-br-0),.S\\:v-rounded-br-0{border-bottom-right-radius:0px}:host(.S\\:v-rounded-9999),.S\\:v-rounded-9999{border-radius:9999px}:host(.S\\:v-rounded-t-9999),.S\\:v-rounded-t-9999{border-top-left-radius:9999px;border-top-right-radius:9999px}:host(.S\\:v-rounded-b-9999),.S\\:v-rounded-b-9999{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}:host(.S\\:v-rounded-l-9999),.S\\:v-rounded-l-9999{border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(.S\\:v-rounded-r-9999),.S\\:v-rounded-r-9999{border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(.S\\:v-rounded-tl-9999),.S\\:v-rounded-tl-9999{border-top-left-radius:9999px}:host(.S\\:v-rounded-tr-9999),.S\\:v-rounded-tr-9999{border-top-right-radius:9999px}:host(.S\\:v-rounded-bl-9999),.S\\:v-rounded-bl-9999{border-bottom-left-radius:9999px}:host(.S\\:v-rounded-br-9999),.S\\:v-rounded-br-9999{border-bottom-right-radius:9999px}:host(.S\\:v-rounded-2),.S\\:v-rounded-2{border-radius:2px}:host(.S\\:v-rounded-t-2),.S\\:v-rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}:host(.S\\:v-rounded-b-2),.S\\:v-rounded-b-2{border-bottom-left-radius:2px;border-bottom-right-radius:2px}:host(.S\\:v-rounded-l-2),.S\\:v-rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}:host(.S\\:v-rounded-r-2),.S\\:v-rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}:host(.S\\:v-rounded-tl-2),.S\\:v-rounded-tl-2{border-top-left-radius:2px}:host(.S\\:v-rounded-tr-2),.S\\:v-rounded-tr-2{border-top-right-radius:2px}:host(.S\\:v-rounded-bl-2),.S\\:v-rounded-bl-2{border-bottom-left-radius:2px}:host(.S\\:v-rounded-br-2),.S\\:v-rounded-br-2{border-bottom-right-radius:2px}:host(.S\\:v-rounded-4),.S\\:v-rounded-4{border-radius:4px}:host(.S\\:v-rounded-t-4),.S\\:v-rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}:host(.S\\:v-rounded-b-4),.S\\:v-rounded-b-4{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.S\\:v-rounded-l-4),.S\\:v-rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.S\\:v-rounded-r-4),.S\\:v-rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.S\\:v-rounded-tl-4),.S\\:v-rounded-tl-4{border-top-left-radius:4px}:host(.S\\:v-rounded-tr-4),.S\\:v-rounded-tr-4{border-top-right-radius:4px}:host(.S\\:v-rounded-bl-4),.S\\:v-rounded-bl-4{border-bottom-left-radius:4px}:host(.S\\:v-rounded-br-4),.S\\:v-rounded-br-4{border-bottom-right-radius:4px}:host(.S\\:v-rounded-8),.S\\:v-rounded-8{border-radius:8px}:host(.S\\:v-rounded-t-8),.S\\:v-rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}:host(.S\\:v-rounded-b-8),.S\\:v-rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}:host(.S\\:v-rounded-l-8),.S\\:v-rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}:host(.S\\:v-rounded-r-8),.S\\:v-rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}:host(.S\\:v-rounded-tl-8),.S\\:v-rounded-tl-8{border-top-left-radius:8px}:host(.S\\:v-rounded-tr-8),.S\\:v-rounded-tr-8{border-top-right-radius:8px}:host(.S\\:v-rounded-bl-8),.S\\:v-rounded-bl-8{border-bottom-left-radius:8px}:host(.S\\:v-rounded-br-8),.S\\:v-rounded-br-8{border-bottom-right-radius:8px}:host(.S\\:v-rounded-12),.S\\:v-rounded-12{border-radius:12px}:host(.S\\:v-rounded-t-12),.S\\:v-rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}:host(.S\\:v-rounded-b-12),.S\\:v-rounded-b-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}:host(.S\\:v-rounded-l-12),.S\\:v-rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.S\\:v-rounded-r-12),.S\\:v-rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.S\\:v-rounded-tl-12),.S\\:v-rounded-tl-12{border-top-left-radius:12px}:host(.S\\:v-rounded-tr-12),.S\\:v-rounded-tr-12{border-top-right-radius:12px}:host(.S\\:v-rounded-bl-12),.S\\:v-rounded-bl-12{border-bottom-left-radius:12px}:host(.S\\:v-rounded-br-12),.S\\:v-rounded-br-12{border-bottom-right-radius:12px}:host(.S\\:v-rounded-16),.S\\:v-rounded-16{border-radius:16px}:host(.S\\:v-rounded-t-16),.S\\:v-rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}:host(.S\\:v-rounded-b-16),.S\\:v-rounded-b-16{border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host(.S\\:v-rounded-l-16),.S\\:v-rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}:host(.S\\:v-rounded-r-16),.S\\:v-rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}:host(.S\\:v-rounded-tl-16),.S\\:v-rounded-tl-16{border-top-left-radius:16px}:host(.S\\:v-rounded-tr-16),.S\\:v-rounded-tr-16{border-top-right-radius:16px}:host(.S\\:v-rounded-bl-16),.S\\:v-rounded-bl-16{border-bottom-left-radius:16px}:host(.S\\:v-rounded-br-16),.S\\:v-rounded-br-16{border-bottom-right-radius:16px}:host(.S\\:v-rounded-24),.S\\:v-rounded-24{border-radius:24px}:host(.S\\:v-rounded-t-24),.S\\:v-rounded-t-24{border-top-left-radius:24px;border-top-right-radius:24px}:host(.S\\:v-rounded-b-24),.S\\:v-rounded-b-24{border-bottom-left-radius:24px;border-bottom-right-radius:24px}:host(.S\\:v-rounded-l-24),.S\\:v-rounded-l-24{border-top-left-radius:24px;border-bottom-left-radius:24px}:host(.S\\:v-rounded-r-24),.S\\:v-rounded-r-24{border-top-right-radius:24px;border-bottom-right-radius:24px}:host(.S\\:v-rounded-tl-24),.S\\:v-rounded-tl-24{border-top-left-radius:24px}:host(.S\\:v-rounded-tr-24),.S\\:v-rounded-tr-24{border-top-right-radius:24px}:host(.S\\:v-rounded-bl-24),.S\\:v-rounded-bl-24{border-bottom-left-radius:24px}:host(.S\\:v-rounded-br-24),.S\\:v-rounded-br-24{border-bottom-right-radius:24px}:host(.S\\:v-rounded-32),.S\\:v-rounded-32{border-radius:32px}:host(.S\\:v-rounded-t-32),.S\\:v-rounded-t-32{border-top-left-radius:32px;border-top-right-radius:32px}:host(.S\\:v-rounded-b-32),.S\\:v-rounded-b-32{border-bottom-left-radius:32px;border-bottom-right-radius:32px}:host(.S\\:v-rounded-l-32),.S\\:v-rounded-l-32{border-top-left-radius:32px;border-bottom-left-radius:32px}:host(.S\\:v-rounded-r-32),.S\\:v-rounded-r-32{border-top-right-radius:32px;border-bottom-right-radius:32px}:host(.S\\:v-rounded-tl-32),.S\\:v-rounded-tl-32{border-top-left-radius:32px}:host(.S\\:v-rounded-tr-32),.S\\:v-rounded-tr-32{border-top-right-radius:32px}:host(.S\\:v-rounded-bl-32),.S\\:v-rounded-bl-32{border-bottom-left-radius:32px}:host(.S\\:v-rounded-br-32),.S\\:v-rounded-br-32{border-bottom-right-radius:32px}:host(.S\\:v-rounded-48),.S\\:v-rounded-48{border-radius:48px}:host(.S\\:v-rounded-t-48),.S\\:v-rounded-t-48{border-top-left-radius:48px;border-top-right-radius:48px}:host(.S\\:v-rounded-b-48),.S\\:v-rounded-b-48{border-bottom-left-radius:48px;border-bottom-right-radius:48px}:host(.S\\:v-rounded-l-48),.S\\:v-rounded-l-48{border-top-left-radius:48px;border-bottom-left-radius:48px}:host(.S\\:v-rounded-r-48),.S\\:v-rounded-r-48{border-top-right-radius:48px;border-bottom-right-radius:48px}:host(.S\\:v-rounded-tl-48),.S\\:v-rounded-tl-48{border-top-left-radius:48px}:host(.S\\:v-rounded-tr-48),.S\\:v-rounded-tr-48{border-top-right-radius:48px}:host(.S\\:v-rounded-bl-48),.S\\:v-rounded-bl-48{border-bottom-left-radius:48px}:host(.S\\:v-rounded-br-48),.S\\:v-rounded-br-48{border-bottom-right-radius:48px}}@media (min-width: 768px){:host(.M\\:v-rounded-0),.M\\:v-rounded-0{border-radius:0px}:host(.M\\:v-rounded-t-0),.M\\:v-rounded-t-0{border-top-left-radius:0px;border-top-right-radius:0px}:host(.M\\:v-rounded-b-0),.M\\:v-rounded-b-0{border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.M\\:v-rounded-l-0),.M\\:v-rounded-l-0{border-top-left-radius:0px;border-bottom-left-radius:0px}:host(.M\\:v-rounded-r-0),.M\\:v-rounded-r-0{border-top-right-radius:0px;border-bottom-right-radius:0px}:host(.M\\:v-rounded-tl-0),.M\\:v-rounded-tl-0{border-top-left-radius:0px}:host(.M\\:v-rounded-tr-0),.M\\:v-rounded-tr-0{border-top-right-radius:0px}:host(.M\\:v-rounded-bl-0),.M\\:v-rounded-bl-0{border-bottom-left-radius:0px}:host(.M\\:v-rounded-br-0),.M\\:v-rounded-br-0{border-bottom-right-radius:0px}:host(.M\\:v-rounded-9999),.M\\:v-rounded-9999{border-radius:9999px}:host(.M\\:v-rounded-t-9999),.M\\:v-rounded-t-9999{border-top-left-radius:9999px;border-top-right-radius:9999px}:host(.M\\:v-rounded-b-9999),.M\\:v-rounded-b-9999{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}:host(.M\\:v-rounded-l-9999),.M\\:v-rounded-l-9999{border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(.M\\:v-rounded-r-9999),.M\\:v-rounded-r-9999{border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(.M\\:v-rounded-tl-9999),.M\\:v-rounded-tl-9999{border-top-left-radius:9999px}:host(.M\\:v-rounded-tr-9999),.M\\:v-rounded-tr-9999{border-top-right-radius:9999px}:host(.M\\:v-rounded-bl-9999),.M\\:v-rounded-bl-9999{border-bottom-left-radius:9999px}:host(.M\\:v-rounded-br-9999),.M\\:v-rounded-br-9999{border-bottom-right-radius:9999px}:host(.M\\:v-rounded-2),.M\\:v-rounded-2{border-radius:2px}:host(.M\\:v-rounded-t-2),.M\\:v-rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}:host(.M\\:v-rounded-b-2),.M\\:v-rounded-b-2{border-bottom-left-radius:2px;border-bottom-right-radius:2px}:host(.M\\:v-rounded-l-2),.M\\:v-rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}:host(.M\\:v-rounded-r-2),.M\\:v-rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}:host(.M\\:v-rounded-tl-2),.M\\:v-rounded-tl-2{border-top-left-radius:2px}:host(.M\\:v-rounded-tr-2),.M\\:v-rounded-tr-2{border-top-right-radius:2px}:host(.M\\:v-rounded-bl-2),.M\\:v-rounded-bl-2{border-bottom-left-radius:2px}:host(.M\\:v-rounded-br-2),.M\\:v-rounded-br-2{border-bottom-right-radius:2px}:host(.M\\:v-rounded-4),.M\\:v-rounded-4{border-radius:4px}:host(.M\\:v-rounded-t-4),.M\\:v-rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}:host(.M\\:v-rounded-b-4),.M\\:v-rounded-b-4{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.M\\:v-rounded-l-4),.M\\:v-rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.M\\:v-rounded-r-4),.M\\:v-rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.M\\:v-rounded-tl-4),.M\\:v-rounded-tl-4{border-top-left-radius:4px}:host(.M\\:v-rounded-tr-4),.M\\:v-rounded-tr-4{border-top-right-radius:4px}:host(.M\\:v-rounded-bl-4),.M\\:v-rounded-bl-4{border-bottom-left-radius:4px}:host(.M\\:v-rounded-br-4),.M\\:v-rounded-br-4{border-bottom-right-radius:4px}:host(.M\\:v-rounded-8),.M\\:v-rounded-8{border-radius:8px}:host(.M\\:v-rounded-t-8),.M\\:v-rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}:host(.M\\:v-rounded-b-8),.M\\:v-rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}:host(.M\\:v-rounded-l-8),.M\\:v-rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}:host(.M\\:v-rounded-r-8),.M\\:v-rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}:host(.M\\:v-rounded-tl-8),.M\\:v-rounded-tl-8{border-top-left-radius:8px}:host(.M\\:v-rounded-tr-8),.M\\:v-rounded-tr-8{border-top-right-radius:8px}:host(.M\\:v-rounded-bl-8),.M\\:v-rounded-bl-8{border-bottom-left-radius:8px}:host(.M\\:v-rounded-br-8),.M\\:v-rounded-br-8{border-bottom-right-radius:8px}:host(.M\\:v-rounded-12),.M\\:v-rounded-12{border-radius:12px}:host(.M\\:v-rounded-t-12),.M\\:v-rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}:host(.M\\:v-rounded-b-12),.M\\:v-rounded-b-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}:host(.M\\:v-rounded-l-12),.M\\:v-rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.M\\:v-rounded-r-12),.M\\:v-rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.M\\:v-rounded-tl-12),.M\\:v-rounded-tl-12{border-top-left-radius:12px}:host(.M\\:v-rounded-tr-12),.M\\:v-rounded-tr-12{border-top-right-radius:12px}:host(.M\\:v-rounded-bl-12),.M\\:v-rounded-bl-12{border-bottom-left-radius:12px}:host(.M\\:v-rounded-br-12),.M\\:v-rounded-br-12{border-bottom-right-radius:12px}:host(.M\\:v-rounded-16),.M\\:v-rounded-16{border-radius:16px}:host(.M\\:v-rounded-t-16),.M\\:v-rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}:host(.M\\:v-rounded-b-16),.M\\:v-rounded-b-16{border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host(.M\\:v-rounded-l-16),.M\\:v-rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}:host(.M\\:v-rounded-r-16),.M\\:v-rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}:host(.M\\:v-rounded-tl-16),.M\\:v-rounded-tl-16{border-top-left-radius:16px}:host(.M\\:v-rounded-tr-16),.M\\:v-rounded-tr-16{border-top-right-radius:16px}:host(.M\\:v-rounded-bl-16),.M\\:v-rounded-bl-16{border-bottom-left-radius:16px}:host(.M\\:v-rounded-br-16),.M\\:v-rounded-br-16{border-bottom-right-radius:16px}:host(.M\\:v-rounded-24),.M\\:v-rounded-24{border-radius:24px}:host(.M\\:v-rounded-t-24),.M\\:v-rounded-t-24{border-top-left-radius:24px;border-top-right-radius:24px}:host(.M\\:v-rounded-b-24),.M\\:v-rounded-b-24{border-bottom-left-radius:24px;border-bottom-right-radius:24px}:host(.M\\:v-rounded-l-24),.M\\:v-rounded-l-24{border-top-left-radius:24px;border-bottom-left-radius:24px}:host(.M\\:v-rounded-r-24),.M\\:v-rounded-r-24{border-top-right-radius:24px;border-bottom-right-radius:24px}:host(.M\\:v-rounded-tl-24),.M\\:v-rounded-tl-24{border-top-left-radius:24px}:host(.M\\:v-rounded-tr-24),.M\\:v-rounded-tr-24{border-top-right-radius:24px}:host(.M\\:v-rounded-bl-24),.M\\:v-rounded-bl-24{border-bottom-left-radius:24px}:host(.M\\:v-rounded-br-24),.M\\:v-rounded-br-24{border-bottom-right-radius:24px}:host(.M\\:v-rounded-32),.M\\:v-rounded-32{border-radius:32px}:host(.M\\:v-rounded-t-32),.M\\:v-rounded-t-32{border-top-left-radius:32px;border-top-right-radius:32px}:host(.M\\:v-rounded-b-32),.M\\:v-rounded-b-32{border-bottom-left-radius:32px;border-bottom-right-radius:32px}:host(.M\\:v-rounded-l-32),.M\\:v-rounded-l-32{border-top-left-radius:32px;border-bottom-left-radius:32px}:host(.M\\:v-rounded-r-32),.M\\:v-rounded-r-32{border-top-right-radius:32px;border-bottom-right-radius:32px}:host(.M\\:v-rounded-tl-32),.M\\:v-rounded-tl-32{border-top-left-radius:32px}:host(.M\\:v-rounded-tr-32),.M\\:v-rounded-tr-32{border-top-right-radius:32px}:host(.M\\:v-rounded-bl-32),.M\\:v-rounded-bl-32{border-bottom-left-radius:32px}:host(.M\\:v-rounded-br-32),.M\\:v-rounded-br-32{border-bottom-right-radius:32px}:host(.M\\:v-rounded-48),.M\\:v-rounded-48{border-radius:48px}:host(.M\\:v-rounded-t-48),.M\\:v-rounded-t-48{border-top-left-radius:48px;border-top-right-radius:48px}:host(.M\\:v-rounded-b-48),.M\\:v-rounded-b-48{border-bottom-left-radius:48px;border-bottom-right-radius:48px}:host(.M\\:v-rounded-l-48),.M\\:v-rounded-l-48{border-top-left-radius:48px;border-bottom-left-radius:48px}:host(.M\\:v-rounded-r-48),.M\\:v-rounded-r-48{border-top-right-radius:48px;border-bottom-right-radius:48px}:host(.M\\:v-rounded-tl-48),.M\\:v-rounded-tl-48{border-top-left-radius:48px}:host(.M\\:v-rounded-tr-48),.M\\:v-rounded-tr-48{border-top-right-radius:48px}:host(.M\\:v-rounded-bl-48),.M\\:v-rounded-bl-48{border-bottom-left-radius:48px}:host(.M\\:v-rounded-br-48),.M\\:v-rounded-br-48{border-bottom-right-radius:48px}}@media (min-width: 1024px){:host(.L\\:v-rounded-0),.L\\:v-rounded-0{border-radius:0px}:host(.L\\:v-rounded-t-0),.L\\:v-rounded-t-0{border-top-left-radius:0px;border-top-right-radius:0px}:host(.L\\:v-rounded-b-0),.L\\:v-rounded-b-0{border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.L\\:v-rounded-l-0),.L\\:v-rounded-l-0{border-top-left-radius:0px;border-bottom-left-radius:0px}:host(.L\\:v-rounded-r-0),.L\\:v-rounded-r-0{border-top-right-radius:0px;border-bottom-right-radius:0px}:host(.L\\:v-rounded-tl-0),.L\\:v-rounded-tl-0{border-top-left-radius:0px}:host(.L\\:v-rounded-tr-0),.L\\:v-rounded-tr-0{border-top-right-radius:0px}:host(.L\\:v-rounded-bl-0),.L\\:v-rounded-bl-0{border-bottom-left-radius:0px}:host(.L\\:v-rounded-br-0),.L\\:v-rounded-br-0{border-bottom-right-radius:0px}:host(.L\\:v-rounded-9999),.L\\:v-rounded-9999{border-radius:9999px}:host(.L\\:v-rounded-t-9999),.L\\:v-rounded-t-9999{border-top-left-radius:9999px;border-top-right-radius:9999px}:host(.L\\:v-rounded-b-9999),.L\\:v-rounded-b-9999{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}:host(.L\\:v-rounded-l-9999),.L\\:v-rounded-l-9999{border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(.L\\:v-rounded-r-9999),.L\\:v-rounded-r-9999{border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(.L\\:v-rounded-tl-9999),.L\\:v-rounded-tl-9999{border-top-left-radius:9999px}:host(.L\\:v-rounded-tr-9999),.L\\:v-rounded-tr-9999{border-top-right-radius:9999px}:host(.L\\:v-rounded-bl-9999),.L\\:v-rounded-bl-9999{border-bottom-left-radius:9999px}:host(.L\\:v-rounded-br-9999),.L\\:v-rounded-br-9999{border-bottom-right-radius:9999px}:host(.L\\:v-rounded-2),.L\\:v-rounded-2{border-radius:2px}:host(.L\\:v-rounded-t-2),.L\\:v-rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}:host(.L\\:v-rounded-b-2),.L\\:v-rounded-b-2{border-bottom-left-radius:2px;border-bottom-right-radius:2px}:host(.L\\:v-rounded-l-2),.L\\:v-rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}:host(.L\\:v-rounded-r-2),.L\\:v-rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}:host(.L\\:v-rounded-tl-2),.L\\:v-rounded-tl-2{border-top-left-radius:2px}:host(.L\\:v-rounded-tr-2),.L\\:v-rounded-tr-2{border-top-right-radius:2px}:host(.L\\:v-rounded-bl-2),.L\\:v-rounded-bl-2{border-bottom-left-radius:2px}:host(.L\\:v-rounded-br-2),.L\\:v-rounded-br-2{border-bottom-right-radius:2px}:host(.L\\:v-rounded-4),.L\\:v-rounded-4{border-radius:4px}:host(.L\\:v-rounded-t-4),.L\\:v-rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}:host(.L\\:v-rounded-b-4),.L\\:v-rounded-b-4{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.L\\:v-rounded-l-4),.L\\:v-rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.L\\:v-rounded-r-4),.L\\:v-rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.L\\:v-rounded-tl-4),.L\\:v-rounded-tl-4{border-top-left-radius:4px}:host(.L\\:v-rounded-tr-4),.L\\:v-rounded-tr-4{border-top-right-radius:4px}:host(.L\\:v-rounded-bl-4),.L\\:v-rounded-bl-4{border-bottom-left-radius:4px}:host(.L\\:v-rounded-br-4),.L\\:v-rounded-br-4{border-bottom-right-radius:4px}:host(.L\\:v-rounded-8),.L\\:v-rounded-8{border-radius:8px}:host(.L\\:v-rounded-t-8),.L\\:v-rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}:host(.L\\:v-rounded-b-8),.L\\:v-rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}:host(.L\\:v-rounded-l-8),.L\\:v-rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}:host(.L\\:v-rounded-r-8),.L\\:v-rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}:host(.L\\:v-rounded-tl-8),.L\\:v-rounded-tl-8{border-top-left-radius:8px}:host(.L\\:v-rounded-tr-8),.L\\:v-rounded-tr-8{border-top-right-radius:8px}:host(.L\\:v-rounded-bl-8),.L\\:v-rounded-bl-8{border-bottom-left-radius:8px}:host(.L\\:v-rounded-br-8),.L\\:v-rounded-br-8{border-bottom-right-radius:8px}:host(.L\\:v-rounded-12),.L\\:v-rounded-12{border-radius:12px}:host(.L\\:v-rounded-t-12),.L\\:v-rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}:host(.L\\:v-rounded-b-12),.L\\:v-rounded-b-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}:host(.L\\:v-rounded-l-12),.L\\:v-rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.L\\:v-rounded-r-12),.L\\:v-rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.L\\:v-rounded-tl-12),.L\\:v-rounded-tl-12{border-top-left-radius:12px}:host(.L\\:v-rounded-tr-12),.L\\:v-rounded-tr-12{border-top-right-radius:12px}:host(.L\\:v-rounded-bl-12),.L\\:v-rounded-bl-12{border-bottom-left-radius:12px}:host(.L\\:v-rounded-br-12),.L\\:v-rounded-br-12{border-bottom-right-radius:12px}:host(.L\\:v-rounded-16),.L\\:v-rounded-16{border-radius:16px}:host(.L\\:v-rounded-t-16),.L\\:v-rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}:host(.L\\:v-rounded-b-16),.L\\:v-rounded-b-16{border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host(.L\\:v-rounded-l-16),.L\\:v-rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}:host(.L\\:v-rounded-r-16),.L\\:v-rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}:host(.L\\:v-rounded-tl-16),.L\\:v-rounded-tl-16{border-top-left-radius:16px}:host(.L\\:v-rounded-tr-16),.L\\:v-rounded-tr-16{border-top-right-radius:16px}:host(.L\\:v-rounded-bl-16),.L\\:v-rounded-bl-16{border-bottom-left-radius:16px}:host(.L\\:v-rounded-br-16),.L\\:v-rounded-br-16{border-bottom-right-radius:16px}:host(.L\\:v-rounded-24),.L\\:v-rounded-24{border-radius:24px}:host(.L\\:v-rounded-t-24),.L\\:v-rounded-t-24{border-top-left-radius:24px;border-top-right-radius:24px}:host(.L\\:v-rounded-b-24),.L\\:v-rounded-b-24{border-bottom-left-radius:24px;border-bottom-right-radius:24px}:host(.L\\:v-rounded-l-24),.L\\:v-rounded-l-24{border-top-left-radius:24px;border-bottom-left-radius:24px}:host(.L\\:v-rounded-r-24),.L\\:v-rounded-r-24{border-top-right-radius:24px;border-bottom-right-radius:24px}:host(.L\\:v-rounded-tl-24),.L\\:v-rounded-tl-24{border-top-left-radius:24px}:host(.L\\:v-rounded-tr-24),.L\\:v-rounded-tr-24{border-top-right-radius:24px}:host(.L\\:v-rounded-bl-24),.L\\:v-rounded-bl-24{border-bottom-left-radius:24px}:host(.L\\:v-rounded-br-24),.L\\:v-rounded-br-24{border-bottom-right-radius:24px}:host(.L\\:v-rounded-32),.L\\:v-rounded-32{border-radius:32px}:host(.L\\:v-rounded-t-32),.L\\:v-rounded-t-32{border-top-left-radius:32px;border-top-right-radius:32px}:host(.L\\:v-rounded-b-32),.L\\:v-rounded-b-32{border-bottom-left-radius:32px;border-bottom-right-radius:32px}:host(.L\\:v-rounded-l-32),.L\\:v-rounded-l-32{border-top-left-radius:32px;border-bottom-left-radius:32px}:host(.L\\:v-rounded-r-32),.L\\:v-rounded-r-32{border-top-right-radius:32px;border-bottom-right-radius:32px}:host(.L\\:v-rounded-tl-32),.L\\:v-rounded-tl-32{border-top-left-radius:32px}:host(.L\\:v-rounded-tr-32),.L\\:v-rounded-tr-32{border-top-right-radius:32px}:host(.L\\:v-rounded-bl-32),.L\\:v-rounded-bl-32{border-bottom-left-radius:32px}:host(.L\\:v-rounded-br-32),.L\\:v-rounded-br-32{border-bottom-right-radius:32px}:host(.L\\:v-rounded-48),.L\\:v-rounded-48{border-radius:48px}:host(.L\\:v-rounded-t-48),.L\\:v-rounded-t-48{border-top-left-radius:48px;border-top-right-radius:48px}:host(.L\\:v-rounded-b-48),.L\\:v-rounded-b-48{border-bottom-left-radius:48px;border-bottom-right-radius:48px}:host(.L\\:v-rounded-l-48),.L\\:v-rounded-l-48{border-top-left-radius:48px;border-bottom-left-radius:48px}:host(.L\\:v-rounded-r-48),.L\\:v-rounded-r-48{border-top-right-radius:48px;border-bottom-right-radius:48px}:host(.L\\:v-rounded-tl-48),.L\\:v-rounded-tl-48{border-top-left-radius:48px}:host(.L\\:v-rounded-tr-48),.L\\:v-rounded-tr-48{border-top-right-radius:48px}:host(.L\\:v-rounded-bl-48),.L\\:v-rounded-bl-48{border-bottom-left-radius:48px}:host(.L\\:v-rounded-br-48),.L\\:v-rounded-br-48{border-bottom-right-radius:48px}}@media (min-width: 1440px){:host(.XL\\:v-rounded-0),.XL\\:v-rounded-0{border-radius:0px}:host(.XL\\:v-rounded-t-0),.XL\\:v-rounded-t-0{border-top-left-radius:0px;border-top-right-radius:0px}:host(.XL\\:v-rounded-b-0),.XL\\:v-rounded-b-0{border-bottom-left-radius:0px;border-bottom-right-radius:0px}:host(.XL\\:v-rounded-l-0),.XL\\:v-rounded-l-0{border-top-left-radius:0px;border-bottom-left-radius:0px}:host(.XL\\:v-rounded-r-0),.XL\\:v-rounded-r-0{border-top-right-radius:0px;border-bottom-right-radius:0px}:host(.XL\\:v-rounded-tl-0),.XL\\:v-rounded-tl-0{border-top-left-radius:0px}:host(.XL\\:v-rounded-tr-0),.XL\\:v-rounded-tr-0{border-top-right-radius:0px}:host(.XL\\:v-rounded-bl-0),.XL\\:v-rounded-bl-0{border-bottom-left-radius:0px}:host(.XL\\:v-rounded-br-0),.XL\\:v-rounded-br-0{border-bottom-right-radius:0px}:host(.XL\\:v-rounded-9999),.XL\\:v-rounded-9999{border-radius:9999px}:host(.XL\\:v-rounded-t-9999),.XL\\:v-rounded-t-9999{border-top-left-radius:9999px;border-top-right-radius:9999px}:host(.XL\\:v-rounded-b-9999),.XL\\:v-rounded-b-9999{border-bottom-left-radius:9999px;border-bottom-right-radius:9999px}:host(.XL\\:v-rounded-l-9999),.XL\\:v-rounded-l-9999{border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host(.XL\\:v-rounded-r-9999),.XL\\:v-rounded-r-9999{border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host(.XL\\:v-rounded-tl-9999),.XL\\:v-rounded-tl-9999{border-top-left-radius:9999px}:host(.XL\\:v-rounded-tr-9999),.XL\\:v-rounded-tr-9999{border-top-right-radius:9999px}:host(.XL\\:v-rounded-bl-9999),.XL\\:v-rounded-bl-9999{border-bottom-left-radius:9999px}:host(.XL\\:v-rounded-br-9999),.XL\\:v-rounded-br-9999{border-bottom-right-radius:9999px}:host(.XL\\:v-rounded-2),.XL\\:v-rounded-2{border-radius:2px}:host(.XL\\:v-rounded-t-2),.XL\\:v-rounded-t-2{border-top-left-radius:2px;border-top-right-radius:2px}:host(.XL\\:v-rounded-b-2),.XL\\:v-rounded-b-2{border-bottom-left-radius:2px;border-bottom-right-radius:2px}:host(.XL\\:v-rounded-l-2),.XL\\:v-rounded-l-2{border-top-left-radius:2px;border-bottom-left-radius:2px}:host(.XL\\:v-rounded-r-2),.XL\\:v-rounded-r-2{border-top-right-radius:2px;border-bottom-right-radius:2px}:host(.XL\\:v-rounded-tl-2),.XL\\:v-rounded-tl-2{border-top-left-radius:2px}:host(.XL\\:v-rounded-tr-2),.XL\\:v-rounded-tr-2{border-top-right-radius:2px}:host(.XL\\:v-rounded-bl-2),.XL\\:v-rounded-bl-2{border-bottom-left-radius:2px}:host(.XL\\:v-rounded-br-2),.XL\\:v-rounded-br-2{border-bottom-right-radius:2px}:host(.XL\\:v-rounded-4),.XL\\:v-rounded-4{border-radius:4px}:host(.XL\\:v-rounded-t-4),.XL\\:v-rounded-t-4{border-top-left-radius:4px;border-top-right-radius:4px}:host(.XL\\:v-rounded-b-4),.XL\\:v-rounded-b-4{border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.XL\\:v-rounded-l-4),.XL\\:v-rounded-l-4{border-top-left-radius:4px;border-bottom-left-radius:4px}:host(.XL\\:v-rounded-r-4),.XL\\:v-rounded-r-4{border-top-right-radius:4px;border-bottom-right-radius:4px}:host(.XL\\:v-rounded-tl-4),.XL\\:v-rounded-tl-4{border-top-left-radius:4px}:host(.XL\\:v-rounded-tr-4),.XL\\:v-rounded-tr-4{border-top-right-radius:4px}:host(.XL\\:v-rounded-bl-4),.XL\\:v-rounded-bl-4{border-bottom-left-radius:4px}:host(.XL\\:v-rounded-br-4),.XL\\:v-rounded-br-4{border-bottom-right-radius:4px}:host(.XL\\:v-rounded-8),.XL\\:v-rounded-8{border-radius:8px}:host(.XL\\:v-rounded-t-8),.XL\\:v-rounded-t-8{border-top-left-radius:8px;border-top-right-radius:8px}:host(.XL\\:v-rounded-b-8),.XL\\:v-rounded-b-8{border-bottom-left-radius:8px;border-bottom-right-radius:8px}:host(.XL\\:v-rounded-l-8),.XL\\:v-rounded-l-8{border-top-left-radius:8px;border-bottom-left-radius:8px}:host(.XL\\:v-rounded-r-8),.XL\\:v-rounded-r-8{border-top-right-radius:8px;border-bottom-right-radius:8px}:host(.XL\\:v-rounded-tl-8),.XL\\:v-rounded-tl-8{border-top-left-radius:8px}:host(.XL\\:v-rounded-tr-8),.XL\\:v-rounded-tr-8{border-top-right-radius:8px}:host(.XL\\:v-rounded-bl-8),.XL\\:v-rounded-bl-8{border-bottom-left-radius:8px}:host(.XL\\:v-rounded-br-8),.XL\\:v-rounded-br-8{border-bottom-right-radius:8px}:host(.XL\\:v-rounded-12),.XL\\:v-rounded-12{border-radius:12px}:host(.XL\\:v-rounded-t-12),.XL\\:v-rounded-t-12{border-top-left-radius:12px;border-top-right-radius:12px}:host(.XL\\:v-rounded-b-12),.XL\\:v-rounded-b-12{border-bottom-left-radius:12px;border-bottom-right-radius:12px}:host(.XL\\:v-rounded-l-12),.XL\\:v-rounded-l-12{border-top-left-radius:12px;border-bottom-left-radius:12px}:host(.XL\\:v-rounded-r-12),.XL\\:v-rounded-r-12{border-top-right-radius:12px;border-bottom-right-radius:12px}:host(.XL\\:v-rounded-tl-12),.XL\\:v-rounded-tl-12{border-top-left-radius:12px}:host(.XL\\:v-rounded-tr-12),.XL\\:v-rounded-tr-12{border-top-right-radius:12px}:host(.XL\\:v-rounded-bl-12),.XL\\:v-rounded-bl-12{border-bottom-left-radius:12px}:host(.XL\\:v-rounded-br-12),.XL\\:v-rounded-br-12{border-bottom-right-radius:12px}:host(.XL\\:v-rounded-16),.XL\\:v-rounded-16{border-radius:16px}:host(.XL\\:v-rounded-t-16),.XL\\:v-rounded-t-16{border-top-left-radius:16px;border-top-right-radius:16px}:host(.XL\\:v-rounded-b-16),.XL\\:v-rounded-b-16{border-bottom-left-radius:16px;border-bottom-right-radius:16px}:host(.XL\\:v-rounded-l-16),.XL\\:v-rounded-l-16{border-top-left-radius:16px;border-bottom-left-radius:16px}:host(.XL\\:v-rounded-r-16),.XL\\:v-rounded-r-16{border-top-right-radius:16px;border-bottom-right-radius:16px}:host(.XL\\:v-rounded-tl-16),.XL\\:v-rounded-tl-16{border-top-left-radius:16px}:host(.XL\\:v-rounded-tr-16),.XL\\:v-rounded-tr-16{border-top-right-radius:16px}:host(.XL\\:v-rounded-bl-16),.XL\\:v-rounded-bl-16{border-bottom-left-radius:16px}:host(.XL\\:v-rounded-br-16),.XL\\:v-rounded-br-16{border-bottom-right-radius:16px}:host(.XL\\:v-rounded-24),.XL\\:v-rounded-24{border-radius:24px}:host(.XL\\:v-rounded-t-24),.XL\\:v-rounded-t-24{border-top-left-radius:24px;border-top-right-radius:24px}:host(.XL\\:v-rounded-b-24),.XL\\:v-rounded-b-24{border-bottom-left-radius:24px;border-bottom-right-radius:24px}:host(.XL\\:v-rounded-l-24),.XL\\:v-rounded-l-24{border-top-left-radius:24px;border-bottom-left-radius:24px}:host(.XL\\:v-rounded-r-24),.XL\\:v-rounded-r-24{border-top-right-radius:24px;border-bottom-right-radius:24px}:host(.XL\\:v-rounded-tl-24),.XL\\:v-rounded-tl-24{border-top-left-radius:24px}:host(.XL\\:v-rounded-tr-24),.XL\\:v-rounded-tr-24{border-top-right-radius:24px}:host(.XL\\:v-rounded-bl-24),.XL\\:v-rounded-bl-24{border-bottom-left-radius:24px}:host(.XL\\:v-rounded-br-24),.XL\\:v-rounded-br-24{border-bottom-right-radius:24px}:host(.XL\\:v-rounded-32),.XL\\:v-rounded-32{border-radius:32px}:host(.XL\\:v-rounded-t-32),.XL\\:v-rounded-t-32{border-top-left-radius:32px;border-top-right-radius:32px}:host(.XL\\:v-rounded-b-32),.XL\\:v-rounded-b-32{border-bottom-left-radius:32px;border-bottom-right-radius:32px}:host(.XL\\:v-rounded-l-32),.XL\\:v-rounded-l-32{border-top-left-radius:32px;border-bottom-left-radius:32px}:host(.XL\\:v-rounded-r-32),.XL\\:v-rounded-r-32{border-top-right-radius:32px;border-bottom-right-radius:32px}:host(.XL\\:v-rounded-tl-32),.XL\\:v-rounded-tl-32{border-top-left-radius:32px}:host(.XL\\:v-rounded-tr-32),.XL\\:v-rounded-tr-32{border-top-right-radius:32px}:host(.XL\\:v-rounded-bl-32),.XL\\:v-rounded-bl-32{border-bottom-left-radius:32px}:host(.XL\\:v-rounded-br-32),.XL\\:v-rounded-br-32{border-bottom-right-radius:32px}:host(.XL\\:v-rounded-48),.XL\\:v-rounded-48{border-radius:48px}:host(.XL\\:v-rounded-t-48),.XL\\:v-rounded-t-48{border-top-left-radius:48px;border-top-right-radius:48px}:host(.XL\\:v-rounded-b-48),.XL\\:v-rounded-b-48{border-bottom-left-radius:48px;border-bottom-right-radius:48px}:host(.XL\\:v-rounded-l-48),.XL\\:v-rounded-l-48{border-top-left-radius:48px;border-bottom-left-radius:48px}:host(.XL\\:v-rounded-r-48),.XL\\:v-rounded-r-48{border-top-right-radius:48px;border-bottom-right-radius:48px}:host(.XL\\:v-rounded-tl-48),.XL\\:v-rounded-tl-48{border-top-left-radius:48px}:host(.XL\\:v-rounded-tr-48),.XL\\:v-rounded-tr-48{border-top-right-radius:48px}:host(.XL\\:v-rounded-bl-48),.XL\\:v-rounded-bl-48{border-bottom-left-radius:48px}:host(.XL\\:v-rounded-br-48),.XL\\:v-rounded-br-48{border-bottom-right-radius:48px}}:host{display:block}";export{l as vega_box}
|
package/dist/vega/p-3c37039f.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{L as e}from"./p-9ad088e0.js";import{c as s}from"./p-e179550a.js";const t=new class{constructor(){this.levelEntry={base:{zIndex:1e4,elements:[]},top:{zIndex:11e3,elements:[]}}}setZIndex(s,t="base"){if(null===s)return;this.removeZIndex(s,t);const i=this.levelEntry[t];s&&i&&("base"===t&&this.isBaseLevelOver()&&(e.warn("The max 'z-index' of base level is '11000', but the current 'z-index' is over, Please optimize the use of 'z-index', otherwise there will be some performance overhead."),this.increaseTopEntry()),i.elements.push(s),i.zIndex+=1,s.style.zIndex=i.zIndex.toString())}removeZIndex(e,t="base"){if(null===e)return;const i=this.levelEntry[t];if(e&&i){let t=-1;i.elements.forEach(((i,n)=>{i===e&&(t=n),t>=0&&n>t&&(i.style.zIndex=""+(s(i.style.zIndex)-1))})),t>=0&&(e.style.removeProperty("z-index"),i.elements.splice(t,1),i.zIndex-=1)}}increaseTopEntry(){const e=this.levelEntry.top;e.elements.forEach((e=>{e.style.zIndex=`${s(e.style.zIndex)+1}`})),e.zIndex+=1}isBaseLevelOver(){return this.levelEntry.base.zIndex>=11e3}};export{t as Z}
|