@globalpayments/vega 2.60.0 → 2.61.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-8a3536ba.js → app-globals-7e624dd0.js} +4 -4
- package/dist/cjs/{child-nodes-event-prevent-slimmer-5df43771.js → child-nodes-event-prevent-slimmer-184fe3b2.js} +1 -1
- package/dist/cjs/{code-block-7d901dfc.js → code-block-ecb2df41.js} +2 -2
- package/dist/cjs/{component-value-history-controller-slimmer.abstract-d61e5129.js → component-value-history-controller-slimmer.abstract-58a0f64c.js} +4 -4
- package/dist/cjs/{content-state-2096aa5a.js → content-state-d7b8e70b.js} +3 -3
- package/dist/cjs/{design-token-52f9da81.js → design-token-16f74439.js} +1 -1
- package/dist/cjs/{dom-node-subject-factory-bad99695.js → dom-node-subject-factory-4eb1fec2.js} +4 -0
- package/dist/cjs/{dom-node-subject-observer-factory-df6e6df0.js → dom-node-subject-observer-factory-15130e50.js} +1 -1
- package/dist/cjs/{element-appender-slimmer-2a3e1e51.js → element-appender-slimmer-c4816142.js} +5 -5
- package/dist/cjs/{event-emit-slimmer-efc70b94.js → event-emit-slimmer-2da7c9d6.js} +3 -3
- package/dist/cjs/{form-field-controller-slimmer-772d1892.js → form-field-controller-slimmer-dab30e5c.js} +4 -4
- package/dist/cjs/{image-annotation-action-8c1ecc99.js → image-annotation-action-7eaab3ce.js} +4 -4
- package/dist/cjs/{index-10199ee8.js → index-da628bba.js} +2 -2
- package/dist/cjs/index.cjs.js +10 -10
- package/dist/cjs/{internal-vega-event-manager-83065493.js → internal-vega-event-manager-7b87c2f4.js} +3 -3
- package/dist/cjs/loader.cjs.js +9 -9
- package/dist/cjs/{public-rules-c711fae3.js → public-rules-21622bd0.js} +5 -5
- package/dist/cjs/{responsive-format-facade-3ab3b18c.js → responsive-format-facade-0d22ff78.js} +2 -2
- package/dist/cjs/{rich-text-editor-required-rule-4d92437f.js → rich-text-editor-required-rule-8d7e441a.js} +1 -1
- package/dist/cjs/{string-input-formatter-slimmer-941eaec2.js → string-input-formatter-slimmer-5a744e71.js} +3 -3
- package/dist/cjs/{style-formatter-dcb443fb.js → style-formatter-a66813a2.js} +1 -1
- package/dist/cjs/{sub-state-notify-slimmer-943eb7cc.js → sub-state-notify-slimmer-9602b5bb.js} +2 -2
- package/dist/cjs/{sub-state-observer-slimmer-0788232a.js → sub-state-observer-slimmer-df7df5bb.js} +2 -2
- package/dist/cjs/vega-accordion.cjs.entry.js +10 -10
- package/dist/cjs/vega-app-header-button.cjs.entry.js +11 -11
- package/dist/cjs/vega-banner.cjs.entry.js +4 -4
- package/dist/cjs/vega-box.cjs.entry.js +9 -9
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +5 -5
- package/dist/cjs/vega-button-circle.cjs.entry.js +11 -11
- package/dist/cjs/vega-button-group_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-button-link.cjs.entry.js +5 -5
- package/dist/cjs/vega-button.cjs.entry.js +10 -10
- package/dist/cjs/vega-calendar_4.cjs.entry.js +190 -86
- package/dist/cjs/vega-card.cjs.entry.js +8 -8
- package/dist/cjs/vega-carousel.cjs.entry.js +9 -9
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-chip.cjs.entry.js +11 -11
- package/dist/cjs/vega-code-block.cjs.entry.js +8 -8
- package/dist/cjs/vega-color-picker.cjs.entry.js +7 -7
- package/dist/cjs/vega-combo-box.cjs.entry.js +8 -8
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +339 -131
- package/dist/cjs/vega-dialog_2.cjs.entry.js +11 -11
- package/dist/cjs/vega-divider.cjs.entry.js +8 -8
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +13 -13
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/vega-field-label.cjs.entry.js +4 -4
- package/dist/cjs/vega-file-uploader.cjs.entry.js +7 -7
- package/dist/cjs/vega-flag-icon.cjs.entry.js +8 -8
- package/dist/cjs/vega-flex.cjs.entry.js +9 -9
- package/dist/cjs/vega-font.cjs.entry.js +8 -8
- package/dist/cjs/vega-form.cjs.entry.js +9 -9
- package/dist/cjs/vega-grid.cjs.entry.js +8 -8
- package/dist/cjs/vega-icon.cjs.entry.js +8 -8
- package/dist/cjs/vega-image-uploader.cjs.entry.js +12 -12
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +8 -8
- package/dist/cjs/vega-input-numeric.cjs.entry.js +9 -9
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +11 -11
- package/dist/cjs/vega-input-range.cjs.entry.js +8 -8
- package/dist/cjs/vega-input-select.cjs.entry.js +12 -12
- package/dist/cjs/vega-input.cjs.entry.js +10 -10
- package/dist/cjs/{vega-internal-event-id-ae6e2c13.js → vega-internal-event-id-9647aaf8.js} +2 -0
- package/dist/cjs/vega-item-toggle.cjs.entry.js +4 -4
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +12 -12
- package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-page-notification_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-pagination-page-selector-mobile.cjs.entry.js +5 -5
- package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js +3 -3
- package/dist/cjs/vega-pagination.cjs.entry.js +10 -10
- package/dist/cjs/vega-popover_2.cjs.entry.js +11 -11
- package/dist/cjs/vega-progress-tracker.cjs.entry.js +4 -4
- package/dist/cjs/vega-radio_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-rich-text-content.cjs.entry.js +8 -8
- package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js +15 -15
- package/dist/cjs/vega-segment-control.cjs.entry.js +4 -4
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +13 -13
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +9 -9
- package/dist/cjs/vega-sidenav_3.cjs.entry.js +11 -11
- package/dist/cjs/vega-signature-capture.cjs.entry.js +12 -12
- package/dist/cjs/{vega-skeleton-loader-controller-b1971f43.js → vega-skeleton-loader-controller-9c54f3aa.js} +1 -1
- package/dist/cjs/vega-stepper.cjs.entry.js +8 -8
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-table_8.cjs.entry.js +93 -74
- package/dist/cjs/vega-textarea.cjs.entry.js +8 -8
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +13 -13
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +7 -7
- package/dist/cjs/vega-tooltip_2.cjs.entry.js +9 -9
- package/dist/cjs/vega.cjs.js +9 -9
- package/dist/collection/components/vega-calendar/slimmers/common/renderers/vega-calendar-date-block-renderer.abstract.js +82 -0
- package/dist/collection/components/vega-calendar/slimmers/day-view/renderers/vega-calendar-view-with-time-renderer.js +26 -21
- package/dist/collection/components/vega-calendar/slimmers/month-view/renderers/vega-calendar-month-view-renderer.js +47 -38
- package/dist/collection/components/vega-calendar/vega-calendar.js +83 -3
- package/dist/collection/components/vega-date-picker/slimmers/controllers/vega-date-picker-month-year-change-event-controller.js +139 -0
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer.js +21 -1
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.js +48 -0
- package/dist/collection/components/vega-date-picker/vega-date-picker.js +59 -1
- package/dist/collection/components/vega-input/vega-input.css +4 -0
- package/dist/collection/components/vega-table/slimmers/controllers/vega-table-children-controller.js +31 -16
- package/dist/collection/components/vega-table/slimmers/renderers/vega-table-body-renderer.js +8 -4
- package/dist/collection/components/vega-table/slimmers/renderers/vega-table-row-renderer.js +4 -1
- package/dist/collection/components/vega-table/vega-table-cell/slimmers/controllers/vega-table-cell-state-controller.js +0 -16
- package/dist/collection/components/vega-table/vega-table-cell/slimmers/controllers/{vega-table-row-state-controller.js → vega-table-row-state-subscriber.js} +15 -14
- package/dist/collection/components/vega-table/vega-table-cell/vega-table-cell.js +3 -3
- package/dist/collection/components/vega-table/vega-table-expand-row/slimmers/renderers/vega-table-expand-row-renderer.js +4 -0
- package/dist/collection/components/vega-table/vega-table-expand-row/vega-table-expand-row.css +1 -1
- package/dist/collection/components/vega-table/vega-table-expand-row/vega-table-expand-row.js +20 -0
- package/dist/collection/components/vega-table/vega-table-row/slimmers/controllers/vega-table-row-state-controller.js +0 -7
- package/dist/collection/components/vega-table/vega-table-row/vega-table-row.css +1 -1
- package/dist/collection/components/vega-table/vega-table-row/vega-table-row.js +61 -1
- package/dist/collection/constants/ui.js +2 -0
- package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js +3 -3
- package/dist/collection/helpers/event-manager/event-id/vega-event-id.js +2 -0
- package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js +1 -0
- package/dist/collection/utils/spec-utils.js +28 -0
- package/dist/esm/{app-globals-c7699395.js → app-globals-ce54f0ac.js} +4 -4
- package/dist/esm/{child-nodes-event-prevent-slimmer-6b5b31f5.js → child-nodes-event-prevent-slimmer-2a3115ae.js} +1 -1
- package/dist/esm/{code-block-055cae13.js → code-block-89a4dd13.js} +2 -2
- package/dist/esm/{component-value-history-controller-slimmer.abstract-7a64c05a.js → component-value-history-controller-slimmer.abstract-95b199df.js} +4 -4
- package/dist/esm/{content-state-460f6254.js → content-state-fc47457c.js} +3 -3
- package/dist/esm/{design-token-e1821e4a.js → design-token-eaa7c221.js} +1 -1
- package/dist/esm/{dom-node-subject-factory-202655e7.js → dom-node-subject-factory-3c2e13f1.js} +3 -1
- package/dist/esm/{dom-node-subject-observer-factory-999e21e3.js → dom-node-subject-observer-factory-1e456cd4.js} +1 -1
- package/dist/esm/{element-appender-slimmer-4260c020.js → element-appender-slimmer-ce83db8a.js} +5 -5
- package/dist/esm/{event-emit-slimmer-40973ec2.js → event-emit-slimmer-4428ce26.js} +3 -3
- package/dist/esm/{form-field-controller-slimmer-47820eaa.js → form-field-controller-slimmer-6e69ca4e.js} +4 -4
- package/dist/esm/{image-annotation-action-95cc9118.js → image-annotation-action-53812eb7.js} +4 -4
- package/dist/esm/{index-18a340fb.js → index-1d479c88.js} +2 -2
- package/dist/esm/index.js +10 -10
- package/dist/esm/{internal-vega-event-manager-526f8ed1.js → internal-vega-event-manager-a654cf8a.js} +3 -3
- package/dist/esm/loader.js +9 -9
- package/dist/esm/{public-rules-71e1883d.js → public-rules-095284f6.js} +5 -5
- package/dist/esm/{responsive-format-facade-dbeffcd6.js → responsive-format-facade-86b6de3b.js} +2 -2
- package/dist/esm/{rich-text-editor-required-rule-6cfdcaaf.js → rich-text-editor-required-rule-4e8d2db8.js} +1 -1
- package/dist/esm/{string-input-formatter-slimmer-6d99bb4f.js → string-input-formatter-slimmer-60897659.js} +3 -3
- package/dist/esm/{style-formatter-41ca4df2.js → style-formatter-a0719a8f.js} +1 -1
- package/dist/esm/{sub-state-notify-slimmer-b3524c09.js → sub-state-notify-slimmer-ee730968.js} +2 -2
- package/dist/esm/{sub-state-observer-slimmer-c823d69c.js → sub-state-observer-slimmer-d474634d.js} +2 -2
- package/dist/esm/vega-accordion.entry.js +10 -10
- package/dist/esm/vega-app-header-button.entry.js +11 -11
- package/dist/esm/vega-banner.entry.js +4 -4
- package/dist/esm/vega-box.entry.js +9 -9
- package/dist/esm/vega-breadcrumb.entry.js +5 -5
- package/dist/esm/vega-button-circle.entry.js +11 -11
- package/dist/esm/vega-button-group_2.entry.js +8 -8
- package/dist/esm/vega-button-link.entry.js +5 -5
- package/dist/esm/vega-button.entry.js +10 -10
- package/dist/esm/vega-calendar_4.entry.js +190 -86
- package/dist/esm/vega-card.entry.js +8 -8
- package/dist/esm/vega-carousel.entry.js +9 -9
- package/dist/esm/vega-checkbox_2.entry.js +8 -8
- package/dist/esm/vega-chip.entry.js +11 -11
- package/dist/esm/vega-code-block.entry.js +8 -8
- package/dist/esm/vega-color-picker.entry.js +7 -7
- package/dist/esm/vega-combo-box.entry.js +8 -8
- package/dist/esm/vega-date-picker_2.entry.js +339 -131
- package/dist/esm/vega-dialog_2.entry.js +11 -11
- package/dist/esm/vega-divider.entry.js +8 -8
- package/dist/esm/vega-dropdown_5.entry.js +13 -13
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/vega-field-label.entry.js +4 -4
- package/dist/esm/vega-file-uploader.entry.js +7 -7
- package/dist/esm/vega-flag-icon.entry.js +8 -8
- package/dist/esm/vega-flex.entry.js +9 -9
- package/dist/esm/vega-font.entry.js +8 -8
- package/dist/esm/vega-form.entry.js +9 -9
- package/dist/esm/vega-grid.entry.js +8 -8
- package/dist/esm/vega-icon.entry.js +8 -8
- package/dist/esm/vega-image-uploader.entry.js +12 -12
- package/dist/esm/vega-input-credit-card.entry.js +8 -8
- package/dist/esm/vega-input-numeric.entry.js +9 -9
- package/dist/esm/vega-input-phone-number.entry.js +11 -11
- package/dist/esm/vega-input-range.entry.js +8 -8
- package/dist/esm/vega-input-select.entry.js +12 -12
- package/dist/esm/vega-input.entry.js +10 -10
- package/dist/esm/{vega-internal-event-id-b7c865de.js → vega-internal-event-id-5a143cd2.js} +2 -1
- package/dist/esm/vega-item-toggle.entry.js +4 -4
- package/dist/esm/vega-left-nav_5.entry.js +12 -12
- package/dist/esm/vega-loader-wrapper_2.entry.js +7 -7
- package/dist/esm/vega-page-notification_2.entry.js +2 -2
- package/dist/esm/vega-pagination-page-selector-mobile.entry.js +5 -5
- package/dist/esm/vega-pagination-page-size-selector-mobile.entry.js +3 -3
- package/dist/esm/vega-pagination.entry.js +10 -10
- package/dist/esm/vega-popover_2.entry.js +11 -11
- package/dist/esm/vega-progress-tracker.entry.js +4 -4
- package/dist/esm/vega-radio_2.entry.js +8 -8
- package/dist/esm/vega-rich-text-content.entry.js +8 -8
- package/dist/esm/vega-rich-text-editor_4.entry.js +15 -15
- package/dist/esm/vega-segment-control.entry.js +4 -4
- package/dist/esm/vega-selection-chip_2.entry.js +13 -13
- package/dist/esm/vega-selection-tile_2.entry.js +9 -9
- package/dist/esm/vega-sidenav_3.entry.js +11 -11
- package/dist/esm/vega-signature-capture.entry.js +12 -12
- package/dist/esm/{vega-skeleton-loader-controller-38864fcd.js → vega-skeleton-loader-controller-394a6026.js} +1 -1
- package/dist/esm/vega-stepper.entry.js +8 -8
- package/dist/esm/vega-tab-group_2.entry.js +5 -5
- package/dist/esm/vega-table_8.entry.js +93 -74
- package/dist/esm/vega-textarea.entry.js +8 -8
- package/dist/esm/vega-time-picker_2.entry.js +13 -13
- package/dist/esm/vega-toggle-switch.entry.js +7 -7
- package/dist/esm/vega-tooltip_2.entry.js +9 -9
- package/dist/esm/vega.js +9 -9
- package/dist/types/components/vega-calendar/slimmers/common/renderers/vega-calendar-date-block-renderer.abstract.d.ts +58 -0
- package/dist/types/components/vega-calendar/slimmers/day-view/renderers/vega-calendar-view-with-time-renderer.d.ts +10 -9
- package/dist/types/components/vega-calendar/slimmers/month-view/renderers/vega-calendar-month-view-renderer.d.ts +14 -8
- package/dist/types/components/vega-calendar/vega-calendar.d.ts +22 -2
- package/dist/types/components/vega-date-picker/slimmers/controllers/vega-date-picker-month-year-change-event-controller.d.ts +46 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer.d.ts +12 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.d.ts +16 -0
- package/dist/types/components/vega-date-picker/types.d.ts +7 -0
- package/dist/types/components/vega-date-picker/vega-date-picker.d.ts +17 -1
- package/dist/types/components/vega-table/interface.d.ts +1 -0
- package/dist/types/components/vega-table/slimmers/controllers/vega-table-children-controller.d.ts +13 -1
- package/dist/types/components/vega-table/slimmers/renderers/vega-table-body-renderer.d.ts +1 -0
- package/dist/types/components/vega-table/slimmers/renderers/vega-table-row-renderer.d.ts +1 -0
- package/dist/types/components/vega-table/vega-table-cell/slimmers/controllers/vega-table-cell-state-controller.d.ts +0 -1
- package/dist/types/components/vega-table/vega-table-cell/slimmers/controllers/{vega-table-row-state-controller.d.ts → vega-table-row-state-subscriber.d.ts} +3 -6
- package/dist/types/components/vega-table/vega-table-cell/vega-table-cell.d.ts +2 -2
- package/dist/types/components/vega-table/vega-table-expand-row/slimmers/renderers/vega-table-expand-row-renderer.d.ts +1 -0
- package/dist/types/components/vega-table/vega-table-expand-row/vega-table-expand-row.d.ts +6 -0
- package/dist/types/components/vega-table/vega-table-row/slimmers/controllers/vega-table-row-state-controller.d.ts +0 -1
- package/dist/types/components/vega-table/vega-table-row/vega-table-row.d.ts +16 -4
- package/dist/types/components.d.ts +65 -3
- package/dist/types/constants/ui.d.ts +1 -1
- package/dist/types/helpers/event-manager/event-id/vega-event-id.d.ts +2 -0
- package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts +1 -0
- package/dist/types/types/components.type.d.ts +1 -0
- package/dist/types/utils/spec-utils.d.ts +7 -0
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-165054fb.entry.js → p-0070e970.entry.js} +1 -1
- package/dist/vega/{p-fc4c5265.entry.js → p-0169af6b.entry.js} +1 -1
- package/dist/vega/{p-21873037.js → p-03e9cbc8.js} +1 -1
- package/dist/vega/{p-70939752.entry.js → p-04341cd4.entry.js} +1 -1
- package/dist/vega/p-0664ca9c.js +1 -0
- package/dist/vega/{p-4a368e1e.js → p-074b73f8.js} +1 -1
- package/dist/vega/{p-4b7edf72.entry.js → p-08fb66a4.entry.js} +1 -1
- package/dist/vega/{p-334e31a3.entry.js → p-0cf35281.entry.js} +1 -1
- package/dist/vega/{p-09ddae74.entry.js → p-0e75ddb2.entry.js} +1 -1
- package/dist/vega/{p-b5bef48a.js → p-0e954b9b.js} +1 -1
- package/dist/vega/{p-200ba358.js → p-129f5938.js} +1 -1
- package/dist/vega/{p-16c6c22f.entry.js → p-13cb5a04.entry.js} +1 -1
- package/dist/vega/{p-1cabeb33.js → p-18223240.js} +1 -1
- package/dist/vega/{p-7e4fdccb.js → p-19ce9ae6.js} +1 -1
- package/dist/vega/p-27f922fe.entry.js +1 -0
- package/dist/vega/{p-61d1f3cb.entry.js → p-2c7b7dd6.entry.js} +1 -1
- package/dist/vega/{p-52c1dde9.entry.js → p-310f9e76.entry.js} +1 -1
- package/dist/vega/p-330d7ba8.js +1 -0
- package/dist/vega/{p-d1ebec08.js → p-34fdbe7a.js} +1 -1
- package/dist/vega/{p-68eae19d.entry.js → p-3a6abcd7.entry.js} +1 -1
- package/dist/vega/p-3bf95faf.entry.js +13 -0
- package/dist/vega/{p-8539e05e.js → p-3d6c302d.js} +1 -1
- package/dist/vega/{p-e45f8a67.entry.js → p-42563036.entry.js} +1 -1
- package/dist/vega/p-441a681b.js +1 -0
- package/dist/vega/p-4a357f30.entry.js +1 -0
- package/dist/vega/{p-69119f58.entry.js → p-4e8b6eb6.entry.js} +1 -1
- package/dist/vega/p-50dd3cf1.js +1 -0
- package/dist/vega/p-518722aa.js +1 -0
- package/dist/vega/p-5422fdc4.entry.js +1 -0
- package/dist/vega/{p-1f8c46c4.entry.js → p-5c36a6cb.entry.js} +1 -1
- package/dist/vega/{p-1fdf0f74.entry.js → p-5d095f9b.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-e4fbd2b7.entry.js → p-5f85811c.entry.js} +1 -1
- package/dist/vega/{p-f1a2658b.entry.js → p-5faa7313.entry.js} +1 -1
- package/dist/vega/{p-c883bce1.entry.js → p-67101f43.entry.js} +1 -1
- package/dist/vega/{p-636f7b17.entry.js → p-68806f9c.entry.js} +1 -1
- package/dist/vega/{p-606d1f7c.entry.js → p-6cf490d9.entry.js} +1 -1
- package/dist/vega/{p-7a3b142b.js → p-6def20e1.js} +1 -1
- package/dist/vega/{p-847dbae4.entry.js → p-78d3f99b.entry.js} +1 -1
- package/dist/vega/{p-4474bc63.js → p-792715f3.js} +1 -1
- package/dist/vega/{p-1152850b.entry.js → p-7a201c6e.entry.js} +1 -1
- package/dist/vega/{p-af2de012.entry.js → p-7c22a1c3.entry.js} +1 -1
- package/dist/vega/{p-0dcec258.js → p-7ecf65ec.js} +1 -1
- package/dist/vega/{p-446d0317.entry.js → p-7f329473.entry.js} +1 -1
- package/dist/vega/{p-a433fef4.js → p-80f1b680.js} +1 -1
- package/dist/vega/{p-4fc18f2f.entry.js → p-82beb586.entry.js} +1 -1
- package/dist/vega/{p-0c247128.entry.js → p-84eb131b.entry.js} +1 -1
- package/dist/vega/{p-d45f79ce.entry.js → p-909820dd.entry.js} +1 -1
- package/dist/vega/{p-d35243c8.entry.js → p-927cab0c.entry.js} +1 -1
- package/dist/vega/{p-a7baad6d.entry.js → p-989e141d.entry.js} +1 -1
- package/dist/vega/{p-95ac7c7e.js → p-a29e5d32.js} +1 -1
- package/dist/vega/{p-e9ad8223.entry.js → p-a3942d0b.entry.js} +1 -1
- package/dist/vega/{p-46973cf9.entry.js → p-a66533c1.entry.js} +1 -1
- package/dist/vega/p-a9b831d8.entry.js +1 -0
- package/dist/vega/p-aeccc7f8.js +1 -0
- package/dist/vega/{p-b4be8573.entry.js → p-b1d0e4cb.entry.js} +1 -1
- package/dist/vega/p-b34f9891.entry.js +1 -0
- package/dist/vega/p-b820e42f.entry.js +1 -0
- package/dist/vega/{p-ae21e5f5.entry.js → p-c4677b0c.entry.js} +1 -1
- package/dist/vega/p-c467fe81.entry.js +1 -0
- package/dist/vega/{p-bbb96a13.js → p-c5e862aa.js} +1 -1
- package/dist/vega/{p-cc2ceaa8.entry.js → p-c7762c86.entry.js} +1 -1
- package/dist/vega/{p-850a6305.entry.js → p-c9e57cf1.entry.js} +1 -1
- package/dist/vega/{p-1bd516c5.js → p-cd18f0fe.js} +1 -1
- package/dist/vega/{p-b8f50c69.entry.js → p-d0b3e319.entry.js} +1 -1
- package/dist/vega/{p-1852ca80.entry.js → p-d7b4ffed.entry.js} +1 -1
- package/dist/vega/{p-dd6a4ea6.entry.js → p-dc6f45af.entry.js} +1 -1
- package/dist/vega/{p-20b8b626.entry.js → p-e4586f13.entry.js} +1 -1
- package/dist/vega/{p-b56e2c89.entry.js → p-e66aef91.entry.js} +1 -1
- package/dist/vega/{p-6b71d5d1.entry.js → p-e71c4a09.entry.js} +1 -1
- package/dist/vega/{p-9773c913.js → p-e764acd5.js} +1 -1
- package/dist/vega/{p-433ea113.entry.js → p-ea66d9f7.entry.js} +1 -1
- package/dist/vega/{p-460bbd22.entry.js → p-ec6819fe.entry.js} +1 -1
- package/dist/vega/{p-10063072.entry.js → p-ec9a8f81.entry.js} +1 -1
- package/dist/vega/{p-394dfa02.entry.js → p-ed01328c.entry.js} +1 -1
- package/dist/vega/{p-1b222c94.entry.js → p-ed798cd4.entry.js} +1 -1
- package/dist/vega/{p-27b5f69c.entry.js → p-edb71a72.entry.js} +1 -1
- package/dist/vega/p-f2a1fe6a.js +1 -0
- package/dist/vega/{p-c81cb852.entry.js → p-f4e23c23.entry.js} +1 -1
- package/dist/vega/{p-eaa43f31.entry.js → p-f825e8a2.entry.js} +1 -1
- package/dist/vega/p-f9deb43e.entry.js +1 -0
- package/dist/vega/{p-62898294.entry.js → p-fb232e29.entry.js} +1 -1
- package/dist/vega/{p-fe6ea6cf.entry.js → p-fdd930a9.entry.js} +1 -1
- package/dist/vega/{p-f47de801.entry.js → p-fe52c370.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-0cd89fb6.js +0 -1
- package/dist/vega/p-1652cfc6.entry.js +0 -1
- package/dist/vega/p-17d517c8.entry.js +0 -1
- package/dist/vega/p-1b91a882.js +0 -1
- package/dist/vega/p-2e4bc8aa.entry.js +0 -1
- package/dist/vega/p-594ecdab.js +0 -1
- package/dist/vega/p-741a8b61.entry.js +0 -1
- package/dist/vega/p-95c30aed.entry.js +0 -1
- package/dist/vega/p-af464251.js +0 -1
- package/dist/vega/p-b5822a21.js +0 -1
- package/dist/vega/p-b9821a7f.entry.js +0 -1
- package/dist/vega/p-bca1f8f9.js +0 -1
- package/dist/vega/p-dbe5daa7.js +0 -1
- package/dist/vega/p-dc5026e7.entry.js +0 -1
- package/dist/vega/p-e3bb1cce.entry.js +0 -13
- package/dist/vega/p-ed50233f.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as a,h as t,H as e,F as o,g as c}from"./p-48a58baf.js";import{s as g}from"./p-519a7d55.js";import{R as v}from"./p-21873037.js";import{a as i}from"./p-575235c8.js";import{d as b,i as s}from"./p-200ba358.js";import{c as n}from"./p-86194314.js";import{P as l,g as d}from"./p-7d9cd9c8.js";import{I as h}from"./p-6e1ab235.js";import{V as p,I as k}from"./p-d849e0f5.js";import{c as u}from"./p-4474bc63.js";import{a as y,c as f}from"./p-b5822a21.js";import{C as m}from"./p-bbb96a13.js";import"./p-b1faebe0.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-4a368e1e.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-7e8f055d.js";import"./p-8a877e12.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-af464251.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-8c46e116.js";import"./p-5d676a94.js";import"./p-bf0ced3c.js";import"./p-8539e05e.js";import"./p-d1ebec08.js";import"./p-b5bef48a.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-824a06ba.js";import"./p-b75ee3ba.js";import"./p-0cd89fb6.js";const x=[{payloadKey:"VARIANT_IS_FILLED_BACKGROUND",payloadDescription:"Determines the rendering style for the chip",payloadValue:r=>"filled-background"===r.variant},{payloadKey:"VARIANT_IS_OUTLINED",payloadDescription:"Determines the rendering style for the chip",payloadValue:r=>"outlined"===r.variant}];var w=function(r,a,t,e){var o,c=arguments.length,g=c<3?a:null===e?e=Object.getOwnPropertyDescriptor(a,t):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(r,a,t,e);else for(var v=r.length-1;v>=0;v--)(o=r[v])&&(g=(c<3?o(g):c>3?o(a,t,g):o(a,t))||g);return c>3&&g&&Object.defineProperty(a,t,g),g};const z=class{constructor(t){r(this,t),this.vegaClose=a(this,"vegaClose",7),this.close=a(this,"close",7),this.vegaClick=a(this,"vegaClick",7),this.click=a(this,"click",7),this.globalSlimmers={},this.pageResizeObserverSlimmer=new l({callback:()=>{this.setCurrentSize()}}),this.flexEventPrevent=new m([y],(()=>this.vegaFlexRef)),this.closeEventEmit=u(z,f),this.clickEventEmit=u(z,y),this.vegaComponentUsageRuntimeMetricsSlimmer=new p(x),this.currentBreakpoint=d(),this.text="",this.clickable=!1,this.variant="filled-background",this.size="default",this.bgColor="bg-chip",this.textColor="text-primary",this.statusColor="bg-status-info",this.chipType="label",this.showCloseIcon=!1,this.iconAlign="left",this.closeChip=r=>{r.stopPropagation(),this.closeEventEmit.emit(void 0,r)},this.clickChip=r=>{r.stopPropagation(),this.clickEventEmit.emit(void 0,r)}}watchSize(){this.setCurrentSize()}componentWillLoad(){this.setCurrentSize()}render(){return g(t(e,null,t("vega-flex",{"align-items":"center",ref:r=>this.vegaFlexRef=r},this.renderChip())),this.host)}renderChip(){const r=this.getChipClasses();return this.clickable?this.renderButtonChip(r):this.renderLabelChip(r)}renderLabelChip(r){return t(o,null,t("div",{class:r},this.renderContent()),this.renderCloseIcon())}renderButtonChip(r){return t(o,null,t("button",{type:"button","aria-label":this.text||"No label defined",class:r,onClick:this.clickChip},this.renderContent()),this.renderCloseIcon())}renderContent(){return t("vega-flex",{gap:this.getFlexGap(),"align-items":"center"},this.renderPrefixIcon(),this.renderText(),this.renderSuffixIcon())}renderPrefixIcon(){return"status"===this.chipType?this.renderDot():this.icon&&"left"===this.iconAlign&&t("div",{class:"vega-chip-icon"},this.renderIcon(this.icon))}renderSuffixIcon(){return this.icon&&"label"===this.chipType&&"right"===this.iconAlign&&t("div",{class:"vega-chip-icon"},this.renderIcon(this.icon))}renderCloseIcon(){return this.showCloseIcon&&t("div",{class:"vega-chip-close-icon","aria-label":"close vega chip",onClick:this.closeChip,role:"button",tabIndex:0,onKeyDown:n()},this.renderIcon("close"))}renderIcon(r){return t("vega-icon",{icon:r,size:"close"===r?z.closeIconSizeMap[this.currentSize]:z.iconSizeMap[this.currentSize]})}renderDot(){const r=z.iconSizeMap[this.currentSize],a=i(["vega-chip-dot",`v-w-${r}`,`v-h-${r}`,b(this.statusColor,["dark"])]);return t("div",{class:"vega-chip-dot-container"},t("div",{class:a}))}renderText(){return t("span",{class:"vega-chip-text"},t("vega-text",{overflow:"ellipsis",key:this.text},this.text))}setCurrentSize(){this.currentSize=v.formatCustom(this.size)}getFlexGap(){let r="0";switch(this.currentSize){case"default":case"large":r="size-8";break;default:r="size-4"}return r}getChipClasses(){return i(["vega-chip",`vega-chip-size-${this.currentSize}`,`vega-chip-${this.variant}`,"filled-background"===this.variant?b(this.bgColor,["dark"]):"",s(this.textColor,["dark"]),this.showCloseIcon?this.clickable?"vega-chip-clickable-with-close-icon":"vega-chip-with-close-icon":""])}get host(){return c(this)}static get watchers(){return{size:["watchSize"]}}};z.iconSizeMap={"extra-small":"size-8",small:"size-12",default:"size-16",large:"size-20"},z.closeIconSizeMap={"extra-small":"size-8",small:"size-8",default:"size-12",large:"size-16"},w([k()],z.prototype,"globalSlimmers",void 0),w([h()],z.prototype,"pageResizeObserverSlimmer",void 0),w([h()],z.prototype,"flexEventPrevent",void 0),w([h()],z.prototype,"closeEventEmit",void 0),w([h()],z.prototype,"clickEventEmit",void 0),w([h()],z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),z.style=':host(.v-bg-brand),.v-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-bg-page),.v-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-bg-primary),.v-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-bg-secondary),.v-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-bg-tertiary),.v-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-bg-quaternary),.v-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-bg-inverted-primary),.v-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-bg-inverted-secondary),.v-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-bg-inverted-tertiary),.v-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-bg-inverted-quaternary),.v-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-bg-action),.v-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-bg-action-hover),.v-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-bg-action-focus),.v-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-bg-action-active),.v-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-bg-action-quaternary),.v-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-bg-action-quaternary-hover),.v-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-bg-action-quaternary-active),.v-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-bg-action-secondary),.v-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-bg-action-secondary-hover),.v-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-bg-action-secondary-active),.v-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-bg-action-tertiary),.v-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-bg-action-tertiary-hover),.v-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-bg-action-tertiary-active),.v-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-bg-app-header),.v-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-bg-backdrop-modal),.v-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-bg-backdrop-popover),.v-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-bg-backdrop-sidebar),.v-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-bg-chip),.v-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-bg-chip-hover),.v-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-bg-chip-active),.v-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-bg-danger),.v-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-bg-danger-hover),.v-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-bg-danger-focus),.v-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-bg-danger-active),.v-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-bg-danger-tertiary),.v-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-bg-danger-tertiary-hover),.v-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-bg-danger-tertiary-active),.v-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-bg-disabled),.v-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-bg-divider),.v-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-bg-divider-secondary),.v-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-bg-keypad-btn-active),.v-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-bg-loading-progress),.v-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-bg-loading-track),.v-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-bg-segment-hover),.v-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-bg-segment-control),.v-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-bg-selected),.v-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-bg-sidebar),.v-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon),.v-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-bg-sidebar-icon-hover),.v-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon-selected),.v-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-hover),.v-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-selected),.v-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-bg-site-footer),.v-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-bg-site-footer-action),.v-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-bg-site-footer-action-hover),.v-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-bg-site-footer-action-active),.v-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-bg-site-footer-field),.v-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-bg-slider-handle),.v-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-bg-status-error),.v-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-bg-status-info),.v-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-bg-status-success),.v-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-bg-status-warning),.v-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-bg-tab),.v-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-bg-tab-hover),.v-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-bg-tab-selected),.v-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-bg-table-alt-row),.v-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-bg-table-header),.v-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-bg-table-row-hover),.v-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-bg-table-row-selected-expanded),.v-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-bg-table-selected-row),.v-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-bg-textarea-count),.v-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-bg-tile),.v-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-bg-tile-hover),.v-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-bg-tile-selected),.v-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-bg-tile-selected-hover),.v-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-bg-toggle-switch),.v-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-bg-toggle-switch-hover),.v-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-bg-toggle-switch-selected-disabled),.v-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-bg-transparent),.v-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-bg-accent1-primary),.v-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-bg-accent1-secondary),.v-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-bg-accent1-tertiary),.v-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-bg-accent2-primary),.v-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-bg-accent2-secondary),.v-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-bg-accent2-tertiary),.v-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-bg-accent3-primary),.v-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-bg-accent3-secondary),.v-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-bg-accent3-tertiary),.v-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-bg-accent4-primary),.v-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-bg-accent4-secondary),.v-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-bg-accent4-tertiary),.v-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-bg-accent5-primary),.v-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-bg-accent5-secondary),.v-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-bg-accent5-tertiary),.v-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-bg-accent6-primary),.v-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-bg-accent6-secondary),.v-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-bg-accent6-tertiary),.v-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-bg-accent7-primary),.v-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-bg-accent7-secondary),.v-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-bg-accent7-tertiary),.v-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-bg-accent8-primary),.v-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-bg-accent8-secondary),.v-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-bg-accent8-tertiary),.v-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-bg-accent9-primary),.v-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-bg-accent9-secondary),.v-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-bg-accent9-tertiary),.v-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-bg-accent10-primary),.v-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-bg-accent10-secondary),.v-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-bg-accent10-tertiary),.v-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-bg-date-picker-range),.v-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-fill-bg-brand),.v-fill-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-fill-bg-page),.v-fill-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-fill-bg-primary),.v-fill-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-fill-bg-secondary),.v-fill-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-fill-bg-tertiary),.v-fill-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-fill-bg-quaternary),.v-fill-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-fill-bg-inverted-primary),.v-fill-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-fill-bg-inverted-secondary),.v-fill-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-fill-bg-inverted-tertiary),.v-fill-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-fill-bg-inverted-quaternary),.v-fill-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-fill-bg-action),.v-fill-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-fill-bg-action-hover),.v-fill-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-fill-bg-action-focus),.v-fill-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-fill-bg-action-active),.v-fill-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-fill-bg-action-quaternary),.v-fill-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-fill-bg-action-quaternary-hover),.v-fill-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-fill-bg-action-quaternary-active),.v-fill-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-fill-bg-action-secondary),.v-fill-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-fill-bg-action-secondary-hover),.v-fill-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-fill-bg-action-secondary-active),.v-fill-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-fill-bg-action-tertiary),.v-fill-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-action-tertiary-hover),.v-fill-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-fill-bg-action-tertiary-active),.v-fill-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-fill-bg-app-header),.v-fill-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-fill-bg-backdrop-modal),.v-fill-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-fill-bg-backdrop-popover),.v-fill-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-fill-bg-backdrop-sidebar),.v-fill-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-fill-bg-chip),.v-fill-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-fill-bg-chip-hover),.v-fill-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-fill-bg-chip-active),.v-fill-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-fill-bg-danger),.v-fill-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-fill-bg-danger-hover),.v-fill-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-fill-bg-danger-focus),.v-fill-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-fill-bg-danger-active),.v-fill-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-fill-bg-danger-tertiary),.v-fill-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-danger-tertiary-hover),.v-fill-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-fill-bg-danger-tertiary-active),.v-fill-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-fill-bg-disabled),.v-fill-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-fill-bg-divider),.v-fill-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-fill-bg-divider-secondary),.v-fill-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-fill-bg-keypad-btn-active),.v-fill-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-fill-bg-loading-progress),.v-fill-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-fill-bg-loading-track),.v-fill-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-fill-bg-segment-hover),.v-fill-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-fill-bg-segment-control),.v-fill-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-fill-bg-selected),.v-fill-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-fill-bg-sidebar),.v-fill-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon),.v-fill-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-fill-bg-sidebar-icon-hover),.v-fill-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon-selected),.v-fill-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-hover),.v-fill-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-selected),.v-fill-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-fill-bg-site-footer),.v-fill-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-fill-bg-site-footer-action),.v-fill-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-fill-bg-site-footer-action-hover),.v-fill-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-fill-bg-site-footer-action-active),.v-fill-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-fill-bg-site-footer-field),.v-fill-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-fill-bg-slider-handle),.v-fill-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-fill-bg-status-error),.v-fill-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-fill-bg-status-info),.v-fill-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-fill-bg-status-success),.v-fill-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-fill-bg-status-warning),.v-fill-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-fill-bg-tab),.v-fill-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-fill-bg-tab-hover),.v-fill-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tab-selected),.v-fill-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-fill-bg-table-alt-row),.v-fill-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-fill-bg-table-header),.v-fill-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-fill-bg-table-row-hover),.v-fill-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-fill-bg-table-row-selected-expanded),.v-fill-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-fill-bg-table-selected-row),.v-fill-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-fill-bg-textarea-count),.v-fill-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-fill-bg-tile),.v-fill-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-fill-bg-tile-hover),.v-fill-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tile-selected),.v-fill-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-fill-bg-tile-selected-hover),.v-fill-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-fill-bg-toggle-switch),.v-fill-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-fill-bg-toggle-switch-hover),.v-fill-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-fill-bg-toggle-switch-selected-disabled),.v-fill-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-fill-bg-transparent),.v-fill-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-fill-bg-accent1-primary),.v-fill-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-fill-bg-accent1-secondary),.v-fill-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-fill-bg-accent1-tertiary),.v-fill-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-fill-bg-accent2-primary),.v-fill-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-fill-bg-accent2-secondary),.v-fill-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-fill-bg-accent2-tertiary),.v-fill-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-fill-bg-accent3-primary),.v-fill-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-fill-bg-accent3-secondary),.v-fill-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-fill-bg-accent3-tertiary),.v-fill-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-fill-bg-accent4-primary),.v-fill-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-fill-bg-accent4-secondary),.v-fill-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-fill-bg-accent4-tertiary),.v-fill-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-fill-bg-accent5-primary),.v-fill-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-fill-bg-accent5-secondary),.v-fill-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-fill-bg-accent5-tertiary),.v-fill-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-fill-bg-accent6-primary),.v-fill-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-fill-bg-accent6-secondary),.v-fill-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-fill-bg-accent6-tertiary),.v-fill-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-fill-bg-accent7-primary),.v-fill-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-fill-bg-accent7-secondary),.v-fill-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-fill-bg-accent7-tertiary),.v-fill-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-fill-bg-accent8-primary),.v-fill-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-fill-bg-accent8-secondary),.v-fill-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-fill-bg-accent8-tertiary),.v-fill-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-fill-bg-accent9-primary),.v-fill-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-fill-bg-accent9-secondary),.v-fill-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-fill-bg-accent9-tertiary),.v-fill-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-fill-bg-accent10-primary),.v-fill-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-fill-bg-accent10-secondary),.v-fill-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-fill-bg-accent10-tertiary),.v-fill-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-fill-bg-date-picker-range),.v-fill-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-stroke-bg-brand),.v-stroke-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-stroke-bg-page),.v-stroke-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-stroke-bg-primary),.v-stroke-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-stroke-bg-secondary),.v-stroke-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-stroke-bg-tertiary),.v-stroke-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-stroke-bg-quaternary),.v-stroke-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-stroke-bg-inverted-primary),.v-stroke-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-stroke-bg-inverted-secondary),.v-stroke-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-stroke-bg-inverted-tertiary),.v-stroke-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-stroke-bg-inverted-quaternary),.v-stroke-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-stroke-bg-action),.v-stroke-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-stroke-bg-action-hover),.v-stroke-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-stroke-bg-action-focus),.v-stroke-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-stroke-bg-action-active),.v-stroke-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-stroke-bg-action-quaternary),.v-stroke-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-stroke-bg-action-quaternary-hover),.v-stroke-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-stroke-bg-action-quaternary-active),.v-stroke-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-stroke-bg-action-secondary),.v-stroke-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-stroke-bg-action-secondary-hover),.v-stroke-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-stroke-bg-action-secondary-active),.v-stroke-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-stroke-bg-action-tertiary),.v-stroke-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-action-tertiary-hover),.v-stroke-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-stroke-bg-action-tertiary-active),.v-stroke-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-stroke-bg-app-header),.v-stroke-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-stroke-bg-backdrop-modal),.v-stroke-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-stroke-bg-backdrop-popover),.v-stroke-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-stroke-bg-backdrop-sidebar),.v-stroke-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-stroke-bg-chip),.v-stroke-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-stroke-bg-chip-hover),.v-stroke-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-stroke-bg-chip-active),.v-stroke-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-stroke-bg-danger),.v-stroke-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-hover),.v-stroke-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-stroke-bg-danger-focus),.v-stroke-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-active),.v-stroke-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-stroke-bg-danger-tertiary),.v-stroke-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-danger-tertiary-hover),.v-stroke-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-stroke-bg-danger-tertiary-active),.v-stroke-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-stroke-bg-disabled),.v-stroke-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-stroke-bg-divider),.v-stroke-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-stroke-bg-divider-secondary),.v-stroke-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-stroke-bg-keypad-btn-active),.v-stroke-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-stroke-bg-loading-progress),.v-stroke-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-stroke-bg-loading-track),.v-stroke-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-stroke-bg-segment-hover),.v-stroke-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-stroke-bg-segment-control),.v-stroke-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-stroke-bg-selected),.v-stroke-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-stroke-bg-sidebar),.v-stroke-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon),.v-stroke-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-stroke-bg-sidebar-icon-hover),.v-stroke-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon-selected),.v-stroke-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-hover),.v-stroke-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-selected),.v-stroke-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-stroke-bg-site-footer),.v-stroke-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-stroke-bg-site-footer-action),.v-stroke-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-stroke-bg-site-footer-action-hover),.v-stroke-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-stroke-bg-site-footer-action-active),.v-stroke-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-stroke-bg-site-footer-field),.v-stroke-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-stroke-bg-slider-handle),.v-stroke-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-stroke-bg-status-error),.v-stroke-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-stroke-bg-status-info),.v-stroke-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-stroke-bg-status-success),.v-stroke-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-stroke-bg-status-warning),.v-stroke-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-stroke-bg-tab),.v-stroke-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-stroke-bg-tab-hover),.v-stroke-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tab-selected),.v-stroke-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-stroke-bg-table-alt-row),.v-stroke-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-stroke-bg-table-header),.v-stroke-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-stroke-bg-table-row-hover),.v-stroke-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-stroke-bg-table-row-selected-expanded),.v-stroke-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-stroke-bg-table-selected-row),.v-stroke-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-stroke-bg-textarea-count),.v-stroke-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-stroke-bg-tile),.v-stroke-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-stroke-bg-tile-hover),.v-stroke-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tile-selected),.v-stroke-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-stroke-bg-tile-selected-hover),.v-stroke-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-stroke-bg-toggle-switch),.v-stroke-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-stroke-bg-toggle-switch-hover),.v-stroke-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-stroke-bg-toggle-switch-selected-disabled),.v-stroke-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-stroke-bg-transparent),.v-stroke-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-stroke-bg-accent1-primary),.v-stroke-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-stroke-bg-accent1-secondary),.v-stroke-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-stroke-bg-accent1-tertiary),.v-stroke-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-stroke-bg-accent2-primary),.v-stroke-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-stroke-bg-accent2-secondary),.v-stroke-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-stroke-bg-accent2-tertiary),.v-stroke-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-stroke-bg-accent3-primary),.v-stroke-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-stroke-bg-accent3-secondary),.v-stroke-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-stroke-bg-accent3-tertiary),.v-stroke-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-stroke-bg-accent4-primary),.v-stroke-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-stroke-bg-accent4-secondary),.v-stroke-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-stroke-bg-accent4-tertiary),.v-stroke-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-stroke-bg-accent5-primary),.v-stroke-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-stroke-bg-accent5-secondary),.v-stroke-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-stroke-bg-accent5-tertiary),.v-stroke-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-stroke-bg-accent6-primary),.v-stroke-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-stroke-bg-accent6-secondary),.v-stroke-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-stroke-bg-accent6-tertiary),.v-stroke-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-stroke-bg-accent7-primary),.v-stroke-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-stroke-bg-accent7-secondary),.v-stroke-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-stroke-bg-accent7-tertiary),.v-stroke-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-stroke-bg-accent8-primary),.v-stroke-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-stroke-bg-accent8-secondary),.v-stroke-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-stroke-bg-accent8-tertiary),.v-stroke-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-stroke-bg-accent9-primary),.v-stroke-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-stroke-bg-accent9-secondary),.v-stroke-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-stroke-bg-accent9-tertiary),.v-stroke-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-stroke-bg-accent10-primary),.v-stroke-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-stroke-bg-accent10-secondary),.v-stroke-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-stroke-bg-accent10-tertiary),.v-stroke-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-stroke-bg-date-picker-range),.v-stroke-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-w-0),.v-w-0{width:0px}:host(.v-w-size-0),.v-w-size-0{width:0px}:host(.v-w-size-4),.v-w-size-4{width:4px}:host(.v-w-size-8),.v-w-size-8{width:8px}:host(.v-w-size-12),.v-w-size-12{width:12px}:host(.v-w-size-16),.v-w-size-16{width:16px}:host(.v-w-size-20),.v-w-size-20{width:20px}:host(.v-w-size-24),.v-w-size-24{width:24px}:host(.v-w-size-32),.v-w-size-32{width:32px}:host(.v-w-size-40),.v-w-size-40{width:40px}:host(.v-w-size-48),.v-w-size-48{width:48px}:host(.v-w-size-64),.v-w-size-64{width:64px}:host(.v-w-size-72),.v-w-size-72{width:72px}:host(.v-w-size-80),.v-w-size-80{width:80px}:host(.v-w-size-112),.v-w-size-112{width:112px}:host(.v-w-size-2),.v-w-size-2{width:2px}:host(.v-h-0),.v-h-0{height:0px}:host(.v-h-size-0),.v-h-size-0{height:0px}:host(.v-h-size-4),.v-h-size-4{height:4px}:host(.v-h-size-8),.v-h-size-8{height:8px}:host(.v-h-size-12),.v-h-size-12{height:12px}:host(.v-h-size-16),.v-h-size-16{height:16px}:host(.v-h-size-20),.v-h-size-20{height:20px}:host(.v-h-size-24),.v-h-size-24{height:24px}:host(.v-h-size-32),.v-h-size-32{height:32px}:host(.v-h-size-40),.v-h-size-40{height:40px}:host(.v-h-size-48),.v-h-size-48{height:48px}:host(.v-h-size-64),.v-h-size-64{height:64px}:host(.v-h-size-72),.v-h-size-72{height:72px}:host(.v-h-size-80),.v-h-size-80{height:80px}:host(.v-h-size-112),.v-h-size-112{height:112px}:host(.v-h-size-2),.v-h-size-2{height:2px}:host{display:inline-block;max-width:100%;position:relative;border-radius:9999px}:host vega-flex{border-radius:9999px}:host button{border-style:none;outline:2px solid transparent;outline-offset:2px;cursor:pointer}:host .vega-chip.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .vega-chip-filled-background{border-radius:9999px}:host .vega-chip-outlined{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:9999px;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}:host .vega-chip-size-extra-small{padding-left:8px;padding-right:8px;font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-extra-small{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-chip-size-extra-small{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-chip-size-extra-small{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-chip-outlined.vega-chip-size-extra-small{padding-top:1px;padding-bottom:1px}:host .vega-chip-size-small{padding-left:8px;padding-right:8px;padding-top:4px;padding-bottom:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-chip-size-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-chip-size-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}:host .vega-chip-outlined.vega-chip-size-small{padding-top:3px;padding-bottom:3px}:host .vega-chip-size-default{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-default{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-chip-size-default{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-chip-size-default{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-chip-outlined.vega-chip-size-default{padding-top:7px;padding-bottom:7px}:host .vega-chip-size-large{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-large{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-chip-size-large{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-chip-size-large{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}:host .vega-chip-outlined.vega-chip-size-large{padding-top:11px;padding-bottom:11px}:host .vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip){padding-left:20px;padding-right:20px}:host .vega-chip vega-flex>:not(.vega-chip-text){display:flex;align-items:center}:host .vega-chip-dot{border-radius:9999px}:host .vega-chip-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-chip-close-icon{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));cursor:pointer}:host button.vega-chip-filled-background:hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host button.vega-chip-filled-background:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host button.vega-chip-filled-background:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host button.vega-chip-outlined:hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host button.vega-chip-outlined:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host button.vega-chip-outlined:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-chip-close-icon:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-chip+.vega-chip-close-icon{position:absolute;display:flex;top:0px;right:0px;align-items:center;border-top-right-radius:9999px;border-bottom-right-radius:9999px;height:100%}:host .vega-chip-outlined+.vega-chip-close-icon{top:1px;height:calc(100% - 2px)}:host .vega-chip-size-extra-small+.vega-chip-close-icon{padding-right:8px}:host .vega-chip-size-small+.vega-chip-close-icon{padding-right:8px}:host .vega-chip-size-default+.vega-chip-close-icon{padding-right:12px}:host .vega-chip-size-large+.vega-chip-close-icon{padding-right:16px}:host .vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip)+.vega-chip-close-icon{padding-right:20px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-extra-small,:host .vega-chip-clickable-with-close-icon.vega-chip-size-small,:host .vega-chip-with-close-icon.vega-chip-size-extra-small,:host .vega-chip-with-close-icon.vega-chip-size-small{padding-right:24px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-default,:host .vega-chip-with-close-icon.vega-chip-size-default{padding-right:36px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-large,:host .vega-chip-with-close-icon.vega-chip-size-large{padding-right:44px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip){padding-right:48px}:host .vega-chip-with-close-icon.vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip){padding-right:48px}';export{z as vega_chip}
|
|
1
|
+
import{r,c as a,h as t,H as e,F as o,g as c}from"./p-48a58baf.js";import{s as g}from"./p-519a7d55.js";import{R as v}from"./p-03e9cbc8.js";import{a as i}from"./p-575235c8.js";import{d as b,i as s}from"./p-129f5938.js";import{c as n}from"./p-86194314.js";import{P as l,g as d}from"./p-7d9cd9c8.js";import{I as h}from"./p-6e1ab235.js";import{V as p,I as k}from"./p-d849e0f5.js";import{c as u}from"./p-792715f3.js";import{a as y,c as f}from"./p-0664ca9c.js";import{C as m}from"./p-c5e862aa.js";import"./p-b1faebe0.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-074b73f8.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-7e8f055d.js";import"./p-8a877e12.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-aeccc7f8.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-8c46e116.js";import"./p-5d676a94.js";import"./p-bf0ced3c.js";import"./p-3d6c302d.js";import"./p-34fdbe7a.js";import"./p-0e954b9b.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-824a06ba.js";import"./p-b75ee3ba.js";import"./p-441a681b.js";const x=[{payloadKey:"VARIANT_IS_FILLED_BACKGROUND",payloadDescription:"Determines the rendering style for the chip",payloadValue:r=>"filled-background"===r.variant},{payloadKey:"VARIANT_IS_OUTLINED",payloadDescription:"Determines the rendering style for the chip",payloadValue:r=>"outlined"===r.variant}];var w=function(r,a,t,e){var o,c=arguments.length,g=c<3?a:null===e?e=Object.getOwnPropertyDescriptor(a,t):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(r,a,t,e);else for(var v=r.length-1;v>=0;v--)(o=r[v])&&(g=(c<3?o(g):c>3?o(a,t,g):o(a,t))||g);return c>3&&g&&Object.defineProperty(a,t,g),g};const z=class{constructor(t){r(this,t),this.vegaClose=a(this,"vegaClose",7),this.close=a(this,"close",7),this.vegaClick=a(this,"vegaClick",7),this.click=a(this,"click",7),this.globalSlimmers={},this.pageResizeObserverSlimmer=new l({callback:()=>{this.setCurrentSize()}}),this.flexEventPrevent=new m([y],(()=>this.vegaFlexRef)),this.closeEventEmit=u(z,f),this.clickEventEmit=u(z,y),this.vegaComponentUsageRuntimeMetricsSlimmer=new p(x),this.currentBreakpoint=d(),this.text="",this.clickable=!1,this.variant="filled-background",this.size="default",this.bgColor="bg-chip",this.textColor="text-primary",this.statusColor="bg-status-info",this.chipType="label",this.showCloseIcon=!1,this.iconAlign="left",this.closeChip=r=>{r.stopPropagation(),this.closeEventEmit.emit(void 0,r)},this.clickChip=r=>{r.stopPropagation(),this.clickEventEmit.emit(void 0,r)}}watchSize(){this.setCurrentSize()}componentWillLoad(){this.setCurrentSize()}render(){return g(t(e,null,t("vega-flex",{"align-items":"center",ref:r=>this.vegaFlexRef=r},this.renderChip())),this.host)}renderChip(){const r=this.getChipClasses();return this.clickable?this.renderButtonChip(r):this.renderLabelChip(r)}renderLabelChip(r){return t(o,null,t("div",{class:r},this.renderContent()),this.renderCloseIcon())}renderButtonChip(r){return t(o,null,t("button",{type:"button","aria-label":this.text||"No label defined",class:r,onClick:this.clickChip},this.renderContent()),this.renderCloseIcon())}renderContent(){return t("vega-flex",{gap:this.getFlexGap(),"align-items":"center"},this.renderPrefixIcon(),this.renderText(),this.renderSuffixIcon())}renderPrefixIcon(){return"status"===this.chipType?this.renderDot():this.icon&&"left"===this.iconAlign&&t("div",{class:"vega-chip-icon"},this.renderIcon(this.icon))}renderSuffixIcon(){return this.icon&&"label"===this.chipType&&"right"===this.iconAlign&&t("div",{class:"vega-chip-icon"},this.renderIcon(this.icon))}renderCloseIcon(){return this.showCloseIcon&&t("div",{class:"vega-chip-close-icon","aria-label":"close vega chip",onClick:this.closeChip,role:"button",tabIndex:0,onKeyDown:n()},this.renderIcon("close"))}renderIcon(r){return t("vega-icon",{icon:r,size:"close"===r?z.closeIconSizeMap[this.currentSize]:z.iconSizeMap[this.currentSize]})}renderDot(){const r=z.iconSizeMap[this.currentSize],a=i(["vega-chip-dot",`v-w-${r}`,`v-h-${r}`,b(this.statusColor,["dark"])]);return t("div",{class:"vega-chip-dot-container"},t("div",{class:a}))}renderText(){return t("span",{class:"vega-chip-text"},t("vega-text",{overflow:"ellipsis",key:this.text},this.text))}setCurrentSize(){this.currentSize=v.formatCustom(this.size)}getFlexGap(){let r="0";switch(this.currentSize){case"default":case"large":r="size-8";break;default:r="size-4"}return r}getChipClasses(){return i(["vega-chip",`vega-chip-size-${this.currentSize}`,`vega-chip-${this.variant}`,"filled-background"===this.variant?b(this.bgColor,["dark"]):"",s(this.textColor,["dark"]),this.showCloseIcon?this.clickable?"vega-chip-clickable-with-close-icon":"vega-chip-with-close-icon":""])}get host(){return c(this)}static get watchers(){return{size:["watchSize"]}}};z.iconSizeMap={"extra-small":"size-8",small:"size-12",default:"size-16",large:"size-20"},z.closeIconSizeMap={"extra-small":"size-8",small:"size-8",default:"size-12",large:"size-16"},w([k()],z.prototype,"globalSlimmers",void 0),w([h()],z.prototype,"pageResizeObserverSlimmer",void 0),w([h()],z.prototype,"flexEventPrevent",void 0),w([h()],z.prototype,"closeEventEmit",void 0),w([h()],z.prototype,"clickEventEmit",void 0),w([h()],z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),z.style=':host(.v-bg-brand),.v-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-bg-page),.v-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-bg-primary),.v-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-bg-secondary),.v-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-bg-tertiary),.v-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-bg-quaternary),.v-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-bg-inverted-primary),.v-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-bg-inverted-secondary),.v-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-bg-inverted-tertiary),.v-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-bg-inverted-quaternary),.v-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-bg-action),.v-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-bg-action-hover),.v-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-bg-action-focus),.v-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-bg-action-active),.v-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-bg-action-quaternary),.v-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-bg-action-quaternary-hover),.v-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-bg-action-quaternary-active),.v-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-bg-action-secondary),.v-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-bg-action-secondary-hover),.v-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-bg-action-secondary-active),.v-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-bg-action-tertiary),.v-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-bg-action-tertiary-hover),.v-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-bg-action-tertiary-active),.v-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-bg-app-header),.v-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-bg-backdrop-modal),.v-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-bg-backdrop-popover),.v-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-bg-backdrop-sidebar),.v-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-bg-chip),.v-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-bg-chip-hover),.v-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-bg-chip-active),.v-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-bg-danger),.v-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-bg-danger-hover),.v-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-bg-danger-focus),.v-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-bg-danger-active),.v-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-bg-danger-tertiary),.v-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-bg-danger-tertiary-hover),.v-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-bg-danger-tertiary-active),.v-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-bg-disabled),.v-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-bg-divider),.v-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-bg-divider-secondary),.v-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-bg-keypad-btn-active),.v-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-bg-loading-progress),.v-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-bg-loading-track),.v-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-bg-segment-hover),.v-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-bg-segment-control),.v-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-bg-selected),.v-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-bg-sidebar),.v-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon),.v-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-bg-sidebar-icon-hover),.v-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon-selected),.v-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-hover),.v-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-selected),.v-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-bg-site-footer),.v-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-bg-site-footer-action),.v-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-bg-site-footer-action-hover),.v-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-bg-site-footer-action-active),.v-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-bg-site-footer-field),.v-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-bg-slider-handle),.v-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-bg-status-error),.v-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-bg-status-info),.v-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-bg-status-success),.v-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-bg-status-warning),.v-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-bg-tab),.v-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-bg-tab-hover),.v-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-bg-tab-selected),.v-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-bg-table-alt-row),.v-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-bg-table-header),.v-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-bg-table-row-hover),.v-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-bg-table-row-selected-expanded),.v-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-bg-table-selected-row),.v-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-bg-textarea-count),.v-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-bg-tile),.v-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-bg-tile-hover),.v-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-bg-tile-selected),.v-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-bg-tile-selected-hover),.v-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-bg-toggle-switch),.v-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-bg-toggle-switch-hover),.v-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-bg-toggle-switch-selected-disabled),.v-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-bg-transparent),.v-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-bg-accent1-primary),.v-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-bg-accent1-secondary),.v-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-bg-accent1-tertiary),.v-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-bg-accent2-primary),.v-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-bg-accent2-secondary),.v-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-bg-accent2-tertiary),.v-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-bg-accent3-primary),.v-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-bg-accent3-secondary),.v-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-bg-accent3-tertiary),.v-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-bg-accent4-primary),.v-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-bg-accent4-secondary),.v-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-bg-accent4-tertiary),.v-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-bg-accent5-primary),.v-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-bg-accent5-secondary),.v-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-bg-accent5-tertiary),.v-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-bg-accent6-primary),.v-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-bg-accent6-secondary),.v-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-bg-accent6-tertiary),.v-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-bg-accent7-primary),.v-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-bg-accent7-secondary),.v-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-bg-accent7-tertiary),.v-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-bg-accent8-primary),.v-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-bg-accent8-secondary),.v-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-bg-accent8-tertiary),.v-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-bg-accent9-primary),.v-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-bg-accent9-secondary),.v-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-bg-accent9-tertiary),.v-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-bg-accent10-primary),.v-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-bg-accent10-secondary),.v-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-bg-accent10-tertiary),.v-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-bg-date-picker-range),.v-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-fill-bg-brand),.v-fill-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-fill-bg-page),.v-fill-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-fill-bg-primary),.v-fill-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-fill-bg-secondary),.v-fill-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-fill-bg-tertiary),.v-fill-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-fill-bg-quaternary),.v-fill-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-fill-bg-inverted-primary),.v-fill-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-fill-bg-inverted-secondary),.v-fill-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-fill-bg-inverted-tertiary),.v-fill-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-fill-bg-inverted-quaternary),.v-fill-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-fill-bg-action),.v-fill-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-fill-bg-action-hover),.v-fill-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-fill-bg-action-focus),.v-fill-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-fill-bg-action-active),.v-fill-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-fill-bg-action-quaternary),.v-fill-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-fill-bg-action-quaternary-hover),.v-fill-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-fill-bg-action-quaternary-active),.v-fill-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-fill-bg-action-secondary),.v-fill-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-fill-bg-action-secondary-hover),.v-fill-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-fill-bg-action-secondary-active),.v-fill-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-fill-bg-action-tertiary),.v-fill-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-action-tertiary-hover),.v-fill-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-fill-bg-action-tertiary-active),.v-fill-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-fill-bg-app-header),.v-fill-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-fill-bg-backdrop-modal),.v-fill-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-fill-bg-backdrop-popover),.v-fill-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-fill-bg-backdrop-sidebar),.v-fill-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-fill-bg-chip),.v-fill-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-fill-bg-chip-hover),.v-fill-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-fill-bg-chip-active),.v-fill-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-fill-bg-danger),.v-fill-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-fill-bg-danger-hover),.v-fill-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-fill-bg-danger-focus),.v-fill-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-fill-bg-danger-active),.v-fill-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-fill-bg-danger-tertiary),.v-fill-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-danger-tertiary-hover),.v-fill-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-fill-bg-danger-tertiary-active),.v-fill-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-fill-bg-disabled),.v-fill-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-fill-bg-divider),.v-fill-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-fill-bg-divider-secondary),.v-fill-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-fill-bg-keypad-btn-active),.v-fill-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-fill-bg-loading-progress),.v-fill-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-fill-bg-loading-track),.v-fill-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-fill-bg-segment-hover),.v-fill-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-fill-bg-segment-control),.v-fill-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-fill-bg-selected),.v-fill-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-fill-bg-sidebar),.v-fill-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon),.v-fill-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-fill-bg-sidebar-icon-hover),.v-fill-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon-selected),.v-fill-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-hover),.v-fill-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-selected),.v-fill-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-fill-bg-site-footer),.v-fill-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-fill-bg-site-footer-action),.v-fill-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-fill-bg-site-footer-action-hover),.v-fill-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-fill-bg-site-footer-action-active),.v-fill-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-fill-bg-site-footer-field),.v-fill-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-fill-bg-slider-handle),.v-fill-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-fill-bg-status-error),.v-fill-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-fill-bg-status-info),.v-fill-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-fill-bg-status-success),.v-fill-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-fill-bg-status-warning),.v-fill-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-fill-bg-tab),.v-fill-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-fill-bg-tab-hover),.v-fill-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tab-selected),.v-fill-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-fill-bg-table-alt-row),.v-fill-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-fill-bg-table-header),.v-fill-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-fill-bg-table-row-hover),.v-fill-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-fill-bg-table-row-selected-expanded),.v-fill-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-fill-bg-table-selected-row),.v-fill-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-fill-bg-textarea-count),.v-fill-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-fill-bg-tile),.v-fill-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-fill-bg-tile-hover),.v-fill-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tile-selected),.v-fill-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-fill-bg-tile-selected-hover),.v-fill-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-fill-bg-toggle-switch),.v-fill-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-fill-bg-toggle-switch-hover),.v-fill-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-fill-bg-toggle-switch-selected-disabled),.v-fill-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-fill-bg-transparent),.v-fill-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-fill-bg-accent1-primary),.v-fill-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-fill-bg-accent1-secondary),.v-fill-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-fill-bg-accent1-tertiary),.v-fill-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-fill-bg-accent2-primary),.v-fill-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-fill-bg-accent2-secondary),.v-fill-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-fill-bg-accent2-tertiary),.v-fill-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-fill-bg-accent3-primary),.v-fill-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-fill-bg-accent3-secondary),.v-fill-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-fill-bg-accent3-tertiary),.v-fill-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-fill-bg-accent4-primary),.v-fill-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-fill-bg-accent4-secondary),.v-fill-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-fill-bg-accent4-tertiary),.v-fill-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-fill-bg-accent5-primary),.v-fill-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-fill-bg-accent5-secondary),.v-fill-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-fill-bg-accent5-tertiary),.v-fill-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-fill-bg-accent6-primary),.v-fill-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-fill-bg-accent6-secondary),.v-fill-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-fill-bg-accent6-tertiary),.v-fill-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-fill-bg-accent7-primary),.v-fill-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-fill-bg-accent7-secondary),.v-fill-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-fill-bg-accent7-tertiary),.v-fill-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-fill-bg-accent8-primary),.v-fill-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-fill-bg-accent8-secondary),.v-fill-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-fill-bg-accent8-tertiary),.v-fill-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-fill-bg-accent9-primary),.v-fill-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-fill-bg-accent9-secondary),.v-fill-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-fill-bg-accent9-tertiary),.v-fill-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-fill-bg-accent10-primary),.v-fill-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-fill-bg-accent10-secondary),.v-fill-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-fill-bg-accent10-tertiary),.v-fill-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-fill-bg-date-picker-range),.v-fill-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-stroke-bg-brand),.v-stroke-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-stroke-bg-page),.v-stroke-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-stroke-bg-primary),.v-stroke-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-stroke-bg-secondary),.v-stroke-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-stroke-bg-tertiary),.v-stroke-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-stroke-bg-quaternary),.v-stroke-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-stroke-bg-inverted-primary),.v-stroke-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-stroke-bg-inverted-secondary),.v-stroke-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-stroke-bg-inverted-tertiary),.v-stroke-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-stroke-bg-inverted-quaternary),.v-stroke-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-stroke-bg-action),.v-stroke-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-stroke-bg-action-hover),.v-stroke-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-stroke-bg-action-focus),.v-stroke-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-stroke-bg-action-active),.v-stroke-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-stroke-bg-action-quaternary),.v-stroke-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-stroke-bg-action-quaternary-hover),.v-stroke-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-stroke-bg-action-quaternary-active),.v-stroke-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-stroke-bg-action-secondary),.v-stroke-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-stroke-bg-action-secondary-hover),.v-stroke-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-stroke-bg-action-secondary-active),.v-stroke-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-stroke-bg-action-tertiary),.v-stroke-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-action-tertiary-hover),.v-stroke-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-stroke-bg-action-tertiary-active),.v-stroke-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-stroke-bg-app-header),.v-stroke-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-stroke-bg-backdrop-modal),.v-stroke-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-stroke-bg-backdrop-popover),.v-stroke-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-stroke-bg-backdrop-sidebar),.v-stroke-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-stroke-bg-chip),.v-stroke-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-stroke-bg-chip-hover),.v-stroke-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-stroke-bg-chip-active),.v-stroke-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-stroke-bg-danger),.v-stroke-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-hover),.v-stroke-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-stroke-bg-danger-focus),.v-stroke-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-active),.v-stroke-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-stroke-bg-danger-tertiary),.v-stroke-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-danger-tertiary-hover),.v-stroke-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-stroke-bg-danger-tertiary-active),.v-stroke-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-stroke-bg-disabled),.v-stroke-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-stroke-bg-divider),.v-stroke-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-stroke-bg-divider-secondary),.v-stroke-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-stroke-bg-keypad-btn-active),.v-stroke-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-stroke-bg-loading-progress),.v-stroke-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-stroke-bg-loading-track),.v-stroke-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-stroke-bg-segment-hover),.v-stroke-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-stroke-bg-segment-control),.v-stroke-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-stroke-bg-selected),.v-stroke-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-stroke-bg-sidebar),.v-stroke-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon),.v-stroke-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-stroke-bg-sidebar-icon-hover),.v-stroke-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon-selected),.v-stroke-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-hover),.v-stroke-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-selected),.v-stroke-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-stroke-bg-site-footer),.v-stroke-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-stroke-bg-site-footer-action),.v-stroke-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-stroke-bg-site-footer-action-hover),.v-stroke-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-stroke-bg-site-footer-action-active),.v-stroke-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-stroke-bg-site-footer-field),.v-stroke-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-stroke-bg-slider-handle),.v-stroke-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-stroke-bg-status-error),.v-stroke-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-stroke-bg-status-info),.v-stroke-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-stroke-bg-status-success),.v-stroke-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-stroke-bg-status-warning),.v-stroke-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-stroke-bg-tab),.v-stroke-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-stroke-bg-tab-hover),.v-stroke-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tab-selected),.v-stroke-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-stroke-bg-table-alt-row),.v-stroke-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-stroke-bg-table-header),.v-stroke-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-stroke-bg-table-row-hover),.v-stroke-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-stroke-bg-table-row-selected-expanded),.v-stroke-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-stroke-bg-table-selected-row),.v-stroke-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-stroke-bg-textarea-count),.v-stroke-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-stroke-bg-tile),.v-stroke-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-stroke-bg-tile-hover),.v-stroke-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tile-selected),.v-stroke-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-stroke-bg-tile-selected-hover),.v-stroke-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-stroke-bg-toggle-switch),.v-stroke-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-stroke-bg-toggle-switch-hover),.v-stroke-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-stroke-bg-toggle-switch-selected-disabled),.v-stroke-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-stroke-bg-transparent),.v-stroke-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-stroke-bg-accent1-primary),.v-stroke-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-stroke-bg-accent1-secondary),.v-stroke-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-stroke-bg-accent1-tertiary),.v-stroke-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-stroke-bg-accent2-primary),.v-stroke-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-stroke-bg-accent2-secondary),.v-stroke-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-stroke-bg-accent2-tertiary),.v-stroke-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-stroke-bg-accent3-primary),.v-stroke-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-stroke-bg-accent3-secondary),.v-stroke-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-stroke-bg-accent3-tertiary),.v-stroke-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-stroke-bg-accent4-primary),.v-stroke-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-stroke-bg-accent4-secondary),.v-stroke-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-stroke-bg-accent4-tertiary),.v-stroke-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-stroke-bg-accent5-primary),.v-stroke-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-stroke-bg-accent5-secondary),.v-stroke-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-stroke-bg-accent5-tertiary),.v-stroke-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-stroke-bg-accent6-primary),.v-stroke-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-stroke-bg-accent6-secondary),.v-stroke-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-stroke-bg-accent6-tertiary),.v-stroke-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-stroke-bg-accent7-primary),.v-stroke-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-stroke-bg-accent7-secondary),.v-stroke-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-stroke-bg-accent7-tertiary),.v-stroke-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-stroke-bg-accent8-primary),.v-stroke-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-stroke-bg-accent8-secondary),.v-stroke-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-stroke-bg-accent8-tertiary),.v-stroke-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-stroke-bg-accent9-primary),.v-stroke-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-stroke-bg-accent9-secondary),.v-stroke-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-stroke-bg-accent9-tertiary),.v-stroke-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-stroke-bg-accent10-primary),.v-stroke-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-stroke-bg-accent10-secondary),.v-stroke-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-stroke-bg-accent10-tertiary),.v-stroke-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-stroke-bg-date-picker-range),.v-stroke-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-w-0),.v-w-0{width:0px}:host(.v-w-size-0),.v-w-size-0{width:0px}:host(.v-w-size-4),.v-w-size-4{width:4px}:host(.v-w-size-8),.v-w-size-8{width:8px}:host(.v-w-size-12),.v-w-size-12{width:12px}:host(.v-w-size-16),.v-w-size-16{width:16px}:host(.v-w-size-20),.v-w-size-20{width:20px}:host(.v-w-size-24),.v-w-size-24{width:24px}:host(.v-w-size-32),.v-w-size-32{width:32px}:host(.v-w-size-40),.v-w-size-40{width:40px}:host(.v-w-size-48),.v-w-size-48{width:48px}:host(.v-w-size-64),.v-w-size-64{width:64px}:host(.v-w-size-72),.v-w-size-72{width:72px}:host(.v-w-size-80),.v-w-size-80{width:80px}:host(.v-w-size-112),.v-w-size-112{width:112px}:host(.v-w-size-2),.v-w-size-2{width:2px}:host(.v-h-0),.v-h-0{height:0px}:host(.v-h-size-0),.v-h-size-0{height:0px}:host(.v-h-size-4),.v-h-size-4{height:4px}:host(.v-h-size-8),.v-h-size-8{height:8px}:host(.v-h-size-12),.v-h-size-12{height:12px}:host(.v-h-size-16),.v-h-size-16{height:16px}:host(.v-h-size-20),.v-h-size-20{height:20px}:host(.v-h-size-24),.v-h-size-24{height:24px}:host(.v-h-size-32),.v-h-size-32{height:32px}:host(.v-h-size-40),.v-h-size-40{height:40px}:host(.v-h-size-48),.v-h-size-48{height:48px}:host(.v-h-size-64),.v-h-size-64{height:64px}:host(.v-h-size-72),.v-h-size-72{height:72px}:host(.v-h-size-80),.v-h-size-80{height:80px}:host(.v-h-size-112),.v-h-size-112{height:112px}:host(.v-h-size-2),.v-h-size-2{height:2px}:host{display:inline-block;max-width:100%;position:relative;border-radius:9999px}:host vega-flex{border-radius:9999px}:host button{border-style:none;outline:2px solid transparent;outline-offset:2px;cursor:pointer}:host .vega-chip.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .vega-chip-filled-background{border-radius:9999px}:host .vega-chip-outlined{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:9999px;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}:host .vega-chip-size-extra-small{padding-left:8px;padding-right:8px;font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-extra-small{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-chip-size-extra-small{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-chip-size-extra-small{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-chip-outlined.vega-chip-size-extra-small{padding-top:1px;padding-bottom:1px}:host .vega-chip-size-small{padding-left:8px;padding-right:8px;padding-top:4px;padding-bottom:4px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-chip-size-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-chip-size-small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}:host .vega-chip-outlined.vega-chip-size-small{padding-top:3px;padding-bottom:3px}:host .vega-chip-size-default{padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-default{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-chip-size-default{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-chip-size-default{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-chip-outlined.vega-chip-size-default{padding-top:7px;padding-bottom:7px}:host .vega-chip-size-large{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-chip-size-large{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-chip-size-large{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-chip-size-large{font-family:"Inter", sans-serif;font-size:20px;font-weight:500;line-height:24px;letter-spacing:0px}}:host .vega-chip-outlined.vega-chip-size-large{padding-top:11px;padding-bottom:11px}:host .vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip){padding-left:20px;padding-right:20px}:host .vega-chip vega-flex>:not(.vega-chip-text){display:flex;align-items:center}:host .vega-chip-dot{border-radius:9999px}:host .vega-chip-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-chip-close-icon{color:rgba(var(--v-text-secondary, 107, 116, 125, 1));cursor:pointer}:host button.vega-chip-filled-background:hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host button.vega-chip-filled-background:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host button.vega-chip-filled-background:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host button.vega-chip-outlined:hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host button.vega-chip-outlined:active{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host button.vega-chip-outlined:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-chip-close-icon:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-chip+.vega-chip-close-icon{position:absolute;display:flex;top:0px;right:0px;align-items:center;border-top-right-radius:9999px;border-bottom-right-radius:9999px;height:100%}:host .vega-chip-outlined+.vega-chip-close-icon{top:1px;height:calc(100% - 2px)}:host .vega-chip-size-extra-small+.vega-chip-close-icon{padding-right:8px}:host .vega-chip-size-small+.vega-chip-close-icon{padding-right:8px}:host .vega-chip-size-default+.vega-chip-close-icon{padding-right:12px}:host .vega-chip-size-large+.vega-chip-close-icon{padding-right:16px}:host .vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip)+.vega-chip-close-icon{padding-right:20px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-extra-small,:host .vega-chip-clickable-with-close-icon.vega-chip-size-small,:host .vega-chip-with-close-icon.vega-chip-size-extra-small,:host .vega-chip-with-close-icon.vega-chip-size-small{padding-right:24px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-default,:host .vega-chip-with-close-icon.vega-chip-size-default{padding-right:36px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-large,:host .vega-chip-with-close-icon.vega-chip-size-large{padding-right:44px}:host .vega-chip-clickable-with-close-icon.vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip){padding-right:48px}:host .vega-chip-with-close-icon.vega-chip-size-large.vega-chip-filled-background:not(.v-bg-chip){padding-right:48px}';export{z as vega_chip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as a}from"./p-48a58baf.js";import{S as r}from"./p-1fb56e14.js";import{c as o}from"./p-86194314.js";import{s as n}from"./p-519a7d55.js";import{r as h,e as c}from"./p-272440e8.js";import{R as p}from"./p-21873037.js";import{I as d}from"./p-6e1ab235.js";import{V as l,I as m}from"./p-d849e0f5.js";import{P as u}from"./p-7d9cd9c8.js";import{c as v}from"./p-4474bc63.js";import{j as g}from"./p-b5822a21.js";import{c as b}from"./p-8852361b.js";import{t as f}from"./p-b75ee3ba.js";import"./p-b1faebe0.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-4a368e1e.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-575235c8.js";import"./p-7e8f055d.js";import"./p-8a877e12.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-af464251.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-8c46e116.js";import"./p-5d676a94.js";import"./p-bf0ced3c.js";import"./p-8539e05e.js";import"./p-d1ebec08.js";import"./p-b5bef48a.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-0cd89fb6.js";var j;!function(t){t.RIGHT="TOUCH_DIR_RIGHT",t.LEFT="TOUCH_DIR_LEFT",t.UP="TOUCH_DIR_UP",t.DOWN="TOUCH_DIR_DOWN"}(j||(j={}));class y{constructor(t){this.touchStart=this.onTouchStart.bind(this),this.touchMove=this.onTouchMove.bind(this),this.touchEnd=this.onTouchEnd.bind(this),this.touchableParams=t,this.attachListeners()}static init(t){return new y(t)}static getTouchDirectionAndDistance(t,s,i,e){const a=i-t,r=e-s;return Math.abs(a)>Math.abs(r)?{direction:a>0?j.RIGHT:j.LEFT,distance:Math.abs(a)}:{direction:r>0?j.UP:j.DOWN,distance:Math.abs(r)}}static getTouchEventCoordinates(t){return{x:t.changedTouches[0].screenX,y:t.changedTouches[0].screenY}}destroy(){this.touchableParams.touchable.removeEventListener("touchstart",this.touchStart),this.touchableParams.touchable.removeEventListener("touchmove",this.touchMove),this.touchableParams.touchable.removeEventListener("touchend",this.touchEnd)}attachListeners(){this.touchableParams.touchable.addEventListener("touchstart",this.touchStart),this.touchableParams.touchable.addEventListener("touchmove",this.touchMove),this.touchableParams.touchable.addEventListener("touchend",this.touchEnd)}onTouchStart(t){var s,i;this.touchStartState=y.getTouchEventCoordinates(t),null===(i=(s=this.touchableParams).onTouchStart)||void 0===i||i.call(s,this.touchStartState.x,this.touchStartState.y)}onTouchMove(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r,distance:o}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchMove)||void 0===i||i.call(s,r,o)}onTouchEnd(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchEnd)||void 0===i||i.call(s,r),this.resetStartState()}resetStartState(){this.touchStartState={x:0,y:0}}}const P=[{payloadKey:"PER_PAGE_IS_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1===t.perPage},{payloadKey:"PER_PAGE_IS_NOT_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1!==t.perPage}];var w=function(t,s,i,e){var a,r=arguments.length,o=r<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(r<3?a(o):r>3?a(s,i,o):a(s,i))||o);return r>3&&o&&Object.defineProperty(s,i,o),o};const x=class{constructor(i){t(this,i),this.vegaPageUpdate=s(this,"vegaPageUpdate",7),this.pageUpdate=s(this,"pageUpdate",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new l(P),this.pageResizeObserverSlimmer=new u({callback:()=>{this.getCarouselItemsPerPage()!==this.currentItemsPerPage&&this.updatePageLayout()}}),this.pageUpdateEventEmitter=v(x,g),this.deprecatedPropertySlimmer=b(x,"itemsPerPage","perPage",1),this.carouselContentElements=[],this.slideTaskQueue=new r,this.currentItemsPerPage=1,this.page=1,this.perPage=1,this.itemsPerPage=1,this.showSlider=!0,this.spacing="size-16",this.canSwipe=!0,this.onClickIndicators=async t=>{const s=Number(t.currentTarget.dataset.page);await this.goToPage(s)},this.getTotalPage=()=>Math.ceil(this.carouselContentElements.length/this.currentItemsPerPage),this.updatePageLayout=()=>{this.currentItemsPerPage=this.getCarouselItemsPerPage(),this.totalPages=this.getTotalPage(),this.page=1,this.wrapChildContentAsCarouselItem()},this.initMutationObserver=()=>{this.mutationObserver=new MutationObserver((async()=>{await this.updateContentByObserverSlotChange()})),this.mutationObserver.observe(this.host,{childList:!0})},this.initTouchEvent=()=>{this.touchListener=y.init({touchable:this.listContainer,onTouchEnd:async t=>{const s=this.page+(t===j.RIGHT?-1:t===j.LEFT?1:0);await this.goToPage(s)}})}}watchPage(){this.pageUpdateEventEmitter.emit(this.page)}watchPerPage(){this.updatePageLayout()}watchItemsPerPage(){this.updatePageLayout()}onSpacingPropsChange(){this.host.querySelectorAll("vega-grid").forEach((t=>{t.gap=this.spacing}))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.touchListener&&this.touchListener.destroy()}componentDidLoad(){this.carouselContentElements=Array.from(this.host.children),this.updatePageLayout(),this.initMutationObserver(),this.initTouchEvent()}async nextPage(){const t=this.page<this.totalPages?this.page+1:this.page;await this.goToPage(t)}async prevPage(){const t=this.page>1?this.page-1:this.page;await this.goToPage(t)}async goToPage(t){await this.goToPageInternal(t)}render(){return n(i(e,null,i("div",{class:{"carousel-inner":!0,"carousel-stop-swipe":!this.canSwipe},ref:t=>this.listContainer=t},i("slot",null)),this.renderIndicatorDom()),this.host)}async goToPageInternal(t,s=!0){t>=1&&t<=this.totalPages&&t!==this.page&&(this.page=t,await this.slideTaskQueue.enqueue({run:()=>this.doSlide(t,s)}))}renderIndicatorDom(){return this.showSlider&&i("div",{class:"vega-carousel-indicators-container"},new Array(this.totalPages).fill("").map(((t,s)=>i("div",{key:s,class:{"vega-carousel-indicator-active":s+1===this.page},"data-page":s+1,role:"button","aria-label":"No label defined",tabIndex:0,onKeyDown:o(),onClick:this.onClickIndicators}))))}async updateContentByObserverSlotChange(){const t=this.page,s=Array.from(this.host.children).filter((t=>!t.classList.contains("carousel-item"))),i=Array.from(this.host.querySelectorAll(".carousel-item vega-grid > div > *"));(i.length!==this.carouselContentElements.length||s.length>0)&&(this.carouselContentElements=i.concat(s),this.updatePageLayout()),await this.goToPageInternal(t,!1)}wrapChildContentAsCarouselItem(){const t=[],s=this.carouselContentElements;if(f()){for(let i=0;i<this.totalPages;i++){const e=f().createElement("vega-grid");e.setAttribute("gap",this.spacing),e.setAttribute("column",this.currentItemsPerPage.toString()),e.setAttribute("row","1");for(let t=i*this.currentItemsPerPage;t<s.length&&t<this.currentItemsPerPage*(i+1);t++){const i=f().createElement("div");i.appendChild(s[t]),e.appendChild(i)}const a=f().createElement("div");a.classList.add("carousel-item"),0===i&&a.classList.add("active"),a.appendChild(e),t.push(a)}this.host.replaceChildren(...t)}}doSlide(t,s){return new Promise(((i,e)=>{const a=this.host.querySelector(".active"),r=t-1>Array.from(this.host.children).indexOf(a),o=this.host.children[t-1],n=r?"carousel-item-start":"carousel-item-end",p=r?"carousel-item-next":"carousel-item-prev";a&&o?s?(o.classList.add(p),h(o),o.classList.add(n),a.classList.add(n),c((()=>{o.classList.remove(n,p),a.classList.remove("active",n),o.classList.add("active"),i()}),a,600)):(a.classList.remove("active"),h(o),o.classList.add("active"),i()):e("Cannot find active and target item in carousel list")}))}getCarouselItemsPerPage(){const t=p.formatCustom(this.deprecatedPropertySlimmer.getValue());return t?Math.max(1,Math.min(4,t,this.carouselContentElements.length)):1}get host(){return a(this)}static get watchers(){return{page:["watchPage"],perPage:["watchPerPage"],itemsPerPage:["watchItemsPerPage"],spacing:["onSpacingPropsChange"]}}};w([m()],x.prototype,"globalSlimmers",void 0),w([d()],x.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),w([d()],x.prototype,"pageResizeObserverSlimmer",void 0),w([d()],x.prototype,"pageUpdateEventEmitter",void 0),w([d()],x.prototype,"deprecatedPropertySlimmer",void 0),x.style=":host{display:block}:host .vega-carousel-indicators-container{display:flex;justify-content:center;align-items:center;margin-top:24px}:host .vega-carousel-indicators-container>div{border-radius:9999px;width:16px;height:16px;border-width:2px;border-style:solid;margin-right:24px;cursor:pointer;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:focus{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-carousel-indicators-container>div:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active:hover{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:last-child{margin-right:0px}:host .carousel-inner{position:relative;width:100%;overflow:hidden}:host .carousel-inner.carousel-stop-swipe{pointer-events:none}:host ::slotted(.carousel-item){width:100%;position:relative;display:none;float:left;transition:transform 0.6s ease;margin-right:-100%}:host ::slotted(.carousel-item.active),:host ::slotted(.carousel-item-next),:host ::slotted(.carousel-item-prev){display:block}:host ::slotted(.carousel-item-next:not(.carousel-item-start)),:host ::slotted(.active.carousel-item-end){transform:translateX(100%)}:host ::slotted(.carousel-item-prev:not(.carousel-item-end)),:host ::slotted(.active.carousel-item-start){transform:translateX(-100%)}";export{x as vega_carousel}
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as a}from"./p-48a58baf.js";import{S as r}from"./p-1fb56e14.js";import{c as o}from"./p-86194314.js";import{s as c}from"./p-519a7d55.js";import{r as n,e as h}from"./p-272440e8.js";import{R as p}from"./p-03e9cbc8.js";import{I as d}from"./p-6e1ab235.js";import{V as l,I as m}from"./p-d849e0f5.js";import{P as u}from"./p-7d9cd9c8.js";import{c as v}from"./p-792715f3.js";import{k as g}from"./p-0664ca9c.js";import{c as b}from"./p-8852361b.js";import{t as f}from"./p-b75ee3ba.js";import"./p-b1faebe0.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-074b73f8.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-575235c8.js";import"./p-7e8f055d.js";import"./p-8a877e12.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-aeccc7f8.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-8c46e116.js";import"./p-5d676a94.js";import"./p-bf0ced3c.js";import"./p-3d6c302d.js";import"./p-34fdbe7a.js";import"./p-0e954b9b.js";import"./p-02841589.js";import"./p-bf19682d.js";import"./p-441a681b.js";var j;!function(t){t.RIGHT="TOUCH_DIR_RIGHT",t.LEFT="TOUCH_DIR_LEFT",t.UP="TOUCH_DIR_UP",t.DOWN="TOUCH_DIR_DOWN"}(j||(j={}));class y{constructor(t){this.touchStart=this.onTouchStart.bind(this),this.touchMove=this.onTouchMove.bind(this),this.touchEnd=this.onTouchEnd.bind(this),this.touchableParams=t,this.attachListeners()}static init(t){return new y(t)}static getTouchDirectionAndDistance(t,s,i,e){const a=i-t,r=e-s;return Math.abs(a)>Math.abs(r)?{direction:a>0?j.RIGHT:j.LEFT,distance:Math.abs(a)}:{direction:r>0?j.UP:j.DOWN,distance:Math.abs(r)}}static getTouchEventCoordinates(t){return{x:t.changedTouches[0].screenX,y:t.changedTouches[0].screenY}}destroy(){this.touchableParams.touchable.removeEventListener("touchstart",this.touchStart),this.touchableParams.touchable.removeEventListener("touchmove",this.touchMove),this.touchableParams.touchable.removeEventListener("touchend",this.touchEnd)}attachListeners(){this.touchableParams.touchable.addEventListener("touchstart",this.touchStart),this.touchableParams.touchable.addEventListener("touchmove",this.touchMove),this.touchableParams.touchable.addEventListener("touchend",this.touchEnd)}onTouchStart(t){var s,i;this.touchStartState=y.getTouchEventCoordinates(t),null===(i=(s=this.touchableParams).onTouchStart)||void 0===i||i.call(s,this.touchStartState.x,this.touchStartState.y)}onTouchMove(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r,distance:o}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchMove)||void 0===i||i.call(s,r,o)}onTouchEnd(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchEnd)||void 0===i||i.call(s,r),this.resetStartState()}resetStartState(){this.touchStartState={x:0,y:0}}}const P=[{payloadKey:"PER_PAGE_IS_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1===t.perPage},{payloadKey:"PER_PAGE_IS_NOT_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1!==t.perPage}];var w=function(t,s,i,e){var a,r=arguments.length,o=r<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,i,e);else for(var c=t.length-1;c>=0;c--)(a=t[c])&&(o=(r<3?a(o):r>3?a(s,i,o):a(s,i))||o);return r>3&&o&&Object.defineProperty(s,i,o),o};const x=class{constructor(i){t(this,i),this.vegaPageUpdate=s(this,"vegaPageUpdate",7),this.pageUpdate=s(this,"pageUpdate",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new l(P),this.pageResizeObserverSlimmer=new u({callback:()=>{this.getCarouselItemsPerPage()!==this.currentItemsPerPage&&this.updatePageLayout()}}),this.pageUpdateEventEmitter=v(x,g),this.deprecatedPropertySlimmer=b(x,"itemsPerPage","perPage",1),this.carouselContentElements=[],this.slideTaskQueue=new r,this.currentItemsPerPage=1,this.page=1,this.perPage=1,this.itemsPerPage=1,this.showSlider=!0,this.spacing="size-16",this.canSwipe=!0,this.onClickIndicators=async t=>{const s=Number(t.currentTarget.dataset.page);await this.goToPage(s)},this.getTotalPage=()=>Math.ceil(this.carouselContentElements.length/this.currentItemsPerPage),this.updatePageLayout=()=>{this.currentItemsPerPage=this.getCarouselItemsPerPage(),this.totalPages=this.getTotalPage(),this.page=1,this.wrapChildContentAsCarouselItem()},this.initMutationObserver=()=>{this.mutationObserver=new MutationObserver((async()=>{await this.updateContentByObserverSlotChange()})),this.mutationObserver.observe(this.host,{childList:!0})},this.initTouchEvent=()=>{this.touchListener=y.init({touchable:this.listContainer,onTouchEnd:async t=>{const s=this.page+(t===j.RIGHT?-1:t===j.LEFT?1:0);await this.goToPage(s)}})}}watchPage(){this.pageUpdateEventEmitter.emit(this.page)}watchPerPage(){this.updatePageLayout()}watchItemsPerPage(){this.updatePageLayout()}onSpacingPropsChange(){this.host.querySelectorAll("vega-grid").forEach((t=>{t.gap=this.spacing}))}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.touchListener&&this.touchListener.destroy()}componentDidLoad(){this.carouselContentElements=Array.from(this.host.children),this.updatePageLayout(),this.initMutationObserver(),this.initTouchEvent()}async nextPage(){const t=this.page<this.totalPages?this.page+1:this.page;await this.goToPage(t)}async prevPage(){const t=this.page>1?this.page-1:this.page;await this.goToPage(t)}async goToPage(t){await this.goToPageInternal(t)}render(){return c(i(e,null,i("div",{class:{"carousel-inner":!0,"carousel-stop-swipe":!this.canSwipe},ref:t=>this.listContainer=t},i("slot",null)),this.renderIndicatorDom()),this.host)}async goToPageInternal(t,s=!0){t>=1&&t<=this.totalPages&&t!==this.page&&(this.page=t,await this.slideTaskQueue.enqueue({run:()=>this.doSlide(t,s)}))}renderIndicatorDom(){return this.showSlider&&i("div",{class:"vega-carousel-indicators-container"},new Array(this.totalPages).fill("").map(((t,s)=>i("div",{key:s,class:{"vega-carousel-indicator-active":s+1===this.page},"data-page":s+1,role:"button","aria-label":"No label defined",tabIndex:0,onKeyDown:o(),onClick:this.onClickIndicators}))))}async updateContentByObserverSlotChange(){const t=this.page,s=Array.from(this.host.children).filter((t=>!t.classList.contains("carousel-item"))),i=Array.from(this.host.querySelectorAll(".carousel-item vega-grid > div > *"));(i.length!==this.carouselContentElements.length||s.length>0)&&(this.carouselContentElements=i.concat(s),this.updatePageLayout()),await this.goToPageInternal(t,!1)}wrapChildContentAsCarouselItem(){const t=[],s=this.carouselContentElements;if(f()){for(let i=0;i<this.totalPages;i++){const e=f().createElement("vega-grid");e.setAttribute("gap",this.spacing),e.setAttribute("column",this.currentItemsPerPage.toString()),e.setAttribute("row","1");for(let t=i*this.currentItemsPerPage;t<s.length&&t<this.currentItemsPerPage*(i+1);t++){const i=f().createElement("div");i.appendChild(s[t]),e.appendChild(i)}const a=f().createElement("div");a.classList.add("carousel-item"),0===i&&a.classList.add("active"),a.appendChild(e),t.push(a)}this.host.replaceChildren(...t)}}doSlide(t,s){return new Promise(((i,e)=>{const a=this.host.querySelector(".active"),r=t-1>Array.from(this.host.children).indexOf(a),o=this.host.children[t-1],c=r?"carousel-item-start":"carousel-item-end",p=r?"carousel-item-next":"carousel-item-prev";a&&o?s?(o.classList.add(p),n(o),o.classList.add(c),a.classList.add(c),h((()=>{o.classList.remove(c,p),a.classList.remove("active",c),o.classList.add("active"),i()}),a,600)):(a.classList.remove("active"),n(o),o.classList.add("active"),i()):e("Cannot find active and target item in carousel list")}))}getCarouselItemsPerPage(){const t=p.formatCustom(this.deprecatedPropertySlimmer.getValue());return t?Math.max(1,Math.min(4,t,this.carouselContentElements.length)):1}get host(){return a(this)}static get watchers(){return{page:["watchPage"],perPage:["watchPerPage"],itemsPerPage:["watchItemsPerPage"],spacing:["onSpacingPropsChange"]}}};w([m()],x.prototype,"globalSlimmers",void 0),w([d()],x.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),w([d()],x.prototype,"pageResizeObserverSlimmer",void 0),w([d()],x.prototype,"pageUpdateEventEmitter",void 0),w([d()],x.prototype,"deprecatedPropertySlimmer",void 0),x.style=":host{display:block}:host .vega-carousel-indicators-container{display:flex;justify-content:center;align-items:center;margin-top:24px}:host .vega-carousel-indicators-container>div{border-radius:9999px;width:16px;height:16px;border-width:2px;border-style:solid;margin-right:24px;cursor:pointer;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:focus{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-carousel-indicators-container>div:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active:hover{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:last-child{margin-right:0px}:host .carousel-inner{position:relative;width:100%;overflow:hidden}:host .carousel-inner.carousel-stop-swipe{pointer-events:none}:host ::slotted(.carousel-item){width:100%;position:relative;display:none;float:left;transition:transform 0.6s ease;margin-right:-100%}:host ::slotted(.carousel-item.active),:host ::slotted(.carousel-item-next),:host ::slotted(.carousel-item-prev){display:block}:host ::slotted(.carousel-item-next:not(.carousel-item-start)),:host ::slotted(.active.carousel-item-end){transform:translateX(100%)}:host ::slotted(.carousel-item-prev:not(.carousel-item-end)),:host ::slotted(.active.carousel-item-start){transform:translateX(-100%)}";export{x as vega_carousel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as t,c as i,H as a,g as n}from"./p-48a58baf.js";import{s as o}from"./p-519a7d55.js";import{n as s,c as r}from"./p-262ec334.js";import{D as p}from"./p-0cd89fb6.js";import{w as g,B as l,f as h,a as c,L as m}from"./p-b5822a21.js";import{a as f}from"./p-575235c8.js";import{C as u}from"./p-bbb96a13.js";import{c as v}from"./p-4474bc63.js";import{c as d,M as b,V as x,I as w}from"./p-6e1ab235.js";import{V as S,I as j}from"./p-d849e0f5.js";import{T as y}from"./p-02b29c18.js";import{R as C}from"./p-21873037.js";import{P as z,g as P}from"./p-7d9cd9c8.js";import{l as O,m as k}from"./p-b5bef48a.js";import"./p-5f377954.js";import"./p-4a368e1e.js";import{F as I}from"./p-e77a83e4.js";import"./p-8c46e116.js";import"./p-5d676a94.js";import"./p-bf0ced3c.js";import"./p-8539e05e.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-af464251.js";import"./p-6a334573.js";import"./p-b75ee3ba.js";import"./p-b1faebe0.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-a4670e23.js";import"./p-7e8f055d.js";import"./p-8a877e12.js";import"./p-112455b1.js";import"./p-db8cdba6.js";import"./p-d1ebec08.js";import"./p-02841589.js";import"./p-bf19682d.js";const L=({pageSize:t,current:i,total:a,translationSlimmer:n})=>{const o=a>0?t*(i-1)+1:0,s=Math.min(i*t,a);return e("vega-field-label",{label:n.t("Viewing {0}-{1} of {2}",o,s,a)})},M=({onChange:t,pageCount:i,translationSlimmer:a})=>{let n;const o=()=>{if(n.value){const e=s(r(n.value,1),1,i);t(e),n.value=""}},h=e=>{e.stopPropagation()};return e("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-8"},e("vega-field-label",{label:a.t("Go To")}),e("vega-form",{ref:e=>{p.addUniqueObserverToNode(e,g,o)}},e("vega-input",{"data-vega-form":"paginationGoTo",type:"number",size:"small",showClearIcon:!1,style:{width:"60px"},maskConfig:{type:"number",options:{allowNegative:!1,precision:0}},onVegaChange:h,onChange:h,ref:e=>{n=e,p.addUniqueObserverToNode(e,l,o)}})))},E=({pageSize:t,pageSizeSelectorOptions:i,dropdownProps:a,onChange:n,translationSlimmer:o})=>{const s=i.sort(((e,t)=>e-t)),r=e=>{const t=Number(e.detail);n(t)};return e("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-8"},e("vega-field-label",{label:o.t("Show")}),e("div",null,e("vega-input-select",{size:"small",source:s.map((e=>({id:e.toString(),displayName:e.toString()}))),value:t.toString(),placeholder:"Page Size",vegaDropdownProps:Object.assign({matchTargetWidth:!1,searchable:!1},a),ref:e=>{p.addUniqueObserverToNode(e,h,r)}})))},R=({total:t,current:i,onChange:a,pageCount:n})=>{const o=t=>{const n=i!==t;return e("li",{key:t,class:f(["vega-pagination-item",i===t?"active":""])},e("button",{onClick:()=>n&&a(t)},t))},s=(t,i,a)=>e("li",{class:f(["vega-pagination-button",i&&"disabled"])},e("vega-button-circle",{variant:"icon-only",icon:t,iconColor:"text-link",size:"small",disabled:i,ref:e=>{p.addUniqueObserverToNode(e,c,a)}}));return e("ul",{class:"vega-pagination"},s("chevron-left",0===t||1===i,(()=>{a(i-1)})),0===t?[o(1)]:((e,t,i=7)=>{if(i<7)throw new Error("Must allow at least 7 pager items");if(i%2==0)throw new Error("Must allow odd number of pager items");if(t<i)return Array(t).fill(0).map(((e,t)=>t+1));const a=Math.max(1,Math.min(t-i+1,e-Math.floor(i/2))),n=new Array(i);for(let e=0;e<i;e+=1)n[e]=e+a;return Number(n[0])>1&&(n[0]=1,n[1]="..."),Number(n[n.length-1])<=t-1&&(n[n.length-1]=t,n[n.length-2]="..."),n})(i,n).map((t=>"string"==typeof t?e("li",{class:"vega-pagination-item pager-ellipsis"},"..."):o(t))),s("chevron-right",0===t||i===n,(()=>{a(i+1)})))};var T=function(e,t,i,a){var n,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 r=e.length-1;r>=0;r--)(n=e[r])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class N extends x{registerPaginationPageSizeChangeObserver(){p.addUniqueObserverToNode(this.host,O,(e=>{this.pageSize=Number(e.detail)}))}unregisterPaginationPageSizeChangeObserver(){p.removeUniqueObserverFromNode(this.host,O)}}T([d()],N.prototype,"host",void 0),T([d({writable:!0})],N.prototype,"pageSize",void 0),T([b("connectedCallback")],N.prototype,"registerPaginationPageSizeChangeObserver",null),T([b("disconnectedCallback")],N.prototype,"unregisterPaginationPageSizeChangeObserver",null);var _=function(e,t,i,a){var n,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 r=e.length-1;r>=0;r--)(n=e[r])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class A extends x{registerPaginationCurrentChangeObserver(){p.addUniqueObserverToNode(this.host,k,(e=>{this.current=Number(e.detail)}))}unregisterPaginationCurrentChangeObserver(){p.removeUniqueObserverFromNode(this.host,k)}}_([d()],A.prototype,"host",void 0),_([d({writable:!0})],A.prototype,"current",void 0),_([b("connectedCallback")],A.prototype,"registerPaginationCurrentChangeObserver",null),_([b("disconnectedCallback")],A.prototype,"unregisterPaginationCurrentChangeObserver",null);var V=function(e,t,i,a){var n,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 r=e.length-1;r>=0;r--)(n=e[r])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class B extends z{constructor(){super({callback:()=>{this.calculatePaginationLayout()}}),this.calculatePaginationLayout=()=>{if("vertical"===this.currentLayout)this.host.classList.add("vega-pagination-vertical"),this.host.classList.remove("vega-pagination-horizontal");else{this.host.classList.remove("vega-pagination-vertical"),this.host.classList.add("vega-pagination-horizontal");const e=this.host.offsetHeight;Array.from(this.host.shadowRoot.children).filter((e=>"VEGA-FLEX"===e.tagName)).every((t=>e>t.offsetHeight))&&(this.host.classList.add("vega-pagination-vertical"),this.host.classList.remove("vega-pagination-horizontal"))}}}componentWillLoad(){this.setCurrentLayout()}watchCurrentBreakpoint(){this.setCurrentLayout()}watchLayout(){this.setCurrentLayout(),this.calculatePaginationLayout()}setCurrentLayout(){this.currentLayout=C.formatCustom(this.layout)}}V([d()],B.prototype,"host",void 0),V([d()],B.prototype,"layout",void 0),V([b("componentWillLoad")],B.prototype,"componentWillLoad",null),V([b("watchCurrentBreakpoint")],B.prototype,"watchCurrentBreakpoint",null),V([b("watchLayout")],B.prototype,"watchLayout",null);var W=function(e,t,i,a){var n,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 r=e.length-1;r>=0;r--)(n=e[r])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};const G=class{constructor(a){t(this,a),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaPageSizeChange=i(this,"vegaPageSizeChange",7),this.pageSizeChange=i(this,"pageSizeChange",7),this.globalSlimmers={},this.translationSlimmer=new y,this.childEventPrevent=new u([g],(()=>this.host)),this.childValueChangePrevent=new u([h],(()=>this.host),!0),this.vegaChangeEventEmitter=v(G,h),this.vegaPageSizeChangeEventEmitter=v(G,m),this.vegaComponentUsageRuntimeMetricsSlimmer=new S,this.vegaPaginationPageSizeObserverController=new N,this.vegaPaginationCurrentPageObserverController=new A,this.breakpointPageResizeObserverSlimmer=new z,this.vegaPaginationLayoutController=new B,this.vegaPaginationItemTypes=["currentPageLabel","pageSizeSelector","pageSelector","goTo","pageSelectorMobile","pageSizeSelectorMobile","pageSelectorMobile_goTo","pageSizeSelectorMobile_currentPageLabel"],this.currentBreakpoint=P(),this.pageCount=0,this.current=1,this.total=0,this.pageSize=10,this.extensions=I.isEnabled("VEGA_PAGINATION.ENABLE_EXTENSIONS_RESPONSIVE_DEFAULT_VALUE")?{default:[["pageSizeSelectorMobile_currentPageLabel"],["pageSelectorMobile_goTo"]],M:[["pageSelector"]]}:[["pageSelector"]],this.layout="horizontal",this.pageSizeSelectorOptions=[10,20,50,100],this.renderPaginationItemsWrapper=t=>e("vega-flex",{gap:{default:"size-4",M:"size-24"},flexWrap:"wrap",alignItems:"center",justifyContent:"center",key:this.generateWrapperKey(t)},t.map((t=>e("div",{key:t},this.renderPaginationItem(t))))),this.renderPaginationItem=t=>{switch(t){case"currentPageLabel":return e(L,{total:this.total,current:this.current,pageSize:this.pageSize,translationSlimmer:this.translationSlimmer});case"pageSizeSelector":{const t=this.pageSizeSelectorOptions.includes(this.pageSize)?this.pageSizeSelectorOptions:[...this.pageSizeSelectorOptions,this.pageSize];return e(E,{pageSize:this.pageSize,pageSizeSelectorOptions:t,dropdownProps:this.dropdownProps,onChange:this.onPageSizeSelectorChange,translationSlimmer:this.translationSlimmer})}case"pageSelector":return e(R,{current:this.current,total:this.total,onChange:this.onPageSelectorChange,pageCount:this.pageCount});case"goTo":return e(M,{onChange:this.handlePaginationGoToChange,pageCount:this.pageCount,translationSlimmer:this.translationSlimmer});case"pageSelectorMobile":case"pageSelectorMobile_goTo":return e("vega-pagination-page-selector-mobile",{type:t,pageCount:this.pageCount,current:this.current,total:this.total});case"pageSizeSelectorMobile":case"pageSizeSelectorMobile_currentPageLabel":return e("vega-pagination-page-size-selector-mobile",{type:t,pageSize:this.pageSize,current:this.current,total:this.total,pageSizeSelectorOptions:this.pageSizeSelectorOptions,dropdownProps:this.dropdownProps})}},this.handlePaginationGoToChange=e=>{this.current=e},this.onPageSizeSelectorChange=e=>{this.pageSize=e},this.calculatePages=()=>this.total?Math.floor((this.total-1)/this.pageSize)+1:0,this.onPageSelectorChange=e=>{this.current=e},this.removeDuplicateItems=e=>{const t=[...this.vegaPaginationItemTypes];return[...e].map((e=>e.filter(((i,a)=>{const n=t.indexOf(i);return n>=0?(t.splice(n,1),!0):(e.splice(a,1),!1)})))).filter((e=>e.length>0))},this.generateWrapperKey=e=>e.map(String).reduce(((e,t)=>`${e}-${t}`)),this.currentValueGuard=()=>{0===this.pageCount?this.current=1:this.current>this.pageCount&&(this.current=this.pageCount)}}watchCurrentBreakpoint(){}watchPageCount(){this.currentValueGuard()}watchCurrent(){this.currentValueGuard(),this.vegaChangeEventEmitter.emit(this.current)}watchTotal(){this.pageCount=this.calculatePages()}watchPageSize(){this.vegaPageSizeChangeEventEmitter.emit(this.pageSize),this.pageCount=this.calculatePages()}watchLayout(){}componentWillLoad(){this.pageCount=this.calculatePages(),this.currentValueGuard(),this.pageSizeSelectorOptions.includes(this.pageSize)||(this.pageSizeSelectorOptions=[...this.pageSizeSelectorOptions,this.pageSize])}render(){const t=C.formatCustom(this.extensions);return o(e(a,null,this.removeDuplicateItems(t).map(this.renderPaginationItemsWrapper)),this.host)}get host(){return n(this)}static get watchers(){return{currentBreakpoint:["watchCurrentBreakpoint"],pageCount:["watchPageCount"],current:["watchCurrent"],total:["watchTotal"],pageSize:["watchPageSize"],layout:["watchLayout"]}}};W([j()],G.prototype,"globalSlimmers",void 0),W([w()],G.prototype,"translationSlimmer",void 0),W([w()],G.prototype,"childEventPrevent",void 0),W([w()],G.prototype,"childValueChangePrevent",void 0),W([w()],G.prototype,"vegaChangeEventEmitter",void 0),W([w()],G.prototype,"vegaPageSizeChangeEventEmitter",void 0),W([w()],G.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),W([w()],G.prototype,"vegaPaginationPageSizeObserverController",void 0),W([w()],G.prototype,"vegaPaginationCurrentPageObserverController",void 0),W([w()],G.prototype,"breakpointPageResizeObserverSlimmer",void 0),W([w()],G.prototype,"vegaPaginationLayoutController",void 0),G.style=':host{display:flex;align-items:center;line-height:normal;flex-wrap:wrap}:host(.vega-pagination-horizontal){flex-direction:row;justify-content:space-between}:host(.vega-pagination-vertical){flex-direction:column;gap:16px;justify-content:center}@media (min-width: 320px){:host(.vega-pagination-horizontal){gap:4px}}@media (min-width: 768px){:host(.vega-pagination-horizontal){gap:24px}}.vega-pagination{display:flex;padding:0px;margin:0px}.vega-pagination .vega-pagination-item{list-style-type:none;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-link, 19, 98, 226, 1));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item{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-pagination .vega-pagination-item{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-pagination .vega-pagination-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-pagination .vega-pagination-item button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:0px;outline:2px solid transparent;outline-offset:2px;width:100%;height:100%;cursor:pointer;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item button{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-pagination .vega-pagination-item button{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-pagination .vega-pagination-item button{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-pagination .vega-pagination-item.pager-ellipsis{cursor:default}.vega-pagination .vega-pagination-item:not(.pager-ellipsis):not(:active):hover{text-decoration:underline;text-underline-offset:2px}.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}.vega-pagination .vega-pagination-item button:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:0px;border-radius:9999px}.vega-pagination .vega-pagination-button{list-style-type:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}';export{G as vega_pagination}
|
|
1
|
+
import{h as e,r as t,c as i,H as a,g as n}from"./p-48a58baf.js";import{s as o}from"./p-519a7d55.js";import{n as s,c as r}from"./p-262ec334.js";import{D as p}from"./p-441a681b.js";import{y as g,D as l,f as h,a as c,N as m}from"./p-0664ca9c.js";import{a as f}from"./p-575235c8.js";import{C as u}from"./p-c5e862aa.js";import{c as v}from"./p-792715f3.js";import{c as d,M as b,V as x,I as w}from"./p-6e1ab235.js";import{V as S,I as j}from"./p-d849e0f5.js";import{T as y}from"./p-02b29c18.js";import{R as C}from"./p-03e9cbc8.js";import{P as z,g as P}from"./p-7d9cd9c8.js";import{l as O,m as k}from"./p-0e954b9b.js";import"./p-5f377954.js";import"./p-074b73f8.js";import{F as I}from"./p-e77a83e4.js";import"./p-8c46e116.js";import"./p-5d676a94.js";import"./p-bf0ced3c.js";import"./p-3d6c302d.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-aeccc7f8.js";import"./p-6a334573.js";import"./p-b75ee3ba.js";import"./p-b1faebe0.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-a4670e23.js";import"./p-7e8f055d.js";import"./p-8a877e12.js";import"./p-112455b1.js";import"./p-db8cdba6.js";import"./p-34fdbe7a.js";import"./p-02841589.js";import"./p-bf19682d.js";const M=({pageSize:t,current:i,total:a,translationSlimmer:n})=>{const o=a>0?t*(i-1)+1:0,s=Math.min(i*t,a);return e("vega-field-label",{label:n.t("Viewing {0}-{1} of {2}",o,s,a)})},L=({onChange:t,pageCount:i,translationSlimmer:a})=>{let n;const o=()=>{if(n.value){const e=s(r(n.value,1),1,i);t(e),n.value=""}},h=e=>{e.stopPropagation()};return e("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-8"},e("vega-field-label",{label:a.t("Go To")}),e("vega-form",{ref:e=>{p.addUniqueObserverToNode(e,g,o)}},e("vega-input",{"data-vega-form":"paginationGoTo",type:"number",size:"small",showClearIcon:!1,style:{width:"60px"},maskConfig:{type:"number",options:{allowNegative:!1,precision:0}},onVegaChange:h,onChange:h,ref:e=>{n=e,p.addUniqueObserverToNode(e,l,o)}})))},E=({pageSize:t,pageSizeSelectorOptions:i,dropdownProps:a,onChange:n,translationSlimmer:o})=>{const s=i.sort(((e,t)=>e-t)),r=e=>{const t=Number(e.detail);n(t)};return e("vega-flex",{alignItems:"center",justifyContent:"center",gap:"size-8"},e("vega-field-label",{label:o.t("Show")}),e("div",null,e("vega-input-select",{size:"small",source:s.map((e=>({id:e.toString(),displayName:e.toString()}))),value:t.toString(),placeholder:"Page Size",vegaDropdownProps:Object.assign({matchTargetWidth:!1,searchable:!1},a),ref:e=>{p.addUniqueObserverToNode(e,h,r)}})))},R=({total:t,current:i,onChange:a,pageCount:n})=>{const o=t=>{const n=i!==t;return e("li",{key:t,class:f(["vega-pagination-item",i===t?"active":""])},e("button",{onClick:()=>n&&a(t)},t))},s=(t,i,a)=>e("li",{class:f(["vega-pagination-button",i&&"disabled"])},e("vega-button-circle",{variant:"icon-only",icon:t,iconColor:"text-link",size:"small",disabled:i,ref:e=>{p.addUniqueObserverToNode(e,c,a)}}));return e("ul",{class:"vega-pagination"},s("chevron-left",0===t||1===i,(()=>{a(i-1)})),0===t?[o(1)]:((e,t,i=7)=>{if(i<7)throw new Error("Must allow at least 7 pager items");if(i%2==0)throw new Error("Must allow odd number of pager items");if(t<i)return Array(t).fill(0).map(((e,t)=>t+1));const a=Math.max(1,Math.min(t-i+1,e-Math.floor(i/2))),n=new Array(i);for(let e=0;e<i;e+=1)n[e]=e+a;return Number(n[0])>1&&(n[0]=1,n[1]="..."),Number(n[n.length-1])<=t-1&&(n[n.length-1]=t,n[n.length-2]="..."),n})(i,n).map((t=>"string"==typeof t?e("li",{class:"vega-pagination-item pager-ellipsis"},"..."):o(t))),s("chevron-right",0===t||i===n,(()=>{a(i+1)})))};var N=function(e,t,i,a){var n,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 r=e.length-1;r>=0;r--)(n=e[r])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class T extends x{registerPaginationPageSizeChangeObserver(){p.addUniqueObserverToNode(this.host,O,(e=>{this.pageSize=Number(e.detail)}))}unregisterPaginationPageSizeChangeObserver(){p.removeUniqueObserverFromNode(this.host,O)}}N([d()],T.prototype,"host",void 0),N([d({writable:!0})],T.prototype,"pageSize",void 0),N([b("connectedCallback")],T.prototype,"registerPaginationPageSizeChangeObserver",null),N([b("disconnectedCallback")],T.prototype,"unregisterPaginationPageSizeChangeObserver",null);var _=function(e,t,i,a){var n,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 r=e.length-1;r>=0;r--)(n=e[r])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class A extends x{registerPaginationCurrentChangeObserver(){p.addUniqueObserverToNode(this.host,k,(e=>{this.current=Number(e.detail)}))}unregisterPaginationCurrentChangeObserver(){p.removeUniqueObserverFromNode(this.host,k)}}_([d()],A.prototype,"host",void 0),_([d({writable:!0})],A.prototype,"current",void 0),_([b("connectedCallback")],A.prototype,"registerPaginationCurrentChangeObserver",null),_([b("disconnectedCallback")],A.prototype,"unregisterPaginationCurrentChangeObserver",null);var V=function(e,t,i,a){var n,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 r=e.length-1;r>=0;r--)(n=e[r])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class B extends z{constructor(){super({callback:()=>{this.calculatePaginationLayout()}}),this.calculatePaginationLayout=()=>{if("vertical"===this.currentLayout)this.host.classList.add("vega-pagination-vertical"),this.host.classList.remove("vega-pagination-horizontal");else{this.host.classList.remove("vega-pagination-vertical"),this.host.classList.add("vega-pagination-horizontal");const e=this.host.offsetHeight;Array.from(this.host.shadowRoot.children).filter((e=>"VEGA-FLEX"===e.tagName)).every((t=>e>t.offsetHeight))&&(this.host.classList.add("vega-pagination-vertical"),this.host.classList.remove("vega-pagination-horizontal"))}}}componentWillLoad(){this.setCurrentLayout()}watchCurrentBreakpoint(){this.setCurrentLayout()}watchLayout(){this.setCurrentLayout(),this.calculatePaginationLayout()}setCurrentLayout(){this.currentLayout=C.formatCustom(this.layout)}}V([d()],B.prototype,"host",void 0),V([d()],B.prototype,"layout",void 0),V([b("componentWillLoad")],B.prototype,"componentWillLoad",null),V([b("watchCurrentBreakpoint")],B.prototype,"watchCurrentBreakpoint",null),V([b("watchLayout")],B.prototype,"watchLayout",null);var W=function(e,t,i,a){var n,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 r=e.length-1;r>=0;r--)(n=e[r])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};const G=class{constructor(a){t(this,a),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaPageSizeChange=i(this,"vegaPageSizeChange",7),this.pageSizeChange=i(this,"pageSizeChange",7),this.globalSlimmers={},this.translationSlimmer=new y,this.childEventPrevent=new u([g],(()=>this.host)),this.childValueChangePrevent=new u([h],(()=>this.host),!0),this.vegaChangeEventEmitter=v(G,h),this.vegaPageSizeChangeEventEmitter=v(G,m),this.vegaComponentUsageRuntimeMetricsSlimmer=new S,this.vegaPaginationPageSizeObserverController=new T,this.vegaPaginationCurrentPageObserverController=new A,this.breakpointPageResizeObserverSlimmer=new z,this.vegaPaginationLayoutController=new B,this.vegaPaginationItemTypes=["currentPageLabel","pageSizeSelector","pageSelector","goTo","pageSelectorMobile","pageSizeSelectorMobile","pageSelectorMobile_goTo","pageSizeSelectorMobile_currentPageLabel"],this.currentBreakpoint=P(),this.pageCount=0,this.current=1,this.total=0,this.pageSize=10,this.extensions=I.isEnabled("VEGA_PAGINATION.ENABLE_EXTENSIONS_RESPONSIVE_DEFAULT_VALUE")?{default:[["pageSizeSelectorMobile_currentPageLabel"],["pageSelectorMobile_goTo"]],M:[["pageSelector"]]}:[["pageSelector"]],this.layout="horizontal",this.pageSizeSelectorOptions=[10,20,50,100],this.renderPaginationItemsWrapper=t=>e("vega-flex",{gap:{default:"size-4",M:"size-24"},flexWrap:"wrap",alignItems:"center",justifyContent:"center",key:this.generateWrapperKey(t)},t.map((t=>e("div",{key:t},this.renderPaginationItem(t))))),this.renderPaginationItem=t=>{switch(t){case"currentPageLabel":return e(M,{total:this.total,current:this.current,pageSize:this.pageSize,translationSlimmer:this.translationSlimmer});case"pageSizeSelector":{const t=this.pageSizeSelectorOptions.includes(this.pageSize)?this.pageSizeSelectorOptions:[...this.pageSizeSelectorOptions,this.pageSize];return e(E,{pageSize:this.pageSize,pageSizeSelectorOptions:t,dropdownProps:this.dropdownProps,onChange:this.onPageSizeSelectorChange,translationSlimmer:this.translationSlimmer})}case"pageSelector":return e(R,{current:this.current,total:this.total,onChange:this.onPageSelectorChange,pageCount:this.pageCount});case"goTo":return e(L,{onChange:this.handlePaginationGoToChange,pageCount:this.pageCount,translationSlimmer:this.translationSlimmer});case"pageSelectorMobile":case"pageSelectorMobile_goTo":return e("vega-pagination-page-selector-mobile",{type:t,pageCount:this.pageCount,current:this.current,total:this.total});case"pageSizeSelectorMobile":case"pageSizeSelectorMobile_currentPageLabel":return e("vega-pagination-page-size-selector-mobile",{type:t,pageSize:this.pageSize,current:this.current,total:this.total,pageSizeSelectorOptions:this.pageSizeSelectorOptions,dropdownProps:this.dropdownProps})}},this.handlePaginationGoToChange=e=>{this.current=e},this.onPageSizeSelectorChange=e=>{this.pageSize=e},this.calculatePages=()=>this.total?Math.floor((this.total-1)/this.pageSize)+1:0,this.onPageSelectorChange=e=>{this.current=e},this.removeDuplicateItems=e=>{const t=[...this.vegaPaginationItemTypes];return[...e].map((e=>e.filter(((i,a)=>{const n=t.indexOf(i);return n>=0?(t.splice(n,1),!0):(e.splice(a,1),!1)})))).filter((e=>e.length>0))},this.generateWrapperKey=e=>e.map(String).reduce(((e,t)=>`${e}-${t}`)),this.currentValueGuard=()=>{0===this.pageCount?this.current=1:this.current>this.pageCount&&(this.current=this.pageCount)}}watchCurrentBreakpoint(){}watchPageCount(){this.currentValueGuard()}watchCurrent(){this.currentValueGuard(),this.vegaChangeEventEmitter.emit(this.current)}watchTotal(){this.pageCount=this.calculatePages()}watchPageSize(){this.vegaPageSizeChangeEventEmitter.emit(this.pageSize),this.pageCount=this.calculatePages()}watchLayout(){}componentWillLoad(){this.pageCount=this.calculatePages(),this.currentValueGuard(),this.pageSizeSelectorOptions.includes(this.pageSize)||(this.pageSizeSelectorOptions=[...this.pageSizeSelectorOptions,this.pageSize])}render(){const t=C.formatCustom(this.extensions);return o(e(a,null,this.removeDuplicateItems(t).map(this.renderPaginationItemsWrapper)),this.host)}get host(){return n(this)}static get watchers(){return{currentBreakpoint:["watchCurrentBreakpoint"],pageCount:["watchPageCount"],current:["watchCurrent"],total:["watchTotal"],pageSize:["watchPageSize"],layout:["watchLayout"]}}};W([j()],G.prototype,"globalSlimmers",void 0),W([w()],G.prototype,"translationSlimmer",void 0),W([w()],G.prototype,"childEventPrevent",void 0),W([w()],G.prototype,"childValueChangePrevent",void 0),W([w()],G.prototype,"vegaChangeEventEmitter",void 0),W([w()],G.prototype,"vegaPageSizeChangeEventEmitter",void 0),W([w()],G.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),W([w()],G.prototype,"vegaPaginationPageSizeObserverController",void 0),W([w()],G.prototype,"vegaPaginationCurrentPageObserverController",void 0),W([w()],G.prototype,"breakpointPageResizeObserverSlimmer",void 0),W([w()],G.prototype,"vegaPaginationLayoutController",void 0),G.style=':host{display:flex;align-items:center;line-height:normal;flex-wrap:wrap}:host(.vega-pagination-horizontal){flex-direction:row;justify-content:space-between}:host(.vega-pagination-vertical){flex-direction:column;gap:16px;justify-content:center}@media (min-width: 320px){:host(.vega-pagination-horizontal){gap:4px}}@media (min-width: 768px){:host(.vega-pagination-horizontal){gap:24px}}.vega-pagination{display:flex;padding:0px;margin:0px}.vega-pagination .vega-pagination-item{list-style-type:none;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-link, 19, 98, 226, 1));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item{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-pagination .vega-pagination-item{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-pagination .vega-pagination-item{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-pagination .vega-pagination-item button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:0px;outline:2px solid transparent;outline-offset:2px;width:100%;height:100%;cursor:pointer;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item button{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-pagination .vega-pagination-item button{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-pagination .vega-pagination-item button{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-pagination .vega-pagination-item.pager-ellipsis{cursor:default}.vega-pagination .vega-pagination-item:not(.pager-ellipsis):not(:active):hover{text-decoration:underline;text-underline-offset:2px}.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-pagination .vega-pagination-item button:active,.vega-pagination .vega-pagination-item.active button{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}.vega-pagination .vega-pagination-item button:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:0px;border-radius:9999px}.vega-pagination .vega-pagination-button{list-style-type:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}';export{G as vega_pagination}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as t,r as i,c as n,H as s,g as o}from"./p-48a58baf.js";import{s as a}from"./p-519a7d55.js";import{c as r,V as l,M as c,I as d}from"./p-6e1ab235.js";import{V as h,I as g}from"./p-d849e0f5.js";import{c as m}from"./p-
|
|
1
|
+
import{h as e,F as t,r as i,c as n,H as s,g as o}from"./p-48a58baf.js";import{s as a}from"./p-519a7d55.js";import{c as r,V as l,M as c,I as d}from"./p-6e1ab235.js";import{V as h,I as g}from"./p-d849e0f5.js";import{c as m}from"./p-792715f3.js";import{f as p}from"./p-0664ca9c.js";import{P as f}from"./p-7d9cd9c8.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-441a681b.js";import"./p-331a62d5.js";import"./p-aeccc7f8.js";import"./p-b75ee3ba.js";import"./p-575235c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";var v=function(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class x extends l{render(){var t;return e("div",{class:"vega-segment-control-container"},null===(t=this.segments)||void 0===t?void 0:t.map((e=>this.segmentRenderer.render(e))))}}v([r()],x.prototype,"segments",void 0),v([r()],x.prototype,"segmentRenderer",void 0);var b=function(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class u extends l{componentWillLoad(){this.setDefaultSelected()}watchSegments(){this.setDefaultSelected()}watchSelected(){this.changeEventEmitter.emit(this.selected)}setSelected(e){this.selected=e.key}setDefaultSelected(){var e;(null===(e=this.segments)||void 0===e?void 0:e.length)>0&&!this.segments.find((e=>e.key===this.selected))&&(this.selected=this.segments[0].key)}}b([r({writable:!0})],u.prototype,"selected",void 0),b([r()],u.prototype,"segments",void 0),b([r()],u.prototype,"changeEventEmitter",void 0),b([c("componentWillLoad")],u.prototype,"componentWillLoad",null),b([c("watchSegments")],u.prototype,"watchSegments",null),b([c("watchSelected")],u.prototype,"watchSelected",null);var w=function(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class j extends l{watchSegments(){this.setIsOverflowBlockSegments()}watchBlock(){this.setIsOverflowBlockSegments()}watchSize(){this.setIsOverflowBlockSegments()}setIsOverflowBlockSegments(){this.isOverflowBlockSegments=this.isExceedContainerWidth()}isExceedContainerWidth(){if(this.block){const e=this.host.shadowRoot.querySelector(".vega-segment-control-container");return e.clientWidth<e.children.length*j.SEGMENTS_OVERFLOW_THRESHOLD[this.size]+4*(e.children.length-1)+5}return!1}}j.SEGMENTS_OVERFLOW_THRESHOLD={medium:101.9,small:82},w([r()],j.prototype,"host",void 0),w([r()],j.prototype,"block",void 0),w([r()],j.prototype,"size",void 0),w([r({writable:!0})],j.prototype,"isOverflowBlockSegments",void 0),w([c("watchSegments")],j.prototype,"watchSegments",null),w([c("watchBlock")],j.prototype,"watchBlock",null),w([c("watchSize")],j.prototype,"watchSize",null);var y=function(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};class S extends l{render(t){return e("button",{key:t.key,class:{"vega-segment":!0,selected:this.selected===t.key,disabled:t.disabled,[`${this.size}`]:!0},onClick:()=>this.selectedController.setSelected(t),disabled:t.disabled},this.renderSegments(t))}renderSegments(i){return e(t,null,(this.isOverflowBlockSegments||!this.isOverflowBlockSegments&&"text-only"!==this.variant)&&i.icon&&this.renderIcon(i),(this.isOverflowBlockSegments&&!i.icon||!this.isOverflowBlockSegments&&"icon-only"!==this.variant)&&i.text&&this.renderText(i))}renderIcon(t){return e("vega-tooltip",{text:t.text,trigger:t.text&&(this.isOverflowBlockSegments||!this.isOverflowBlockSegments&&"icon-only"===this.variant)?"hover":"none",placement:["bottom","top"],disableInteractive:!1},e("vega-icon",{icon:t.icon,size:"size-16"}))}renderText(t){return e("vega-text",{overflow:"ellipsis",tooltip:{placement:["bottom","top"]}},t.text)}}y([r()],S.prototype,"host",void 0),y([r()],S.prototype,"size",void 0),y([r()],S.prototype,"selected",void 0),y([r()],S.prototype,"variant",void 0),y([r()],S.prototype,"block",void 0),y([r()],S.prototype,"isOverflowBlockSegments",void 0),y([r()],S.prototype,"selectedController",void 0);var k=function(e,t,i,n){var s,o=arguments.length,a=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,n);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(a=(o<3?s(a):o>3?s(t,i,a):s(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};const R=class{constructor(e){i(this,e),this.vegaChange=n(this,"vegaChange",7),this.change=n(this,"change",7),this.globalSlimmers={},this.segmentControlRenderer=new x,this.segmentOverflowController=new j,this.segmentRenderer=new S,this.selectedController=new u,this.changeEventEmitter=m(R,p),this.pageResizeObserverSlimmer=new f({callback:()=>{this.segmentControlWidth=this.host.clientWidth,this.segmentOverflowController.setIsOverflowBlockSegments()},shouldTrigger:()=>this.host.clientWidth!==this.segmentControlWidth}),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.segmentControlWidth=0,this.isOverflowBlockSegments=!1,this.block=!1,this.size="medium",this.segments=[],this.variant="default"}watchBlock(){}watchSize(){}watchSegments(){}watchSelected(){}componentWillLoad(){}render(){return a(e(s,{class:{"vega-segment-control-block":this.block}},this.segmentControlRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{block:["watchBlock"],size:["watchSize"],segments:["watchSegments"],selected:["watchSelected"]}}};k([g()],R.prototype,"globalSlimmers",void 0),k([d()],R.prototype,"segmentControlRenderer",void 0),k([d()],R.prototype,"segmentOverflowController",void 0),k([d()],R.prototype,"segmentRenderer",void 0),k([d()],R.prototype,"selectedController",void 0),k([d()],R.prototype,"changeEventEmitter",void 0),k([d()],R.prototype,"pageResizeObserverSlimmer",void 0),k([d()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),R.style=':host{display:inline-block}.vega-segment-control-container{display:flex;gap:4px;border-radius:9999px;background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1));padding:3px}:host(.vega-segment-control-block){display:block}:host(.vega-segment-control-block) .vega-segment{flex-basis:0;flex-grow:1}.vega-segment{display:flex;align-items:center;justify-content:center;gap:8px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));border-radius:9999px;cursor:pointer;text-align:center;border-width:1px;border-style:solid;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-color:transparent}.vega-segment vega-icon{vertical-align:middle}.vega-segment.medium{padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-segment.medium{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){.vega-segment.medium{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){.vega-segment.medium{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-segment.small{padding-left:16px;padding-right:16px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;padding-top:3px;padding-bottom:3px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-segment.small{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-segment.small{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-segment.small{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-segment.disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}.vega-segment:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-segment:hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}.vega-segment.selected{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}';export{R as vega_segment_control}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as t,I as e,c as s,M as i}from"./p-6e1ab235.js";import{c as r}from"./p-02841589.js";import{C as o}from"./p-2d0d575f.js";import{O as n}from"./p-331a62d5.js";import{U as a,c as l,d as h,b as c,e as d,F as u,f,g as m}from"./p-8a877e12.js";import{f as p,d as v}from"./p-575235c8.js";import{i as b,g as R}from"./p-a4670e23.js";import{c as g}from"./p-6a334573.js";import{d as j}from"./p-b5822a21.js";import{d as y,e as w}from"./p-b5bef48a.js";import{V as O}from"./p-bf0ced3c.js";import{P as E}from"./p-7d9cd9c8.js";import{I as V}from"./p-abd7aeaa.js";import{D as F}from"./p-0cd89fb6.js";import{M as I}from"./p-78a57a17.js";import{A as C}from"./p-52b8f2d2.js";import{i as S}from"./p-d27ae9ff.js";import{S as A}from"./p-1bd516c5.js";class k{constructor(t){this.rule=t}getStatus(t,e,s){return{canEvaluate:this.rule.canEvaluate(t,e,s),isAsync:b(this.rule.evaluate)}}shouldShowError(t,e){try{return this.rule.shouldShowError?this.rule.shouldShowError(t,e):this.defaultShouldShowError(t)}catch(t){return!1}}handle(t){try{return this.rule.evaluate(t)}catch(t){return{isValid:!0,message:""}}}defaultShouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}}class T{constructor(){this.handlers=[],this.processId=""}checkIncludesAsyncRuleHandler(t,e,s){return!!this.handlers.find((i=>{const r=i.getStatus(t,e,s);return r.canEvaluate&&r.isAsync}))}setHandlersByRules(t){this.handlers=t&&t.length?t.map((t=>new k(t))):[]}async process(t,e,s,i,r){const o=this.preProcess();let n;for(const i of this.handlers){if(o!==this.processId)break;const r=i.getStatus(t,e,s);if(!r.canEvaluate)continue;let a;if(r.isAsync)try{a=await i.handle(t)}catch(t){}else a=i.handle(t);if(a&&!a.isValid){const t=i.shouldShowError(e,s);n=Object.assign(Object.assign({},a),{shouldShowError:t});break}}return this.postProcess(o,i,n,r),n?{isValid:!1,message:n.message}:{isValid:!0,message:""}}preProcess(){const t=R();return this.processId=t,t}postProcess(t,e,s,i){this.processId===t&&i(e,s)}}class L{run(t){const e=t.nextElementSibling;return e&&e.querySelector(".vega-error")?e.querySelector(".vega-error"):null}}class D{run(t){let e=t.nextElementSibling;return e&&!e.classList.contains("vega-error")&&(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class M{run(t){let e=t.nextElementSibling;return e||(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class B extends t{getTranslatedMessage(t){return"string"==typeof t?O.t(t):O.t(t.key,...t.args||[])}}var H=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class U extends t{constructor(){super(),this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUiControllerStrategies=[new L,new D,new M],this.initTranslationObserver()}applyInputInvalidUI(t){const e=this.getInputElementContainer();if(o.notify(j.getSubject(this.host,y),{host:this.host,showError:!0}),e&&(e.classList.add("error"),t)){this.errorMessage=t;const s=this.getErrorContainer(e);s.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(t),s.classList.remove("vega-hidden")}}resetInputInvalidUI(){this.errorMessage="";const t=this.getInputElementContainer();t&&(this.getErrorContainer(t).classList.add("vega-hidden"),t.classList.remove("error"),o.notify(j.getSubject(this.host,y),{host:this.host,showError:!1}))}getInputElementContainer(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}getErrorContainer(t){for(const e of this.fieldErrorUiControllerStrategies){const s=e.run(t);if(s)return s}}initTranslationObserver(){const t=new n(this.isAcceptableTranslationObserver.bind(this),(()=>{if(!this.errorMessage)return;const t=this.getInputElementContainer();if(t){const e=this.getErrorContainer(t);e&&(e.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(this.errorMessage))}}));o.register(a,t)}isAcceptableTranslationObserver(){return!0}}H([e()],U.prototype,"formFieldMessageTranslatorSlimmer",void 0),H([s()],U.prototype,"host",void 0),H([s()],U.prototype,"options",void 0);var x=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class G{constructor(t,e,s,i){var r,n;this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUIController=new U,this.resizeObserverSlimmer=g(G,E,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"}],[{callback:t=>{const e=this.isVisible,s=t[0].contentRect.height>0;this.isVisible=s,this.isAutoValidationEnabled()&&p(this.host,"vega-form")&&e!==s&&this.valid(["visible"])},target:()=>this.host}]),this.defaultRules=[],this.additionalRules=[],this.listeners=[],this.isTouched=!1,this.isModified=!1,this.isVisible=!1,this.formFieldValidationRuleHandlerChain=new T,this.hostChildAddedBlurEventMap=new WeakMap,this.handleValidationResult=(t,e)=>{let s=!0;return e?("rule"===t?e.shouldShowError?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI():t?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI(),s=!1):this.fieldErrorUIController.resetInputInvalidUI(),this.invokeListeners(s),o.notify(l,{host:this.host,detail:s}),s},this.setupTouchedListener=()=>{this.getTouchableAreaElements().filter((t=>t&&!0!==this.hostChildAddedBlurEventMap.get(t))).forEach((t=>{t.addEventListener("blur",(()=>{this.updateIsTouched(!0)})),this.hostChildAddedBlurEventMap.set(t,!0)}))},this.defaultRules=t||[],this.host=e,this.defaultValue=s,this.options=i,this.initDisabledAttrObserver(),this.connectResizeObserver(),this.initFormResetObserver(),null===(n=(r=this.host).componentOnReady)||void 0===n||n.call(r).then((()=>{this.didRender()})),this.setupModifiedListener(),this.listenHostElementKeydown(),this.updateValidationHandlers()}async validate(t){return await this.valid([],t)}addListener(t){this.listeners.push(t)}getRules(){const t=[...this.additionalRules];return[...this.defaultRules.map((e=>this.overrideDefaultRuleByAdditionalRule(e,t))),...t]}setDefaultRules(t){this.defaultRules=t,this.updateValidationHandlers()}setAdditionalRules(t){this.additionalRules=t,this.updateValidationHandlers()}destroy(){o.notify(h,{host:this.host}),this.unregisterFormResetObserver(),o.unregister(c,this.hostValueChangeObserver),this.hostChildrenObserver&&this.hostChildrenObserver.disconnect()}connectResizeObserver(){}updateDisableBlurValidation(t){this.disableBlurValidation=t}updateValidationHandlers(){this.formFieldValidationRuleHandlerChain.setHandlersByRules(this.getRules())}async valid(t,e="rule"){const s=this.getStatus(),i=this.host.value;this.formFieldValidationRuleHandlerChain.checkIncludesAsyncRuleHandler(i,s,t)&&o.notify(l,{host:this.host,detail:null});const{isValid:r,message:n}=await this.formFieldValidationRuleHandlerChain.process(i,s,t,e,this.handleValidationResult);return{isValid:r,message:this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(n)}}invokeListeners(t){this.listeners.forEach((e=>e.callback(t)))}getStatus(){return{touched:this.isTouched,modified:this.isModified,disabled:this.host.disabled,visible:this.isVisible}}updateIsTouched(t){const e=this.isTouched;this.isTouched=t,!this.disableBlurValidation&&this.isAutoValidationEnabled()&&this.valid(e===t?[]:["touched"])}updateIsModified(t){const e=this.isModified;this.isModified=t,this.isAutoValidationEnabled()&&this.valid(e===t?[]:["modified"])}initDisabledAttrObserver(){this.disabledAttrObserver=new MutationObserver((()=>{this.isAutoValidationEnabled()&&this.valid(["disabled"])})),this.disabledAttrObserver.observe(this.host,{attributes:!0,attributeFilter:["disabled"]})}canAcceptFormResetOperation(t){return p(this.host,"vega-form")===t.host}unregisterFormResetObserver(){o.unregister(d,this.formResetTriggeredObserver)}monitorTouchedListener(){const t=this.getInputContainerElements();t&&(this.hostChildrenObserver=new MutationObserver((()=>{this.setupTouchedListener()})),this.hostChildrenObserver.observe(t,{childList:!0,subtree:!0})),this.setupTouchedListener()}getTouchableAreaElements(){return this.options&&this.options.touchableAreaGetter?this.options.touchableAreaGetter():[]}getInputContainerElements(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}setupModifiedListener(){this.hostValueChangeObserver=new n(this.isCurrentTarget.bind(this),(()=>this.updateIsModified(!0))),o.register(c,this.hostValueChangeObserver)}isCurrentTarget(t){return this.host===t.host}async reset(t){var e,s;if(this.shouldVisitElement(this.host,null===(e=t.option)||void 0===e?void 0:e.skipDisabled,null===(s=t.option)||void 0===s?void 0:s.skipInvisible)){const e=t.defaultValueMap,s=this.host.dataset.vegaForm,i=null==e[s]?this.getDefaultValue():e[s];"function"==typeof this.host.setValue?await this.host.setValue(i):this.host.value=i,this.isTouched=!1,this.isModified=!1,this.fieldErrorUIController.resetInputInvalidUI()}}getDefaultValue(){return this.defaultValue instanceof Function?this.defaultValue(this.host):this.defaultValue}didRender(){this.monitorTouchedListener()}initFormResetObserver(){this.formResetTriggeredObserver=new n(this.canAcceptFormResetOperation.bind(this),this.reset.bind(this)),o.register(d,this.formResetTriggeredObserver)}isAutoValidationEnabled(){return!1!==this.host.autoValidation}shouldVisitElement(t,e,s){return!(!t.dataset.vegaForm||e&&t.disabled||s&&!v(t))}listenHostElementKeydown(){this.host.addEventListener("keydown",(t=>{this.canSubmitFormByEvent(t)&&o.notify(u,{host:this.host})}))}canSubmitFormByEvent(t){const e="Enter"===t.key||13===t.keyCode,s=e&&t.shiftKey;switch(this.host.tagName){case"VEGA-TEXTAREA":case"VEGA-DATE-PICKER":case"VEGA-TIME-PICKER":return s&&t.preventDefault(),s;case"VEGA-RICH-TEXT-EDITOR":return!1;default:return e}}overrideDefaultRuleByAdditionalRule(t,e){if(t&&e){const s=e.findIndex((e=>e instanceof V&&e instanceof t.constructor&&e.overrideDefault));if(s>-1)return e.splice(s,1)[0]}return t}}x([e()],G.prototype,"formFieldMessageTranslatorSlimmer",void 0),x([e()],G.prototype,"fieldErrorUIController",void 0),x([e()],G.prototype,"resizeObserverSlimmer",void 0);var P=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class W extends t{constructor(){super(...arguments),this.fieldErrorUIController=new U,this.handleFieldErrorMessageUpdate=t=>{const{message:e,isValid:s}=t;s?this.fieldErrorUIController.resetInputInvalidUI():this.fieldErrorUIController.applyInputInvalidUI(e)}}handleComponentWillLoadByFieldErrorSlimmer(){this.fieldErrorMessageChangeObserver=new n(this.canAcceptFieldErrorMessageUpdate.bind(this),this.handleFieldErrorMessageUpdate),o.register(f,this.fieldErrorMessageChangeObserver)}handleUnregisterObserver(){o.unregister(f,this.fieldErrorMessageChangeObserver)}canAcceptFieldErrorMessageUpdate(t){const{host:e}=t,s=this.host.parentElement;return s&&s===e&&"VEGA-FIELD-ERROR"===s.tagName||this.host===e}}P([s()],W.prototype,"host",void 0),P([s()],W.prototype,"options",void 0),P([e()],W.prototype,"fieldErrorUIController",void 0),P([i("setInjectFormFieldHelper")],W.prototype,"handleComponentWillLoadByFieldErrorSlimmer",null),P([i("disconnectedCallback")],W.prototype,"handleUnregisterObserver",null);var z=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class K extends t{constructor(){super(...arguments),this.handleValidInvocation=async t=>{if(this.validator){void 0!==t.timerId&&clearTimeout(t.timerId);const e=await this.validator.validate(t.message);if(e){const{isValid:s,message:i}=e;"function"==typeof t.promiseResolve&&t.promiseResolve({isValid:s,message:i})}}}}registerValidInvocationObserver(){F.addUniqueObserverToNode(this.host,w,this.handleValidInvocation)}handleUnregisterObserver(){F.removeUniqueObserverFromNode(this.host,w)}}z([s()],K.prototype,"host",void 0),z([s()],K.prototype,"validator",void 0),z([i("setInjectFormFieldHelper")],K.prototype,"registerValidInvocationObserver",null),z([i("disconnectedCallback")],K.prototype,"handleUnregisterObserver",null);var N=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class X extends A{constructor(){super({parent:"vega-form",subStates:[{subStateName:"disableBlurValidation",parentStateName:"disableBlurValidation",callback:t=>{var e;null===(e=this.validator)||void 0===e||e.updateDisableBlurValidation(t)}}]})}componentWillLoad(){super.componentWillLoad()}}N([s()],X.prototype,"host",void 0),N([s()],X.prototype,"validator",void 0),N([i("setInjectFormFieldHelper")],X.prototype,"componentWillLoad",null);var q=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class J extends t{constructor(t){super(),this.fieldErrorSlimmer=new W,this.formFieldValidInvokeSlimmer=new K,this.formFormStateController=new X,this.mutationObserverCallBack=()=>{this.validator&&(this.setDefaultRules(),this.internalValidate())},this.options=t,this.setMutationObserverSlimmer()}connectedCallback(){null===this.validator&&this.setInjectFormFieldHelper()}disconnectedCallback(){this.validator&&(this.validator.destroy(),this.validator=null)}componentDidLoad(){}static isValidFormField(t){return t&&Boolean(t.getAttribute("data-vega-form"))}watchValidationRulesByFormControllerSlimmer(t,e){S(t,e,!1,((t,e)=>t===e?0:-1))||(this.setAdditionalRules(),this.internalValidate())}setInjectFormFieldHelper(){if(J.isValidFormField(this.host)){const{defaultValue:t}=this.options,e=new G(this.getPropertyRules(),this.host,t,this.options);e.addListener({callback:t=>{this.isValid!=t&&(this.isValid=t,o.notify(m,{host:this.host,detail:t}))}}),this.validator=e,this.setAdditionalRules()}}setAdditionalRules(){this.options.validationRulesName&&"validationRules"===this.options.validationRulesName&&this.validator&&this.validator.setAdditionalRules(this.validationRules||[])}setDefaultRules(){this.validator&&this.validator.setDefaultRules(this.getPropertyRules())}getPropertyRules(){const{propertyRules:t,attributeGetter:e}=this.options;return t.map((t=>{const s=t.dependence&&"string"==typeof t.dependence?[e(t.dependence)]:Array.isArray(t.dependence)?t.dependence.map((t=>e(t))):[null];return t.ruleFactory(e(t.propertyName),...s)})).filter(Boolean)}internalValidate(){!this.disabled&&this.validator&&this.validator.validate()}setMutationObserverSlimmer(){this.mutationObserverSlimmer=new I({options:{attributeFilter:this.options.propertyRules.map((t=>r(t.propertyName))),attributeOldValue:!0},mutationFilter:C(),callback:this.mutationObserverCallBack})}}q([s()],J.prototype,"host",void 0),q([s({writable:!0})],J.prototype,"validationRules",void 0),q([s()],J.prototype,"disabled",void 0),q([s()],J.prototype,"autoValidation",void 0),q([s({writable:!0})],J.prototype,"isValid",void 0),q([e()],J.prototype,"fieldErrorSlimmer",void 0),q([e()],J.prototype,"formFieldValidInvokeSlimmer",void 0),q([e()],J.prototype,"mutationObserverSlimmer",void 0),q([e()],J.prototype,"formFormStateController",void 0),q([i("connectedCallback")],J.prototype,"connectedCallback",null),q([i("disconnectedCallback")],J.prototype,"disconnectedCallback",null),q([i("componentDidLoad")],J.prototype,"componentDidLoad",null),q([i("watchValidationRules")],J.prototype,"watchValidationRulesByFormControllerSlimmer",null),q([i("componentWillLoad")],J.prototype,"setInjectFormFieldHelper",null);export{J as F}
|
|
1
|
+
import{V as t,I as e,c as s,M as i}from"./p-6e1ab235.js";import{c as r}from"./p-02841589.js";import{C as o}from"./p-2d0d575f.js";import{O as n}from"./p-331a62d5.js";import{U as a,c as l,d as h,b as c,e as d,F as u,f,g as m}from"./p-8a877e12.js";import{f as p,d as v}from"./p-575235c8.js";import{i as b,g as R}from"./p-a4670e23.js";import{c as g}from"./p-6a334573.js";import{d as j}from"./p-0664ca9c.js";import{d as y,e as w}from"./p-0e954b9b.js";import{V as O}from"./p-bf0ced3c.js";import{P as E}from"./p-7d9cd9c8.js";import{I as V}from"./p-abd7aeaa.js";import{D as F}from"./p-441a681b.js";import{M as I}from"./p-78a57a17.js";import{A as C}from"./p-52b8f2d2.js";import{i as S}from"./p-d27ae9ff.js";import{S as A}from"./p-cd18f0fe.js";class k{constructor(t){this.rule=t}getStatus(t,e,s){return{canEvaluate:this.rule.canEvaluate(t,e,s),isAsync:b(this.rule.evaluate)}}shouldShowError(t,e){try{return this.rule.shouldShowError?this.rule.shouldShowError(t,e):this.defaultShouldShowError(t)}catch(t){return!1}}handle(t){try{return this.rule.evaluate(t)}catch(t){return{isValid:!0,message:""}}}defaultShouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}}class T{constructor(){this.handlers=[],this.processId=""}checkIncludesAsyncRuleHandler(t,e,s){return!!this.handlers.find((i=>{const r=i.getStatus(t,e,s);return r.canEvaluate&&r.isAsync}))}setHandlersByRules(t){this.handlers=t&&t.length?t.map((t=>new k(t))):[]}async process(t,e,s,i,r){const o=this.preProcess();let n;for(const i of this.handlers){if(o!==this.processId)break;const r=i.getStatus(t,e,s);if(!r.canEvaluate)continue;let a;if(r.isAsync)try{a=await i.handle(t)}catch(t){}else a=i.handle(t);if(a&&!a.isValid){const t=i.shouldShowError(e,s);n=Object.assign(Object.assign({},a),{shouldShowError:t});break}}return this.postProcess(o,i,n,r),n?{isValid:!1,message:n.message}:{isValid:!0,message:""}}preProcess(){const t=R();return this.processId=t,t}postProcess(t,e,s,i){this.processId===t&&i(e,s)}}class L{run(t){const e=t.nextElementSibling;return e&&e.querySelector(".vega-error")?e.querySelector(".vega-error"):null}}class D{run(t){let e=t.nextElementSibling;return e&&!e.classList.contains("vega-error")&&(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class M{run(t){let e=t.nextElementSibling;return e||(e=document.createElement("label"),e.classList.add("vega-error"),e.setAttribute("part","field-error-message"),t.after(e)),e}}class B extends t{getTranslatedMessage(t){return"string"==typeof t?O.t(t):O.t(t.key,...t.args||[])}}var H=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class U extends t{constructor(){super(),this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUiControllerStrategies=[new L,new D,new M],this.initTranslationObserver()}applyInputInvalidUI(t){const e=this.getInputElementContainer();if(o.notify(j.getSubject(this.host,y),{host:this.host,showError:!0}),e&&(e.classList.add("error"),t)){this.errorMessage=t;const s=this.getErrorContainer(e);s.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(t),s.classList.remove("vega-hidden")}}resetInputInvalidUI(){this.errorMessage="";const t=this.getInputElementContainer();t&&(this.getErrorContainer(t).classList.add("vega-hidden"),t.classList.remove("error"),o.notify(j.getSubject(this.host,y),{host:this.host,showError:!1}))}getInputElementContainer(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}getErrorContainer(t){for(const e of this.fieldErrorUiControllerStrategies){const s=e.run(t);if(s)return s}}initTranslationObserver(){const t=new n(this.isAcceptableTranslationObserver.bind(this),(()=>{if(!this.errorMessage)return;const t=this.getInputElementContainer();if(t){const e=this.getErrorContainer(t);e&&(e.innerHTML=this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(this.errorMessage))}}));o.register(a,t)}isAcceptableTranslationObserver(){return!0}}H([e()],U.prototype,"formFieldMessageTranslatorSlimmer",void 0),H([s()],U.prototype,"host",void 0),H([s()],U.prototype,"options",void 0);var x=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class G{constructor(t,e,s,i){var r,n;this.formFieldMessageTranslatorSlimmer=new B,this.fieldErrorUIController=new U,this.resizeObserverSlimmer=g(G,E,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"}],[{callback:t=>{const e=this.isVisible,s=t[0].contentRect.height>0;this.isVisible=s,this.isAutoValidationEnabled()&&p(this.host,"vega-form")&&e!==s&&this.valid(["visible"])},target:()=>this.host}]),this.defaultRules=[],this.additionalRules=[],this.listeners=[],this.isTouched=!1,this.isModified=!1,this.isVisible=!1,this.formFieldValidationRuleHandlerChain=new T,this.hostChildAddedBlurEventMap=new WeakMap,this.handleValidationResult=(t,e)=>{let s=!0;return e?("rule"===t?e.shouldShowError?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI():t?this.fieldErrorUIController.applyInputInvalidUI(e.message):this.fieldErrorUIController.resetInputInvalidUI(),s=!1):this.fieldErrorUIController.resetInputInvalidUI(),this.invokeListeners(s),o.notify(l,{host:this.host,detail:s}),s},this.setupTouchedListener=()=>{this.getTouchableAreaElements().filter((t=>t&&!0!==this.hostChildAddedBlurEventMap.get(t))).forEach((t=>{t.addEventListener("blur",(()=>{this.updateIsTouched(!0)})),this.hostChildAddedBlurEventMap.set(t,!0)}))},this.defaultRules=t||[],this.host=e,this.defaultValue=s,this.options=i,this.initDisabledAttrObserver(),this.connectResizeObserver(),this.initFormResetObserver(),null===(n=(r=this.host).componentOnReady)||void 0===n||n.call(r).then((()=>{this.didRender()})),this.setupModifiedListener(),this.listenHostElementKeydown(),this.updateValidationHandlers()}async validate(t){return await this.valid([],t)}addListener(t){this.listeners.push(t)}getRules(){const t=[...this.additionalRules];return[...this.defaultRules.map((e=>this.overrideDefaultRuleByAdditionalRule(e,t))),...t]}setDefaultRules(t){this.defaultRules=t,this.updateValidationHandlers()}setAdditionalRules(t){this.additionalRules=t,this.updateValidationHandlers()}destroy(){o.notify(h,{host:this.host}),this.unregisterFormResetObserver(),o.unregister(c,this.hostValueChangeObserver),this.hostChildrenObserver&&this.hostChildrenObserver.disconnect()}connectResizeObserver(){}updateDisableBlurValidation(t){this.disableBlurValidation=t}updateValidationHandlers(){this.formFieldValidationRuleHandlerChain.setHandlersByRules(this.getRules())}async valid(t,e="rule"){const s=this.getStatus(),i=this.host.value;this.formFieldValidationRuleHandlerChain.checkIncludesAsyncRuleHandler(i,s,t)&&o.notify(l,{host:this.host,detail:null});const{isValid:r,message:n}=await this.formFieldValidationRuleHandlerChain.process(i,s,t,e,this.handleValidationResult);return{isValid:r,message:this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(n)}}invokeListeners(t){this.listeners.forEach((e=>e.callback(t)))}getStatus(){return{touched:this.isTouched,modified:this.isModified,disabled:this.host.disabled,visible:this.isVisible}}updateIsTouched(t){const e=this.isTouched;this.isTouched=t,!this.disableBlurValidation&&this.isAutoValidationEnabled()&&this.valid(e===t?[]:["touched"])}updateIsModified(t){const e=this.isModified;this.isModified=t,this.isAutoValidationEnabled()&&this.valid(e===t?[]:["modified"])}initDisabledAttrObserver(){this.disabledAttrObserver=new MutationObserver((()=>{this.isAutoValidationEnabled()&&this.valid(["disabled"])})),this.disabledAttrObserver.observe(this.host,{attributes:!0,attributeFilter:["disabled"]})}canAcceptFormResetOperation(t){return p(this.host,"vega-form")===t.host}unregisterFormResetObserver(){o.unregister(d,this.formResetTriggeredObserver)}monitorTouchedListener(){const t=this.getInputContainerElements();t&&(this.hostChildrenObserver=new MutationObserver((()=>{this.setupTouchedListener()})),this.hostChildrenObserver.observe(t,{childList:!0,subtree:!0})),this.setupTouchedListener()}getTouchableAreaElements(){return this.options&&this.options.touchableAreaGetter?this.options.touchableAreaGetter():[]}getInputContainerElements(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}setupModifiedListener(){this.hostValueChangeObserver=new n(this.isCurrentTarget.bind(this),(()=>this.updateIsModified(!0))),o.register(c,this.hostValueChangeObserver)}isCurrentTarget(t){return this.host===t.host}async reset(t){var e,s;if(this.shouldVisitElement(this.host,null===(e=t.option)||void 0===e?void 0:e.skipDisabled,null===(s=t.option)||void 0===s?void 0:s.skipInvisible)){const e=t.defaultValueMap,s=this.host.dataset.vegaForm,i=null==e[s]?this.getDefaultValue():e[s];"function"==typeof this.host.setValue?await this.host.setValue(i):this.host.value=i,this.isTouched=!1,this.isModified=!1,this.fieldErrorUIController.resetInputInvalidUI()}}getDefaultValue(){return this.defaultValue instanceof Function?this.defaultValue(this.host):this.defaultValue}didRender(){this.monitorTouchedListener()}initFormResetObserver(){this.formResetTriggeredObserver=new n(this.canAcceptFormResetOperation.bind(this),this.reset.bind(this)),o.register(d,this.formResetTriggeredObserver)}isAutoValidationEnabled(){return!1!==this.host.autoValidation}shouldVisitElement(t,e,s){return!(!t.dataset.vegaForm||e&&t.disabled||s&&!v(t))}listenHostElementKeydown(){this.host.addEventListener("keydown",(t=>{this.canSubmitFormByEvent(t)&&o.notify(u,{host:this.host})}))}canSubmitFormByEvent(t){const e="Enter"===t.key||13===t.keyCode,s=e&&t.shiftKey;switch(this.host.tagName){case"VEGA-TEXTAREA":case"VEGA-DATE-PICKER":case"VEGA-TIME-PICKER":return s&&t.preventDefault(),s;case"VEGA-RICH-TEXT-EDITOR":return!1;default:return e}}overrideDefaultRuleByAdditionalRule(t,e){if(t&&e){const s=e.findIndex((e=>e instanceof V&&e instanceof t.constructor&&e.overrideDefault));if(s>-1)return e.splice(s,1)[0]}return t}}x([e()],G.prototype,"formFieldMessageTranslatorSlimmer",void 0),x([e()],G.prototype,"fieldErrorUIController",void 0),x([e()],G.prototype,"resizeObserverSlimmer",void 0);var P=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class W extends t{constructor(){super(...arguments),this.fieldErrorUIController=new U,this.handleFieldErrorMessageUpdate=t=>{const{message:e,isValid:s}=t;s?this.fieldErrorUIController.resetInputInvalidUI():this.fieldErrorUIController.applyInputInvalidUI(e)}}handleComponentWillLoadByFieldErrorSlimmer(){this.fieldErrorMessageChangeObserver=new n(this.canAcceptFieldErrorMessageUpdate.bind(this),this.handleFieldErrorMessageUpdate),o.register(f,this.fieldErrorMessageChangeObserver)}handleUnregisterObserver(){o.unregister(f,this.fieldErrorMessageChangeObserver)}canAcceptFieldErrorMessageUpdate(t){const{host:e}=t,s=this.host.parentElement;return s&&s===e&&"VEGA-FIELD-ERROR"===s.tagName||this.host===e}}P([s()],W.prototype,"host",void 0),P([s()],W.prototype,"options",void 0),P([e()],W.prototype,"fieldErrorUIController",void 0),P([i("setInjectFormFieldHelper")],W.prototype,"handleComponentWillLoadByFieldErrorSlimmer",null),P([i("disconnectedCallback")],W.prototype,"handleUnregisterObserver",null);var z=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class K extends t{constructor(){super(...arguments),this.handleValidInvocation=async t=>{if(this.validator){void 0!==t.timerId&&clearTimeout(t.timerId);const e=await this.validator.validate(t.message);if(e){const{isValid:s,message:i}=e;"function"==typeof t.promiseResolve&&t.promiseResolve({isValid:s,message:i})}}}}registerValidInvocationObserver(){F.addUniqueObserverToNode(this.host,w,this.handleValidInvocation)}handleUnregisterObserver(){F.removeUniqueObserverFromNode(this.host,w)}}z([s()],K.prototype,"host",void 0),z([s()],K.prototype,"validator",void 0),z([i("setInjectFormFieldHelper")],K.prototype,"registerValidInvocationObserver",null),z([i("disconnectedCallback")],K.prototype,"handleUnregisterObserver",null);var N=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class X extends A{constructor(){super({parent:"vega-form",subStates:[{subStateName:"disableBlurValidation",parentStateName:"disableBlurValidation",callback:t=>{var e;null===(e=this.validator)||void 0===e||e.updateDisableBlurValidation(t)}}]})}componentWillLoad(){super.componentWillLoad()}}N([s()],X.prototype,"host",void 0),N([s()],X.prototype,"validator",void 0),N([i("setInjectFormFieldHelper")],X.prototype,"componentWillLoad",null);var q=function(t,e,s,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,s,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(n=(o<3?r(n):o>3?r(e,s,n):r(e,s))||n);return o>3&&n&&Object.defineProperty(e,s,n),n};class J extends t{constructor(t){super(),this.fieldErrorSlimmer=new W,this.formFieldValidInvokeSlimmer=new K,this.formFormStateController=new X,this.mutationObserverCallBack=()=>{this.validator&&(this.setDefaultRules(),this.internalValidate())},this.options=t,this.setMutationObserverSlimmer()}connectedCallback(){null===this.validator&&this.setInjectFormFieldHelper()}disconnectedCallback(){this.validator&&(this.validator.destroy(),this.validator=null)}componentDidLoad(){}static isValidFormField(t){return t&&Boolean(t.getAttribute("data-vega-form"))}watchValidationRulesByFormControllerSlimmer(t,e){S(t,e,!1,((t,e)=>t===e?0:-1))||(this.setAdditionalRules(),this.internalValidate())}setInjectFormFieldHelper(){if(J.isValidFormField(this.host)){const{defaultValue:t}=this.options,e=new G(this.getPropertyRules(),this.host,t,this.options);e.addListener({callback:t=>{this.isValid!=t&&(this.isValid=t,o.notify(m,{host:this.host,detail:t}))}}),this.validator=e,this.setAdditionalRules()}}setAdditionalRules(){this.options.validationRulesName&&"validationRules"===this.options.validationRulesName&&this.validator&&this.validator.setAdditionalRules(this.validationRules||[])}setDefaultRules(){this.validator&&this.validator.setDefaultRules(this.getPropertyRules())}getPropertyRules(){const{propertyRules:t,attributeGetter:e}=this.options;return t.map((t=>{const s=t.dependence&&"string"==typeof t.dependence?[e(t.dependence)]:Array.isArray(t.dependence)?t.dependence.map((t=>e(t))):[null];return t.ruleFactory(e(t.propertyName),...s)})).filter(Boolean)}internalValidate(){!this.disabled&&this.validator&&this.validator.validate()}setMutationObserverSlimmer(){this.mutationObserverSlimmer=new I({options:{attributeFilter:this.options.propertyRules.map((t=>r(t.propertyName))),attributeOldValue:!0},mutationFilter:C(),callback:this.mutationObserverCallBack})}}q([s()],J.prototype,"host",void 0),q([s({writable:!0})],J.prototype,"validationRules",void 0),q([s()],J.prototype,"disabled",void 0),q([s()],J.prototype,"autoValidation",void 0),q([s({writable:!0})],J.prototype,"isValid",void 0),q([e()],J.prototype,"fieldErrorSlimmer",void 0),q([e()],J.prototype,"formFieldValidInvokeSlimmer",void 0),q([e()],J.prototype,"mutationObserverSlimmer",void 0),q([e()],J.prototype,"formFormStateController",void 0),q([i("connectedCallback")],J.prototype,"connectedCallback",null),q([i("disconnectedCallback")],J.prototype,"disconnectedCallback",null),q([i("componentDidLoad")],J.prototype,"componentDidLoad",null),q([i("watchValidationRules")],J.prototype,"watchValidationRulesByFormControllerSlimmer",null),q([i("componentWillLoad")],J.prototype,"setInjectFormFieldHelper",null);export{J as F}
|