@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/cjs/vega.cjs.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
const index = require('./index-1299d729.js');
|
|
4
|
-
const appGlobals = require('./app-globals-
|
|
4
|
+
const appGlobals = require('./app-globals-5e074c5e.js');
|
|
5
5
|
require('./featureFlagController-ab94fd4f.js');
|
|
6
6
|
require('./global-slimmer-registry-fdb2a041.js');
|
|
7
7
|
require('./index-3183748d.js');
|
|
8
8
|
require('./_commonjsHelpers-537d719a.js');
|
|
9
|
-
require('./
|
|
9
|
+
require('./vega-skeleton-loader-controller-bac82c82.js');
|
|
10
10
|
require('./misc-0197689b.js');
|
|
11
11
|
require('./ui-fa68545a.js');
|
|
12
12
|
require('./zIndexManager-48482b9d.js');
|
|
@@ -37,5 +37,5 @@ const patchBrowser = () => {
|
|
|
37
37
|
|
|
38
38
|
patchBrowser().then(options => {
|
|
39
39
|
appGlobals.globalScripts();
|
|
40
|
-
return index.bootstrapLazy(JSON.parse("[[\"vega-pagination.cjs\",[[1,\"vega-pagination\",{\"current\":[1538],\"total\":[2],\"pageSize\":[1026,\"page-size\"],\"extensions\":[16],\"pageSizeSelectorOptions\":[1040],\"pageCount\":[32]}]]],[\"vega-combo-box.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-item-toggle\",{\"itemToggleStatusMap\":[16],\"statusMap\":[16],\"isToggled\":[1028,\"is-toggled\"],\"toggleItemStatus\":[32]}]]],[\"vega-progress-tracker.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-toggle-switch\",{\"checked\":[1540],\"size\":[1],\"label\":[1],\"disabled\":[4]}]]],[\"vega-table_8.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-bar-chart\",{\"options\":[16]}]]],[\"vega-box.cjs\",[[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.cjs\",[[1,\"vega-breadcrumb\",{\"maxItems\":[8,\"max-items\"],\"items\":[16]}]]],[\"vega-card.cjs\",[[1,\"vega-card\",{\"padding\":[1],\"margin\":[1],\"variant\":[1],\"backgroundColor\":[1,\"background-color\"]}]]],[\"vega-counter-badge.cjs\",[[1,\"vega-counter-badge\",{\"dot\":[4],\"color\":[1],\"count\":[2],\"offset\":[16]}]]],[\"vega-divider.cjs\",[[1,\"vega-divider\",{\"direction\":[1],\"variant\":[1],\"margin\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-field-error.cjs\",[[1,\"vega-field-error\",{\"message\":[1]}]]],[\"vega-font.cjs\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-image-uploader.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-line-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-pie-chart.cjs\",[[1,\"vega-pie-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-section-title.cjs\",[[1,\"vega-section-title\",{\"titleText\":[1,\"title\"],\"description\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"]}]]],[\"vega-segment-control.cjs\",[[1,\"vega-segment-control\",{\"block\":[4],\"size\":[1],\"segments\":[16],\"selected\":[1025],\"variant\":[1],\"isOverflowBlockSegments\":[32]}]]],[\"vega-skeleton.cjs\",[[1,\"vega-skeleton\",{\"type\":[513],\"width\":[8],\"height\":[8],\"animated\":[4]}]]],[\"vega-slot-container.cjs\",[[1,\"vega-slot-container\"]]],[\"vega-dialog_2.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-form\",{\"isValid\":[1028,\"is-valid\"],\"isTouched\":[1028,\"is-touched\"],\"valid\":[64],\"getValue\":[64],\"setValue\":[64],\"reset\":[64]}]]],[\"vega-input-select.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-backdrop\",{\"color\":[1],\"visible\":[4],\"duration\":[2]}]]],[\"vega-grid.cjs\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"vega-carousel.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-icon\",{\"icon\":[513],\"size\":[1],\"color\":[1]}]]],[\"vega-button-circle.cjs\",[[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.cjs\",[[1,\"vega-field-label\",{\"label\":[1025],\"isFieldRequired\":[4,\"is-field-required\"],\"disabled\":[4]}]]],[\"vega-input.cjs\",[[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.cjs\",[[1,\"vega-text\",{\"overflow\":[1],\"tooltip\":[16]}]]],[\"vega-flex.cjs\",[[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);
|
|
40
|
+
return index.bootstrapLazy(JSON.parse("[[\"vega-pagination.cjs\",[[1,\"vega-pagination\",{\"current\":[1538],\"total\":[2],\"pageSize\":[1026,\"page-size\"],\"extensions\":[16],\"pageSizeSelectorOptions\":[1040],\"pageCount\":[32]}]]],[\"vega-combo-box.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-item-toggle\",{\"itemToggleStatusMap\":[16],\"statusMap\":[16],\"isToggled\":[1028,\"is-toggled\"],\"toggleItemStatus\":[32]}]]],[\"vega-progress-tracker.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-toggle-switch\",{\"checked\":[1540],\"size\":[1],\"label\":[1],\"disabled\":[4]}]]],[\"vega-table_8.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-bar-chart\",{\"options\":[16]}]]],[\"vega-box.cjs\",[[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.cjs\",[[1,\"vega-breadcrumb\",{\"maxItems\":[8,\"max-items\"],\"items\":[16]}]]],[\"vega-card.cjs\",[[1,\"vega-card\",{\"padding\":[1],\"margin\":[1],\"variant\":[1],\"backgroundColor\":[1,\"background-color\"]}]]],[\"vega-counter-badge.cjs\",[[1,\"vega-counter-badge\",{\"dot\":[4],\"color\":[1],\"count\":[2],\"offset\":[16]}]]],[\"vega-divider.cjs\",[[1,\"vega-divider\",{\"direction\":[1],\"variant\":[1],\"margin\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-field-error.cjs\",[[1,\"vega-field-error\",{\"message\":[1]}]]],[\"vega-font.cjs\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-image-uploader.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-line-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-pie-chart.cjs\",[[1,\"vega-pie-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-section-title.cjs\",[[1,\"vega-section-title\",{\"titleText\":[1,\"title\"],\"description\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"]}]]],[\"vega-segment-control.cjs\",[[1,\"vega-segment-control\",{\"block\":[4],\"size\":[1],\"segments\":[16],\"selected\":[1025],\"variant\":[1],\"isOverflowBlockSegments\":[32]}]]],[\"vega-skeleton.cjs\",[[1,\"vega-skeleton\",{\"type\":[513],\"width\":[8],\"height\":[8],\"animated\":[4]}]]],[\"vega-slot-container.cjs\",[[1,\"vega-slot-container\"]]],[\"vega-dialog_2.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-form\",{\"isValid\":[1028,\"is-valid\"],\"isTouched\":[1028,\"is-touched\"],\"valid\":[64],\"getValue\":[64],\"setValue\":[64],\"reset\":[64]}]]],[\"vega-input-select.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-backdrop\",{\"color\":[1],\"visible\":[4],\"duration\":[2]}]]],[\"vega-grid.cjs\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"vega-carousel.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vega-icon\",{\"icon\":[513],\"size\":[1],\"color\":[1]}]]],[\"vega-button-circle.cjs\",[[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.cjs\",[[1,\"vega-field-label\",{\"label\":[1025],\"isFieldRequired\":[4,\"is-field-required\"],\"disabled\":[4]}]]],[\"vega-input.cjs\",[[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.cjs\",[[1,\"vega-text\",{\"overflow\":[1],\"tooltip\":[16]}]]],[\"vega-flex.cjs\",[[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);
|
|
41
41
|
});
|
|
@@ -513,11 +513,13 @@
|
|
|
513
513
|
flex-direction: column;
|
|
514
514
|
gap: 2px;
|
|
515
515
|
justify-content: space-between;
|
|
516
|
+
flex-grow: 1;
|
|
516
517
|
}
|
|
517
518
|
.calendar-view-month .events-container .event-list {
|
|
518
519
|
display: flex;
|
|
519
520
|
flex-direction: column;
|
|
520
521
|
gap: 2px;
|
|
522
|
+
flex-grow: 1;
|
|
521
523
|
}
|
|
522
524
|
.calendar-view-month .events-container .event-list .month-event-block {
|
|
523
525
|
box-sizing: border-box;
|
package/dist/collection/components/vega-dropdown/slimmers/renderers/vega-dropdown-renderer.js
CHANGED
|
@@ -51,7 +51,8 @@ export class VegaDropdownRenderer extends VegaSlimmer {
|
|
|
51
51
|
return this.renderModeController.isSourceRenderMode() ? h("slot", null) : h("slot", { name: "dropdown-content" });
|
|
52
52
|
}
|
|
53
53
|
renderDropdown() {
|
|
54
|
-
|
|
54
|
+
const eventPreventFlag = this.host && this.host.dataset.vegaNoEventPrevent === 'true' ? 'true' : 'false';
|
|
55
|
+
return (h("vega-dropdown-content-box", { ref: (e) => (this.dropdownContentBoxRef = e), style: { maxHeight: `${this.maxHeight}px` }, "data-parent-ref": this.host, "data-vega-no-event-prevent": eventPreventFlag },
|
|
55
56
|
h("div", { ref: (e) => (this.dropdownRef = e), class: {
|
|
56
57
|
'vega-dropdown': true,
|
|
57
58
|
'vega-dropdown-with-searchable': this.searchable,
|
|
@@ -4,21 +4,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
4
4
|
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
|
-
import { MapToComponentField,
|
|
8
|
-
import { isArrayOfType, isSelectSourceItemType } from '../../../../types/typeGuard';
|
|
7
|
+
import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
|
|
9
8
|
import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/domNodeSubjectObserverFactory';
|
|
10
9
|
import { VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, } from '../../../../helpers/event-manager/eventID/vegaEventId';
|
|
11
10
|
/** The `VegaInputSelectDropdownController` class is a TypeScript React component that controls the behavior of a dropdown select input. */
|
|
12
11
|
export class VegaInputSelectDropdownController extends VegaSlimmer {
|
|
13
12
|
constructor() {
|
|
14
13
|
super(...arguments);
|
|
15
|
-
/**
|
|
16
|
-
* convert the dropdown source when the component watchSource call
|
|
17
|
-
*/
|
|
18
|
-
this.handleSourceChange = () => {
|
|
19
|
-
this.source = isArrayOfType(this.source, isSelectSourceItemType) ? this.source : [];
|
|
20
|
-
this.convertToDropdownSource();
|
|
21
|
-
};
|
|
22
14
|
/** 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. */
|
|
23
15
|
this.onDropdownShow = () => {
|
|
24
16
|
this.isDropdownShow = true;
|
|
@@ -28,20 +20,6 @@ export class VegaInputSelectDropdownController extends VegaSlimmer {
|
|
|
28
20
|
this.isDropdownShow = false;
|
|
29
21
|
};
|
|
30
22
|
}
|
|
31
|
-
/**
|
|
32
|
-
* call the method when component componentWillLoad call
|
|
33
|
-
*/
|
|
34
|
-
handleWillLoad() {
|
|
35
|
-
this.convertToDropdownSource();
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* Append items to source
|
|
39
|
-
*
|
|
40
|
-
* @param {SelectSourceItem[]} items - Appendable items
|
|
41
|
-
*/
|
|
42
|
-
appendSourceItems(items) {
|
|
43
|
-
this.source = [...this.source, ...items];
|
|
44
|
-
}
|
|
45
23
|
/**
|
|
46
24
|
* The function `addDropdownObserver` adds event observers to a dropdown element.
|
|
47
25
|
*
|
|
@@ -61,20 +39,7 @@ export class VegaInputSelectDropdownController extends VegaSlimmer {
|
|
|
61
39
|
this.searchEventEmitter.emit(payload.detail);
|
|
62
40
|
});
|
|
63
41
|
}
|
|
64
|
-
/** update the dropdown list by source value */
|
|
65
|
-
convertToDropdownSource() {
|
|
66
|
-
this.dropdownSource = this.source.map((item) => ({
|
|
67
|
-
key: item.id,
|
|
68
|
-
label: item.displayName,
|
|
69
|
-
}));
|
|
70
|
-
}
|
|
71
42
|
}
|
|
72
|
-
__decorate([
|
|
73
|
-
MapToComponentField({ writable: true })
|
|
74
|
-
], VegaInputSelectDropdownController.prototype, "source", void 0);
|
|
75
|
-
__decorate([
|
|
76
|
-
MapToComponentField({ writable: true })
|
|
77
|
-
], VegaInputSelectDropdownController.prototype, "dropdownSource", void 0);
|
|
78
43
|
__decorate([
|
|
79
44
|
MapToComponentField({ writable: true })
|
|
80
45
|
], VegaInputSelectDropdownController.prototype, "isDropdownShow", void 0);
|
|
@@ -87,9 +52,3 @@ __decorate([
|
|
|
87
52
|
__decorate([
|
|
88
53
|
MapToComponentField()
|
|
89
54
|
], VegaInputSelectDropdownController.prototype, "vegaInputSelectValueController", void 0);
|
|
90
|
-
__decorate([
|
|
91
|
-
MapToComponentMethod('componentWillLoad')
|
|
92
|
-
], VegaInputSelectDropdownController.prototype, "handleWillLoad", null);
|
|
93
|
-
__decorate([
|
|
94
|
-
MapToComponentMethod('watchSource')
|
|
95
|
-
], VegaInputSelectDropdownController.prototype, "handleSourceChange", void 0);
|
|
@@ -47,7 +47,7 @@ export class VegaInputSelectLazyLoadController extends VegaSlimmer {
|
|
|
47
47
|
const response = await this.sourceLazyLoadCallback(payload.endIndex);
|
|
48
48
|
this.hasMore = response.hasMore;
|
|
49
49
|
if (response.items.length > 0) {
|
|
50
|
-
this.
|
|
50
|
+
this.sourceController.appendSourceItems(response.items);
|
|
51
51
|
}
|
|
52
52
|
this.isLazyLoading = false;
|
|
53
53
|
}
|
|
@@ -61,7 +61,7 @@ __decorate([
|
|
|
61
61
|
], VegaInputSelectLazyLoadController.prototype, "isLazyLoading", void 0);
|
|
62
62
|
__decorate([
|
|
63
63
|
MapToComponentField()
|
|
64
|
-
], VegaInputSelectLazyLoadController.prototype, "
|
|
64
|
+
], VegaInputSelectLazyLoadController.prototype, "sourceController", void 0);
|
|
65
65
|
__decorate([
|
|
66
66
|
MapToComponentField()
|
|
67
67
|
], VegaInputSelectLazyLoadController.prototype, "vegaInputSelectDropdownRenderer", void 0);
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
|
|
8
|
+
import { isArrayOfType, isSelectSourceItemType } from '../../../../types/typeGuard';
|
|
9
|
+
/**
|
|
10
|
+
* The `VegaInputSelectSourceController` class manages the source data for
|
|
11
|
+
* a dropdown input component in TypeScript.
|
|
12
|
+
*/
|
|
13
|
+
export class VegaInputSelectSourceController extends VegaSlimmer {
|
|
14
|
+
constructor() {
|
|
15
|
+
super(...arguments);
|
|
16
|
+
/**
|
|
17
|
+
* convert the dropdown source when the component watchSource call
|
|
18
|
+
*/
|
|
19
|
+
this.handleSourceChange = () => {
|
|
20
|
+
this.source = isArrayOfType(this.source, isSelectSourceItemType) ? this.source : [];
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Append items to source
|
|
25
|
+
*
|
|
26
|
+
* @param {SelectSourceItem[]} items - Appendable items
|
|
27
|
+
*/
|
|
28
|
+
appendSourceItems(items) {
|
|
29
|
+
this.source = [...this.source, ...items];
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
__decorate([
|
|
33
|
+
MapToComponentField({ writable: true })
|
|
34
|
+
], VegaInputSelectSourceController.prototype, "source", void 0);
|
|
35
|
+
__decorate([
|
|
36
|
+
MapToComponentMethod('watchSource')
|
|
37
|
+
], VegaInputSelectSourceController.prototype, "handleSourceChange", void 0);
|
|
@@ -68,7 +68,7 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
|
|
|
68
68
|
return this.inputSelectContainer;
|
|
69
69
|
}
|
|
70
70
|
render() {
|
|
71
|
-
return (h("vega-dropdown", Object.assign({ trigger: "click", source: this.
|
|
71
|
+
return (h("vega-dropdown", Object.assign({ trigger: "click", source: this.getDropdownSource(), selectType: this.selectType, selectedSourceKey: this.value, matchTargetWidth: true }, this.getVegaDropdownProperties(), { ref: (ref) => {
|
|
72
72
|
this.dropdown = ref;
|
|
73
73
|
this.vegaInputSelectDropdownController.addDropdownObserver(ref);
|
|
74
74
|
}, isLazyLoading: this.isLazyLoading }), this.renderContainer()));
|
|
@@ -81,6 +81,12 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
|
|
|
81
81
|
preventBlur(e) {
|
|
82
82
|
e.stopImmediatePropagation();
|
|
83
83
|
}
|
|
84
|
+
getDropdownSource() {
|
|
85
|
+
return this.source.map((item) => ({
|
|
86
|
+
key: item.id,
|
|
87
|
+
label: item.displayName,
|
|
88
|
+
}));
|
|
89
|
+
}
|
|
84
90
|
}
|
|
85
91
|
(() => {
|
|
86
92
|
VegaInternalIconManager.register({
|
|
@@ -103,9 +109,6 @@ __decorate([
|
|
|
103
109
|
__decorate([
|
|
104
110
|
MapToComponentField()
|
|
105
111
|
], VegaInputSelectDropdownRenderer.prototype, "vegaDropdownProps", void 0);
|
|
106
|
-
__decorate([
|
|
107
|
-
MapToComponentField()
|
|
108
|
-
], VegaInputSelectDropdownRenderer.prototype, "dropdownSource", void 0);
|
|
109
112
|
__decorate([
|
|
110
113
|
MapToComponentField()
|
|
111
114
|
], VegaInputSelectDropdownRenderer.prototype, "prefixIcon", void 0);
|
|
@@ -21,9 +21,11 @@ import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimm
|
|
|
21
21
|
import { VegaInputSelectLazyLoadController } from './slimmers/controllers/vega-input-select-lazy-load-controller';
|
|
22
22
|
import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
|
|
23
23
|
import { VegaInputSelectRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-input-select/runtime-metrics-payload-definition';
|
|
24
|
+
import { VegaInputSelectSourceController } from './slimmers/controllers/vega-input-select-source-controller';
|
|
24
25
|
export class VegaInputSelect {
|
|
25
26
|
constructor() {
|
|
26
27
|
this.globalSlimmers = {};
|
|
28
|
+
this.sourceController = new VegaInputSelectSourceController();
|
|
27
29
|
this.vegaInputSelectRenderer = new VegaInputSelectRenderer();
|
|
28
30
|
this.vegaInputSelectDropdownController = new VegaInputSelectDropdownController();
|
|
29
31
|
this.vegaInputSelectValueController = new VegaInputSelectValueController();
|
|
@@ -48,7 +50,6 @@ export class VegaInputSelect {
|
|
|
48
50
|
this.eventPrevent = new ChildNodesEventPreventSlimmer([VegaSearch], () => this.host, true);
|
|
49
51
|
this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputSelectRuntimeMetricsPayloadDefinition);
|
|
50
52
|
this.isDropdownShow = false;
|
|
51
|
-
this.dropdownSource = [];
|
|
52
53
|
this.currentBreakpoint = getCurrentBreakpoint();
|
|
53
54
|
this.isLazyLoading = false;
|
|
54
55
|
/**
|
|
@@ -500,7 +501,6 @@ export class VegaInputSelect {
|
|
|
500
501
|
}; }
|
|
501
502
|
static get states() { return {
|
|
502
503
|
"isDropdownShow": {},
|
|
503
|
-
"dropdownSource": {},
|
|
504
504
|
"currentBreakpoint": {},
|
|
505
505
|
"isLazyLoading": {}
|
|
506
506
|
}; }
|
|
@@ -665,6 +665,9 @@ export class VegaInputSelect {
|
|
|
665
665
|
__decorate([
|
|
666
666
|
InjectVegaGlobalSlimmer()
|
|
667
667
|
], VegaInputSelect.prototype, "globalSlimmers", void 0);
|
|
668
|
+
__decorate([
|
|
669
|
+
InjectVegaSlimmer()
|
|
670
|
+
], VegaInputSelect.prototype, "sourceController", void 0);
|
|
668
671
|
__decorate([
|
|
669
672
|
InjectVegaSlimmer()
|
|
670
673
|
], VegaInputSelect.prototype, "vegaInputSelectRenderer", void 0);
|
|
@@ -70,8 +70,11 @@
|
|
|
70
70
|
box-sizing: border-box;
|
|
71
71
|
padding: 16px;
|
|
72
72
|
}
|
|
73
|
-
|
|
73
|
+
.vega-skeleton-table .vega-skeleton-table-cell:nth-of-type(4), .vega-skeleton-table .vega-skeleton-table-cell:nth-of-type(5) {
|
|
74
|
+
display: none;
|
|
75
|
+
}
|
|
76
|
+
@media (min-width: 768px) {
|
|
74
77
|
.vega-skeleton-table .vega-skeleton-table-cell:nth-of-type(4), .vega-skeleton-table .vega-skeleton-table-cell:nth-of-type(5) {
|
|
75
|
-
display:
|
|
78
|
+
display: table-cell;
|
|
76
79
|
}
|
|
77
80
|
}
|
|
@@ -13,6 +13,7 @@ import VegaZIndexManager from '../../helpers/zindex/vegaZIndexManager';
|
|
|
13
13
|
import { ValidCreditCardNumberRule } from '../../helpers/validator/rules/validCreditCardNumberRule';
|
|
14
14
|
import vegaEnvManager from '../../helpers/vega-telemetry-helper/vegaEnvManager';
|
|
15
15
|
import { waitForVega } from '../../helpers/common';
|
|
16
|
+
import { VegaSkeletonLoader } from '../../helpers/skeleton-loader/vega-skeleton-loader-controller';
|
|
16
17
|
/**
|
|
17
18
|
* Default export function that will be used by stencil global script,
|
|
18
19
|
* which will be invoked before library loaded.
|
|
@@ -33,6 +34,7 @@ export default function () {
|
|
|
33
34
|
injectValidCreditCardNumberRuleIntoGlobal();
|
|
34
35
|
initRuntimeMetricsTelemetryCollection();
|
|
35
36
|
injectWaitForVegaIntoGlobal();
|
|
37
|
+
injectVegaSkeletonLoaderIntoGlobal();
|
|
36
38
|
}
|
|
37
39
|
/**
|
|
38
40
|
* Disable feature flags from the client global defined lists.
|
|
@@ -146,3 +148,9 @@ function initRuntimeMetricsTelemetryCollection() {
|
|
|
146
148
|
function injectWaitForVegaIntoGlobal() {
|
|
147
149
|
globalThis['waitForVega'] = waitForVega;
|
|
148
150
|
}
|
|
151
|
+
/**
|
|
152
|
+
* Inject VegaSkeletonLoader to global as a public api
|
|
153
|
+
*/
|
|
154
|
+
function injectVegaSkeletonLoaderIntoGlobal() {
|
|
155
|
+
globalThis.VegaSkeletonLoader = VegaSkeletonLoader;
|
|
156
|
+
}
|
|
@@ -30,6 +30,9 @@ export class ChildNodesEventPreventSlimmer extends VegaSlimmer {
|
|
|
30
30
|
*/
|
|
31
31
|
this.preventChildEvent = (event) => {
|
|
32
32
|
const hostElement = this.getHostElement();
|
|
33
|
+
if (this.shouldSkipEventPrevent()) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
33
36
|
if (typeof this.customPreventHandle === 'function') {
|
|
34
37
|
this.customPreventHandle(event);
|
|
35
38
|
}
|
|
@@ -109,6 +112,15 @@ export class ChildNodesEventPreventSlimmer extends VegaSlimmer {
|
|
|
109
112
|
!!jqueryDelegatedEvent &&
|
|
110
113
|
jqueryDelegatedStrategyController.isSupportDelegated(this.host, eventId));
|
|
111
114
|
}
|
|
115
|
+
/**
|
|
116
|
+
* The function `shouldSkipEventPrevent` checks if a host element has a specific dataset value to determine whether event prevention should be skipped.
|
|
117
|
+
*
|
|
118
|
+
* @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`.
|
|
119
|
+
*/
|
|
120
|
+
shouldSkipEventPrevent() {
|
|
121
|
+
const hostElement = this.getHostElement();
|
|
122
|
+
return hostElement && hostElement.dataset.vegaNoEventPrevent === 'true';
|
|
123
|
+
}
|
|
112
124
|
}
|
|
113
125
|
__decorate([
|
|
114
126
|
MapToComponentField()
|
|
@@ -107,6 +107,20 @@ describe('ChildNodesEventPreventSlimmer', () => {
|
|
|
107
107
|
mockedComponent.disconnectedCallback();
|
|
108
108
|
expect(mockedComponent['slimmer']['isEventListenerAdded']).toBeFalsy();
|
|
109
109
|
});
|
|
110
|
+
test('should skip prevent child event when set skip flag after component did render', () => {
|
|
111
|
+
const mockedComponent = new MockedSlimmer();
|
|
112
|
+
const host = document.createElement('div');
|
|
113
|
+
mockedComponent.host = host;
|
|
114
|
+
host.innerHTML = `<p><span></span></p>`;
|
|
115
|
+
mockedComponent.parentElement = host.querySelector('p');
|
|
116
|
+
const mockListener = jest.fn();
|
|
117
|
+
host.addEventListener('vegaClick', mockListener);
|
|
118
|
+
mockedComponent.componentDidLoad();
|
|
119
|
+
mockedComponent.parentElement.setAttribute('data-vega-no-event-prevent', 'true');
|
|
120
|
+
host.dispatchEvent(new CustomEvent('vegaClick', { bubbles: true, cancelable: true }));
|
|
121
|
+
host.querySelector('span').dispatchEvent(new CustomEvent('vegaClick', { bubbles: true, cancelable: true }));
|
|
122
|
+
expect(mockListener).toBeCalledTimes(2);
|
|
123
|
+
});
|
|
110
124
|
});
|
|
111
125
|
describe('shadow dom', () => {
|
|
112
126
|
class MockedShadowComponent {
|
|
@@ -11,3 +11,4 @@ export { BaseStrategy as VegaJQueryDelegatedEventStrategy } from './event-manage
|
|
|
11
11
|
export { VegaIconManager } from './icon/iconManager';
|
|
12
12
|
export { ValidCreditCardNumberRule } from './validator/rules/validCreditCardNumberRule';
|
|
13
13
|
export { waitForVega } from './common';
|
|
14
|
+
export { VegaSkeletonLoader } from '../helpers/skeleton-loader/vega-skeleton-loader-controller';
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
jest.mock('../../../utils/misc', () => ({
|
|
2
|
+
generateUUID: () => 'TEST_UUID',
|
|
3
|
+
}));
|
|
4
|
+
import { VegaSkeletonLoader } from '../vega-skeleton-loader-controller';
|
|
5
|
+
describe('vega-skeleton-loader-controller', () => {
|
|
6
|
+
beforeEach(() => {
|
|
7
|
+
document.body.innerHTML = `
|
|
8
|
+
<div class="target-class"></div>
|
|
9
|
+
`;
|
|
10
|
+
});
|
|
11
|
+
afterEach(() => {
|
|
12
|
+
VegaSkeletonLoader.unLoadAll();
|
|
13
|
+
document.body.innerHTML = '';
|
|
14
|
+
});
|
|
15
|
+
it('should render a skeleton in target', () => {
|
|
16
|
+
VegaSkeletonLoader.load({
|
|
17
|
+
target: '.target-class',
|
|
18
|
+
});
|
|
19
|
+
expect(document.body).toMatchInlineSnapshot(`
|
|
20
|
+
<body>
|
|
21
|
+
<div class="target-class">
|
|
22
|
+
<vega-skeleton data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID"></vega-skeleton>
|
|
23
|
+
</div>
|
|
24
|
+
</body>
|
|
25
|
+
`);
|
|
26
|
+
});
|
|
27
|
+
it('should remove the skeleton when call unLoad', () => {
|
|
28
|
+
const key = VegaSkeletonLoader.load({
|
|
29
|
+
target: '.target-class',
|
|
30
|
+
});
|
|
31
|
+
expect(document.body).toMatchInlineSnapshot(`
|
|
32
|
+
<body>
|
|
33
|
+
<div class="target-class">
|
|
34
|
+
<vega-skeleton data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID"></vega-skeleton>
|
|
35
|
+
</div>
|
|
36
|
+
</body>
|
|
37
|
+
`);
|
|
38
|
+
expect(VegaSkeletonLoader['loaderMap'].size).toEqual(1);
|
|
39
|
+
VegaSkeletonLoader.unLoad(key);
|
|
40
|
+
expect(VegaSkeletonLoader['loaderMap'].size).toEqual(0);
|
|
41
|
+
expect(document.body).toMatchInlineSnapshot(`
|
|
42
|
+
<body>
|
|
43
|
+
<div class="target-class"></div>
|
|
44
|
+
</body>
|
|
45
|
+
`);
|
|
46
|
+
});
|
|
47
|
+
it('should remove all the skeletons when call unLoadAll', () => {
|
|
48
|
+
VegaSkeletonLoader.load({
|
|
49
|
+
target: '.target-class',
|
|
50
|
+
});
|
|
51
|
+
expect(VegaSkeletonLoader['loaderMap'].size).toEqual(1);
|
|
52
|
+
expect(document.body).toMatchInlineSnapshot(`
|
|
53
|
+
<body>
|
|
54
|
+
<div class="target-class">
|
|
55
|
+
<vega-skeleton data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID"></vega-skeleton>
|
|
56
|
+
</div>
|
|
57
|
+
</body>
|
|
58
|
+
`);
|
|
59
|
+
VegaSkeletonLoader.unLoadAll();
|
|
60
|
+
expect(VegaSkeletonLoader['loaderMap'].size).toEqual(0);
|
|
61
|
+
expect(document.body).toMatchInlineSnapshot(`
|
|
62
|
+
<body>
|
|
63
|
+
<div class="target-class"></div>
|
|
64
|
+
</body>
|
|
65
|
+
`);
|
|
66
|
+
});
|
|
67
|
+
it('should render a skeleton with type', () => {
|
|
68
|
+
VegaSkeletonLoader.load({
|
|
69
|
+
target: '.target-class',
|
|
70
|
+
type: 'full-width-paragraph',
|
|
71
|
+
});
|
|
72
|
+
expect(document.body.querySelector('vega-skeleton').type).toEqual('full-width-paragraph');
|
|
73
|
+
});
|
|
74
|
+
it('should render a skeleton with width and height', () => {
|
|
75
|
+
VegaSkeletonLoader.load({
|
|
76
|
+
target: '.target-class',
|
|
77
|
+
type: 'image',
|
|
78
|
+
width: '200px',
|
|
79
|
+
height: '100px',
|
|
80
|
+
});
|
|
81
|
+
const skeletonEl = document.querySelector('vega-skeleton');
|
|
82
|
+
expect(skeletonEl.type).toEqual('image');
|
|
83
|
+
expect(skeletonEl.width).toEqual('200px');
|
|
84
|
+
expect(skeletonEl.height).toEqual('100px');
|
|
85
|
+
});
|
|
86
|
+
it('should render complex items', () => {
|
|
87
|
+
VegaSkeletonLoader.load({
|
|
88
|
+
target: '.target-class',
|
|
89
|
+
items: [
|
|
90
|
+
{ type: 'ellipse', width: '30px', height: '30px' },
|
|
91
|
+
{ type: 'text', width: '100px' },
|
|
92
|
+
],
|
|
93
|
+
});
|
|
94
|
+
const skeletons = document.querySelectorAll('vega-skeleton');
|
|
95
|
+
expect(document.body).toMatchInlineSnapshot(`
|
|
96
|
+
<body>
|
|
97
|
+
<div class="target-class">
|
|
98
|
+
<vega-skeleton data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID"></vega-skeleton>
|
|
99
|
+
<vega-skeleton data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID"></vega-skeleton>
|
|
100
|
+
</div>
|
|
101
|
+
</body>
|
|
102
|
+
`);
|
|
103
|
+
expect({ type: skeletons[0].type, width: skeletons[0].width, height: skeletons[0].height }).toEqual({
|
|
104
|
+
type: 'ellipse',
|
|
105
|
+
width: '30px',
|
|
106
|
+
height: '30px',
|
|
107
|
+
});
|
|
108
|
+
expect({ type: skeletons[1].type, width: skeletons[1].width }).toEqual({
|
|
109
|
+
type: 'text',
|
|
110
|
+
width: '100px',
|
|
111
|
+
});
|
|
112
|
+
});
|
|
113
|
+
it('should render item with wrapped layout', () => {
|
|
114
|
+
VegaSkeletonLoader.load({
|
|
115
|
+
target: '.target-class',
|
|
116
|
+
items: [
|
|
117
|
+
{ type: 'image', width: '100%', height: '200px' },
|
|
118
|
+
{ type: 'paragraph', width: '100%' },
|
|
119
|
+
],
|
|
120
|
+
layout: {
|
|
121
|
+
props: {
|
|
122
|
+
direction: 'col',
|
|
123
|
+
gap: 'size-20',
|
|
124
|
+
},
|
|
125
|
+
style: { width: 'calc(33% - 12px)' },
|
|
126
|
+
},
|
|
127
|
+
});
|
|
128
|
+
expect(document.body).toMatchInlineSnapshot(`
|
|
129
|
+
<body>
|
|
130
|
+
<div class="target-class">
|
|
131
|
+
<vega-flex class="vega-skeleton-loader-template-container" data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID" style="width: calc(33% - 12px);">
|
|
132
|
+
<vega-skeleton></vega-skeleton>
|
|
133
|
+
<vega-skeleton></vega-skeleton>
|
|
134
|
+
</vega-flex>
|
|
135
|
+
</div>
|
|
136
|
+
</body>
|
|
137
|
+
`);
|
|
138
|
+
});
|
|
139
|
+
});
|