@globalpayments/vega 2.15.0 → 2.16.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-6b5136b1.js → app-globals-5e074c5e.js} +14 -7
- package/dist/cjs/{childNodesEventPreventSlimmer-5b352793.js → childNodesEventPreventSlimmer-7e1895d7.js} +12 -0
- package/dist/cjs/index.cjs.js +9 -8
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/vega-accordion.cjs.entry.js +1 -1
- package/dist/cjs/vega-app-header-button.cjs.entry.js +1 -1
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/vega-button-circle.cjs.entry.js +1 -1
- package/dist/cjs/vega-button-group_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-button-link.cjs.entry.js +1 -1
- package/dist/cjs/vega-button.cjs.entry.js +1 -1
- package/dist/cjs/vega-calendar_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-chip.cjs.entry.js +1 -1
- package/dist/cjs/vega-combo-box.cjs.entry.js +1 -1
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-dialog_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +3 -2
- package/dist/cjs/vega-field-label.cjs.entry.js +1 -1
- package/dist/cjs/vega-form.cjs.entry.js +1 -1
- package/dist/cjs/vega-image-uploader.cjs.entry.js +1 -1
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +1 -1
- package/dist/cjs/vega-input-range.cjs.entry.js +1 -1
- package/dist/cjs/vega-input-select.cjs.entry.js +89 -87
- package/dist/cjs/vega-pagination.cjs.entry.js +1 -1
- package/dist/cjs/vega-radio_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +1 -1
- package/dist/cjs/{index-b8881ddc.js → vega-skeleton-loader-controller-bac82c82.js} +90 -2
- package/dist/cjs/vega-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/vega-stepper.cjs.entry.js +1 -1
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-table_8.cjs.entry.js +1 -1
- package/dist/cjs/vega-textarea.cjs.entry.js +1 -1
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +1 -1
- package/dist/cjs/vega.cjs.js +3 -3
- package/dist/collection/components/vega-calendar/vega-calendar.css +2 -0
- package/dist/collection/components/vega-dropdown/slimmers/renderers/vega-dropdown-renderer.js +2 -1
- package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.js +1 -42
- package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-lazy-load-controller.js +2 -2
- package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-source-controller.js +37 -0
- package/dist/collection/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.js +7 -4
- package/dist/collection/components/vega-input-select/vega-input-select.js +5 -2
- package/dist/collection/components/vega-skeleton/vega-skeleton.css +5 -2
- package/dist/collection/global/scripts/beforeVegaLoad.js +8 -0
- package/dist/collection/helpers/event-manager/slimmers/childNodesEventPreventSlimmer.js +12 -0
- package/dist/collection/helpers/event-manager/test/childNodesEventPreventSlimmer.test.js +14 -0
- package/dist/collection/helpers/publicApi.js +1 -0
- package/dist/collection/helpers/skeleton-loader/tests/vega-skeleton-loader-controller.test.js +139 -0
- package/dist/collection/helpers/skeleton-loader/vega-skeleton-loader-controller.js +87 -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/esm/{app-globals-cf903368.js → app-globals-032d6105.js} +8 -1
- package/dist/esm/{childNodesEventPreventSlimmer-ca73e6c1.js → childNodesEventPreventSlimmer-b9c50cc4.js} +12 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/vega-accordion.entry.js +1 -1
- package/dist/esm/vega-app-header-button.entry.js +1 -1
- package/dist/esm/vega-breadcrumb.entry.js +1 -1
- package/dist/esm/vega-button-circle.entry.js +1 -1
- package/dist/esm/vega-button-group_2.entry.js +1 -1
- package/dist/esm/vega-button-link.entry.js +1 -1
- package/dist/esm/vega-button.entry.js +1 -1
- package/dist/esm/vega-calendar_2.entry.js +2 -2
- package/dist/esm/vega-checkbox_2.entry.js +1 -1
- package/dist/esm/vega-chip.entry.js +1 -1
- package/dist/esm/vega-combo-box.entry.js +1 -1
- package/dist/esm/vega-date-picker_2.entry.js +1 -1
- package/dist/esm/vega-dialog_2.entry.js +1 -1
- package/dist/esm/vega-dropdown_5.entry.js +3 -2
- package/dist/esm/vega-field-label.entry.js +1 -1
- package/dist/esm/vega-form.entry.js +1 -1
- package/dist/esm/vega-image-uploader.entry.js +1 -1
- package/dist/esm/vega-input-credit-card.entry.js +1 -1
- package/dist/esm/vega-input-range.entry.js +1 -1
- package/dist/esm/vega-input-select.entry.js +89 -87
- package/dist/esm/vega-pagination.entry.js +1 -1
- package/dist/esm/vega-radio_2.entry.js +1 -1
- package/dist/esm/vega-selection-tile_2.entry.js +1 -1
- package/dist/esm/{index-dd06e5e7.js → vega-skeleton-loader-controller-3f5500e5.js} +90 -3
- package/dist/esm/vega-skeleton.entry.js +1 -1
- package/dist/esm/vega-stepper.entry.js +1 -1
- package/dist/esm/vega-tab-group_2.entry.js +1 -1
- package/dist/esm/vega-table_8.entry.js +1 -1
- package/dist/esm/vega-textarea.entry.js +1 -1
- package/dist/esm/vega-time-picker_2.entry.js +1 -1
- package/dist/esm/vega.js +3 -3
- package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.d.ts +0 -19
- package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-lazy-load-controller.d.ts +1 -1
- package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-source-controller.d.ts +19 -0
- package/dist/types/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.d.ts +1 -1
- package/dist/types/components/vega-input-select/vega-input-select.d.ts +2 -2
- package/dist/types/helpers/event-manager/slimmers/childNodesEventPreventSlimmer.d.ts +6 -0
- package/dist/types/helpers/publicApi.d.ts +1 -0
- package/dist/types/helpers/skeleton-loader/interface.d.ts +16 -0
- package/dist/types/helpers/skeleton-loader/tests/vega-skeleton-loader-controller.test.d.ts +1 -0
- package/dist/types/helpers/skeleton-loader/vega-skeleton-loader-controller.d.ts +48 -0
- package/dist/types/types/publicApi.d.ts +1 -0
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-692df03d.entry.js → p-0f88130f.entry.js} +1 -1
- package/dist/vega/{p-d978ee2c.entry.js → p-1092a8ce.entry.js} +1 -1
- package/dist/vega/{p-d224e798.entry.js → p-12e93c00.entry.js} +1 -1
- package/dist/vega/{p-282648c1.entry.js → p-2066e3eb.entry.js} +1 -1
- package/dist/vega/{p-ceec3241.entry.js → p-21675b8e.entry.js} +1 -1
- package/dist/vega/{p-38a22eb3.entry.js → p-25f60a0b.entry.js} +1 -1
- package/dist/vega/{p-1b3a0b54.entry.js → p-40db8b33.entry.js} +1 -1
- package/dist/vega/{p-38d19c4f.entry.js → p-43515fe4.entry.js} +1 -1
- package/dist/vega/p-4bc71294.entry.js +1 -0
- package/dist/vega/p-76265c0e.entry.js +1 -0
- package/dist/vega/p-7706a169.js +1 -0
- package/dist/vega/{p-de5db6c9.entry.js → p-7d22c459.entry.js} +1 -1
- package/dist/vega/{p-37d3b80c.entry.js → p-7d9934ee.entry.js} +1 -1
- package/dist/vega/{p-2e59a4f1.entry.js → p-7fd253e0.entry.js} +1 -1
- package/dist/vega/{p-b58e2fae.entry.js → p-86d3e5eb.entry.js} +1 -1
- package/dist/vega/{p-3efc814a.entry.js → p-8e63fc54.entry.js} +1 -1
- package/dist/vega/{p-b3056874.entry.js → p-9316cd6d.entry.js} +1 -1
- package/dist/vega/{p-9047ee85.entry.js → p-9b5e858e.entry.js} +1 -1
- package/dist/vega/{p-6f7f9cda.entry.js → p-9d9f7c25.entry.js} +1 -1
- package/dist/vega/{p-99c8fe92.js → p-9e5f7b82.js} +1 -1
- package/dist/vega/p-a9d3ea86.js +1 -0
- package/dist/vega/{p-a6cb10e8.entry.js → p-bb845e70.entry.js} +1 -1
- package/dist/vega/{p-f723790c.entry.js → p-bd1bc019.entry.js} +1 -1
- package/dist/vega/{p-b708b0c2.entry.js → p-c8e1b56d.entry.js} +1 -1
- package/dist/vega/p-c9f922bf.entry.js +1 -0
- package/dist/vega/{p-4d2859c9.entry.js → p-ca1fae74.entry.js} +1 -1
- package/dist/vega/{p-af72a212.entry.js → p-cbb90cf6.entry.js} +1 -1
- package/dist/vega/{p-e1a284b1.entry.js → p-ceb5067a.entry.js} +1 -1
- package/dist/vega/{p-2bb1c1c1.entry.js → p-d7cb0227.entry.js} +1 -1
- package/dist/vega/{p-eb709bc0.entry.js → p-d7f7e2df.entry.js} +1 -1
- package/dist/vega/{p-8c62c493.entry.js → p-f5d3d49f.entry.js} +1 -1
- package/dist/vega/{p-c849236f.entry.js → p-fb34de30.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-009405b6.entry.js +0 -1
- package/dist/vega/p-38b01f3f.entry.js +0 -1
- package/dist/vega/p-557516a4.entry.js +0 -1
- package/dist/vega/p-999e1318.js +0 -1
- package/dist/vega/p-fda33444.js +0 -1
package/dist/esm/vega.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-c3505689.js';
|
|
2
|
-
import { g as globalScripts } from './app-globals-
|
|
2
|
+
import { g as globalScripts } from './app-globals-032d6105.js';
|
|
3
3
|
import './featureFlagController-816491ad.js';
|
|
4
4
|
import './global-slimmer-registry-16fd7452.js';
|
|
5
5
|
import './index-4126a006.js';
|
|
6
6
|
import './_commonjsHelpers-9943807e.js';
|
|
7
|
-
import './
|
|
7
|
+
import './vega-skeleton-loader-controller-3f5500e5.js';
|
|
8
8
|
import './misc-c21a85c9.js';
|
|
9
9
|
import './ui-28499aab.js';
|
|
10
10
|
import './zIndexManager-522f477e.js';
|
|
@@ -35,5 +35,5 @@ const patchBrowser = () => {
|
|
|
35
35
|
|
|
36
36
|
patchBrowser().then(options => {
|
|
37
37
|
globalScripts();
|
|
38
|
-
return bootstrapLazy(JSON.parse("[[\"vega-pagination\",[[1,\"vega-pagination\",{\"current\":[1538],\"total\":[2],\"pageSize\":[1026,\"page-size\"],\"extensions\":[16],\"pageSizeSelectorOptions\":[1040],\"pageCount\":[32]}]]],[\"vega-combo-box\",[[1,\"vega-combo-box\",{\"label\":[1],\"required\":[516],\"source\":[1040],\"value\":[1040],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"disabled\":[516],\"placeholder\":[1],\"hint\":[1],\"size\":[1],\"vegaDropdownProps\":[16],\"useDefaultFilter\":[4,\"use-default-filter\"],\"close\":[64],\"open\":[64]}]]],[\"vega-stepper\",[[1,\"vega-stepper\",{\"stepperId\":[513,\"id\"],\"max\":[514],\"min\":[514],\"value\":[1538],\"label\":[1],\"inputDisabled\":[4,\"input-disabled\"],\"disabled\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"buttonVariant\":[1,\"button-variant\"]}]]],[\"vega-color-picker\",[[1,\"vega-color-picker\",{\"value\":[1537],\"hint\":[1],\"disabled\":[516],\"required\":[516],\"label\":[1],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"colors\":[16]}]]],[\"vega-page-notification_2\",[[1,\"vega-page-notification\",{\"notificationTitle\":[1,\"title\"],\"message\":[1],\"type\":[1],\"duration\":[2],\"showCloseButton\":[4,\"show-close-button\"],\"actionButtons\":[16],\"close\":[64]}],[1,\"vega-page-notification-list\"]]],[\"vega-app-header-button\",[[1,\"vega-app-header-button\",{\"dropdown\":[16],\"size\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"avatar\":[16],\"avatarPosition\":[1,\"avatar-position\"],\"showBorder\":[4,\"show-border\"],\"showMenuArrowIcon\":[4,\"show-menu-arrow-icon\"],\"selected\":[4],\"isDropdownShow\":[32],\"currentBreakpoint\":[32]}]]],[\"vega-button-link\",[[1,\"vega-button-link\",{\"link\":[1],\"size\":[1],\"icon\":[513],\"iconType\":[1,\"icon-type\"],\"iconAlign\":[1,\"icon-align\"],\"label\":[1025],\"disabled\":[4],\"danger\":[4],\"eventful\":[4]}]]],[\"vega-input-credit-card\",[[1,\"vega-input-credit-card\",{\"required\":[1540],\"disabled\":[516],\"label\":[1],\"hint\":[1],\"size\":[1],\"placeholder\":[1],\"hideCardNumberOnBlur\":[4,\"hide-card-number-on-blur\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"],\"value\":[1537]}]]],[\"vega-item-toggle\",[[1,\"vega-item-toggle\",{\"itemToggleStatusMap\":[16],\"statusMap\":[16],\"isToggled\":[1028,\"is-toggled\"],\"toggleItemStatus\":[32]}]]],[\"vega-progress-tracker\",[[1,\"vega-progress-tracker\",{\"current\":[2],\"direction\":[1],\"steps\":[16],\"completedStepArray\":[16],\"completedSteps\":[16],\"canClickStep\":[4,\"can-click-step\"],\"nextStep\":[64],\"prevStep\":[64],\"setCurrent\":[64],\"getCurrent\":[64]}]]],[\"vega-checkbox_2\",[[1,\"vega-checkbox\",{\"identifier\":[1],\"value\":[1032],\"checked\":[1028],\"disabled\":[516],\"size\":[1],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"groupDisabled\":[32],\"showError\":[32],\"setValue\":[64]}],[1,\"vega-checkbox-group\",{\"label\":[1],\"value\":[1040],\"vegaFlexProp\":[16],\"disabled\":[516],\"required\":[516],\"hint\":[1],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16]}]]],[\"vega-textarea\",[[1,\"vega-textarea\",{\"placeholder\":[1],\"hint\":[1],\"disabled\":[516],\"label\":[1],\"showCounter\":[4,\"show-counter\"],\"value\":[1537],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"required\":[1540],\"maxLength\":[514,\"max-length\"],\"minLength\":[514,\"min-length\"],\"validationRules\":[16],\"currentCharCount\":[32]},[[0,\"input\",\"handleValueTextarea\"]]]]],[\"vega-toggle-switch\",[[1,\"vega-toggle-switch\",{\"checked\":[1540],\"size\":[1],\"label\":[1],\"disabled\":[4]}]]],[\"vega-table_8\",[[1,\"vega-table-head-cell\",{\"breakpoint\":[1],\"sorter\":[1],\"sortOrder\":[1025,\"sort-order\"],\"textAlign\":[1,\"text-align\"],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[32]}],[1,\"vega-table\",{\"columns\":[16],\"dataSource\":[1040],\"rowSelection\":[1040],\"rowExpandable\":[4,\"row-expandable\"],\"rowClickable\":[4,\"row-clickable\"],\"rowDivider\":[4,\"row-divider\"],\"columnDivider\":[4,\"column-divider\"],\"striped\":[4],\"density\":[1],\"paddingX\":[16],\"showHeader\":[4,\"show-header\"],\"pagination\":[16],\"emptyDescription\":[1,\"empty-description\"],\"rowKey\":[1,\"row-key\"],\"scrollConfig\":[16],\"selectedRowKeySet\":[32],\"expandedRowKeySet\":[32],\"currentBreakpoint\":[32],\"sortersMap\":[32],\"currentData\":[32],\"currentClickedRowKey\":[32],\"currentPage\":[32],\"pageSize\":[32],\"editingRows\":[32],\"isSelectedAll\":[32],\"isTemplateRenderMode\":[32],\"openExpandRow\":[64],\"closeExpandRow\":[64],\"closeAllExpandRow\":[64],\"toggleExpandRow\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64],\"startRowEditMode\":[64],\"stopRowEditMode\":[64],\"stopAllRowEditMode\":[64],\"getRowData\":[64],\"getRowsData\":[64],\"getFormRef\":[64],\"addNewRow\":[64],\"saveEditRow\":[64],\"saveAllEditRows\":[64],\"getEditingRowsKey\":[64],\"removeRow\":[64]}],[1,\"vega-table-body\"],[1,\"vega-table-cell\",{\"textAlign\":[1,\"text-align\"],\"breakpoint\":[1],\"overflow\":[1],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[32]}],[1,\"vega-table-expand-row\",{\"rowKey\":[1,\"row-key\"],\"currentBreakpoint\":[32],\"withMultipleSelection\":[32],\"expanded\":[32],\"checked\":[32],\"colSpan\":[32]}],[1,\"vega-table-head\",{\"fixed\":[32]}],[1,\"vega-table-head-row\",{\"selectAllDisabled\":[4,\"select-all-disabled\"],\"hideSelectAll\":[4,\"hide-select-all\"],\"currentBreakpoint\":[32],\"expandable\":[32],\"selectionType\":[32],\"paddingX\":[32],\"checkedAll\":[32],\"columnDivider\":[32],\"density\":[32],\"isEmptyTable\":[32],\"isTemplateRenderMode\":[32]}],[1,\"vega-table-row\",{\"rowKey\":[1,\"row-key\"],\"currentBreakpoint\":[32],\"clicked\":[32],\"expandable\":[32],\"clickable\":[32],\"paddingX\":[32],\"selectionType\":[32],\"checked\":[32],\"expanded\":[32],\"rowDivider\":[32],\"columnDivider\":[32],\"density\":[32]}]]],[\"vega-button-group_2\",[[1,\"vega-button-group\",{\"variant\":[1],\"size\":[1],\"iconAlign\":[1,\"icon-align\"]}],[1,\"vega-button-group-item\",{\"icon\":[1],\"label\":[1],\"iconOnly\":[4,\"icon-only\"],\"itemKey\":[1,\"item-key\"],\"dropdownProps\":[16],\"dropdownSource\":[16],\"variant\":[32],\"size\":[32],\"iconAlign\":[32]}]]],[\"vega-loader-wrapper_2\",[[1,\"vega-loading-indicator\",{\"shape\":[1],\"size\":[1],\"mode\":[1],\"percent\":[2],\"label\":[1],\"hint\":[1],\"status\":[1],\"currentBreakpoint\":[32]}],[1,\"vega-loader-wrapper\"]]],[\"vega-radio_2\",[[1,\"vega-radio-group\",{\"label\":[1],\"value\":[1537],\"name\":[1],\"vegaFlexProp\":[16],\"required\":[516],\"hint\":[1],\"isValid\":[1540,\"is-valid\"],\"disabled\":[516],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16]}],[1,\"vega-radio\",{\"value\":[1],\"name\":[1],\"checked\":[1028],\"disabled\":[4],\"size\":[1],\"groupDisabled\":[32],\"showError\":[32]}]]],[\"vega-left-nav_5\",[[1,\"vega-left-nav\",{\"open\":[1028],\"headerConfig\":[16],\"source\":[16],\"footnote\":[1],\"showAsOverlay\":[4,\"show-as-overlay\"],\"autoCollapseOnOverlay\":[4,\"auto-collapse-on-overlay\"],\"openState\":[32],\"toggle\":[64]}],[1,\"vega-left-nav-group\",{\"icon\":[1],\"label\":[1]}],[1,\"vega-left-nav-link\",{\"icon\":[1],\"selected\":[1540],\"url\":[1],\"counterBadge\":[16]}],[1,\"vega-left-nav-section\",{\"sectionHeader\":[16]}],[1,\"vega-nav-card\",{\"source\":[16],\"maxHeight\":[520,\"max-height\"],\"currentMaxHeight\":[32]}]]],[\"vega-calendar_2\",[[1,\"vega-calendar\",{\"viewMode\":[1025,\"view-mode\"],\"events\":[16],\"timeFormat\":[1,\"time-format\"],\"calendarView\":[32],\"currentPeriod\":[32],\"calendarEvents\":[32]}],[1,\"vega-calendar-event\",{\"calendarEvent\":[16],\"timeFormat\":[32]}]]],[\"vega-date-picker_2\",[[1,\"vega-date-picker\",{\"mode\":[1],\"value\":[1537],\"label\":[1],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"format\":[1],\"size\":[1],\"validationRules\":[16],\"minDate\":[1537,\"min-date\"],\"maxDate\":[1537,\"max-date\"],\"placeholder\":[1],\"clearButton\":[4,\"clear-button\"],\"readOnly\":[4,\"read-only\"],\"allowRepick\":[4,\"allow-repick\"],\"dropdownConfig\":[16],\"disabled\":[516],\"doClose\":[64],\"doOpen\":[64]}],[1,\"vega-date-picker-calendar\"]]],[\"vega-popover_2\",[[1,\"vega-popover\",{\"size\":[8],\"placement\":[1],\"alignment\":[1],\"positionRelativeTo\":[1,\"position-relative-to\"],\"trigger\":[1],\"showArrow\":[4,\"show-arrow\"],\"isPopoverShow\":[32],\"show\":[64],\"hide\":[64]}],[1,\"vega-popover-content-box\",{\"showArrow\":[4,\"show-arrow\"]}]]],[\"vega-selection-tile_2\",[[1,\"vega-selection-tile\",{\"titleText\":[1,\"title\"],\"note\":[1],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[1028],\"checked\":[1028],\"selectType\":[1025,\"select-type\"],\"value\":[1],\"showError\":[32]}],[1,\"vega-selection-tile-group\",{\"label\":[1],\"hint\":[1],\"selectType\":[1,\"select-type\"],\"value\":[1025],\"layout\":[1],\"required\":[4],\"disabled\":[4],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"]}]]],[\"vega-tab-group_2\",[[1,\"vega-tab-group\",{\"selectedTabDataTarget\":[1025,\"selected-tab-data-target\"],\"gap\":[1],\"showCloseButton\":[4,\"show-close-button\"],\"tabItems\":[1040],\"positionRelativeTo\":[1,\"position-relative-to\"],\"variant\":[1],\"tabPages\":[32],\"tabWidthArray\":[32],\"currentPageIndex\":[32]}],[1,\"vega-tab-group-panel\",{\"isActive\":[4,\"is-active\"]}]]],[\"vega-time-picker_2\",[[1,\"vega-time-picker\",{\"label\":[1],\"mode\":[1],\"required\":[516],\"placeholder\":[1],\"increments\":[2],\"timeFormat\":[513,\"time-format\"],\"value\":[1537],\"size\":[1],\"disabled\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"positionRelativeTo\":[1,\"position-relative-to\"],\"dropdownSource\":[32],\"isDropdownShow\":[32],\"selectedTimeValue\":[32]}],[1,\"vega-time-picker-dropdown\"]]],[\"vega-accordion\",[[1,\"vega-accordion\",{\"drawsBackground\":[4,\"draws-background\"],\"prefixIcon\":[1,\"prefix-icon\"],\"accordionTitle\":[1,\"accordion-title\"],\"expandIconAlign\":[1,\"expand-icon-align\"],\"expand\":[1028],\"iconPosition\":[1,\"icon-position\"],\"showExpandIcon\":[4,\"show-expand-icon\"],\"groupId\":[1,\"group-id\"]}]]],[\"vega-app-footer\",[[1,\"vega-app-footer\",{\"content\":[1],\"termOfUseLabel\":[1,\"term-of-use-label\"],\"termOfUseUrl\":[1,\"term-of-use-url\"],\"termOfUseUrlTarget\":[1,\"term-of-use-url-target\"],\"privacyPolicyLabel\":[1,\"privacy-policy-label\"],\"privacyPolicyUrl\":[1,\"privacy-policy-url\"],\"privacyPolicyUrlTarget\":[1,\"privacy-policy-url-target\"],\"hideDefaultLinks\":[4,\"hide-default-links\"],\"additionalLinks\":[16],\"showDisclaimer\":[4,\"show-disclaimer\"],\"disclaimerUrlTarget\":[1,\"disclaimer-url-target\"]}]]],[\"vega-banner\",[[1,\"vega-banner\",{\"type\":[1],\"bannerTitle\":[1,\"banner-title\"],\"content\":[1],\"actionButtons\":[16],\"showCloseButton\":[4,\"show-close-button\"],\"isOpen\":[4,\"is-open\"],\"doClose\":[64]}]]],[\"vega-bar-chart\",[[1,\"vega-bar-chart\",{\"options\":[16]}]]],[\"vega-box\",[[1,\"vega-box\",{\"padding\":[1],\"margin\":[1],\"display\":[1],\"border\":[1],\"borderStyle\":[1,\"border-style\"],\"shadow\":[1],\"borderColor\":[1,\"border-color\"],\"backgroundColor\":[1,\"background-color\"],\"width\":[8],\"height\":[8],\"minHeight\":[8,\"min-height\"],\"maxHeight\":[8,\"max-height\"],\"responsiveClass\":[1,\"responsive-class\"],\"corners\":[1],\"flexBasis\":[1,\"flex-basis\"],\"flexGrow\":[8,\"flex-grow\"],\"flexShrink\":[8,\"flex-shrink\"],\"order\":[8],\"flex\":[8],\"alignSelf\":[1,\"align-self\"],\"justifySelf\":[1,\"justify-self\"],\"gridColumn\":[8,\"grid-column\"],\"gridRow\":[8,\"grid-row\"],\"gridArea\":[8,\"grid-area\"],\"currentBreakpoint\":[32]}]]],[\"vega-breadcrumb\",[[1,\"vega-breadcrumb\",{\"maxItems\":[8,\"max-items\"],\"items\":[16]}]]],[\"vega-card\",[[1,\"vega-card\",{\"padding\":[1],\"margin\":[1],\"variant\":[1],\"backgroundColor\":[1,\"background-color\"]}]]],[\"vega-counter-badge\",[[1,\"vega-counter-badge\",{\"dot\":[4],\"color\":[1],\"count\":[2],\"offset\":[16]}]]],[\"vega-divider\",[[1,\"vega-divider\",{\"direction\":[1],\"variant\":[1],\"margin\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-field-error\",[[1,\"vega-field-error\",{\"message\":[1]}]]],[\"vega-font\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-image-uploader\",[[1,\"vega-image-uploader\",{\"value\":[1040],\"accept\":[1],\"status\":[1537],\"showPreviewButton\":[4,\"show-preview-button\"],\"showRemoveButton\":[4,\"show-remove-button\"],\"showReplaceButton\":[4,\"show-replace-button\"],\"disabled\":[516],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"label\":[1],\"hint\":[1],\"actionTitle\":[1,\"action-title\"],\"actionSubTitle\":[1,\"action-sub-title\"],\"width\":[8],\"height\":[8],\"getContentURL\":[64]}]]],[\"vega-input-range\",[[1,\"vega-input-range\",{\"label\":[1],\"value\":[1040],\"prefixIcon\":[513,\"prefix-icon\"],\"showClearIcon\":[4,\"show-clear-icon\"],\"min\":[514],\"max\":[514],\"required\":[1540],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"size\":[1],\"placeholder\":[16],\"disabled\":[516],\"hint\":[1],\"stack\":[1]}]]],[\"vega-line-chart\",[[1,\"vega-line-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-pie-chart\",[[1,\"vega-pie-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-section-title\",[[1,\"vega-section-title\",{\"titleText\":[1,\"title\"],\"description\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"]}]]],[\"vega-segment-control\",[[1,\"vega-segment-control\",{\"block\":[4],\"size\":[1],\"segments\":[16],\"selected\":[1025],\"variant\":[1],\"isOverflowBlockSegments\":[32]}]]],[\"vega-skeleton\",[[1,\"vega-skeleton\",{\"type\":[513],\"width\":[8],\"height\":[8],\"animated\":[4]}]]],[\"vega-slot-container\",[[1,\"vega-slot-container\"]]],[\"vega-dialog_2\",[[1,\"vega-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"content\":[1],\"type\":[1],\"okButton\":[16],\"handleOk\":[16],\"cancelButton\":[16],\"handleCancel\":[16],\"showCancel\":[4,\"show-cancel\"],\"modalProps\":[16],\"currentBreakpoint\":[32]}],[1,\"vega-modal\",{\"backdrop\":[1],\"size\":[8],\"open\":[1028],\"animation\":[4],\"modalTitle\":[1,\"modal-title\"],\"backdropColor\":[1,\"backdrop-color\"],\"isVerticallyCenter\":[4,\"is-vertically-center\"],\"isVerticallyCentered\":[4,\"is-vertically-centered\"],\"showCloseButton\":[4,\"show-close-button\"],\"padding\":[1],\"contentMaxHeight\":[2,\"content-max-height\"],\"handleClose\":[16],\"currentBreakpoint\":[32],\"modal\":[64]},[[10,\"click\",\"listenDataTarget\"],[0,\"click\",\"listenDataDismiss\"]]]]],[\"vega-chip\",[[1,\"vega-chip\",{\"text\":[1],\"clickable\":[4],\"variant\":[1],\"size\":[1],\"bgColor\":[1,\"bg-color\"],\"textColor\":[1,\"text-color\"],\"statusColor\":[1,\"status-color\"],\"chipType\":[1,\"chip-type\"],\"showCloseIcon\":[4,\"show-close-icon\"],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"],\"currentBreakpoint\":[32],\"currentSize\":[32]}]]],[\"vega-form\",[[1,\"vega-form\",{\"isValid\":[1028,\"is-valid\"],\"isTouched\":[1028,\"is-touched\"],\"valid\":[64],\"getValue\":[64],\"setValue\":[64],\"reset\":[64]}]]],[\"vega-input-select\",[[1,\"vega-input-select\",{\"label\":[1],\"required\":[516],\"selectedLabel\":[16],\"selectType\":[1,\"select-type\"],\"source\":[1040],\"value\":[1537],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[4,\"auto-validation\"],\"validationRules\":[16],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[516],\"placeholder\":[1],\"hint\":[1],\"vegaDropdownProps\":[16],\"size\":[1],\"sourceLazyLoadCallback\":[16],\"isDropdownShow\":[32],\"dropdownSource\":[32],\"currentBreakpoint\":[32],\"isLazyLoading\":[32],\"doClose\":[64],\"doOpen\":[64],\"doChange\":[64]}]]],[\"vega-button\",[[1,\"vega-button\",{\"size\":[1],\"variant\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"],\"label\":[1025],\"disabled\":[4],\"danger\":[4],\"block\":[4],\"type\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-dropdown_5\",[[1,\"vega-dropdown-content-box\"],[1,\"vega-dropdown-group\",{\"label\":[1],\"divide\":[4]}],[1,\"vega-dropdown-item\",{\"label\":[1],\"itemKey\":[1,\"item-key\"],\"count\":[2],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[4],\"height\":[2],\"selectType\":[32],\"prefixIconSlot\":[32],\"selected\":[32],\"itemDisplayRule\":[32]}],[1,\"vega-virtual-scroll\",{\"source\":[16],\"approxItemHeight\":[2,\"approx-item-height\"],\"viewportMaxHeight\":[2,\"viewport-max-height\"],\"isLoading\":[4,\"is-loading\"],\"virtualizationThreshold\":[2,\"virtualization-threshold\"],\"sourceItemIdentifier\":[1,\"source-item-identifier\"],\"renderItem\":[16],\"positionConfig\":[32],\"scrollTop\":[32],\"scrollToIndex\":[64]}],[1,\"vega-dropdown\",{\"size\":[8],\"trigger\":[1],\"translocation\":[16],\"source\":[1040],\"positionRelativeTo\":[1,\"position-relative-to\"],\"selectType\":[1,\"select-type\"],\"selectedSourceKey\":[1025,\"selected-source-key\"],\"prefixIconSlot\":[4,\"prefix-icon-slot\"],\"maxHeight\":[2,\"max-height\"],\"searchable\":[4],\"matchTargetWidth\":[4,\"match-target-width\"],\"minWidth\":[8,\"min-width\"],\"maxWidth\":[8,\"max-width\"],\"itemDisplayRule\":[1,\"item-display-rule\"],\"matchContainerHeight\":[4,\"match-container-height\"],\"caseSensitive\":[4,\"case-sensitive\"],\"dynamicOption\":[4,\"dynamic-option\"],\"useDefaultFilter\":[4,\"use-default-filter\"],\"isLoading\":[4,\"is-loading\"],\"placement\":[1],\"alignment\":[1],\"isLazyLoading\":[4,\"is-lazy-loading\"],\"searchString\":[32],\"maxHeightOfItemsContainer\":[32],\"isDropdownShow\":[32],\"sourceForRender\":[32],\"show\":[64],\"hide\":[64],\"search\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64]}]]],[\"vega-backdrop\",[[1,\"vega-backdrop\",{\"color\":[1],\"visible\":[4],\"duration\":[2]}]]],[\"vega-grid\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"vega-carousel\",[[1,\"vega-carousel\",{\"perPage\":[2,\"per-page\"],\"itemsPerPage\":[2,\"items-per-page\"],\"showSlider\":[4,\"show-slider\"],\"spacing\":[1],\"canSwipe\":[4,\"can-swipe\"],\"page\":[32],\"totalPages\":[32],\"nextPage\":[64],\"prevPage\":[64],\"goToPage\":[64]}]]],[\"vega-tooltip_2\",[[1,\"vega-tooltip-content-box\",{\"text\":[1]}],[1,\"vega-tooltip\",{\"size\":[8],\"minWidth\":[8,\"min-width\"],\"maxWidth\":[8,\"max-width\"],\"trigger\":[1],\"content\":[1],\"text\":[1],\"placement\":[1],\"alignment\":[1],\"positionRelativeTo\":[1,\"position-relative-to\"],\"disableInteractive\":[4,\"disable-interactive\"],\"isTooltipShow\":[32]}]]],[\"vega-icon\",[[1,\"vega-icon\",{\"icon\":[513],\"size\":[1],\"color\":[1]}]]],[\"vega-button-circle\",[[1,\"vega-button-circle\",{\"size\":[1],\"variant\":[1],\"icon\":[513],\"label\":[1],\"disabled\":[4],\"danger\":[4],\"type\":[1],\"iconColor\":[1,\"icon-color\"],\"showTooltip\":[4,\"show-tooltip\"],\"tooltip\":[16]}]]],[\"vega-field-label\",[[1,\"vega-field-label\",{\"label\":[1025],\"isFieldRequired\":[4,\"is-field-required\"],\"disabled\":[4]}]]],[\"vega-input\",[[1,\"vega-input\",{\"label\":[1],\"value\":[1537],\"type\":[513],\"autocomplete\":[1],\"prefixIcon\":[513,\"prefix-icon\"],\"email\":[516],\"required\":[1540],\"min\":[514],\"max\":[514],\"minLength\":[514,\"min-length\"],\"maxLength\":[514,\"max-length\"],\"showClearIcon\":[4,\"show-clear-icon\"],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"size\":[1],\"placeholder\":[1],\"disabled\":[516],\"hint\":[1],\"maskConfig\":[16],\"disableCopyPaste\":[4,\"disable-copy-paste\"],\"doFocus\":[64],\"doBlur\":[64]},[[0,\"input\",\"handleValueInput\"]]]]],[\"vega-text\",[[1,\"vega-text\",{\"overflow\":[1],\"tooltip\":[16]}]]],[\"vega-flex\",[[1,\"vega-flex\",{\"gap\":[1],\"margin\":[1],\"breakpoint\":[1],\"direction\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"],\"flexWrap\":[1,\"flex-wrap\"],\"useNativeFlex\":[4,\"use-native-flex\"]}]]]]"), options);
|
|
38
|
+
return bootstrapLazy(JSON.parse("[[\"vega-pagination\",[[1,\"vega-pagination\",{\"current\":[1538],\"total\":[2],\"pageSize\":[1026,\"page-size\"],\"extensions\":[16],\"pageSizeSelectorOptions\":[1040],\"pageCount\":[32]}]]],[\"vega-combo-box\",[[1,\"vega-combo-box\",{\"label\":[1],\"required\":[516],\"source\":[1040],\"value\":[1040],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"disabled\":[516],\"placeholder\":[1],\"hint\":[1],\"size\":[1],\"vegaDropdownProps\":[16],\"useDefaultFilter\":[4,\"use-default-filter\"],\"close\":[64],\"open\":[64]}]]],[\"vega-stepper\",[[1,\"vega-stepper\",{\"stepperId\":[513,\"id\"],\"max\":[514],\"min\":[514],\"value\":[1538],\"label\":[1],\"inputDisabled\":[4,\"input-disabled\"],\"disabled\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"buttonVariant\":[1,\"button-variant\"]}]]],[\"vega-color-picker\",[[1,\"vega-color-picker\",{\"value\":[1537],\"hint\":[1],\"disabled\":[516],\"required\":[516],\"label\":[1],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"colors\":[16]}]]],[\"vega-page-notification_2\",[[1,\"vega-page-notification\",{\"notificationTitle\":[1,\"title\"],\"message\":[1],\"type\":[1],\"duration\":[2],\"showCloseButton\":[4,\"show-close-button\"],\"actionButtons\":[16],\"close\":[64]}],[1,\"vega-page-notification-list\"]]],[\"vega-app-header-button\",[[1,\"vega-app-header-button\",{\"dropdown\":[16],\"size\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"avatar\":[16],\"avatarPosition\":[1,\"avatar-position\"],\"showBorder\":[4,\"show-border\"],\"showMenuArrowIcon\":[4,\"show-menu-arrow-icon\"],\"selected\":[4],\"isDropdownShow\":[32],\"currentBreakpoint\":[32]}]]],[\"vega-button-link\",[[1,\"vega-button-link\",{\"link\":[1],\"size\":[1],\"icon\":[513],\"iconType\":[1,\"icon-type\"],\"iconAlign\":[1,\"icon-align\"],\"label\":[1025],\"disabled\":[4],\"danger\":[4],\"eventful\":[4]}]]],[\"vega-input-credit-card\",[[1,\"vega-input-credit-card\",{\"required\":[1540],\"disabled\":[516],\"label\":[1],\"hint\":[1],\"size\":[1],\"placeholder\":[1],\"hideCardNumberOnBlur\":[4,\"hide-card-number-on-blur\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"],\"value\":[1537]}]]],[\"vega-item-toggle\",[[1,\"vega-item-toggle\",{\"itemToggleStatusMap\":[16],\"statusMap\":[16],\"isToggled\":[1028,\"is-toggled\"],\"toggleItemStatus\":[32]}]]],[\"vega-progress-tracker\",[[1,\"vega-progress-tracker\",{\"current\":[2],\"direction\":[1],\"steps\":[16],\"completedStepArray\":[16],\"completedSteps\":[16],\"canClickStep\":[4,\"can-click-step\"],\"nextStep\":[64],\"prevStep\":[64],\"setCurrent\":[64],\"getCurrent\":[64]}]]],[\"vega-checkbox_2\",[[1,\"vega-checkbox\",{\"identifier\":[1],\"value\":[1032],\"checked\":[1028],\"disabled\":[516],\"size\":[1],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"groupDisabled\":[32],\"showError\":[32],\"setValue\":[64]}],[1,\"vega-checkbox-group\",{\"label\":[1],\"value\":[1040],\"vegaFlexProp\":[16],\"disabled\":[516],\"required\":[516],\"hint\":[1],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16]}]]],[\"vega-textarea\",[[1,\"vega-textarea\",{\"placeholder\":[1],\"hint\":[1],\"disabled\":[516],\"label\":[1],\"showCounter\":[4,\"show-counter\"],\"value\":[1537],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"required\":[1540],\"maxLength\":[514,\"max-length\"],\"minLength\":[514,\"min-length\"],\"validationRules\":[16],\"currentCharCount\":[32]},[[0,\"input\",\"handleValueTextarea\"]]]]],[\"vega-toggle-switch\",[[1,\"vega-toggle-switch\",{\"checked\":[1540],\"size\":[1],\"label\":[1],\"disabled\":[4]}]]],[\"vega-table_8\",[[1,\"vega-table-head-cell\",{\"breakpoint\":[1],\"sorter\":[1],\"sortOrder\":[1025,\"sort-order\"],\"textAlign\":[1,\"text-align\"],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[32]}],[1,\"vega-table\",{\"columns\":[16],\"dataSource\":[1040],\"rowSelection\":[1040],\"rowExpandable\":[4,\"row-expandable\"],\"rowClickable\":[4,\"row-clickable\"],\"rowDivider\":[4,\"row-divider\"],\"columnDivider\":[4,\"column-divider\"],\"striped\":[4],\"density\":[1],\"paddingX\":[16],\"showHeader\":[4,\"show-header\"],\"pagination\":[16],\"emptyDescription\":[1,\"empty-description\"],\"rowKey\":[1,\"row-key\"],\"scrollConfig\":[16],\"selectedRowKeySet\":[32],\"expandedRowKeySet\":[32],\"currentBreakpoint\":[32],\"sortersMap\":[32],\"currentData\":[32],\"currentClickedRowKey\":[32],\"currentPage\":[32],\"pageSize\":[32],\"editingRows\":[32],\"isSelectedAll\":[32],\"isTemplateRenderMode\":[32],\"openExpandRow\":[64],\"closeExpandRow\":[64],\"closeAllExpandRow\":[64],\"toggleExpandRow\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64],\"startRowEditMode\":[64],\"stopRowEditMode\":[64],\"stopAllRowEditMode\":[64],\"getRowData\":[64],\"getRowsData\":[64],\"getFormRef\":[64],\"addNewRow\":[64],\"saveEditRow\":[64],\"saveAllEditRows\":[64],\"getEditingRowsKey\":[64],\"removeRow\":[64]}],[1,\"vega-table-body\"],[1,\"vega-table-cell\",{\"textAlign\":[1,\"text-align\"],\"breakpoint\":[1],\"overflow\":[1],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[32]}],[1,\"vega-table-expand-row\",{\"rowKey\":[1,\"row-key\"],\"currentBreakpoint\":[32],\"withMultipleSelection\":[32],\"expanded\":[32],\"checked\":[32],\"colSpan\":[32]}],[1,\"vega-table-head\",{\"fixed\":[32]}],[1,\"vega-table-head-row\",{\"selectAllDisabled\":[4,\"select-all-disabled\"],\"hideSelectAll\":[4,\"hide-select-all\"],\"currentBreakpoint\":[32],\"expandable\":[32],\"selectionType\":[32],\"paddingX\":[32],\"checkedAll\":[32],\"columnDivider\":[32],\"density\":[32],\"isEmptyTable\":[32],\"isTemplateRenderMode\":[32]}],[1,\"vega-table-row\",{\"rowKey\":[1,\"row-key\"],\"currentBreakpoint\":[32],\"clicked\":[32],\"expandable\":[32],\"clickable\":[32],\"paddingX\":[32],\"selectionType\":[32],\"checked\":[32],\"expanded\":[32],\"rowDivider\":[32],\"columnDivider\":[32],\"density\":[32]}]]],[\"vega-button-group_2\",[[1,\"vega-button-group\",{\"variant\":[1],\"size\":[1],\"iconAlign\":[1,\"icon-align\"]}],[1,\"vega-button-group-item\",{\"icon\":[1],\"label\":[1],\"iconOnly\":[4,\"icon-only\"],\"itemKey\":[1,\"item-key\"],\"dropdownProps\":[16],\"dropdownSource\":[16],\"variant\":[32],\"size\":[32],\"iconAlign\":[32]}]]],[\"vega-loader-wrapper_2\",[[1,\"vega-loading-indicator\",{\"shape\":[1],\"size\":[1],\"mode\":[1],\"percent\":[2],\"label\":[1],\"hint\":[1],\"status\":[1],\"currentBreakpoint\":[32]}],[1,\"vega-loader-wrapper\"]]],[\"vega-radio_2\",[[1,\"vega-radio-group\",{\"label\":[1],\"value\":[1537],\"name\":[1],\"vegaFlexProp\":[16],\"required\":[516],\"hint\":[1],\"isValid\":[1540,\"is-valid\"],\"disabled\":[516],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16]}],[1,\"vega-radio\",{\"value\":[1],\"name\":[1],\"checked\":[1028],\"disabled\":[4],\"size\":[1],\"groupDisabled\":[32],\"showError\":[32]}]]],[\"vega-left-nav_5\",[[1,\"vega-left-nav\",{\"open\":[1028],\"headerConfig\":[16],\"source\":[16],\"footnote\":[1],\"showAsOverlay\":[4,\"show-as-overlay\"],\"autoCollapseOnOverlay\":[4,\"auto-collapse-on-overlay\"],\"openState\":[32],\"toggle\":[64]}],[1,\"vega-left-nav-group\",{\"icon\":[1],\"label\":[1]}],[1,\"vega-left-nav-link\",{\"icon\":[1],\"selected\":[1540],\"url\":[1],\"counterBadge\":[16]}],[1,\"vega-left-nav-section\",{\"sectionHeader\":[16]}],[1,\"vega-nav-card\",{\"source\":[16],\"maxHeight\":[520,\"max-height\"],\"currentMaxHeight\":[32]}]]],[\"vega-calendar_2\",[[1,\"vega-calendar\",{\"viewMode\":[1025,\"view-mode\"],\"events\":[16],\"timeFormat\":[1,\"time-format\"],\"calendarView\":[32],\"currentPeriod\":[32],\"calendarEvents\":[32]}],[1,\"vega-calendar-event\",{\"calendarEvent\":[16],\"timeFormat\":[32]}]]],[\"vega-date-picker_2\",[[1,\"vega-date-picker\",{\"mode\":[1],\"value\":[1537],\"label\":[1],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"format\":[1],\"size\":[1],\"validationRules\":[16],\"minDate\":[1537,\"min-date\"],\"maxDate\":[1537,\"max-date\"],\"placeholder\":[1],\"clearButton\":[4,\"clear-button\"],\"readOnly\":[4,\"read-only\"],\"allowRepick\":[4,\"allow-repick\"],\"dropdownConfig\":[16],\"disabled\":[516],\"doClose\":[64],\"doOpen\":[64]}],[1,\"vega-date-picker-calendar\"]]],[\"vega-popover_2\",[[1,\"vega-popover\",{\"size\":[8],\"placement\":[1],\"alignment\":[1],\"positionRelativeTo\":[1,\"position-relative-to\"],\"trigger\":[1],\"showArrow\":[4,\"show-arrow\"],\"isPopoverShow\":[32],\"show\":[64],\"hide\":[64]}],[1,\"vega-popover-content-box\",{\"showArrow\":[4,\"show-arrow\"]}]]],[\"vega-selection-tile_2\",[[1,\"vega-selection-tile\",{\"titleText\":[1,\"title\"],\"note\":[1],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[1028],\"checked\":[1028],\"selectType\":[1025,\"select-type\"],\"value\":[1],\"showError\":[32]}],[1,\"vega-selection-tile-group\",{\"label\":[1],\"hint\":[1],\"selectType\":[1,\"select-type\"],\"value\":[1025],\"layout\":[1],\"required\":[4],\"disabled\":[4],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"]}]]],[\"vega-tab-group_2\",[[1,\"vega-tab-group\",{\"selectedTabDataTarget\":[1025,\"selected-tab-data-target\"],\"gap\":[1],\"showCloseButton\":[4,\"show-close-button\"],\"tabItems\":[1040],\"positionRelativeTo\":[1,\"position-relative-to\"],\"variant\":[1],\"tabPages\":[32],\"tabWidthArray\":[32],\"currentPageIndex\":[32]}],[1,\"vega-tab-group-panel\",{\"isActive\":[4,\"is-active\"]}]]],[\"vega-time-picker_2\",[[1,\"vega-time-picker\",{\"label\":[1],\"mode\":[1],\"required\":[516],\"placeholder\":[1],\"increments\":[2],\"timeFormat\":[513,\"time-format\"],\"value\":[1537],\"size\":[1],\"disabled\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"positionRelativeTo\":[1,\"position-relative-to\"],\"dropdownSource\":[32],\"isDropdownShow\":[32],\"selectedTimeValue\":[32]}],[1,\"vega-time-picker-dropdown\"]]],[\"vega-accordion\",[[1,\"vega-accordion\",{\"drawsBackground\":[4,\"draws-background\"],\"prefixIcon\":[1,\"prefix-icon\"],\"accordionTitle\":[1,\"accordion-title\"],\"expandIconAlign\":[1,\"expand-icon-align\"],\"expand\":[1028],\"iconPosition\":[1,\"icon-position\"],\"showExpandIcon\":[4,\"show-expand-icon\"],\"groupId\":[1,\"group-id\"]}]]],[\"vega-app-footer\",[[1,\"vega-app-footer\",{\"content\":[1],\"termOfUseLabel\":[1,\"term-of-use-label\"],\"termOfUseUrl\":[1,\"term-of-use-url\"],\"termOfUseUrlTarget\":[1,\"term-of-use-url-target\"],\"privacyPolicyLabel\":[1,\"privacy-policy-label\"],\"privacyPolicyUrl\":[1,\"privacy-policy-url\"],\"privacyPolicyUrlTarget\":[1,\"privacy-policy-url-target\"],\"hideDefaultLinks\":[4,\"hide-default-links\"],\"additionalLinks\":[16],\"showDisclaimer\":[4,\"show-disclaimer\"],\"disclaimerUrlTarget\":[1,\"disclaimer-url-target\"]}]]],[\"vega-banner\",[[1,\"vega-banner\",{\"type\":[1],\"bannerTitle\":[1,\"banner-title\"],\"content\":[1],\"actionButtons\":[16],\"showCloseButton\":[4,\"show-close-button\"],\"isOpen\":[4,\"is-open\"],\"doClose\":[64]}]]],[\"vega-bar-chart\",[[1,\"vega-bar-chart\",{\"options\":[16]}]]],[\"vega-box\",[[1,\"vega-box\",{\"padding\":[1],\"margin\":[1],\"display\":[1],\"border\":[1],\"borderStyle\":[1,\"border-style\"],\"shadow\":[1],\"borderColor\":[1,\"border-color\"],\"backgroundColor\":[1,\"background-color\"],\"width\":[8],\"height\":[8],\"minHeight\":[8,\"min-height\"],\"maxHeight\":[8,\"max-height\"],\"responsiveClass\":[1,\"responsive-class\"],\"corners\":[1],\"flexBasis\":[1,\"flex-basis\"],\"flexGrow\":[8,\"flex-grow\"],\"flexShrink\":[8,\"flex-shrink\"],\"order\":[8],\"flex\":[8],\"alignSelf\":[1,\"align-self\"],\"justifySelf\":[1,\"justify-self\"],\"gridColumn\":[8,\"grid-column\"],\"gridRow\":[8,\"grid-row\"],\"gridArea\":[8,\"grid-area\"],\"currentBreakpoint\":[32]}]]],[\"vega-breadcrumb\",[[1,\"vega-breadcrumb\",{\"maxItems\":[8,\"max-items\"],\"items\":[16]}]]],[\"vega-card\",[[1,\"vega-card\",{\"padding\":[1],\"margin\":[1],\"variant\":[1],\"backgroundColor\":[1,\"background-color\"]}]]],[\"vega-counter-badge\",[[1,\"vega-counter-badge\",{\"dot\":[4],\"color\":[1],\"count\":[2],\"offset\":[16]}]]],[\"vega-divider\",[[1,\"vega-divider\",{\"direction\":[1],\"variant\":[1],\"margin\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-field-error\",[[1,\"vega-field-error\",{\"message\":[1]}]]],[\"vega-font\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-image-uploader\",[[1,\"vega-image-uploader\",{\"value\":[1040],\"accept\":[1],\"status\":[1537],\"showPreviewButton\":[4,\"show-preview-button\"],\"showRemoveButton\":[4,\"show-remove-button\"],\"showReplaceButton\":[4,\"show-replace-button\"],\"disabled\":[516],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"label\":[1],\"hint\":[1],\"actionTitle\":[1,\"action-title\"],\"actionSubTitle\":[1,\"action-sub-title\"],\"width\":[8],\"height\":[8],\"getContentURL\":[64]}]]],[\"vega-input-range\",[[1,\"vega-input-range\",{\"label\":[1],\"value\":[1040],\"prefixIcon\":[513,\"prefix-icon\"],\"showClearIcon\":[4,\"show-clear-icon\"],\"min\":[514],\"max\":[514],\"required\":[1540],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"size\":[1],\"placeholder\":[16],\"disabled\":[516],\"hint\":[1],\"stack\":[1]}]]],[\"vega-line-chart\",[[1,\"vega-line-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-pie-chart\",[[1,\"vega-pie-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-section-title\",[[1,\"vega-section-title\",{\"titleText\":[1,\"title\"],\"description\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"]}]]],[\"vega-segment-control\",[[1,\"vega-segment-control\",{\"block\":[4],\"size\":[1],\"segments\":[16],\"selected\":[1025],\"variant\":[1],\"isOverflowBlockSegments\":[32]}]]],[\"vega-skeleton\",[[1,\"vega-skeleton\",{\"type\":[513],\"width\":[8],\"height\":[8],\"animated\":[4]}]]],[\"vega-slot-container\",[[1,\"vega-slot-container\"]]],[\"vega-dialog_2\",[[1,\"vega-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"content\":[1],\"type\":[1],\"okButton\":[16],\"handleOk\":[16],\"cancelButton\":[16],\"handleCancel\":[16],\"showCancel\":[4,\"show-cancel\"],\"modalProps\":[16],\"currentBreakpoint\":[32]}],[1,\"vega-modal\",{\"backdrop\":[1],\"size\":[8],\"open\":[1028],\"animation\":[4],\"modalTitle\":[1,\"modal-title\"],\"backdropColor\":[1,\"backdrop-color\"],\"isVerticallyCenter\":[4,\"is-vertically-center\"],\"isVerticallyCentered\":[4,\"is-vertically-centered\"],\"showCloseButton\":[4,\"show-close-button\"],\"padding\":[1],\"contentMaxHeight\":[2,\"content-max-height\"],\"handleClose\":[16],\"currentBreakpoint\":[32],\"modal\":[64]},[[10,\"click\",\"listenDataTarget\"],[0,\"click\",\"listenDataDismiss\"]]]]],[\"vega-chip\",[[1,\"vega-chip\",{\"text\":[1],\"clickable\":[4],\"variant\":[1],\"size\":[1],\"bgColor\":[1,\"bg-color\"],\"textColor\":[1,\"text-color\"],\"statusColor\":[1,\"status-color\"],\"chipType\":[1,\"chip-type\"],\"showCloseIcon\":[4,\"show-close-icon\"],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"],\"currentBreakpoint\":[32],\"currentSize\":[32]}]]],[\"vega-form\",[[1,\"vega-form\",{\"isValid\":[1028,\"is-valid\"],\"isTouched\":[1028,\"is-touched\"],\"valid\":[64],\"getValue\":[64],\"setValue\":[64],\"reset\":[64]}]]],[\"vega-input-select\",[[1,\"vega-input-select\",{\"label\":[1],\"required\":[516],\"selectedLabel\":[16],\"selectType\":[1,\"select-type\"],\"source\":[1040],\"value\":[1537],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[4,\"auto-validation\"],\"validationRules\":[16],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[516],\"placeholder\":[1],\"hint\":[1],\"vegaDropdownProps\":[16],\"size\":[1],\"sourceLazyLoadCallback\":[16],\"isDropdownShow\":[32],\"currentBreakpoint\":[32],\"isLazyLoading\":[32],\"doClose\":[64],\"doOpen\":[64],\"doChange\":[64]}]]],[\"vega-button\",[[1,\"vega-button\",{\"size\":[1],\"variant\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"],\"label\":[1025],\"disabled\":[4],\"danger\":[4],\"block\":[4],\"type\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-dropdown_5\",[[1,\"vega-dropdown-content-box\"],[1,\"vega-dropdown-group\",{\"label\":[1],\"divide\":[4]}],[1,\"vega-dropdown-item\",{\"label\":[1],\"itemKey\":[1,\"item-key\"],\"count\":[2],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[4],\"height\":[2],\"selectType\":[32],\"prefixIconSlot\":[32],\"selected\":[32],\"itemDisplayRule\":[32]}],[1,\"vega-virtual-scroll\",{\"source\":[16],\"approxItemHeight\":[2,\"approx-item-height\"],\"viewportMaxHeight\":[2,\"viewport-max-height\"],\"isLoading\":[4,\"is-loading\"],\"virtualizationThreshold\":[2,\"virtualization-threshold\"],\"sourceItemIdentifier\":[1,\"source-item-identifier\"],\"renderItem\":[16],\"positionConfig\":[32],\"scrollTop\":[32],\"scrollToIndex\":[64]}],[1,\"vega-dropdown\",{\"size\":[8],\"trigger\":[1],\"translocation\":[16],\"source\":[1040],\"positionRelativeTo\":[1,\"position-relative-to\"],\"selectType\":[1,\"select-type\"],\"selectedSourceKey\":[1025,\"selected-source-key\"],\"prefixIconSlot\":[4,\"prefix-icon-slot\"],\"maxHeight\":[2,\"max-height\"],\"searchable\":[4],\"matchTargetWidth\":[4,\"match-target-width\"],\"minWidth\":[8,\"min-width\"],\"maxWidth\":[8,\"max-width\"],\"itemDisplayRule\":[1,\"item-display-rule\"],\"matchContainerHeight\":[4,\"match-container-height\"],\"caseSensitive\":[4,\"case-sensitive\"],\"dynamicOption\":[4,\"dynamic-option\"],\"useDefaultFilter\":[4,\"use-default-filter\"],\"isLoading\":[4,\"is-loading\"],\"placement\":[1],\"alignment\":[1],\"isLazyLoading\":[4,\"is-lazy-loading\"],\"searchString\":[32],\"maxHeightOfItemsContainer\":[32],\"isDropdownShow\":[32],\"sourceForRender\":[32],\"show\":[64],\"hide\":[64],\"search\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64]}]]],[\"vega-backdrop\",[[1,\"vega-backdrop\",{\"color\":[1],\"visible\":[4],\"duration\":[2]}]]],[\"vega-grid\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"vega-carousel\",[[1,\"vega-carousel\",{\"perPage\":[2,\"per-page\"],\"itemsPerPage\":[2,\"items-per-page\"],\"showSlider\":[4,\"show-slider\"],\"spacing\":[1],\"canSwipe\":[4,\"can-swipe\"],\"page\":[32],\"totalPages\":[32],\"nextPage\":[64],\"prevPage\":[64],\"goToPage\":[64]}]]],[\"vega-tooltip_2\",[[1,\"vega-tooltip-content-box\",{\"text\":[1]}],[1,\"vega-tooltip\",{\"size\":[8],\"minWidth\":[8,\"min-width\"],\"maxWidth\":[8,\"max-width\"],\"trigger\":[1],\"content\":[1],\"text\":[1],\"placement\":[1],\"alignment\":[1],\"positionRelativeTo\":[1,\"position-relative-to\"],\"disableInteractive\":[4,\"disable-interactive\"],\"isTooltipShow\":[32]}]]],[\"vega-icon\",[[1,\"vega-icon\",{\"icon\":[513],\"size\":[1],\"color\":[1]}]]],[\"vega-button-circle\",[[1,\"vega-button-circle\",{\"size\":[1],\"variant\":[1],\"icon\":[513],\"label\":[1],\"disabled\":[4],\"danger\":[4],\"type\":[1],\"iconColor\":[1,\"icon-color\"],\"showTooltip\":[4,\"show-tooltip\"],\"tooltip\":[16]}]]],[\"vega-field-label\",[[1,\"vega-field-label\",{\"label\":[1025],\"isFieldRequired\":[4,\"is-field-required\"],\"disabled\":[4]}]]],[\"vega-input\",[[1,\"vega-input\",{\"label\":[1],\"value\":[1537],\"type\":[513],\"autocomplete\":[1],\"prefixIcon\":[513,\"prefix-icon\"],\"email\":[516],\"required\":[1540],\"min\":[514],\"max\":[514],\"minLength\":[514,\"min-length\"],\"maxLength\":[514,\"max-length\"],\"showClearIcon\":[4,\"show-clear-icon\"],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"size\":[1],\"placeholder\":[1],\"disabled\":[516],\"hint\":[1],\"maskConfig\":[16],\"disableCopyPaste\":[4,\"disable-copy-paste\"],\"doFocus\":[64],\"doBlur\":[64]},[[0,\"input\",\"handleValueInput\"]]]]],[\"vega-text\",[[1,\"vega-text\",{\"overflow\":[1],\"tooltip\":[16]}]]],[\"vega-flex\",[[1,\"vega-flex\",{\"gap\":[1],\"margin\":[1],\"breakpoint\":[1],\"direction\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"],\"flexWrap\":[1,\"flex-wrap\"],\"useNativeFlex\":[4,\"use-native-flex\"]}]]]]"), options);
|
|
39
39
|
});
|
|
@@ -1,38 +1,19 @@
|
|
|
1
1
|
import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
|
|
2
|
-
import { SelectSourceItem } from '../../types';
|
|
3
2
|
import { VegaInputSelect } from '../../vega-input-select';
|
|
4
3
|
/** The `VegaInputSelectDropdownController` class is a TypeScript React component that controls the behavior of a dropdown select input. */
|
|
5
4
|
export declare class VegaInputSelectDropdownController extends VegaSlimmer {
|
|
6
|
-
source: VegaInputSelect['source'];
|
|
7
|
-
dropdownSource: VegaInputSelect['dropdownSource'];
|
|
8
5
|
isDropdownShow: VegaInputSelect['isDropdownShow'];
|
|
9
6
|
vegaSearch: VegaInputSelect['vegaSearch'];
|
|
10
7
|
searchEventEmitter: VegaInputSelect['searchEventEmitter'];
|
|
11
8
|
vegaInputSelectValueController: VegaInputSelect['vegaInputSelectValueController'];
|
|
12
|
-
/**
|
|
13
|
-
* call the method when component componentWillLoad call
|
|
14
|
-
*/
|
|
15
|
-
handleWillLoad(): void;
|
|
16
|
-
/**
|
|
17
|
-
* convert the dropdown source when the component watchSource call
|
|
18
|
-
*/
|
|
19
|
-
handleSourceChange: () => void;
|
|
20
9
|
/** The `onDropdownShow` function is setting the `isDropdownShow` property of the`VegaInputSelectDropdownController` class to `true`. This function is called when the dropdown select input is shown. */
|
|
21
10
|
onDropdownShow: () => void;
|
|
22
11
|
/** The `onDropdownHide` function is setting the `isDropdownShow` property of the `VegaInputSelectDropdownController` class to `false`. This function is called when the dropdown select input is hidden. */
|
|
23
12
|
onDropdownHide: () => void;
|
|
24
|
-
/**
|
|
25
|
-
* Append items to source
|
|
26
|
-
*
|
|
27
|
-
* @param {SelectSourceItem[]} items - Appendable items
|
|
28
|
-
*/
|
|
29
|
-
appendSourceItems(items: SelectSourceItem[]): void;
|
|
30
13
|
/**
|
|
31
14
|
* The function `addDropdownObserver` adds event observers to a dropdown element.
|
|
32
15
|
*
|
|
33
16
|
* @param {HTMLElement} dropdownRef - The `dropdownRef` parameter is a reference to the HTML element representing the dropdown component.
|
|
34
17
|
*/
|
|
35
18
|
addDropdownObserver(dropdownRef: HTMLVegaDropdownElement): void;
|
|
36
|
-
/** update the dropdown list by source value */
|
|
37
|
-
private convertToDropdownSource;
|
|
38
19
|
}
|
|
@@ -6,7 +6,7 @@ import { VegaInputSelect } from '../../vega-input-select';
|
|
|
6
6
|
export declare class VegaInputSelectLazyLoadController extends VegaSlimmer {
|
|
7
7
|
sourceLazyLoadCallback: VegaInputSelect['sourceLazyLoadCallback'];
|
|
8
8
|
isLazyLoading: VegaInputSelect['isLazyLoading'];
|
|
9
|
-
|
|
9
|
+
sourceController: VegaInputSelect['sourceController'];
|
|
10
10
|
vegaInputSelectDropdownRenderer: VegaInputSelect['vegaInputSelectDropdownRenderer'];
|
|
11
11
|
private hasMore;
|
|
12
12
|
/**
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
|
|
2
|
+
import { SelectSourceItem } from '../../types';
|
|
3
|
+
/**
|
|
4
|
+
* The `VegaInputSelectSourceController` class manages the source data for
|
|
5
|
+
* a dropdown input component in TypeScript.
|
|
6
|
+
*/
|
|
7
|
+
export declare class VegaInputSelectSourceController extends VegaSlimmer {
|
|
8
|
+
private source;
|
|
9
|
+
/**
|
|
10
|
+
* convert the dropdown source when the component watchSource call
|
|
11
|
+
*/
|
|
12
|
+
handleSourceChange: () => void;
|
|
13
|
+
/**
|
|
14
|
+
* Append items to source
|
|
15
|
+
*
|
|
16
|
+
* @param {SelectSourceItem[]} items - Appendable items
|
|
17
|
+
*/
|
|
18
|
+
appendSourceItems(items: SelectSourceItem[]): void;
|
|
19
|
+
}
|
|
@@ -8,7 +8,6 @@ export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
|
|
|
8
8
|
private selectType;
|
|
9
9
|
private isDropdownShow;
|
|
10
10
|
private vegaDropdownProps;
|
|
11
|
-
private dropdownSource;
|
|
12
11
|
private prefixIcon;
|
|
13
12
|
private placeholder;
|
|
14
13
|
private selectedLabel;
|
|
@@ -27,4 +26,5 @@ export declare class VegaInputSelectDropdownRenderer extends VegaSlimmer {
|
|
|
27
26
|
private renderSingleSelected;
|
|
28
27
|
private preventBlur;
|
|
29
28
|
private getVegaDropdownProperties;
|
|
29
|
+
private getDropdownSource;
|
|
30
30
|
}
|
|
@@ -2,7 +2,6 @@ import { EventEmitter } from '../../stencil-public-runtime';
|
|
|
2
2
|
import { BreakpointsTokenType } from '../../types/designToken.type';
|
|
3
3
|
import { ResponsiveType } from '../../types/ui.type';
|
|
4
4
|
import { FormFieldValidationRule } from '../../helpers/validator/rules/formFieldValidationRule';
|
|
5
|
-
import { DropdownSourceItem } from '../vega-dropdown/types';
|
|
6
5
|
import { SelectedLabelType, SelectSourceItem, SelectType, SelectValueType, VegaDropdownPropsForSelect, VegaInputSelectSize, VegaInputSelectSourceLazyLoadCallback } from './types';
|
|
7
6
|
import { VegaInputSelectRenderer } from './slimmers/renderers/vega-input-select-renderer';
|
|
8
7
|
import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
|
|
@@ -15,8 +14,10 @@ import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event
|
|
|
15
14
|
import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
|
|
16
15
|
import { VegaInputSelectLazyLoadController } from './slimmers/controllers/vega-input-select-lazy-load-controller';
|
|
17
16
|
import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
|
|
17
|
+
import { VegaInputSelectSourceController } from './slimmers/controllers/vega-input-select-source-controller';
|
|
18
18
|
export declare class VegaInputSelect {
|
|
19
19
|
protected readonly globalSlimmers: GlobalSlimmers;
|
|
20
|
+
protected readonly sourceController: VegaInputSelectSourceController;
|
|
20
21
|
protected readonly vegaInputSelectRenderer: VegaInputSelectRenderer;
|
|
21
22
|
protected readonly vegaInputSelectDropdownController: VegaInputSelectDropdownController;
|
|
22
23
|
protected readonly vegaInputSelectValueController: VegaInputSelectValueController;
|
|
@@ -30,7 +31,6 @@ export declare class VegaInputSelect {
|
|
|
30
31
|
protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaInputSelectElement>;
|
|
31
32
|
host: HTMLVegaInputSelectElement;
|
|
32
33
|
isDropdownShow: boolean;
|
|
33
|
-
dropdownSource: DropdownSourceItem[];
|
|
34
34
|
currentBreakpoint: BreakpointsTokenType;
|
|
35
35
|
isLazyLoading: boolean;
|
|
36
36
|
/**
|
|
@@ -70,5 +70,11 @@ export declare class ChildNodesEventPreventSlimmer extends VegaSlimmer {
|
|
|
70
70
|
* @param {CustomEvent} event event object
|
|
71
71
|
*/
|
|
72
72
|
private preventChildEvent;
|
|
73
|
+
/**
|
|
74
|
+
* The function `shouldSkipEventPrevent` checks if a host element has a specific dataset value to determine whether event prevention should be skipped.
|
|
75
|
+
*
|
|
76
|
+
* @returns {boolean} If the `hostElement` exists and has a `dataset.vegaNoEventPrevent` attribute with a value of `'true'`, then the function returns `true`. Otherwise, it returns `false`.
|
|
77
|
+
*/
|
|
78
|
+
private shouldSkipEventPrevent;
|
|
73
79
|
}
|
|
74
80
|
export {};
|
|
@@ -12,3 +12,4 @@ export { VegaIconManager } from './icon/iconManager';
|
|
|
12
12
|
export { ValidCreditCardNumberRule } from './validator/rules/validCreditCardNumberRule';
|
|
13
13
|
export { waitForVega } from './common';
|
|
14
14
|
export { IconPayload } from '../helpers/icon/interface';
|
|
15
|
+
export { VegaSkeletonLoader } from '../helpers/skeleton-loader/vega-skeleton-loader-controller';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { VegaComponentInterface } from '../../types/ui.type';
|
|
2
|
+
|
|
3
|
+
export type VegaSkeletonLoaderItem = Partial<
|
|
4
|
+
Pick<VegaComponentInterface<HTMLVegaSkeletonElement>, 'type' | 'width' | 'height'>
|
|
5
|
+
>;
|
|
6
|
+
|
|
7
|
+
export type VegaSkeletonLoaderLayout = {
|
|
8
|
+
props?: Partial<VegaComponentInterface<HTMLVegaFlexElement>>;
|
|
9
|
+
style?: Partial<CSSStyleDeclaration>;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export type VegaSkeletonLoaderConfig = {
|
|
13
|
+
target: string;
|
|
14
|
+
items?: VegaSkeletonLoaderItem[];
|
|
15
|
+
layout?: VegaSkeletonLoaderLayout;
|
|
16
|
+
} & VegaSkeletonLoaderItem;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { VegaSkeletonLoaderConfig } from './interface';
|
|
2
|
+
/**
|
|
3
|
+
* Vega Skeleton Loader Controller to show skeletons in the target elements
|
|
4
|
+
*/
|
|
5
|
+
declare class VegaSkeletonLoaderController {
|
|
6
|
+
private static readonly LOADER_DATA_SET_KEY;
|
|
7
|
+
private loaderMap;
|
|
8
|
+
/**
|
|
9
|
+
* Load the skeletons in the target elements
|
|
10
|
+
*
|
|
11
|
+
* @param { VegaSkeletonLoaderConfig } config - Configuration for the loading function
|
|
12
|
+
* @param {string} config.target - Target elements to show the skeletons.
|
|
13
|
+
* @param {VegaSkeletonLoaderConfig.type} [config.type = 'text'] - Type of the skeleton.
|
|
14
|
+
* @param {VegaSkeletonLoaderConfig.width} config.width - Width of the skeleton.
|
|
15
|
+
* @param {VegaSkeletonLoaderConfig.height} config.height - Height of the skeleton.
|
|
16
|
+
* @param {VegaSkeletonLoaderConfig.items} config.items - Configuration for multiple skeleton items.
|
|
17
|
+
* @param {VegaSkeletonLoaderConfig.layout} config.layout - Layout of the skeleton items.
|
|
18
|
+
* @returns { string } - Key of the loaded skeleton items.
|
|
19
|
+
*/
|
|
20
|
+
load({ target, type, width, height, items, layout }: VegaSkeletonLoaderConfig): string;
|
|
21
|
+
/**
|
|
22
|
+
* Remove the skeletons from the dom.
|
|
23
|
+
*
|
|
24
|
+
* @param {string} key - The key returned from {@link VegaSkeletonLoaderController.load}.
|
|
25
|
+
*/
|
|
26
|
+
unLoad(key: string): void;
|
|
27
|
+
/**
|
|
28
|
+
* Remove all the skeletons from the dom.
|
|
29
|
+
*/
|
|
30
|
+
unLoadAll(): void;
|
|
31
|
+
/**
|
|
32
|
+
* Create a skeleton item. The skeleton animated always be true
|
|
33
|
+
*
|
|
34
|
+
* @param {VegaSkeletonLoaderItem} config - Configuration for the skeleton item.
|
|
35
|
+
* @returns {HTMLElement} - Skeleton item.
|
|
36
|
+
*/
|
|
37
|
+
private createSkeleton;
|
|
38
|
+
/**
|
|
39
|
+
* Wrap the flex layout for the skeletons.
|
|
40
|
+
*
|
|
41
|
+
* @param {HTMLElement[]} skeletons - Skeleton elements of the loader.
|
|
42
|
+
* @param {VegaSkeletonLoaderLayout} layout - Flex properties for the layout.
|
|
43
|
+
* @returns {HTMLElement} - Container wrapping the skeletons in the specified flex layout.
|
|
44
|
+
*/
|
|
45
|
+
private wrapLayout;
|
|
46
|
+
}
|
|
47
|
+
export declare const VegaSkeletonLoader: VegaSkeletonLoaderController;
|
|
48
|
+
export {};
|
|
@@ -13,3 +13,4 @@ export { VegaComponentName, VegaNativeEventNameType } from './ui.type';
|
|
|
13
13
|
export { VegaLoaderOptions, VegaLoaderIndicatorOptions } from '../helpers/loading-indicator/vegaLoader';
|
|
14
14
|
export { VegaNotifyOption } from '../helpers/notify/vegaNotify';
|
|
15
15
|
export { OverrideColor } from '../helpers/theme/theme';
|
|
16
|
+
export { VegaSkeletonLoaderConfig, VegaSkeletonLoaderLayout, VegaSkeletonLoaderItem, } from '../helpers/skeleton-loader/interface';
|
package/dist/vega/index.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Breakpoints,g as getCurrentBreakpoint}from"./p-3542f8fe.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-018d77cc.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-9e38810c.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-1265732f.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{a as Typography,b as TypographyKeys,T as TypographyUrls}from"./p-c59042c0.js";export{B as BreakpointKeys}from"./p-3c8b2105.js";export{F as FrameworkEnum,v as VegaEnvManager,c as VegaEventManager,V as VegaLoader,a as VegaNotify,b as VegaThemeManager,w as waitForVega}from"./p-
|
|
1
|
+
export{B as Breakpoints,g as getCurrentBreakpoint}from"./p-3542f8fe.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-018d77cc.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-9e38810c.js";export{c as camelToDashCase}from"./p-0bb29d98.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-1265732f.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{a as Typography,b as TypographyKeys,T as TypographyUrls}from"./p-c59042c0.js";export{B as BreakpointKeys}from"./p-3c8b2105.js";export{F as FrameworkEnum,v as VegaEnvManager,c as VegaEventManager,V as VegaLoader,a as VegaNotify,d as VegaSkeletonLoader,b as VegaThemeManager,w as waitForVega}from"./p-9e5f7b82.js";export{F as FeatureFlag}from"./p-f2118771.js";export{V as VegaDialog}from"./p-34964cc9.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-aae8855d.js";export{V as VegaIconManager}from"./p-9d426517.js";export{V as ValidCreditCardNumberRule}from"./p-8054bb18.js";import"./p-bb761f8f.js";import"./p-344ee7cb.js";import"./p-0c667d6a.js";import"./p-6bdc4407.js";import"./p-3a0a4d15.js";import"./p-469bc36e.js";import"./p-320642bd.js";import"./p-abf5b8f7.js";import"./p-d3f1d3dd.js";import"./p-cb13b4e6.js";import"./p-112455b1.js";import"./p-61f18887.js";import"./p-f1d8fd1c.js";const o=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{o as Rings}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,H as t,r as i,c as o,g as a}from"./p-9777b1c1.js";import{s as r}from"./p-b81bd0bb.js";import{R as n}from"./p-d962b340.js";import{a as s,V as l,M as d,I as p}from"./p-018d77cc.js";import{R as c}from"./p-bb761f8f.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-5cad29f5.js";import{D as f}from"./p-0fd9f03f.js";import{a as u,d as m,o as b,p as x}from"./p-f1d8fd1c.js";import{b as w}from"./p-2fa3841b.js";import{C as y}from"./p-bf95b189.js";import{c as R}from"./p-86194314.js";import{V as j}from"./p-34964cc9.js";import{F as I}from"./p-77ff7c72.js";import{f as C,d as k}from"./p-320642bd.js";import{C as U}from"./p-fda33444.js";import{c as O}from"./p-16608c5a.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-469bc36e.js";import"./p-0bb29d98.js";import"./p-d3f1d3dd.js";import"./p-c47d4933.js";import"./p-cb13b4e6.js";import"./p-1ced3ae5.js";import"./p-56681feb.js";import"./p-69b28805.js";import"./p-aae8855d.js";var z=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};class V extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}z([s({componentFieldName:"vegaImageUploaderInputRenderer"})],V.prototype,"inputRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],V.prototype,"defaultContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],V.prototype,"previewContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],V.prototype,"uploadingContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewController"})],V.prototype,"previewController",void 0),z([s()],V.prototype,"value",void 0),z([s()],V.prototype,"disabled",void 0),z([s()],V.prototype,"status",void 0),z([s()],V.prototype,"label",void 0),z([s()],V.prototype,"required",void 0),z([s()],V.prototype,"width",void 0),z([s()],V.prototype,"height",void 0),z([s()],V.prototype,"hint",void 0);var F=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};class N extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],N.prototype,"valueController",void 0),F([s()],N.prototype,"accept",void 0);var D=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};class E extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),D([s()],E.prototype,"disabled",void 0);var A=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};class P extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{f.addUniqueObserverToNode(e,u,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}A([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),A([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),A([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),A([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),A([s()],P.prototype,"disabled",void 0),A([s()],P.prototype,"showPreviewButton",void 0),A([s()],P.prototype,"showRemoveButton",void 0),A([s()],P.prototype,"showReplaceButton",void 0),A([s()],P.prototype,"removeEventEmitter",void 0);var S=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};class L extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}S([s({writable:!0})],L.prototype,"value",void 0),S([s()],L.prototype,"changeEventEmitter",void 0),S([s()],L.prototype,"host",void 0),S([s({componentFieldName:"vegaImageUploaderInputController"})],L.prototype,"inputController",void 0),S([d("watchValue")],L.prototype,"handleValueChange",null);var _=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};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n <div style='text-align: center'>\n <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n </div>\n `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class T extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!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);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],T.prototype,"actionsRenderer",void 0);var K=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};class $ extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:R()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}K([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),K([s({writable:!0})],$.prototype,"status",void 0),K([s()],$.prototype,"cancelEventEmitter",void 0);var q=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};class G extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:R()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.actionTitle),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}q([s({componentFieldName:"vegaImageUploaderInputController"})],G.prototype,"inputController",void 0),q([s()],G.prototype,"actionTitle",void 0),q([s()],G.prototype,"actionSubTitle",void 0);var H=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};class M extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=j.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}H([s({componentFieldName:"vegaImageUploaderValueController"})],M.prototype,"valueController",void 0),H([s()],M.prototype,"removeEventEmitter",void 0),H([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var J=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};class Q extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}J([s()],Q.prototype,"host",void 0),J([s()],Q.prototype,"value",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",null);const W=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var X=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 Y=["jpg","png","jpeg"],Z=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.vegaImageUploaderRenderer=new V,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new T,this.vegaImageUploaderDefaultContentRenderer=new G,this.vegaImageUploaderInputRenderer=new N,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new E,this.vegaImageUploaderValueController=new L,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new M,this.actionsVisibilityController=new Q,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(Z,m),this.removeEventEmitter=O(Z,b),this.cancelEventEmitter=O(Z,x),this.buttonCircleEventPrevent=new U([u],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(W),this.value=null,this.accept=Y.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};X([v()],Z.prototype,"globalSlimmers",void 0),X([p()],Z.prototype,"vegaImageUploaderRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderActionsRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputController",void 0),X([p()],Z.prototype,"vegaImageUploaderValueController",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewController",void 0),X([p()],Z.prototype,"vegaImageUploaderRemoveController",void 0),X([p()],Z.prototype,"actionsVisibilityController",void 0),X([p()],Z.prototype,"formFieldController",void 0),X([p()],Z.prototype,"changeEventEmitter",void 0),X([p()],Z.prototype,"removeEventEmitter",void 0),X([p()],Z.prototype,"cancelEventEmitter",void 0),X([p()],Z.prototype,"buttonCircleEventPrevent",void 0),X([p()],Z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{Z as vega_image_uploader}
|
|
1
|
+
import{h as e,H as t,r as i,c as o,g as a}from"./p-9777b1c1.js";import{s as r}from"./p-b81bd0bb.js";import{R as n}from"./p-d962b340.js";import{a as s,V as l,M as d,I as p}from"./p-018d77cc.js";import{R as c}from"./p-bb761f8f.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-5cad29f5.js";import{D as f}from"./p-0fd9f03f.js";import{a as u,d as m,o as b,p as x}from"./p-f1d8fd1c.js";import{b as w}from"./p-2fa3841b.js";import{C as y}from"./p-bf95b189.js";import{c as R}from"./p-86194314.js";import{V as j}from"./p-34964cc9.js";import{F as I}from"./p-77ff7c72.js";import{f as C,d as k}from"./p-320642bd.js";import{C as U}from"./p-a9d3ea86.js";import{c as O}from"./p-16608c5a.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-469bc36e.js";import"./p-0bb29d98.js";import"./p-d3f1d3dd.js";import"./p-c47d4933.js";import"./p-cb13b4e6.js";import"./p-1ced3ae5.js";import"./p-56681feb.js";import"./p-69b28805.js";import"./p-aae8855d.js";var z=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};class V extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}z([s({componentFieldName:"vegaImageUploaderInputRenderer"})],V.prototype,"inputRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],V.prototype,"defaultContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],V.prototype,"previewContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],V.prototype,"uploadingContentRenderer",void 0),z([s({componentFieldName:"vegaImageUploaderPreviewController"})],V.prototype,"previewController",void 0),z([s()],V.prototype,"value",void 0),z([s()],V.prototype,"disabled",void 0),z([s()],V.prototype,"status",void 0),z([s()],V.prototype,"label",void 0),z([s()],V.prototype,"required",void 0),z([s()],V.prototype,"width",void 0),z([s()],V.prototype,"height",void 0),z([s()],V.prototype,"hint",void 0);var F=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};class N extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}F([s({componentFieldName:"vegaImageUploaderValueController"})],N.prototype,"valueController",void 0),F([s()],N.prototype,"accept",void 0);var D=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};class E extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}D([s({componentFieldName:"vegaImageUploaderInputRenderer"})],E.prototype,"inputRenderer",void 0),D([s()],E.prototype,"disabled",void 0);var A=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};class P extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{f.addUniqueObserverToNode(e,u,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}A([s({componentFieldName:"vegaImageUploaderInputController"})],P.prototype,"inputController",void 0),A([s({componentFieldName:"vegaImageUploaderValueController"})],P.prototype,"valueController",void 0),A([s({componentFieldName:"vegaImageUploaderPreviewController"})],P.prototype,"previewController",void 0),A([s({componentFieldName:"vegaImageUploaderRemoveController"})],P.prototype,"removeController",void 0),A([s()],P.prototype,"disabled",void 0),A([s()],P.prototype,"showPreviewButton",void 0),A([s()],P.prototype,"showRemoveButton",void 0),A([s()],P.prototype,"showReplaceButton",void 0),A([s()],P.prototype,"removeEventEmitter",void 0);var S=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};class L extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}S([s({writable:!0})],L.prototype,"value",void 0),S([s()],L.prototype,"changeEventEmitter",void 0),S([s()],L.prototype,"host",void 0),S([s({componentFieldName:"vegaImageUploaderInputController"})],L.prototype,"inputController",void 0),S([d("watchValue")],L.prototype,"handleValueChange",null);var _=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};class B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n <div style='text-align: center'>\n <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n </div>\n `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class T extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!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);r>3&&n&&Object.defineProperty(t,i,n)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],T.prototype,"actionsRenderer",void 0);var K=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};class $ extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:R()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}K([s({componentFieldName:"vegaImageUploaderRemoveController"})],$.prototype,"removeController",void 0),K([s({writable:!0})],$.prototype,"status",void 0),K([s()],$.prototype,"cancelEventEmitter",void 0);var q=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};class G extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:R()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.actionTitle),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}q([s({componentFieldName:"vegaImageUploaderInputController"})],G.prototype,"inputController",void 0),q([s()],G.prototype,"actionTitle",void 0),q([s()],G.prototype,"actionSubTitle",void 0);var H=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};class M extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=j.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}H([s({componentFieldName:"vegaImageUploaderValueController"})],M.prototype,"valueController",void 0),H([s()],M.prototype,"removeEventEmitter",void 0),H([d("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var J=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};class Q extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}J([s()],Q.prototype,"host",void 0),J([s()],Q.prototype,"value",void 0),J([d("watchValue")],Q.prototype,"handleValueChange",null);const W=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var X=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 Y=["jpg","png","jpeg"],Z=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.vegaImageUploaderRenderer=new V,this.vegaImageUploaderUploadingContentRenderer=new $,this.vegaImageUploaderPreviewContentRenderer=new T,this.vegaImageUploaderDefaultContentRenderer=new G,this.vegaImageUploaderInputRenderer=new N,this.vegaImageUploaderActionsRenderer=new P,this.vegaImageUploaderInputController=new E,this.vegaImageUploaderValueController=new L,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new M,this.actionsVisibilityController=new Q,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(Z,m),this.removeEventEmitter=O(Z,b),this.cancelEventEmitter=O(Z,x),this.buttonCircleEventPrevent=new U([u],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(W),this.value=null,this.accept=Y.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};X([v()],Z.prototype,"globalSlimmers",void 0),X([p()],Z.prototype,"vegaImageUploaderRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderActionsRenderer",void 0),X([p()],Z.prototype,"vegaImageUploaderInputController",void 0),X([p()],Z.prototype,"vegaImageUploaderValueController",void 0),X([p()],Z.prototype,"vegaImageUploaderPreviewController",void 0),X([p()],Z.prototype,"vegaImageUploaderRemoveController",void 0),X([p()],Z.prototype,"actionsVisibilityController",void 0),X([p()],Z.prototype,"formFieldController",void 0),X([p()],Z.prototype,"changeEventEmitter",void 0),X([p()],Z.prototype,"removeEventEmitter",void 0),X([p()],Z.prototype,"cancelEventEmitter",void 0),X([p()],Z.prototype,"buttonCircleEventPrevent",void 0),X([p()],Z.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{Z as vega_image_uploader}
|