@globalpayments/vega 2.31.0 → 2.33.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-391d9a14.js → app-globals-d28dd560.js} +3 -3
- package/dist/cjs/{child-nodes-event-prevent-slimmer-bed95a1b.js → child-nodes-event-prevent-slimmer-f07a8fe9.js} +2 -2
- package/dist/cjs/{event-emit-slimmer-b321e3f5.js → event-emit-slimmer-83278943.js} +1 -1
- package/dist/cjs/{feature-flag-controller-f0619cc7.js → feature-flag-controller-0d1015fa.js} +6 -0
- package/dist/cjs/{form-field-controller-slimmer-a4231b97.js → form-field-controller-slimmer-2a982ead.js} +1 -1
- package/dist/cjs/{index-d6bf3435.js → index-40a1cd3a.js} +1 -1
- package/dist/cjs/index.cjs.js +5 -5
- package/dist/cjs/{internal-vega-event-manager-9ffb3ed1.js → internal-vega-event-manager-5fe83465.js} +2 -2
- package/dist/cjs/loader.cjs.js +7 -7
- package/dist/cjs/{sub-state-notify-slimmer-c729699e.js → sub-state-notify-slimmer-13f1892b.js} +1 -1
- package/dist/cjs/{sub-state-observer-slimmer-c1332b19.js → sub-state-observer-slimmer-6c0b635d.js} +1 -1
- package/dist/cjs/vega-accordion.cjs.entry.js +3 -3
- package/dist/cjs/vega-app-header-button.cjs.entry.js +5 -5
- package/dist/cjs/vega-banner.cjs.entry.js +4 -4
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +5 -5
- package/dist/cjs/vega-button-circle.cjs.entry.js +5 -5
- package/dist/cjs/vega-button-group_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-button-link.cjs.entry.js +13 -6
- package/dist/cjs/vega-button.cjs.entry.js +5 -5
- package/dist/cjs/vega-calendar_3.cjs.entry.js +8 -8
- package/dist/cjs/vega-carousel.cjs.entry.js +3 -3
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-chip.cjs.entry.js +5 -5
- package/dist/cjs/vega-color-picker.cjs.entry.js +5 -5
- package/dist/cjs/vega-combo-box.cjs.entry.js +7 -7
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +99 -46
- package/dist/cjs/vega-dialog_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +8 -8
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/{vega-event-id-419d36a8.js → vega-event-id-81270f6a.js} +4 -0
- package/dist/cjs/vega-field-label.cjs.entry.js +3 -3
- package/dist/cjs/vega-file-uploader.cjs.entry.js +5 -5
- package/dist/cjs/vega-flex.cjs.entry.js +1 -1
- package/dist/cjs/vega-form.cjs.entry.js +7 -7
- package/dist/cjs/vega-image-uploader.cjs.entry.js +7 -7
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +7 -7
- package/dist/cjs/vega-input-numeric.cjs.entry.js +8 -8
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +7 -7
- package/dist/cjs/vega-input-range.cjs.entry.js +7 -7
- package/dist/cjs/vega-input-select.cjs.entry.js +28 -10
- package/dist/cjs/vega-input.cjs.entry.js +6 -6
- package/dist/cjs/{vega-internal-event-id-99cc22e1.js → vega-internal-event-id-79be9bc5.js} +2 -0
- package/dist/cjs/vega-item-toggle.cjs.entry.js +3 -3
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +190 -73
- package/dist/cjs/vega-page-notification_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-pagination.cjs.entry.js +5 -5
- package/dist/cjs/vega-popover_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-progress-tracker.cjs.entry.js +3 -3
- package/dist/cjs/vega-radio_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-segment-control.cjs.entry.js +3 -3
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +9 -9
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +9 -9
- package/dist/cjs/vega-sidenav_3.cjs.entry.js +6 -6
- package/dist/cjs/vega-signature-capture.cjs.entry.js +5 -5
- package/dist/cjs/{vega-skeleton-loader-controller-4a016b04.js → vega-skeleton-loader-controller-4a1eedcd.js} +1 -1
- package/dist/cjs/vega-stepper.cjs.entry.js +7 -7
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-table_8.cjs.entry.js +12 -21
- package/dist/cjs/vega-textarea.cjs.entry.js +7 -7
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +5 -5
- package/dist/cjs/vega.cjs.js +7 -7
- package/dist/collection/components/vega-button-link/vega-button-link.js +34 -1
- package/dist/collection/components/vega-calendar/vega-calendar.js +2 -2
- package/dist/collection/components/vega-chart/vega-bar-chart/vega-bar-chart.js +1 -1
- package/dist/collection/components/vega-chart/vega-line-chart/vega-line-chart.js +1 -1
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.js +6 -4
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-input-renderer-base.abstract.js +55 -0
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-range-input-renderer.js +5 -9
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-renderer.js +3 -1
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-single-input-renderer.js +5 -9
- package/dist/collection/components/vega-date-picker/vega-date-picker.css +14 -0
- package/dist/collection/components/vega-date-picker/vega-date-picker.js +27 -0
- package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.js +10 -2
- package/dist/collection/components/vega-input-select/vega-input-select.js +46 -2
- package/dist/collection/components/vega-nav/vega-left-nav/vega-left-nav.js +36 -0
- package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-sibling-observer-controller.js +48 -0
- package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-state-controller.js +31 -0
- package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/renderers/vega-left-nav-group-renderer.js +26 -1
- package/dist/collection/components/vega-nav/vega-left-nav-group/vega-left-nav-group.js +15 -1
- package/dist/collection/components/vega-table/vega-table-head-cell/vega-table-head-cell.js +4 -13
- package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js +2 -2
- package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js +1 -0
- package/dist/collection/helpers/feature-control/feature-flags-map.js +6 -0
- package/dist/esm/{app-globals-00a57fbe.js → app-globals-c018477a.js} +3 -3
- package/dist/esm/{child-nodes-event-prevent-slimmer-db288af1.js → child-nodes-event-prevent-slimmer-8de7e3bb.js} +2 -2
- package/dist/esm/{event-emit-slimmer-44cb4573.js → event-emit-slimmer-493e6b9d.js} +1 -1
- package/dist/esm/{feature-flag-controller-297c4b9b.js → feature-flag-controller-6bbf53c1.js} +6 -0
- package/dist/esm/{form-field-controller-slimmer-a64c679c.js → form-field-controller-slimmer-88492678.js} +1 -1
- package/dist/esm/{index-fda6b5ee.js → index-0830dd1d.js} +1 -1
- package/dist/esm/index.js +5 -5
- package/dist/esm/{internal-vega-event-manager-8154661e.js → internal-vega-event-manager-48ac30f1.js} +2 -2
- package/dist/esm/loader.js +7 -7
- package/dist/esm/{sub-state-notify-slimmer-be5bcc4e.js → sub-state-notify-slimmer-21b1c646.js} +1 -1
- package/dist/esm/{sub-state-observer-slimmer-cd7adab1.js → sub-state-observer-slimmer-8c80d874.js} +1 -1
- package/dist/esm/vega-accordion.entry.js +3 -3
- package/dist/esm/vega-app-header-button.entry.js +5 -5
- package/dist/esm/vega-banner.entry.js +4 -4
- package/dist/esm/vega-breadcrumb.entry.js +5 -5
- package/dist/esm/vega-button-circle.entry.js +5 -5
- package/dist/esm/vega-button-group_2.entry.js +8 -8
- package/dist/esm/vega-button-link.entry.js +13 -6
- package/dist/esm/vega-button.entry.js +5 -5
- package/dist/esm/vega-calendar_3.entry.js +8 -8
- package/dist/esm/vega-carousel.entry.js +3 -3
- package/dist/esm/vega-checkbox_2.entry.js +7 -7
- package/dist/esm/vega-chip.entry.js +5 -5
- package/dist/esm/vega-color-picker.entry.js +5 -5
- package/dist/esm/vega-combo-box.entry.js +7 -7
- package/dist/esm/vega-date-picker_2.entry.js +99 -46
- package/dist/esm/vega-dialog_2.entry.js +5 -5
- package/dist/esm/vega-dropdown_5.entry.js +8 -8
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/{vega-event-id-b1655cbc.js → vega-event-id-0f8fc134.js} +3 -1
- package/dist/esm/vega-field-label.entry.js +3 -3
- package/dist/esm/vega-file-uploader.entry.js +5 -5
- package/dist/esm/vega-flex.entry.js +1 -1
- package/dist/esm/vega-form.entry.js +7 -7
- package/dist/esm/vega-image-uploader.entry.js +7 -7
- package/dist/esm/vega-input-credit-card.entry.js +7 -7
- package/dist/esm/vega-input-numeric.entry.js +8 -8
- package/dist/esm/vega-input-phone-number.entry.js +7 -7
- package/dist/esm/vega-input-range.entry.js +7 -7
- package/dist/esm/vega-input-select.entry.js +28 -10
- package/dist/esm/vega-input.entry.js +6 -6
- package/dist/esm/{vega-internal-event-id-c8507b85.js → vega-internal-event-id-770faa12.js} +2 -1
- package/dist/esm/vega-item-toggle.entry.js +3 -3
- package/dist/esm/vega-left-nav_5.entry.js +190 -73
- package/dist/esm/vega-page-notification_2.entry.js +1 -1
- package/dist/esm/vega-pagination.entry.js +5 -5
- package/dist/esm/vega-popover_2.entry.js +3 -3
- package/dist/esm/vega-progress-tracker.entry.js +3 -3
- package/dist/esm/vega-radio_2.entry.js +7 -7
- package/dist/esm/vega-segment-control.entry.js +3 -3
- package/dist/esm/vega-selection-chip_2.entry.js +9 -9
- package/dist/esm/vega-selection-tile_2.entry.js +9 -9
- package/dist/esm/vega-sidenav_3.entry.js +6 -6
- package/dist/esm/vega-signature-capture.entry.js +5 -5
- package/dist/esm/{vega-skeleton-loader-controller-cec6753f.js → vega-skeleton-loader-controller-1911558d.js} +1 -1
- package/dist/esm/vega-stepper.entry.js +7 -7
- package/dist/esm/vega-tab-group_2.entry.js +5 -5
- package/dist/esm/vega-table_8.entry.js +12 -21
- package/dist/esm/vega-textarea.entry.js +7 -7
- package/dist/esm/vega-time-picker_2.entry.js +7 -7
- package/dist/esm/vega-toggle-switch.entry.js +5 -5
- package/dist/esm/vega.js +7 -7
- package/dist/types/components/vega-banner/types.d.ts +3 -1
- package/dist/types/components/vega-button-link/types.d.ts +1 -0
- package/dist/types/components/vega-button-link/vega-button-link.d.ts +8 -0
- package/dist/types/components/vega-calendar/types.d.ts +8 -6
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.d.ts +1 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-input-renderer-base.abstract.d.ts +17 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-range-input-renderer.d.ts +2 -4
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-single-input-renderer.d.ts +2 -4
- package/dist/types/components/vega-date-picker/vega-date-picker.d.ts +6 -0
- package/dist/types/components/vega-dropdown/types.d.ts +27 -0
- package/dist/types/components/vega-file-uploader/types.d.ts +21 -0
- package/dist/types/components/vega-image-uploader/types.d.ts +6 -0
- package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.d.ts +2 -0
- package/dist/types/components/vega-input-select/vega-input-select.d.ts +16 -0
- package/dist/types/components/vega-nav/vega-left-nav/vega-left-nav.d.ts +7 -0
- package/dist/types/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-sibling-observer-controller.d.ts +18 -0
- package/dist/types/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-state-controller.d.ts +10 -0
- package/dist/types/components/vega-nav/vega-left-nav-group/slimmers/renderers/vega-left-nav-group-renderer.d.ts +7 -0
- package/dist/types/components/vega-nav/vega-left-nav-group/vega-left-nav-group.d.ts +5 -0
- package/dist/types/components/vega-table/interface.d.ts +3 -0
- package/dist/types/components.d.ts +41 -0
- package/dist/types/helpers/chart/bar-chart.d.ts +6 -0
- package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts +1 -0
- package/dist/types/helpers/feature-control/feature-flag.d.ts +2 -1
- package/dist/types/types/components.type.d.ts +1 -0
- package/dist/types/types/vega-chart.d.ts +42 -19
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-57d9bde6.entry.js → p-07af8ee4.entry.js} +1 -1
- package/dist/vega/{p-64ff6318.entry.js → p-0916da7a.entry.js} +1 -1
- package/dist/vega/{p-14f5a9ad.entry.js → p-0abae6cc.entry.js} +1 -1
- package/dist/vega/p-0c051d2a.entry.js +13 -0
- package/dist/vega/{p-c6ed1982.entry.js → p-0e59c3b7.entry.js} +1 -1
- package/dist/vega/p-0fe89d42.js +1 -0
- package/dist/vega/p-0fecf145.js +1 -0
- package/dist/vega/{p-63bee4f1.entry.js → p-13d34a23.entry.js} +1 -1
- package/dist/vega/{p-cdebfee7.entry.js → p-14fc5aed.entry.js} +1 -1
- package/dist/vega/{p-b347f967.js → p-16bb355d.js} +1 -1
- package/dist/vega/{p-1be2fd46.entry.js → p-17233d94.entry.js} +1 -1
- package/dist/vega/{p-a6e1d9bc.entry.js → p-1a8dd528.entry.js} +1 -1
- package/dist/vega/{p-b6e49ee9.entry.js → p-2b5ab7f9.entry.js} +1 -1
- package/dist/vega/{p-95b25b97.entry.js → p-36395deb.entry.js} +1 -1
- package/dist/vega/{p-ff22a95f.entry.js → p-38b93319.entry.js} +1 -1
- package/dist/vega/p-4625a2b4.js +1 -0
- package/dist/vega/{p-be6041fc.entry.js → p-483d0916.entry.js} +1 -1
- package/dist/vega/{p-72ecc510.entry.js → p-4921c38c.entry.js} +1 -1
- package/dist/vega/{p-438caeb3.entry.js → p-4963e445.entry.js} +1 -1
- package/dist/vega/{p-7a6a0740.entry.js → p-497eba8c.entry.js} +1 -1
- package/dist/vega/{p-0f0e4198.entry.js → p-49db0660.entry.js} +1 -1
- package/dist/vega/{p-ab983e7d.js → p-535f0758.js} +1 -1
- package/dist/vega/{p-4ffd7493.js → p-53702f16.js} +1 -1
- package/dist/vega/{p-fb3233db.entry.js → p-53d34f58.entry.js} +1 -1
- package/dist/vega/{p-a67748c6.entry.js → p-576fe8cf.entry.js} +1 -1
- package/dist/vega/{p-ae3fd67e.js → p-590870e4.js} +1 -1
- package/dist/vega/{p-8cfe4027.entry.js → p-597871ab.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/p-603f7aa3.entry.js +1 -0
- package/dist/vega/{p-87cd0d6a.entry.js → p-66ffdfdf.entry.js} +1 -1
- package/dist/vega/{p-7941701a.entry.js → p-6758dc5e.entry.js} +1 -1
- package/dist/vega/{p-042b4b3f.entry.js → p-6f027906.entry.js} +1 -1
- package/dist/vega/{p-15023bad.entry.js → p-6f788b49.entry.js} +1 -1
- package/dist/vega/{p-83ef4c13.entry.js → p-848825ff.entry.js} +1 -1
- package/dist/vega/p-8a091eb7.js +1 -0
- package/dist/vega/{p-00c5aee5.entry.js → p-8f5ffac5.entry.js} +1 -1
- package/dist/vega/{p-6e6ec77d.entry.js → p-910410ad.entry.js} +1 -1
- package/dist/vega/{p-f2851f16.js → p-943e89b4.js} +1 -1
- package/dist/vega/{p-1e6c23e0.entry.js → p-99a35465.entry.js} +1 -1
- package/dist/vega/p-99cf17e3.entry.js +1 -0
- package/dist/vega/p-9e9ec748.js +1 -0
- package/dist/vega/{p-9b9c0afb.entry.js → p-9f984c33.entry.js} +1 -1
- package/dist/vega/{p-302e7589.js → p-a04632d0.js} +1 -1
- package/dist/vega/{p-34710a3c.entry.js → p-a828eeef.entry.js} +1 -1
- package/dist/vega/{p-799cb0a4.entry.js → p-ae5751fb.entry.js} +1 -1
- package/dist/vega/{p-e5d7b4b8.js → p-c4a52c83.js} +1 -1
- package/dist/vega/{p-1bfcb6b7.entry.js → p-c51a48d6.entry.js} +1 -1
- package/dist/vega/{p-a66ea015.entry.js → p-d6d10fb3.entry.js} +1 -1
- package/dist/vega/{p-d3c07efa.entry.js → p-d7df87b4.entry.js} +1 -1
- package/dist/vega/p-daaf3ee3.entry.js +1 -0
- package/dist/vega/{p-20d9c07c.entry.js → p-dadd7db4.entry.js} +1 -1
- package/dist/vega/{p-e6f91767.entry.js → p-db94558e.entry.js} +1 -1
- package/dist/vega/{p-b1a249ef.entry.js → p-dba59bd7.entry.js} +1 -1
- package/dist/vega/{p-bf38199b.entry.js → p-e5cd92f0.entry.js} +1 -1
- package/dist/vega/{p-9b45e5dc.entry.js → p-e5e0394a.entry.js} +1 -1
- package/dist/vega/{p-9281cdb2.entry.js → p-f556c3cd.entry.js} +1 -1
- package/dist/vega/{p-c3c2890e.entry.js → p-f5876e05.entry.js} +1 -1
- package/dist/vega/{p-623fe226.entry.js → p-f76e9940.entry.js} +1 -1
- package/dist/vega/{p-0abe1ade.entry.js → p-fae41be0.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-2306c736.js +0 -1
- package/dist/vega/p-79019d08.js +0 -1
- package/dist/vega/p-80785fcf.entry.js +0 -1
- package/dist/vega/p-9ba68531.entry.js +0 -13
- package/dist/vega/p-bf3fbb9b.js +0 -1
- package/dist/vega/p-c06e7880.js +0 -1
- package/dist/vega/p-d71f968e.entry.js +0 -1
- package/dist/vega/p-e165c9f1.entry.js +0 -1
- package/dist/vega/p-e731976a.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as i,F as t,r as n,c as o,H as e,g as r}from"./p-1c298d5a.js";import{c as s,V as a,M as c,I as d}from"./p-6e1ab235.js";import{s as l}from"./p-6bd5c49b.js";import{V as p,I as h}from"./p-61f6167c.js";import{s as m}from"./p-9b797118.js";import{f}from"./p-04215e74.js";import{a as v}from"./p-4163c2c2.js";import{D as x}from"./p-6c6d86da.js";import{a as b,V as g}from"./p-
|
|
1
|
+
import{h as i,F as t,r as n,c as o,H as e,g as r}from"./p-1c298d5a.js";import{c as s,V as a,M as c,I as d}from"./p-6e1ab235.js";import{s as l}from"./p-6bd5c49b.js";import{V as p,I as h}from"./p-61f6167c.js";import{s as m}from"./p-9b797118.js";import{f}from"./p-04215e74.js";import{a as v}from"./p-4163c2c2.js";import{D as x}from"./p-6c6d86da.js";import{a as b,V as g}from"./p-9e9ec748.js";import{c as u,a as k}from"./p-faea1620.js";import{V as w}from"./p-6a8f1251.js";import{O as j}from"./p-331a62d5.js";import{C as y}from"./p-2d0d575f.js";import{A as E}from"./p-32f651f7.js";import{L as I}from"./p-9fbdeada.js";import{c as L}from"./p-a04632d0.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-2d5a9f66.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-c59042c0.js";import"./p-acc14aa2.js";import"./p-4d25df7d.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-3a0a4d15.js";import"./p-0fecf145.js";var z=function(i,t,n,o){var e,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,t,n,o);else for(var a=i.length-1;a>=0;a--)(e=i[a])&&(s=(r<3?e(s):r>3?e(t,n,s):e(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s};class O extends a{render(){return i("div",{class:{accordion:!0,background:this.drawsBackground,expanded:this.expand,collapsed:!this.expand,"icon-position-center":"center"===this.iconPosition}},this.renderHeader(),this.renderContent())}renderHeader(){const n=i(t,null,this.renderPrefixIcon(),this.accordionTitle?this.renderTitle():this.renderTitleSlot());return i("div",{class:"accordion-header"},i("vega-flex",{gap:"size-8","align-items":"start"},"left"===this.expandIconAlign&&this.renderExpandIcon(),n,"right"===this.expandIconAlign&&this.renderExpandIcon()))}renderPrefixIcon(){return this.prefixIcon&&i("div",{class:"accordion-prefix-icon"},i("vega-icon",{icon:this.prefixIcon,size:"size-24"}))}renderTitle(){return i("div",{class:"accordion-title"},this.accordionTitle)}renderExpandIcon(){const t=["accordion-expand-icon",`accordion-expand-icon-align-${this.expandIconAlign}`,f(this.showExpandIcon,"display")];return i("div",{class:`${v(t)}`},i("vega-button-circle",{size:"small","icon-color":"text-link",variant:"icon-only",icon:w.getIconKey("left"===this.expandIconAlign?"chevron-down":"chevron-up"),ref:i=>{x.addUniqueObserverToNode(i,b,(()=>{this.expandController.flipExpand()}))}}))}renderContent(){return i("div",{class:"accordion-content"},i("slot",{name:"content"}),i("slot",{name:"accordion-content"}))}renderTitleSlot(){return i("div",{class:"accordion-title-slot"},i("slot",{name:"title"}),i("slot",{name:"accordion-title"}))}}w.register({"chevron-up":u,"chevron-down":k}),z([s()],O.prototype,"drawsBackground",void 0),z([s()],O.prototype,"prefixIcon",void 0),z([s()],O.prototype,"accordionTitle",void 0),z([s()],O.prototype,"expandIconAlign",void 0),z([s()],O.prototype,"expand",void 0),z([s()],O.prototype,"iconPosition",void 0),z([s()],O.prototype,"showExpandIcon",void 0),z([s()],O.prototype,"expandController",void 0);var R=function(i,t,n,o){var e,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,t,n,o);else for(var a=i.length-1;a>=0;a--)(e=i[a])&&(s=(r<3?e(s):r>3?e(t,n,s):e(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s};class S extends a{flipExpand(){this.expand=!this.expand}onExpand(){this.groupId&&this.expand&&y.notify(E,{groupId:this.groupId,element:this.host}),this.expandEventEmitter.emit(this.expand)}registerObserver(){this.observer=new j(I,this.shouldCollapseSelfIfOtherExpand.bind(this)),y.register(E,this.observer)}unregisterObserver(){this.observer&&(y.unregister(E,this.observer),this.observer=null)}shouldCollapseSelfIfOtherExpand(i){this.groupId===i.groupId&&this.host!==i.element&&(this.expand=!1)}}R([s()],S.prototype,"host",void 0),R([s()],S.prototype,"groupId",void 0),R([s({writable:!0})],S.prototype,"expand",void 0),R([s()],S.prototype,"expandEventEmitter",void 0),R([c("watchExpand")],S.prototype,"onExpand",null),R([c("componentWillLoad")],S.prototype,"registerObserver",null),R([c("disconnectedCallback")],S.prototype,"unregisterObserver",null);var M=function(i,t,n,o){var e,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,t,n,o);else for(var a=i.length-1;a>=0;a--)(e=i[a])&&(s=(r<3?e(s):r>3?e(t,n,s):e(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s};const C=class{constructor(i){n(this,i),this.vegaExpand=o(this,"vegaExpand",7),this.accordionExpand=o(this,"accordionExpand",7),this.globalSlimmers={},this.renderer=new O,this.expandController=new S,this.expandEventEmitter=L(C,g,"accordionExpand"),this.vegaComponentUsageRuntimeMetricsSlimmer=new p,this.drawsBackground=!0,this.expandIconAlign="right",this.expand=!0,this.iconPosition="top",this.showExpandIcon=!0}watchExpand(){}render(){return l(i("slot",null)),m(i(e,null,this.renderer.render()),this.host)}get host(){return r(this)}static get watchers(){return{expand:["watchExpand"]}}};M([h()],C.prototype,"globalSlimmers",void 0),M([d()],C.prototype,"renderer",void 0),M([d()],C.prototype,"expandController",void 0),M([d()],C.prototype,"expandEventEmitter",void 0),M([d()],C.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),C.style=':host(.v-block),.v-block{display:block}:host(.v-inline-block),.v-inline-block{display:inline-block}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}:host(.S\\:v-inline-block),.S\\:v-inline-block{display:inline-block}:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}:host(.M\\:v-inline-block),.M\\:v-inline-block{display:inline-block}:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}:host(.L\\:v-inline-block),.L\\:v-inline-block{display:inline-block}:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}:host(.XL\\:v-inline-block),.XL\\:v-inline-block{display:inline-block}:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host{display:block;text-align:left;line-height:normal}.accordion{display:block;border-radius:16px}.accordion-title,.accordion-title-slot{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;flex-basis:0;flex-grow:1;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){.accordion-title,.accordion-title-slot{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.accordion-title,.accordion-title-slot{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.accordion-title,.accordion-title-slot{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}.accordion-prefix-icon{width:24px;height:32px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:border-box;padding-top:4px;padding-bottom:4px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-prefix-icon{align-self:center}.accordion-content{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.accordion.background{padding:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.accordion.expanded .accordion-content{margin-top:24px}.accordion.collapsed .accordion-content{max-height:0px;overflow:hidden}.accordion.collapsed .accordion-expand-icon-align-left{transform:rotate(-90deg)}.accordion.collapsed .accordion-expand-icon-align-right{transform:rotate(180deg)}.accordion-expand-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-expand-icon{align-self:center}';export{C as vega_accordion}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{W as s}from"./p-943e89b4.js";const o=async()=>s.handle();export{o as w}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{V as e,a as t,b as a,c as s,d as n,e as r,f as c,g as o,h as i,i as g,j as u,k as v,l,m as h,n as p,o as d,p as b,q as m,r as w,s as f,t as x,u as k,v as E,w as y,x as S,y as T,z as j,A,B as M,C as I,D as O,E as B,F as C,G as D,H as N,I as R,J as F,K as G,L as H,M as L,N as $,O as q,P as z,Q as J,R as K,S as P}from"./p-9e9ec748.js";import{L as Q}from"./p-6e1ab235.js";const V=new Map([["vega-accordion",[e]],["vega-app-header-button",[t,a]],["vega-banner",[s,n]],["vega-breadcrumb",[t]],["vega-button",[t]],["vega-button-circle",[t]],["vega-button-group",[t]],["vega-button-link",[t]],["vega-calendar",[r,c,o,i]],["vega-carousel",[g]],["vega-checkbox",[r]],["vega-checkbox-group",[r]],["vega-chip",[s,t]],["vega-color-picker",[r]],["vega-combo-box",[r,u,v]],["vega-date-picker",[r]],["vega-dropdown",[l,h,a,u,p,d]],["vega-dropdown-item",[t]],["vega-field-label",[t,b]],["vega-file-uploader",[r,m,w,f,x]],["vega-form",[k,E,y]],["vega-image-uploader",[r,w,S]],["vega-input",[r,T,j,b]],["vega-input-credit-card",[r,j,T]],["vega-input-numeric",[r]],["vega-input-phone-number",[r,A]],["vega-input-range",[r]],["vega-input-select",[r,v,d,M,I]],["vega-item-toggle",[O]],["vega-modal",[B,s]],["vega-left-nav",[C]],["vega-left-nav-group",[D]],["vega-left-nav-link",[N]],["vega-left-nav-section",[R]],["vega-pagination",[r,F]],["vega-popover",[G,H]],["vega-progress-tracker",[L]],["vega-radio",[r,T,j]],["vega-radio-group",[r]],["vega-segment-control",[r]],["vega-selection-chip",[r]],["vega-selection-chip-group",[r]],["vega-selection-tile",[r]],["vega-selection-tile-group",[r]],["vega-sidenav",[C]],["vega-sidenav-link",[t]],["vega-signature-capture",[r]],["vega-stepper",[r]],["vega-tab-group",[t]],["vega-table",[r,$,q,z,J,K,P]],["vega-table-head-cell",[t]],["vega-table-row",[t,e]],["vega-textarea",[r,j]],["vega-time-picker",[r]],["vega-toggle-switch",[r]]]);class U{getHostName(){return this.vegaComponentName}getEventName(){return this.eventName}handle(e,t){const a=this.createEventTarget(e);a.style.display="none",e.appendChild(a);const s=this.createEvent(this.eventName);return t&&Object.defineProperty(s,"detail",{configurable:!0,value:t}),a.dispatchEvent(s),a.remove(),s}copyAttributesToTarget(e,t){e&&t&&Array.from(e.attributes).filter((e=>!e.name.startsWith("on"))).forEach((a=>{try{t.setAttribute(a.name,a.value)}catch(t){Q.error(`Delegated strategy copy ${e.tagName} attribute '${a.name}' error.`)}}))}createEvent(e){let t=new Event(e,{bubbles:!0,cancelable:!0});return"click"===e&&(t=new MouseEvent(e,{bubbles:!0,cancelable:!0})),t}}class W extends U{constructor(){super(...arguments),this.eventName="click",this.vegaComponentName="vega-button"}createEventTarget(e){const t=document.createElement("button");return this.copyAttributesToTarget(e,t),t.type=e.type,t}}class X extends U{constructor(){super(...arguments),this.eventName="change",this.vegaComponentName="vega-checkbox"}createEventTarget(e){const t=document.createElement("input");return this.copyAttributesToTarget(e,t),t.type="checkbox",t.checked=e.checked,t}}class Y extends U{constructor(){super(...arguments),this.eventName="change",this.vegaComponentName="vega-input-select"}createEventTarget(e){const t=document.createElement("select");return this.copyAttributesToTarget(e,t),e.value&&(t.value=e.value.toString()),t}}class Z extends U{constructor(e){super(),this.vegaComponentName="vega-input",this.eventName=e}createEventTarget(e){const t=document.createElement("input");return this.copyAttributesToTarget(e,t),t.type=e.type,t.value=e.value,t}}class _ extends U{constructor(){super(...arguments),this.eventName="change",this.vegaComponentName="vega-radio"}createEventTarget(e){const t=document.createElement("input");return this.copyAttributesToTarget(e,t),t.type="radio",t.checked=e.checked,t}}class ee extends U{constructor(){super(...arguments),this.vegaComponentName="vega-textarea",this.eventName="change"}createEventTarget(e){const t=document.createElement("textarea");return this.copyAttributesToTarget(e,t),t.value=e.value,t}}const te=new class{constructor(){this.strategyRegistry=new Map,this.updateStrategyRegistry([new W,new Z("change"),new Z("focus"),new Z("blur"),new Y,new ee,new X,new _])}isSupportDelegated(e,t){let a=!1;const s=e.tagName.toLowerCase();return this.strategyRegistry.get(s)&&this.strategyRegistry.get(s).get(t.getNativeName())&&(a=!0),a}updateRegistryFromEventSemantics(e){let t=[];const{global:a,components:s}=e;if(a&&Array.isArray(a.jqueryDelegatedEvent)&&(t=t.concat(a.jqueryDelegatedEvent)),s)for(const e in s)Array.isArray(s[e].jqueryDelegatedEvent)&&(t=t.concat(s[e].jqueryDelegatedEvent));t.length&&this.updateStrategyRegistry(t)}getStrategy(e,t){const a=e.tagName.toLowerCase();if(this.strategyRegistry&&this.strategyRegistry.get(a))return this.strategyRegistry.get(a).get(t.getNativeName())}updateStrategyRegistry(e){e.forEach((e=>{const t=e.getHostName(),a=e.getEventName();if(this.strategyRegistry.get(t))this.strategyRegistry.get(t).set(a,e);else{const s=new Map;s.set(a,e),this.strategyRegistry.set(t,s)}}))}},ae=new class{constructor(){this.config={},this.defaultEventSemantics={namespace:"vega"}}setSemantics(e){this.config=e,te.updateRegistryFromEventSemantics(e)}getSemantics(e){return Object.assign({},this.defaultEventSemantics,this.getSemanticsInGlobal(),this.getSemanticsInComponents(e))}getEnabledEventIdsByComponent(e){return V.get(e)}getSemanticsInGlobal(){return this.config.global}getSemanticsInComponents(e){const t=e.tagName.toLocaleLowerCase();return this.config.components&&Object.prototype.hasOwnProperty.call(this.config.components,t)?this.config.components[t]:null}};export{U as B,ae as i,te as j}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as t,r as i,c as n,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as a,V as l,M as c,I as d}from"./p-6e1ab235.js";import{V as h,I as g}from"./p-61f6167c.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-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as a,V as l,M as c,I as d}from"./p-6e1ab235.js";import{V as h,I as g}from"./p-61f6167c.js";import{c as m}from"./p-a04632d0.js";import{e as p}from"./p-9e9ec748.js";import{P as f}from"./p-47c87634.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-6c6d86da.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-0fecf145.js";import"./p-f46c930f.js";import"./p-74168615.js";var v=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};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([a()],x.prototype,"segments",void 0),v([a()],x.prototype,"segmentRenderer",void 0);var b=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};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([a({writable:!0})],u.prototype,"selected",void 0),b([a()],u.prototype,"segments",void 0),b([a()],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,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};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([a()],j.prototype,"host",void 0),w([a()],j.prototype,"block",void 0),w([a()],j.prototype,"size",void 0),w([a({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,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};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([a()],S.prototype,"host",void 0),y([a()],S.prototype,"size",void 0),y([a()],S.prototype,"selected",void 0),y([a()],S.prototype,"variant",void 0),y([a()],S.prototype,"block",void 0),y([a()],S.prototype,"isOverflowBlockSegments",void 0),y([a()],S.prototype,"selectedController",void 0);var k=function(e,t,i,n){var s,o=arguments.length,r=o<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,n);else for(var a=e.length-1;a>=0;a--)(s=e[a])&&(r=(o<3?s(r):o>3?s(t,i,r):s(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};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 r(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{h as t,r as e,c as i,H as n,g as a}from"./p-1c298d5a.js";import{M as r,a as s}from"./p-f5b0ce61.js";import{M as o,a as p}from"./p-f41102cd.js";import{R as l}from"./p-e2acbc60.js";import{s as h}from"./p-9b797118.js";import{c as d}from"./p-86194314.js";import{C as c}from"./p-ed4a57a8.js";import{c as u,V as f,M as x,I as g}from"./p-6e1ab235.js";import{s as m}from"./p-6bd5c49b.js";import{V as v,I as b}from"./p-61f6167c.js";import{F as w}from"./p-b347f967.js";import{c as y}from"./p-302e7589.js";import{e as j,y as I,z,p as C}from"./p-bf3fbb9b.js";import{b as k}from"./p-32f651f7.js";import{C as S}from"./p-2d0d575f.js";import{S as R,a as N}from"./p-a46329bb.js";import{M as T}from"./p-9fbdeada.js";import{D as E}from"./p-6c6d86da.js";import{P as O}from"./p-47c87634.js";import{S as D}from"./p-ae3fd67e.js";import"./p-262ec334.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-e731976a.js";import"./p-9f3b1d77.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-2306c736.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";const V=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/;class ${evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const e=V.test(t.toLowerCase());return{isValid:e,message:e?"":"Please enter the correct email format."}}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t&&t.length>0}}class A extends f{getCopyPasteProps(){return this.disableCopyPaste?{onCopy:this.preventDefault,onCut:this.preventDefault,onPaste:this.preventDefault}:{}}preventDefault(t){t.preventDefault()}}!function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)}([u()],A.prototype,"disableCopyPaste",void 0);var F=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class L extends f{render(){const e=this.hasPrefixSlot();if(this.prefixIcon||e)return t("div",{class:{"vega-input-prefix":!0,"vega-input-prefix-slot":e},part:"prefix-icon-container"},this.prefixIcon&&!e?t("vega-icon",{icon:this.prefixIcon,size:"size-16"}):null,t("slot",{name:"prefix-icon"}))}hasPrefixSlot(){return!!this.host.querySelector('[slot="prefix-icon"]')}}F([u()],L.prototype,"host",void 0),F([u()],L.prototype,"prefixIcon",void 0);class M{format(t){if(!t.length)return t;const e=Number(t.replace(/,/g,""));return!isNaN(e)&&e<=Number.MAX_SAFE_INTEGER?e.toLocaleString("en-US"):t}calculateCaretPosition(t,e){const i=this.format(t),n=t.substring(0,e),a=i.substring(0,e),r=(n.match(/,/g)||[]).length;return e+((a.match(/,/g)||[]).length-r)}}class P{constructor(t){this.maskConfig={allowNegative:!0},this.skipFormat=t=>this.maskConfig.allowNegative&&"-"===t||null!=this.maskConfig.precision&&this.maskConfig.precision>0&&t.split(".").length-1==1&&t.endsWith(".")&&!t.startsWith("."),this.maskConfig=Object.assign(Object.assign({},this.maskConfig),t),this.mask=new RegExp(this.getRegExp())}format(t){const e=this.redressAbnormalNumber(t);if(this.skipFormat(e))return e;const i=[...e];for(let t=e.length-1;t>=0;t--){const t=i.join("");this.inputNeedFormat(t)&&i.pop()}return i.join("")}calculateCaretPosition(t,e){if(T(e)){const i=this.redressAbnormalNumber(t);return e-(t.length-i.length)}}inputNeedFormat(t){return!this.mask.test(t)}redressAbnormalNumber(t){let e=t.replace(/^0+(?!$)/,"");return e.startsWith(".")&&(e=`0${e}`),e}getRegExp(){const t=this.maskConfig.allowNegative?"(\\-)?":"";let e;return e=0===this.maskConfig.precision?`^${t}(0|[1-9][0-9]*)$`:this.maskConfig.precision&&this.maskConfig.precision>0?`^${t}(0|0\\.\\d{1,${this.maskConfig.precision}}|[1-9][0-9]*(\\.\\d{1,${this.maskConfig.precision}})?)$`:`^${t}(0|0\\.\\d*|[1-9][0-9]*(\\.\\d*)?)$`,e}}class _{constructor(t,e=!1){this.resetCaretPositionFlag=!1,this.formatter=t,this.resetCaretPositionFlag=e}format(t){return this.formatter(t)}calculateCaretPosition(t,e){if(!0===this.resetCaretPositionFlag)return this.format(t).length;if(T(e)){const i=t.substring(0,e);return e+(this.format(i).length-i.length)}}shouldTriggerAtInit(){return!0}}class B extends P{constructor(t){super(t)}format(t){const e=this.redressAbnormalNumber(t);if(this.skipFormat(e))return e;const i=[...e];for(let t=e.length-1;t>=0;t--){const t=i.join("");this.inputNeedFormat(t.replace(/,/g,""))&&i.pop()}return this.thousandCommaFormat(i.join(""))}calculateCaretPosition(t,e){const i=this.redressAbnormalNumber(t),n=this.format(t),a=t.substring(0,e),r=n.substring(0,e),s=(a.match(/,/g)||[]).length;return e+((r.match(/,/g)||[]).length-s)-(t.length-i.length)}thousandCommaFormat(t){if(!t.length)return t;const e=t.replace(/[^\d.-]/g,""),i=e.indexOf("."),n=e.length>1&&i>=1?e.slice(i):"",a=Number(e.split(".")[0]);return!isNaN(a)&&a<=Number.MAX_SAFE_INTEGER?a.toLocaleString("en-US")+n:e}}var U=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class W extends R{constructor(){super(...arguments),this.getInputElementRef=()=>this.inputRef,this.getInputModeStrategy=()=>this.generateMaskStrategy("input"),this.getBlurModeStrategy=()=>this.generateMaskStrategy("blur")}setupStringFormatter(t){this.inputRef=t,this.setup()}generateMaskStrategy(t){let e=null;Array.isArray(this.maskConfig)?e=this.maskConfig.find((e=>"blur"===t?this.isBlurModeMaskConfig(e):!this.isBlurModeMaskConfig(e))):this.maskConfig&&("blur"===t&&this.isBlurModeMaskConfig(this.maskConfig)?e=this.maskConfig:"input"!==t||this.isBlurModeMaskConfig(this.maskConfig)||(e=this.maskConfig));let i=null;switch(null==e?void 0:e.type){case"phone":i=N.PHONE_MASK;break;case"taxId":i=N.TAX_ID_MASK;break;case"zipcode":i=N.ZIPCODE_MASK;break;case"thousand-comma":i=new M;break;case"number":i=this.getNumberTypeMaskStrategy(e.options);break;case"custom":i=new N(e.options);break;case"custom-formatter":i=new _(e.formatter,e.resetCaretPosition)}return"number"!==this.type||"input"!==t||e||(i=new P),i}getNumberTypeMaskStrategy(t){return t&&t.thousandComma?new B(t):new P(t)}isBlurModeMaskConfig(t){return"custom"===t.type&&"blur"===t.trigger}}U([u()],W.prototype,"maskConfig",void 0),U([u()],W.prototype,"disableCopyPaste",void 0),U([u()],W.prototype,"type",void 0);const K=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!1===t.autoValidation},{payloadKey:"EMAIL_IS_TRUE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!0===t.email},{payloadKey:"EMAIL_IS_FALSE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!1===t.email}];var G=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class q extends f{componentDidLoad(){this.setInputAutoWidth()}watchValue(){this.setInputAutoWidth()}watchSuffixText(){this.setInputAutoWidth()}setInputAutoWidth(){const t=this.host.shadowRoot.querySelector(".vega-input-container"),e=null==t?void 0:t.querySelector(".vega-input-input"),i=null==e?void 0:e.querySelector("input");if(i&&(t.classList.remove("auto-width"),i.style.removeProperty("width"),this.isCompactInputWidth&&this.suffixText)){const n=this.getActualInputWidth();e.getBoundingClientRect().width>n&&(i.style.width=`${n}px`,t.classList.add("auto-width"))}}getActualInputWidth(){const t=this.getCalculateTextWidthContainer();t.style.display="inline-block",t.textContent=`${this.value||this.placeholder||""}`;const e=t.getBoundingClientRect().width;return t.style.display="none",e}getCalculateTextWidthContainer(){if(!this.calculateTextWidthContainer){const t=document.createElement("div");t.classList.add("v-font-field-value"),t.style.visibility="hidden",t.style.display="none",this.host.shadowRoot.append(t),this.calculateTextWidthContainer=t}return this.calculateTextWidthContainer}}G([u()],q.prototype,"host",void 0),G([u()],q.prototype,"value",void 0),G([u()],q.prototype,"placeholder",void 0),G([u()],q.prototype,"isCompactInputWidth",void 0),G([u()],q.prototype,"suffixText",void 0),G([x("componentDidLoad")],q.prototype,"componentDidLoad",null),G([x("watchValue")],q.prototype,"watchValue",null),G([x("watchSuffixText")],q.prototype,"watchSuffixText",null);var H=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class J extends D{constructor(){super({parent:"vega-input-numeric",subStates:[{subStateName:"prefixText",parentStateName:"prefixText"},{subStateName:"suffixText",parentStateName:"suffixText"},{subStateName:"isCompactInputWidth",parentStateName:"isCompactInputWidth"}]})}}H([u()],J.prototype,"host",void 0),H([u({writable:!0})],J.prototype,"prefixText",void 0),H([u({writable:!0})],J.prototype,"suffixText",void 0),H([u({writable:!0})],J.prototype,"isCompactInputWidth",void 0);var Q=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};const X=class{constructor(n){e(this,n),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.vegaLabelButtonClick=i(this,"vegaLabelButtonClick",7),this.labelButtonClick=i(this,"labelButtonClick",7),this.globalSlimmers={},this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new l:null},{propertyName:"min",ruleFactory:t=>t?new r({minValue:t}):null},{propertyName:"max",ruleFactory:t=>t?new s({maxValue:t}):null},{propertyName:"minLength",ruleFactory:t=>t?new o({minStrLength:t}):null},{propertyName:"maxLength",ruleFactory:t=>t?new p({maxStrLength:t}):null},{propertyName:"email",ruleFactory:t=>t?new $:null},{propertyName:"type",ruleFactory:t=>"email"===t?new $:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.pageResizeObserverSlimmer=new O({callback:()=>this.compactWidthController.setInputAutoWidth()}),this.copyPasteController=new A,this.compactWidthController=new q,this.stateController=new J,this.maskConfigController=new W,this.prefixSlotRenderer=new L,this.changeEventEmitter=y(X,j),this.focusEventEmitter=y(X,I),this.blurEventEmitter=y(X,z),this.labelButtonClickEventEmitter=y(X,C),this.vegaComponentUsageRuntimeMetricsSlimmer=new v(K),this.label="",this.labelSuffixButtonProps=null,this.value="",this.valueUpdateTrigger="input",this.type="text",this.name="",this.autocomplete="off",this.email=!1,this.required=!1,this.min=null,this.max=null,this.minLength=null,this.maxLength=null,this.showClearIcon=!0,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.disabled=!1,this.hint="",this.disableCopyPaste=!1,this.focusInput=()=>{this.inputRef.focus()},this.setInputRef=t=>{t&&this.inputRef!==t&&(this.inputRef=t,this.maskConfigController.setupStringFormatter(t))},this.renderPrefixText=()=>this.prefixText&&t("div",{class:"prefix-text"},this.prefixText),this.renderSuffixText=()=>this.suffixText&&t("div",{class:"suffix-text"},this.suffixText),this.handleInputFocus=t=>{this.focusEventEmitter.emit(void 0,t)},this.handleInputBlur=t=>{this.blurEventEmitter.emit(void 0,t)},this.onClickClearIcon=()=>{this.value=""},this.isClearIconVisible=()=>!this.disabled&&Boolean(this.value),this.onInputHandler=t=>{"change"!==this.valueUpdateTrigger&&(this.value=t.target.value)},this.inputChangeHandler=t=>{"change"===this.valueUpdateTrigger&&(this.value=t.target.value)},this.handleLabelButtonClick=()=>{this.labelButtonClickEventEmitter.emit()}}watchSuffixText(){}watchValue(t){this.changeEventEmitter.emit(t),this.inputRef.value!==this.value&&(this.inputRef.value=this.value),S.notify(k,{host:this.host,detail:this.value})}watchValidationRules(){}watchMaskChange(){this.maskConfigController.setupStringFormatter(this.inputRef)}async doFocus(){this.focusInput()}async doBlur(){this.inputRef.blur()}render(){return m(t("slot",null)),h(t(n,{class:"hidden"===this.type?"vega-input-hidden":"vega-input-inline-block"},this.groupDom()),this.host)}containerDom(){return t("div",{class:"vega-input-input"},t("input",Object.assign({part:"input",name:this.name,type:"number"===this.type?"text":this.type,autoComplete:this.autocomplete,value:this.value,ref:this.setInputRef,placeholder:this.placeholder,disabled:this.disabled,"aria-label":this.label||"No label defined",minLength:this.minLength,maxLength:this.maxLength,onBlur:t=>this.handleInputBlur(t),onFocus:t=>this.handleInputFocus(t),onChange:this.inputChangeHandler,onInput:this.onInputHandler},this.copyPasteController.getCopyPasteProps())))}groupDom(){let e="vega-input-container";return this.value&&(e+=" with-value"),e+="small"===this.size?" vega-input-size-small":" vega-input-size-default",e+=this.disabled?" vega-input-disabled":"",this.isCompactInputWidth&&(e+=" compact-input-width"),t("div",{class:"vega-input",part:"container-wrapper"},this.renderLabelDom(),t("div",{ref:t=>this.inputContainerRef=t,part:"input-container",class:e,onClick:this.focusInput,"aria-label":"input container","aria-disabled":`${this.disabled}`,role:"textbox",tabIndex:this.disabled?null:-1,onKeyDown:d()},this.prefixSlotRenderer.render(),this.renderPrefixText(),this.containerDom(),this.renderSuffixText(),this.showClearIcon&&this.renderClearIcon()),this.renderHintDom())}renderLabelDom(){return t("vega-field-label",{onClick:this.focusInput,"is-field-required":this.required,disabled:this.disabled,label:this.label,suffixButtonProps:this.labelSuffixButtonProps,ref:t=>{E.addUniqueObserverToNode(t,C,this.handleLabelButtonClick)}})}renderClearIcon(){return t("div",{class:{"vega-input-clear-icon":!0,invisible:!this.isClearIconVisible()},tabIndex:-1,"aria-label":"clear input",role:"button",onClick:this.onClickClearIcon,onKeyDown:d()},t("vega-icon",{icon:"close"}))}renderHintDom(){return""!==this.hint?t("div",{class:"vega-hint"},t("label",null,this.hint)):null}get host(){return a(this)}static get watchers(){return{suffixText:["watchSuffixText"],value:["watchValue"],validationRules:["watchValidationRules"],maskConfig:["watchMaskChange"]}}};Q([b()],X.prototype,"globalSlimmers",void 0),Q([g()],X.prototype,"formFieldController",void 0),Q([g()],X.prototype,"pageResizeObserverSlimmer",void 0),Q([g()],X.prototype,"copyPasteController",void 0),Q([g()],X.prototype,"compactWidthController",void 0),Q([g()],X.prototype,"stateController",void 0),Q([g()],X.prototype,"maskConfigController",void 0),Q([g()],X.prototype,"prefixSlotRenderer",void 0),Q([g()],X.prototype,"changeEventEmitter",void 0),Q([g()],X.prototype,"focusEventEmitter",void 0),Q([g()],X.prototype,"blurEventEmitter",void 0),Q([g()],X.prototype,"labelButtonClickEventEmitter",void 0),Q([g()],X.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Q([c()],X.prototype,"watchMaskChange",null),X.style=':host{cursor:text;display:block;text-align:left;line-height:normal}:host(.vega-input-inline-block){display:inline-block;width:100%}:host(.vega-input-hidden){display:none}vega-field-label{margin-bottom:8px}.vega-input-container{display:flex;align-items:center;border-radius:8px;gap:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}.vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-container.vega-input-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.vega-input-container.with-value{border-width:1px;border-style:solid;border-radius:8px}.vega-input-container:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-prefix{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}.vega-input-prefix.vega-input-prefix-slot{height:24px;overflow:hidden}.vega-input-input{flex:1 1 0%;position:relative}.vega-input-input input{width:100%;outline:2px solid transparent;outline-offset:2px;border-style:none;height:24px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-input-input input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-input-size-small{padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px}.vega-input-size-default{padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px}.vega-input-input input:disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.vega-hint{padding-top:12px;padding-right:8px;padding-left:8px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon.invisible{visibility:hidden}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.vega-input-container.compact-input-width{gap:0px}.vega-input-container.compact-input-width .vega-input-prefix{margin-right:8px}.vega-input-container.compact-input-width .prefix-text,.vega-input-container.compact-input-width .suffix-text{margin-right:2px}.vega-input-container.compact-input-width .vega-input-clear-icon{margin-left:2px}.vega-input-container.compact-input-width .vega-input-input input{padding:0px;min-width:1px}.vega-input-container.compact-input-width.auto-width .vega-input-input{flex-grow:0}.vega-input-container.compact-input-width.auto-width .suffix-text{flex-grow:1}.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0;flex-grow:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.v-font-field-value{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.v-font-field-value{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.v-font-field-value{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.v-font-field-value{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}';export{X as vega_input}
|
|
1
|
+
import{h as t,r as e,c as i,H as n,g as a}from"./p-1c298d5a.js";import{M as r,a as s}from"./p-f5b0ce61.js";import{M as o,a as p}from"./p-f41102cd.js";import{R as l}from"./p-e2acbc60.js";import{s as h}from"./p-9b797118.js";import{c as d}from"./p-86194314.js";import{C as c}from"./p-ed4a57a8.js";import{c as u,V as f,M as x,I as g}from"./p-6e1ab235.js";import{s as m}from"./p-6bd5c49b.js";import{V as v,I as b}from"./p-61f6167c.js";import{F as w}from"./p-16bb355d.js";import{c as y}from"./p-a04632d0.js";import{e as j,y as I,z,p as C}from"./p-9e9ec748.js";import{b as k}from"./p-32f651f7.js";import{C as S}from"./p-2d0d575f.js";import{S as R,a as N}from"./p-a46329bb.js";import{M as T}from"./p-9fbdeada.js";import{D as E}from"./p-6c6d86da.js";import{P as O}from"./p-47c87634.js";import{S as D}from"./p-590870e4.js";import"./p-262ec334.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-8a091eb7.js";import"./p-9f3b1d77.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-0fecf145.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";const V=/^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/;class ${evaluate(t){if(!this.isAcceptedInputType(t))throw new Error(`Unexpected type of input: ${typeof t}: ${t}`);const e=V.test(t.toLowerCase());return{isValid:e,message:e?"":"Please enter the correct email format."}}canEvaluate(t,e){return e?this.isAcceptedInputType(t)&&!e.disabled&&e.visible:this.isAcceptedInputType(t)}shouldShowError(t){return!t.disabled&&t.visible&&(t.touched||t.modified)}isAcceptedInputType(t){return"string"==typeof t&&t.length>0}}class A extends f{getCopyPasteProps(){return this.disableCopyPaste?{onCopy:this.preventDefault,onCut:this.preventDefault,onPaste:this.preventDefault}:{}}preventDefault(t){t.preventDefault()}}!function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);r>3&&s&&Object.defineProperty(e,i,s)}([u()],A.prototype,"disableCopyPaste",void 0);var F=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class L extends f{render(){const e=this.hasPrefixSlot();if(this.prefixIcon||e)return t("div",{class:{"vega-input-prefix":!0,"vega-input-prefix-slot":e},part:"prefix-icon-container"},this.prefixIcon&&!e?t("vega-icon",{icon:this.prefixIcon,size:"size-16"}):null,t("slot",{name:"prefix-icon"}))}hasPrefixSlot(){return!!this.host.querySelector('[slot="prefix-icon"]')}}F([u()],L.prototype,"host",void 0),F([u()],L.prototype,"prefixIcon",void 0);class M{format(t){if(!t.length)return t;const e=Number(t.replace(/,/g,""));return!isNaN(e)&&e<=Number.MAX_SAFE_INTEGER?e.toLocaleString("en-US"):t}calculateCaretPosition(t,e){const i=this.format(t),n=t.substring(0,e),a=i.substring(0,e),r=(n.match(/,/g)||[]).length;return e+((a.match(/,/g)||[]).length-r)}}class P{constructor(t){this.maskConfig={allowNegative:!0},this.skipFormat=t=>this.maskConfig.allowNegative&&"-"===t||null!=this.maskConfig.precision&&this.maskConfig.precision>0&&t.split(".").length-1==1&&t.endsWith(".")&&!t.startsWith("."),this.maskConfig=Object.assign(Object.assign({},this.maskConfig),t),this.mask=new RegExp(this.getRegExp())}format(t){const e=this.redressAbnormalNumber(t);if(this.skipFormat(e))return e;const i=[...e];for(let t=e.length-1;t>=0;t--){const t=i.join("");this.inputNeedFormat(t)&&i.pop()}return i.join("")}calculateCaretPosition(t,e){if(T(e)){const i=this.redressAbnormalNumber(t);return e-(t.length-i.length)}}inputNeedFormat(t){return!this.mask.test(t)}redressAbnormalNumber(t){let e=t.replace(/^0+(?!$)/,"");return e.startsWith(".")&&(e=`0${e}`),e}getRegExp(){const t=this.maskConfig.allowNegative?"(\\-)?":"";let e;return e=0===this.maskConfig.precision?`^${t}(0|[1-9][0-9]*)$`:this.maskConfig.precision&&this.maskConfig.precision>0?`^${t}(0|0\\.\\d{1,${this.maskConfig.precision}}|[1-9][0-9]*(\\.\\d{1,${this.maskConfig.precision}})?)$`:`^${t}(0|0\\.\\d*|[1-9][0-9]*(\\.\\d*)?)$`,e}}class _{constructor(t,e=!1){this.resetCaretPositionFlag=!1,this.formatter=t,this.resetCaretPositionFlag=e}format(t){return this.formatter(t)}calculateCaretPosition(t,e){if(!0===this.resetCaretPositionFlag)return this.format(t).length;if(T(e)){const i=t.substring(0,e);return e+(this.format(i).length-i.length)}}shouldTriggerAtInit(){return!0}}class B extends P{constructor(t){super(t)}format(t){const e=this.redressAbnormalNumber(t);if(this.skipFormat(e))return e;const i=[...e];for(let t=e.length-1;t>=0;t--){const t=i.join("");this.inputNeedFormat(t.replace(/,/g,""))&&i.pop()}return this.thousandCommaFormat(i.join(""))}calculateCaretPosition(t,e){const i=this.redressAbnormalNumber(t),n=this.format(t),a=t.substring(0,e),r=n.substring(0,e),s=(a.match(/,/g)||[]).length;return e+((r.match(/,/g)||[]).length-s)-(t.length-i.length)}thousandCommaFormat(t){if(!t.length)return t;const e=t.replace(/[^\d.-]/g,""),i=e.indexOf("."),n=e.length>1&&i>=1?e.slice(i):"",a=Number(e.split(".")[0]);return!isNaN(a)&&a<=Number.MAX_SAFE_INTEGER?a.toLocaleString("en-US")+n:e}}var U=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class W extends R{constructor(){super(...arguments),this.getInputElementRef=()=>this.inputRef,this.getInputModeStrategy=()=>this.generateMaskStrategy("input"),this.getBlurModeStrategy=()=>this.generateMaskStrategy("blur")}setupStringFormatter(t){this.inputRef=t,this.setup()}generateMaskStrategy(t){let e=null;Array.isArray(this.maskConfig)?e=this.maskConfig.find((e=>"blur"===t?this.isBlurModeMaskConfig(e):!this.isBlurModeMaskConfig(e))):this.maskConfig&&("blur"===t&&this.isBlurModeMaskConfig(this.maskConfig)?e=this.maskConfig:"input"!==t||this.isBlurModeMaskConfig(this.maskConfig)||(e=this.maskConfig));let i=null;switch(null==e?void 0:e.type){case"phone":i=N.PHONE_MASK;break;case"taxId":i=N.TAX_ID_MASK;break;case"zipcode":i=N.ZIPCODE_MASK;break;case"thousand-comma":i=new M;break;case"number":i=this.getNumberTypeMaskStrategy(e.options);break;case"custom":i=new N(e.options);break;case"custom-formatter":i=new _(e.formatter,e.resetCaretPosition)}return"number"!==this.type||"input"!==t||e||(i=new P),i}getNumberTypeMaskStrategy(t){return t&&t.thousandComma?new B(t):new P(t)}isBlurModeMaskConfig(t){return"custom"===t.type&&"blur"===t.trigger}}U([u()],W.prototype,"maskConfig",void 0),U([u()],W.prototype,"disableCopyPaste",void 0),U([u()],W.prototype,"type",void 0);const K=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the input field should undergo automatic validation during the user's input",payloadValue:t=>!1===t.autoValidation},{payloadKey:"EMAIL_IS_TRUE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!0===t.email},{payloadKey:"EMAIL_IS_FALSE",payloadDescription:"@deprecated Enforces proper email format validation for the input field.",payloadValue:t=>!1===t.email}];var G=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class q extends f{componentDidLoad(){this.setInputAutoWidth()}watchValue(){this.setInputAutoWidth()}watchSuffixText(){this.setInputAutoWidth()}setInputAutoWidth(){const t=this.host.shadowRoot.querySelector(".vega-input-container"),e=null==t?void 0:t.querySelector(".vega-input-input"),i=null==e?void 0:e.querySelector("input");if(i&&(t.classList.remove("auto-width"),i.style.removeProperty("width"),this.isCompactInputWidth&&this.suffixText)){const n=this.getActualInputWidth();e.getBoundingClientRect().width>n&&(i.style.width=`${n}px`,t.classList.add("auto-width"))}}getActualInputWidth(){const t=this.getCalculateTextWidthContainer();t.style.display="inline-block",t.textContent=`${this.value||this.placeholder||""}`;const e=t.getBoundingClientRect().width;return t.style.display="none",e}getCalculateTextWidthContainer(){if(!this.calculateTextWidthContainer){const t=document.createElement("div");t.classList.add("v-font-field-value"),t.style.visibility="hidden",t.style.display="none",this.host.shadowRoot.append(t),this.calculateTextWidthContainer=t}return this.calculateTextWidthContainer}}G([u()],q.prototype,"host",void 0),G([u()],q.prototype,"value",void 0),G([u()],q.prototype,"placeholder",void 0),G([u()],q.prototype,"isCompactInputWidth",void 0),G([u()],q.prototype,"suffixText",void 0),G([x("componentDidLoad")],q.prototype,"componentDidLoad",null),G([x("watchValue")],q.prototype,"watchValue",null),G([x("watchSuffixText")],q.prototype,"watchSuffixText",null);var H=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};class J extends D{constructor(){super({parent:"vega-input-numeric",subStates:[{subStateName:"prefixText",parentStateName:"prefixText"},{subStateName:"suffixText",parentStateName:"suffixText"},{subStateName:"isCompactInputWidth",parentStateName:"isCompactInputWidth"}]})}}H([u()],J.prototype,"host",void 0),H([u({writable:!0})],J.prototype,"prefixText",void 0),H([u({writable:!0})],J.prototype,"suffixText",void 0),H([u({writable:!0})],J.prototype,"isCompactInputWidth",void 0);var Q=function(t,e,i,n){var a,r=arguments.length,s=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(a=t[o])&&(s=(r<3?a(s):r>3?a(e,i,s):a(e,i))||s);return r>3&&s&&Object.defineProperty(e,i,s),s};const X=class{constructor(n){e(this,n),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.vegaLabelButtonClick=i(this,"vegaLabelButtonClick",7),this.labelButtonClick=i(this,"labelButtonClick",7),this.globalSlimmers={},this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new l:null},{propertyName:"min",ruleFactory:t=>t?new r({minValue:t}):null},{propertyName:"max",ruleFactory:t=>t?new s({maxValue:t}):null},{propertyName:"minLength",ruleFactory:t=>t?new o({minStrLength:t}):null},{propertyName:"maxLength",ruleFactory:t=>t?new p({maxStrLength:t}):null},{propertyName:"email",ruleFactory:t=>t?new $:null},{propertyName:"type",ruleFactory:t=>"email"===t?new $:null}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.pageResizeObserverSlimmer=new O({callback:()=>this.compactWidthController.setInputAutoWidth()}),this.copyPasteController=new A,this.compactWidthController=new q,this.stateController=new J,this.maskConfigController=new W,this.prefixSlotRenderer=new L,this.changeEventEmitter=y(X,j),this.focusEventEmitter=y(X,I),this.blurEventEmitter=y(X,z),this.labelButtonClickEventEmitter=y(X,C),this.vegaComponentUsageRuntimeMetricsSlimmer=new v(K),this.label="",this.labelSuffixButtonProps=null,this.value="",this.valueUpdateTrigger="input",this.type="text",this.name="",this.autocomplete="off",this.email=!1,this.required=!1,this.min=null,this.max=null,this.minLength=null,this.maxLength=null,this.showClearIcon=!0,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.size="default",this.disabled=!1,this.hint="",this.disableCopyPaste=!1,this.focusInput=()=>{this.inputRef.focus()},this.setInputRef=t=>{t&&this.inputRef!==t&&(this.inputRef=t,this.maskConfigController.setupStringFormatter(t))},this.renderPrefixText=()=>this.prefixText&&t("div",{class:"prefix-text"},this.prefixText),this.renderSuffixText=()=>this.suffixText&&t("div",{class:"suffix-text"},this.suffixText),this.handleInputFocus=t=>{this.focusEventEmitter.emit(void 0,t)},this.handleInputBlur=t=>{this.blurEventEmitter.emit(void 0,t)},this.onClickClearIcon=()=>{this.value=""},this.isClearIconVisible=()=>!this.disabled&&Boolean(this.value),this.onInputHandler=t=>{"change"!==this.valueUpdateTrigger&&(this.value=t.target.value)},this.inputChangeHandler=t=>{"change"===this.valueUpdateTrigger&&(this.value=t.target.value)},this.handleLabelButtonClick=()=>{this.labelButtonClickEventEmitter.emit()}}watchSuffixText(){}watchValue(t){this.changeEventEmitter.emit(t),this.inputRef.value!==this.value&&(this.inputRef.value=this.value),S.notify(k,{host:this.host,detail:this.value})}watchValidationRules(){}watchMaskChange(){this.maskConfigController.setupStringFormatter(this.inputRef)}async doFocus(){this.focusInput()}async doBlur(){this.inputRef.blur()}render(){return m(t("slot",null)),h(t(n,{class:"hidden"===this.type?"vega-input-hidden":"vega-input-inline-block"},this.groupDom()),this.host)}containerDom(){return t("div",{class:"vega-input-input"},t("input",Object.assign({part:"input",name:this.name,type:"number"===this.type?"text":this.type,autoComplete:this.autocomplete,value:this.value,ref:this.setInputRef,placeholder:this.placeholder,disabled:this.disabled,"aria-label":this.label||"No label defined",minLength:this.minLength,maxLength:this.maxLength,onBlur:t=>this.handleInputBlur(t),onFocus:t=>this.handleInputFocus(t),onChange:this.inputChangeHandler,onInput:this.onInputHandler},this.copyPasteController.getCopyPasteProps())))}groupDom(){let e="vega-input-container";return this.value&&(e+=" with-value"),e+="small"===this.size?" vega-input-size-small":" vega-input-size-default",e+=this.disabled?" vega-input-disabled":"",this.isCompactInputWidth&&(e+=" compact-input-width"),t("div",{class:"vega-input",part:"container-wrapper"},this.renderLabelDom(),t("div",{ref:t=>this.inputContainerRef=t,part:"input-container",class:e,onClick:this.focusInput,"aria-label":"input container","aria-disabled":`${this.disabled}`,role:"textbox",tabIndex:this.disabled?null:-1,onKeyDown:d()},this.prefixSlotRenderer.render(),this.renderPrefixText(),this.containerDom(),this.renderSuffixText(),this.showClearIcon&&this.renderClearIcon()),this.renderHintDom())}renderLabelDom(){return t("vega-field-label",{onClick:this.focusInput,"is-field-required":this.required,disabled:this.disabled,label:this.label,suffixButtonProps:this.labelSuffixButtonProps,ref:t=>{E.addUniqueObserverToNode(t,C,this.handleLabelButtonClick)}})}renderClearIcon(){return t("div",{class:{"vega-input-clear-icon":!0,invisible:!this.isClearIconVisible()},tabIndex:-1,"aria-label":"clear input",role:"button",onClick:this.onClickClearIcon,onKeyDown:d()},t("vega-icon",{icon:"close"}))}renderHintDom(){return""!==this.hint?t("div",{class:"vega-hint"},t("label",null,this.hint)):null}get host(){return a(this)}static get watchers(){return{suffixText:["watchSuffixText"],value:["watchValue"],validationRules:["watchValidationRules"],maskConfig:["watchMaskChange"]}}};Q([b()],X.prototype,"globalSlimmers",void 0),Q([g()],X.prototype,"formFieldController",void 0),Q([g()],X.prototype,"pageResizeObserverSlimmer",void 0),Q([g()],X.prototype,"copyPasteController",void 0),Q([g()],X.prototype,"compactWidthController",void 0),Q([g()],X.prototype,"stateController",void 0),Q([g()],X.prototype,"maskConfigController",void 0),Q([g()],X.prototype,"prefixSlotRenderer",void 0),Q([g()],X.prototype,"changeEventEmitter",void 0),Q([g()],X.prototype,"focusEventEmitter",void 0),Q([g()],X.prototype,"blurEventEmitter",void 0),Q([g()],X.prototype,"labelButtonClickEventEmitter",void 0),Q([g()],X.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Q([c()],X.prototype,"watchMaskChange",null),X.style=':host{cursor:text;display:block;text-align:left;line-height:normal}:host(.vega-input-inline-block){display:inline-block;width:100%}:host(.vega-input-hidden){display:none}vega-field-label{margin-bottom:8px}.vega-input-container{display:flex;align-items:center;border-radius:8px;gap:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}.vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-container.vega-input-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.vega-input-container.with-value{border-width:1px;border-style:solid;border-radius:8px}.vega-input-container:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-prefix{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}.vega-input-prefix.vega-input-prefix-slot{height:24px;overflow:hidden}.vega-input-input{flex:1 1 0%;position:relative}.vega-input-input input{width:100%;outline:2px solid transparent;outline-offset:2px;border-style:none;height:24px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-input input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-input-input input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-input-size-small{padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px}.vega-input-size-default{padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px}.vega-input-input input:disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.vega-hint{padding-top:12px;padding-right:8px;padding-left:8px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon.invisible{visibility:hidden}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.vega-input-container.compact-input-width{gap:0px}.vega-input-container.compact-input-width .vega-input-prefix{margin-right:8px}.vega-input-container.compact-input-width .prefix-text,.vega-input-container.compact-input-width .suffix-text{margin-right:2px}.vega-input-container.compact-input-width .vega-input-clear-icon{margin-left:2px}.vega-input-container.compact-input-width .vega-input-input input{padding:0px;min-width:1px}.vega-input-container.compact-input-width.auto-width .vega-input-input{flex-grow:0}.vega-input-container.compact-input-width.auto-width .suffix-text{flex-grow:1}.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0;flex-grow:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.v-font-field-value{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.v-font-field-value{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.v-font-field-value{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.v-font-field-value{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}';export{X as vega_input}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as t,V as s,I as e,M as i}from"./p-6e1ab235.js";import{c as r}from"./p-0bb29d98.js";import{C as o}from"./p-2d0d575f.js";import{O as n}from"./p-331a62d5.js";import{U as h,c as a,d as l,b as c,e as d,F as u,f,g as m}from"./p-32f651f7.js";import{f as p,c as v}from"./p-4163c2c2.js";import{i as b,g}from"./p-5440344e.js";import{c as R}from"./p-6a334573.js";import{d as y,D as j}from"./p-6c6d86da.js";import{V as w,a as O}from"./p-e731976a.js";import{V as E}from"./p-9f3b1d77.js";import{P as F}from"./p-47c87634.js";import{M as I}from"./p-987fbbd0.js";import{A as V}from"./p-a9354a5c.js";import{i as C}from"./p-b0502d01.js";class k{constructor(t){this.rule=t}getStatus(t,s,e){return{canEvaluate:this.rule.canEvaluate(t,s,e),isAsync:b(this.rule.evaluate)}}shouldShowError(t,s){try{return this.rule.shouldShowError?this.rule.shouldShowError(t,s):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 A{constructor(){this.handlers=[],this.processId=""}checkIncludesAsyncRuleHandler(t,s,e){return!!this.handlers.find((i=>{const r=i.getStatus(t,s,e);return r.canEvaluate&&r.isAsync}))}setHandlersByRules(t){this.handlers=t&&t.length?t.map((t=>new k(t))):[]}async process(t,s,e,i,r){const o=this.preProcess();let n;for(const i of this.handlers){if(o!==this.processId)break;const r=i.getStatus(t,s,e);if(!r.canEvaluate)continue;let h;if(r.isAsync)try{h=await i.handle(t)}catch(t){}else h=i.handle(t);if(h&&!h.isValid){const t=i.shouldShowError(s,e);n=Object.assign(Object.assign({},h),{shouldShowError:t});break}}return this.postProcess(o,i,n,r),!n}preProcess(){const t=g();return this.processId=t,t}postProcess(t,s,e,i){this.processId===t&&i(s,e)}}class S{run(t){const s=t.nextElementSibling;return s&&s.querySelector(".vega-error")?s.querySelector(".vega-error"):null}}class T{run(t){let s=t.nextElementSibling;return s&&!s.classList.contains("vega-error")&&(s=document.createElement("label"),s.classList.add("vega-error"),s.setAttribute("part","field-error-message"),t.after(s)),s}}class L{run(t){let s=t.nextElementSibling;return s||(s=document.createElement("label"),s.classList.add("vega-error"),s.setAttribute("part","field-error-message"),t.after(s)),s}}var M=function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);return o>3&&n&&Object.defineProperty(s,e,n),n};class U extends s{constructor(){super(),this.fieldErrorUiControllerStrategies=[new S,new T,new L],this.initTranslationObserver()}applyInputInvalidUI(t){this.errorMessage=t;const s=this.getInputElementContainer();if(t&&s){const e=this.getErrorContainer(s);e.innerHTML=this.getTranslatedMessage(t),e.classList.remove("vega-hidden"),s.classList.add("error"),o.notify(y.getSubject(this.host,w),{host:this.host,showError:!0})}}resetInputInvalidUI(){this.errorMessage="";const t=this.getInputElementContainer();t&&(this.getErrorContainer(t).classList.add("vega-hidden"),t.classList.remove("error"),o.notify(y.getSubject(this.host,w),{host:this.host,showError:!1}))}getInputElementContainer(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}getErrorContainer(t){for(const s of this.fieldErrorUiControllerStrategies){const e=s.run(t);if(e)return e}}getTranslatedMessage(t){return"string"==typeof t?E.t(t):E.t(t.key,...t.args||[])}initTranslationObserver(){const t=new n(this.isAcceptableTranslationObserver.bind(this),(()=>{if(!this.errorMessage)return;const t=this.getInputElementContainer();if(t){const s=this.getErrorContainer(t);s&&(s.innerHTML=this.getTranslatedMessage(this.errorMessage))}}));o.register(h,t)}isAcceptableTranslationObserver(){return!0}}M([t()],U.prototype,"host",void 0),M([t()],U.prototype,"options",void 0);var D=function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);return o>3&&n&&Object.defineProperty(s,e,n),n};class B{constructor(t,s,e,i){var r,n;this.fieldErrorUIController=new U,this.resizeObserverSlimmer=R(B,F,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"}],[{callback:t=>{const s=this.isVisible,e=t[0].contentRect.height>0;this.isVisible=e,this.isAutoValidationEnabled()&&p(this.host,"vega-form")&&s!==e&&this.valid(["visible"])},target:()=>this.host}]),this.defaultRules=[],this.additionalRules=[],this.listeners=[],this.isTouched=!1,this.isModified=!1,this.isVisible=!1,this.formFieldValidationRuleHandlerChain=new A,this.hostChildAddedBlurEventMap=new WeakMap,this.handleValidationResult=(t,s)=>{let e=!0;return s?("rule"===t?s.shouldShowError?this.fieldErrorUIController.applyInputInvalidUI(s.message):this.fieldErrorUIController.resetInputInvalidUI():t?this.fieldErrorUIController.applyInputInvalidUI(s.message):this.fieldErrorUIController.resetInputInvalidUI(),e=!1):this.fieldErrorUIController.resetInputInvalidUI(),this.invokeListeners(e),o.notify(a,{host:this.host,detail:e}),e},this.setupTouchedListener=()=>{this.getTouchableAreaElements().filter((t=>!0!==this.hostChildAddedBlurEventMap.get(t))).forEach((t=>{t.addEventListener("blur",(()=>{this.updateIsTouched(!0)})),this.hostChildAddedBlurEventMap.set(t,!0)}))},this.defaultRules=t||[],this.host=s,this.defaultValue=e,this.options=i,this.initDisabledAttrObserver(),this.connectResizeObserver(),this.initFormResetObserver(),null===(n=(r=this.host).componentOnReady)||void 0===n||n.call(r).then((()=>{this.didRender()})),this.setupModifiedListener(),this.listenHostElementKeydown(),this.updateValidationHandlers()}async validate(t){return await this.valid([],t)}addListener(t){this.listeners.push(t)}getRules(){return[...this.defaultRules,...this.additionalRules]}setDefaultRules(t){this.defaultRules=t,this.updateValidationHandlers()}setAdditionalRules(t){this.additionalRules=t,this.updateValidationHandlers()}destroy(){o.notify(l,{host:this.host}),this.unregisterFormResetObserver(),o.unregister(c,this.hostValueChangeObserver),this.hostChildrenObserver&&this.hostChildrenObserver.disconnect()}connectResizeObserver(){}updateValidationHandlers(){this.formFieldValidationRuleHandlerChain.setHandlersByRules(this.getRules())}async valid(t,s="rule"){const e=this.getStatus(),i=this.host.value;return this.formFieldValidationRuleHandlerChain.checkIncludesAsyncRuleHandler(i,e,t)&&o.notify(a,{host:this.host,detail:null}),await this.formFieldValidationRuleHandlerChain.process(i,e,t,s,this.handleValidationResult)}invokeListeners(t){this.listeners.forEach((s=>s.callback(t)))}getStatus(){return{touched:this.isTouched,modified:this.isModified,disabled:this.host.disabled,visible:this.isVisible}}updateIsTouched(t){const s=this.isTouched;this.isTouched=t,this.isAutoValidationEnabled()&&this.valid(s===t?[]:["touched"])}updateIsModified(t){const s=this.isModified;this.isModified=t,this.isAutoValidationEnabled()&&this.valid(s===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 s,e;if(this.shouldVisitElement(this.host,null===(s=t.option)||void 0===s?void 0:s.skipDisabled,null===(e=t.option)||void 0===e?void 0:e.skipInvisible)){const s=t.defaultValueMap,e=this.host.dataset.vegaForm,i=null==s[e]?this.getDefaultValue():s[e];"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,s,e){return!(!t.dataset.vegaForm||s&&t.disabled||e&&!v(t))}listenHostElementKeydown(){this.host.addEventListener("keydown",(t=>{this.canSubmitFormByEvent(t)&&o.notify(u,{host:this.host})}))}canSubmitFormByEvent(t){const s="Enter"===t.key||13===t.keyCode,e=s&&t.shiftKey;switch(this.host.tagName){case"VEGA-TEXTAREA":case"VEGA-DATE-PICKER":case"VEGA-TIME-PICKER":return e&&t.preventDefault(),e;default:return s}}}D([e()],B.prototype,"fieldErrorUIController",void 0),D([e()],B.prototype,"resizeObserverSlimmer",void 0);var H=function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);return o>3&&n&&Object.defineProperty(s,e,n),n};class P extends s{constructor(){super(...arguments),this.fieldErrorUIController=new U,this.handleFieldErrorMessageUpdate=t=>{const{message:s}=t;s?this.fieldErrorUIController.applyInputInvalidUI(s):this.fieldErrorUIController.resetInputInvalidUI()}}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:s}=t,e=this.host.parentElement;return!(!e||e!==s)}}H([t()],P.prototype,"host",void 0),H([t()],P.prototype,"options",void 0),H([e()],P.prototype,"fieldErrorUIController",void 0),H([i("setInjectFormFieldHelper")],P.prototype,"handleComponentWillLoadByFieldErrorSlimmer",null),H([i("disconnectedCallback")],P.prototype,"handleUnregisterObserver",null);var x=function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);return o>3&&n&&Object.defineProperty(s,e,n),n};class z extends s{constructor(){super(...arguments),this.handleValidInvocation=async t=>{if(this.validator){void 0!==t.timerId&&clearTimeout(t.timerId);const s=await this.validator.validate(t.message);"function"==typeof t.promiseResolve&&t.promiseResolve(s)}}}registerValidInvocationObserver(){j.addUniqueObserverToNode(this.host,O,this.handleValidInvocation)}handleUnregisterObserver(){j.removeUniqueObserverFromNode(this.host,O)}}x([t()],z.prototype,"host",void 0),x([t()],z.prototype,"validator",void 0),x([i("setInjectFormFieldHelper")],z.prototype,"registerValidInvocationObserver",null),x([i("disconnectedCallback")],z.prototype,"handleUnregisterObserver",null);var G=function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);return o>3&&n&&Object.defineProperty(s,e,n),n};class W extends s{constructor(t){super(),this.fieldErrorSlimmer=new P,this.formFieldValidInvokeSlimmer=new z,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,s){C(t,s)||(this.setAdditionalRules(),this.internalValidate())}setInjectFormFieldHelper(){if(W.isValidFormField(this.host)){const{defaultValue:t}=this.options,s=new B(this.getPropertyRules(),this.host,t,this.options);s.addListener({callback:t=>{this.isValid!=t&&(this.isValid=t,o.notify(m,{host:this.host,detail:t}))}}),this.validator=s,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:s}=this.options;return t.map((t=>{const e=t.dependence&&"string"==typeof t.dependence?[s(t.dependence)]:Array.isArray(t.dependence)?t.dependence.map((t=>s(t))):[null];return t.ruleFactory(s(t.propertyName),...e)})).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:V(),callback:this.mutationObserverCallBack})}}G([t()],W.prototype,"host",void 0),G([t({writable:!0})],W.prototype,"validationRules",void 0),G([t()],W.prototype,"disabled",void 0),G([t()],W.prototype,"autoValidation",void 0),G([t({writable:!0})],W.prototype,"isValid",void 0),G([e()],W.prototype,"fieldErrorSlimmer",void 0),G([e()],W.prototype,"formFieldValidInvokeSlimmer",void 0),G([e()],W.prototype,"mutationObserverSlimmer",void 0),G([i("connectedCallback")],W.prototype,"connectedCallback",null),G([i("disconnectedCallback")],W.prototype,"disconnectedCallback",null),G([i("componentDidLoad")],W.prototype,"componentDidLoad",null),G([i("watchValidationRules")],W.prototype,"watchValidationRulesByFormControllerSlimmer",null),G([i("componentWillLoad")],W.prototype,"setInjectFormFieldHelper",null);export{W as F}
|
|
1
|
+
import{c as t,V as s,I as e,M as i}from"./p-6e1ab235.js";import{c as r}from"./p-0bb29d98.js";import{C as o}from"./p-2d0d575f.js";import{O as n}from"./p-331a62d5.js";import{U as h,c as a,d as l,b as c,e as d,F as u,f,g as m}from"./p-32f651f7.js";import{f as p,c as v}from"./p-4163c2c2.js";import{i as b,g}from"./p-5440344e.js";import{c as R}from"./p-6a334573.js";import{d as y,D as j}from"./p-6c6d86da.js";import{V as w,a as O}from"./p-8a091eb7.js";import{V as E}from"./p-9f3b1d77.js";import{P as F}from"./p-47c87634.js";import{M as I}from"./p-987fbbd0.js";import{A as V}from"./p-a9354a5c.js";import{i as C}from"./p-b0502d01.js";class k{constructor(t){this.rule=t}getStatus(t,s,e){return{canEvaluate:this.rule.canEvaluate(t,s,e),isAsync:b(this.rule.evaluate)}}shouldShowError(t,s){try{return this.rule.shouldShowError?this.rule.shouldShowError(t,s):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 A{constructor(){this.handlers=[],this.processId=""}checkIncludesAsyncRuleHandler(t,s,e){return!!this.handlers.find((i=>{const r=i.getStatus(t,s,e);return r.canEvaluate&&r.isAsync}))}setHandlersByRules(t){this.handlers=t&&t.length?t.map((t=>new k(t))):[]}async process(t,s,e,i,r){const o=this.preProcess();let n;for(const i of this.handlers){if(o!==this.processId)break;const r=i.getStatus(t,s,e);if(!r.canEvaluate)continue;let h;if(r.isAsync)try{h=await i.handle(t)}catch(t){}else h=i.handle(t);if(h&&!h.isValid){const t=i.shouldShowError(s,e);n=Object.assign(Object.assign({},h),{shouldShowError:t});break}}return this.postProcess(o,i,n,r),!n}preProcess(){const t=g();return this.processId=t,t}postProcess(t,s,e,i){this.processId===t&&i(s,e)}}class S{run(t){const s=t.nextElementSibling;return s&&s.querySelector(".vega-error")?s.querySelector(".vega-error"):null}}class T{run(t){let s=t.nextElementSibling;return s&&!s.classList.contains("vega-error")&&(s=document.createElement("label"),s.classList.add("vega-error"),s.setAttribute("part","field-error-message"),t.after(s)),s}}class L{run(t){let s=t.nextElementSibling;return s||(s=document.createElement("label"),s.classList.add("vega-error"),s.setAttribute("part","field-error-message"),t.after(s)),s}}var M=function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);return o>3&&n&&Object.defineProperty(s,e,n),n};class U extends s{constructor(){super(),this.fieldErrorUiControllerStrategies=[new S,new T,new L],this.initTranslationObserver()}applyInputInvalidUI(t){this.errorMessage=t;const s=this.getInputElementContainer();if(t&&s){const e=this.getErrorContainer(s);e.innerHTML=this.getTranslatedMessage(t),e.classList.remove("vega-hidden"),s.classList.add("error"),o.notify(y.getSubject(this.host,w),{host:this.host,showError:!0})}}resetInputInvalidUI(){this.errorMessage="";const t=this.getInputElementContainer();t&&(this.getErrorContainer(t).classList.add("vega-hidden"),t.classList.remove("error"),o.notify(y.getSubject(this.host,w),{host:this.host,showError:!1}))}getInputElementContainer(){return this.options&&this.options.inputContainerGetter?this.options.inputContainerGetter():null}getErrorContainer(t){for(const s of this.fieldErrorUiControllerStrategies){const e=s.run(t);if(e)return e}}getTranslatedMessage(t){return"string"==typeof t?E.t(t):E.t(t.key,...t.args||[])}initTranslationObserver(){const t=new n(this.isAcceptableTranslationObserver.bind(this),(()=>{if(!this.errorMessage)return;const t=this.getInputElementContainer();if(t){const s=this.getErrorContainer(t);s&&(s.innerHTML=this.getTranslatedMessage(this.errorMessage))}}));o.register(h,t)}isAcceptableTranslationObserver(){return!0}}M([t()],U.prototype,"host",void 0),M([t()],U.prototype,"options",void 0);var D=function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);return o>3&&n&&Object.defineProperty(s,e,n),n};class B{constructor(t,s,e,i){var r,n;this.fieldErrorUIController=new U,this.resizeObserverSlimmer=R(B,F,[],[{mapFrom:"connectResizeObserver",mapTo:"connectResizeObserver"}],[{callback:t=>{const s=this.isVisible,e=t[0].contentRect.height>0;this.isVisible=e,this.isAutoValidationEnabled()&&p(this.host,"vega-form")&&s!==e&&this.valid(["visible"])},target:()=>this.host}]),this.defaultRules=[],this.additionalRules=[],this.listeners=[],this.isTouched=!1,this.isModified=!1,this.isVisible=!1,this.formFieldValidationRuleHandlerChain=new A,this.hostChildAddedBlurEventMap=new WeakMap,this.handleValidationResult=(t,s)=>{let e=!0;return s?("rule"===t?s.shouldShowError?this.fieldErrorUIController.applyInputInvalidUI(s.message):this.fieldErrorUIController.resetInputInvalidUI():t?this.fieldErrorUIController.applyInputInvalidUI(s.message):this.fieldErrorUIController.resetInputInvalidUI(),e=!1):this.fieldErrorUIController.resetInputInvalidUI(),this.invokeListeners(e),o.notify(a,{host:this.host,detail:e}),e},this.setupTouchedListener=()=>{this.getTouchableAreaElements().filter((t=>!0!==this.hostChildAddedBlurEventMap.get(t))).forEach((t=>{t.addEventListener("blur",(()=>{this.updateIsTouched(!0)})),this.hostChildAddedBlurEventMap.set(t,!0)}))},this.defaultRules=t||[],this.host=s,this.defaultValue=e,this.options=i,this.initDisabledAttrObserver(),this.connectResizeObserver(),this.initFormResetObserver(),null===(n=(r=this.host).componentOnReady)||void 0===n||n.call(r).then((()=>{this.didRender()})),this.setupModifiedListener(),this.listenHostElementKeydown(),this.updateValidationHandlers()}async validate(t){return await this.valid([],t)}addListener(t){this.listeners.push(t)}getRules(){return[...this.defaultRules,...this.additionalRules]}setDefaultRules(t){this.defaultRules=t,this.updateValidationHandlers()}setAdditionalRules(t){this.additionalRules=t,this.updateValidationHandlers()}destroy(){o.notify(l,{host:this.host}),this.unregisterFormResetObserver(),o.unregister(c,this.hostValueChangeObserver),this.hostChildrenObserver&&this.hostChildrenObserver.disconnect()}connectResizeObserver(){}updateValidationHandlers(){this.formFieldValidationRuleHandlerChain.setHandlersByRules(this.getRules())}async valid(t,s="rule"){const e=this.getStatus(),i=this.host.value;return this.formFieldValidationRuleHandlerChain.checkIncludesAsyncRuleHandler(i,e,t)&&o.notify(a,{host:this.host,detail:null}),await this.formFieldValidationRuleHandlerChain.process(i,e,t,s,this.handleValidationResult)}invokeListeners(t){this.listeners.forEach((s=>s.callback(t)))}getStatus(){return{touched:this.isTouched,modified:this.isModified,disabled:this.host.disabled,visible:this.isVisible}}updateIsTouched(t){const s=this.isTouched;this.isTouched=t,this.isAutoValidationEnabled()&&this.valid(s===t?[]:["touched"])}updateIsModified(t){const s=this.isModified;this.isModified=t,this.isAutoValidationEnabled()&&this.valid(s===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 s,e;if(this.shouldVisitElement(this.host,null===(s=t.option)||void 0===s?void 0:s.skipDisabled,null===(e=t.option)||void 0===e?void 0:e.skipInvisible)){const s=t.defaultValueMap,e=this.host.dataset.vegaForm,i=null==s[e]?this.getDefaultValue():s[e];"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,s,e){return!(!t.dataset.vegaForm||s&&t.disabled||e&&!v(t))}listenHostElementKeydown(){this.host.addEventListener("keydown",(t=>{this.canSubmitFormByEvent(t)&&o.notify(u,{host:this.host})}))}canSubmitFormByEvent(t){const s="Enter"===t.key||13===t.keyCode,e=s&&t.shiftKey;switch(this.host.tagName){case"VEGA-TEXTAREA":case"VEGA-DATE-PICKER":case"VEGA-TIME-PICKER":return e&&t.preventDefault(),e;default:return s}}}D([e()],B.prototype,"fieldErrorUIController",void 0),D([e()],B.prototype,"resizeObserverSlimmer",void 0);var H=function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);return o>3&&n&&Object.defineProperty(s,e,n),n};class P extends s{constructor(){super(...arguments),this.fieldErrorUIController=new U,this.handleFieldErrorMessageUpdate=t=>{const{message:s}=t;s?this.fieldErrorUIController.applyInputInvalidUI(s):this.fieldErrorUIController.resetInputInvalidUI()}}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:s}=t,e=this.host.parentElement;return!(!e||e!==s)}}H([t()],P.prototype,"host",void 0),H([t()],P.prototype,"options",void 0),H([e()],P.prototype,"fieldErrorUIController",void 0),H([i("setInjectFormFieldHelper")],P.prototype,"handleComponentWillLoadByFieldErrorSlimmer",null),H([i("disconnectedCallback")],P.prototype,"handleUnregisterObserver",null);var x=function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);return o>3&&n&&Object.defineProperty(s,e,n),n};class z extends s{constructor(){super(...arguments),this.handleValidInvocation=async t=>{if(this.validator){void 0!==t.timerId&&clearTimeout(t.timerId);const s=await this.validator.validate(t.message);"function"==typeof t.promiseResolve&&t.promiseResolve(s)}}}registerValidInvocationObserver(){j.addUniqueObserverToNode(this.host,O,this.handleValidInvocation)}handleUnregisterObserver(){j.removeUniqueObserverFromNode(this.host,O)}}x([t()],z.prototype,"host",void 0),x([t()],z.prototype,"validator",void 0),x([i("setInjectFormFieldHelper")],z.prototype,"registerValidInvocationObserver",null),x([i("disconnectedCallback")],z.prototype,"handleUnregisterObserver",null);var G=function(t,s,e,i){var r,o=arguments.length,n=o<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,e,i);else for(var h=t.length-1;h>=0;h--)(r=t[h])&&(n=(o<3?r(n):o>3?r(s,e,n):r(s,e))||n);return o>3&&n&&Object.defineProperty(s,e,n),n};class W extends s{constructor(t){super(),this.fieldErrorSlimmer=new P,this.formFieldValidInvokeSlimmer=new z,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,s){C(t,s)||(this.setAdditionalRules(),this.internalValidate())}setInjectFormFieldHelper(){if(W.isValidFormField(this.host)){const{defaultValue:t}=this.options,s=new B(this.getPropertyRules(),this.host,t,this.options);s.addListener({callback:t=>{this.isValid!=t&&(this.isValid=t,o.notify(m,{host:this.host,detail:t}))}}),this.validator=s,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:s}=this.options;return t.map((t=>{const e=t.dependence&&"string"==typeof t.dependence?[s(t.dependence)]:Array.isArray(t.dependence)?t.dependence.map((t=>s(t))):[null];return t.ruleFactory(s(t.propertyName),...e)})).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:V(),callback:this.mutationObserverCallBack})}}G([t()],W.prototype,"host",void 0),G([t({writable:!0})],W.prototype,"validationRules",void 0),G([t()],W.prototype,"disabled",void 0),G([t()],W.prototype,"autoValidation",void 0),G([t({writable:!0})],W.prototype,"isValid",void 0),G([e()],W.prototype,"fieldErrorSlimmer",void 0),G([e()],W.prototype,"formFieldValidInvokeSlimmer",void 0),G([e()],W.prototype,"mutationObserverSlimmer",void 0),G([i("connectedCallback")],W.prototype,"connectedCallback",null),G([i("disconnectedCallback")],W.prototype,"disconnectedCallback",null),G([i("componentDidLoad")],W.prototype,"componentDidLoad",null),G([i("watchValidationRules")],W.prototype,"watchValidationRulesByFormControllerSlimmer",null),G([i("componentWillLoad")],W.prototype,"setInjectFormFieldHelper",null);export{W as F}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as t,c as i,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as n,V as a,M as l,I as c}from"./p-6e1ab235.js";import{V as h,I as d}from"./p-61f6167c.js";import{c as p}from"./p-86194314.js";import{c as f}from"./p-302e7589.js";import{e as v}from"./p-bf3fbb9b.js";import{C as b}from"./p-2d0d575f.js";import{S as g,C as x,R as m,b as u}from"./p-32f651f7.js";import{S as w}from"./p-ae3fd67e.js";import{V as y}from"./p-e731976a.js";import{f as j}from"./p-4163c2c2.js";import{O as k}from"./p-331a62d5.js";import{d as R}from"./p-6c6d86da.js";import{C}from"./p-e5d7b4b8.js";import{C as S}from"./p-ec157238.js";import{c as z}from"./p-ab983e7d.js";import{F as I}from"./p-b347f967.js";import{R as O}from"./p-e2acbc60.js";import"./p-6a334573.js";import"./p-2306c736.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";import"./p-0bb29d98.js";import"./p-5440344e.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";var T=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends a{getSelectorContainerRef(){return this.selectorContainerRef}render(){return e("vega-flex",{"align-items":"start","justify-content":"start",gap:"size-16",class:{"selection-tile":!0,disabled:this.disabled,checked:this.checked,error:this.showError},"aria-label":this.titleText||"No label defined",tabIndex:this.disabled?-1:0,onClick:()=>{"radio"===this.selectType&&this.checked||this.checkedController.onCheck(!this.checked)},onKeyDown:p()},e("div",{class:"vega-flex-grow"},this.renderContent()),this.renderSelect())}renderContent(){return this.hasContentSlot()?e("slot",{name:"content"}):e("vega-flex",{gap:"size-12"},e("vega-flex",{class:"vega-flex-shrink-0"},this.renderPrefixIcon()),e("div",{class:"vega-flex-grow"},this.renderText()))}renderPrefixIcon(){return this.hasPrefixSlot()?e("slot",{name:"prefix"}):this.prefixIcon?e("vega-icon",{icon:this.prefixIcon,size:"size-16",color:this.disabled?"text-secondary":"text-primary",class:"selection-tile-icon"}):void 0}renderText(){return e("vega-flex",{class:"vega-flex-grow",direction:"col","align-items":"start","justify-content":"start"},e("div",{class:"selection-tile-title"},this.titleText),this.note&&e("div",{class:"selection-tile-note"},this.note))}renderSelect(){return e("vega-flex",{"align-items":"start",class:"vega-flex-shrink-0 selection-tile-select",ref:e=>this.selectorContainerRef=e},"checkbox"===this.selectType?this.renderCheckbox():this.renderRadio())}renderCheckbox(){return e("vega-checkbox",{size:"small",disabled:this.disabled,checked:this.checked})}renderRadio(){return e("vega-radio",{size:"small",disabled:this.disabled,checked:this.checked})}hasPrefixSlot(){return null!==this.host.querySelector("[slot=prefix]")}hasContentSlot(){return null!==this.host.querySelector("[slot=content]")}}T([n()],V.prototype,"host",void 0),T([n()],V.prototype,"prefixIcon",void 0),T([n()],V.prototype,"titleText",void 0),T([n()],V.prototype,"note",void 0),T([n()],V.prototype,"selectType",void 0),T([n()],V.prototype,"disabled",void 0),T([n()],V.prototype,"checked",void 0),T([n()],V.prototype,"showError",void 0),T([n()],V.prototype,"checkedController",void 0);var E=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends a{setChecked(e){this.checked=e}onCheck(e){const t=e?this.value:"";this.checked=e,this.changeEventEmitter.emit(t),b.notify(g,{host:this.host,detail:{checked:e,value:this.value}})}}E([n()],N.prototype,"host",void 0),E([n({writable:!0})],N.prototype,"checked",void 0),E([n()],N.prototype,"changeEventEmitter",void 0),E([n()],N.prototype,"value",void 0);var A=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class F extends w{constructor(){super({parent:"vega-selection-tile-group",subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"disabled",parentStateName:"disabled",callback:e=>{"boolean"==typeof e&&(this.disabled=e)}},{subStateName:"checked",parentStateName:"value",callback:e=>{this.checkedController.setChecked(Array.isArray(e)?e.includes(this.value):e===this.value)}}]})}}A([n()],F.prototype,"host",void 0),A([n({writable:!0})],F.prototype,"selectType",void 0),A([n({writable:!0})],F.prototype,"disabled",void 0),A([n()],F.prototype,"checked",void 0),A([n()],F.prototype,"value",void 0),A([n()],F.prototype,"checkedController",void 0);var q=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends a{connectedCallback(){this.selectionTileGroup=j(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new k(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),b.register(R.getSubject(this.selectionTileGroup||this.host,y),this.fieldErrorObserver)}disconnectedCallback(){b.unregister(R.getSubject(this.selectionTileGroup,y),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}q([n({writable:!0})],G.prototype,"showError",void 0),q([n()],G.prototype,"host",void 0),q([l("connectedCallback")],G.prototype,"connectedCallback",null),q([l("disconnectedCallback")],G.prototype,"disconnectedCallback",null);var _=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const D=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new V,this.checkedController=new N,this.stateController=new F,this.showErrorController=new G,this.changeEventEmitter=f(D,v),this.checkboxEventPrevent=new C([v],(()=>this.renderer.getSelectorContainerRef())),this.checkboxValueChangeObserver=new S(x,(e=>this.checkedController.onCheck(e.detail))),this.radioValueChangeObserver=new S(m,(e=>{e.detail&&this.checkedController.onCheck(e.detail)})),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.showError=!1,this.titleText="",this.disabled=!1,this.selectType="radio"}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}};_([d()],D.prototype,"globalSlimmers",void 0),_([c()],D.prototype,"renderer",void 0),_([c()],D.prototype,"checkedController",void 0),_([c()],D.prototype,"stateController",void 0),_([c()],D.prototype,"showErrorController",void 0),_([c()],D.prototype,"changeEventEmitter",void 0),_([c()],D.prototype,"checkboxEventPrevent",void 0),_([c()],D.prototype,"checkboxValueChangeObserver",void 0),_([c()],D.prototype,"radioValueChangeObserver",void 0),_([c()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=':host{display:block}:host .selection-tile{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));cursor:pointer;margin:1px}:host .selection-tile:not(.disabled):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled):focus-visible{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).checked{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));margin:0px}:host .selection-tile:not(.disabled).checked:hover{border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host .selection-tile:not(.disabled).checked:focus-visible{border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host .selection-tile:not(.disabled).error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled).error:focus-visible{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .selection-tile.disabled{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));pointer-events:none}:host .selection-tile.disabled .selection-tile-title,:host .selection-tile.disabled .selection-tile-note{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .selection-tile .selection-tile-icon{margin-top:4px;margin-bottom:4px}:host .selection-tile .selection-tile-select{height:24px}:host .selection-tile .selection-tile-select vega-checkbox,:host .selection-tile .selection-tile-select vega-radio{margin-top:4px}';var P=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class L extends a{getGroupContainerRef(){return this.groupContainerRef}render(){return e("div",null,this.renderLabel(),this.renderContainer(),this.renderHint())}renderLabel(){return this.label&&e("div",{class:"vega-label"},e("label",{"aria-label":this.label},this.label,this.renderRequire()))}renderRequire(){return this.required&&e("span",{class:"vega-require"},"*")}renderContainer(){return e("div",{class:"container",ref:e=>this.groupContainerRef=e},e("vega-flex",{direction:"horizontal"===this.layout?"row":"col",gap:"size-12"},e("slot",{onSlotchange:()=>this.itemsController.syncTileArrayAndValue()})))}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}}P([n()],L.prototype,"host",void 0),P([n()],L.prototype,"label",void 0),P([n()],L.prototype,"required",void 0),P([n()],L.prototype,"hint",void 0),P([n()],L.prototype,"layout",void 0),P([n()],L.prototype,"selectType",void 0),P([n()],L.prototype,"itemsController",void 0);var M=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends a{watchValue(){this.changeEventEmitter.emit(this.value),b.notify(u,{host:this.host,detail:this.value})}onSelectionTilesChanged(){"checkbox"===this.selectType?this.setValueFromCheckboxItems():this.setValueFromRadioItems()}onSelectionTileChecked(e){"checkbox"===this.selectType?this.setValueFromCheckbox(e):this.setValueFromRadio(e)}setValueFromCheckbox(e){e.checked&&!this.value.includes(e.value)?this.value=[...this.value,e.value]:!e.checked&&this.value.includes(e.value)&&(this.value=[...this.value.filter((t=>t!==e.value))])}setValueFromRadio(e){e.checked&&(this.value=e.value)}setValueFromCheckboxItems(){0===this.value.length&&(this.value=this.itemsController.getSelectionTileArray().filter((e=>e.checked)).map((e=>e.value)))}setValueFromRadioItems(){if(!this.value){const e=this.itemsController.getSelectionTileArray().find((e=>e.checked));e&&(this.value=e.value)}}}M([n()],H.prototype,"host",void 0),M([n({writable:!0})],H.prototype,"value",void 0),M([n()],H.prototype,"selectType",void 0),M([n()],H.prototype,"changeEventEmitter",void 0),M([n()],H.prototype,"itemsController",void 0),M([l("watchValue")],H.prototype,"watchValue",null);var U=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class K extends a{constructor(){super(...arguments),this.selectionTileArray=[]}initSelectionTileArray(){this.syncTileArrayAndValue()}getSelectionTileArray(){return this.selectionTileArray}syncTileArrayAndValue(){this.selectionTileArray=Array.from(this.host.querySelectorAll("vega-selection-tile")),this.valueController.onSelectionTilesChanged()}touchableAreaGetter(){const e="checkbox"===this.selectType?"vega-checkbox":"vega-radio";return this.selectionTileArray.map((t=>t.shadowRoot.querySelector(e).shadowRoot.querySelector("input")))}}U([n()],K.prototype,"host",void 0),U([n()],K.prototype,"selectType",void 0),U([n()],K.prototype,"valueController",void 0),U([l("componentWillLoad")],K.prototype,"initSelectionTileArray",null);var W=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const B=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new L,this.itemsController=new K,this.valueController=new H,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new O:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getGroupContainerRef(),touchableAreaGetter:()=>this.itemsController.touchableAreaGetter(),defaultValue:e=>"checkbox"===e.selectType?[]:"",attributeGetter:e=>this[e]}),this.changeEventEmitter=f(B,v),this.checkboxEventPrevent=new C([v],(()=>this.renderer.getGroupContainerRef())),this.selectionTileChangeObserver=new S(g,(e=>this.valueController.onSelectionTileChecked(e.detail))),this.selectTypeNotifySlimmer=z(B,"selectType","watchSelectType"),this.disabledNotifySlimmer=z(B,"disabled","watchDisabled"),this.valueNotifySlimmer=z(B,"value","watchValue"),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.label="",this.selectType="radio",this.value="checkbox"===this.selectType?[]:"",this.layout="vertical",this.validationRules=[],this.isValid=null}watchSelectType(){}watchValue(){}watchDisabled(){}watchValidationRules(){}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{selectType:["watchSelectType"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};W([d()],B.prototype,"globalSlimmers",void 0),W([c()],B.prototype,"renderer",void 0),W([c()],B.prototype,"itemsController",void 0),W([c()],B.prototype,"valueController",void 0),W([c()],B.prototype,"formFieldController",void 0),W([c()],B.prototype,"changeEventEmitter",void 0),W([c()],B.prototype,"checkboxEventPrevent",void 0),W([c()],B.prototype,"selectionTileChangeObserver",void 0),W([c()],B.prototype,"selectTypeNotifySlimmer",void 0),W([c()],B.prototype,"disabledNotifySlimmer",void 0),W([c()],B.prototype,"valueNotifySlimmer",void 0),W([c()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),B.style=':host{display:block;text-align:left;line-height:normal}:host .vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-label label{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-label .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{D as vega_selection_tile,B as vega_selection_tile_group}
|
|
1
|
+
import{h as e,r as t,c as i,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as n,V as a,M as l,I as c}from"./p-6e1ab235.js";import{V as h,I as d}from"./p-61f6167c.js";import{c as p}from"./p-86194314.js";import{c as f}from"./p-a04632d0.js";import{e as v}from"./p-9e9ec748.js";import{C as g}from"./p-2d0d575f.js";import{S as b,C as x,R as m,b as u}from"./p-32f651f7.js";import{S as w}from"./p-590870e4.js";import{V as y}from"./p-8a091eb7.js";import{f as j}from"./p-4163c2c2.js";import{O as k}from"./p-331a62d5.js";import{d as R}from"./p-6c6d86da.js";import{C}from"./p-c4a52c83.js";import{C as S}from"./p-ec157238.js";import{c as z}from"./p-535f0758.js";import{F as I}from"./p-16bb355d.js";import{R as O}from"./p-e2acbc60.js";import"./p-6a334573.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-53702f16.js";import"./p-f404aa83.js";import"./p-0bb29d98.js";import"./p-5440344e.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";var T=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends a{getSelectorContainerRef(){return this.selectorContainerRef}render(){return e("vega-flex",{"align-items":"start","justify-content":"start",gap:"size-16",class:{"selection-tile":!0,disabled:this.disabled,checked:this.checked,error:this.showError},"aria-label":this.titleText||"No label defined",tabIndex:this.disabled?-1:0,onClick:()=>{"radio"===this.selectType&&this.checked||this.checkedController.onCheck(!this.checked)},onKeyDown:p()},e("div",{class:"vega-flex-grow"},this.renderContent()),this.renderSelect())}renderContent(){return this.hasContentSlot()?e("slot",{name:"content"}):e("vega-flex",{gap:"size-12"},e("vega-flex",{class:"vega-flex-shrink-0"},this.renderPrefixIcon()),e("div",{class:"vega-flex-grow"},this.renderText()))}renderPrefixIcon(){return this.hasPrefixSlot()?e("slot",{name:"prefix"}):this.prefixIcon?e("vega-icon",{icon:this.prefixIcon,size:"size-16",color:this.disabled?"text-secondary":"text-primary",class:"selection-tile-icon"}):void 0}renderText(){return e("vega-flex",{class:"vega-flex-grow",direction:"col","align-items":"start","justify-content":"start"},e("div",{class:"selection-tile-title"},this.titleText),this.note&&e("div",{class:"selection-tile-note"},this.note))}renderSelect(){return e("vega-flex",{"align-items":"start",class:"vega-flex-shrink-0 selection-tile-select",ref:e=>this.selectorContainerRef=e},"checkbox"===this.selectType?this.renderCheckbox():this.renderRadio())}renderCheckbox(){return e("vega-checkbox",{size:"small",disabled:this.disabled,checked:this.checked})}renderRadio(){return e("vega-radio",{size:"small",disabled:this.disabled,checked:this.checked})}hasPrefixSlot(){return null!==this.host.querySelector("[slot=prefix]")}hasContentSlot(){return null!==this.host.querySelector("[slot=content]")}}T([n()],V.prototype,"host",void 0),T([n()],V.prototype,"prefixIcon",void 0),T([n()],V.prototype,"titleText",void 0),T([n()],V.prototype,"note",void 0),T([n()],V.prototype,"selectType",void 0),T([n()],V.prototype,"disabled",void 0),T([n()],V.prototype,"checked",void 0),T([n()],V.prototype,"showError",void 0),T([n()],V.prototype,"checkedController",void 0);var E=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends a{setChecked(e){this.checked=e}onCheck(e){const t=e?this.value:"";this.checked=e,this.changeEventEmitter.emit(t),g.notify(b,{host:this.host,detail:{checked:e,value:this.value}})}}E([n()],N.prototype,"host",void 0),E([n({writable:!0})],N.prototype,"checked",void 0),E([n()],N.prototype,"changeEventEmitter",void 0),E([n()],N.prototype,"value",void 0);var A=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class F extends w{constructor(){super({parent:"vega-selection-tile-group",subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"disabled",parentStateName:"disabled",callback:e=>{"boolean"==typeof e&&(this.disabled=e)}},{subStateName:"checked",parentStateName:"value",callback:e=>{this.checkedController.setChecked(Array.isArray(e)?e.includes(this.value):e===this.value)}}]})}}A([n()],F.prototype,"host",void 0),A([n({writable:!0})],F.prototype,"selectType",void 0),A([n({writable:!0})],F.prototype,"disabled",void 0),A([n()],F.prototype,"checked",void 0),A([n()],F.prototype,"value",void 0),A([n()],F.prototype,"checkedController",void 0);var q=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends a{connectedCallback(){this.selectionTileGroup=j(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new k(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),g.register(R.getSubject(this.selectionTileGroup||this.host,y),this.fieldErrorObserver)}disconnectedCallback(){g.unregister(R.getSubject(this.selectionTileGroup,y),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}q([n({writable:!0})],G.prototype,"showError",void 0),q([n()],G.prototype,"host",void 0),q([l("connectedCallback")],G.prototype,"connectedCallback",null),q([l("disconnectedCallback")],G.prototype,"disconnectedCallback",null);var _=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const D=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new V,this.checkedController=new N,this.stateController=new F,this.showErrorController=new G,this.changeEventEmitter=f(D,v),this.checkboxEventPrevent=new C([v],(()=>this.renderer.getSelectorContainerRef())),this.checkboxValueChangeObserver=new S(x,(e=>this.checkedController.onCheck(e.detail))),this.radioValueChangeObserver=new S(m,(e=>{e.detail&&this.checkedController.onCheck(e.detail)})),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.showError=!1,this.titleText="",this.disabled=!1,this.selectType="radio"}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}};_([d()],D.prototype,"globalSlimmers",void 0),_([c()],D.prototype,"renderer",void 0),_([c()],D.prototype,"checkedController",void 0),_([c()],D.prototype,"stateController",void 0),_([c()],D.prototype,"showErrorController",void 0),_([c()],D.prototype,"changeEventEmitter",void 0),_([c()],D.prototype,"checkboxEventPrevent",void 0),_([c()],D.prototype,"checkboxValueChangeObserver",void 0),_([c()],D.prototype,"radioValueChangeObserver",void 0),_([c()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=':host{display:block}:host .selection-tile{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));cursor:pointer;margin:1px}:host .selection-tile:not(.disabled):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled):focus-visible{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).checked{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));margin:0px}:host .selection-tile:not(.disabled).checked:hover{border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host .selection-tile:not(.disabled).checked:focus-visible{border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host .selection-tile:not(.disabled).error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled).error:focus-visible{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .selection-tile.disabled{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));pointer-events:none}:host .selection-tile.disabled .selection-tile-title,:host .selection-tile.disabled .selection-tile-note{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .selection-tile .selection-tile-icon{margin-top:4px;margin-bottom:4px}:host .selection-tile .selection-tile-select{height:24px}:host .selection-tile .selection-tile-select vega-checkbox,:host .selection-tile .selection-tile-select vega-radio{margin-top:4px}';var P=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class L extends a{getGroupContainerRef(){return this.groupContainerRef}render(){return e("div",null,this.renderLabel(),this.renderContainer(),this.renderHint())}renderLabel(){return this.label&&e("div",{class:"vega-label"},e("label",{"aria-label":this.label},this.label,this.renderRequire()))}renderRequire(){return this.required&&e("span",{class:"vega-require"},"*")}renderContainer(){return e("div",{class:"container",ref:e=>this.groupContainerRef=e},e("vega-flex",{direction:"horizontal"===this.layout?"row":"col",gap:"size-12"},e("slot",{onSlotchange:()=>this.itemsController.syncTileArrayAndValue()})))}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}}P([n()],L.prototype,"host",void 0),P([n()],L.prototype,"label",void 0),P([n()],L.prototype,"required",void 0),P([n()],L.prototype,"hint",void 0),P([n()],L.prototype,"layout",void 0),P([n()],L.prototype,"selectType",void 0),P([n()],L.prototype,"itemsController",void 0);var M=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends a{watchValue(){this.changeEventEmitter.emit(this.value),g.notify(u,{host:this.host,detail:this.value})}onSelectionTilesChanged(){"checkbox"===this.selectType?this.setValueFromCheckboxItems():this.setValueFromRadioItems()}onSelectionTileChecked(e){"checkbox"===this.selectType?this.setValueFromCheckbox(e):this.setValueFromRadio(e)}setValueFromCheckbox(e){e.checked&&!this.value.includes(e.value)?this.value=[...this.value,e.value]:!e.checked&&this.value.includes(e.value)&&(this.value=[...this.value.filter((t=>t!==e.value))])}setValueFromRadio(e){e.checked&&(this.value=e.value)}setValueFromCheckboxItems(){0===this.value.length&&(this.value=this.itemsController.getSelectionTileArray().filter((e=>e.checked)).map((e=>e.value)))}setValueFromRadioItems(){if(!this.value){const e=this.itemsController.getSelectionTileArray().find((e=>e.checked));e&&(this.value=e.value)}}}M([n()],H.prototype,"host",void 0),M([n({writable:!0})],H.prototype,"value",void 0),M([n()],H.prototype,"selectType",void 0),M([n()],H.prototype,"changeEventEmitter",void 0),M([n()],H.prototype,"itemsController",void 0),M([l("watchValue")],H.prototype,"watchValue",null);var U=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class K extends a{constructor(){super(...arguments),this.selectionTileArray=[]}initSelectionTileArray(){this.syncTileArrayAndValue()}getSelectionTileArray(){return this.selectionTileArray}syncTileArrayAndValue(){this.selectionTileArray=Array.from(this.host.querySelectorAll("vega-selection-tile")),this.valueController.onSelectionTilesChanged()}touchableAreaGetter(){const e="checkbox"===this.selectType?"vega-checkbox":"vega-radio";return this.selectionTileArray.map((t=>t.shadowRoot.querySelector(e).shadowRoot.querySelector("input")))}}U([n()],K.prototype,"host",void 0),U([n()],K.prototype,"selectType",void 0),U([n()],K.prototype,"valueController",void 0),U([l("componentWillLoad")],K.prototype,"initSelectionTileArray",null);var W=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const B=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new L,this.itemsController=new K,this.valueController=new H,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new O:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getGroupContainerRef(),touchableAreaGetter:()=>this.itemsController.touchableAreaGetter(),defaultValue:e=>"checkbox"===e.selectType?[]:"",attributeGetter:e=>this[e]}),this.changeEventEmitter=f(B,v),this.checkboxEventPrevent=new C([v],(()=>this.renderer.getGroupContainerRef())),this.selectionTileChangeObserver=new S(b,(e=>this.valueController.onSelectionTileChecked(e.detail))),this.selectTypeNotifySlimmer=z(B,"selectType","watchSelectType"),this.disabledNotifySlimmer=z(B,"disabled","watchDisabled"),this.valueNotifySlimmer=z(B,"value","watchValue"),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.label="",this.selectType="radio",this.value="checkbox"===this.selectType?[]:"",this.layout="vertical",this.validationRules=[],this.isValid=null}watchSelectType(){}watchValue(){}watchDisabled(){}watchValidationRules(){}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{selectType:["watchSelectType"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};W([d()],B.prototype,"globalSlimmers",void 0),W([c()],B.prototype,"renderer",void 0),W([c()],B.prototype,"itemsController",void 0),W([c()],B.prototype,"valueController",void 0),W([c()],B.prototype,"formFieldController",void 0),W([c()],B.prototype,"changeEventEmitter",void 0),W([c()],B.prototype,"checkboxEventPrevent",void 0),W([c()],B.prototype,"selectionTileChangeObserver",void 0),W([c()],B.prototype,"selectTypeNotifySlimmer",void 0),W([c()],B.prototype,"disabledNotifySlimmer",void 0),W([c()],B.prototype,"valueNotifySlimmer",void 0),W([c()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),B.style=':host{display:block;text-align:left;line-height:normal}:host .vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-label label{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-label .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{D as vega_selection_tile,B as vega_selection_tile_group}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as t,r as i,c as n,H as
|
|
1
|
+
import{h as e,F as t,r as i,c as n,H as a,g as r}from"./p-1c298d5a.js";import{c as s,V as o,I as l}from"./p-6e1ab235.js";import{g as c,D as d}from"./p-4163c2c2.js";import{V as m,I as p}from"./p-61f6167c.js";import{D as h}from"./p-6c6d86da.js";import{b as f,a as b}from"./p-9e9ec748.js";import{s as g}from"./p-9b797118.js";import{C as x}from"./p-c4a52c83.js";import{c as v}from"./p-a04632d0.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-53702f16.js";import"./p-f404aa83.js";import"./p-6a334573.js";var u=function(e,t,i,n){var a,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,n);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};class w extends o{constructor(){super(...arguments),this.isMobile=c()===d.MOBILE}getBreadcrumbContainerRef(){return this.vegaBreadcrumbContainerRef}render(){return e("div",{class:{"vega-breadcrumb":!0,mobile:this.isMobile,collapsed:this.isCollapsed(),single:1==this.items.length},ref:e=>this.vegaBreadcrumbContainerRef=e},this.renderItems())}renderItems(){const i=this.items.map(((e,t)=>this.itemRenderer.render(e,{isMobile:this.isMobile,isLastItem:this.items.length===t+1})));return this.isCollapsed()&&i.splice(1,0,this.collapsedItemRenderer.render(this.items.slice(1,this.items.length-1))),e(t,null,i)}isCollapsed(){return!this.isMobile&&"none"!==this.maxItems&&this.maxItems>=4&&this.items.length>this.maxItems}}u([s()],w.prototype,"items",void 0),u([s()],w.prototype,"maxItems",void 0),u([s()],w.prototype,"itemRenderer",void 0),u([s()],w.prototype,"collapsedItemRenderer",void 0);class y extends o{render(t){const i=t.map((e=>({label:e.label,key:e.label})));return e("div",{class:"vega-breadcrumb-item"},e("vega-dropdown",{source:i,placement:["bottom"],alignment:"center",maxHeight:200,ref:e=>{h.addUniqueObserverToNode(e,f,(e=>{this.clickController.dropdownClick(e.detail)}))}},e("vega-text",null,"...")),e("vega-icon",{icon:"chevron-right-rounded",size:"size-12",color:"text-secondary"}))}}!function(e,t,i,n){var a,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,n);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);r>3&&s&&Object.defineProperty(t,i,s)}([s()],y.prototype,"clickController",void 0);class j extends o{render(t,i){return e("div",{class:"vega-breadcrumb-item",key:t.label},this.renderContent(t,i))}renderContent(i,n){return n.isMobile&&!n.isLastItem?e(t,null,this.renderIcon("chevron-left-rounded","text-link"),this.renderLabel(i)):n.isLastItem?this.renderLabel(i,!0):e(t,null,this.renderLabel(i),this.renderIcon("chevron-right-rounded","text-secondary"))}renderIcon(t,i){return e("vega-icon",{icon:t,size:"size-12",color:i})}renderLabel(t,i){return t.tooltip?e("vega-tooltip",{text:t.tooltip,placement:["bottom"]},this.renderLink(t,i)):this.renderLink(t,i)}renderLink(t,i){return i?e("span",{class:"vega-breadcrumb-last-label"},t.label):e("vega-button-link",{label:t.label,ref:e=>{h.addUniqueObserverToNode(e,b,(()=>{this.clickController.click(t)}))}})}}!function(e,t,i,n){var a,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,n);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);r>3&&s&&Object.defineProperty(t,i,s)}([s()],j.prototype,"clickController",void 0);var I=function(e,t,i,n){var a,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,n);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};class k extends o{click(e){const t=this.clickEventEmitter.emit(e);t&&!t.defaultPrevented&&e.href&&(window.location.href=e.href)}dropdownClick(e){const t=this.items.find((t=>t.label===e));t&&this.click(t)}}I([s()],k.prototype,"items",void 0),I([s()],k.prototype,"clickEventEmitter",void 0);var R=function(e,t,i,n){var a,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,n);else for(var o=e.length-1;o>=0;o--)(a=e[o])&&(s=(r<3?a(s):r>3?a(t,i,s):a(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};const z=class{constructor(e){i(this,e),this.vegaClick=n(this,"vegaClick",7),this.click=n(this,"click",7),this.globalSlimmers={},this.renderer=new w,this.collapsedItemRenderer=new y,this.itemRenderer=new j,this.clickController=new k,this.eventsPrevent=new x([b],(()=>this.renderer.getBreadcrumbContainerRef())),this.clickEventEmitter=v(z,b),this.vegaComponentUsageRuntimeMetricsSlimmer=new m,this.maxItems=4,this.items=[]}render(){return g(e(a,null,this.renderer.render()),this.host)}get host(){return r(this)}};R([p()],z.prototype,"globalSlimmers",void 0),R([l()],z.prototype,"renderer",void 0),R([l()],z.prototype,"collapsedItemRenderer",void 0),R([l()],z.prototype,"itemRenderer",void 0),R([l()],z.prototype,"clickController",void 0),R([l()],z.prototype,"eventsPrevent",void 0),R([l()],z.prototype,"clickEventEmitter",void 0),R([l()],z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),z.style=':host{display:block}:host .vega-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}:host .vega-breadcrumb-hidden{display:none !important}:host .vega-breadcrumb-item{display:flex;gap:8px;align-items:center}:host .vega-breadcrumb-item vega-button-link::part(label-text){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-breadcrumb-item vega-button-link::part(label-text){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-breadcrumb-item vega-button-link::part(label-text){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-breadcrumb-item vega-button-link::part(label-text){font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-dropdown vega-text{cursor:pointer;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-dropdown vega-text{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-breadcrumb-item vega-dropdown vega-text{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-breadcrumb-item vega-dropdown vega-text{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-icon{flex-shrink:0}:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-button-link::part(label-container){text-decoration:none}:host .vega-breadcrumb.mobile>.vega-breadcrumb-item{display:none}:host .vega-breadcrumb.mobile .vega-breadcrumb-item:nth-last-child(2){display:flex}:host .vega-breadcrumb.mobile.single .vega-breadcrumb-item{display:flex;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb.mobile.single .vega-breadcrumb-item{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-breadcrumb.mobile.single .vega-breadcrumb-item{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-breadcrumb.mobile.single .vega-breadcrumb-item{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child){display:none}';export{z as vega_breadcrumb}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as s,h as t,H as r,g as o}from"./p-1c298d5a.js";import{D as i}from"./p-6c6d86da.js";import{K as a,i as p}from"./p-bf3fbb9b.js";import{c as g}from"./p-86194314.js";import{s as n}from"./p-9b797118.js";import{n as c}from"./p-262ec334.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as h}from"./p-61f6167c.js";import{c as v}from"./p-302e7589.js";import{c as x}from"./p-5915634b.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-2306c736.js";import"./p-47a4c625.js";const _=[{payloadKey:"COMPLETED_STEP_ARRAY_IS_EMPTY",payloadDescription:"@deprecated Specifies an array of completed step titles for the Progress Tracker component.",payloadValue:e=>0===e.completedStepArray.length},{payloadKey:"COMPLETED_STEP_ARRAY_IS_NOT_EMPTY",payloadDescription:"@deprecated Specifies an array of completed step titles for the Progress Tracker component.",payloadValue:e=>e.completedStepArray.length>0}];var f,m=function(e,s,t,r){var o,i=arguments.length,a=i<3?s:null===r?r=Object.getOwnPropertyDescriptor(s,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,s,t,r);else for(var p=e.length-1;p>=0;p--)(o=e[p])&&(a=(i<3?o(a):i>3?o(s,t,a):o(s,t))||a);return i>3&&a&&Object.defineProperty(s,t,a),a};!function(e){e.DEFAULT="default",e.IN_PROGRESS="inProgress",e.COMPLETE="complete"}(f||(f={}));const b=class{constructor(r){e(this,r),this.vegaCurrentStepUpdate=s(this,"vegaCurrentStepUpdate",7),this.currentStepUpdate=s(this,"currentStepUpdate",7),this.globalSlimmers={},this.currentStepUpdateEventEmitter=v(b,a),this.deprecatedPropertySlimmer=x(b,"completedSteps","completedStepArray",[]),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(_),this.current=0,this.direction="vertical",this.steps=[],this.completedStepArray=[],this.completedSteps=[],this.canClickStep=!0,this.getStepState=e=>this.deprecatedPropertySlimmer.getValue().includes(this.steps[e])?f.COMPLETE:e===this.current?f.IN_PROGRESS:f.DEFAULT,this.onStepIconClick=async e=>{const s=Number(e.currentTarget.getAttribute("data-index"));await this.setCurrent(s)},this.renderStepIcon=(e,s)=>t("div",{class:"vega-progress-step-icon-container"},t("div",{class:"vega-progress-step__icon"},s==f.COMPLETE?t("vega-icon",{icon:"checkmark-rounded",size:"size-16"}):t("span",null,e+1))),this.renderSteps=(e,s)=>{const r=this.getStepState(s),o=this.deprecatedPropertySlimmer.getValue().includes(this.steps[s-1]);return t("div",{role:this.canClickStep?"button":null,class:`vega-progress-step ${r} ${s===this.current?"current":""}`,"data-index":s,tabIndex:this.canClickStep?0:null,onClick:this.canClickStep?this.onStepIconClick:null,onKeyDown:this.canClickStep?g():null,"aria-label":e},t("div",{class:"vega-progress-step-icon-divider"},t("div",{class:"vega-progress-step__divider left "+(o?"background":"")}),this.renderStepIcon(s,r),t("div",{class:"vega-progress-step__divider right "+(this.deprecatedPropertySlimmer.getValue().includes(e)?"complete":"default")})),t("div",{class:"vega-progress-step__title"},e))},this.updateCurrent=(e,s,t)=>{this.current=c(e,s,t)},this.isElementVisible=()=>this.carouselDom.parentElement.getBoundingClientRect().width>0}async watchCurrentChange(e){this.updateCurrent(e,0,this.steps.length-1),this.currentStepUpdateEventEmitter.emit(this.steps[this.current]),this.isElementVisible()&&await this.carouselDom.goToPage(this.current+1)}watchSteps(){this.updateCurrent(this.current,0,this.steps.length-1)}componentDidLoad(){this.updateCurrent(this.current,0,this.steps.length-1)}async nextStep(){this.updateCurrent(++this.current,null,this.steps.length-1)}async prevStep(){this.updateCurrent(--this.current,0,null)}async setCurrent(e){this.updateCurrent(e,0,this.steps.length-1)}async getCurrent(){return this.current}render(){return n(t(r,{class:`vega-progress-tracker ${this.direction}${this.canClickStep?"":" click-step-disabled"}`},t("div",{class:"vega-progress-tracker__container"},t("div",{class:"vega-progress-tracker__slot"},this.steps.map(((e,s)=>this.renderSteps(e,s))))),t("div",{class:"vega-progress-tracker__box"},t("vega-carousel",{showSlider:!1,itemsPerPage:1,canSwipe:this.canClickStep,ref:e=>(i.addUniqueObserverToNode(e,p,(e=>this.updateCurrent(e.detail-1,0,this.steps.length-1))),this.carouselDom=e)},this.steps.map(((e,s)=>t("div",{class:{subTitle:!0,completed:this.getStepState(s)===f.COMPLETE,inProgress:this.current===s}},e)))))),this.host)}get host(){return o(this)}static get watchers(){return{current:["watchCurrentChange"],steps:["watchSteps"]}}};m([h()],b.prototype,"globalSlimmers",void 0),m([l()],b.prototype,"currentStepUpdateEventEmitter",void 0),m([l()],b.prototype,"deprecatedPropertySlimmer",void 0),m([l()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=':host .vega-progress-tracker__container{display:flex;align-items:center;padding-top:0px;padding-bottom:0px}:host .vega-progress-tracker__slot{width:100%;display:block}:host .vega-progress-step{display:flex;gap:16px}:host(:not(.click-step-disabled)) .vega-progress-step{cursor:pointer}:host(:not(.click-step-disabled)) .vega-progress-step.default:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress .vega-progress-step__icon:hover,:host(:not(.click-step-disabled)) .vega-progress-step.current .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:hover .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:active .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete.current:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step:focus-visible{outline-width:0px}:host .vega-progress-step:focus-visible .vega-progress-step-icon-container{border-radius:8px;box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:column;align-items:center;gap:0px}:host .vega-progress-step .vega-progress-step-icon-container{padding:8px}:host .vega-progress-step .vega-progress-step__icon{display:block;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;box-sizing:content-box;height:32px;width:32px;min-width:32px;line-height:32px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__icon{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-progress-step .vega-progress-step__icon{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-progress-step .vega-progress-step__icon{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step .vega-progress-step__icon span{display:block}:host .vega-progress-step .vega-progress-step__icon:not(.disable-responsive){line-height:32px}:host .vega-progress-step .vega-progress-step__divider{width:1px;flex-grow:1;height:100%;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));display:block}:host .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.left{display:none}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:none}:host .vega-progress-step .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:12px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));display:block;padding-bottom:36px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__title{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-progress-step .vega-progress-step__title{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-progress-step .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step.default .vega-progress-step__icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host .vega-progress-step.complete .vega-progress-step__icon{display:flex;justify-content:center;align-items:center;background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0));box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__title{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-progress-step.complete.current .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step.inProgress .vega-progress-step__icon,:host .vega-progress-step.current .vega-progress-step__icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 320px) and (max-width: 767px){:host{flex:1 1 100%}}@media screen and (min-width: 320px) and (max-width: 767px){:host .vega-progress-tracker__container{padding-top:16px;padding-bottom:16px}:host .vega-progress-tracker__slot{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0px}:host .vega-progress-step{display:flex;flex-grow:1;flex-basis:0}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:row;gap:4px;width:100%}:host .vega-progress-step .vega-progress-step__icon{height:16px;width:16px;min-width:16px}:host .vega-progress-step .vega-progress-step__icon{line-height:16px}:host .vega-progress-step .vega-progress-step__icon vega-icon{height:8px;width:8px}:host .vega-progress-step .vega-progress-step__icon span{display:none}:host .vega-progress-step .vega-progress-step__divider{height:1px;flex-grow:1}:host .vega-progress-step .vega-progress-step__divider.left{display:block}:host .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.right{display:block}:host .vega-progress-step .vega-progress-step__title{display:none}:host .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}}:host(.horizontal){display:block;overflow-x:auto;padding-top:4px}:host(.horizontal) .vega-progress-tracker__slot{display:flex}:host(.horizontal) .vega-progress-step{flex-direction:column;align-items:center;gap:4px;flex-grow:1;flex-basis:0}:host(.horizontal) .vega-progress-step .vega-progress-step-icon-divider{flex-direction:row;align-items:center;gap:4px;width:100%}:host(.horizontal) .vega-progress-step .vega-progress-step__divider{height:1px;display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left{display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__title{padding-top:0px;padding-bottom:0px;text-align:center;padding-left:4px;padding-right:4px}:host(.horizontal) .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host(.horizontal) .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}@media screen and (min-width: 320px) and (max-width: 767px){:host(.horizontal){padding-top:0px}}:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-progress-tracker__box{display:flex;align-items:center}@media (min-width: 768px){:host .vega-progress-tracker__box{display:none}}:host .vega-progress-tracker__box vega-carousel{width:100%;text-align:center}';export{b as vega_progress_tracker}
|
|
1
|
+
import{r as e,c as s,h as t,H as r,g as o}from"./p-1c298d5a.js";import{D as i}from"./p-6c6d86da.js";import{M as a,i as p}from"./p-9e9ec748.js";import{c as g}from"./p-86194314.js";import{s as n}from"./p-9b797118.js";import{n as c}from"./p-262ec334.js";import{I as l}from"./p-6e1ab235.js";import{V as d,I as h}from"./p-61f6167c.js";import{c as v}from"./p-a04632d0.js";import{c as x}from"./p-5915634b.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-4163c2c2.js";import"./p-6a334573.js";import"./p-0fecf145.js";import"./p-47a4c625.js";const _=[{payloadKey:"COMPLETED_STEP_ARRAY_IS_EMPTY",payloadDescription:"@deprecated Specifies an array of completed step titles for the Progress Tracker component.",payloadValue:e=>0===e.completedStepArray.length},{payloadKey:"COMPLETED_STEP_ARRAY_IS_NOT_EMPTY",payloadDescription:"@deprecated Specifies an array of completed step titles for the Progress Tracker component.",payloadValue:e=>e.completedStepArray.length>0}];var f,m=function(e,s,t,r){var o,i=arguments.length,a=i<3?s:null===r?r=Object.getOwnPropertyDescriptor(s,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,s,t,r);else for(var p=e.length-1;p>=0;p--)(o=e[p])&&(a=(i<3?o(a):i>3?o(s,t,a):o(s,t))||a);return i>3&&a&&Object.defineProperty(s,t,a),a};!function(e){e.DEFAULT="default",e.IN_PROGRESS="inProgress",e.COMPLETE="complete"}(f||(f={}));const b=class{constructor(r){e(this,r),this.vegaCurrentStepUpdate=s(this,"vegaCurrentStepUpdate",7),this.currentStepUpdate=s(this,"currentStepUpdate",7),this.globalSlimmers={},this.currentStepUpdateEventEmitter=v(b,a),this.deprecatedPropertySlimmer=x(b,"completedSteps","completedStepArray",[]),this.vegaComponentUsageRuntimeMetricsSlimmer=new d(_),this.current=0,this.direction="vertical",this.steps=[],this.completedStepArray=[],this.completedSteps=[],this.canClickStep=!0,this.getStepState=e=>this.deprecatedPropertySlimmer.getValue().includes(this.steps[e])?f.COMPLETE:e===this.current?f.IN_PROGRESS:f.DEFAULT,this.onStepIconClick=async e=>{const s=Number(e.currentTarget.getAttribute("data-index"));await this.setCurrent(s)},this.renderStepIcon=(e,s)=>t("div",{class:"vega-progress-step-icon-container"},t("div",{class:"vega-progress-step__icon"},s==f.COMPLETE?t("vega-icon",{icon:"checkmark-rounded",size:"size-16"}):t("span",null,e+1))),this.renderSteps=(e,s)=>{const r=this.getStepState(s),o=this.deprecatedPropertySlimmer.getValue().includes(this.steps[s-1]);return t("div",{role:this.canClickStep?"button":null,class:`vega-progress-step ${r} ${s===this.current?"current":""}`,"data-index":s,tabIndex:this.canClickStep?0:null,onClick:this.canClickStep?this.onStepIconClick:null,onKeyDown:this.canClickStep?g():null,"aria-label":e},t("div",{class:"vega-progress-step-icon-divider"},t("div",{class:"vega-progress-step__divider left "+(o?"background":"")}),this.renderStepIcon(s,r),t("div",{class:"vega-progress-step__divider right "+(this.deprecatedPropertySlimmer.getValue().includes(e)?"complete":"default")})),t("div",{class:"vega-progress-step__title"},e))},this.updateCurrent=(e,s,t)=>{this.current=c(e,s,t)},this.isElementVisible=()=>this.carouselDom.parentElement.getBoundingClientRect().width>0}async watchCurrentChange(e){this.updateCurrent(e,0,this.steps.length-1),this.currentStepUpdateEventEmitter.emit(this.steps[this.current]),this.isElementVisible()&&await this.carouselDom.goToPage(this.current+1)}watchSteps(){this.updateCurrent(this.current,0,this.steps.length-1)}componentDidLoad(){this.updateCurrent(this.current,0,this.steps.length-1)}async nextStep(){this.updateCurrent(++this.current,null,this.steps.length-1)}async prevStep(){this.updateCurrent(--this.current,0,null)}async setCurrent(e){this.updateCurrent(e,0,this.steps.length-1)}async getCurrent(){return this.current}render(){return n(t(r,{class:`vega-progress-tracker ${this.direction}${this.canClickStep?"":" click-step-disabled"}`},t("div",{class:"vega-progress-tracker__container"},t("div",{class:"vega-progress-tracker__slot"},this.steps.map(((e,s)=>this.renderSteps(e,s))))),t("div",{class:"vega-progress-tracker__box"},t("vega-carousel",{showSlider:!1,itemsPerPage:1,canSwipe:this.canClickStep,ref:e=>(i.addUniqueObserverToNode(e,p,(e=>this.updateCurrent(e.detail-1,0,this.steps.length-1))),this.carouselDom=e)},this.steps.map(((e,s)=>t("div",{class:{subTitle:!0,completed:this.getStepState(s)===f.COMPLETE,inProgress:this.current===s}},e)))))),this.host)}get host(){return o(this)}static get watchers(){return{current:["watchCurrentChange"],steps:["watchSteps"]}}};m([h()],b.prototype,"globalSlimmers",void 0),m([l()],b.prototype,"currentStepUpdateEventEmitter",void 0),m([l()],b.prototype,"deprecatedPropertySlimmer",void 0),m([l()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=':host .vega-progress-tracker__container{display:flex;align-items:center;padding-top:0px;padding-bottom:0px}:host .vega-progress-tracker__slot{width:100%;display:block}:host .vega-progress-step{display:flex;gap:16px}:host(:not(.click-step-disabled)) .vega-progress-step{cursor:pointer}:host(:not(.click-step-disabled)) .vega-progress-step.default:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress .vega-progress-step__icon:hover,:host(:not(.click-step-disabled)) .vega-progress-step.current .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:hover .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:active .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete.current:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step:focus-visible{outline-width:0px}:host .vega-progress-step:focus-visible .vega-progress-step-icon-container{border-radius:8px;box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:column;align-items:center;gap:0px}:host .vega-progress-step .vega-progress-step-icon-container{padding:8px}:host .vega-progress-step .vega-progress-step__icon{display:block;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;box-sizing:content-box;height:32px;width:32px;min-width:32px;line-height:32px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__icon{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-progress-step .vega-progress-step__icon{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-progress-step .vega-progress-step__icon{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step .vega-progress-step__icon span{display:block}:host .vega-progress-step .vega-progress-step__icon:not(.disable-responsive){line-height:32px}:host .vega-progress-step .vega-progress-step__divider{width:1px;flex-grow:1;height:100%;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));display:block}:host .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.left{display:none}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:none}:host .vega-progress-step .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:12px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));display:block;padding-bottom:36px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__title{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-progress-step .vega-progress-step__title{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-progress-step .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step.default .vega-progress-step__icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host .vega-progress-step.complete .vega-progress-step__icon{display:flex;justify-content:center;align-items:center;background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0));box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__title{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-progress-step.complete.current .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step.inProgress .vega-progress-step__icon,:host .vega-progress-step.current .vega-progress-step__icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-progress-step.inProgress .vega-progress-step__title,:host .vega-progress-step.current .vega-progress-step__title{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 320px) and (max-width: 767px){:host{flex:1 1 100%}}@media screen and (min-width: 320px) and (max-width: 767px){:host .vega-progress-tracker__container{padding-top:16px;padding-bottom:16px}:host .vega-progress-tracker__slot{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0px}:host .vega-progress-step{display:flex;flex-grow:1;flex-basis:0}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:row;gap:4px;width:100%}:host .vega-progress-step .vega-progress-step__icon{height:16px;width:16px;min-width:16px}:host .vega-progress-step .vega-progress-step__icon{line-height:16px}:host .vega-progress-step .vega-progress-step__icon vega-icon{height:8px;width:8px}:host .vega-progress-step .vega-progress-step__icon span{display:none}:host .vega-progress-step .vega-progress-step__divider{height:1px;flex-grow:1}:host .vega-progress-step .vega-progress-step__divider.left{display:block}:host .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.right{display:block}:host .vega-progress-step .vega-progress-step__title{display:none}:host .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}}:host(.horizontal){display:block;overflow-x:auto;padding-top:4px}:host(.horizontal) .vega-progress-tracker__slot{display:flex}:host(.horizontal) .vega-progress-step{flex-direction:column;align-items:center;gap:4px;flex-grow:1;flex-basis:0}:host(.horizontal) .vega-progress-step .vega-progress-step-icon-divider{flex-direction:row;align-items:center;gap:4px;width:100%}:host(.horizontal) .vega-progress-step .vega-progress-step__divider{height:1px;display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left{display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__title{padding-top:0px;padding-bottom:0px;text-align:center;padding-left:4px;padding-right:4px}:host(.horizontal) .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host(.horizontal) .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}@media screen and (min-width: 320px) and (max-width: 767px){:host(.horizontal){padding-top:0px}}:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-progress-tracker__box{display:flex;align-items:center}@media (min-width: 768px){:host .vega-progress-tracker__box{display:none}}:host .vega-progress-tracker__box vega-carousel{width:100%;text-align:center}';export{b as vega_progress_tracker}
|