@globalpayments/vega 2.18.1 → 2.19.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-45048ed9.js → app-globals-80e59c3d.js} +2 -2
- package/dist/cjs/{childNodesEventPreventSlimmer-caaafff9.js → childNodesEventPreventSlimmer-2c25bd69.js} +1 -1
- package/dist/cjs/{eventEmitSlimmer-9a4428ac.js → eventEmitSlimmer-a1a3cc64.js} +1 -1
- package/dist/cjs/{formFieldControllerSlimmer-8b54f14d.js → formFieldControllerSlimmer-6c701dd2.js} +83 -9
- package/dist/cjs/index-1299d729.js +6 -2
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/{internalVegaEventManager-de87a0aa.js → internalVegaEventManager-a0291fcc.js} +1 -0
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/vega-accordion.cjs.entry.js +2 -2
- package/dist/cjs/vega-app-header-button.cjs.entry.js +3 -3
- package/dist/cjs/vega-banner.cjs.entry.js +2 -2
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +3 -3
- package/dist/cjs/vega-button-circle.cjs.entry.js +3 -3
- package/dist/cjs/vega-button-group_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-button-link.cjs.entry.js +3 -3
- package/dist/cjs/vega-button.cjs.entry.js +3 -3
- package/dist/cjs/{vega-calendar_2.cjs.entry.js → vega-calendar_3.cjs.entry.js} +419 -157
- package/dist/cjs/vega-carousel.cjs.entry.js +2 -2
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-chip.cjs.entry.js +3 -3
- package/dist/cjs/vega-color-picker.cjs.entry.js +3 -3
- package/dist/cjs/vega-combo-box.cjs.entry.js +4 -4
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-dialog_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +4 -4
- package/dist/cjs/vega-field-label.cjs.entry.js +3 -3
- package/dist/cjs/vega-form.cjs.entry.js +4 -4
- package/dist/cjs/vega-image-uploader.cjs.entry.js +4 -4
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +4 -4
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +5 -5
- package/dist/cjs/vega-input-range.cjs.entry.js +5 -5
- package/dist/cjs/vega-input-select.cjs.entry.js +5 -5
- package/dist/cjs/vega-input.cjs.entry.js +4 -4
- package/dist/cjs/vega-item-toggle.cjs.entry.js +2 -2
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +2 -2
- package/dist/cjs/vega-pagination.cjs.entry.js +3 -3
- package/dist/cjs/vega-popover_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-progress-tracker.cjs.entry.js +8 -8
- package/dist/cjs/vega-radio_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-segment-control.cjs.entry.js +2 -2
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-signature-capture.cjs.entry.js +511 -0
- package/dist/cjs/{vega-skeleton-loader-controller-c56eb5f8.js → vega-skeleton-loader-controller-0d48e278.js} +1 -1
- package/dist/cjs/vega-stepper.cjs.entry.js +5 -5
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-table_8.cjs.entry.js +3 -3
- package/dist/cjs/vega-textarea.cjs.entry.js +10 -6
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +2 -2
- package/dist/cjs/vega.cjs.js +4 -4
- package/dist/cjs/vegaEnvManager-26352c0a.js +2 -2
- package/dist/collection/collection-manifest.json +9 -1
- package/dist/collection/components/vega-box/vega-box.js +1 -1
- package/dist/collection/components/vega-calendar/slimmers/common/renderers/vega-calendar-event-item-renderer.js +6 -2
- package/dist/collection/components/vega-calendar/slimmers/day-view/renderers/full-day-event/vega-calendar-full-day-event-more-button-renderer.js +46 -0
- package/dist/collection/components/vega-calendar/slimmers/day-view/renderers/full-day-event/vega-calendar-full-day-event-renderer.js +36 -4
- package/dist/collection/components/vega-calendar/slimmers/month-view/renderers/vega-calendar-month-event-renderer.js +2 -0
- package/dist/collection/components/vega-calendar/utils/index.js +9 -0
- package/dist/collection/components/vega-calendar/vega-calendar-event/slimmers/controllers/vega-calendar-event-slot-controller.js +76 -0
- package/dist/collection/components/vega-calendar/vega-calendar-event/slimmers/renderers/vega-calendar-event-renderer.js +70 -18
- package/dist/collection/components/vega-calendar/vega-calendar-event/vega-calendar-event.css +35 -6
- package/dist/collection/components/vega-calendar/vega-calendar-event/vega-calendar-event.js +10 -2
- package/dist/collection/components/vega-calendar/vega-calendar-event-slot/vega-calendar-event-slot.css +10 -0
- package/dist/collection/components/vega-calendar/vega-calendar-event-slot/vega-calendar-event-slot.js +55 -0
- package/dist/collection/components/vega-calendar/vega-calendar.css +55 -0
- package/dist/collection/components/vega-calendar/vega-calendar.js +7 -0
- package/dist/collection/components/vega-dropdown/vega-dropdown-content-box/vega-dropdown-content-box.css +1 -2
- package/dist/collection/components/vega-input/vega-input.css +6 -3
- package/dist/collection/components/vega-input-phone-number/vega-input-phone-number.css +1 -1
- package/dist/collection/components/vega-input-range/vega-input-range.css +2 -2
- package/dist/collection/components/vega-input-select/vega-input-select.css +6 -5
- package/dist/collection/components/vega-progress-tracker/vega-progress-tracker.css +19 -8
- package/dist/collection/components/vega-progress-tracker/vega-progress-tracker.js +5 -5
- package/dist/collection/components/vega-signature-capture/assets/icons.js +5 -0
- package/dist/collection/components/vega-signature-capture/slimmers/renderers/vega-signature-capture-renderer.js +19 -0
- package/dist/collection/components/vega-signature-capture/slimmers/written-mode/controllers/written-mode-svg-controller.js +220 -0
- package/dist/collection/components/vega-signature-capture/slimmers/written-mode/renderers/written-mode-renderer.js +104 -0
- package/dist/collection/components/vega-signature-capture/vega-signature-capture.css +154 -0
- package/dist/collection/components/vega-signature-capture/vega-signature-capture.js +429 -0
- package/dist/collection/components/vega-stepper/vega-stepper.css +3 -1
- package/dist/collection/components/vega-textarea/vega-textarea.css +7 -0
- package/dist/collection/components/vega-textarea/vega-textarea.js +23 -1
- package/dist/collection/components/vega-time-picker/vega-time-picker.css +7 -4
- package/dist/collection/helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry.js +59 -0
- package/dist/collection/helpers/change-manager/subject/static-subject/staticSubjectTitle.js +1 -0
- package/dist/collection/helpers/change-manager/test/static-remote-invocation-subject.test.js +14 -0
- package/dist/collection/helpers/event-manager/eventID/componentEventIdMap.js +1 -0
- package/dist/collection/helpers/slimmers/fieldErrorUiControllerSlimmer.js +16 -9
- package/dist/collection/helpers/slimmers/fieldErrorUiControllerStrategies/siblingContainerErrorLabelContainerRetrievalStrategy.js +25 -0
- package/dist/collection/helpers/slimmers/fieldErrorUiControllerStrategies/siblingContainerNestedErrorContainerRetrievalStrategy.js +19 -0
- package/dist/collection/helpers/slimmers/fieldErrorUiControllerStrategies/siblingContainerSelfRetrievalStrategy.js +23 -0
- package/dist/collection/helpers/vega-telemetry-helper/test/vegaEnvManager.test.js +1 -1
- package/dist/collection/helpers/vega-telemetry-helper/vegaEnvManager.js +2 -2
- package/dist/collection/polyfill/test-polyfill/unit/methods.js +10 -4
- package/dist/collection/value-model-adapters/angularNgModelAccessorAdapter.js +1 -0
- package/dist/collection/value-model-adapters/vueComponentVModelAdaptor.js +1 -0
- package/dist/esm/{app-globals-59ad7d73.js → app-globals-b1e3dc8a.js} +2 -2
- package/dist/esm/{childNodesEventPreventSlimmer-dff60444.js → childNodesEventPreventSlimmer-2d3364c6.js} +1 -1
- package/dist/esm/{eventEmitSlimmer-faec6394.js → eventEmitSlimmer-3087be32.js} +1 -1
- package/dist/esm/{formFieldControllerSlimmer-ea050a17.js → formFieldControllerSlimmer-bd240f6a.js} +83 -9
- package/dist/esm/index-c3505689.js +6 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/{internalVegaEventManager-6f331cf5.js → internalVegaEventManager-7c0f128e.js} +1 -0
- package/dist/esm/loader.js +4 -4
- package/dist/esm/vega-accordion.entry.js +2 -2
- package/dist/esm/vega-app-header-button.entry.js +3 -3
- package/dist/esm/vega-banner.entry.js +2 -2
- package/dist/esm/vega-breadcrumb.entry.js +3 -3
- package/dist/esm/vega-button-circle.entry.js +3 -3
- package/dist/esm/vega-button-group_2.entry.js +3 -3
- package/dist/esm/vega-button-link.entry.js +3 -3
- package/dist/esm/vega-button.entry.js +3 -3
- package/dist/esm/{vega-calendar_2.entry.js → vega-calendar_3.entry.js} +419 -158
- package/dist/esm/vega-carousel.entry.js +2 -2
- package/dist/esm/vega-checkbox_2.entry.js +4 -4
- package/dist/esm/vega-chip.entry.js +3 -3
- package/dist/esm/vega-color-picker.entry.js +3 -3
- package/dist/esm/vega-combo-box.entry.js +4 -4
- package/dist/esm/vega-date-picker_2.entry.js +4 -4
- package/dist/esm/vega-dialog_2.entry.js +3 -3
- package/dist/esm/vega-dropdown_5.entry.js +4 -4
- package/dist/esm/vega-field-label.entry.js +3 -3
- package/dist/esm/vega-form.entry.js +4 -4
- package/dist/esm/vega-image-uploader.entry.js +4 -4
- package/dist/esm/vega-input-credit-card.entry.js +4 -4
- package/dist/esm/vega-input-phone-number.entry.js +5 -5
- package/dist/esm/vega-input-range.entry.js +5 -5
- package/dist/esm/vega-input-select.entry.js +5 -5
- package/dist/esm/vega-input.entry.js +4 -4
- package/dist/esm/vega-item-toggle.entry.js +2 -2
- package/dist/esm/vega-left-nav_5.entry.js +2 -2
- package/dist/esm/vega-pagination.entry.js +3 -3
- package/dist/esm/vega-popover_2.entry.js +2 -2
- package/dist/esm/vega-progress-tracker.entry.js +8 -8
- package/dist/esm/vega-radio_2.entry.js +4 -4
- package/dist/esm/vega-segment-control.entry.js +2 -2
- package/dist/esm/vega-selection-tile_2.entry.js +4 -4
- package/dist/esm/vega-signature-capture.entry.js +507 -0
- package/dist/esm/{vega-skeleton-loader-controller-aaee27b8.js → vega-skeleton-loader-controller-961112bb.js} +1 -1
- package/dist/esm/vega-stepper.entry.js +5 -5
- package/dist/esm/vega-tab-group_2.entry.js +3 -3
- package/dist/esm/vega-table_8.entry.js +3 -3
- package/dist/esm/vega-textarea.entry.js +10 -6
- package/dist/esm/vega-time-picker_2.entry.js +5 -5
- package/dist/esm/vega-toggle-switch.entry.js +2 -2
- package/dist/esm/vega.js +4 -4
- package/dist/esm/vegaEnvManager-e0c1fde1.js +2 -2
- package/dist/types/components/vega-box/interface.d.ts +7 -1
- package/dist/types/components/vega-calendar/slimmers/common/renderers/vega-calendar-event-item-renderer.d.ts +1 -0
- package/dist/types/components/vega-calendar/slimmers/day-view/renderers/full-day-event/vega-calendar-full-day-event-more-button-renderer.d.ts +23 -0
- package/dist/types/components/vega-calendar/slimmers/day-view/renderers/full-day-event/vega-calendar-full-day-event-renderer.d.ts +13 -1
- package/dist/types/components/vega-calendar/utils/index.d.ts +7 -0
- package/dist/types/components/vega-calendar/vega-calendar-event/slimmers/controllers/vega-calendar-event-slot-controller.d.ts +30 -0
- package/dist/types/components/vega-calendar/vega-calendar-event/slimmers/renderers/vega-calendar-event-renderer.d.ts +33 -0
- package/dist/types/components/vega-calendar/vega-calendar-event/vega-calendar-event.d.ts +4 -1
- package/dist/types/components/vega-calendar/vega-calendar-event-slot/vega-calendar-event-slot.d.ts +12 -0
- package/dist/types/components/vega-calendar/vega-calendar.d.ts +4 -1
- package/dist/types/components/vega-signature-capture/assets/icons.d.ts +4 -0
- package/dist/types/components/vega-signature-capture/slimmers/renderers/vega-signature-capture-renderer.d.ts +7 -0
- package/dist/types/components/vega-signature-capture/slimmers/written-mode/controllers/written-mode-svg-controller.d.ts +88 -0
- package/dist/types/components/vega-signature-capture/slimmers/written-mode/renderers/written-mode-renderer.d.ts +27 -0
- package/dist/types/components/vega-signature-capture/types.d.ts +5 -0
- package/dist/types/components/vega-signature-capture/vega-signature-capture.d.ts +95 -0
- package/dist/types/components/vega-textarea/vega-textarea.d.ts +4 -0
- package/dist/types/components.d.ts +148 -0
- package/dist/types/helpers/change-manager/subject/static-remote-invocation-subject/static-remote-invocation-call-registry.d.ts +39 -0
- package/dist/types/helpers/change-manager/subject/static-subject/staticSubjectTitle.d.ts +2 -1
- package/dist/types/helpers/change-manager/test/static-remote-invocation-subject.test.d.ts +1 -0
- package/dist/types/helpers/slimmers/fieldErrorUiControllerSlimmer.d.ts +1 -0
- package/dist/types/helpers/slimmers/fieldErrorUiControllerStrategies/fieldErrorUiControllerStrategy.d.ts +6 -0
- package/dist/types/helpers/slimmers/fieldErrorUiControllerStrategies/siblingContainerErrorLabelContainerRetrievalStrategy.d.ts +16 -0
- package/dist/types/helpers/slimmers/fieldErrorUiControllerStrategies/siblingContainerNestedErrorContainerRetrievalStrategy.d.ts +15 -0
- package/dist/types/helpers/slimmers/fieldErrorUiControllerStrategies/siblingContainerSelfRetrievalStrategy.d.ts +14 -0
- package/dist/types/types/components.type.d.ts +1 -0
- package/dist/types/types/general.d.ts +2 -1
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-eee98614.entry.js → p-0f420f8f.entry.js} +1 -1
- package/dist/vega/{p-a4ca0aac.entry.js → p-1057d54f.entry.js} +1 -1
- package/dist/vega/{p-a61cb86e.entry.js → p-107e2518.entry.js} +1 -1
- package/dist/vega/{p-c9e013f4.js → p-11b085cb.js} +1 -1
- package/dist/vega/p-264c95ab.js +1 -0
- package/dist/vega/{p-cb171374.entry.js → p-28548bc4.entry.js} +1 -1
- package/dist/vega/{p-46b146eb.entry.js → p-2b72e5d5.entry.js} +1 -1
- package/dist/vega/{p-f1008a4a.entry.js → p-300844f7.entry.js} +1 -1
- package/dist/vega/{p-40a4822c.entry.js → p-303e9a65.entry.js} +1 -1
- package/dist/vega/{p-8759e22d.entry.js → p-3586684b.entry.js} +1 -1
- package/dist/vega/{p-3b62c5b4.entry.js → p-36948812.entry.js} +1 -1
- package/dist/vega/{p-3dbfb6ae.entry.js → p-39271c51.entry.js} +1 -1
- package/dist/vega/{p-37e8445b.entry.js → p-39648c77.entry.js} +1 -1
- package/dist/vega/{p-a0f03879.entry.js → p-3b193b57.entry.js} +1 -1
- package/dist/vega/p-42c8012d.entry.js +1 -0
- package/dist/vega/{p-3de104ba.entry.js → p-4317de99.entry.js} +1 -1
- package/dist/vega/{p-b572e8a8.entry.js → p-479f9784.entry.js} +1 -1
- package/dist/vega/{p-fd3cd3f5.entry.js → p-47a35856.entry.js} +1 -1
- package/dist/vega/{p-e45170ad.entry.js → p-5e44e5c3.entry.js} +1 -1
- package/dist/vega/{p-ebf89788.entry.js → p-617f84f2.entry.js} +1 -1
- package/dist/vega/p-73f6405d.entry.js +1 -0
- package/dist/vega/p-7acd23c3.js +1 -0
- package/dist/vega/{p-4161becc.entry.js → p-81ad9bea.entry.js} +1 -1
- package/dist/vega/{p-f6af6224.entry.js → p-8267b53c.entry.js} +1 -1
- package/dist/vega/{p-642f28dc.entry.js → p-92bae3f8.entry.js} +1 -1
- package/dist/vega/{p-b1b3857d.entry.js → p-93fb0ff0.entry.js} +1 -1
- package/dist/vega/{p-d76ae2b1.entry.js → p-9456d157.entry.js} +1 -1
- package/dist/vega/{p-5ca6fd55.entry.js → p-9e0c331b.entry.js} +1 -1
- package/dist/vega/{p-4f428039.js → p-9f7e71d8.js} +1 -1
- package/dist/vega/p-a05d40b0.entry.js +1 -0
- package/dist/vega/{p-31548eea.entry.js → p-a7b1a4bd.entry.js} +1 -1
- package/dist/vega/{p-4ed1798e.entry.js → p-ae24e059.entry.js} +1 -1
- package/dist/vega/{p-4c3690ce.entry.js → p-b1f01bda.entry.js} +1 -1
- package/dist/vega/{p-5098d161.entry.js → p-b4edefbe.entry.js} +1 -1
- package/dist/vega/{p-2e096c78.entry.js → p-b6968677.entry.js} +1 -1
- package/dist/vega/{p-3f661fad.entry.js → p-c566351a.entry.js} +1 -1
- package/dist/vega/{p-c450f692.js → p-c779ed1f.js} +1 -1
- package/dist/vega/{p-42d1b5df.entry.js → p-caa9f3db.entry.js} +1 -1
- package/dist/vega/{p-d4eb9277.entry.js → p-d1ed331e.entry.js} +1 -1
- package/dist/vega/{p-0a56c329.entry.js → p-da22f097.entry.js} +1 -1
- package/dist/vega/{p-7833c766.entry.js → p-dd8eb2ab.entry.js} +1 -1
- package/dist/vega/{p-fdd6772d.entry.js → p-e27b3235.entry.js} +1 -1
- package/dist/vega/{p-5ded9437.js → p-ead9867b.js} +1 -1
- package/dist/vega/p-f1ecbe90.js +1 -1
- package/dist/vega/p-f26a298a.entry.js +1 -0
- package/dist/vega/{p-7d94fadc.entry.js → p-fb8cb0af.entry.js} +1 -1
- package/dist/vega/{p-069b157d.entry.js → p-fd2712e1.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-477985af.entry.js +0 -1
- package/dist/vega/p-5141bcac.js +0 -1
- package/dist/vega/p-8530f9b5.entry.js +0 -1
- package/dist/vega/p-a5e6da15.js +0 -1
- package/dist/vega/p-eddca0ac.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as i,F as t,r as o,c as n,H as e,g as r}from"./p-9777b1c1.js";import{a as s,V as a,M as c,I as d}from"./p-018d77cc.js";import{s as l}from"./p-6bd5c49b.js";import{V as p,I as h}from"./p-ae778ca4.js";import{s as m}from"./p-b81bd0bb.js";import{f}from"./p-9e38810c.js";import{a as x}from"./p-320642bd.js";import{D as v,O as b}from"./p-0fd9f03f.js";import{a as g,V as u}from"./p-280a6d94.js";import{c as w,a as j}from"./p-faea1620.js";import{V as y}from"./p-4e5c06ae.js";import{C as k}from"./p-bf95b189.js";import{A as E}from"./p-2fa3841b.js";import{L as I}from"./p-1265732f.js";import{c as z}from"./p-
|
|
1
|
+
import{h as i,F as t,r as o,c as n,H as e,g as r}from"./p-9777b1c1.js";import{a as s,V as a,M as c,I as d}from"./p-018d77cc.js";import{s as l}from"./p-6bd5c49b.js";import{V as p,I as h}from"./p-ae778ca4.js";import{s as m}from"./p-b81bd0bb.js";import{f}from"./p-9e38810c.js";import{a as x}from"./p-320642bd.js";import{D as v,O as b}from"./p-0fd9f03f.js";import{a as g,V as u}from"./p-280a6d94.js";import{c as w,a as j}from"./p-faea1620.js";import{V as y}from"./p-4e5c06ae.js";import{C as k}from"./p-bf95b189.js";import{A as E}from"./p-2fa3841b.js";import{L as I}from"./p-1265732f.js";import{c as z}from"./p-c779ed1f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-bb761f8f.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-c59042c0.js";import"./p-6bdc4407.js";import"./p-9d426517.js";import"./p-3a0a4d15.js";import"./p-d3f1d3dd.js";import"./p-264c95ab.js";var O=function(i,t,o,n){var e,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,t,o,n);else for(var a=i.length-1;a>=0;a--)(e=i[a])&&(s=(r<3?e(s):r>3?e(t,o,s):e(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class L 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 o=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(),o,"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:`${x(t)}`},i("vega-button-circle",{size:"small","icon-color":"text-link",variant:"icon-only",icon:y.getIconKey("left"===this.expandIconAlign?"chevron-down":"chevron-up"),ref:i=>{v.addUniqueObserverToNode(i,g,(()=>{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"}))}}y.register({"chevron-up":w,"chevron-down":j}),O([s()],L.prototype,"drawsBackground",void 0),O([s()],L.prototype,"prefixIcon",void 0),O([s()],L.prototype,"accordionTitle",void 0),O([s()],L.prototype,"expandIconAlign",void 0),O([s()],L.prototype,"expand",void 0),O([s()],L.prototype,"iconPosition",void 0),O([s()],L.prototype,"showExpandIcon",void 0),O([s()],L.prototype,"expandController",void 0);var R=function(i,t,o,n){var e,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,t,o,n);else for(var a=i.length-1;a>=0;a--)(e=i[a])&&(s=(r<3?e(s):r>3?e(t,o,s):e(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class S extends a{flipExpand(){this.expand=!this.expand}onExpand(){this.groupId&&this.expand&&k.notify(E,{groupId:this.groupId,element:this.host}),this.expandEventEmitter.emit(this.expand)}registerObserver(){this.observer=new b(I,this.shouldCollapseSelfIfOtherExpand.bind(this)),k.register(E,this.observer)}unregisterObserver(){this.observer&&(k.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 C=function(i,t,o,n){var e,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(i,t,o,n);else for(var a=i.length-1;a>=0;a--)(e=i[a])&&(s=(r<3?e(s):r>3?e(t,o,s):e(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};const M=class{constructor(i){o(this,i),this.vegaExpand=n(this,"vegaExpand",7),this.accordionExpand=n(this,"accordionExpand",7),this.globalSlimmers={},this.renderer=new L,this.expandController=new S,this.expandEventEmitter=z(M,u),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"]}}};C([h()],M.prototype,"globalSlimmers",void 0),C([d()],M.prototype,"renderer",void 0),C([d()],M.prototype,"expandController",void 0),C([d()],M.prototype,"expandEventEmitter",void 0),C([d()],M.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),M.style=':host(.v-block),.v-block{display:block}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host{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{M as vega_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as e,h as a,H as t,g as r}from"./p-9777b1c1.js";import{e as n}from"./p-280a6d94.js";import{c as o}from"./p-
|
|
1
|
+
import{r as i,c as e,h as a,H as t,g as r}from"./p-9777b1c1.js";import{e as n}from"./p-280a6d94.js";import{c as o}from"./p-c779ed1f.js";import{c as s}from"./p-86194314.js";import{s as c}from"./p-b81bd0bb.js";import{I as g}from"./p-018d77cc.js";import{V as d,I as l}from"./p-ae778ca4.js";import"./p-d3f1d3dd.js";import"./p-bf95b189.js";import"./p-0fd9f03f.js";import"./p-264c95ab.js";var h=function(i,e,a,t){var r,n=arguments.length,o=n<3?e:null===t?t=Object.getOwnPropertyDescriptor(e,a):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(i,e,a,t);else for(var s=i.length-1;s>=0;s--)(r=i[s])&&(o=(n<3?r(o):n>3?r(e,a,o):r(e,a))||o);return n>3&&o&&Object.defineProperty(e,a,o),o};const p=class{constructor(a){i(this,a),this.vegaChange=e(this,"vegaChange",7),this.change=e(this,"change",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new d,this.changeEventEmitter=o(p,n),this.checked=!1,this.size="default",this.disabled=!1,this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked)},this.updateValue=i=>{this.checked=i.currentTarget.checked,i.stopPropagation()}}watchCheckedChange(){this.changeEventEmitter.emit(this.checked)}render(){let i=this.checked?"vega-container vega-container-checked":"vega-container";return i+=this.disabled?" vega-container-disabled":"",i+="small"===this.size?" vega-container-small-size":"",c(a(t,null,a("vega-flex",{gap:"size-8"},a("div",{class:`${i} vega-flex-shrink-0 v-min-w-min`},a("input",{type:"checkbox",name:"switch",disabled:this.disabled,checked:this.checked,onChange:this.updateValue,"aria-label":this.label||"No label defined",role:"button",tabIndex:0,onKeyDown:s()}),a("span",{class:this.disabled?"v-bg-tertiary":"v-bg-primary"})),this.renderLabelDom())),this.host)}renderLabelDom(){return this.label?a("div",{class:"vega-flex-basis-0 vega-flex-grow"},a("vega-field-label",{onClick:this.toggleSwitch,disabled:this.disabled,label:this.label})):null}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};h([l()],p.prototype,"globalSlimmers",void 0),h([g()],p.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),h([g()],p.prototype,"changeEventEmitter",void 0),p.style=":host{display:inline-block}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";export{p as vega_toggle_switch}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as s,h as i,H as e,g as a}from"./p-9777b1c1.js";import{c as r}from"./p-86194314.js";import{s as o}from"./p-b81bd0bb.js";import{r as n,e as h}from"./p-ecfa7534.js";import{R as c}from"./p-bb761f8f.js";import{I as d}from"./p-018d77cc.js";import{V as l,I as p}from"./p-ae778ca4.js";import{P as u}from"./p-cb13b4e6.js";import{c as v}from"./p-c450f692.js";import{h as m}from"./p-280a6d94.js";import{c as g}from"./p-58e79f0e.js";import"./p-1265732f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-d3f1d3dd.js";import"./p-bf95b189.js";import"./p-0fd9f03f.js";import"./p-a5e6da15.js";import"./p-47a4c625.js";class b{constructor(){this.queue=[]}async enqueue(t){const s=0===this.queue.length;this.queue.push(t),s&&await this.runTask()}async runTask(){const t=this.queue[0];await t.run(),this.queue.shift(),this.queue.length>0&&await this.runTask()}}var f;!function(t){t.RIGHT="TOUCH_DIR_RIGHT",t.LEFT="TOUCH_DIR_LEFT",t.UP="TOUCH_DIR_UP",t.DOWN="TOUCH_DIR_DOWN"}(f||(f={}));class y{constructor(t){this.touchStart=this.onTouchStart.bind(this),this.touchMove=this.onTouchMove.bind(this),this.touchEnd=this.onTouchEnd.bind(this),this.touchableParams=t,this.attachListeners()}static init(t){return new y(t)}static getTouchDirectionAndDistance(t,s,i,e){const a=i-t,r=e-s;return Math.abs(a)>Math.abs(r)?{direction:a>0?f.RIGHT:f.LEFT,distance:Math.abs(a)}:{direction:r>0?f.UP:f.DOWN,distance:Math.abs(r)}}static getTouchEventCoordinates(t){return{x:t.changedTouches[0].screenX,y:t.changedTouches[0].screenY}}destroy(){this.touchableParams.touchable.removeEventListener("touchstart",this.touchStart),this.touchableParams.touchable.removeEventListener("touchmove",this.touchMove),this.touchableParams.touchable.removeEventListener("touchend",this.touchEnd)}attachListeners(){this.touchableParams.touchable.addEventListener("touchstart",this.touchStart),this.touchableParams.touchable.addEventListener("touchmove",this.touchMove),this.touchableParams.touchable.addEventListener("touchend",this.touchEnd)}onTouchStart(t){var s,i;this.touchStartState=y.getTouchEventCoordinates(t),null===(i=(s=this.touchableParams).onTouchStart)||void 0===i||i.call(s,this.touchStartState.x,this.touchStartState.y)}onTouchMove(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r,distance:o}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchMove)||void 0===i||i.call(s,r,o)}onTouchEnd(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchEnd)||void 0===i||i.call(s,r),this.resetStartState()}resetStartState(){this.touchStartState={x:0,y:0}}}const w=[{payloadKey:"PER_PAGE_IS_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1===t.perPage},{payloadKey:"PER_PAGE_IS_NOT_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1!==t.perPage}];var P=function(t,s,i,e){var a,r=arguments.length,o=r<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(r<3?a(o):r>3?a(s,i,o):a(s,i))||o);return r>3&&o&&Object.defineProperty(s,i,o),o};const j=class{constructor(i){t(this,i),this.vegaPageUpdate=s(this,"vegaPageUpdate",7),this.pageUpdate=s(this,"pageUpdate",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new l(w),this.pageResizeObserverSlimmer=new u({callback:()=>{this.getCarouselItemsPerPage()!==this.currentItemsPerPage&&this.updatePageLayout()}}),this.pageUpdateEventEmitter=v(j,m),this.deprecatedPropertySlimmer=g(j,"itemsPerPage","perPage",1),this.carouselContentElements=[],this.slideTaskQueue=new b,this.currentItemsPerPage=1,this.page=1,this.perPage=1,this.itemsPerPage=1,this.showSlider=!0,this.spacing="size-16",this.canSwipe=!0,this.onClickIndicators=async t=>{const s=Number(t.currentTarget.dataset.page);await this.goToPage(s)},this.getTotalPage=()=>Math.ceil(this.carouselContentElements.length/this.currentItemsPerPage),this.updatePageLayout=()=>{this.currentItemsPerPage=this.getCarouselItemsPerPage(),this.totalPages=this.getTotalPage(),this.page=1,this.wrapChildContentAsCarouselItem()},this.initMutationObserver=()=>{this.mutationObserver=new MutationObserver((async()=>{await this.updateContentByObserverSlotChange()})),this.mutationObserver.observe(this.host,{childList:!0})},this.initTouchEvent=()=>{this.touchListener=y.init({touchable:this.listContainer,onTouchEnd:async t=>{const s=this.page+(t===f.RIGHT?-1:t===f.LEFT?1:0);await this.goToPage(s)}})}}watchPage(){this.pageUpdateEventEmitter.emit(this.page)}watchPerPage(){this.updatePageLayout()}watchItemsPerPage(){this.updatePageLayout()}onSpacingPropsChange(){this.host.querySelectorAll("vega-grid").forEach((t=>{t.gap=this.spacing}))}async disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.touchListener&&this.touchListener.destroy()}componentDidLoad(){this.carouselContentElements=Array.from(this.host.children),this.updatePageLayout(),this.initMutationObserver(),this.initTouchEvent()}async nextPage(){const t=this.page<this.totalPages?this.page+1:this.page;await this.goToPage(t)}async prevPage(){const t=this.page>1?this.page-1:this.page;await this.goToPage(t)}async goToPage(t){await this.goToPageInternal(t)}render(){return o(i(e,null,i("div",{class:{"carousel-inner":!0,"carousel-stop-swipe":!this.canSwipe},ref:t=>this.listContainer=t},i("slot",null)),this.renderIndicatorDom()),this.host)}async goToPageInternal(t,s=!0){t>=1&&t<=this.totalPages&&t!==this.page&&(this.page=t,await this.slideTaskQueue.enqueue({run:()=>this.doSlide(t,s)}))}renderIndicatorDom(){return this.showSlider&&i("div",{class:"vega-carousel-indicators-container"},new Array(this.totalPages).fill("").map(((t,s)=>i("div",{key:s,class:{"vega-carousel-indicator-active":s+1===this.page},"data-page":s+1,role:"button","aria-label":"No label defined",tabIndex:0,onKeyDown:r(),onClick:this.onClickIndicators}))))}async updateContentByObserverSlotChange(){const t=this.page,s=Array.from(this.host.children).filter((t=>!t.classList.contains("carousel-item"))),i=Array.from(this.host.querySelectorAll(".carousel-item vega-grid > div > *"));(i.length!==this.carouselContentElements.length||s.length>0)&&(this.carouselContentElements=i.concat(s),this.updatePageLayout()),await this.goToPageInternal(t,!1)}wrapChildContentAsCarouselItem(){const t=[],s=this.carouselContentElements;for(let i=0;i<this.totalPages;i++){const e=document.createElement("vega-grid");e.setAttribute("gap",this.spacing),e.setAttribute("column",this.currentItemsPerPage.toString()),e.setAttribute("row","1");for(let t=i*this.currentItemsPerPage;t<s.length&&t<this.currentItemsPerPage*(i+1);t++){const i=document.createElement("div");i.appendChild(s[t]),e.appendChild(i)}const a=document.createElement("div");a.classList.add("carousel-item"),0===i&&a.classList.add("active"),a.appendChild(e),t.push(a)}this.host.replaceChildren(...t)}doSlide(t,s){return new Promise(((i,e)=>{const a=this.host.querySelector(".active"),r=t-1>Array.from(this.host.children).indexOf(a),o=this.host.children[t-1],c=r?"carousel-item-start":"carousel-item-end",d=r?"carousel-item-next":"carousel-item-prev";a&&o?s?(o.classList.add(d),n(o),o.classList.add(c),a.classList.add(c),h((()=>{o.classList.remove(c,d),a.classList.remove("active",c),o.classList.add("active"),i()}),a,600)):(a.classList.remove("active"),n(o),o.classList.add("active"),i()):e("Cannot find active and target item in carousel list")}))}getCarouselItemsPerPage(){const t=c.formatCustom(this.deprecatedPropertySlimmer.getValue());return t?Math.max(1,Math.min(4,t,this.carouselContentElements.length)):1}get host(){return a(this)}static get watchers(){return{page:["watchPage"],perPage:["watchPerPage"],itemsPerPage:["watchItemsPerPage"],spacing:["onSpacingPropsChange"]}}};P([p()],j.prototype,"globalSlimmers",void 0),P([d()],j.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([d()],j.prototype,"pageResizeObserverSlimmer",void 0),P([d()],j.prototype,"pageUpdateEventEmitter",void 0),P([d()],j.prototype,"deprecatedPropertySlimmer",void 0),j.style=":host{display:block}:host .vega-carousel-indicators-container{display:flex;justify-content:center;align-items:center;margin-top:24px}:host .vega-carousel-indicators-container>div{border-radius:9999px;width:16px;height:16px;border-width:2px;border-style:solid;margin-right:24px;cursor:pointer;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:focus{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}:host .vega-carousel-indicators-container>div:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active:hover{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:last-child{margin-right:0px}:host .carousel-inner{position:relative;width:100%;overflow:hidden}:host .carousel-inner.carousel-stop-swipe{pointer-events:none}:host ::slotted(.carousel-item){width:100%;position:relative;display:none;float:left;transition:transform 0.6s ease;margin-right:-100%}:host ::slotted(.carousel-item.active),:host ::slotted(.carousel-item-next),:host ::slotted(.carousel-item-prev){display:block}:host ::slotted(.carousel-item-next:not(.carousel-item-start)),:host ::slotted(.active.carousel-item-end){transform:translateX(100%)}:host ::slotted(.carousel-item-prev:not(.carousel-item-end)),:host ::slotted(.active.carousel-item-start){transform:translateX(-100%)}";export{j as vega_carousel}
|
|
1
|
+
import{r as t,c as s,h as i,H as e,g as a}from"./p-9777b1c1.js";import{c as r}from"./p-86194314.js";import{s as o}from"./p-b81bd0bb.js";import{r as n,e as h}from"./p-ecfa7534.js";import{R as c}from"./p-bb761f8f.js";import{I as d}from"./p-018d77cc.js";import{V as l,I as p}from"./p-ae778ca4.js";import{P as u}from"./p-cb13b4e6.js";import{c as v}from"./p-c779ed1f.js";import{h as m}from"./p-280a6d94.js";import{c as g}from"./p-58e79f0e.js";import"./p-1265732f.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-d3f1d3dd.js";import"./p-bf95b189.js";import"./p-0fd9f03f.js";import"./p-264c95ab.js";import"./p-47a4c625.js";class b{constructor(){this.queue=[]}async enqueue(t){const s=0===this.queue.length;this.queue.push(t),s&&await this.runTask()}async runTask(){const t=this.queue[0];await t.run(),this.queue.shift(),this.queue.length>0&&await this.runTask()}}var f;!function(t){t.RIGHT="TOUCH_DIR_RIGHT",t.LEFT="TOUCH_DIR_LEFT",t.UP="TOUCH_DIR_UP",t.DOWN="TOUCH_DIR_DOWN"}(f||(f={}));class y{constructor(t){this.touchStart=this.onTouchStart.bind(this),this.touchMove=this.onTouchMove.bind(this),this.touchEnd=this.onTouchEnd.bind(this),this.touchableParams=t,this.attachListeners()}static init(t){return new y(t)}static getTouchDirectionAndDistance(t,s,i,e){const a=i-t,r=e-s;return Math.abs(a)>Math.abs(r)?{direction:a>0?f.RIGHT:f.LEFT,distance:Math.abs(a)}:{direction:r>0?f.UP:f.DOWN,distance:Math.abs(r)}}static getTouchEventCoordinates(t){return{x:t.changedTouches[0].screenX,y:t.changedTouches[0].screenY}}destroy(){this.touchableParams.touchable.removeEventListener("touchstart",this.touchStart),this.touchableParams.touchable.removeEventListener("touchmove",this.touchMove),this.touchableParams.touchable.removeEventListener("touchend",this.touchEnd)}attachListeners(){this.touchableParams.touchable.addEventListener("touchstart",this.touchStart),this.touchableParams.touchable.addEventListener("touchmove",this.touchMove),this.touchableParams.touchable.addEventListener("touchend",this.touchEnd)}onTouchStart(t){var s,i;this.touchStartState=y.getTouchEventCoordinates(t),null===(i=(s=this.touchableParams).onTouchStart)||void 0===i||i.call(s,this.touchStartState.x,this.touchStartState.y)}onTouchMove(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r,distance:o}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchMove)||void 0===i||i.call(s,r,o)}onTouchEnd(t){var s,i;const{x:e,y:a}=y.getTouchEventCoordinates(t),{direction:r}=y.getTouchDirectionAndDistance(this.touchStartState.x,this.touchStartState.y,e,a);null===(i=(s=this.touchableParams).onTouchEnd)||void 0===i||i.call(s,r),this.resetStartState()}resetStartState(){this.touchStartState={x:0,y:0}}}const w=[{payloadKey:"PER_PAGE_IS_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1===t.perPage},{payloadKey:"PER_PAGE_IS_NOT_ONE",payloadDescription:"@deprecated Specifies the number of elements displayed per page in the carousel.",payloadValue:t=>1!==t.perPage}];var P=function(t,s,i,e){var a,r=arguments.length,o=r<3?s:null===e?e=Object.getOwnPropertyDescriptor(s,i):e;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,i,e);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(o=(r<3?a(o):r>3?a(s,i,o):a(s,i))||o);return r>3&&o&&Object.defineProperty(s,i,o),o};const j=class{constructor(i){t(this,i),this.vegaPageUpdate=s(this,"vegaPageUpdate",7),this.pageUpdate=s(this,"pageUpdate",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new l(w),this.pageResizeObserverSlimmer=new u({callback:()=>{this.getCarouselItemsPerPage()!==this.currentItemsPerPage&&this.updatePageLayout()}}),this.pageUpdateEventEmitter=v(j,m),this.deprecatedPropertySlimmer=g(j,"itemsPerPage","perPage",1),this.carouselContentElements=[],this.slideTaskQueue=new b,this.currentItemsPerPage=1,this.page=1,this.perPage=1,this.itemsPerPage=1,this.showSlider=!0,this.spacing="size-16",this.canSwipe=!0,this.onClickIndicators=async t=>{const s=Number(t.currentTarget.dataset.page);await this.goToPage(s)},this.getTotalPage=()=>Math.ceil(this.carouselContentElements.length/this.currentItemsPerPage),this.updatePageLayout=()=>{this.currentItemsPerPage=this.getCarouselItemsPerPage(),this.totalPages=this.getTotalPage(),this.page=1,this.wrapChildContentAsCarouselItem()},this.initMutationObserver=()=>{this.mutationObserver=new MutationObserver((async()=>{await this.updateContentByObserverSlotChange()})),this.mutationObserver.observe(this.host,{childList:!0})},this.initTouchEvent=()=>{this.touchListener=y.init({touchable:this.listContainer,onTouchEnd:async t=>{const s=this.page+(t===f.RIGHT?-1:t===f.LEFT?1:0);await this.goToPage(s)}})}}watchPage(){this.pageUpdateEventEmitter.emit(this.page)}watchPerPage(){this.updatePageLayout()}watchItemsPerPage(){this.updatePageLayout()}onSpacingPropsChange(){this.host.querySelectorAll("vega-grid").forEach((t=>{t.gap=this.spacing}))}async disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect(),this.touchListener&&this.touchListener.destroy()}componentDidLoad(){this.carouselContentElements=Array.from(this.host.children),this.updatePageLayout(),this.initMutationObserver(),this.initTouchEvent()}async nextPage(){const t=this.page<this.totalPages?this.page+1:this.page;await this.goToPage(t)}async prevPage(){const t=this.page>1?this.page-1:this.page;await this.goToPage(t)}async goToPage(t){await this.goToPageInternal(t)}render(){return o(i(e,null,i("div",{class:{"carousel-inner":!0,"carousel-stop-swipe":!this.canSwipe},ref:t=>this.listContainer=t},i("slot",null)),this.renderIndicatorDom()),this.host)}async goToPageInternal(t,s=!0){t>=1&&t<=this.totalPages&&t!==this.page&&(this.page=t,await this.slideTaskQueue.enqueue({run:()=>this.doSlide(t,s)}))}renderIndicatorDom(){return this.showSlider&&i("div",{class:"vega-carousel-indicators-container"},new Array(this.totalPages).fill("").map(((t,s)=>i("div",{key:s,class:{"vega-carousel-indicator-active":s+1===this.page},"data-page":s+1,role:"button","aria-label":"No label defined",tabIndex:0,onKeyDown:r(),onClick:this.onClickIndicators}))))}async updateContentByObserverSlotChange(){const t=this.page,s=Array.from(this.host.children).filter((t=>!t.classList.contains("carousel-item"))),i=Array.from(this.host.querySelectorAll(".carousel-item vega-grid > div > *"));(i.length!==this.carouselContentElements.length||s.length>0)&&(this.carouselContentElements=i.concat(s),this.updatePageLayout()),await this.goToPageInternal(t,!1)}wrapChildContentAsCarouselItem(){const t=[],s=this.carouselContentElements;for(let i=0;i<this.totalPages;i++){const e=document.createElement("vega-grid");e.setAttribute("gap",this.spacing),e.setAttribute("column",this.currentItemsPerPage.toString()),e.setAttribute("row","1");for(let t=i*this.currentItemsPerPage;t<s.length&&t<this.currentItemsPerPage*(i+1);t++){const i=document.createElement("div");i.appendChild(s[t]),e.appendChild(i)}const a=document.createElement("div");a.classList.add("carousel-item"),0===i&&a.classList.add("active"),a.appendChild(e),t.push(a)}this.host.replaceChildren(...t)}doSlide(t,s){return new Promise(((i,e)=>{const a=this.host.querySelector(".active"),r=t-1>Array.from(this.host.children).indexOf(a),o=this.host.children[t-1],c=r?"carousel-item-start":"carousel-item-end",d=r?"carousel-item-next":"carousel-item-prev";a&&o?s?(o.classList.add(d),n(o),o.classList.add(c),a.classList.add(c),h((()=>{o.classList.remove(c,d),a.classList.remove("active",c),o.classList.add("active"),i()}),a,600)):(a.classList.remove("active"),n(o),o.classList.add("active"),i()):e("Cannot find active and target item in carousel list")}))}getCarouselItemsPerPage(){const t=c.formatCustom(this.deprecatedPropertySlimmer.getValue());return t?Math.max(1,Math.min(4,t,this.carouselContentElements.length)):1}get host(){return a(this)}static get watchers(){return{page:["watchPage"],perPage:["watchPerPage"],itemsPerPage:["watchItemsPerPage"],spacing:["onSpacingPropsChange"]}}};P([p()],j.prototype,"globalSlimmers",void 0),P([d()],j.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([d()],j.prototype,"pageResizeObserverSlimmer",void 0),P([d()],j.prototype,"pageUpdateEventEmitter",void 0),P([d()],j.prototype,"deprecatedPropertySlimmer",void 0),j.style=":host{display:block}:host .vega-carousel-indicators-container{display:flex;justify-content:center;align-items:center;margin-top:24px}:host .vega-carousel-indicators-container>div{border-radius:9999px;width:16px;height:16px;border-width:2px;border-style:solid;margin-right:24px;cursor:pointer;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:focus{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}:host .vega-carousel-indicators-container>div:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div.vega-carousel-indicator-active:hover{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}:host .vega-carousel-indicators-container>div:last-child{margin-right:0px}:host .carousel-inner{position:relative;width:100%;overflow:hidden}:host .carousel-inner.carousel-stop-swipe{pointer-events:none}:host ::slotted(.carousel-item){width:100%;position:relative;display:none;float:left;transition:transform 0.6s ease;margin-right:-100%}:host ::slotted(.carousel-item.active),:host ::slotted(.carousel-item-next),:host ::slotted(.carousel-item-prev){display:block}:host ::slotted(.carousel-item-next:not(.carousel-item-start)),:host ::slotted(.active.carousel-item-end){transform:translateX(100%)}:host ::slotted(.carousel-item-prev:not(.carousel-item-end)),:host ::slotted(.active.carousel-item-start){transform:translateX(-100%)}";export{j as vega_carousel}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{F as s}from"./p-d5841466.js";import{V as o,a as t,b as i,c as a,w as l,d as c}from"./p-
|
|
1
|
+
import{F as s}from"./p-d5841466.js";import{V as o,a as t,b as i,c as a,w as l,d as c}from"./p-9f7e71d8.js";import{M as n,V as e,s as r,G as h}from"./p-018d77cc.js";import{V as b}from"./p-34964cc9.js";import{v as p}from"./p-f1ecbe90.js";import"./p-264c95ab.js";import"./p-320642bd.js";import{T as f}from"./p-c59042c0.js";import{V as d}from"./p-9d426517.js";import{V as m}from"./p-8054bb18.js";import{Z as T}from"./p-abf5b8f7.js";var u=function(s,o,t,i){var a,l=arguments.length,c=l<3?o:null===i?i=Object.getOwnPropertyDescriptor(o,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(s,o,t,i);else for(var n=s.length-1;n>=0;n--)(a=s[n])&&(c=(l<3?a(c):l>3?a(o,t,c):a(o,t))||c);return l>3&&c&&Object.defineProperty(o,t,c),c};class g extends e{constructor(o){super(),this.originalWatchers=new Map,this.hasDisconnected=!1,this.isEnabled=s.isEnabled("VEGA_REACT.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD")&&s.isEnabled("VEGA_FRAMEWORK.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD"),this.component=o.component}connectedCallback(){if(!this.isEnabled)return;if(this.hasDisconnected)return;const s=this.component.constructor.watchers;for(const o in s)s[o].forEach((s=>{this.originalWatchers.has(s)||(this.originalWatchers.set(s,this.component[s]),this.component[s]=function(){})}))}disconnectedCallback(){this.isEnabled&&(this.hasDisconnected=!0)}componentDidLoad(){this.isEnabled&&this.originalWatchers.forEach(((s,o)=>{const t=s;this.component[o]=function(...s){return t.apply(this,s)}}))}}u([n("connectedCallback")],g.prototype,"connectedCallback",null),u([n("disconnectedCallback")],g.prototype,"disconnectedCallback",null),u([n("componentDidLoad")],g.prototype,"componentDidLoad",null);const j=new class{overrideZIndexBasicValues(s){T.overrideZIndexBasicValues(s)}},E=function(){globalThis.VegaDisabledFeatureKeys&&s.disable(...globalThis.VegaDisabledFeatureKeys),globalThis.VegaEnabledFeatureKeys&&s.enable(...globalThis.VegaEnabledFeatureKeys),globalThis.VegaLoader=o,globalThis.VegaNotify=t,globalThis.VegaThemeManager=i,globalThis.setVegaLogLevel=r,globalThis.VegaDialog=b,h.register([g]),globalThis.VegaEventManager=a,Object.keys(f).forEach((s=>{const{url:o}=f[s],t="vega-typography-"+s;if(!document.querySelector("#"+t)){const s=document.createElement("link");s.id=t,s.href=o,s.rel="stylesheet",document.head.append(s)}})),globalThis.VegaIconManager=d,globalThis.VegaZIndexManager=j,globalThis.ValidCreditCardNumberRule=m,globalThis.VegaEnvInfo=p.getVegaEnv(),import("./p-639fa6c7.js").then((function(s){return s.i})).then((o=>{o.default.init(s)})),globalThis.waitForVega=l,globalThis.VegaSkeletonLoader=c};export{E as g}
|
|
@@ -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 x,t as f,u as E,v as k,w as y,x as S,y as T,z as j,A,B as M,C as B,D as C,E as D,F as I,G as O,H as F}from"./p-280a6d94.js";import{L as G}from"./p-018d77cc.js";const H=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]],["vega-carousel",[i]],["vega-checkbox",[r]],["vega-checkbox-group",[r]],["vega-chip",[s,t]],["vega-color-picker",[r]],["vega-combo-box",[r,g,u]],["vega-date-picker",[r]],["vega-dropdown",[v,l,a,g,h]],["vega-dropdown-item",[t]],["vega-field-label",[t]],["vega-form",[p,d,b]],["vega-image-uploader",[r,m,w]],["vega-input",[r,x,f]],["vega-input-credit-card",[r,f,x]],["vega-input-phone-number",[r,E]],["vega-input-range",[r]],["vega-input-select",[r,u]],["vega-item-toggle",[k]],["vega-modal",[y,s]],["vega-left-nav",[S]],["vega-left-nav-group",[T]],["vega-left-nav-link",[j]],["vega-left-nav-section",[A]],["vega-pagination",[r,M]],["vega-popover",[B,C]],["vega-progress-tracker",[D]],["vega-radio",[r,x,f]],["vega-radio-group",[r]],["vega-segment-control",[r]],["vega-selection-tile",[r]],["vega-selection-tile-group",[r]],["vega-signature-capture",[r]],["vega-stepper",[r]],["vega-tab-group",[t]],["vega-table",[r,I,O,F]],["vega-table-head-cell",[t]],["vega-table-row",[t]],["vega-textarea",[r,f]],["vega-time-picker",[r]],["vega-toggle-switch",[r]]]);class N{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){G.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 R extends N{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 $ extends N{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 q extends N{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 N{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 L extends N{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 V extends N{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 J=new class{constructor(){this.strategyRegistry=new Map,this.updateStrategyRegistry([new R,new z("change"),new z("focus"),new z("blur"),new q,new V,new $,new L])}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)}}))}},K=new class{constructor(){this.config={},this.defaultEventSemantics={namespace:"vega"}}setSemantics(e){this.config=e,J.updateRegistryFromEventSemantics(e)}getSemantics(e){return Object.assign({},this.defaultEventSemantics,this.getSemanticsInGlobal(),this.getSemanticsInComponents(e))}getEnabledEventIdsByComponent(e){return H.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{N as B,K as i,J as j}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as i,g as o}from"./p-9777b1c1.js";import{s as a}from"./p-b81bd0bb.js";import{I as g}from"./p-3c8b2105.js";import{D as r}from"./p-0fd9f03f.js";import{a as n,v as l}from"./p-280a6d94.js";import{c as d}from"./p-
|
|
1
|
+
import{r as t,c as e,h as s,H as i,g as o}from"./p-9777b1c1.js";import{s as a}from"./p-b81bd0bb.js";import{I as g}from"./p-3c8b2105.js";import{D as r}from"./p-0fd9f03f.js";import{a as n,v as l}from"./p-280a6d94.js";import{c as d}from"./p-c779ed1f.js";import{I as c}from"./p-018d77cc.js";import{V as h,I as p}from"./p-ae778ca4.js";import{c as u}from"./p-58e79f0e.js";import"./p-bf95b189.js";import"./p-d3f1d3dd.js";import"./p-264c95ab.js";import"./p-47a4c625.js";const v=[{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"===t.itemToggleStatusMap.unToggledIcon&&"delete-bin"===t.itemToggleStatusMap.toggledIcon&&"Add"===t.itemToggleStatusMap.unToggledLabel&&"Added"===t.itemToggleStatusMap.togglingLabel&&"Remove"===t.itemToggleStatusMap.toggledLabel&&"Removed"===t.itemToggleStatusMap.unTogglingLabel},{payloadKey:"ITEM_TOGGLE_STATUS_MAP_IS_NOT_DEFAULT_VALUE",payloadDescription:"@deprecated Defines the labels and icons associated with the toggle states.",payloadValue:t=>"plus-sign"!==t.itemToggleStatusMap.unToggledIcon||"delete-bin"!==t.itemToggleStatusMap.toggledIcon||"Add"!==t.itemToggleStatusMap.unToggledLabel||"Added"!==t.itemToggleStatusMap.togglingLabel||"Remove"!==t.itemToggleStatusMap.toggledLabel||"Removed"!==t.itemToggleStatusMap.unTogglingLabel}];var m=function(t,e,s,i){var o,a=arguments.length,g=a<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(t,e,s,i);else for(var r=t.length-1;r>=0;r--)(o=t[r])&&(g=(a<3?o(g):a>3?o(e,s,g):o(e,s))||g);return a>3&&g&&Object.defineProperty(e,s,g),g};const b=class{constructor(s){t(this,s),this.vegaToggleStatus=e(this,"vegaToggleStatus",7),this.toggleStatus=e(this,"toggleStatus",7),this.globalSlimmers={},this.toggleStatusEventEmitter=d(b,l),this.deprecatedPropertySlimmer=u(b,"statusMap","itemToggleStatusMap",b.defaultStatusMap),this.vegaComponentUsageRuntimeMetricsSlimmer=new h(v),this.toggleItemStatus="unToggled",this.itemToggleStatusMap=b.defaultStatusMap,this.statusMap=b.defaultStatusMap,this.isToggled=!1,this.handleToggle=()=>{this.isTogglingOrUnToggling()||this.updateToggleStatus()}}onToggledPropsChange(){this.updateTransitionStatus()}componentWillLoad(){this.updateTransitionStatus()}render(){return a(s(i,{class:{"vega-toggled-status":this.isTogglingOrUnToggling()}},this.renderLabelDom(),s("vega-button-circle",{size:"small",variant:"secondary",icon:"unToggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().unToggledIcon||"plus-sign":"toggled"===this.toggleItemStatus?this.deprecatedPropertySlimmer.getValue().toggledIcon||"delete-bin":"checkmark",ref:t=>{r.addUniqueObserverToNode(t,n,this.handleToggle)}})),this.host)}renderLabelDom(){let t;switch(this.toggleItemStatus){case"unToggled":t=this.deprecatedPropertySlimmer.getValue().unToggledLabel;break;case"toggling":t=this.deprecatedPropertySlimmer.getValue().togglingLabel;break;case"toggled":t=this.deprecatedPropertySlimmer.getValue().toggledLabel;break;case"unToggling":t=this.deprecatedPropertySlimmer.getValue().unTogglingLabel}return s("div",null,t||"No label defined")}isTogglingOrUnToggling(){return"toggling"===this.toggleItemStatus||"unToggling"===this.toggleItemStatus}updateToggleStatus(){switch(this.toggleItemStatus){case"unToggled":this.toggleItemStatus="toggling",setTimeout((()=>{this.isToggled=!0}),g);break;case"toggled":this.toggleItemStatus="unToggling",setTimeout((()=>{this.isToggled=!1}),g)}}updateTransitionStatus(){this.toggleItemStatus=this.isToggled?"toggled":"unToggled",this.toggleStatusEventEmitter.emit(this.isToggled)}get host(){return o(this)}static get watchers(){return{isToggled:["onToggledPropsChange"]}}};b.defaultStatusMap={unToggledIcon:"plus-sign",toggledIcon:"delete-bin",unToggledLabel:"Add",togglingLabel:"Added",toggledLabel:"Remove",unTogglingLabel:"Removed"},m([p()],b.prototype,"globalSlimmers",void 0),m([c()],b.prototype,"toggleStatusEventEmitter",void 0),m([c()],b.prototype,"deprecatedPropertySlimmer",void 0),m([c()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=':host{display:inline-block;text-align:left;line-height:normal}div{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));padding-right:8px;display:inline-block}@media screen and (min-width: 768px) and (max-width: 1023px){div{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){div{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){div{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}div:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}vega-button-circle::part(button):hover{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}vega-button-circle::part(button):active{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-toggled-status)>div,:host(.vega-toggled-status) vega-button-circle{animation:fadein 1.4s ease}:host(.vega-toggled-status)>div{cursor:default;color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status)>div:hover{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(button){border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1));cursor:default;box-shadow:0 0 0 0}:host(.vega-toggled-status) vega-button-circle::part(button):hover{border:2px solid rgba(var(--v-border-success, 1, 128, 31, 1))}:host(.vega-toggled-status) vega-button-circle::part(icon){color:rgba(var(--v-text-success, 1, 128, 31, 1))}@keyframes fadein{0%{opacity:0}10%{opacity:0.1}50%{opacity:0.5}80%{opacity:0.8}100%{opacity:1}}';export{b as vega_item_toggle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as t,r as i,c as r,H as n,g as o}from"./p-9777b1c1.js";import{C as s}from"./p-8c414f6f.js";import{d as a,p as d,e as l}from"./p-21c9f2c5.js";import{s as p}from"./p-b81bd0bb.js";import{a as h,V as c,M as u,L as m,I as v}from"./p-018d77cc.js";import{V as g,I as f}from"./p-ae778ca4.js";import{F as b}from"./p-5141bcac.js";import{D as w}from"./p-0fd9f03f.js";import{e as x,s as y,t as k,a as R}from"./p-280a6d94.js";import{g as D,D as I}from"./p-320642bd.js";import{c as j}from"./p-86194314.js";import{d as S}from"./p-69b28805.js";import{b as C}from"./p-2fa3841b.js";import{C as T}from"./p-bf95b189.js";import{E as V}from"./p-ae29e636.js";import{K as A}from"./p-f60d73dc.js";import{P as O}from"./p-1265732f.js";import{C as E}from"./p-5ded9437.js";import{c as F}from"./p-c450f692.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-44f4924b.js";import"./p-cb13b4e6.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-1ced3ae5.js";import"./p-56681feb.js";import"./p-344ee7cb.js";import"./p-bb761f8f.js";import"./p-0c667d6a.js";import"./p-abf5b8f7.js";import"./p-cf3cfd23.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-a5e6da15.js";import"./p-f1ecbe90.js";import"./p-d5841466.js";import"./p-639fa6c7.js";class M{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e}`);const t=a(e,this.config.timeFormat);return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||"string"==typeof e}}var $=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class P extends c{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}$([h()],P.prototype,"label",void 0),$([h()],P.prototype,"mode",void 0),$([h()],P.prototype,"required",void 0),$([h()],P.prototype,"disabled",void 0),$([h()],P.prototype,"singleInputRenderer",void 0),$([h()],P.prototype,"rangeInputRenderer",void 0);var z=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class N extends c{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){w.addUniqueObserverToNode(e,x,(e=>{this.onChildVegaInputChange(e)})),w.addUniqueObserverToNode(e,y,(()=>{this.singleDropdownController.show()})),w.addUniqueObserverToNode(e,k,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:"Select Time"}}z([h()],N.prototype,"placeholder",void 0),z([h()],N.prototype,"size",void 0),z([h()],N.prototype,"disabled",void 0),z([h()],N.prototype,"value",void 0),z([h()],N.prototype,"valueController",void 0),z([h()],N.prototype,"singleDropdownController",void 0);var _=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class L extends c{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{w.addUniqueObserverToNode(e,R,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{w.addUniqueObserverToNode(e,R,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}_([h()],L.prototype,"timeFormat",void 0),_([h()],L.prototype,"dropdownSource",void 0),_([h()],L.prototype,"selectedTimeValue",void 0),_([h()],L.prototype,"valueController",void 0),_([h()],L.prototype,"dropdownSelectedItemsController",void 0),_([h()],L.prototype,"singleDropdownController",void 0),_([u("componentDidRender")],L.prototype,"componentDidRenderCallback",null);var B=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class W extends c{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&S(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),T.notify(C,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&a(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&a(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&a(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.timeFormat)||""===e))}return t||m.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}B([h({writable:!0})],W.prototype,"value",void 0),B([h()],W.prototype,"mode",void 0),B([h()],W.prototype,"timeFormat",void 0),B([h()],W.prototype,"selectedTimeValue",void 0),B([h()],W.prototype,"increments",void 0),B([h()],W.prototype,"changeEventEmitter",void 0),B([h()],W.prototype,"singleInputRenderer",void 0),B([h()],W.prototype,"rangeInputRenderer",void 0),B([h()],W.prototype,"dropdownSelectedItemsController",void 0),B([h()],W.prototype,"host",void 0),B([u("watchValue")],W.prototype,"emitChangeEventOrClearTimePicker",null),B([u("watchSelectedTimeValue")],W.prototype,"updateValueIfSelectedItemsChange",null),B([u("watchMode")],W.prototype,"resetCurrentValueIfModeChange",null),B([u("componentDidLoad")],W.prototype,"checkTheDefaultValueForRangeMode",null);var q=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class K extends V{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>"custom"))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(m.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(d(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(d(t))}else for(let t=0;t<24;t++)e.push(d(t));return e}}q([h({writable:!0})],K.prototype,"isDropdownShow",void 0),q([h({writable:!0})],K.prototype,"dropdownSource",void 0),q([h()],K.prototype,"mode",void 0),q([h({writable:!0})],K.prototype,"increments",void 0),q([h()],K.prototype,"timeFormat",void 0),q([h()],K.prototype,"value",void 0),q([h()],K.prototype,"positionRelativeTo",void 0),q([h()],K.prototype,"selectedTimeValue",void 0),q([h()],K.prototype,"singleInputRenderer",void 0),q([h()],K.prototype,"rangeInputRenderer",void 0),q([h()],K.prototype,"singleDropdownRenderer",void 0),q([h()],K.prototype,"valueController",void 0),q([h()],K.prototype,"dropdownSelectedItemsController",void 0),q([h()],K.prototype,"inputMaskController",void 0),q([u("watchIncrements")],K.prototype,"initValueAndDropdownSource",null),q([u("watchTimeFormat")],K.prototype,"initDropdownSourceAndInputMaskConfig",null),q([u("componentWillLoad")],K.prototype,"initDropdownSourceAndSelectedItems",null),q([u("watchDisabled")],K.prototype,"hideDropdownWhenDisabled",null);var U=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class G extends c{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&a(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=d(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:d(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:d(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!a(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}U([h({writable:!0})],G.prototype,"selectedTimeValue",void 0),U([h()],G.prototype,"mode",void 0),U([h()],G.prototype,"value",void 0),U([h()],G.prototype,"timeFormat",void 0),U([h()],G.prototype,"dropdownSource",void 0),U([h()],G.prototype,"increments",void 0),U([h()],G.prototype,"disabled",void 0),U([h()],G.prototype,"singleDropdownRenderer",void 0),U([h()],G.prototype,"rangeDropdownRenderer",void 0),U([u("watchValue")],G.prototype,"syncSelectedItemsByValueChange",null),U([u("watchIsDropdownShow")],G.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),U([u("componentDidRender")],G.prototype,"syncSelectedItemsPosition",null);var H=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class Y extends A{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}H([h()],Y.prototype,"host",void 0),H([h()],Y.prototype,"mode",void 0),H([h()],Y.prototype,"singleInputRenderer",void 0),H([h()],Y.prototype,"singleDropdownRenderer",void 0),H([h()],Y.prototype,"rangeDropdownRenderer",void 0),H([h()],Y.prototype,"rangeInputRenderer",void 0),H([h()],Y.prototype,"singleDropdownController",void 0),H([h()],Y.prototype,"startDropdownController",void 0),H([h()],Y.prototype,"endDropdownController",void 0);var X=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class J extends c{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(a(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){w.addUniqueObserverToNode(e,k,(e=>{this.timePickerInputBlur(e)})),w.addUniqueObserverToNode(e,x,(e=>{this.onInputChange(e)})),w.addUniqueObserverToNode(e,y,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:"Start Time":Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:"End Time"}}X([h()],J.prototype,"mode",void 0),X([h()],J.prototype,"placeholder",void 0),X([h()],J.prototype,"disabled",void 0),X([h()],J.prototype,"size",void 0),X([h()],J.prototype,"positionRelativeTo",void 0),X([h()],J.prototype,"timeFormat",void 0),X([h()],J.prototype,"increments",void 0),X([h()],J.prototype,"value",void 0),X([h()],J.prototype,"startDropdownController",void 0),X([h()],J.prototype,"endDropdownController",void 0),X([h()],J.prototype,"valueController",void 0),X([h()],J.prototype,"rangeClearButtonRenderer",void 0),X([h()],J.prototype,"rangeDropdownRenderer",void 0),X([h()],J.prototype,"dropdownSelectedItemsController",void 0);var Q=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class Z extends c{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(O);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(O)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:n,minutes:o}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<n.length;s++)for(let a=0;a<o.length;a++){const d=`${n[s]}:${o[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}Q([h()],Z.prototype,"timeFormat",void 0),Q([h()],Z.prototype,"value",void 0),Q([h()],Z.prototype,"dropdownSource",void 0),Q([h()],Z.prototype,"valueController",void 0),Q([h()],Z.prototype,"rangeInputRenderer",void 0),Q([h()],Z.prototype,"startDropdownController",void 0),Q([h()],Z.prototype,"endDropdownController",void 0),Q([u("componentDidRender")],Z.prototype,"componentDidRenderCallback",null);var ee=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class te extends c{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:"-1",onClick:this.onClickClearIcon,onKeyDown:j()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}ee([h()],te.prototype,"disabled",void 0),ee([h()],te.prototype,"value",void 0),ee([h()],te.prototype,"valueController",void 0),ee([h()],te.prototype,"endDropdownController",void 0),ee([h()],te.prototype,"rangeInputRenderer",void 0);class ie{constructor(e){this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`;return new Date(`${r}T${l(t)}`)>new Date(`${r}T${l(e)}`)}}var re=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class ne extends c{initInputMask(){const e={type:"custom",options:{mask:"12-hour"===this.timeFormat?"xx:xx xx":"xx:xx",slot:"x",accept:"12-hour"===this.timeFormat?/[0-9|A|P|M]/:/\d/}};"range"===this.mode?(this.rangeInputRenderer.getStartInputRef().maskConfig=e,this.rangeInputRenderer.getEndInputRef().maskConfig=e):this.singleInputRenderer.getInputRef().maskConfig=e}}re([h()],ne.prototype,"timeFormat",void 0),re([h()],ne.prototype,"mode",void 0),re([h()],ne.prototype,"singleInputRenderer",void 0),re([h()],ne.prototype,"rangeInputRenderer",void 0),re([u("componentDidLoad")],ne.prototype,"initInputMask",null);var oe=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class se extends V{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>"custom"),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}oe([h()],se.prototype,"positionRelativeTo",void 0),oe([h()],se.prototype,"mode",void 0),oe([h()],se.prototype,"rangeDropdownRenderer",void 0),oe([h()],se.prototype,"rangeInputRenderer",void 0),oe([h()],se.prototype,"dropdownSelectedItemsController",void 0),oe([u("watchDisabled")],se.prototype,"hideDropdownWhenDisabled",null);class ae{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e} for range mode`);const t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}const de=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!1===e.autoValidation},{payloadKey:"MODE_IS_SINGLE",payloadDescription:"Specifies the mode for selecting time in the time picker, `single` indicates the ability to select a single time.",payloadValue:e=>"single"===e.mode},{payloadKey:"MODE_IS_RANGE",payloadDescription:"Specifies the mode for selecting time in the time picker, `range` indicates the ability to select a time range",payloadValue:e=>"range"===e.mode}];var le=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};const pe=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.labelRenderer=new P,this.singleInputRenderer=new N,this.singleDropdownRenderer=new L,this.valueController=new W,this.singleDropdownController=new K,this.dropdownSelectedItemsController=new G,this.keyboardController=new Y,this.formFieldController=new b({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new ae({timeFormat:t}):new M({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new ae({timeFormat:e}):new M({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new ie({timeFormat:t}):null,dependence:"timeFormat"}],validationRulesName:"validationRules",defaultValue:e=>"range"===e.mode?["",""]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>"single"===this.mode?[this.singleInputRenderer.getInputRef()]:[this.rangeInputRenderer.getStartInputRef(),this.rangeInputRenderer.getEndInputRef()]}),this.rangeInputRenderer=new J,this.rangeClearButtonRenderer=new te,this.rangeDropdownRenderer=new Z,this.startDropdownController=new se("start"),this.endDropdownController=new se("end"),this.inputMaskController=new ne,this.inputEventPrevent=new E([x],(()=>this.inputContainerRef)),this.changeEventEmitter=F(pe,x),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(de),this.isMobileDevice=D()===I.MOBILE,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return p(e(n,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:{"vega-time-picker-input-container":!0,"range-mode":t,mobile:t&&this.isMobileDevice},ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};le([f()],pe.prototype,"globalSlimmers",void 0),le([v()],pe.prototype,"labelRenderer",void 0),le([v()],pe.prototype,"singleInputRenderer",void 0),le([v()],pe.prototype,"singleDropdownRenderer",void 0),le([v()],pe.prototype,"valueController",void 0),le([v()],pe.prototype,"singleDropdownController",void 0),le([v()],pe.prototype,"dropdownSelectedItemsController",void 0),le([v()],pe.prototype,"keyboardController",void 0),le([v()],pe.prototype,"formFieldController",void 0),le([v()],pe.prototype,"rangeInputRenderer",void 0),le([v()],pe.prototype,"rangeClearButtonRenderer",void 0),le([v()],pe.prototype,"rangeDropdownRenderer",void 0),le([v()],pe.prototype,"startDropdownController",void 0),le([v()],pe.prototype,"endDropdownController",void 0),le([v()],pe.prototype,"inputMaskController",void 0),le([v()],pe.prototype,"inputEventPrevent",void 0),le([v()],pe.prototype,"changeEventEmitter",void 0),le([v()],pe.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),le([s()],pe.prototype,"watchValue",null),pe.style='/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */\n/**\n * Deprecated. Not for use in new websites.\n * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word\n */\n:host {\n display: inline-block;\n text-align: left;\n line-height: normal;\n width: 100%;\n}\n\nvega-field-label {\n margin-bottom: 8px;\n}\n\nvega-input::part(field-error-message) {\n display: none;\n}\n\n.vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n color: rgba(var(--v-text-error, 189, 41, 71, 1));\n display: block;\n padding-top: 12px;\n padding-right: 8px;\n padding-left: 8px;\n}\n@media screen and (min-width: 768px) and (max-width: 1023px) {\n .vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n }\n}\n@media screen and (min-width: 1024px) and (max-width: 1439px) {\n .vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n }\n}\n@media screen and (min-width: 1440px) and (max-width: 9999px) {\n .vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n }\n}\n\n.vega-time-picker-input-container.error vega-input::part(input-container) {\n border-width: 0px;\n}\n\n.vega-time-picker-input-container.error vega-input::part(input-container):hover {\n border-width: 0px;\n}\n\n.vega-time-picker-input-container.error vega-input::part(input-container):focus-within {\n box-shadow: 0 0 0 0;\n}\n\n.vega-time-picker-input-container.error {\n border-radius: 8px;\n border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));\n}\n\n.vega-time-picker-input-container.error:hover {\n border: 1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));\n}\n\n.vega-time-picker-input-container.error:focus-within {\n border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));\n box-shadow: 0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25));\n}\n\n.vega-hidden {\n display: none;\n}\n\n.range-input-divider {\n width: 1px;\n height: 24px;\n border-style: solid;\n border-right-width: 1px;\n border-top-width: 0px;\n border-bottom-width: 0px;\n border-left-width: 0px;\n border-color: rgba(var(--v-border-color-divider, 171, 198, 216, 1));\n}\n\n.mobile .range-input-divider {\n width: 100%;\n height: 1px;\n border-style: solid;\n border-right-width: 0px;\n border-top-width: 1px;\n border-bottom-width: 0px;\n border-left-width: 0px;\n}\n\n.mobile .time-picker-input-end vega-input::part(input) {\n padding-left: 26px;\n}\n\n.range-mode {\n position: relative;\n background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));\n border-radius: 8px;\n border: 1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));\n}\n\n:host(.disabled) .range-mode {\n background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));\n}\n\n:host:not(.disabled) .range-mode:not(.error):hover {\n border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));\n}\n\n.range-mode vega-input::part(input-container),\n:host(.disabled) .range-mode vega-input::part(input-container):hover {\n border-width: 0px;\n}\n\n.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,\n.range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within {\n @apply v-border-input-field-focus;\n margin: -1px;\n}\n\n.range-mode .vega-time-picker-range-clear-icon {\n position: absolute;\n width: 16px;\n height: 16px;\n cursor: pointer;\n color: rgba(var(--v-text-secondary, 107, 116, 125, 1));\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n}\n\n.range-mode.mobile .vega-time-picker-range-clear-icon {\n top: 75%;\n}\n\n.range-mode.mobile .time-picker-input {\n width: 100%;\n}\n\nvega-time-picker-dropdown.vega-force-hidden {\n display: none !important;\n}\n\n.vega-time-picker-range-clear-icon.invisible {\n visibility: hidden;\n}';var he=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};const ce=class{constructor(e){i(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new g}render(){return p(e(n,null),this.host)}get host(){return o(this)}};he([f()],ce.prototype,"globalSlimmers",void 0),he([v()],ce.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ce.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}.vega-time-picker-dropdown.mobile .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{pe as vega_time_picker,ce as vega_time_picker_dropdown}
|
|
1
|
+
import{h as e,F as t,r as i,c as r,H as o,g as n}from"./p-9777b1c1.js";import{C as s}from"./p-8c414f6f.js";import{d as a,p as d,e as l}from"./p-21c9f2c5.js";import{s as p}from"./p-b81bd0bb.js";import{a as c,V as h,M as u,L as m,I as v}from"./p-018d77cc.js";import{V as g,I as f}from"./p-ae778ca4.js";import{F as w}from"./p-7acd23c3.js";import{D as b}from"./p-0fd9f03f.js";import{e as x,s as y,t as k,a as R}from"./p-280a6d94.js";import{g as D,D as I}from"./p-320642bd.js";import{c as j}from"./p-86194314.js";import{d as S}from"./p-69b28805.js";import{b as C}from"./p-2fa3841b.js";import{C as T}from"./p-bf95b189.js";import{E as V}from"./p-ae29e636.js";import{K as A}from"./p-f60d73dc.js";import{P as O}from"./p-1265732f.js";import{C as E}from"./p-ead9867b.js";import{c as F}from"./p-c779ed1f.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-44f4924b.js";import"./p-cb13b4e6.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-1ced3ae5.js";import"./p-56681feb.js";import"./p-344ee7cb.js";import"./p-bb761f8f.js";import"./p-0c667d6a.js";import"./p-abf5b8f7.js";import"./p-cf3cfd23.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-264c95ab.js";import"./p-f1ecbe90.js";import"./p-d5841466.js";import"./p-639fa6c7.js";class M{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e}`);const t=a(e,this.config.timeFormat);return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||"string"==typeof e}}var $=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class P extends h{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}$([c()],P.prototype,"label",void 0),$([c()],P.prototype,"mode",void 0),$([c()],P.prototype,"required",void 0),$([c()],P.prototype,"disabled",void 0),$([c()],P.prototype,"singleInputRenderer",void 0),$([c()],P.prototype,"rangeInputRenderer",void 0);var z=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class N extends h{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){b.addUniqueObserverToNode(e,x,(e=>{this.onChildVegaInputChange(e)})),b.addUniqueObserverToNode(e,y,(()=>{this.singleDropdownController.show()})),b.addUniqueObserverToNode(e,k,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:"Select Time"}}z([c()],N.prototype,"placeholder",void 0),z([c()],N.prototype,"size",void 0),z([c()],N.prototype,"disabled",void 0),z([c()],N.prototype,"value",void 0),z([c()],N.prototype,"valueController",void 0),z([c()],N.prototype,"singleDropdownController",void 0);var _=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class L extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{b.addUniqueObserverToNode(e,R,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{b.addUniqueObserverToNode(e,R,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}_([c()],L.prototype,"timeFormat",void 0),_([c()],L.prototype,"dropdownSource",void 0),_([c()],L.prototype,"selectedTimeValue",void 0),_([c()],L.prototype,"valueController",void 0),_([c()],L.prototype,"dropdownSelectedItemsController",void 0),_([c()],L.prototype,"singleDropdownController",void 0),_([u("componentDidRender")],L.prototype,"componentDidRenderCallback",null);var B=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class W extends h{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&S(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),T.notify(C,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&a(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&a(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&a(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.timeFormat)||""===e))}return t||m.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}B([c({writable:!0})],W.prototype,"value",void 0),B([c()],W.prototype,"mode",void 0),B([c()],W.prototype,"timeFormat",void 0),B([c()],W.prototype,"selectedTimeValue",void 0),B([c()],W.prototype,"increments",void 0),B([c()],W.prototype,"changeEventEmitter",void 0),B([c()],W.prototype,"singleInputRenderer",void 0),B([c()],W.prototype,"rangeInputRenderer",void 0),B([c()],W.prototype,"dropdownSelectedItemsController",void 0),B([c()],W.prototype,"host",void 0),B([u("watchValue")],W.prototype,"emitChangeEventOrClearTimePicker",null),B([u("watchSelectedTimeValue")],W.prototype,"updateValueIfSelectedItemsChange",null),B([u("watchMode")],W.prototype,"resetCurrentValueIfModeChange",null),B([u("componentDidLoad")],W.prototype,"checkTheDefaultValueForRangeMode",null);var q=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class K extends V{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>"custom"))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(m.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(d(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(d(t))}else for(let t=0;t<24;t++)e.push(d(t));return e}}q([c({writable:!0})],K.prototype,"isDropdownShow",void 0),q([c({writable:!0})],K.prototype,"dropdownSource",void 0),q([c()],K.prototype,"mode",void 0),q([c({writable:!0})],K.prototype,"increments",void 0),q([c()],K.prototype,"timeFormat",void 0),q([c()],K.prototype,"value",void 0),q([c()],K.prototype,"positionRelativeTo",void 0),q([c()],K.prototype,"selectedTimeValue",void 0),q([c()],K.prototype,"singleInputRenderer",void 0),q([c()],K.prototype,"rangeInputRenderer",void 0),q([c()],K.prototype,"singleDropdownRenderer",void 0),q([c()],K.prototype,"valueController",void 0),q([c()],K.prototype,"dropdownSelectedItemsController",void 0),q([c()],K.prototype,"inputMaskController",void 0),q([u("watchIncrements")],K.prototype,"initValueAndDropdownSource",null),q([u("watchTimeFormat")],K.prototype,"initDropdownSourceAndInputMaskConfig",null),q([u("componentWillLoad")],K.prototype,"initDropdownSourceAndSelectedItems",null),q([u("watchDisabled")],K.prototype,"hideDropdownWhenDisabled",null);var U=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class G extends h{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&a(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=d(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:d(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:d(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!a(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}U([c({writable:!0})],G.prototype,"selectedTimeValue",void 0),U([c()],G.prototype,"mode",void 0),U([c()],G.prototype,"value",void 0),U([c()],G.prototype,"timeFormat",void 0),U([c()],G.prototype,"dropdownSource",void 0),U([c()],G.prototype,"increments",void 0),U([c()],G.prototype,"disabled",void 0),U([c()],G.prototype,"singleDropdownRenderer",void 0),U([c()],G.prototype,"rangeDropdownRenderer",void 0),U([u("watchValue")],G.prototype,"syncSelectedItemsByValueChange",null),U([u("watchIsDropdownShow")],G.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),U([u("componentDidRender")],G.prototype,"syncSelectedItemsPosition",null);var H=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Y extends A{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}H([c()],Y.prototype,"host",void 0),H([c()],Y.prototype,"mode",void 0),H([c()],Y.prototype,"singleInputRenderer",void 0),H([c()],Y.prototype,"singleDropdownRenderer",void 0),H([c()],Y.prototype,"rangeDropdownRenderer",void 0),H([c()],Y.prototype,"rangeInputRenderer",void 0),H([c()],Y.prototype,"singleDropdownController",void 0),H([c()],Y.prototype,"startDropdownController",void 0),H([c()],Y.prototype,"endDropdownController",void 0);var X=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class J extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(a(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){b.addUniqueObserverToNode(e,k,(e=>{this.timePickerInputBlur(e)})),b.addUniqueObserverToNode(e,x,(e=>{this.onInputChange(e)})),b.addUniqueObserverToNode(e,y,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:"Start Time":Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:"End Time"}}X([c()],J.prototype,"mode",void 0),X([c()],J.prototype,"placeholder",void 0),X([c()],J.prototype,"disabled",void 0),X([c()],J.prototype,"size",void 0),X([c()],J.prototype,"positionRelativeTo",void 0),X([c()],J.prototype,"timeFormat",void 0),X([c()],J.prototype,"increments",void 0),X([c()],J.prototype,"value",void 0),X([c()],J.prototype,"startDropdownController",void 0),X([c()],J.prototype,"endDropdownController",void 0),X([c()],J.prototype,"valueController",void 0),X([c()],J.prototype,"rangeClearButtonRenderer",void 0),X([c()],J.prototype,"rangeDropdownRenderer",void 0),X([c()],J.prototype,"dropdownSelectedItemsController",void 0);var Q=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Z extends h{constructor(){super(...arguments),this.isMobileDevice=D()===I.MOBILE,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(O);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(O)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:j()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:o,minutes:n}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<o.length;s++)for(let a=0;a<n.length;a++){const d=`${o[s]}:${n[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}Q([c()],Z.prototype,"timeFormat",void 0),Q([c()],Z.prototype,"value",void 0),Q([c()],Z.prototype,"dropdownSource",void 0),Q([c()],Z.prototype,"valueController",void 0),Q([c()],Z.prototype,"rangeInputRenderer",void 0),Q([c()],Z.prototype,"startDropdownController",void 0),Q([c()],Z.prototype,"endDropdownController",void 0),Q([u("componentDidRender")],Z.prototype,"componentDidRenderCallback",null);var ee=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class te extends h{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:"-1",onClick:this.onClickClearIcon,onKeyDown:j()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}ee([c()],te.prototype,"disabled",void 0),ee([c()],te.prototype,"value",void 0),ee([c()],te.prototype,"valueController",void 0),ee([c()],te.prototype,"endDropdownController",void 0),ee([c()],te.prototype,"rangeInputRenderer",void 0);class ie{constructor(e){this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`;return new Date(`${r}T${l(t)}`)>new Date(`${r}T${l(e)}`)}}var re=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class oe extends h{initInputMask(){const e={type:"custom",options:{mask:"12-hour"===this.timeFormat?"xx:xx xx":"xx:xx",slot:"x",accept:"12-hour"===this.timeFormat?/[0-9|A|P|M]/:/\d/}};"range"===this.mode?(this.rangeInputRenderer.getStartInputRef().maskConfig=e,this.rangeInputRenderer.getEndInputRef().maskConfig=e):this.singleInputRenderer.getInputRef().maskConfig=e}}re([c()],oe.prototype,"timeFormat",void 0),re([c()],oe.prototype,"mode",void 0),re([c()],oe.prototype,"singleInputRenderer",void 0),re([c()],oe.prototype,"rangeInputRenderer",void 0),re([u("componentDidLoad")],oe.prototype,"initInputMask",null);var ne=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class se extends V{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>"custom"),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}ne([c()],se.prototype,"positionRelativeTo",void 0),ne([c()],se.prototype,"mode",void 0),ne([c()],se.prototype,"rangeDropdownRenderer",void 0),ne([c()],se.prototype,"rangeInputRenderer",void 0),ne([c()],se.prototype,"dropdownSelectedItemsController",void 0),ne([u("watchDisabled")],se.prototype,"hideDropdownWhenDisabled",null);class ae{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e} for range mode`);const t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}const de=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for the time picker during user input",payloadValue:e=>!1===e.autoValidation},{payloadKey:"MODE_IS_SINGLE",payloadDescription:"Specifies the mode for selecting time in the time picker, `single` indicates the ability to select a single time.",payloadValue:e=>"single"===e.mode},{payloadKey:"MODE_IS_RANGE",payloadDescription:"Specifies the mode for selecting time in the time picker, `range` indicates the ability to select a time range",payloadValue:e=>"range"===e.mode}];var le=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const pe=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.labelRenderer=new P,this.singleInputRenderer=new N,this.singleDropdownRenderer=new L,this.valueController=new W,this.singleDropdownController=new K,this.dropdownSelectedItemsController=new G,this.keyboardController=new Y,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new ae({timeFormat:t}):new M({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new ae({timeFormat:e}):new M({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new ie({timeFormat:t}):null,dependence:"timeFormat"}],validationRulesName:"validationRules",defaultValue:e=>"range"===e.mode?["",""]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>"single"===this.mode?[this.singleInputRenderer.getInputRef()]:[this.rangeInputRenderer.getStartInputRef(),this.rangeInputRenderer.getEndInputRef()]}),this.rangeInputRenderer=new J,this.rangeClearButtonRenderer=new te,this.rangeDropdownRenderer=new Z,this.startDropdownController=new se("start"),this.endDropdownController=new se("end"),this.inputMaskController=new oe,this.inputEventPrevent=new E([x],(()=>this.inputContainerRef)),this.changeEventEmitter=F(pe,x),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(de),this.isMobileDevice=D()===I.MOBILE,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return p(e(o,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:{"vega-time-picker-input-container":!0,"range-mode":t,mobile:t&&this.isMobileDevice},ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};le([f()],pe.prototype,"globalSlimmers",void 0),le([v()],pe.prototype,"labelRenderer",void 0),le([v()],pe.prototype,"singleInputRenderer",void 0),le([v()],pe.prototype,"singleDropdownRenderer",void 0),le([v()],pe.prototype,"valueController",void 0),le([v()],pe.prototype,"singleDropdownController",void 0),le([v()],pe.prototype,"dropdownSelectedItemsController",void 0),le([v()],pe.prototype,"keyboardController",void 0),le([v()],pe.prototype,"formFieldController",void 0),le([v()],pe.prototype,"rangeInputRenderer",void 0),le([v()],pe.prototype,"rangeClearButtonRenderer",void 0),le([v()],pe.prototype,"rangeDropdownRenderer",void 0),le([v()],pe.prototype,"startDropdownController",void 0),le([v()],pe.prototype,"endDropdownController",void 0),le([v()],pe.prototype,"inputMaskController",void 0),le([v()],pe.prototype,"inputEventPrevent",void 0),le([v()],pe.prototype,"changeEventEmitter",void 0),le([v()],pe.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),le([s()],pe.prototype,"watchValue",null),pe.style=':host{display:inline-block;text-align:left;line-height:normal;width:100%}vega-field-label{margin-bottom:8px}vega-input::part(field-error-message){display:none}.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-time-picker-input-container.error vega-input::part(input-container){border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):hover{border-width:0px}.vega-time-picker-input-container.error vega-input::part(input-container):focus-within{outline:none}.vega-time-picker-input-container.error{border-radius:8px;border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-time-picker-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-time-picker-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-hidden{display:none}.range-input-divider{width:1px;height:24px;border-style:solid;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}.mobile .range-input-divider{width:100%;height:1px;border-style:solid;border-right-width:0px;border-top-width:1px;border-bottom-width:0px;border-left-width:0px}.mobile .time-picker-input-end vega-input::part(input){padding-left:26px}.range-mode{position:relative;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}:host(.disabled) .range-mode{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host:not(.disabled) .range-mode:not(.error):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.range-mode vega-input::part(input-container),:host(.disabled) .range-mode vega-input::part(input-container):hover{border-width:0px}.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,.range-mode:not(.error) .time-picker-input-end vega-input::part(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));margin:-1px}.range-mode .vega-time-picker-range-clear-icon{position:absolute;width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));top:50%;right:16px;transform:translateY(-50%)}.range-mode.mobile .vega-time-picker-range-clear-icon{top:75%}.range-mode.mobile .time-picker-input{width:100%}vega-time-picker-dropdown.vega-force-hidden{display:none !important}.vega-time-picker-range-clear-icon.invisible{visibility:hidden}';var ce=function(e,t,i,r){var o,n=arguments.length,s=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(s=(n<3?o(s):n>3?o(t,i,s):o(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const he=class{constructor(e){i(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new g}render(){return p(e(o,null),this.host)}get host(){return n(this)}};ce([f()],he.prototype,"globalSlimmers",void 0),ce([v()],he.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),he.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}.vega-time-picker-dropdown.mobile .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{pe as vega_time_picker,he as vega_time_picker_dropdown}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as o,F as a,g as r}from"./p-9777b1c1.js";import{R as n}from"./p-d962b340.js";import{s,g as p}from"./p-b81bd0bb.js";import{M as d,N as h}from"./p-1265732f.js";import{f as c}from"./p-320642bd.js";import{c as l}from"./p-86194314.js";import{I as b}from"./p-0a43bbd1.js";import{I as m}from"./p-018d77cc.js";import{V as g,I as x}from"./p-ae778ca4.js";import{F as f}from"./p-5141bcac.js";import{C as v}from"./p-5ded9437.js";import{c as u}from"./p-c450f692.js";import{D as w}from"./p-0fd9f03f.js";import{i as y,j,l as I,b as k,e as C,c as z}from"./p-280a6d94.js";import{b as A}from"./p-2fa3841b.js";import{C as R}from"./p-bf95b189.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-cf3cfd23.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-44f4924b.js";import"./p-cb13b4e6.js";import"./p-1ced3ae5.js";import"./p-56681feb.js";import"./p-69b28805.js";import"./p-344ee7cb.js";import"./p-a5e6da15.js";import"./p-f1ecbe90.js";import"./p-d5841466.js";import"./p-639fa6c7.js";const S=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!1===e.autoValidation}];var E=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const D=class{constructor(i){e(this,i),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.vegaCreate=t(this,"vegaCreate",7),this.create=t(this,"create",7),this.vegaSearch=t(this,"vegaSearch",7),this.search=t(this,"search",7),this.globalSlimmers={},this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRef,touchableAreaGetter:()=>[this.searchInputRef]}),this.changeEventEmit=u(D,C),this.createEventEmit=u(D,y),this.searchEventEmit=u(D,j),this.dropdownEventPrevent=new v([y,j],(()=>this.dropdownRef),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(S),this.label="",this.required=!1,this.source=[],this.value=[],this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="",this.hint="",this.size="medium",this.vegaDropdownProps={},this.useDefaultFilter=!0,this.onItemClick=async()=>{this.value=await this.dropdownRef.getSelection(),await this.clearInput()},this.onDropdownHide=async()=>{await this.clearInput()},this.onDropdownCreate=async e=>{this.createEventEmit.emit(e),await this.clearInput()},this.onInputChange=async e=>{const t=e.target.value;this.useDefaultFilter?(await this.dropdownRef.show(),await this.dropdownRef.search(t)):this.searchEventEmit.emit(t)},this.onLabelClick=()=>{this.searchInputRef.focus()},this.deleteLastSelectedItem=()=>{""===this.searchInputRef.value&&(this.value.pop(),this.value=[...this.value])}}watchSource(){this.source=d(this.source,h)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),R.notify(A,{host:this.host,detail:this.value})}watchValidationRules(){}async close(){this.disabled||await this.dropdownRef.hide()}async open(){this.disabled||await this.dropdownRef.show()}render(){return s(i(o,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.renderDropdown(),this.renderHint()),this.host)}renderLabel(){return i("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderHint(){return i("div",{class:"vega-combo-box-hint"},this.hint)}renderDropdown(){return i("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,w.addUniqueObserverToNode(e,y,(async e=>{await this.onDropdownCreate(e.detail)})),w.addUniqueObserverToNode(e,I,(async()=>{await this.onDropdownHide()})),w.addUniqueObserverToNode(e,k,(async()=>{await this.onItemClick()}))}}),this.renderContainer())}renderContainer(){return i("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},this.renderSelectedContainer(),this.renderInputContainer())}renderSelectedContainer(){const e=this.value.map((e=>this.source.find((t=>t.key===e)))).filter((e=>e));return i(a,null,e.map((e=>this.renderSelectedChip(e))))}renderSelectedChip(e){return i("vega-chip",{key:e.key,text:e.label,variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:t=>{w.addUniqueObserverToNode(t,z,(async()=>{await this.onChipClose(e.key)}))}})}renderInputContainer(){return i("div",{class:"vega-combo-box-input-container"},i("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:0===this.value.length?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:l(),disabled:this.disabled}))}async onChipClose(e){this.value=[...this.value.filter((t=>t!==e))],await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}controlDirectionByKeyboard(e){const t=p();if(t&&t.classList.contains("vega-chip-close-icon")){const i=c(t,"vega-chip");"ArrowLeft"===e&&this.focusItemByKeyboard(i.previousSibling),"ArrowRight"===e&&this.focusItemByKeyboard(i.nextSibling)}else"ArrowLeft"===e&&0===this.searchInputRef.selectionStart&&this.focusItemByKeyboard(this.host.shadowRoot.querySelector("vega-chip:last-of-type"))}focusItemByKeyboard(e){e&&(e.classList.contains("vega-combo-box-input-container")?e.querySelector("input").focus():e.shadowRoot.querySelector(".vega-chip-close-icon").focus())}get host(){return r(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};E([x()],D.prototype,"globalSlimmers",void 0),E([m()],D.prototype,"formFieldController",void 0),E([m()],D.prototype,"changeEventEmit",void 0),E([m()],D.prototype,"createEventEmit",void 0),E([m()],D.prototype,"searchEventEmit",void 0),E([m()],D.prototype,"dropdownEventPrevent",void 0),E([m()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),E([b((e=>[{keyCode:"Backspace",activeElementInScope:[e.searchInputRef],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}]))],D.prototype,"host",void 0),D.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));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));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container 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-combo-box-container 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-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.vega-combo-box-disabled) .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-combo-box-hint{padding-left:8px;padding-right:8px;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:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-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){.vega-combo-box-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){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}';export{D as vega_combo_box}
|
|
1
|
+
import{r as e,c as t,h as i,H as o,F as a,g as r}from"./p-9777b1c1.js";import{R as n}from"./p-d962b340.js";import{s,g as p}from"./p-b81bd0bb.js";import{M as d,N as h}from"./p-1265732f.js";import{f as c}from"./p-320642bd.js";import{c as l}from"./p-86194314.js";import{I as b}from"./p-0a43bbd1.js";import{I as m}from"./p-018d77cc.js";import{V as g,I as x}from"./p-ae778ca4.js";import{F as f}from"./p-7acd23c3.js";import{C as v}from"./p-ead9867b.js";import{c as u}from"./p-c779ed1f.js";import{D as w}from"./p-0fd9f03f.js";import{i as y,j,l as I,b as k,e as C,c as z}from"./p-280a6d94.js";import{b as A}from"./p-2fa3841b.js";import{C as R}from"./p-bf95b189.js";import"./p-3542f8fe.js";import"./p-3c8b2105.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-cf3cfd23.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-d3f1d3dd.js";import"./p-44f4924b.js";import"./p-cb13b4e6.js";import"./p-1ced3ae5.js";import"./p-56681feb.js";import"./p-69b28805.js";import"./p-344ee7cb.js";import"./p-264c95ab.js";import"./p-f1ecbe90.js";import"./p-d5841466.js";import"./p-639fa6c7.js";const S=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!1===e.autoValidation}];var E=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const D=class{constructor(i){e(this,i),this.vegaChange=t(this,"vegaChange",7),this.change=t(this,"change",7),this.vegaCreate=t(this,"vegaCreate",7),this.create=t(this,"create",7),this.vegaSearch=t(this,"vegaSearch",7),this.search=t(this,"search",7),this.globalSlimmers={},this.formFieldController=new f({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRef,touchableAreaGetter:()=>[this.searchInputRef]}),this.changeEventEmit=u(D,C),this.createEventEmit=u(D,y),this.searchEventEmit=u(D,j),this.dropdownEventPrevent=new v([y,j],(()=>this.dropdownRef),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(S),this.label="",this.required=!1,this.source=[],this.value=[],this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="",this.hint="",this.size="medium",this.vegaDropdownProps={},this.useDefaultFilter=!0,this.onItemClick=async()=>{this.value=await this.dropdownRef.getSelection(),await this.clearInput()},this.onDropdownHide=async()=>{await this.clearInput()},this.onDropdownCreate=async e=>{this.createEventEmit.emit(e),await this.clearInput()},this.onInputChange=async e=>{const t=e.target.value;this.useDefaultFilter?(await this.dropdownRef.show(),await this.dropdownRef.search(t)):this.searchEventEmit.emit(t)},this.onLabelClick=()=>{this.searchInputRef.focus()},this.deleteLastSelectedItem=()=>{""===this.searchInputRef.value&&(this.value.pop(),this.value=[...this.value])}}watchSource(){this.source=d(this.source,h)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),R.notify(A,{host:this.host,detail:this.value})}watchValidationRules(){}async close(){this.disabled||await this.dropdownRef.hide()}async open(){this.disabled||await this.dropdownRef.show()}render(){return s(i(o,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.renderDropdown(),this.renderHint()),this.host)}renderLabel(){return i("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderHint(){return i("div",{class:"vega-combo-box-hint"},this.hint)}renderDropdown(){return i("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,w.addUniqueObserverToNode(e,y,(async e=>{await this.onDropdownCreate(e.detail)})),w.addUniqueObserverToNode(e,I,(async()=>{await this.onDropdownHide()})),w.addUniqueObserverToNode(e,k,(async()=>{await this.onItemClick()}))}}),this.renderContainer())}renderContainer(){return i("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},this.renderSelectedContainer(),this.renderInputContainer())}renderSelectedContainer(){const e=this.value.map((e=>this.source.find((t=>t.key===e)))).filter((e=>e));return i(a,null,e.map((e=>this.renderSelectedChip(e))))}renderSelectedChip(e){return i("vega-chip",{key:e.key,text:e.label,variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:t=>{w.addUniqueObserverToNode(t,z,(async()=>{await this.onChipClose(e.key)}))}})}renderInputContainer(){return i("div",{class:"vega-combo-box-input-container"},i("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:0===this.value.length?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:l(),disabled:this.disabled}))}async onChipClose(e){this.value=[...this.value.filter((t=>t!==e))],await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}controlDirectionByKeyboard(e){const t=p();if(t&&t.classList.contains("vega-chip-close-icon")){const i=c(t,"vega-chip");"ArrowLeft"===e&&this.focusItemByKeyboard(i.previousSibling),"ArrowRight"===e&&this.focusItemByKeyboard(i.nextSibling)}else"ArrowLeft"===e&&0===this.searchInputRef.selectionStart&&this.focusItemByKeyboard(this.host.shadowRoot.querySelector("vega-chip:last-of-type"))}focusItemByKeyboard(e){e&&(e.classList.contains("vega-combo-box-input-container")?e.querySelector("input").focus():e.shadowRoot.querySelector(".vega-chip-close-icon").focus())}get host(){return r(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};E([x()],D.prototype,"globalSlimmers",void 0),E([m()],D.prototype,"formFieldController",void 0),E([m()],D.prototype,"changeEventEmit",void 0),E([m()],D.prototype,"createEventEmit",void 0),E([m()],D.prototype,"searchEventEmit",void 0),E([m()],D.prototype,"dropdownEventPrevent",void 0),E([m()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),E([b((e=>[{keyCode:"Backspace",activeElementInScope:[e.searchInputRef],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}]))],D.prototype,"host",void 0),D.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));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));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container 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-combo-box-container 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-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.vega-combo-box-disabled) .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-combo-box-hint{padding-left:8px;padding-right:8px;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:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-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){.vega-combo-box-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){.vega-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}';export{D as vega_combo_box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as s,g as a}from"./p-9777b1c1.js";import{s as r}from"./p-b81bd0bb.js";import{I as n}from"./p-018d77cc.js";import{V as o,I as l}from"./p-ae778ca4.js";import{c as p}from"./p-
|
|
1
|
+
import{r as e,c as t,h as i,H as s,g as a}from"./p-9777b1c1.js";import{s as r}from"./p-b81bd0bb.js";import{I as n}from"./p-018d77cc.js";import{V as o,I as l}from"./p-ae778ca4.js";import{c as p}from"./p-c779ed1f.js";import{C as d}from"./p-ead9867b.js";import{a as f}from"./p-280a6d94.js";import"./p-d3f1d3dd.js";import"./p-bf95b189.js";import"./p-0fd9f03f.js";import"./p-264c95ab.js";import"./p-f1ecbe90.js";import"./p-d5841466.js";import"./p-639fa6c7.js";var h=function(e,t,i,s){var a,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 o=e.length-1;o>=0;o--)(a=e[o])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const m=class{constructor(i){e(this,i),this.vegaClick=t(this,"vegaClick",7),this.globalSlimmers={},this.clickEventEmitter=p(m,f),this.inputEventPrevent=new d([f],(()=>this.labelRef)),this.vegaComponentUsageRuntimeMetricsSlimmer=new o,this.label="",this.isFieldRequired=!1,this.disabled=!1,this.handleClick=e=>{this.clickEventEmitter.emit(void 0,e)}}componentWillLoad(){""===this.label&&(this.label=this.host.textContent,this.host.textContent="")}render(){return r(i(s,{class:{hidden:""===this.label,disabled:this.disabled},onClick:this.handleClick},i("label",{ref:e=>this.labelRef=e},i("span",{class:"vega-field-label"},this.label),i("span",{class:{"vega-field-label-required":!0,hidden:!this.isFieldRequired}},"*"))),this.host)}get host(){return a(this)}};h([l()],m.prototype,"globalSlimmers",void 0),h([n()],m.prototype,"clickEventEmitter",void 0),h([n()],m.prototype,"inputEventPrevent",void 0),h([n()],m.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),m.style=':host{display:inline-block}:host(.disabled){pointer-events:none}:host(.hidden){display:none}label:first-of-type{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){label:first-of-type{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){label:first-of-type{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){label:first-of-type{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.disabled)>label>span.vega-field-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-field-label-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-field-label-required.hidden{display:none}';export{m as vega_field_label}
|