@globalpayments/vega 2.52.0 → 2.54.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-4ecf85bb.js → app-globals-f1ff47e3.js} +1 -1
- package/dist/cjs/{selection-controller-1d7c0999.js → component-value-history-controller-slimmer.abstract-6bfb9145.js} +82 -0
- package/dist/cjs/{design-token-3f4f0bc3.js → design-token-d15e60fa.js} +1 -1
- package/dist/cjs/{element-appender-slimmer-1946ff07.js → element-appender-slimmer-2f16891f.js} +3 -3
- package/dist/cjs/{form-field-controller-slimmer-e721359b.js → form-field-controller-slimmer-dc6d0fe1.js} +1 -1
- package/dist/cjs/index.cjs.js +5 -4
- package/dist/cjs/{inject-keyboard-manager-dd628ccc.js → inject-keyboard-manager-11df8296.js} +1 -1
- package/dist/cjs/{keyboard-manager-8c74eeb9.js → keyboard-manager-1843112c.js} +6 -0
- package/dist/cjs/{keyboard-manager-slimmer-eb364bee.js → keyboard-manager-slimmer-0a5f5770.js} +1 -1
- package/dist/cjs/loader.cjs.js +5 -4
- package/dist/cjs/{page-resize-observer-slimmer-efa79728.js → page-resize-observer-slimmer-11937d6f.js} +3 -3
- package/dist/cjs/{responsive-format-facade-6b81192d.js → responsive-format-facade-4a19e115.js} +2 -2
- package/dist/cjs/{style-formatter-497d0fa4.js → style-formatter-b8cea5ee.js} +1 -1
- package/dist/cjs/vega-accordion.cjs.entry.js +5 -5
- package/dist/cjs/vega-app-footer.cjs.entry.js +2 -2
- package/dist/cjs/vega-app-header-button.cjs.entry.js +4 -4
- package/dist/cjs/vega-box.cjs.entry.js +6 -5
- package/dist/cjs/vega-button-circle.cjs.entry.js +5 -5
- package/dist/cjs/vega-button.cjs.entry.js +4 -4
- package/dist/cjs/vega-calendar_3.cjs.entry.js +1 -1
- package/dist/cjs/vega-card.cjs.entry.js +5 -4
- package/dist/cjs/vega-carousel.cjs.entry.js +22 -23
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-chip.cjs.entry.js +5 -5
- package/dist/cjs/vega-code-block.cjs.entry.js +210 -94
- package/dist/cjs/vega-color-picker.cjs.entry.js +3 -3
- package/dist/cjs/vega-combo-box.cjs.entry.js +5 -5
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-dialog_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-divider.cjs.entry.js +5 -4
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +24 -9
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/vega-file-uploader.cjs.entry.js +2 -2
- package/dist/cjs/vega-flag-icon.cjs.entry.js +5 -4
- package/dist/cjs/vega-flex.cjs.entry.js +6 -5
- package/dist/cjs/vega-font.cjs.entry.js +5 -4
- package/dist/cjs/vega-form.cjs.entry.js +3 -3
- package/dist/cjs/vega-grid.cjs.entry.js +5 -4
- package/dist/cjs/vega-icon.cjs.entry.js +4 -4
- package/dist/cjs/vega-image-uploader.cjs.entry.js +5 -5
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +3 -3
- package/dist/cjs/vega-input-numeric.cjs.entry.js +5 -5
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +4 -4
- package/dist/cjs/vega-input-range.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-select.cjs.entry.js +5 -5
- package/dist/cjs/vega-input.cjs.entry.js +2 -2
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +7 -7
- package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js +4 -3
- package/dist/cjs/vega-pagination.cjs.entry.js +3 -3
- package/dist/cjs/vega-popover_2.cjs.entry.js +6 -6
- package/dist/cjs/vega-radio_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-rich-text-content.cjs.entry.js +28 -4
- package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js +37 -75
- package/dist/cjs/vega-segment-control.cjs.entry.js +1 -1
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-sidenav_3.cjs.entry.js +4 -4
- package/dist/cjs/vega-signature-capture.cjs.entry.js +5 -5
- package/dist/cjs/{vega-skeleton-loader-controller-ae2ab090.js → vega-skeleton-loader-controller-3833c813.js} +1 -1
- package/dist/cjs/vega-stepper.cjs.entry.js +3 -3
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +25 -3
- package/dist/cjs/vega-table_8.cjs.entry.js +4 -4
- package/dist/cjs/vega-text.cjs.entry.js +2 -1
- package/dist/cjs/vega-textarea.cjs.entry.js +3 -3
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +2 -2
- package/dist/cjs/vega-tooltip_2.cjs.entry.js +7 -6
- package/dist/cjs/vega.cjs.js +5 -4
- package/dist/collection/components/vega-app-footer/vega-app-footer.js +43 -3
- package/dist/collection/components/vega-app-header-button/vega-app-header-button.js +1 -1
- package/dist/collection/components/vega-carousel/vega-carousel.js +19 -19
- package/dist/collection/components/vega-code-block/slimmers/controllers/vega-code-block-history-controller.js +88 -0
- package/dist/collection/components/vega-code-block/slimmers/controllers/vega-code-block-input-controller.js +36 -23
- package/dist/collection/components/vega-code-block/slimmers/controllers/vega-code-block-value-controller.js +11 -1
- package/dist/collection/components/vega-code-block/vega-code-block.js +5 -0
- package/dist/collection/components/vega-dropdown/slimmers/renderers/vega-dropdown-list-renderer.js +4 -1
- package/dist/collection/components/vega-dropdown/vega-dropdown.js +29 -0
- package/dist/collection/components/vega-input-numeric/vega-input-numeric.js +2 -2
- package/dist/collection/components/vega-nav/vega-left-nav-link/vega-left-nav-link.css +1 -1
- package/dist/collection/components/vega-nav/vega-left-nav-link/vega-left-nav-link.js +2 -2
- package/dist/collection/components/vega-rich-text-editor/dto/renderers/blocks/code-block-renderer.js +28 -4
- package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/history-controller.js +28 -67
- package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/value-controller.js +2 -2
- package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-pages-controller.js +14 -0
- package/dist/collection/components/vega-tab-group/vega-tab-group.js +11 -0
- package/dist/collection/components/vega-virtual-scroll/slimmers/controllers/vega-virtual-scroll-mode-controller.js +4 -1
- package/dist/collection/components/vega-virtual-scroll/vega-virtual-scroll.js +2 -1
- package/dist/collection/helpers/keyboard/keyboard-manager.js +6 -0
- package/dist/collection/helpers/keyboard/test/keyboard-manager.test.js +31 -0
- package/dist/collection/helpers/slimmers/component-value-history-controller-slimmer.abstract.js +81 -0
- package/dist/collection/helpers/slimmers/page-resize-observer-slimmer.js +3 -3
- package/dist/collection/helpers/slimmers/test/page-resize-observer-slimmer.test.js +56 -0
- package/dist/esm/{app-globals-d96d623d.js → app-globals-4881974a.js} +1 -1
- package/dist/esm/{selection-controller-3d6dfc87.js → component-value-history-controller-slimmer.abstract-0a0ef33f.js} +82 -1
- package/dist/esm/{design-token-2060cd0d.js → design-token-9bbefd23.js} +1 -1
- package/dist/esm/{element-appender-slimmer-dbdad1df.js → element-appender-slimmer-8652e8d7.js} +3 -3
- package/dist/esm/{form-field-controller-slimmer-846cda92.js → form-field-controller-slimmer-6f49d396.js} +1 -1
- package/dist/esm/index.js +5 -4
- package/dist/esm/{inject-keyboard-manager-e39c0fd9.js → inject-keyboard-manager-a15cf43c.js} +1 -1
- package/dist/esm/{keyboard-manager-9564ad83.js → keyboard-manager-f496a623.js} +6 -0
- package/dist/esm/{keyboard-manager-slimmer-2218e6ba.js → keyboard-manager-slimmer-a4cc9593.js} +1 -1
- package/dist/esm/loader.js +5 -4
- package/dist/esm/{page-resize-observer-slimmer-c51f1912.js → page-resize-observer-slimmer-0bf7fbf3.js} +3 -3
- package/dist/esm/{responsive-format-facade-8c0ce819.js → responsive-format-facade-bcc2fd21.js} +2 -2
- package/dist/esm/{style-formatter-1eca1299.js → style-formatter-00d6c32f.js} +1 -1
- package/dist/esm/vega-accordion.entry.js +5 -5
- package/dist/esm/vega-app-footer.entry.js +2 -2
- package/dist/esm/vega-app-header-button.entry.js +4 -4
- package/dist/esm/vega-box.entry.js +6 -5
- package/dist/esm/vega-button-circle.entry.js +5 -5
- package/dist/esm/vega-button.entry.js +4 -4
- package/dist/esm/vega-calendar_3.entry.js +1 -1
- package/dist/esm/vega-card.entry.js +5 -4
- package/dist/esm/vega-carousel.entry.js +22 -23
- package/dist/esm/vega-checkbox_2.entry.js +3 -3
- package/dist/esm/vega-chip.entry.js +5 -5
- package/dist/esm/vega-code-block.entry.js +207 -91
- package/dist/esm/vega-color-picker.entry.js +3 -3
- package/dist/esm/vega-combo-box.entry.js +5 -5
- package/dist/esm/vega-date-picker_2.entry.js +8 -8
- package/dist/esm/vega-dialog_2.entry.js +5 -5
- package/dist/esm/vega-divider.entry.js +5 -4
- package/dist/esm/vega-dropdown_5.entry.js +24 -9
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/vega-file-uploader.entry.js +2 -2
- package/dist/esm/vega-flag-icon.entry.js +5 -4
- package/dist/esm/vega-flex.entry.js +6 -5
- package/dist/esm/vega-font.entry.js +5 -4
- package/dist/esm/vega-form.entry.js +3 -3
- package/dist/esm/vega-grid.entry.js +5 -4
- package/dist/esm/vega-icon.entry.js +4 -4
- package/dist/esm/vega-image-uploader.entry.js +5 -5
- package/dist/esm/vega-input-credit-card.entry.js +3 -3
- package/dist/esm/vega-input-numeric.entry.js +5 -5
- package/dist/esm/vega-input-phone-number.entry.js +4 -4
- package/dist/esm/vega-input-range.entry.js +2 -2
- package/dist/esm/vega-input-select.entry.js +5 -5
- package/dist/esm/vega-input.entry.js +2 -2
- package/dist/esm/vega-left-nav_5.entry.js +7 -7
- package/dist/esm/vega-loader-wrapper_2.entry.js +4 -3
- package/dist/esm/vega-pagination.entry.js +3 -3
- package/dist/esm/vega-popover_2.entry.js +6 -6
- package/dist/esm/vega-radio_2.entry.js +4 -4
- package/dist/esm/vega-rich-text-content.entry.js +28 -4
- package/dist/esm/vega-rich-text-editor_4.entry.js +35 -73
- package/dist/esm/vega-segment-control.entry.js +1 -1
- package/dist/esm/vega-selection-chip_2.entry.js +5 -5
- package/dist/esm/vega-selection-tile_2.entry.js +2 -2
- package/dist/esm/vega-sidenav_3.entry.js +4 -4
- package/dist/esm/vega-signature-capture.entry.js +5 -5
- package/dist/esm/{vega-skeleton-loader-controller-06f48dd2.js → vega-skeleton-loader-controller-9d1ffa6c.js} +1 -1
- package/dist/esm/vega-stepper.entry.js +3 -3
- package/dist/esm/vega-tab-group_2.entry.js +25 -3
- package/dist/esm/vega-table_8.entry.js +4 -4
- package/dist/esm/vega-text.entry.js +2 -1
- package/dist/esm/vega-textarea.entry.js +3 -3
- package/dist/esm/vega-time-picker_2.entry.js +8 -8
- package/dist/esm/vega-toggle-switch.entry.js +2 -2
- package/dist/esm/vega-tooltip_2.entry.js +7 -6
- package/dist/esm/vega.js +5 -4
- package/dist/types/components/vega-app-footer/types.d.ts +1 -0
- package/dist/types/components/vega-app-footer/vega-app-footer.d.ts +12 -0
- package/dist/types/components/vega-app-header-button/types.d.ts +1 -0
- package/dist/types/components/vega-carousel/vega-carousel.d.ts +1 -1
- package/dist/types/components/vega-code-block/slimmers/controllers/vega-code-block-history-controller.d.ts +47 -0
- package/dist/types/components/vega-code-block/slimmers/controllers/vega-code-block-value-controller.d.ts +8 -1
- package/dist/types/components/vega-code-block/vega-code-block.d.ts +2 -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 +8 -0
- package/dist/types/components/vega-input-numeric/vega-input-numeric.d.ts +1 -1
- package/dist/types/components/vega-nav/vega-left-nav-link/vega-left-nav-link.d.ts +1 -1
- package/dist/types/components/vega-rich-text-editor/dto/renderers/blocks/code-block-renderer.d.ts +6 -0
- package/dist/types/components/vega-rich-text-editor/slimmers/controllers/history-controller.d.ts +8 -19
- package/dist/types/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-pages-controller.d.ts +4 -0
- package/dist/types/components/vega-tab-group/vega-tab-group.d.ts +5 -0
- package/dist/types/components/vega-virtual-scroll/vega-virtual-scroll.d.ts +1 -0
- package/dist/types/components.d.ts +36 -6
- package/dist/types/helpers/slimmers/component-value-history-controller-slimmer.abstract.d.ts +48 -0
- package/dist/types/utils/timer.d.ts +1 -1
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-05588c85.entry.js → p-002062c3.entry.js} +1 -1
- package/dist/vega/{p-2490a391.entry.js → p-063d0bee.entry.js} +1 -1
- package/dist/vega/{p-029300db.entry.js → p-0e8324f2.entry.js} +1 -1
- package/dist/vega/{p-62734ef7.entry.js → p-13ca73c7.entry.js} +1 -1
- package/dist/vega/p-1b165fbb.entry.js +1 -0
- package/dist/vega/{p-2a4c313e.entry.js → p-1d41f551.entry.js} +1 -1
- package/dist/vega/p-1e4b6f0a.entry.js +1 -0
- package/dist/vega/{p-abac6b00.entry.js → p-23064067.entry.js} +1 -1
- package/dist/vega/{p-a2d47741.entry.js → p-246090cf.entry.js} +1 -1
- package/dist/vega/{p-5f594deb.entry.js → p-29262ad6.entry.js} +1 -1
- package/dist/vega/p-327be043.js +1 -0
- package/dist/vega/p-43ba9a8a.entry.js +1 -0
- package/dist/vega/{p-685939dc.entry.js → p-468bf93a.entry.js} +1 -1
- package/dist/vega/{p-310f0791.entry.js → p-4df90a1b.entry.js} +1 -1
- package/dist/vega/p-4f5079bc.entry.js +1 -0
- package/dist/vega/p-547692bf.entry.js +1 -0
- package/dist/vega/{p-e00da6d4.entry.js → p-56dc1345.entry.js} +1 -1
- package/dist/vega/{p-06db5a2e.entry.js → p-57005931.entry.js} +1 -1
- package/dist/vega/p-5a6b8846.entry.js +1 -0
- package/dist/vega/p-5e8e4aba.js +1 -0
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-888e3f52.entry.js → p-61e1e356.entry.js} +1 -1
- package/dist/vega/p-6bd7114d.entry.js +1 -0
- package/dist/vega/{p-10edaab7.entry.js → p-72e14f49.entry.js} +1 -1
- package/dist/vega/p-73821eba.entry.js +1 -0
- package/dist/vega/{p-75855aaf.entry.js → p-7704a608.entry.js} +1 -1
- package/dist/vega/{p-7f2c98df.entry.js → p-78937642.entry.js} +1 -1
- package/dist/vega/{p-ca0294c9.entry.js → p-79370ad4.entry.js} +1 -1
- package/dist/vega/p-7cb11f3f.entry.js +1 -0
- package/dist/vega/p-7d9cd9c8.js +1 -0
- package/dist/vega/{p-40577e8e.js → p-822cd8e5.js} +1 -1
- package/dist/vega/{p-517615af.entry.js → p-8270bb8f.entry.js} +1 -1
- package/dist/vega/{p-c22c628b.entry.js → p-84a31a31.entry.js} +1 -1
- package/dist/vega/{p-092c87b5.entry.js → p-9a0d3d2d.entry.js} +1 -1
- package/dist/vega/p-9dc9fcf3.js +1 -0
- package/dist/vega/p-a2c4c241.entry.js +1 -0
- package/dist/vega/p-a46ac2eb.js +1 -0
- package/dist/vega/{p-adadb1a1.entry.js → p-a63e2fee.entry.js} +1 -1
- package/dist/vega/p-ad858290.entry.js +1 -0
- package/dist/vega/{p-3e8a8aa5.entry.js → p-b6e0d996.entry.js} +1 -1
- package/dist/vega/{p-33bd7e31.js → p-b89a9760.js} +1 -1
- package/dist/vega/{p-72eb8998.entry.js → p-bbdc6170.entry.js} +1 -1
- package/dist/vega/{p-35c9cd1d.entry.js → p-c10b4f47.entry.js} +1 -1
- package/dist/vega/{p-eeab4167.entry.js → p-c212a1e3.entry.js} +1 -1
- package/dist/vega/{p-e1ba6325.entry.js → p-c48a8510.entry.js} +1 -1
- package/dist/vega/{p-ab2a6d14.entry.js → p-c5afd9aa.entry.js} +1 -1
- package/dist/vega/{p-efb06a25.entry.js → p-c7e2a155.entry.js} +1 -1
- package/dist/vega/p-c8a87f06.entry.js +1 -0
- package/dist/vega/p-c990e249.js +1 -0
- package/dist/vega/{p-8d3764d3.entry.js → p-ca91268b.entry.js} +1 -1
- package/dist/vega/p-cae183fd.entry.js +1 -0
- package/dist/vega/p-cb36ccf0.entry.js +1 -0
- package/dist/vega/{p-55563f5f.js → p-cc6410e6.js} +1 -1
- package/dist/vega/{p-eb832119.js → p-d5f1794e.js} +1 -1
- package/dist/vega/{p-72e64237.js → p-da1d0c02.js} +1 -1
- package/dist/vega/{p-812b9d6d.entry.js → p-da95668c.entry.js} +1 -1
- package/dist/vega/p-e66f6b59.entry.js +9 -0
- package/dist/vega/p-e8b56d3f.entry.js +1 -0
- package/dist/vega/p-ec3495de.entry.js +1 -0
- package/dist/vega/{p-44dee180.entry.js → p-ecd9a973.entry.js} +1 -1
- package/dist/vega/p-f17c9093.entry.js +1 -0
- package/dist/vega/{p-b13fff4d.entry.js → p-f50cd6c3.entry.js} +1 -1
- package/dist/vega/{p-b4a1a8e1.entry.js → p-f7062473.entry.js} +1 -1
- package/dist/vega/{p-a0dab2d0.js → p-f9cf7e36.js} +1 -1
- package/dist/vega/{p-d8eec0bb.entry.js → p-fc790de5.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-05383290.entry.js +0 -1
- package/dist/vega/p-06fb002a.js +0 -1
- package/dist/vega/p-0f034db5.entry.js +0 -1
- package/dist/vega/p-0fb26be0.entry.js +0 -9
- package/dist/vega/p-1df029c2.js +0 -1
- package/dist/vega/p-2f5d9aab.js +0 -1
- package/dist/vega/p-32a24ef1.entry.js +0 -1
- package/dist/vega/p-3a6b4208.entry.js +0 -1
- package/dist/vega/p-3b34389d.js +0 -1
- package/dist/vega/p-52905c68.entry.js +0 -1
- package/dist/vega/p-642da014.entry.js +0 -1
- package/dist/vega/p-65cca90f.js +0 -1
- package/dist/vega/p-7f0def5a.entry.js +0 -1
- package/dist/vega/p-834434d5.js +0 -1
- package/dist/vega/p-8a0d7805.entry.js +0 -1
- package/dist/vega/p-90954fe4.entry.js +0 -1
- package/dist/vega/p-afc49b98.entry.js +0 -1
- package/dist/vega/p-b7594b78.entry.js +0 -1
- package/dist/vega/p-c91190df.entry.js +0 -1
- package/dist/vega/p-cb643d8d.entry.js +0 -1
- package/dist/vega/p-e16e23b7.entry.js +0 -1
- package/dist/vega/p-e5f1fd0b.entry.js +0 -1
- package/dist/vega/p-f2f31686.entry.js +0 -1
- package/dist/vega/p-f41ae5e0.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as s,H as t,g as e}from"./p-21d26bb4.js";import{F as m}from"./p-4d793cb0.js";import{s as o}from"./p-519a7d55.js";import{f as p,l as a}from"./p-f9cf7e36.js";import{a as v}from"./p-d5776087.js";import{I as g}from"./p-6e1ab235.js";import{V as r,I as z}from"./p-4387d550.js";import{P as x}from"./p-7d9cd9c8.js";import{f as h}from"./p-5e8e4aba.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-327be043.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-d5f1794e.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-0c8bd757.js";import"./p-5773a9a3.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-613ee009.js";import"./p-6e01f0a2.js";import"./p-cc63e827.js";import"./p-fa5eb496.js";import"./p-4ab3df00.js";import"./p-fecb4044.js";import"./p-3eb2d433.js";import"./p-425ba7d6.js";import"./p-2205ee4c.js";import"./p-b75ee3ba.js";const n=[{payloadKey:"BREAK_POINT_IS_NONE",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"None"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_DEFAULT",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"default"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_S",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"S"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_M",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"M"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_L",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"L"===i.breakpoint},{payloadKey:"BREAK_POINT_IS_XL",payloadDescription:"@deprecated Determines the breakpoint at which the flex direction transitions from row-based layout to column-based layout, or vice versa.",payloadValue:i=>"XL"===i.breakpoint},{payloadKey:"USE_NATIVE_FLEX_IS_TRUE",payloadDescription:"@deprecated Specifies whether to use the native flex layout.",payloadValue:i=>!0===i.useNativeFlex},{payloadKey:"USE_NATIVE_FLEX_IS_FALSE",payloadDescription:"@deprecated Specifies whether to use the native flex layout.",payloadValue:i=>!1===i.useNativeFlex}];var l=function(i,s,t,e){var m,o=arguments.length,p=o<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,t):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(i,s,t,e);else for(var a=i.length-1;a>=0;a--)(m=i[a])&&(p=(o<3?m(p):o>3?m(s,t,p):m(s,t))||p);return o>3&&p&&Object.defineProperty(s,t,p),p};const L=class{constructor(s){i(this,s),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new r(n),this.pageResizeSlimmer=new x,this.breakpoint="S",this.direction="row",this.useNativeFlex=!0}render(){const i=[p(this.gap,"gap"),p(this.margin,"margin"),"None"===this.breakpoint||m.isEnabled("VEGA_FLEX.ENABLE_DIRECTION_ONLY")?"":a(this.breakpoint),p(this.alignItems,"flexAlignItem"),p(this.justifyContent,"flexJustifyContent"),p(this.flexWrap,"flexWrap"),this.useNativeFlex?"vega-flex-native-based":""];(m.isEnabled("VEGA_FLEX.ENABLE_DIRECTION_ONLY")||"None"===this.breakpoint)&&(i.push("vega-flex-None"),i.push(p(this.direction,"flexDirection")));const e=h(this.flex,this.flexGrow,this.flexShrink,this.flexBasis);return o(s(t,{style:e,class:v(i)},s("slot",null)),this.host)}get host(){return e(this)}};l([z()],L.prototype,"globalSlimmers",void 0),l([g()],L.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),l([g()],L.prototype,"pageResizeSlimmer",void 0),L.style=':host(.v-m-0),.v-m-0{margin:0px}:host(.v-mx-0),.v-mx-0{margin-left:0px;margin-right:0px}:host(.v-my-0),.v-my-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-0),.v-mt-0{margin-top:0px}:host(.v-mb-0),.v-mb-0{margin-bottom:0px}:host(.v-mr-0),.v-mr-0{margin-right:0px}:host(.v-ml-0),.v-ml-0{margin-left:0px}:host(.v-m-size-0),.v-m-size-0{margin:0px}:host(.v-mx-size-0),.v-mx-size-0{margin-left:0px;margin-right:0px}:host(.v-my-size-0),.v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.v-mt-size-0),.v-mt-size-0{margin-top:0px}:host(.v-mb-size-0),.v-mb-size-0{margin-bottom:0px}:host(.v-mr-size-0),.v-mr-size-0{margin-right:0px}:host(.v-ml-size-0),.v-ml-size-0{margin-left:0px}:host(.v-m-size-4),.v-m-size-4{margin:4px}:host(.v-mx-size-4),.v-mx-size-4{margin-left:4px;margin-right:4px}:host(.v-my-size-4),.v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.v-mt-size-4),.v-mt-size-4{margin-top:4px}:host(.v-mb-size-4),.v-mb-size-4{margin-bottom:4px}:host(.v-mr-size-4),.v-mr-size-4{margin-right:4px}:host(.v-ml-size-4),.v-ml-size-4{margin-left:4px}:host(.v-m-size-8),.v-m-size-8{margin:8px}:host(.v-mx-size-8),.v-mx-size-8{margin-left:8px;margin-right:8px}:host(.v-my-size-8),.v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.v-mt-size-8),.v-mt-size-8{margin-top:8px}:host(.v-mb-size-8),.v-mb-size-8{margin-bottom:8px}:host(.v-mr-size-8),.v-mr-size-8{margin-right:8px}:host(.v-ml-size-8),.v-ml-size-8{margin-left:8px}:host(.v-m-size-12),.v-m-size-12{margin:12px}:host(.v-mx-size-12),.v-mx-size-12{margin-left:12px;margin-right:12px}:host(.v-my-size-12),.v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.v-mt-size-12),.v-mt-size-12{margin-top:12px}:host(.v-mb-size-12),.v-mb-size-12{margin-bottom:12px}:host(.v-mr-size-12),.v-mr-size-12{margin-right:12px}:host(.v-ml-size-12),.v-ml-size-12{margin-left:12px}:host(.v-m-size-16),.v-m-size-16{margin:16px}:host(.v-mx-size-16),.v-mx-size-16{margin-left:16px;margin-right:16px}:host(.v-my-size-16),.v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.v-mt-size-16),.v-mt-size-16{margin-top:16px}:host(.v-mb-size-16),.v-mb-size-16{margin-bottom:16px}:host(.v-mr-size-16),.v-mr-size-16{margin-right:16px}:host(.v-ml-size-16),.v-ml-size-16{margin-left:16px}:host(.v-m-size-20),.v-m-size-20{margin:20px}:host(.v-mx-size-20),.v-mx-size-20{margin-left:20px;margin-right:20px}:host(.v-my-size-20),.v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.v-mt-size-20),.v-mt-size-20{margin-top:20px}:host(.v-mb-size-20),.v-mb-size-20{margin-bottom:20px}:host(.v-mr-size-20),.v-mr-size-20{margin-right:20px}:host(.v-ml-size-20),.v-ml-size-20{margin-left:20px}:host(.v-m-size-24),.v-m-size-24{margin:24px}:host(.v-mx-size-24),.v-mx-size-24{margin-left:24px;margin-right:24px}:host(.v-my-size-24),.v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.v-mt-size-24),.v-mt-size-24{margin-top:24px}:host(.v-mb-size-24),.v-mb-size-24{margin-bottom:24px}:host(.v-mr-size-24),.v-mr-size-24{margin-right:24px}:host(.v-ml-size-24),.v-ml-size-24{margin-left:24px}:host(.v-m-size-32),.v-m-size-32{margin:32px}:host(.v-mx-size-32),.v-mx-size-32{margin-left:32px;margin-right:32px}:host(.v-my-size-32),.v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.v-mt-size-32),.v-mt-size-32{margin-top:32px}:host(.v-mb-size-32),.v-mb-size-32{margin-bottom:32px}:host(.v-mr-size-32),.v-mr-size-32{margin-right:32px}:host(.v-ml-size-32),.v-ml-size-32{margin-left:32px}:host(.v-m-size-40),.v-m-size-40{margin:40px}:host(.v-mx-size-40),.v-mx-size-40{margin-left:40px;margin-right:40px}:host(.v-my-size-40),.v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.v-mt-size-40),.v-mt-size-40{margin-top:40px}:host(.v-mb-size-40),.v-mb-size-40{margin-bottom:40px}:host(.v-mr-size-40),.v-mr-size-40{margin-right:40px}:host(.v-ml-size-40),.v-ml-size-40{margin-left:40px}:host(.v-m-size-48),.v-m-size-48{margin:48px}:host(.v-mx-size-48),.v-mx-size-48{margin-left:48px;margin-right:48px}:host(.v-my-size-48),.v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.v-mt-size-48),.v-mt-size-48{margin-top:48px}:host(.v-mb-size-48),.v-mb-size-48{margin-bottom:48px}:host(.v-mr-size-48),.v-mr-size-48{margin-right:48px}:host(.v-ml-size-48),.v-ml-size-48{margin-left:48px}:host(.v-m-size-64),.v-m-size-64{margin:64px}:host(.v-mx-size-64),.v-mx-size-64{margin-left:64px;margin-right:64px}:host(.v-my-size-64),.v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.v-mt-size-64),.v-mt-size-64{margin-top:64px}:host(.v-mb-size-64),.v-mb-size-64{margin-bottom:64px}:host(.v-mr-size-64),.v-mr-size-64{margin-right:64px}:host(.v-ml-size-64),.v-ml-size-64{margin-left:64px}:host(.v-m-size-72),.v-m-size-72{margin:72px}:host(.v-mx-size-72),.v-mx-size-72{margin-left:72px;margin-right:72px}:host(.v-my-size-72),.v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.v-mt-size-72),.v-mt-size-72{margin-top:72px}:host(.v-mb-size-72),.v-mb-size-72{margin-bottom:72px}:host(.v-mr-size-72),.v-mr-size-72{margin-right:72px}:host(.v-ml-size-72),.v-ml-size-72{margin-left:72px}:host(.v-m-size-80),.v-m-size-80{margin:80px}:host(.v-mx-size-80),.v-mx-size-80{margin-left:80px;margin-right:80px}:host(.v-my-size-80),.v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.v-mt-size-80),.v-mt-size-80{margin-top:80px}:host(.v-mb-size-80),.v-mb-size-80{margin-bottom:80px}:host(.v-mr-size-80),.v-mr-size-80{margin-right:80px}:host(.v-ml-size-80),.v-ml-size-80{margin-left:80px}:host(.v-m-size-112),.v-m-size-112{margin:112px}:host(.v-mx-size-112),.v-mx-size-112{margin-left:112px;margin-right:112px}:host(.v-my-size-112),.v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.v-mt-size-112),.v-mt-size-112{margin-top:112px}:host(.v-mb-size-112),.v-mb-size-112{margin-bottom:112px}:host(.v-mr-size-112),.v-mr-size-112{margin-right:112px}:host(.v-ml-size-112),.v-ml-size-112{margin-left:112px}:host(.v-m-size-2),.v-m-size-2{margin:2px}:host(.v-mx-size-2),.v-mx-size-2{margin-left:2px;margin-right:2px}:host(.v-my-size-2),.v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.v-mt-size-2),.v-mt-size-2{margin-top:2px}:host(.v-mb-size-2),.v-mb-size-2{margin-bottom:2px}:host(.v-mr-size-2),.v-mr-size-2{margin-right:2px}:host(.v-ml-size-2),.v-ml-size-2{margin-left:2px}@media (min-width: 320px){:host(.S\\:v-m-0),.S\\:v-m-0{margin:0px}:host(.S\\:v-mx-0),.S\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-0),.S\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-0),.S\\:v-mt-0{margin-top:0px}:host(.S\\:v-mb-0),.S\\:v-mb-0{margin-bottom:0px}:host(.S\\:v-mr-0),.S\\:v-mr-0{margin-right:0px}:host(.S\\:v-ml-0),.S\\:v-ml-0{margin-left:0px}:host(.S\\:v-m-size-0),.S\\:v-m-size-0{margin:0px}:host(.S\\:v-mx-size-0),.S\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.S\\:v-my-size-0),.S\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.S\\:v-mt-size-0),.S\\:v-mt-size-0{margin-top:0px}:host(.S\\:v-mb-size-0),.S\\:v-mb-size-0{margin-bottom:0px}:host(.S\\:v-mr-size-0),.S\\:v-mr-size-0{margin-right:0px}:host(.S\\:v-ml-size-0),.S\\:v-ml-size-0{margin-left:0px}:host(.S\\:v-m-size-4),.S\\:v-m-size-4{margin:4px}:host(.S\\:v-mx-size-4),.S\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.S\\:v-my-size-4),.S\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.S\\:v-mt-size-4),.S\\:v-mt-size-4{margin-top:4px}:host(.S\\:v-mb-size-4),.S\\:v-mb-size-4{margin-bottom:4px}:host(.S\\:v-mr-size-4),.S\\:v-mr-size-4{margin-right:4px}:host(.S\\:v-ml-size-4),.S\\:v-ml-size-4{margin-left:4px}:host(.S\\:v-m-size-8),.S\\:v-m-size-8{margin:8px}:host(.S\\:v-mx-size-8),.S\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.S\\:v-my-size-8),.S\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.S\\:v-mt-size-8),.S\\:v-mt-size-8{margin-top:8px}:host(.S\\:v-mb-size-8),.S\\:v-mb-size-8{margin-bottom:8px}:host(.S\\:v-mr-size-8),.S\\:v-mr-size-8{margin-right:8px}:host(.S\\:v-ml-size-8),.S\\:v-ml-size-8{margin-left:8px}:host(.S\\:v-m-size-12),.S\\:v-m-size-12{margin:12px}:host(.S\\:v-mx-size-12),.S\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.S\\:v-my-size-12),.S\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.S\\:v-mt-size-12),.S\\:v-mt-size-12{margin-top:12px}:host(.S\\:v-mb-size-12),.S\\:v-mb-size-12{margin-bottom:12px}:host(.S\\:v-mr-size-12),.S\\:v-mr-size-12{margin-right:12px}:host(.S\\:v-ml-size-12),.S\\:v-ml-size-12{margin-left:12px}:host(.S\\:v-m-size-16),.S\\:v-m-size-16{margin:16px}:host(.S\\:v-mx-size-16),.S\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.S\\:v-my-size-16),.S\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.S\\:v-mt-size-16),.S\\:v-mt-size-16{margin-top:16px}:host(.S\\:v-mb-size-16),.S\\:v-mb-size-16{margin-bottom:16px}:host(.S\\:v-mr-size-16),.S\\:v-mr-size-16{margin-right:16px}:host(.S\\:v-ml-size-16),.S\\:v-ml-size-16{margin-left:16px}:host(.S\\:v-m-size-20),.S\\:v-m-size-20{margin:20px}:host(.S\\:v-mx-size-20),.S\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.S\\:v-my-size-20),.S\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.S\\:v-mt-size-20),.S\\:v-mt-size-20{margin-top:20px}:host(.S\\:v-mb-size-20),.S\\:v-mb-size-20{margin-bottom:20px}:host(.S\\:v-mr-size-20),.S\\:v-mr-size-20{margin-right:20px}:host(.S\\:v-ml-size-20),.S\\:v-ml-size-20{margin-left:20px}:host(.S\\:v-m-size-24),.S\\:v-m-size-24{margin:24px}:host(.S\\:v-mx-size-24),.S\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.S\\:v-my-size-24),.S\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.S\\:v-mt-size-24),.S\\:v-mt-size-24{margin-top:24px}:host(.S\\:v-mb-size-24),.S\\:v-mb-size-24{margin-bottom:24px}:host(.S\\:v-mr-size-24),.S\\:v-mr-size-24{margin-right:24px}:host(.S\\:v-ml-size-24),.S\\:v-ml-size-24{margin-left:24px}:host(.S\\:v-m-size-32),.S\\:v-m-size-32{margin:32px}:host(.S\\:v-mx-size-32),.S\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.S\\:v-my-size-32),.S\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.S\\:v-mt-size-32),.S\\:v-mt-size-32{margin-top:32px}:host(.S\\:v-mb-size-32),.S\\:v-mb-size-32{margin-bottom:32px}:host(.S\\:v-mr-size-32),.S\\:v-mr-size-32{margin-right:32px}:host(.S\\:v-ml-size-32),.S\\:v-ml-size-32{margin-left:32px}:host(.S\\:v-m-size-40),.S\\:v-m-size-40{margin:40px}:host(.S\\:v-mx-size-40),.S\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.S\\:v-my-size-40),.S\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.S\\:v-mt-size-40),.S\\:v-mt-size-40{margin-top:40px}:host(.S\\:v-mb-size-40),.S\\:v-mb-size-40{margin-bottom:40px}:host(.S\\:v-mr-size-40),.S\\:v-mr-size-40{margin-right:40px}:host(.S\\:v-ml-size-40),.S\\:v-ml-size-40{margin-left:40px}:host(.S\\:v-m-size-48),.S\\:v-m-size-48{margin:48px}:host(.S\\:v-mx-size-48),.S\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.S\\:v-my-size-48),.S\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.S\\:v-mt-size-48),.S\\:v-mt-size-48{margin-top:48px}:host(.S\\:v-mb-size-48),.S\\:v-mb-size-48{margin-bottom:48px}:host(.S\\:v-mr-size-48),.S\\:v-mr-size-48{margin-right:48px}:host(.S\\:v-ml-size-48),.S\\:v-ml-size-48{margin-left:48px}:host(.S\\:v-m-size-64),.S\\:v-m-size-64{margin:64px}:host(.S\\:v-mx-size-64),.S\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.S\\:v-my-size-64),.S\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.S\\:v-mt-size-64),.S\\:v-mt-size-64{margin-top:64px}:host(.S\\:v-mb-size-64),.S\\:v-mb-size-64{margin-bottom:64px}:host(.S\\:v-mr-size-64),.S\\:v-mr-size-64{margin-right:64px}:host(.S\\:v-ml-size-64),.S\\:v-ml-size-64{margin-left:64px}:host(.S\\:v-m-size-72),.S\\:v-m-size-72{margin:72px}:host(.S\\:v-mx-size-72),.S\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.S\\:v-my-size-72),.S\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.S\\:v-mt-size-72),.S\\:v-mt-size-72{margin-top:72px}:host(.S\\:v-mb-size-72),.S\\:v-mb-size-72{margin-bottom:72px}:host(.S\\:v-mr-size-72),.S\\:v-mr-size-72{margin-right:72px}:host(.S\\:v-ml-size-72),.S\\:v-ml-size-72{margin-left:72px}:host(.S\\:v-m-size-80),.S\\:v-m-size-80{margin:80px}:host(.S\\:v-mx-size-80),.S\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.S\\:v-my-size-80),.S\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.S\\:v-mt-size-80),.S\\:v-mt-size-80{margin-top:80px}:host(.S\\:v-mb-size-80),.S\\:v-mb-size-80{margin-bottom:80px}:host(.S\\:v-mr-size-80),.S\\:v-mr-size-80{margin-right:80px}:host(.S\\:v-ml-size-80),.S\\:v-ml-size-80{margin-left:80px}:host(.S\\:v-m-size-112),.S\\:v-m-size-112{margin:112px}:host(.S\\:v-mx-size-112),.S\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.S\\:v-my-size-112),.S\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.S\\:v-mt-size-112),.S\\:v-mt-size-112{margin-top:112px}:host(.S\\:v-mb-size-112),.S\\:v-mb-size-112{margin-bottom:112px}:host(.S\\:v-mr-size-112),.S\\:v-mr-size-112{margin-right:112px}:host(.S\\:v-ml-size-112),.S\\:v-ml-size-112{margin-left:112px}:host(.S\\:v-m-size-2),.S\\:v-m-size-2{margin:2px}:host(.S\\:v-mx-size-2),.S\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.S\\:v-my-size-2),.S\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.S\\:v-mt-size-2),.S\\:v-mt-size-2{margin-top:2px}:host(.S\\:v-mb-size-2),.S\\:v-mb-size-2{margin-bottom:2px}:host(.S\\:v-mr-size-2),.S\\:v-mr-size-2{margin-right:2px}:host(.S\\:v-ml-size-2),.S\\:v-ml-size-2{margin-left:2px}}@media (min-width: 768px){:host(.M\\:v-m-0),.M\\:v-m-0{margin:0px}:host(.M\\:v-mx-0),.M\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-0),.M\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-0),.M\\:v-mt-0{margin-top:0px}:host(.M\\:v-mb-0),.M\\:v-mb-0{margin-bottom:0px}:host(.M\\:v-mr-0),.M\\:v-mr-0{margin-right:0px}:host(.M\\:v-ml-0),.M\\:v-ml-0{margin-left:0px}:host(.M\\:v-m-size-0),.M\\:v-m-size-0{margin:0px}:host(.M\\:v-mx-size-0),.M\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.M\\:v-my-size-0),.M\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.M\\:v-mt-size-0),.M\\:v-mt-size-0{margin-top:0px}:host(.M\\:v-mb-size-0),.M\\:v-mb-size-0{margin-bottom:0px}:host(.M\\:v-mr-size-0),.M\\:v-mr-size-0{margin-right:0px}:host(.M\\:v-ml-size-0),.M\\:v-ml-size-0{margin-left:0px}:host(.M\\:v-m-size-4),.M\\:v-m-size-4{margin:4px}:host(.M\\:v-mx-size-4),.M\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.M\\:v-my-size-4),.M\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.M\\:v-mt-size-4),.M\\:v-mt-size-4{margin-top:4px}:host(.M\\:v-mb-size-4),.M\\:v-mb-size-4{margin-bottom:4px}:host(.M\\:v-mr-size-4),.M\\:v-mr-size-4{margin-right:4px}:host(.M\\:v-ml-size-4),.M\\:v-ml-size-4{margin-left:4px}:host(.M\\:v-m-size-8),.M\\:v-m-size-8{margin:8px}:host(.M\\:v-mx-size-8),.M\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.M\\:v-my-size-8),.M\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.M\\:v-mt-size-8),.M\\:v-mt-size-8{margin-top:8px}:host(.M\\:v-mb-size-8),.M\\:v-mb-size-8{margin-bottom:8px}:host(.M\\:v-mr-size-8),.M\\:v-mr-size-8{margin-right:8px}:host(.M\\:v-ml-size-8),.M\\:v-ml-size-8{margin-left:8px}:host(.M\\:v-m-size-12),.M\\:v-m-size-12{margin:12px}:host(.M\\:v-mx-size-12),.M\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.M\\:v-my-size-12),.M\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.M\\:v-mt-size-12),.M\\:v-mt-size-12{margin-top:12px}:host(.M\\:v-mb-size-12),.M\\:v-mb-size-12{margin-bottom:12px}:host(.M\\:v-mr-size-12),.M\\:v-mr-size-12{margin-right:12px}:host(.M\\:v-ml-size-12),.M\\:v-ml-size-12{margin-left:12px}:host(.M\\:v-m-size-16),.M\\:v-m-size-16{margin:16px}:host(.M\\:v-mx-size-16),.M\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.M\\:v-my-size-16),.M\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.M\\:v-mt-size-16),.M\\:v-mt-size-16{margin-top:16px}:host(.M\\:v-mb-size-16),.M\\:v-mb-size-16{margin-bottom:16px}:host(.M\\:v-mr-size-16),.M\\:v-mr-size-16{margin-right:16px}:host(.M\\:v-ml-size-16),.M\\:v-ml-size-16{margin-left:16px}:host(.M\\:v-m-size-20),.M\\:v-m-size-20{margin:20px}:host(.M\\:v-mx-size-20),.M\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.M\\:v-my-size-20),.M\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.M\\:v-mt-size-20),.M\\:v-mt-size-20{margin-top:20px}:host(.M\\:v-mb-size-20),.M\\:v-mb-size-20{margin-bottom:20px}:host(.M\\:v-mr-size-20),.M\\:v-mr-size-20{margin-right:20px}:host(.M\\:v-ml-size-20),.M\\:v-ml-size-20{margin-left:20px}:host(.M\\:v-m-size-24),.M\\:v-m-size-24{margin:24px}:host(.M\\:v-mx-size-24),.M\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.M\\:v-my-size-24),.M\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.M\\:v-mt-size-24),.M\\:v-mt-size-24{margin-top:24px}:host(.M\\:v-mb-size-24),.M\\:v-mb-size-24{margin-bottom:24px}:host(.M\\:v-mr-size-24),.M\\:v-mr-size-24{margin-right:24px}:host(.M\\:v-ml-size-24),.M\\:v-ml-size-24{margin-left:24px}:host(.M\\:v-m-size-32),.M\\:v-m-size-32{margin:32px}:host(.M\\:v-mx-size-32),.M\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.M\\:v-my-size-32),.M\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.M\\:v-mt-size-32),.M\\:v-mt-size-32{margin-top:32px}:host(.M\\:v-mb-size-32),.M\\:v-mb-size-32{margin-bottom:32px}:host(.M\\:v-mr-size-32),.M\\:v-mr-size-32{margin-right:32px}:host(.M\\:v-ml-size-32),.M\\:v-ml-size-32{margin-left:32px}:host(.M\\:v-m-size-40),.M\\:v-m-size-40{margin:40px}:host(.M\\:v-mx-size-40),.M\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.M\\:v-my-size-40),.M\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.M\\:v-mt-size-40),.M\\:v-mt-size-40{margin-top:40px}:host(.M\\:v-mb-size-40),.M\\:v-mb-size-40{margin-bottom:40px}:host(.M\\:v-mr-size-40),.M\\:v-mr-size-40{margin-right:40px}:host(.M\\:v-ml-size-40),.M\\:v-ml-size-40{margin-left:40px}:host(.M\\:v-m-size-48),.M\\:v-m-size-48{margin:48px}:host(.M\\:v-mx-size-48),.M\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.M\\:v-my-size-48),.M\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.M\\:v-mt-size-48),.M\\:v-mt-size-48{margin-top:48px}:host(.M\\:v-mb-size-48),.M\\:v-mb-size-48{margin-bottom:48px}:host(.M\\:v-mr-size-48),.M\\:v-mr-size-48{margin-right:48px}:host(.M\\:v-ml-size-48),.M\\:v-ml-size-48{margin-left:48px}:host(.M\\:v-m-size-64),.M\\:v-m-size-64{margin:64px}:host(.M\\:v-mx-size-64),.M\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.M\\:v-my-size-64),.M\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.M\\:v-mt-size-64),.M\\:v-mt-size-64{margin-top:64px}:host(.M\\:v-mb-size-64),.M\\:v-mb-size-64{margin-bottom:64px}:host(.M\\:v-mr-size-64),.M\\:v-mr-size-64{margin-right:64px}:host(.M\\:v-ml-size-64),.M\\:v-ml-size-64{margin-left:64px}:host(.M\\:v-m-size-72),.M\\:v-m-size-72{margin:72px}:host(.M\\:v-mx-size-72),.M\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.M\\:v-my-size-72),.M\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.M\\:v-mt-size-72),.M\\:v-mt-size-72{margin-top:72px}:host(.M\\:v-mb-size-72),.M\\:v-mb-size-72{margin-bottom:72px}:host(.M\\:v-mr-size-72),.M\\:v-mr-size-72{margin-right:72px}:host(.M\\:v-ml-size-72),.M\\:v-ml-size-72{margin-left:72px}:host(.M\\:v-m-size-80),.M\\:v-m-size-80{margin:80px}:host(.M\\:v-mx-size-80),.M\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.M\\:v-my-size-80),.M\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.M\\:v-mt-size-80),.M\\:v-mt-size-80{margin-top:80px}:host(.M\\:v-mb-size-80),.M\\:v-mb-size-80{margin-bottom:80px}:host(.M\\:v-mr-size-80),.M\\:v-mr-size-80{margin-right:80px}:host(.M\\:v-ml-size-80),.M\\:v-ml-size-80{margin-left:80px}:host(.M\\:v-m-size-112),.M\\:v-m-size-112{margin:112px}:host(.M\\:v-mx-size-112),.M\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.M\\:v-my-size-112),.M\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.M\\:v-mt-size-112),.M\\:v-mt-size-112{margin-top:112px}:host(.M\\:v-mb-size-112),.M\\:v-mb-size-112{margin-bottom:112px}:host(.M\\:v-mr-size-112),.M\\:v-mr-size-112{margin-right:112px}:host(.M\\:v-ml-size-112),.M\\:v-ml-size-112{margin-left:112px}:host(.M\\:v-m-size-2),.M\\:v-m-size-2{margin:2px}:host(.M\\:v-mx-size-2),.M\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.M\\:v-my-size-2),.M\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.M\\:v-mt-size-2),.M\\:v-mt-size-2{margin-top:2px}:host(.M\\:v-mb-size-2),.M\\:v-mb-size-2{margin-bottom:2px}:host(.M\\:v-mr-size-2),.M\\:v-mr-size-2{margin-right:2px}:host(.M\\:v-ml-size-2),.M\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1024px){:host(.L\\:v-m-0),.L\\:v-m-0{margin:0px}:host(.L\\:v-mx-0),.L\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-0),.L\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-0),.L\\:v-mt-0{margin-top:0px}:host(.L\\:v-mb-0),.L\\:v-mb-0{margin-bottom:0px}:host(.L\\:v-mr-0),.L\\:v-mr-0{margin-right:0px}:host(.L\\:v-ml-0),.L\\:v-ml-0{margin-left:0px}:host(.L\\:v-m-size-0),.L\\:v-m-size-0{margin:0px}:host(.L\\:v-mx-size-0),.L\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.L\\:v-my-size-0),.L\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.L\\:v-mt-size-0),.L\\:v-mt-size-0{margin-top:0px}:host(.L\\:v-mb-size-0),.L\\:v-mb-size-0{margin-bottom:0px}:host(.L\\:v-mr-size-0),.L\\:v-mr-size-0{margin-right:0px}:host(.L\\:v-ml-size-0),.L\\:v-ml-size-0{margin-left:0px}:host(.L\\:v-m-size-4),.L\\:v-m-size-4{margin:4px}:host(.L\\:v-mx-size-4),.L\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.L\\:v-my-size-4),.L\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.L\\:v-mt-size-4),.L\\:v-mt-size-4{margin-top:4px}:host(.L\\:v-mb-size-4),.L\\:v-mb-size-4{margin-bottom:4px}:host(.L\\:v-mr-size-4),.L\\:v-mr-size-4{margin-right:4px}:host(.L\\:v-ml-size-4),.L\\:v-ml-size-4{margin-left:4px}:host(.L\\:v-m-size-8),.L\\:v-m-size-8{margin:8px}:host(.L\\:v-mx-size-8),.L\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.L\\:v-my-size-8),.L\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.L\\:v-mt-size-8),.L\\:v-mt-size-8{margin-top:8px}:host(.L\\:v-mb-size-8),.L\\:v-mb-size-8{margin-bottom:8px}:host(.L\\:v-mr-size-8),.L\\:v-mr-size-8{margin-right:8px}:host(.L\\:v-ml-size-8),.L\\:v-ml-size-8{margin-left:8px}:host(.L\\:v-m-size-12),.L\\:v-m-size-12{margin:12px}:host(.L\\:v-mx-size-12),.L\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.L\\:v-my-size-12),.L\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.L\\:v-mt-size-12),.L\\:v-mt-size-12{margin-top:12px}:host(.L\\:v-mb-size-12),.L\\:v-mb-size-12{margin-bottom:12px}:host(.L\\:v-mr-size-12),.L\\:v-mr-size-12{margin-right:12px}:host(.L\\:v-ml-size-12),.L\\:v-ml-size-12{margin-left:12px}:host(.L\\:v-m-size-16),.L\\:v-m-size-16{margin:16px}:host(.L\\:v-mx-size-16),.L\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.L\\:v-my-size-16),.L\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.L\\:v-mt-size-16),.L\\:v-mt-size-16{margin-top:16px}:host(.L\\:v-mb-size-16),.L\\:v-mb-size-16{margin-bottom:16px}:host(.L\\:v-mr-size-16),.L\\:v-mr-size-16{margin-right:16px}:host(.L\\:v-ml-size-16),.L\\:v-ml-size-16{margin-left:16px}:host(.L\\:v-m-size-20),.L\\:v-m-size-20{margin:20px}:host(.L\\:v-mx-size-20),.L\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.L\\:v-my-size-20),.L\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.L\\:v-mt-size-20),.L\\:v-mt-size-20{margin-top:20px}:host(.L\\:v-mb-size-20),.L\\:v-mb-size-20{margin-bottom:20px}:host(.L\\:v-mr-size-20),.L\\:v-mr-size-20{margin-right:20px}:host(.L\\:v-ml-size-20),.L\\:v-ml-size-20{margin-left:20px}:host(.L\\:v-m-size-24),.L\\:v-m-size-24{margin:24px}:host(.L\\:v-mx-size-24),.L\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.L\\:v-my-size-24),.L\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.L\\:v-mt-size-24),.L\\:v-mt-size-24{margin-top:24px}:host(.L\\:v-mb-size-24),.L\\:v-mb-size-24{margin-bottom:24px}:host(.L\\:v-mr-size-24),.L\\:v-mr-size-24{margin-right:24px}:host(.L\\:v-ml-size-24),.L\\:v-ml-size-24{margin-left:24px}:host(.L\\:v-m-size-32),.L\\:v-m-size-32{margin:32px}:host(.L\\:v-mx-size-32),.L\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.L\\:v-my-size-32),.L\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.L\\:v-mt-size-32),.L\\:v-mt-size-32{margin-top:32px}:host(.L\\:v-mb-size-32),.L\\:v-mb-size-32{margin-bottom:32px}:host(.L\\:v-mr-size-32),.L\\:v-mr-size-32{margin-right:32px}:host(.L\\:v-ml-size-32),.L\\:v-ml-size-32{margin-left:32px}:host(.L\\:v-m-size-40),.L\\:v-m-size-40{margin:40px}:host(.L\\:v-mx-size-40),.L\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.L\\:v-my-size-40),.L\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.L\\:v-mt-size-40),.L\\:v-mt-size-40{margin-top:40px}:host(.L\\:v-mb-size-40),.L\\:v-mb-size-40{margin-bottom:40px}:host(.L\\:v-mr-size-40),.L\\:v-mr-size-40{margin-right:40px}:host(.L\\:v-ml-size-40),.L\\:v-ml-size-40{margin-left:40px}:host(.L\\:v-m-size-48),.L\\:v-m-size-48{margin:48px}:host(.L\\:v-mx-size-48),.L\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.L\\:v-my-size-48),.L\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.L\\:v-mt-size-48),.L\\:v-mt-size-48{margin-top:48px}:host(.L\\:v-mb-size-48),.L\\:v-mb-size-48{margin-bottom:48px}:host(.L\\:v-mr-size-48),.L\\:v-mr-size-48{margin-right:48px}:host(.L\\:v-ml-size-48),.L\\:v-ml-size-48{margin-left:48px}:host(.L\\:v-m-size-64),.L\\:v-m-size-64{margin:64px}:host(.L\\:v-mx-size-64),.L\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.L\\:v-my-size-64),.L\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.L\\:v-mt-size-64),.L\\:v-mt-size-64{margin-top:64px}:host(.L\\:v-mb-size-64),.L\\:v-mb-size-64{margin-bottom:64px}:host(.L\\:v-mr-size-64),.L\\:v-mr-size-64{margin-right:64px}:host(.L\\:v-ml-size-64),.L\\:v-ml-size-64{margin-left:64px}:host(.L\\:v-m-size-72),.L\\:v-m-size-72{margin:72px}:host(.L\\:v-mx-size-72),.L\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.L\\:v-my-size-72),.L\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.L\\:v-mt-size-72),.L\\:v-mt-size-72{margin-top:72px}:host(.L\\:v-mb-size-72),.L\\:v-mb-size-72{margin-bottom:72px}:host(.L\\:v-mr-size-72),.L\\:v-mr-size-72{margin-right:72px}:host(.L\\:v-ml-size-72),.L\\:v-ml-size-72{margin-left:72px}:host(.L\\:v-m-size-80),.L\\:v-m-size-80{margin:80px}:host(.L\\:v-mx-size-80),.L\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.L\\:v-my-size-80),.L\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.L\\:v-mt-size-80),.L\\:v-mt-size-80{margin-top:80px}:host(.L\\:v-mb-size-80),.L\\:v-mb-size-80{margin-bottom:80px}:host(.L\\:v-mr-size-80),.L\\:v-mr-size-80{margin-right:80px}:host(.L\\:v-ml-size-80),.L\\:v-ml-size-80{margin-left:80px}:host(.L\\:v-m-size-112),.L\\:v-m-size-112{margin:112px}:host(.L\\:v-mx-size-112),.L\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.L\\:v-my-size-112),.L\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.L\\:v-mt-size-112),.L\\:v-mt-size-112{margin-top:112px}:host(.L\\:v-mb-size-112),.L\\:v-mb-size-112{margin-bottom:112px}:host(.L\\:v-mr-size-112),.L\\:v-mr-size-112{margin-right:112px}:host(.L\\:v-ml-size-112),.L\\:v-ml-size-112{margin-left:112px}:host(.L\\:v-m-size-2),.L\\:v-m-size-2{margin:2px}:host(.L\\:v-mx-size-2),.L\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.L\\:v-my-size-2),.L\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.L\\:v-mt-size-2),.L\\:v-mt-size-2{margin-top:2px}:host(.L\\:v-mb-size-2),.L\\:v-mb-size-2{margin-bottom:2px}:host(.L\\:v-mr-size-2),.L\\:v-mr-size-2{margin-right:2px}:host(.L\\:v-ml-size-2),.L\\:v-ml-size-2{margin-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-m-0),.XL\\:v-m-0{margin:0px}:host(.XL\\:v-mx-0),.XL\\:v-mx-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-0),.XL\\:v-my-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-0),.XL\\:v-mt-0{margin-top:0px}:host(.XL\\:v-mb-0),.XL\\:v-mb-0{margin-bottom:0px}:host(.XL\\:v-mr-0),.XL\\:v-mr-0{margin-right:0px}:host(.XL\\:v-ml-0),.XL\\:v-ml-0{margin-left:0px}:host(.XL\\:v-m-size-0),.XL\\:v-m-size-0{margin:0px}:host(.XL\\:v-mx-size-0),.XL\\:v-mx-size-0{margin-left:0px;margin-right:0px}:host(.XL\\:v-my-size-0),.XL\\:v-my-size-0{margin-top:0px;margin-bottom:0px}:host(.XL\\:v-mt-size-0),.XL\\:v-mt-size-0{margin-top:0px}:host(.XL\\:v-mb-size-0),.XL\\:v-mb-size-0{margin-bottom:0px}:host(.XL\\:v-mr-size-0),.XL\\:v-mr-size-0{margin-right:0px}:host(.XL\\:v-ml-size-0),.XL\\:v-ml-size-0{margin-left:0px}:host(.XL\\:v-m-size-4),.XL\\:v-m-size-4{margin:4px}:host(.XL\\:v-mx-size-4),.XL\\:v-mx-size-4{margin-left:4px;margin-right:4px}:host(.XL\\:v-my-size-4),.XL\\:v-my-size-4{margin-top:4px;margin-bottom:4px}:host(.XL\\:v-mt-size-4),.XL\\:v-mt-size-4{margin-top:4px}:host(.XL\\:v-mb-size-4),.XL\\:v-mb-size-4{margin-bottom:4px}:host(.XL\\:v-mr-size-4),.XL\\:v-mr-size-4{margin-right:4px}:host(.XL\\:v-ml-size-4),.XL\\:v-ml-size-4{margin-left:4px}:host(.XL\\:v-m-size-8),.XL\\:v-m-size-8{margin:8px}:host(.XL\\:v-mx-size-8),.XL\\:v-mx-size-8{margin-left:8px;margin-right:8px}:host(.XL\\:v-my-size-8),.XL\\:v-my-size-8{margin-top:8px;margin-bottom:8px}:host(.XL\\:v-mt-size-8),.XL\\:v-mt-size-8{margin-top:8px}:host(.XL\\:v-mb-size-8),.XL\\:v-mb-size-8{margin-bottom:8px}:host(.XL\\:v-mr-size-8),.XL\\:v-mr-size-8{margin-right:8px}:host(.XL\\:v-ml-size-8),.XL\\:v-ml-size-8{margin-left:8px}:host(.XL\\:v-m-size-12),.XL\\:v-m-size-12{margin:12px}:host(.XL\\:v-mx-size-12),.XL\\:v-mx-size-12{margin-left:12px;margin-right:12px}:host(.XL\\:v-my-size-12),.XL\\:v-my-size-12{margin-top:12px;margin-bottom:12px}:host(.XL\\:v-mt-size-12),.XL\\:v-mt-size-12{margin-top:12px}:host(.XL\\:v-mb-size-12),.XL\\:v-mb-size-12{margin-bottom:12px}:host(.XL\\:v-mr-size-12),.XL\\:v-mr-size-12{margin-right:12px}:host(.XL\\:v-ml-size-12),.XL\\:v-ml-size-12{margin-left:12px}:host(.XL\\:v-m-size-16),.XL\\:v-m-size-16{margin:16px}:host(.XL\\:v-mx-size-16),.XL\\:v-mx-size-16{margin-left:16px;margin-right:16px}:host(.XL\\:v-my-size-16),.XL\\:v-my-size-16{margin-top:16px;margin-bottom:16px}:host(.XL\\:v-mt-size-16),.XL\\:v-mt-size-16{margin-top:16px}:host(.XL\\:v-mb-size-16),.XL\\:v-mb-size-16{margin-bottom:16px}:host(.XL\\:v-mr-size-16),.XL\\:v-mr-size-16{margin-right:16px}:host(.XL\\:v-ml-size-16),.XL\\:v-ml-size-16{margin-left:16px}:host(.XL\\:v-m-size-20),.XL\\:v-m-size-20{margin:20px}:host(.XL\\:v-mx-size-20),.XL\\:v-mx-size-20{margin-left:20px;margin-right:20px}:host(.XL\\:v-my-size-20),.XL\\:v-my-size-20{margin-top:20px;margin-bottom:20px}:host(.XL\\:v-mt-size-20),.XL\\:v-mt-size-20{margin-top:20px}:host(.XL\\:v-mb-size-20),.XL\\:v-mb-size-20{margin-bottom:20px}:host(.XL\\:v-mr-size-20),.XL\\:v-mr-size-20{margin-right:20px}:host(.XL\\:v-ml-size-20),.XL\\:v-ml-size-20{margin-left:20px}:host(.XL\\:v-m-size-24),.XL\\:v-m-size-24{margin:24px}:host(.XL\\:v-mx-size-24),.XL\\:v-mx-size-24{margin-left:24px;margin-right:24px}:host(.XL\\:v-my-size-24),.XL\\:v-my-size-24{margin-top:24px;margin-bottom:24px}:host(.XL\\:v-mt-size-24),.XL\\:v-mt-size-24{margin-top:24px}:host(.XL\\:v-mb-size-24),.XL\\:v-mb-size-24{margin-bottom:24px}:host(.XL\\:v-mr-size-24),.XL\\:v-mr-size-24{margin-right:24px}:host(.XL\\:v-ml-size-24),.XL\\:v-ml-size-24{margin-left:24px}:host(.XL\\:v-m-size-32),.XL\\:v-m-size-32{margin:32px}:host(.XL\\:v-mx-size-32),.XL\\:v-mx-size-32{margin-left:32px;margin-right:32px}:host(.XL\\:v-my-size-32),.XL\\:v-my-size-32{margin-top:32px;margin-bottom:32px}:host(.XL\\:v-mt-size-32),.XL\\:v-mt-size-32{margin-top:32px}:host(.XL\\:v-mb-size-32),.XL\\:v-mb-size-32{margin-bottom:32px}:host(.XL\\:v-mr-size-32),.XL\\:v-mr-size-32{margin-right:32px}:host(.XL\\:v-ml-size-32),.XL\\:v-ml-size-32{margin-left:32px}:host(.XL\\:v-m-size-40),.XL\\:v-m-size-40{margin:40px}:host(.XL\\:v-mx-size-40),.XL\\:v-mx-size-40{margin-left:40px;margin-right:40px}:host(.XL\\:v-my-size-40),.XL\\:v-my-size-40{margin-top:40px;margin-bottom:40px}:host(.XL\\:v-mt-size-40),.XL\\:v-mt-size-40{margin-top:40px}:host(.XL\\:v-mb-size-40),.XL\\:v-mb-size-40{margin-bottom:40px}:host(.XL\\:v-mr-size-40),.XL\\:v-mr-size-40{margin-right:40px}:host(.XL\\:v-ml-size-40),.XL\\:v-ml-size-40{margin-left:40px}:host(.XL\\:v-m-size-48),.XL\\:v-m-size-48{margin:48px}:host(.XL\\:v-mx-size-48),.XL\\:v-mx-size-48{margin-left:48px;margin-right:48px}:host(.XL\\:v-my-size-48),.XL\\:v-my-size-48{margin-top:48px;margin-bottom:48px}:host(.XL\\:v-mt-size-48),.XL\\:v-mt-size-48{margin-top:48px}:host(.XL\\:v-mb-size-48),.XL\\:v-mb-size-48{margin-bottom:48px}:host(.XL\\:v-mr-size-48),.XL\\:v-mr-size-48{margin-right:48px}:host(.XL\\:v-ml-size-48),.XL\\:v-ml-size-48{margin-left:48px}:host(.XL\\:v-m-size-64),.XL\\:v-m-size-64{margin:64px}:host(.XL\\:v-mx-size-64),.XL\\:v-mx-size-64{margin-left:64px;margin-right:64px}:host(.XL\\:v-my-size-64),.XL\\:v-my-size-64{margin-top:64px;margin-bottom:64px}:host(.XL\\:v-mt-size-64),.XL\\:v-mt-size-64{margin-top:64px}:host(.XL\\:v-mb-size-64),.XL\\:v-mb-size-64{margin-bottom:64px}:host(.XL\\:v-mr-size-64),.XL\\:v-mr-size-64{margin-right:64px}:host(.XL\\:v-ml-size-64),.XL\\:v-ml-size-64{margin-left:64px}:host(.XL\\:v-m-size-72),.XL\\:v-m-size-72{margin:72px}:host(.XL\\:v-mx-size-72),.XL\\:v-mx-size-72{margin-left:72px;margin-right:72px}:host(.XL\\:v-my-size-72),.XL\\:v-my-size-72{margin-top:72px;margin-bottom:72px}:host(.XL\\:v-mt-size-72),.XL\\:v-mt-size-72{margin-top:72px}:host(.XL\\:v-mb-size-72),.XL\\:v-mb-size-72{margin-bottom:72px}:host(.XL\\:v-mr-size-72),.XL\\:v-mr-size-72{margin-right:72px}:host(.XL\\:v-ml-size-72),.XL\\:v-ml-size-72{margin-left:72px}:host(.XL\\:v-m-size-80),.XL\\:v-m-size-80{margin:80px}:host(.XL\\:v-mx-size-80),.XL\\:v-mx-size-80{margin-left:80px;margin-right:80px}:host(.XL\\:v-my-size-80),.XL\\:v-my-size-80{margin-top:80px;margin-bottom:80px}:host(.XL\\:v-mt-size-80),.XL\\:v-mt-size-80{margin-top:80px}:host(.XL\\:v-mb-size-80),.XL\\:v-mb-size-80{margin-bottom:80px}:host(.XL\\:v-mr-size-80),.XL\\:v-mr-size-80{margin-right:80px}:host(.XL\\:v-ml-size-80),.XL\\:v-ml-size-80{margin-left:80px}:host(.XL\\:v-m-size-112),.XL\\:v-m-size-112{margin:112px}:host(.XL\\:v-mx-size-112),.XL\\:v-mx-size-112{margin-left:112px;margin-right:112px}:host(.XL\\:v-my-size-112),.XL\\:v-my-size-112{margin-top:112px;margin-bottom:112px}:host(.XL\\:v-mt-size-112),.XL\\:v-mt-size-112{margin-top:112px}:host(.XL\\:v-mb-size-112),.XL\\:v-mb-size-112{margin-bottom:112px}:host(.XL\\:v-mr-size-112),.XL\\:v-mr-size-112{margin-right:112px}:host(.XL\\:v-ml-size-112),.XL\\:v-ml-size-112{margin-left:112px}:host(.XL\\:v-m-size-2),.XL\\:v-m-size-2{margin:2px}:host(.XL\\:v-mx-size-2),.XL\\:v-mx-size-2{margin-left:2px;margin-right:2px}:host(.XL\\:v-my-size-2),.XL\\:v-my-size-2{margin-top:2px;margin-bottom:2px}:host(.XL\\:v-mt-size-2),.XL\\:v-mt-size-2{margin-top:2px}:host(.XL\\:v-mb-size-2),.XL\\:v-mb-size-2{margin-bottom:2px}:host(.XL\\:v-mr-size-2),.XL\\:v-mr-size-2{margin-right:2px}:host(.XL\\:v-ml-size-2),.XL\\:v-ml-size-2{margin-left:2px}}:host(.v-gap-0),.v-gap-0{gap:0px}:host(.v-gap-row-0),.v-gap-row-0{row-gap:0px}:host(.v-gap-col-0),.v-gap-col-0{column-gap:0px}:host(.v-gap-size-0),.v-gap-size-0{gap:0px}:host(.v-gap-row-size-0),.v-gap-row-size-0{row-gap:0px}:host(.v-gap-col-size-0),.v-gap-col-size-0{column-gap:0px}:host(.v-gap-size-4),.v-gap-size-4{gap:4px}:host(.v-gap-row-size-4),.v-gap-row-size-4{row-gap:4px}:host(.v-gap-col-size-4),.v-gap-col-size-4{column-gap:4px}:host(.v-gap-size-8),.v-gap-size-8{gap:8px}:host(.v-gap-row-size-8),.v-gap-row-size-8{row-gap:8px}:host(.v-gap-col-size-8),.v-gap-col-size-8{column-gap:8px}:host(.v-gap-size-12),.v-gap-size-12{gap:12px}:host(.v-gap-row-size-12),.v-gap-row-size-12{row-gap:12px}:host(.v-gap-col-size-12),.v-gap-col-size-12{column-gap:12px}:host(.v-gap-size-16),.v-gap-size-16{gap:16px}:host(.v-gap-row-size-16),.v-gap-row-size-16{row-gap:16px}:host(.v-gap-col-size-16),.v-gap-col-size-16{column-gap:16px}:host(.v-gap-size-20),.v-gap-size-20{gap:20px}:host(.v-gap-row-size-20),.v-gap-row-size-20{row-gap:20px}:host(.v-gap-col-size-20),.v-gap-col-size-20{column-gap:20px}:host(.v-gap-size-24),.v-gap-size-24{gap:24px}:host(.v-gap-row-size-24),.v-gap-row-size-24{row-gap:24px}:host(.v-gap-col-size-24),.v-gap-col-size-24{column-gap:24px}:host(.v-gap-size-32),.v-gap-size-32{gap:32px}:host(.v-gap-row-size-32),.v-gap-row-size-32{row-gap:32px}:host(.v-gap-col-size-32),.v-gap-col-size-32{column-gap:32px}:host(.v-gap-size-40),.v-gap-size-40{gap:40px}:host(.v-gap-row-size-40),.v-gap-row-size-40{row-gap:40px}:host(.v-gap-col-size-40),.v-gap-col-size-40{column-gap:40px}:host(.v-gap-size-48),.v-gap-size-48{gap:48px}:host(.v-gap-row-size-48),.v-gap-row-size-48{row-gap:48px}:host(.v-gap-col-size-48),.v-gap-col-size-48{column-gap:48px}:host(.v-gap-size-64),.v-gap-size-64{gap:64px}:host(.v-gap-row-size-64),.v-gap-row-size-64{row-gap:64px}:host(.v-gap-col-size-64),.v-gap-col-size-64{column-gap:64px}:host(.v-gap-size-72),.v-gap-size-72{gap:72px}:host(.v-gap-row-size-72),.v-gap-row-size-72{row-gap:72px}:host(.v-gap-col-size-72),.v-gap-col-size-72{column-gap:72px}:host(.v-gap-size-80),.v-gap-size-80{gap:80px}:host(.v-gap-row-size-80),.v-gap-row-size-80{row-gap:80px}:host(.v-gap-col-size-80),.v-gap-col-size-80{column-gap:80px}:host(.v-gap-size-112),.v-gap-size-112{gap:112px}:host(.v-gap-row-size-112),.v-gap-row-size-112{row-gap:112px}:host(.v-gap-col-size-112),.v-gap-col-size-112{column-gap:112px}:host(.v-gap-size-2),.v-gap-size-2{gap:2px}:host(.v-gap-row-size-2),.v-gap-row-size-2{row-gap:2px}:host(.v-gap-col-size-2),.v-gap-col-size-2{column-gap:2px}@media (min-width: 320px){:host(.S\\:v-gap-0),.S\\:v-gap-0{gap:0px}:host(.S\\:v-gap-row-0),.S\\:v-gap-row-0{row-gap:0px}:host(.S\\:v-gap-col-0),.S\\:v-gap-col-0{column-gap:0px}:host(.S\\:v-gap-size-0),.S\\:v-gap-size-0{gap:0px}:host(.S\\:v-gap-row-size-0),.S\\:v-gap-row-size-0{row-gap:0px}:host(.S\\:v-gap-col-size-0),.S\\:v-gap-col-size-0{column-gap:0px}:host(.S\\:v-gap-size-4),.S\\:v-gap-size-4{gap:4px}:host(.S\\:v-gap-row-size-4),.S\\:v-gap-row-size-4{row-gap:4px}:host(.S\\:v-gap-col-size-4),.S\\:v-gap-col-size-4{column-gap:4px}:host(.S\\:v-gap-size-8),.S\\:v-gap-size-8{gap:8px}:host(.S\\:v-gap-row-size-8),.S\\:v-gap-row-size-8{row-gap:8px}:host(.S\\:v-gap-col-size-8),.S\\:v-gap-col-size-8{column-gap:8px}:host(.S\\:v-gap-size-12),.S\\:v-gap-size-12{gap:12px}:host(.S\\:v-gap-row-size-12),.S\\:v-gap-row-size-12{row-gap:12px}:host(.S\\:v-gap-col-size-12),.S\\:v-gap-col-size-12{column-gap:12px}:host(.S\\:v-gap-size-16),.S\\:v-gap-size-16{gap:16px}:host(.S\\:v-gap-row-size-16),.S\\:v-gap-row-size-16{row-gap:16px}:host(.S\\:v-gap-col-size-16),.S\\:v-gap-col-size-16{column-gap:16px}:host(.S\\:v-gap-size-20),.S\\:v-gap-size-20{gap:20px}:host(.S\\:v-gap-row-size-20),.S\\:v-gap-row-size-20{row-gap:20px}:host(.S\\:v-gap-col-size-20),.S\\:v-gap-col-size-20{column-gap:20px}:host(.S\\:v-gap-size-24),.S\\:v-gap-size-24{gap:24px}:host(.S\\:v-gap-row-size-24),.S\\:v-gap-row-size-24{row-gap:24px}:host(.S\\:v-gap-col-size-24),.S\\:v-gap-col-size-24{column-gap:24px}:host(.S\\:v-gap-size-32),.S\\:v-gap-size-32{gap:32px}:host(.S\\:v-gap-row-size-32),.S\\:v-gap-row-size-32{row-gap:32px}:host(.S\\:v-gap-col-size-32),.S\\:v-gap-col-size-32{column-gap:32px}:host(.S\\:v-gap-size-40),.S\\:v-gap-size-40{gap:40px}:host(.S\\:v-gap-row-size-40),.S\\:v-gap-row-size-40{row-gap:40px}:host(.S\\:v-gap-col-size-40),.S\\:v-gap-col-size-40{column-gap:40px}:host(.S\\:v-gap-size-48),.S\\:v-gap-size-48{gap:48px}:host(.S\\:v-gap-row-size-48),.S\\:v-gap-row-size-48{row-gap:48px}:host(.S\\:v-gap-col-size-48),.S\\:v-gap-col-size-48{column-gap:48px}:host(.S\\:v-gap-size-64),.S\\:v-gap-size-64{gap:64px}:host(.S\\:v-gap-row-size-64),.S\\:v-gap-row-size-64{row-gap:64px}:host(.S\\:v-gap-col-size-64),.S\\:v-gap-col-size-64{column-gap:64px}:host(.S\\:v-gap-size-72),.S\\:v-gap-size-72{gap:72px}:host(.S\\:v-gap-row-size-72),.S\\:v-gap-row-size-72{row-gap:72px}:host(.S\\:v-gap-col-size-72),.S\\:v-gap-col-size-72{column-gap:72px}:host(.S\\:v-gap-size-80),.S\\:v-gap-size-80{gap:80px}:host(.S\\:v-gap-row-size-80),.S\\:v-gap-row-size-80{row-gap:80px}:host(.S\\:v-gap-col-size-80),.S\\:v-gap-col-size-80{column-gap:80px}:host(.S\\:v-gap-size-112),.S\\:v-gap-size-112{gap:112px}:host(.S\\:v-gap-row-size-112),.S\\:v-gap-row-size-112{row-gap:112px}:host(.S\\:v-gap-col-size-112),.S\\:v-gap-col-size-112{column-gap:112px}:host(.S\\:v-gap-size-2),.S\\:v-gap-size-2{gap:2px}:host(.S\\:v-gap-row-size-2),.S\\:v-gap-row-size-2{row-gap:2px}:host(.S\\:v-gap-col-size-2),.S\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 768px){:host(.M\\:v-gap-0),.M\\:v-gap-0{gap:0px}:host(.M\\:v-gap-row-0),.M\\:v-gap-row-0{row-gap:0px}:host(.M\\:v-gap-col-0),.M\\:v-gap-col-0{column-gap:0px}:host(.M\\:v-gap-size-0),.M\\:v-gap-size-0{gap:0px}:host(.M\\:v-gap-row-size-0),.M\\:v-gap-row-size-0{row-gap:0px}:host(.M\\:v-gap-col-size-0),.M\\:v-gap-col-size-0{column-gap:0px}:host(.M\\:v-gap-size-4),.M\\:v-gap-size-4{gap:4px}:host(.M\\:v-gap-row-size-4),.M\\:v-gap-row-size-4{row-gap:4px}:host(.M\\:v-gap-col-size-4),.M\\:v-gap-col-size-4{column-gap:4px}:host(.M\\:v-gap-size-8),.M\\:v-gap-size-8{gap:8px}:host(.M\\:v-gap-row-size-8),.M\\:v-gap-row-size-8{row-gap:8px}:host(.M\\:v-gap-col-size-8),.M\\:v-gap-col-size-8{column-gap:8px}:host(.M\\:v-gap-size-12),.M\\:v-gap-size-12{gap:12px}:host(.M\\:v-gap-row-size-12),.M\\:v-gap-row-size-12{row-gap:12px}:host(.M\\:v-gap-col-size-12),.M\\:v-gap-col-size-12{column-gap:12px}:host(.M\\:v-gap-size-16),.M\\:v-gap-size-16{gap:16px}:host(.M\\:v-gap-row-size-16),.M\\:v-gap-row-size-16{row-gap:16px}:host(.M\\:v-gap-col-size-16),.M\\:v-gap-col-size-16{column-gap:16px}:host(.M\\:v-gap-size-20),.M\\:v-gap-size-20{gap:20px}:host(.M\\:v-gap-row-size-20),.M\\:v-gap-row-size-20{row-gap:20px}:host(.M\\:v-gap-col-size-20),.M\\:v-gap-col-size-20{column-gap:20px}:host(.M\\:v-gap-size-24),.M\\:v-gap-size-24{gap:24px}:host(.M\\:v-gap-row-size-24),.M\\:v-gap-row-size-24{row-gap:24px}:host(.M\\:v-gap-col-size-24),.M\\:v-gap-col-size-24{column-gap:24px}:host(.M\\:v-gap-size-32),.M\\:v-gap-size-32{gap:32px}:host(.M\\:v-gap-row-size-32),.M\\:v-gap-row-size-32{row-gap:32px}:host(.M\\:v-gap-col-size-32),.M\\:v-gap-col-size-32{column-gap:32px}:host(.M\\:v-gap-size-40),.M\\:v-gap-size-40{gap:40px}:host(.M\\:v-gap-row-size-40),.M\\:v-gap-row-size-40{row-gap:40px}:host(.M\\:v-gap-col-size-40),.M\\:v-gap-col-size-40{column-gap:40px}:host(.M\\:v-gap-size-48),.M\\:v-gap-size-48{gap:48px}:host(.M\\:v-gap-row-size-48),.M\\:v-gap-row-size-48{row-gap:48px}:host(.M\\:v-gap-col-size-48),.M\\:v-gap-col-size-48{column-gap:48px}:host(.M\\:v-gap-size-64),.M\\:v-gap-size-64{gap:64px}:host(.M\\:v-gap-row-size-64),.M\\:v-gap-row-size-64{row-gap:64px}:host(.M\\:v-gap-col-size-64),.M\\:v-gap-col-size-64{column-gap:64px}:host(.M\\:v-gap-size-72),.M\\:v-gap-size-72{gap:72px}:host(.M\\:v-gap-row-size-72),.M\\:v-gap-row-size-72{row-gap:72px}:host(.M\\:v-gap-col-size-72),.M\\:v-gap-col-size-72{column-gap:72px}:host(.M\\:v-gap-size-80),.M\\:v-gap-size-80{gap:80px}:host(.M\\:v-gap-row-size-80),.M\\:v-gap-row-size-80{row-gap:80px}:host(.M\\:v-gap-col-size-80),.M\\:v-gap-col-size-80{column-gap:80px}:host(.M\\:v-gap-size-112),.M\\:v-gap-size-112{gap:112px}:host(.M\\:v-gap-row-size-112),.M\\:v-gap-row-size-112{row-gap:112px}:host(.M\\:v-gap-col-size-112),.M\\:v-gap-col-size-112{column-gap:112px}:host(.M\\:v-gap-size-2),.M\\:v-gap-size-2{gap:2px}:host(.M\\:v-gap-row-size-2),.M\\:v-gap-row-size-2{row-gap:2px}:host(.M\\:v-gap-col-size-2),.M\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1024px){:host(.L\\:v-gap-0),.L\\:v-gap-0{gap:0px}:host(.L\\:v-gap-row-0),.L\\:v-gap-row-0{row-gap:0px}:host(.L\\:v-gap-col-0),.L\\:v-gap-col-0{column-gap:0px}:host(.L\\:v-gap-size-0),.L\\:v-gap-size-0{gap:0px}:host(.L\\:v-gap-row-size-0),.L\\:v-gap-row-size-0{row-gap:0px}:host(.L\\:v-gap-col-size-0),.L\\:v-gap-col-size-0{column-gap:0px}:host(.L\\:v-gap-size-4),.L\\:v-gap-size-4{gap:4px}:host(.L\\:v-gap-row-size-4),.L\\:v-gap-row-size-4{row-gap:4px}:host(.L\\:v-gap-col-size-4),.L\\:v-gap-col-size-4{column-gap:4px}:host(.L\\:v-gap-size-8),.L\\:v-gap-size-8{gap:8px}:host(.L\\:v-gap-row-size-8),.L\\:v-gap-row-size-8{row-gap:8px}:host(.L\\:v-gap-col-size-8),.L\\:v-gap-col-size-8{column-gap:8px}:host(.L\\:v-gap-size-12),.L\\:v-gap-size-12{gap:12px}:host(.L\\:v-gap-row-size-12),.L\\:v-gap-row-size-12{row-gap:12px}:host(.L\\:v-gap-col-size-12),.L\\:v-gap-col-size-12{column-gap:12px}:host(.L\\:v-gap-size-16),.L\\:v-gap-size-16{gap:16px}:host(.L\\:v-gap-row-size-16),.L\\:v-gap-row-size-16{row-gap:16px}:host(.L\\:v-gap-col-size-16),.L\\:v-gap-col-size-16{column-gap:16px}:host(.L\\:v-gap-size-20),.L\\:v-gap-size-20{gap:20px}:host(.L\\:v-gap-row-size-20),.L\\:v-gap-row-size-20{row-gap:20px}:host(.L\\:v-gap-col-size-20),.L\\:v-gap-col-size-20{column-gap:20px}:host(.L\\:v-gap-size-24),.L\\:v-gap-size-24{gap:24px}:host(.L\\:v-gap-row-size-24),.L\\:v-gap-row-size-24{row-gap:24px}:host(.L\\:v-gap-col-size-24),.L\\:v-gap-col-size-24{column-gap:24px}:host(.L\\:v-gap-size-32),.L\\:v-gap-size-32{gap:32px}:host(.L\\:v-gap-row-size-32),.L\\:v-gap-row-size-32{row-gap:32px}:host(.L\\:v-gap-col-size-32),.L\\:v-gap-col-size-32{column-gap:32px}:host(.L\\:v-gap-size-40),.L\\:v-gap-size-40{gap:40px}:host(.L\\:v-gap-row-size-40),.L\\:v-gap-row-size-40{row-gap:40px}:host(.L\\:v-gap-col-size-40),.L\\:v-gap-col-size-40{column-gap:40px}:host(.L\\:v-gap-size-48),.L\\:v-gap-size-48{gap:48px}:host(.L\\:v-gap-row-size-48),.L\\:v-gap-row-size-48{row-gap:48px}:host(.L\\:v-gap-col-size-48),.L\\:v-gap-col-size-48{column-gap:48px}:host(.L\\:v-gap-size-64),.L\\:v-gap-size-64{gap:64px}:host(.L\\:v-gap-row-size-64),.L\\:v-gap-row-size-64{row-gap:64px}:host(.L\\:v-gap-col-size-64),.L\\:v-gap-col-size-64{column-gap:64px}:host(.L\\:v-gap-size-72),.L\\:v-gap-size-72{gap:72px}:host(.L\\:v-gap-row-size-72),.L\\:v-gap-row-size-72{row-gap:72px}:host(.L\\:v-gap-col-size-72),.L\\:v-gap-col-size-72{column-gap:72px}:host(.L\\:v-gap-size-80),.L\\:v-gap-size-80{gap:80px}:host(.L\\:v-gap-row-size-80),.L\\:v-gap-row-size-80{row-gap:80px}:host(.L\\:v-gap-col-size-80),.L\\:v-gap-col-size-80{column-gap:80px}:host(.L\\:v-gap-size-112),.L\\:v-gap-size-112{gap:112px}:host(.L\\:v-gap-row-size-112),.L\\:v-gap-row-size-112{row-gap:112px}:host(.L\\:v-gap-col-size-112),.L\\:v-gap-col-size-112{column-gap:112px}:host(.L\\:v-gap-size-2),.L\\:v-gap-size-2{gap:2px}:host(.L\\:v-gap-row-size-2),.L\\:v-gap-row-size-2{row-gap:2px}:host(.L\\:v-gap-col-size-2),.L\\:v-gap-col-size-2{column-gap:2px}}@media (min-width: 1440px){:host(.XL\\:v-gap-0),.XL\\:v-gap-0{gap:0px}:host(.XL\\:v-gap-row-0),.XL\\:v-gap-row-0{row-gap:0px}:host(.XL\\:v-gap-col-0),.XL\\:v-gap-col-0{column-gap:0px}:host(.XL\\:v-gap-size-0),.XL\\:v-gap-size-0{gap:0px}:host(.XL\\:v-gap-row-size-0),.XL\\:v-gap-row-size-0{row-gap:0px}:host(.XL\\:v-gap-col-size-0),.XL\\:v-gap-col-size-0{column-gap:0px}:host(.XL\\:v-gap-size-4),.XL\\:v-gap-size-4{gap:4px}:host(.XL\\:v-gap-row-size-4),.XL\\:v-gap-row-size-4{row-gap:4px}:host(.XL\\:v-gap-col-size-4),.XL\\:v-gap-col-size-4{column-gap:4px}:host(.XL\\:v-gap-size-8),.XL\\:v-gap-size-8{gap:8px}:host(.XL\\:v-gap-row-size-8),.XL\\:v-gap-row-size-8{row-gap:8px}:host(.XL\\:v-gap-col-size-8),.XL\\:v-gap-col-size-8{column-gap:8px}:host(.XL\\:v-gap-size-12),.XL\\:v-gap-size-12{gap:12px}:host(.XL\\:v-gap-row-size-12),.XL\\:v-gap-row-size-12{row-gap:12px}:host(.XL\\:v-gap-col-size-12),.XL\\:v-gap-col-size-12{column-gap:12px}:host(.XL\\:v-gap-size-16),.XL\\:v-gap-size-16{gap:16px}:host(.XL\\:v-gap-row-size-16),.XL\\:v-gap-row-size-16{row-gap:16px}:host(.XL\\:v-gap-col-size-16),.XL\\:v-gap-col-size-16{column-gap:16px}:host(.XL\\:v-gap-size-20),.XL\\:v-gap-size-20{gap:20px}:host(.XL\\:v-gap-row-size-20),.XL\\:v-gap-row-size-20{row-gap:20px}:host(.XL\\:v-gap-col-size-20),.XL\\:v-gap-col-size-20{column-gap:20px}:host(.XL\\:v-gap-size-24),.XL\\:v-gap-size-24{gap:24px}:host(.XL\\:v-gap-row-size-24),.XL\\:v-gap-row-size-24{row-gap:24px}:host(.XL\\:v-gap-col-size-24),.XL\\:v-gap-col-size-24{column-gap:24px}:host(.XL\\:v-gap-size-32),.XL\\:v-gap-size-32{gap:32px}:host(.XL\\:v-gap-row-size-32),.XL\\:v-gap-row-size-32{row-gap:32px}:host(.XL\\:v-gap-col-size-32),.XL\\:v-gap-col-size-32{column-gap:32px}:host(.XL\\:v-gap-size-40),.XL\\:v-gap-size-40{gap:40px}:host(.XL\\:v-gap-row-size-40),.XL\\:v-gap-row-size-40{row-gap:40px}:host(.XL\\:v-gap-col-size-40),.XL\\:v-gap-col-size-40{column-gap:40px}:host(.XL\\:v-gap-size-48),.XL\\:v-gap-size-48{gap:48px}:host(.XL\\:v-gap-row-size-48),.XL\\:v-gap-row-size-48{row-gap:48px}:host(.XL\\:v-gap-col-size-48),.XL\\:v-gap-col-size-48{column-gap:48px}:host(.XL\\:v-gap-size-64),.XL\\:v-gap-size-64{gap:64px}:host(.XL\\:v-gap-row-size-64),.XL\\:v-gap-row-size-64{row-gap:64px}:host(.XL\\:v-gap-col-size-64),.XL\\:v-gap-col-size-64{column-gap:64px}:host(.XL\\:v-gap-size-72),.XL\\:v-gap-size-72{gap:72px}:host(.XL\\:v-gap-row-size-72),.XL\\:v-gap-row-size-72{row-gap:72px}:host(.XL\\:v-gap-col-size-72),.XL\\:v-gap-col-size-72{column-gap:72px}:host(.XL\\:v-gap-size-80),.XL\\:v-gap-size-80{gap:80px}:host(.XL\\:v-gap-row-size-80),.XL\\:v-gap-row-size-80{row-gap:80px}:host(.XL\\:v-gap-col-size-80),.XL\\:v-gap-col-size-80{column-gap:80px}:host(.XL\\:v-gap-size-112),.XL\\:v-gap-size-112{gap:112px}:host(.XL\\:v-gap-row-size-112),.XL\\:v-gap-row-size-112{row-gap:112px}:host(.XL\\:v-gap-col-size-112),.XL\\:v-gap-col-size-112{column-gap:112px}:host(.XL\\:v-gap-size-2),.XL\\:v-gap-size-2{gap:2px}:host(.XL\\:v-gap-row-size-2),.XL\\:v-gap-row-size-2{row-gap:2px}:host(.XL\\:v-gap-col-size-2),.XL\\:v-gap-col-size-2{column-gap:2px}}:host{display:flex;flex-direction:column}:host(.vega-flex-native-based:not([class*=v-flex-col],[class*=v-flex-row-reverse])){flex-direction:row}:host>::slotted(.vega-flex-grow){flex-grow:1}:host>::slotted(.vega-flex-grow-0){flex-grow:0}:host>::slotted(.vega-flex-shrink){flex-shrink:1}:host>::slotted(.vega-flex-shrink-0){flex-shrink:0}:host>::slotted(.vega-flex-basis-0){flex-basis:0}:host>::slotted(.v-min-w-min){min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}@media (min-width: 320px){:host>::slotted(.S\\:vega-flex-grow){flex-grow:1}:host>::slotted(.S\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.S\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.S\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 768px){:host>::slotted(.M\\:vega-flex-grow){flex-grow:1}:host>::slotted(.M\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.M\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.M\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 1024px){:host>::slotted(.L\\:vega-flex-grow){flex-grow:1}:host>::slotted(.L\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.L\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.L\\:vega-flex-shrink-0){flex-shrink:0}}@media (min-width: 1440px){:host>::slotted(.XL\\:vega-flex-grow){flex-grow:1}:host>::slotted(.XL\\:vega-flex-shrink){flex-shrink:1}:host>::slotted(.XL\\:vega-flex-grow-0){flex-grow:0}:host>::slotted(.XL\\:vega-flex-shrink-0){flex-shrink:0}}:host(:not(.vega-flex-native-based))>::slotted(*:not([data-shrink="0"],[class*=vega-flex])){width:100%;display:block}:host>::slotted(*[data-shrink="0"]){min-width:100%;flex-shrink:1}@media (min-width: 320px){:host(.vega-flex-S){flex-direction:row}}@media (min-width: 320px){:host(.vega-flex-S)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 768px){:host(.vega-flex-M){flex-direction:row}}@media (min-width: 768px){:host(.vega-flex-M)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 1024px){:host(.vega-flex-L){flex-direction:row}}@media (min-width: 1024px){:host(.vega-flex-L)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}@media (min-width: 1440px){:host(.vega-flex-XL){flex-direction:row}}@media (min-width: 1440px){:host(.vega-flex-XL)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}:host(.vega-flex-None)>::slotted(*[data-shrink="0"]){flex-shrink:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}:host(.v-flex-row){flex-direction:row}:host(.v-flex-col){flex-direction:column}:host(.v-flex-row-reverse){flex-direction:row-reverse}:host(.v-flex-col-reverse){flex-direction:column-reverse}@media (min-width: 320px){:host(.S\\:v-flex-row){flex-direction:row}:host(.S\\:v-flex-col){flex-direction:column}:host(.S\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.S\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 768px){:host(.M\\:v-flex-row){flex-direction:row}:host(.M\\:v-flex-col){flex-direction:column}:host(.M\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.M\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 1024px){:host(.L\\:v-flex-row){flex-direction:row}:host(.L\\:v-flex-col){flex-direction:column}:host(.L\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.L\\:v-flex-col-reverse){flex-direction:column-reverse}}@media (min-width: 1440px){:host(.XL\\:v-flex-row){flex-direction:row}:host(.XL\\:v-flex-col){flex-direction:column}:host(.XL\\:v-flex-row-reverse){flex-direction:row-reverse}:host(.XL\\:v-flex-col-reverse){flex-direction:column-reverse}}:host(.v-items-start){align-items:flex-start}:host(.v-items-center){align-items:center}:host(.v-items-end){align-items:flex-end}:host(.v-items-baseline){align-items:baseline}:host(.v-items-stretch){align-items:stretch}@media (min-width: 320px){:host(.S\\:v-items-start){align-items:flex-start}:host(.S\\:v-items-center){align-items:center}:host(.S\\:v-items-end){align-items:flex-end}:host(.S\\:v-items-baseline){align-items:baseline}:host(.S\\:v-items-stretch){align-items:stretch}}@media (min-width: 768px){:host(.M\\:v-items-start){align-items:flex-start}:host(.M\\:v-items-center){align-items:center}:host(.M\\:v-items-end){align-items:flex-end}:host(.M\\:v-items-baseline){align-items:baseline}:host(.M\\:v-items-stretch){align-items:stretch}}@media (min-width: 1024px){:host(.L\\:v-items-start){align-items:flex-start}:host(.L\\:v-items-center){align-items:center}:host(.L\\:v-items-end){align-items:flex-end}:host(.L\\:v-items-baseline){align-items:baseline}:host(.L\\:v-items-stretch){align-items:stretch}}@media (min-width: 1440px){:host(.XL\\:v-items-start){align-items:flex-start}:host(.XL\\:v-items-center){align-items:center}:host(.XL\\:v-items-end){align-items:flex-end}:host(.XL\\:v-items-baseline){align-items:baseline}:host(.XL\\:v-items-stretch){align-items:stretch}}:host(.v-justify-start){justify-content:flex-start}:host(.v-justify-center){justify-content:center}:host(.v-justify-end){justify-content:flex-end}:host(.v-justify-around){justify-content:space-around}:host(.v-justify-between){justify-content:space-between}:host(.v-justify-evenly){justify-content:space-evenly}@media (min-width: 320px){:host(.S\\:v-justify-start){justify-content:flex-start}:host(.S\\:v-justify-center){justify-content:center}:host(.S\\:v-justify-end){justify-content:flex-end}:host(.S\\:v-justify-around){justify-content:space-around}:host(.S\\:v-justify-between){justify-content:space-between}:host(.S\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 768px){:host(.M\\:v-justify-start){justify-content:flex-start}:host(.M\\:v-justify-center){justify-content:center}:host(.M\\:v-justify-end){justify-content:flex-end}:host(.M\\:v-justify-around){justify-content:space-around}:host(.M\\:v-justify-between){justify-content:space-between}:host(.M\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 1024px){:host(.L\\:v-justify-start){justify-content:flex-start}:host(.L\\:v-justify-center){justify-content:center}:host(.L\\:v-justify-end){justify-content:flex-end}:host(.L\\:v-justify-around){justify-content:space-around}:host(.L\\:v-justify-between){justify-content:space-between}:host(.L\\:v-justify-evenly){justify-content:space-evenly}}@media (min-width: 1440px){:host(.XL\\:v-justify-start){justify-content:flex-start}:host(.XL\\:v-justify-center){justify-content:center}:host(.XL\\:v-justify-end){justify-content:flex-end}:host(.XL\\:v-justify-around){justify-content:space-around}:host(.XL\\:v-justify-between){justify-content:space-between}:host(.XL\\:v-justify-evenly){justify-content:space-evenly}}:host(.v-flex-nowrap){flex-wrap:nowrap}:host(.v-flex-wrap){flex-wrap:wrap}:host(.v-flex-wrap-reverse){flex-wrap:wrap-reverse}@media (min-width: 320px){:host(.S\\:v-flex-nowrap){flex-wrap:nowrap}:host(.S\\:v-flex-wrap){flex-wrap:wrap}:host(.S\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 768px){:host(.M\\:v-flex-nowrap){flex-wrap:nowrap}:host(.M\\:v-flex-wrap){flex-wrap:wrap}:host(.M\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 1024px){:host(.L\\:v-flex-nowrap){flex-wrap:nowrap}:host(.L\\:v-flex-wrap){flex-wrap:wrap}:host(.L\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}@media (min-width: 1440px){:host(.XL\\:v-flex-nowrap){flex-wrap:nowrap}:host(.XL\\:v-flex-wrap){flex-wrap:wrap}:host(.XL\\:v-flex-wrap-reverse){flex-wrap:wrap-reverse}}';export{L as vega_flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as a,g as r}from"./p-21d26bb4.js";import{M as s,a as p}from"./p-4e68dfd9.js";import{s as o}from"./p-519a7d55.js";import{c as n,n as h}from"./p-262ec334.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as m}from"./p-4387d550.js";import{F as c}from"./p-
|
|
1
|
+
import{r as t,c as e,h as i,H as a,g as r}from"./p-21d26bb4.js";import{M as s,a as p}from"./p-4e68dfd9.js";import{s as o}from"./p-519a7d55.js";import{c as n,n as h}from"./p-262ec334.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as m}from"./p-4387d550.js";import{F as c}from"./p-da1d0c02.js";import{C as u}from"./p-6b7dca3e.js";import{D as b}from"./p-e7b00bf0.js";import{f,B as g,a as v}from"./p-6e01f0a2.js";import{b as y}from"./p-5773a9a3.js";import{C as x}from"./p-2d0d575f.js";import{c as j}from"./p-012cbd8f.js";import{a as w}from"./p-d5776087.js";import"./p-abd7aeaa.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-425ba7d6.js";import"./p-4ab3df00.js";import"./p-7d9cd9c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-138fcf6e.js";import"./p-613ee009.js";import"./p-5f377954.js";import"./p-4d793cb0.js";import"./p-7a40e033.js";import"./p-112455b1.js";const I=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the stepper component",payloadValue:t=>!1===t.autoValidation},{payloadKey:"BUTTON_VARIANT_IS_PRIMARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"primary"===t.buttonVariant},{payloadKey:"BUTTON_VARIANT_IS_SECONDARY",payloadDescription:"Specifies the style variant for the stepper buttons.",payloadValue:t=>"secondary"===t.buttonVariant}];var A=function(t,e,i,a){var r,s=arguments.length,p=s<3?e:null===a?a=Object.getOwnPropertyDescriptor(e,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(t,e,i,a);else for(var o=t.length-1;o>=0;o--)(r=t[o])&&(p=(s<3?r(p):s>3?r(e,i,p):r(e,i))||p);return s>3&&p&&Object.defineProperty(e,i,p),p};const V=class{constructor(i){t(this,i),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.globalSlimmers={},this.formFieldController=new c({propertyRules:[{propertyName:"min",ruleFactory:t=>"number"==typeof t?new s({minValue:t}):null},{propertyName:"max",ruleFactory:t=>"number"==typeof t?new p({maxValue:t}):null}],defaultValue:0,attributeGetter:t=>this[t],touchableAreaGetter:()=>this.touchableAreaGetter(),inputContainerGetter:()=>this.stepperContainerRef}),this.changeEventEmitter=j(V,f),this.inputEventPrevent=new u([g,f],(()=>this.stepperContainerRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(I),this.max=9999,this.min=0,this.value=0,this.label="",this.inputDisabled=null,this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.buttonVariant="primary",this.onDecrease=()=>{this.value>this.max?this.value=this.max:this.value>this.min&&(this.value-=1)},this.onIncrease=()=>{this.value<this.max&&(this.value+=1)},this.onChildInputChange=t=>{""!==t.detail&&(this.value=n(t.detail))},this.handleInputBlur=t=>{""===t.host.value&&(this.value=this.min)},this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValue(){const t=h(n(this.value,0),this.min,this.max);this.value=t,this.inputRef.value=t.toString(),this.changeEventEmitter.emit(this.value),x.notify(y,{host:this.host,detail:this.value})}render(){return o(i(a,{class:w(["vega-flex-shrink-0",this.inputDisabled||this.disabled?"disabled":""])},this.renderLabelDom(),i("div",{class:{"vega-stepper-container":!0,"vega-stepper-container-edited":this.inputDisabled},ref:t=>this.stepperContainerRef=t},i("vega-button-circle",{label:"Decrease",showTooltip:!1,icon:"minus-sign",ref:t=>{b.addUniqueObserverToNode(t,v,(()=>this.onDecrease()))},disabled:this.value<=this.min||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}),i("vega-input",{size:"small",type:"number",max:this.max,min:this.min,value:`${this.value}`,disabled:this.inputDisabled||this.disabled,showClearIcon:!1,ref:t=>(b.addUniqueObserverToNode(t,g,(t=>this.handleInputBlur(t))),b.addUniqueObserverToNode(t,f,(t=>this.onChildInputChange(t))),this.inputRef=t)}),i("vega-button-circle",{label:"Increase",showTooltip:!1,ref:t=>{b.addUniqueObserverToNode(t,v,(()=>this.onIncrease()))},icon:"plus-sign",disabled:this.value>=this.max||this.disabled,size:"small",variant:"secondary"==this.buttonVariant?"secondary":"primary"}))),this.host)}renderLabelDom(){return this.label?i("label",{class:"v-text-center v-text-medium-typeset-1",htmlFor:this.stepperId},this.label):null}get host(){return r(this)}static get watchers(){return{value:["watchValue"]}}};A([m()],V.prototype,"globalSlimmers",void 0),A([l()],V.prototype,"formFieldController",void 0),A([l()],V.prototype,"changeEventEmitter",void 0),A([l()],V.prototype,"inputEventPrevent",void 0),A([l()],V.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),V.style=':host{display:inline-block;line-height:normal}:host>label{display:block;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));text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host>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>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>label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host>div{display:inline-flex;justify-content:center;align-items:center;margin-top:8px}:host div.vega-stepper-container-edited vega-input::part(container-wrapper){padding-left:0px;padding-right:0px}:host(.disabled) vega-input::part(input-container){text-align:center;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));padding:0px;border:0;box-shadow:unset}:host(.disabled) vega-input::part(input-container):hover{border:0}:host(.disabled) vega-input::part(input){background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:0}:host vega-input::part(input){width:48px;text-align:center;-moz-appearance:textfield}:host vega-input::part(input)::-webkit-inner-spin-button{-webkit-appearance:none}:host vega-input::part(input)::-webkit-outer-spin-button{-webkit-appearance:none}:host vega-input::part(error){display:none}:host vega-input::part(container-wrapper){padding-left:8px;padding-right:8px}:host .vega-error{display:none}:host .vega-stepper-container.error vega-input::part(input-container){border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-stepper-container.error vega-input::part(input-container):hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-stepper-container.error vega-input::part(input-container):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}';export{V as vega_stepper}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,r as e,c as i,H as s,g as o}from"./p-21d26bb4.js";import{s as r}from"./p-519a7d55.js";import{c as a,V as p,M as n,I as l}from"./p-6e1ab235.js";import{V as c,I as h}from"./p-4387d550.js";import{D as f}from"./p-e7b00bf0.js";import{f as m}from"./p-6e01f0a2.js";import{C as d}from"./p-6b7dca3e.js";import{c as u}from"./p-012cbd8f.js";import{b as v}from"./p-5773a9a3.js";import{C as b}from"./p-2d0d575f.js";import{K as j}from"./p-
|
|
1
|
+
import{h as t,r as e,c as i,H as s,g as o}from"./p-21d26bb4.js";import{s as r}from"./p-519a7d55.js";import{c as a,V as p,M as n,I as l}from"./p-6e1ab235.js";import{V as c,I as h}from"./p-4387d550.js";import{D as f}from"./p-e7b00bf0.js";import{f as m}from"./p-6e01f0a2.js";import{C as d}from"./p-6b7dca3e.js";import{c as u}from"./p-012cbd8f.js";import{b as v}from"./p-5773a9a3.js";import{C as b}from"./p-2d0d575f.js";import{K as j}from"./p-cc6410e6.js";import{c as w,b as x}from"./p-262ec334.js";import{F as y}from"./p-da1d0c02.js";import{R}from"./p-280cbcdb.js";import{c as C}from"./p-8e31e7ea.js";import"./p-331a62d5.js";import"./p-d5776087.js";import"./p-613ee009.js";import"./p-5f377954.js";import"./p-4d793cb0.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-6a334573.js";import"./p-b75ee3ba.js";import"./p-a46ac2eb.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-425ba7d6.js";import"./p-4ab3df00.js";import"./p-7d9cd9c8.js";import"./p-abd7aeaa.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-138fcf6e.js";var g=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(o=t[p])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class I extends p{constructor(){super(...arguments),this.onInputChange=t=>{this.valueController.updateValue(t.detail)}}getInputRef(){return this.vegaInputRef.shadowRoot.querySelector("input")}getContainerRef(){return this.vegaInputRef.shadowRoot.querySelector(".vega-input-container")}render(){const e={thousandComma:this.thousandComma};return this.integerOnly&&(e.precision=0),t("vega-input",{value:this.value||"",showClearIcon:this.showClearIcon,disabled:this.disabled,label:this.label,hint:this.hint,required:this.required,type:"number",placeholder:this.placeholder,size:"small"===this.size?"small":"default",prefixIcon:this.prefixIcon,ref:t=>{this.vegaInputRef=t,f.addUniqueObserverToNode(t,m,(t=>this.onInputChange(t)))},maskConfig:{type:"number",options:e}})}}g([a()],I.prototype,"prefixIcon",void 0),g([a()],I.prototype,"showClearIcon",void 0),g([a()],I.prototype,"value",void 0),g([a()],I.prototype,"size",void 0),g([a()],I.prototype,"disabled",void 0),g([a()],I.prototype,"placeholder",void 0),g([a()],I.prototype,"label",void 0),g([a()],I.prototype,"hint",void 0),g([a()],I.prototype,"required",void 0),g([a()],I.prototype,"thousandComma",void 0),g([a()],I.prototype,"integerOnly",void 0),g([a()],I.prototype,"valueController",void 0);var T=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(o=t[p])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class V extends p{watchValue(){this.changeEventEmitter.emit(this.value),b.notify(v,{host:this.host,detail:this.value})}updateValue(t){this.value=t}}T([a()],V.prototype,"host",void 0),T([a({writable:!0})],V.prototype,"value",void 0),T([a()],V.prototype,"changeEventEmitter",void 0),T([n("watchValue")],V.prototype,"watchValue",null);var S=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(o=t[p])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};class O extends j{constructor(){super((t=>[{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t.host],callback:t.onArrowUpOrDown},{keyCode:["ArrowUp"],eventName:"keydown",activeElementInScope:[t.host],callback:t=>{t.preventDefault()}}])),this.onArrowUpOrDown=t=>{const e=t.shiftKey?this.majorIncrement:this.minorIncrement,i=w(this.value.replace(/,/g,""))||0,s=Math.max(x(i),x(e));"ArrowUp"===t.code?this.valueController.updateValue(`${(i+e).toFixed(s)}`):"ArrowDown"===t.code&&this.valueController.updateValue(`${(i-e).toFixed(s)}`)}}}S([a()],O.prototype,"host",void 0),S([a()],O.prototype,"value",void 0),S([a()],O.prototype,"minorIncrement",void 0),S([a()],O.prototype,"majorIncrement",void 0),S([a()],O.prototype,"valueController",void 0);var k=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var p=t.length-1;p>=0;p--)(o=t[p])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};const E=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.valueController=new V,this.keyboardController=new O,this.renderer=new I,this.changeEventEmitter=u(E,m),this.inputEventPrevent=new d([m],(()=>this.host),{useCapture:!0}),this.formFieldController=new y({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new R:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getContainerRef(),touchableAreaGetter:()=>[this.renderer.getInputRef()],defaultValue:"",attributeGetter:t=>this[t]}),this.prefixTextNotifySlimmer=C(E,"prefixText","watchPrefixText"),this.suffixTextNotifySlimmer=C(E,"suffixText","watchSuffixText"),this.isCompactInputWidthNotifySlimmer=C(E,"isCompactInputWidth"),this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.isCompactInputWidth=!0,this.prefixText="",this.value="",this.size="medium",this.thousandComma=!1,this.integerOnly=!1,this.disabled=!1,this.minorIncrement=1,this.majorIncrement=10,this.label="",this.validationRules=[],this.isValid=null,this.autoValidation=!0,this.showClearIcon=!0}watchPrefixText(){}watchSuffixText(){}watchValue(){}watchValidationRules(){}render(){return r(t(s,null,this.renderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{prefixText:["watchPrefixText"],suffixText:["watchSuffixText"],value:["watchValue"],validationRules:["watchValidationRules"]}}};k([h()],E.prototype,"globalSlimmers",void 0),k([l()],E.prototype,"valueController",void 0),k([l()],E.prototype,"keyboardController",void 0),k([l()],E.prototype,"renderer",void 0),k([l()],E.prototype,"changeEventEmitter",void 0),k([l()],E.prototype,"inputEventPrevent",void 0),k([l()],E.prototype,"formFieldController",void 0),k([l()],E.prototype,"prefixTextNotifySlimmer",void 0),k([l()],E.prototype,"suffixTextNotifySlimmer",void 0),k([l()],E.prototype,"isCompactInputWidthNotifySlimmer",void 0),k([l()],E.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),E.style=":host{display:inline-block;width:100%}";export{E as vega_input_numeric}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as a,g as r}from"./p-21d26bb4.js";import{c as o}from"./p-86194314.js";import{s as n}from"./p-519a7d55.js";import{C as s}from"./p-2d0d575f.js";import{R as l,j as d,b as h}from"./p-5773a9a3.js";import{O as c}from"./p-331a62d5.js";import{f as p}from"./p-d5776087.js";import{c as g,M as v,V as f,I as b}from"./p-6e1ab235.js";import{V as m,I as u}from"./p-4387d550.js";import{c as x}from"./p-012cbd8f.js";import{d as w,f as y,A as j,B as R}from"./p-6e01f0a2.js";import{c as k}from"./p-425ba7d6.js";import{R as I}from"./p-280cbcdb.js";import{C}from"./p-75b58efe.js";import{F as O}from"./p-72e64237.js";import{C as A}from"./p-864de9a1.js";import{C as E}from"./p-6b7dca3e.js";import{K as V}from"./p-55563f5f.js";import{M as z}from"./p-78a57a17.js";import{T as D}from"./p-52b8f2d2.js";import"./p-6a334573.js";import"./p-e7b00bf0.js";import"./p-613ee009.js";import"./p-b75ee3ba.js";import"./p-abd7aeaa.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-4ab3df00.js";import"./p-834434d5.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-138fcf6e.js";import"./p-5f377954.js";import"./p-4d793cb0.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-1df029c2.js";import"./p-b1f65b13.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";var G=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class F extends f{connectedCallback(){this.radioGroup=p(this.host,"vega-radio-group")||p(this.host,"vega-selection-tile-group"),this.radioGroup&&(this.fieldErrorObserver=new c(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),s.register(w.getSubject(this.radioGroup,k),this.fieldErrorObserver))}disconnectedCallback(){this.radioGroup&&s.unregister(w.getSubject(this.radioGroup,k),this.fieldErrorObserver)}canAcceptFieldErrorObserver(e){return("VEGA-RADIO-GROUP"===e.host.tagName||"VEGA-SELECTION-TILE-GROUP"===e.host.tagName)&&this.radioGroup===e.host}fieldErrorObserverListener(e){this.showError=e.showError}}G([g({writable:!0})],F.prototype,"showError",void 0),G([g()],F.prototype,"host",void 0),G([v("connectedCallback")],F.prototype,"connectedCallback",null),G([v("disconnectedCallback")],F.prototype,"disconnectedCallback",null);var L=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const N=class{constructor(t){e(this,t),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.changeEventEmitter=x(N,y),this.focusEventEmitter=x(N,j),this.blurEventEmitter=x(N,R),this.vegaRadioShowErrorController=new F,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.groupDisabled=!1,this.showError=!1,this.value="",this.checked=!1,this.disabled=!1,this.size="default",this.updateValue=e=>{this.checked=e.currentTarget.checked,e.stopPropagation()},this.handleFocus=e=>{this.focusEventEmitter.emit(e,e)},this.handleBlur=e=>{this.blurEventEmitter.emit(e,e)},this.handleClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.changeEventEmitter.emit(this.checked),s.notify(l,{host:this.host,detail:this.checked})}connectedCallback(){this.ariaLabel=this.host.textContent,""==this.ariaLabel&&(this.ariaLabel=this.value)}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentDidLoad(){""===this.host.textContent&&this.labelElement.classList.add("vega-hidden"),this.initAndRegisterGroupDisabledObserver()}render(){return n(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":"VEGA-RADIO-GROUP"==this.host.parentElement.nodeName}},t("label",{class:{"vega-radio-container":!0,[this.size]:!0,"vega-radio-checked":this.checked,"vega-radio-disabled":this.isDisabled(),error:this.showError}},t("input",{type:"radio",name:this.name,checked:this.checked,value:this.value,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onChange:this.updateValue,"aria-label":this.ariaLabel||"No label defined",disabled:this.isDisabled(),tabIndex:this.isDisabled()?-1:0,onKeyDown:o()}),t("span",{class:"vega-radio-icon"},t("span",{class:"vega-radio-circle"})),t("div",{class:"vega-radio-label",ref:e=>this.labelElement=e},t("slot",null)))),this.host)}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return p(this.host,"vega-radio-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){p(this.host,"vega-radio-group")&&(this.groupDisabledObserver=new c(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),s.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&s.unregister(d,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};L([u()],N.prototype,"globalSlimmers",void 0),L([b()],N.prototype,"changeEventEmitter",void 0),L([b()],N.prototype,"focusEventEmitter",void 0),L([b()],N.prototype,"blurEventEmitter",void 0),L([b()],N.prototype,"vegaRadioShowErrorController",void 0),L([b()],N.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),N.style=':host{display:inline-block;box-sizing:border-box;height:24px}.vega-radio-container{position:relative;display:inline-flex;gap:8px;cursor:not-allowed}.vega-radio-container:not(.vega-radio-disabled){cursor:pointer}.vega-radio-container input{position:absolute;left:0px;top:0px;opacity:0}.vega-radio-icon{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:9999px;position:relative;left:0px;flex-shrink:0;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-radio-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-radio-container.default .vega-radio-icon{width:24px;height:24px;padding:5px}.vega-radio-container.small .vega-radio-icon{width:16px;height:16px;padding:4px}.vega-radio-checked:hover .vega-radio-circle{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-radio-container input[type=radio]:focus-visible+.vega-radio-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-radio-container:not(.vega-radio-disabled):active .vega-radio-icon{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}.vega-radio-checked:active .vega-radio-circle{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.vega-radio-checked .vega-radio-circle{display:block;width:100%;height:100%;border-radius:9999px;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}.vega-radio-disabled .vega-radio-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-radio-disabled .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-disabled:hover .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-container .vega-radio-label{display:inline-block;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.vega-radio-container .vega-radio-label.vega-hidden{display:none}.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-radio-disabled .vega-radio-label{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}label{-webkit-tap-highlight-color:transparent}.vega-radio-container.error .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-radio-container.error:hover .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-radio-container.error input[type=radio]:focus-visible+.vega-radio-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}.vega-radio-container.error:active .vega-radio-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}.vega-radio-checked.error .vega-radio-circle{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-radio-checked.error:hover .vega-radio-circle{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-radio-checked.error:active .vega-radio-circle{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}';class S extends V{constructor(){super((e=>(e.setRadioArrayTabIndex(),[{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[e.host],callback:e=>{this.updateRadioFocusStates(e)}}])))}setRadioArrayTabIndex(){const e=this.getNotDisabledRadioArray();if(e){const i=e.findIndex((e=>e.checked)),t=i>-1?i:0;e.forEach(((e,i)=>{const a=i===t?"0":"-1";e.shadowRoot.querySelector("input").setAttribute("tabIndex",a)}))}}updateRadioFocusStates(e){const i=e.key,t=this.getNotDisabledRadioArray();if(!t||0===t.length)return;t.forEach((e=>e.shadowRoot.querySelector("input").setAttribute("tabIndex","-1")));const a=t.findIndex((i=>i===e.target));let r;"ArrowDown"===i?r=a===t.length-1?t[0]:t[a+1]:"ArrowUp"===i&&(r=0===a?t[t.length-1]:t[a-1]),r&&(r.shadowRoot.querySelector("input").focus(),r.checked=!0,r.shadowRoot.querySelector("input").tabIndex=0)}getNotDisabledRadioArray(){const e=Array.from(this.host.querySelectorAll("vega-radio"));if(e.length>0)return e.filter((e=>!e.disabled))}}!function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);o>3&&n&&Object.defineProperty(i,t,n)}([g()],S.prototype,"host",void 0);var P=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class U extends f{emitEventAndNotifyValueChangeSubject(e){this.changeEventEmitter.emit(e),s.notify(h,{host:this.host,detail:e})}setValue(e){this.value=e}}P([g()],U.prototype,"host",void 0),P([g({writable:!0})],U.prototype,"value",void 0),P([g()],U.prototype,"changeEventEmitter",void 0),P([g()],U.prototype,"radioItemsController",void 0),P([v("watchValue")],U.prototype,"emitEventAndNotifyValueChangeSubject",null);var B=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class M extends f{constructor(){super(...arguments),this.vegaRadioArray=[]}componentWillLoad(){this.syncRadioArrayAndValue()}setRadioItemName(){this.vegaRadioArray.forEach((e=>{e.name=this.name?this.name:e.getAttribute("name")}))}setRadioItemCheckedByValue(e){this.vegaRadioArray.forEach((i=>{i.checked=i.value===e}))}syncRadioItemsStatus(){this.setRadioItemCheckedByValue(this.value),this.setRadioItemName()}getRadioItemsArray(){return this.vegaRadioArray}syncRadioArrayAndValue(){this.vegaRadioArray=Array.from(this.host.querySelectorAll("vega-radio")),this.vegaRadioArray.forEach((e=>{e.checked&&this.valueController.setValue(e.value)}))}}B([g()],M.prototype,"host",void 0),B([g()],M.prototype,"value",void 0),B([g()],M.prototype,"name",void 0),B([g()],M.prototype,"valueController",void 0),B([v("componentWillLoad")],M.prototype,"componentWillLoad",null),B([v("watchName")],M.prototype,"setRadioItemName",null),B([v("watchValue")],M.prototype,"setRadioItemCheckedByValue",null),B([v("componentDidLoad")],M.prototype,"syncRadioItemsStatus",null);var q=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const T=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.formFieldController=new O({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new I:null}],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.radioItemsController.getRadioItemsArray().map((e=>e.shadowRoot.querySelector("input"))),defaultValue:"",attributeGetter:e=>this[e],validationRulesName:"validationRules"}),this.radioValueChangeObserver=new A(l,(e=>this.childRadioValueChange(e))),this.radioEventPrevent=new E([y],(()=>this.vegaFlexElement)),this.slotMutationObserver=new z({options:{childList:!0},mutationFilter:D("VEGA-RADIO"),callback:()=>this.radioItemsController.syncRadioArrayAndValue()}),this.changeEventEmitter=x(T,y),this.keyboardController=new S,this.radioItemsController=new M,this.valueController=new U,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.label="",this.value="",this.vegaFlexProp={},this.required=!1,this.hint="",this.isValid=null,this.disabled=!1,this.autoValidation=!0,this.validationRules=[],this.childRadioValueChange=e=>{e.detail&&this.valueController.setValue(e.host.value)}}async watchValue(e){}watchName(){}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){this.setVegaFlexProperty(),this.disabled&&this.notifyGroupDisabledChange()}render(){return n(t(a,{role:"radiogroup"},this.renderLabelDom(),t("div",{class:"vega-radio-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("div",{class:"vega-label"},t("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?t("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}notifyGroupDisabledChange(){s.notify(d,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],name:["watchName"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};q([u()],T.prototype,"globalSlimmers",void 0),q([b()],T.prototype,"formFieldController",void 0),q([b()],T.prototype,"radioValueChangeObserver",void 0),q([b()],T.prototype,"radioEventPrevent",void 0),q([b()],T.prototype,"slotMutationObserver",void 0),q([b()],T.prototype,"changeEventEmitter",void 0),q([b()],T.prototype,"keyboardController",void 0),q([b()],T.prototype,"radioItemsController",void 0),q([b()],T.prototype,"valueController",void 0),q([b()],T.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),q([C()],T.prototype,"watchVegaFlexProp",null),T.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{N as vega_radio,T as vega_radio_group}
|
|
1
|
+
import{r as e,c as i,h as t,H as a,g as r}from"./p-21d26bb4.js";import{c as o}from"./p-86194314.js";import{s as n}from"./p-519a7d55.js";import{C as s}from"./p-2d0d575f.js";import{R as l,j as d,b as h}from"./p-5773a9a3.js";import{O as c}from"./p-331a62d5.js";import{f as p}from"./p-d5776087.js";import{c as g,M as v,V as f,I as b}from"./p-6e1ab235.js";import{V as m,I as u}from"./p-4387d550.js";import{c as x}from"./p-012cbd8f.js";import{d as w,f as y,A as j,B as R}from"./p-6e01f0a2.js";import{c as k}from"./p-425ba7d6.js";import{R as I}from"./p-280cbcdb.js";import{C}from"./p-75b58efe.js";import{F as O}from"./p-da1d0c02.js";import{C as A}from"./p-864de9a1.js";import{C as E}from"./p-6b7dca3e.js";import{K as V}from"./p-cc6410e6.js";import{M as z}from"./p-78a57a17.js";import{T as D}from"./p-52b8f2d2.js";import"./p-6a334573.js";import"./p-e7b00bf0.js";import"./p-613ee009.js";import"./p-b75ee3ba.js";import"./p-abd7aeaa.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-4ab3df00.js";import"./p-7d9cd9c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-138fcf6e.js";import"./p-5f377954.js";import"./p-4d793cb0.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-a46ac2eb.js";import"./p-b1f65b13.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";var G=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class F extends f{connectedCallback(){this.radioGroup=p(this.host,"vega-radio-group")||p(this.host,"vega-selection-tile-group"),this.radioGroup&&(this.fieldErrorObserver=new c(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),s.register(w.getSubject(this.radioGroup,k),this.fieldErrorObserver))}disconnectedCallback(){this.radioGroup&&s.unregister(w.getSubject(this.radioGroup,k),this.fieldErrorObserver)}canAcceptFieldErrorObserver(e){return("VEGA-RADIO-GROUP"===e.host.tagName||"VEGA-SELECTION-TILE-GROUP"===e.host.tagName)&&this.radioGroup===e.host}fieldErrorObserverListener(e){this.showError=e.showError}}G([g({writable:!0})],F.prototype,"showError",void 0),G([g()],F.prototype,"host",void 0),G([v("connectedCallback")],F.prototype,"connectedCallback",null),G([v("disconnectedCallback")],F.prototype,"disconnectedCallback",null);var L=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const N=class{constructor(t){e(this,t),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.changeEventEmitter=x(N,y),this.focusEventEmitter=x(N,j),this.blurEventEmitter=x(N,R),this.vegaRadioShowErrorController=new F,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.groupDisabled=!1,this.showError=!1,this.value="",this.checked=!1,this.disabled=!1,this.size="default",this.updateValue=e=>{this.checked=e.currentTarget.checked,e.stopPropagation()},this.handleFocus=e=>{this.focusEventEmitter.emit(e,e)},this.handleBlur=e=>{this.blurEventEmitter.emit(e,e)},this.handleClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.changeEventEmitter.emit(this.checked),s.notify(l,{host:this.host,detail:this.checked})}connectedCallback(){this.ariaLabel=this.host.textContent,""==this.ariaLabel&&(this.ariaLabel=this.value)}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentDidLoad(){""===this.host.textContent&&this.labelElement.classList.add("vega-hidden"),this.initAndRegisterGroupDisabledObserver()}render(){return n(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":"VEGA-RADIO-GROUP"==this.host.parentElement.nodeName}},t("label",{class:{"vega-radio-container":!0,[this.size]:!0,"vega-radio-checked":this.checked,"vega-radio-disabled":this.isDisabled(),error:this.showError}},t("input",{type:"radio",name:this.name,checked:this.checked,value:this.value,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,onChange:this.updateValue,"aria-label":this.ariaLabel||"No label defined",disabled:this.isDisabled(),tabIndex:this.isDisabled()?-1:0,onKeyDown:o()}),t("span",{class:"vega-radio-icon"},t("span",{class:"vega-radio-circle"})),t("div",{class:"vega-radio-label",ref:e=>this.labelElement=e},t("slot",null)))),this.host)}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return p(this.host,"vega-radio-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){p(this.host,"vega-radio-group")&&(this.groupDisabledObserver=new c(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),s.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&s.unregister(d,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};L([u()],N.prototype,"globalSlimmers",void 0),L([b()],N.prototype,"changeEventEmitter",void 0),L([b()],N.prototype,"focusEventEmitter",void 0),L([b()],N.prototype,"blurEventEmitter",void 0),L([b()],N.prototype,"vegaRadioShowErrorController",void 0),L([b()],N.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),N.style=':host{display:inline-block;box-sizing:border-box;height:24px}.vega-radio-container{position:relative;display:inline-flex;gap:8px;cursor:not-allowed}.vega-radio-container:not(.vega-radio-disabled){cursor:pointer}.vega-radio-container input{position:absolute;left:0px;top:0px;opacity:0}.vega-radio-icon{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:9999px;position:relative;left:0px;flex-shrink:0;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-radio-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-radio-container.default .vega-radio-icon{width:24px;height:24px;padding:5px}.vega-radio-container.small .vega-radio-icon{width:16px;height:16px;padding:4px}.vega-radio-checked:hover .vega-radio-circle{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-radio-container input[type=radio]:focus-visible+.vega-radio-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-radio-container:not(.vega-radio-disabled):active .vega-radio-icon{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}.vega-radio-checked:active .vega-radio-circle{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.vega-radio-checked .vega-radio-circle{display:block;width:100%;height:100%;border-radius:9999px;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}.vega-radio-disabled .vega-radio-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-radio-disabled .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-disabled:hover .vega-radio-circle{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-radio-container .vega-radio-label{display:inline-block;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}.vega-radio-container .vega-radio-label.vega-hidden{display:none}.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.default .vega-radio-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-radio-container.small .vega-radio-label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-radio-disabled .vega-radio-label{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}label{-webkit-tap-highlight-color:transparent}.vega-radio-container.error .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-radio-container.error:hover .vega-radio-icon{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-radio-container.error input[type=radio]:focus-visible+.vega-radio-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}.vega-radio-container.error:active .vega-radio-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}.vega-radio-checked.error .vega-radio-circle{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-radio-checked.error:hover .vega-radio-circle{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-radio-checked.error:active .vega-radio-circle{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}';class S extends V{constructor(){super((e=>(e.setRadioArrayTabIndex(),[{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[e.host],callback:e=>{this.updateRadioFocusStates(e)}}])))}setRadioArrayTabIndex(){const e=this.getNotDisabledRadioArray();if(e){const i=e.findIndex((e=>e.checked)),t=i>-1?i:0;e.forEach(((e,i)=>{const a=i===t?"0":"-1";e.shadowRoot.querySelector("input").setAttribute("tabIndex",a)}))}}updateRadioFocusStates(e){const i=e.key,t=this.getNotDisabledRadioArray();if(!t||0===t.length)return;t.forEach((e=>e.shadowRoot.querySelector("input").setAttribute("tabIndex","-1")));const a=t.findIndex((i=>i===e.target));let r;"ArrowDown"===i?r=a===t.length-1?t[0]:t[a+1]:"ArrowUp"===i&&(r=0===a?t[t.length-1]:t[a-1]),r&&(r.shadowRoot.querySelector("input").focus(),r.checked=!0,r.shadowRoot.querySelector("input").tabIndex=0)}getNotDisabledRadioArray(){const e=Array.from(this.host.querySelectorAll("vega-radio"));if(e.length>0)return e.filter((e=>!e.disabled))}}!function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);o>3&&n&&Object.defineProperty(i,t,n)}([g()],S.prototype,"host",void 0);var P=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class U extends f{emitEventAndNotifyValueChangeSubject(e){this.changeEventEmitter.emit(e),s.notify(h,{host:this.host,detail:e})}setValue(e){this.value=e}}P([g()],U.prototype,"host",void 0),P([g({writable:!0})],U.prototype,"value",void 0),P([g()],U.prototype,"changeEventEmitter",void 0),P([g()],U.prototype,"radioItemsController",void 0),P([v("watchValue")],U.prototype,"emitEventAndNotifyValueChangeSubject",null);var B=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};class M extends f{constructor(){super(...arguments),this.vegaRadioArray=[]}componentWillLoad(){this.syncRadioArrayAndValue()}setRadioItemName(){this.vegaRadioArray.forEach((e=>{e.name=this.name?this.name:e.getAttribute("name")}))}setRadioItemCheckedByValue(e){this.vegaRadioArray.forEach((i=>{i.checked=i.value===e}))}syncRadioItemsStatus(){this.setRadioItemCheckedByValue(this.value),this.setRadioItemName()}getRadioItemsArray(){return this.vegaRadioArray}syncRadioArrayAndValue(){this.vegaRadioArray=Array.from(this.host.querySelectorAll("vega-radio")),this.vegaRadioArray.forEach((e=>{e.checked&&this.valueController.setValue(e.value)}))}}B([g()],M.prototype,"host",void 0),B([g()],M.prototype,"value",void 0),B([g()],M.prototype,"name",void 0),B([g()],M.prototype,"valueController",void 0),B([v("componentWillLoad")],M.prototype,"componentWillLoad",null),B([v("watchName")],M.prototype,"setRadioItemName",null),B([v("watchValue")],M.prototype,"setRadioItemCheckedByValue",null),B([v("componentDidLoad")],M.prototype,"syncRadioItemsStatus",null);var q=function(e,i,t,a){var r,o=arguments.length,n=o<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(n=(o<3?r(n):o>3?r(i,t,n):r(i,t))||n);return o>3&&n&&Object.defineProperty(i,t,n),n};const T=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.formFieldController=new O({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new I:null}],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.radioItemsController.getRadioItemsArray().map((e=>e.shadowRoot.querySelector("input"))),defaultValue:"",attributeGetter:e=>this[e],validationRulesName:"validationRules"}),this.radioValueChangeObserver=new A(l,(e=>this.childRadioValueChange(e))),this.radioEventPrevent=new E([y],(()=>this.vegaFlexElement)),this.slotMutationObserver=new z({options:{childList:!0},mutationFilter:D("VEGA-RADIO"),callback:()=>this.radioItemsController.syncRadioArrayAndValue()}),this.changeEventEmitter=x(T,y),this.keyboardController=new S,this.radioItemsController=new M,this.valueController=new U,this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.label="",this.value="",this.vegaFlexProp={},this.required=!1,this.hint="",this.isValid=null,this.disabled=!1,this.autoValidation=!0,this.validationRules=[],this.childRadioValueChange=e=>{e.detail&&this.valueController.setValue(e.host.value)}}async watchValue(e){}watchName(){}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){this.setVegaFlexProperty(),this.disabled&&this.notifyGroupDisabledChange()}render(){return n(t(a,{role:"radiogroup"},this.renderLabelDom(),t("div",{class:"vega-radio-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("div",{class:"vega-label"},t("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?t("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}notifyGroupDisabledChange(){s.notify(d,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],name:["watchName"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};q([u()],T.prototype,"globalSlimmers",void 0),q([b()],T.prototype,"formFieldController",void 0),q([b()],T.prototype,"radioValueChangeObserver",void 0),q([b()],T.prototype,"radioEventPrevent",void 0),q([b()],T.prototype,"slotMutationObserver",void 0),q([b()],T.prototype,"changeEventEmitter",void 0),q([b()],T.prototype,"keyboardController",void 0),q([b()],T.prototype,"radioItemsController",void 0),q([b()],T.prototype,"valueController",void 0),q([b()],T.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),q([C()],T.prototype,"watchVegaFlexProp",null),T.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{N as vega_radio,T as vega_radio_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{v as t,w as e,o as r,x as a,h as s,y as o,z as n,A as i,D as u,E as d,G as l,H as m,I as c,p,J as f,B as b,K as $}from"./p-b1f65b13.js";import{L as v}from"./p-6e1ab235.js";import{g,c as h}from"./p-7d9cd9c8.js";import{i as x}from"./p-262ec334.js";import{F as T,b as w,c as j,d as y,e as k,T as O}from"./p-74168615.js";import{p as A}from"./p-0c667d6a.js";import{B as C}from"./p-ed45b3b6.js";import{s as E}from"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-d5f1794e.js";import{F as N}from"./p-4d793cb0.js";import"./p-cc63e827.js";import"./p-fa5eb496.js";import"./p-d5776087.js";import"./p-4ab3df00.js";import"./p-fecb4044.js";class R{format(e){return t(e)?Object.keys(e).map((t=>this.formatToken(e[t],"default"!==t?t:void 0))).join(" "):this.formatToken(e)}}const I={top:"pt",bottom:"pb",left:"pl",right:"pr",x:"px",y:"py"},D=new class extends R{formatToken(t,o){const n=e(o)?`${o}:`:"";return r(t)?`${n}v-p-${t}`:a(t)?Object.keys(t).map((e=>`${n}v-${I[e]}-${t[e]}`)).join(" "):(v.warn(`The padding value ${t} is invalid, it must be a value of: `,s),"")}},F={top:"mt",bottom:"mb",left:"ml",right:"mr",x:"mx",y:"my"},S=new class extends R{formatToken(t,o){const n=e(o)?`${o}:`:"";return r(t)?`${n}v-m-${t}`:a(t)?Object.keys(t).map((e=>`${n}v-${F[e]}-${t[e]}`)).join(" "):(v.warn(`The margin value ${t} is invalid, it must be a value of: `,s),"")}},_={x:"gap-col",y:"gap-row"},B=new class extends R{formatToken(t,o){const n=e(o)?`${o}:`:"";return r(t)?`${n}v-gap-${t}`:a(t)?Object.keys(t).map((e=>`${n}v-${_[e]}-${t[e]}`)).join(" "):(v.warn(`The gap value ${t} is invalid, it must be a value of: `,s),"")}},G=[1,2,3,4,5,6,7,8,9,10,11,12,"1-auto","2-auto","3-auto","4-auto","5-auto","6-auto","7-auto","8-auto","9-auto","10-auto","11-auto","12-auto"],H=[1,2,3,4,5,6,7,8,9,10,11,12,"1-auto","2-auto","3-auto","4-auto","5-auto","6-auto","7-auto","8-auto","9-auto","10-auto","11-auto","12-auto"],z=new class extends R{formatToken(t,r){const a=e(r)?`${r}:`:"";return o(t)?`${a}v-grid-cols-${t}`:(v.warn(`The column value ${t} is invalid, it must be a value of: `,H),"")}},J=new class extends R{formatToken(t,r){const a=e(r)?`${r}:`:"";return n(t)?`${a}v-grid-rows-${t}`:(v.warn(`The row value ${t} is invalid, it must be a value of: `,G),"")}},K=new class{format(e){const r=g();return"number"!=typeof e&&"string"!=typeof e||isNaN(e)?"string"==typeof e&&x(e)?e:t(e)?(e=h(e))[r]:null:Number(e)}},L=new class{format(e){if(i(e))return e;if(t(e)){const t=g();return(e=h(e))[t]}return null}},V=new class extends R{formatToken(t,r){const a=e(r)?`${r}:`:"";return"string"==typeof t&&"false"===t||!1===t?`${a}v-hidden`:"string"==typeof t&&"true"===t||!0===t?`${a}v-block`:(v.warn(`The display value ${t} is invalid, it must be a boolean`),"")}},W=new class extends R{formatToken(t,r){const a=e(r)?`${r}:`:"";return u(t)?`${a}v-flex-${t}`:(v.warn(`The direction value ${t} is invalid, it must be a value of: `,T),"")}},M=new class extends R{formatToken(t,r){const a=e(r)?`${r}:`:"";return d(t)?`${a}v-items-${t}`:(v.warn(`The flex alignItem value ${t} is invalid, it must be a value of: `,w),"")}},P=new class extends R{formatToken(t,r){const a=e(r)?`${r}:`:"";return l(t)?`${a}v-justify-${this.mapInput(t)}`:(v.warn(`The flex justifyContent value ${t} is invalid, it must be a value of: `,j),"")}mapInput(t){switch(t){case"start":return"start";case"center":return"center";case"end":return"end";case"space-around":return"around";case"space-between":return"between";case"space-evenly":return"evenly"}}},U=new class extends R{formatToken(t,r){const a=e(r)?`${r}:`:"";return m(t)?`${a}v-flex-${t}`:(v.warn(`The flex flexWrap value ${t} is invalid, it must be a value of: `,y),"")}},q=new class{format(e){const r=g();return t(e)?(e=h(e))[r]:e}},Q=new class extends R{formatToken(t,r){const a=e(r)?`${r}:`:"";return c(t)?"none"==t?`${a}v-hidden`:`${a}v-${t}`:(v.warn(`The box display value ${t} is invalid, it must be a value of: `,k),"")}},X=new class{format(e){const r=g();return t(e)?(e=h(e),A(e[r])):A(e)}},Y={top:"t",right:"r",bottom:"b",left:"l","top-left":"tl","top-right":"tr","bottom-left":"bl","bottom-right":"br"},Z=new class extends R{formatToken(t,r){const a=e(r)?`${r}:`:"";return p(t)?`${a}v-${this.transformRoundedNoneAndFill(t)}`:f(t)?Object.keys(t).map((e=>`${a}v-rounded-${Y[e]}-${this.transformRoundedNoneAndFill(t[e]).replace("rounded-","")}`)).join(" "):(v.warn(`The border radius value ${t} is invalid, it must be a value of: `,b),"")}transformRoundedNoneAndFill(t){return t.replace("rounded-none","rounded-0").replace("rounded-full","rounded-9999")}},tt=new class extends R{formatToken(t,r){const a=e(r)?`${r}:`:"";return $(t)?`${a}v-text-${t}`:(v.warn(`The text align value ${t} is invalid, it must be a value of: `,O),"")}};class et{format(e){return t(e)?Object.keys(e).map((t=>this.generateCssText(this.formatToken(e[t],"default"!==t?t:void 0),t))).join(" "):this.generateCssText(this.formatToken(e))}generateCssText(t,e){let r="";return t&&(r=e&&"default"!==e?`@media (min-width:${C[e]}px){:host{${t}}}`:`:host{${t}}`),r}}const rt={top:["padding-top"],bottom:["padding-bottom"],left:["padding-left"],right:["padding-right"],x:["padding-left","padding-right"],y:["padding-top","padding-bottom"]},at=new class extends et{formatToken(t){return r(t)?`padding:${s[t]}px`:a(t)?Object.keys(t).map((e=>rt[e].map((r=>`${r}:${s[t[e]]}px`)).join(";"))).join(";"):(v.warn(`The padding value ${t} is invalid, it must be a value of: `,s),"")}},st={top:["margin-top"],bottom:["margin-bottom"],left:["margin-left"],right:["margin-right"],x:["margin-left","margin-right"],y:["margin-top","margin-bottom"]},ot=new class extends et{formatToken(t){return r(t)?`margin:${s[t]}px`:a(t)?Object.keys(t).map((e=>st[e].map((r=>`${r}:${s[t[e]]}px`)).join(";"))).join(";"):(v.warn(`The margin value ${t} is invalid, it must be a value of: `,s),"")}},nt={top:["border-top-left-radius","border-top-right-radius"],right:["border-top-right-radius","border-bottom-right-radius"],bottom:["border-bottom-left-radius","border-bottom-right-radius"],left:["border-top-left-radius","border-bottom-left-radius"],"top-left":["border-top-left-radius"],"top-right":["border-top-right-radius"],"bottom-left":["border-bottom-left-radius"],"bottom-right":["border-bottom-right-radius"]},it=new class extends et{formatToken(t){return p(t)?`border-radius:${b[t]}px`:f(t)?this.getDirectionKeys(t).map((e=>nt[e].map((r=>`${r}:${b[t[e]]}px`)).join(";"))).join(";"):(v.warn(`The border radius value ${t} is invalid, it must be a value of: `,b),"")}getDirectionKeys(t){const e=Object.keys(t);return N.isEnabled("VEGA_COMPONENT.CORNERS_USE_OLD_BEHAVIOR")?E(e,(e=>t[e]),void 0,Object.keys(b)):e}},ut=new class{format(t,e){switch(e){case"padding":return D.format(t);case"margin":return S.format(t);case"gap":return B.format(t);case"gridColumn":return z.format(t);case"gridRow":return J.format(t);case"size":return K.format(t);case"translocation":return L.format(t);case"display":return V.format(t);case"flexDirection":return W.format(t);case"flexAlignItem":return M.format(t);case"flexJustifyContent":return P.format(t);case"flexWrap":return U.format(t);case"boxDisplay":return Q.format(t);case"widthAndHeight":return X.format(t);case"corners":return Z.format(t);case"textAlign":return tt.format(t);case"paddingStyle":return at.format(t);case"marginStyle":return ot.format(t);case"cornersStyle":return it.format(t);default:throw new Error(`Invalid flag ${e} passed into ResponsiveFormatFacade`)}}formatCustom(t){return q.format(t)}};export{H as G,ut as R,G as a}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,H as i,g as a}from"./p-21d26bb4.js";import{c as r,M as o,V as s,I as n}from"./p-6e1ab235.js";import{V as l,I as d}from"./p-4387d550.js";import{I as c}from"./p-d5f1794e.js";import{s as p}from"./p-519a7d55.js";import{a as g}from"./p-d5776087.js";import{R as h}from"./p-327be043.js";import{P as m,g as f}from"./p-7d9cd9c8.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-0c8bd757.js";import"./p-5773a9a3.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-613ee009.js";import"./p-6e01f0a2.js";import"./p-262ec334.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-4d793cb0.js";import"./p-7a40e033.js";import"./p-cc63e827.js";import"./p-fa5eb496.js";import"./p-4ab3df00.js";import"./p-fecb4044.js";import"./p-3eb2d433.js";import"./p-425ba7d6.js";import"./p-b75ee3ba.js";var b=function(e,t,i,a){var r,o=arguments.length,s=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,a);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,i,s):r(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class v extends s{connectedCallback(){this.setIndex()}disconnectedCallback(){this.removeIndex()}setIndex(){const e=document.querySelector(this.host.dataset.container);e&&"BODY"===e.tagName&&c.setZIndex(this.host,"base")}removeIndex(){c.removeZIndex(this.host,"base")}}b([r()],v.prototype,"host",void 0),b([o("connectedCallback")],v.prototype,"connectedCallback",null),b([o("disconnectedCallback")],v.prototype,"disconnectedCallback",null);var x=function(e,t,i,a){var r,o=arguments.length,s=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,a);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,i,s):r(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};const u=class{constructor(t){e(this,t),this.globalSlimmers={},this.manageVegaLoaderWrapperZIndexController=new v,this.vegaComponentUsageRuntimeMetricsSlimmer=new l}render(){return t(i,{class:"vega-loader-wrapper"},t("slot",null))}get host(){return a(this)}};x([d()],u.prototype,"globalSlimmers",void 0),x([n()],u.prototype,"manageVegaLoaderWrapperZIndexController",void 0),x([n()],u.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),u.style=":host{display:block;display:inline-flex;align-items:center;justify-content:center;top:0px;right:0px;bottom:0px;left:0px;background-color:rgba(var(--v-bg-backdrop-loading, 255, 255, 255, 0.5))}:host(.absolute-wrapper){position:absolute}:host(.fixed-wrapper){width:100%;height:100%;position:fixed}";const j=[{payloadKey:"MODE_IS_INDETERMINATE",payloadDescription:"Specifies the mode of the loading indicator",payloadValue:e=>"indeterminate"===e.mode},{payloadKey:"MODE_IS_DETERMINATE",payloadDescription:"Specifies the mode of the loading indicator",payloadValue:e=>"determinate"===e.mode}];var k=function(e,t,i,a){var r,o=arguments.length,s=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,a);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(s=(o<3?r(s):o>3?r(t,i,s):r(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};const w=class{constructor(i){e(this,i),this.globalSlimmers={},this.pageResizeObserverSlimmer=new m,this.vegaComponentUsageRuntimeMetricsSlimmer=new l(j),this.currentBreakpoint=f(),this.shape="circle",this.size="default",this.mode="indeterminate",this.percent=0,this.label="",this.hint="",this.status="default",this.renderCircleLoader=()=>{const e=this.getCircleLoaderRadius(this.getResponsiveSize()),i="indeterminate"===this.mode?.75:this.percent/100,a=2*Math.PI*e,r="error"===this.status?a:a*i;return t("svg",{class:"circle-loader"},t("circle",{r:e,class:"circle-loader-track",part:"circle-loader-track"}),t("circle",{r:e,class:"circle-loader-progress",part:"circle-loader-progress","stroke-linecap":"indeterminate"===this.mode?"round":"butt","stroke-dasharray":[r,a].join(" ")}),"determinate"===this.mode&&t("circle",{r:e,class:g(["circle-loader-progress-pointer",0===i&&"v-hidden"].filter(Boolean)),"stroke-dashoffset":-r,"stroke-dasharray":[0,a].join(" ")}))},this.renderBarLoader=()=>{let e=75;return"determinate"===this.mode&&(e="error"===this.status?100:this.percent),t("div",{class:"bar-loader-track"},t("div",{class:g(["bar-loader",this.getResponsiveSize()]),style:{width:`${e}%`}}))},this.renderLabelAndHint=()=>{if(this.label||this.hint)return t("vega-flex",{direction:"col",gap:"size-4",alignItems:"center"},this.label&&t("span",{class:"vega-loading-indicator-label"},this.label),this.hint&&t("span",{class:"vega-loading-indicator-hint"},this.hint))},this.getResponsiveSize=()=>h.formatCustom(this.size),this.getCircleLoaderRadius=e=>{switch(e){case"micro":return 6.5;case"small":return 10;case"large":return 52;default:return 20}}}render(){const e=g([this.getResponsiveSize(),this.mode,`status-${this.status}`,this.shape].map((e=>`vega-loading-indicator-${e}`)));return p(t(i,{class:e},t("vega-flex",{direction:"col",gap:"size-16",alignItems:"center"},"circle"===this.shape?this.renderCircleLoader():this.renderBarLoader(),this.renderLabelAndHint())),this.host)}get host(){return a(this)}};k([d()],w.prototype,"globalSlimmers",void 0),k([n()],w.prototype,"pageResizeObserverSlimmer",void 0),k([n()],w.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),w.style=':host{display:inline-block}:host(.vega-loading-indicator-bar){width:100%}:host(.vega-loading-indicator-indeterminate) .circle-loader{animation:circle-loader-animation 2000ms linear infinite;transform:rotate(-90deg)}:host(.vega-loading-indicator-determinate) .circle-loader{transform:rotate(-180deg)}:host(.vega-loading-indicator-default) .circle-loader{width:48px;height:48px}:host(.vega-loading-indicator-micro) .circle-loader{width:16px;height:16px}:host(.vega-loading-indicator-small) .circle-loader{width:24px;height:24px}:host(.vega-loading-indicator-large) .circle-loader{width:120px;height:120px}:host .circle-loader-track{stroke:rgba(var(--v-bg-loading-track, 229, 239, 255, 1));fill:none;cy:50%;cx:50%}:host .circle-loader-progress-pointer.v-hidden{display:none}:host .circle-loader-progress-pointer,:host .circle-loader-progress{stroke:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1));fill:none;cy:50%;cx:50%}:host(.vega-loading-indicator-status-success) .circle-loader-progress-pointer,:host(.vega-loading-indicator-status-success) .circle-loader-progress{stroke:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.vega-loading-indicator-status-error) .circle-loader-progress-pointer,:host(.vega-loading-indicator-status-error) .circle-loader-progress{stroke:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.vega-loading-indicator-default) .circle-loader-progress-pointer,:host(.vega-loading-indicator-default) .circle-loader-track,:host(.vega-loading-indicator-default) .circle-loader-progress{stroke-width:8px}:host .circle-loader-progress-pointer{stroke-linecap:round}:host(.vega-loading-indicator-micro) .circle-loader-progress-pointer,:host(.vega-loading-indicator-micro) .circle-loader-track,:host(.vega-loading-indicator-micro) .circle-loader-progress{stroke-width:3px}:host(.vega-loading-indicator-small) .circle-loader-progress-pointer,:host(.vega-loading-indicator-small) .circle-loader-track,:host(.vega-loading-indicator-small) .circle-loader-progress{stroke-width:4px}:host(.vega-loading-indicator-large) .circle-loader-progress-pointer,:host(.vega-loading-indicator-large) .circle-loader-track,:host(.vega-loading-indicator-large) .circle-loader-progress{stroke-width:16px}@keyframes circle-loader-animation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .bar-loader{border-radius:9999px;position:absolute;box-sizing:border-box;height:8px;background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1));content:"";width:75%;top:0;left:0}:host(.vega-loading-indicator-status-success) .bar-loader{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.vega-loading-indicator-status-error) .bar-loader{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.vega-loading-indicator-micro) .bar-loader,:host(.vega-loading-indicator-micro) .bar-loader-track{height:3px}:host(.vega-loading-indicator-small) .bar-loader,:host(.vega-loading-indicator-small) .bar-loader-track{height:4px}:host(.vega-loading-indicator-large) .bar-loader,:host(.vega-loading-indicator-large) .bar-loader-track{height:16px}:host(.vega-loading-indicator-indeterminate) .bar-loader{animation:bar-loader-animation 1250ms cubic-bezier(0.75, 0, 0.5, 1) infinite;animation-delay:50ms}@keyframes bar-loader-animation{0%{left:0;transform:translateX(-100%)}100%{left:100%;transform:translateX(0%)}}:host .bar-loader-track{display:inline-block;border-radius:9999px;position:relative;overflow:hidden;height:8px;width:100%;background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host .vega-loading-indicator-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-loading-indicator-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-loading-indicator-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-loading-indicator-label{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-loading-indicator-hint{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;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-loading-indicator-hint{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-loading-indicator-hint{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-loading-indicator-hint{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}';export{u as vega_loader_wrapper,w as vega_loading_indicator}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as i,h as t,H as a,g as r}from"./p-21d26bb4.js";import{c as n}from"./p-86194314.js";import{s as o}from"./p-519a7d55.js";import{C as s}from"./p-590fd123.js";import{C as c}from"./p-2d0d575f.js";import{C as h,b as l,i as p}from"./p-5773a9a3.js";import{O as d}from"./p-331a62d5.js";import{f as g,a as x}from"./p-d5776087.js";import{c as b,M as v,V as f,I as m}from"./p-6e1ab235.js";import{V as u,I as k}from"./p-4387d550.js";import{F as w}from"./p-72e64237.js";import{c as y}from"./p-012cbd8f.js";import{d as j,f as z}from"./p-6e01f0a2.js";import{c as C}from"./p-425ba7d6.js";import{C as I}from"./p-6b7dca3e.js";import{R}from"./p-280cbcdb.js";import{C as D}from"./p-75b58efe.js";import{C as O}from"./p-864de9a1.js";import"./p-abd7aeaa.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-4ab3df00.js";import"./p-834434d5.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-e7b00bf0.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-138fcf6e.js";import"./p-613ee009.js";import"./p-b75ee3ba.js";import"./p-5f377954.js";import"./p-4d793cb0.js";import"./p-7a40e033.js";import"./p-112455b1.js";var V=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};class E extends f{connectedCallback(){this.checkboxGroup=g(this.host,"vega-checkbox-group")||g(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new d(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),c.register(j.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}disconnectedCallback(){c.unregister(j.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}V([b({writable:!0})],E.prototype,"showError",void 0),V([b()],E.prototype,"host",void 0),V([v("connectedCallback")],E.prototype,"connectedCallback",null),V([v("disconnectedCallback")],E.prototype,"disconnectedCallback",null);var G=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const F=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.vegaCheckboxShowErrorController=new E,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new s:null}],defaultValue:e=>""!==e.identifier&&"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.changeEventEmitter=y(F,z),this.dropdownEventPrevent=new I([z],(()=>this.host),{customPreventHandle:e=>{e.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.groupDisabled=!1,this.showError=!1,this.identifier="",this.value=""!==this.identifier&&"",this.checked=!1,this.disabled=!1,this.size="default",this.required=!1,this.isValid=null,this.onCheckBoxChange=e=>{this.checked=e.currentTarget.checked},this.onSelectedIconClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.initValue(),this.changeEventEmitter.emit(this.value),c.notify(h,{host:this.host,detail:this.value}),c.notify(l,{host:this.host,detail:this.value})}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentWillLoad(){this.initValue(),this.initAndRegisterGroupDisabledObserver()}componentDidRender(){""===this.host.innerHTML.trim()&&this.labelElement.classList.add("vega-hidden")}async setValue(e){this.checked=this.identifier?e===this.identifier:!0===e}render(){return o(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":"VEGA-CHECKBOX-GROUP"==this.host.parentElement.nodeName,checked:this.checked,disabled:this.isDisabled()}},t("label",{class:x(["vega-checkbox-container",this.showError&&"error",this.size&&`size-${this.size}`]),ref:e=>this.inputContainerRef=e},t("input",{ref:e=>this.inputRef=e,type:"checkbox",checked:this.checked,value:this.identifier,onChange:this.onCheckBoxChange,"aria-label":this.identifier||"No label defined",disabled:this.isDisabled(),role:"button",tabIndex:0,onKeyDown:n()}),t("span",{class:"vega-checkbox-icon",onClick:this.onSelectedIconClick,tabIndex:-1},this.renderIconDom()),t("div",{class:"vega-checkbox-label-container",ref:e=>this.labelElement=e},this.renderLabelDom(),this.renderRequireDom()))),this.host)}renderIconDom(){return this.checked?t("vega-icon",{icon:"checkmark",size:"small"===this.size?"size-12":"size-16"}):null}renderLabelDom(){return t("span",{class:"vega-checkbox-label"},t("slot",null))}renderRequireDom(){return t("span",{class:{"vega-require":this.required}},this.required?"*":"")}initValue(){this.value=""!==this.identifier?this.checked?this.identifier:"":this.checked}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return g(this.host,"vega-checkbox-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){g(this.host,"vega-checkbox-group")&&(this.groupDisabledObserver=new d(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),c.register(p,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&c.unregister(p,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};G([k()],F.prototype,"globalSlimmers",void 0),G([m()],F.prototype,"vegaCheckboxShowErrorController",void 0),G([m()],F.prototype,"formFieldController",void 0),G([m()],F.prototype,"changeEventEmitter",void 0),G([m()],F.prototype,"dropdownEventPrevent",void 0),G([m()],F.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),F.style=':host{display:inline-block;vertical-align:middle}.vega-checkbox-container{position:relative;display:flex;-webkit-tap-highlight-color:transparent}.vega-checkbox-container>input[type=checkbox]{position:absolute;left:0px;top:0px;opacity:0;width:24px;height:24px;padding:0px;margin:0px}.vega-checkbox-container>.vega-checkbox-icon{display:inline-block;box-sizing:border-box;width:24px;height:24px;border-style:solid;border-width:2px;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1));position:relative;left:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:4px;min-width:24px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-checkbox-container>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-checkbox-container>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{display:inline-flex;align-items:center;justify-content:center}:host(.disabled) .vega-checkbox-container{cursor:not-allowed}:host(:not(.disabled)) .vega-checkbox-container{cursor:pointer}.vega-checkbox-container .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px;vertical-align:middle}.vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-checkbox-container.error>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))}:host(.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-label-container{display:inline-block;margin-left:12px;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}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container{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-checkbox-container>.vega-checkbox-label-container{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-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.disabled) .vega-checkbox-container>.vega-checkbox-label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-checkbox-label-container.vega-hidden{display:none}.vega-hidden{display:none}.size-default input[type=checkbox]{width:24px;height:24px}.size-default .vega-checkbox-icon{width:24px;height:24px;min-width:24px;border-radius:4px}.size-default .vega-checkbox-label-container{margin-left:12px;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-default .vega-checkbox-label-container{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){.size-default .vega-checkbox-label-container{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){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.size-small input[type=checkbox]{width:16px;height:16px}.size-small .vega-checkbox-icon{width:16px;height:16px;min-width:16px;border-radius:2px}.size-small .vega-checkbox-label-container{margin-left:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}';var P=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const q=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new R:null}],defaultValue:[],validationRulesName:"validationRules",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.touchableAreaGetter()}),this.checkboxValueChangeObserver=new O(h,(e=>this.childCheckboxValueChange(e))),this.checkboxEventPrevent=new I([z],(()=>this.vegaFlexElement)),this.changeEventEmitter=y(q,z),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=[],this.vegaFlexProp={},this.disabled=!1,this.required=!1,this.hint="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.childCheckboxValueChange=e=>{this.syncCheckboxItemsValue(e.detail,e.host.identifier)},this.touchableAreaGetter=()=>{const e=[];return this.vegaCheckboxArray&&this.vegaCheckboxArray.forEach((async i=>{e.push(i.shadowRoot.querySelector("input"))})),e}}async watchValue(){this.initCheckboxArray(),this.changeEventEmitter.emit(this.value),c.notify(l,{host:this.host,detail:this.value})}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentDidLoad(){this.setVegaFlexProperty(),this.initCheckboxArray(),this.notifyGroupDisabledChange()}render(){return o(t(a,null,this.renderLabelDom(),t("div",{class:"vega-checkbox-group-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("div",{class:"vega-label"},t("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?t("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}syncCheckboxItemsValue(e,i){e&&!this.value.includes(i)?this.value=[...this.value,i]:!e&&this.value.includes(i)&&(this.value=[...this.value.filter((e=>e!==i))])}initCheckboxArray(){this.vegaCheckboxArray=Array.from(this.host.querySelectorAll("vega-checkbox")),this.vegaCheckboxArray.forEach((e=>{e.checked=!!(this.value&&this.value.length>0)&&this.value.includes(e.identifier)}))}notifyGroupDisabledChange(){c.notify(p,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};P([k()],q.prototype,"globalSlimmers",void 0),P([m()],q.prototype,"formFieldController",void 0),P([m()],q.prototype,"checkboxValueChangeObserver",void 0),P([m()],q.prototype,"checkboxEventPrevent",void 0),P([m()],q.prototype,"changeEventEmitter",void 0),P([m()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([D()],q.prototype,"watchVegaFlexProp",null),q.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{F as vega_checkbox,q as vega_checkbox_group}
|
|
1
|
+
import{r as e,c as i,h as t,H as a,g as r}from"./p-21d26bb4.js";import{c as n}from"./p-86194314.js";import{s as o}from"./p-519a7d55.js";import{C as s}from"./p-590fd123.js";import{C as c}from"./p-2d0d575f.js";import{C as h,b as l,i as d}from"./p-5773a9a3.js";import{O as p}from"./p-331a62d5.js";import{f as g,a as x}from"./p-d5776087.js";import{c as b,M as v,V as f,I as m}from"./p-6e1ab235.js";import{V as u,I as k}from"./p-4387d550.js";import{F as w}from"./p-da1d0c02.js";import{c as y}from"./p-012cbd8f.js";import{d as j,f as z}from"./p-6e01f0a2.js";import{c as C}from"./p-425ba7d6.js";import{C as I}from"./p-6b7dca3e.js";import{R}from"./p-280cbcdb.js";import{C as D}from"./p-75b58efe.js";import{C as O}from"./p-864de9a1.js";import"./p-abd7aeaa.js";import"./p-0bb29d98.js";import"./p-37b05e0b.js";import"./p-6a334573.js";import"./p-4ab3df00.js";import"./p-7d9cd9c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-e7b00bf0.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-138fcf6e.js";import"./p-613ee009.js";import"./p-5f377954.js";import"./p-4d793cb0.js";import"./p-7a40e033.js";import"./p-112455b1.js";var V=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};class E extends f{connectedCallback(){this.checkboxGroup=g(this.host,"vega-checkbox-group")||g(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new p(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),c.register(j.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}disconnectedCallback(){c.unregister(j.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}V([b({writable:!0})],E.prototype,"showError",void 0),V([b()],E.prototype,"host",void 0),V([v("connectedCallback")],E.prototype,"connectedCallback",null),V([v("disconnectedCallback")],E.prototype,"disconnectedCallback",null);var G=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const F=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.vegaCheckboxShowErrorController=new E,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new s:null}],defaultValue:e=>""!==e.identifier&&"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.changeEventEmitter=y(F,z),this.dropdownEventPrevent=new I([z],(()=>this.host),{customPreventHandle:e=>{e.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.groupDisabled=!1,this.showError=!1,this.identifier="",this.value=""!==this.identifier&&"",this.checked=!1,this.disabled=!1,this.size="default",this.required=!1,this.isValid=null,this.onCheckBoxChange=e=>{this.checked=e.currentTarget.checked},this.onSelectedIconClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.initValue(),this.changeEventEmitter.emit(this.value),c.notify(h,{host:this.host,detail:this.value}),c.notify(l,{host:this.host,detail:this.value})}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentWillLoad(){this.initValue(),this.initAndRegisterGroupDisabledObserver()}componentDidRender(){""===this.host.innerHTML.trim()&&this.labelElement.classList.add("vega-hidden")}async setValue(e){this.checked=this.identifier?e===this.identifier:!0===e}render(){return o(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":"VEGA-CHECKBOX-GROUP"==this.host.parentElement.nodeName,checked:this.checked,disabled:this.isDisabled()}},t("label",{class:x(["vega-checkbox-container",this.showError&&"error",this.size&&`size-${this.size}`]),ref:e=>this.inputContainerRef=e},t("input",{ref:e=>this.inputRef=e,type:"checkbox",checked:this.checked,value:this.identifier,onChange:this.onCheckBoxChange,"aria-label":this.identifier||"No label defined",disabled:this.isDisabled(),role:"button",tabIndex:0,onKeyDown:n()}),t("span",{class:"vega-checkbox-icon",onClick:this.onSelectedIconClick,tabIndex:-1},this.renderIconDom()),t("div",{class:"vega-checkbox-label-container",ref:e=>this.labelElement=e},this.renderLabelDom(),this.renderRequireDom()))),this.host)}renderIconDom(){return this.checked?t("vega-icon",{icon:"checkmark",size:"small"===this.size?"size-12":"size-16"}):null}renderLabelDom(){return t("span",{class:"vega-checkbox-label"},t("slot",null))}renderRequireDom(){return t("span",{class:{"vega-require":this.required}},this.required?"*":"")}initValue(){this.value=""!==this.identifier?this.checked?this.identifier:"":this.checked}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return g(this.host,"vega-checkbox-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){g(this.host,"vega-checkbox-group")&&(this.groupDisabledObserver=new p(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),c.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&c.unregister(d,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};G([k()],F.prototype,"globalSlimmers",void 0),G([m()],F.prototype,"vegaCheckboxShowErrorController",void 0),G([m()],F.prototype,"formFieldController",void 0),G([m()],F.prototype,"changeEventEmitter",void 0),G([m()],F.prototype,"dropdownEventPrevent",void 0),G([m()],F.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),F.style=':host{display:inline-block;vertical-align:middle}.vega-checkbox-container{position:relative;display:flex;-webkit-tap-highlight-color:transparent}.vega-checkbox-container>input[type=checkbox]{position:absolute;left:0px;top:0px;opacity:0;width:24px;height:24px;padding:0px;margin:0px}.vega-checkbox-container>.vega-checkbox-icon{display:inline-block;box-sizing:border-box;width:24px;height:24px;border-style:solid;border-width:2px;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1));position:relative;left:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:4px;min-width:24px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-checkbox-container>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-checkbox-container>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{display:inline-flex;align-items:center;justify-content:center}:host(.disabled) .vega-checkbox-container{cursor:not-allowed}:host(:not(.disabled)) .vega-checkbox-container{cursor:pointer}.vega-checkbox-container .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px;vertical-align:middle}.vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-checkbox-container.error>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))}:host(.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-label-container{display:inline-block;margin-left:12px;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}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container{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-checkbox-container>.vega-checkbox-label-container{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-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.disabled) .vega-checkbox-container>.vega-checkbox-label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-checkbox-label-container.vega-hidden{display:none}.vega-hidden{display:none}.size-default input[type=checkbox]{width:24px;height:24px}.size-default .vega-checkbox-icon{width:24px;height:24px;min-width:24px;border-radius:4px}.size-default .vega-checkbox-label-container{margin-left:12px;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-default .vega-checkbox-label-container{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){.size-default .vega-checkbox-label-container{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){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.size-small input[type=checkbox]{width:16px;height:16px}.size-small .vega-checkbox-icon{width:16px;height:16px;min-width:16px;border-radius:2px}.size-small .vega-checkbox-label-container{margin-left:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}';var P=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const q=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new R:null}],defaultValue:[],validationRulesName:"validationRules",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.touchableAreaGetter()}),this.checkboxValueChangeObserver=new O(h,(e=>this.childCheckboxValueChange(e))),this.checkboxEventPrevent=new I([z],(()=>this.vegaFlexElement)),this.changeEventEmitter=y(q,z),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=[],this.vegaFlexProp={},this.disabled=!1,this.required=!1,this.hint="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.childCheckboxValueChange=e=>{this.syncCheckboxItemsValue(e.detail,e.host.identifier)},this.touchableAreaGetter=()=>{const e=[];return this.vegaCheckboxArray&&this.vegaCheckboxArray.forEach((async i=>{e.push(i.shadowRoot.querySelector("input"))})),e}}async watchValue(){this.initCheckboxArray(),this.changeEventEmitter.emit(this.value),c.notify(l,{host:this.host,detail:this.value})}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentDidLoad(){this.setVegaFlexProperty(),this.initCheckboxArray(),this.notifyGroupDisabledChange()}render(){return o(t(a,null,this.renderLabelDom(),t("div",{class:"vega-checkbox-group-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("div",{class:"vega-label"},t("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?t("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}syncCheckboxItemsValue(e,i){e&&!this.value.includes(i)?this.value=[...this.value,i]:!e&&this.value.includes(i)&&(this.value=[...this.value.filter((e=>e!==i))])}initCheckboxArray(){this.vegaCheckboxArray=Array.from(this.host.querySelectorAll("vega-checkbox")),this.vegaCheckboxArray.forEach((e=>{e.checked=!!(this.value&&this.value.length>0)&&this.value.includes(e.identifier)}))}notifyGroupDisabledChange(){c.notify(d,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};P([k()],q.prototype,"globalSlimmers",void 0),P([m()],q.prototype,"formFieldController",void 0),P([m()],q.prototype,"checkboxValueChangeObserver",void 0),P([m()],q.prototype,"checkboxEventPrevent",void 0),P([m()],q.prototype,"changeEventEmitter",void 0),P([m()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([D()],q.prototype,"watchVegaFlexProp",null),q.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{F as vega_checkbox,q as vega_checkbox_group}
|