@globalpayments/vega 2.20.1 → 2.21.0

package/dist/esm/loader.js

@@ -32,7 +32,7 @@ const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
   globalScripts();
-  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-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-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-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-hint\",[[1,\"vega-hint\"]]],[\"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\"],\"resizable\":[4],\"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_3\",[[1,\"vega-calendar\",{\"viewMode\":[1025,\"view-mode\"],\"events\":[16],\"timeFormat\":[1,\"time-format\"],\"moreActionDropdownProps\":[16],\"calendarView\":[32],\"currentPeriod\":[32],\"showAllEventsInDayOrWeekView\":[32],\"calendarEvents\":[32]}],[1,\"vega-calendar-event\",{\"calendarEvent\":[16],\"timeFormat\":[32],\"slotMode\":[32]}],[1,\"vega-calendar-event-slot\",{\"eventKey\":[513,\"event-key\"]}]]],[\"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-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-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-phone-number\",[[1,\"vega-input-phone-number\",{\"label\":[1],\"size\":[1],\"required\":[1540],\"disabled\":[516],\"countryCode\":[1537,\"country-code\"],\"allowedCountryCodes\":[16],\"value\":[1537],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"placeholder\":[1],\"hint\":[1],\"phoneNumberInputValue\":[32]}]]],[\"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-signature-capture\",[[1,\"vega-signature-capture\",{\"mode\":[1],\"label\":[1],\"required\":[516],\"showClearBtn\":[4,\"show-clear-btn\"],\"placeholder\":[1],\"placeholderIcon\":[1,\"placeholder-icon\"],\"disabled\":[4],\"value\":[1040],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"height\":[8],\"currentBreakpoint\":[32],\"isDrawing\":[32],\"clear\":[64]}]]],[\"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-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-font\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[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],\"loading\":[4],\"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\":[513,\"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],\"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-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-grid\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"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],\"name\":[1],\"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-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-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);
+  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-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-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-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-hint\",[[1,\"vega-hint\"]]],[\"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\"],\"resizable\":[4],\"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_3\",[[1,\"vega-calendar\",{\"viewMode\":[1025,\"view-mode\"],\"events\":[16],\"timeFormat\":[1,\"time-format\"],\"moreActionDropdownProps\":[16],\"showEventColorBar\":[4,\"show-event-color-bar\"],\"calendarView\":[32],\"currentPeriod\":[32],\"showAllEventsInDayOrWeekView\":[32],\"calendarEvents\":[32]}],[1,\"vega-calendar-event\",{\"calendarEvent\":[16],\"timeFormat\":[32],\"slotMode\":[32],\"showColorBar\":[32]}],[1,\"vega-calendar-event-slot\",{\"eventKey\":[513,\"event-key\"]}]]],[\"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-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-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-phone-number\",[[1,\"vega-input-phone-number\",{\"label\":[1],\"size\":[1],\"required\":[1540],\"disabled\":[516],\"countryCode\":[1537,\"country-code\"],\"allowedCountryCodes\":[16],\"value\":[1537],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"placeholder\":[1],\"hint\":[1],\"phoneNumberInputValue\":[32]}]]],[\"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-signature-capture\",[[1,\"vega-signature-capture\",{\"mode\":[1],\"label\":[1],\"required\":[516],\"showClearBtn\":[4,\"show-clear-btn\"],\"placeholder\":[1],\"placeholderIcon\":[1,\"placeholder-icon\"],\"disabled\":[4],\"value\":[1040],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"height\":[8],\"currentBreakpoint\":[32],\"isDrawing\":[32],\"clear\":[64]}]]],[\"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-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-font\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[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],\"loading\":[4],\"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\":[513,\"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],\"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-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-grid\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"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],\"name\":[1],\"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-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-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);
   });
 };
 

package/dist/esm/vega-breadcrumb.entry.js

@@ -158,12 +158,10 @@ class VegaBreadcrumbClickController extends VegaSlimmer {
    * @returns {void} The ID of the notification.
    */
   click(item) {
-    if (item.href) {
+    const event = this.clickEventEmitter.emit(item);
+    if (event && !event.defaultPrevented && item.href) {
       window.location.href = item.href;
     }
-    else {
-      this.clickEventEmitter.emit(item);
-    }
   }
   /**
    * The `dropdownClick` method is a function that is called when a breadcrumb item is selected from a dropdown menu.

package/dist/esm/vega-calendar_3.entry.js

@@ -3367,6 +3367,7 @@ const VegaCalendar = class {
     this.moreActionClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaMoreActionClick);
     this.changeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
+    this.showEventColorBarNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
     this.showAllEventsInDayOrWeekView = false;
     this.calendarEvents = [];
     /**
@@ -3378,6 +3379,10 @@ const VegaCalendar = class {
      * Specifies the time format of the calendar.
      */
     this.timeFormat = '24-hour';
+    /**
+     * Controls the visibility of the calendar's event color bar.
+     */
+    this.showEventColorBar = true;
   }
   /**
    * Tracks changes to the current period state.
@@ -3408,6 +3413,13 @@ const VegaCalendar = class {
    */
   watchTimeFormat(newValue) {
   }
+  /**
+   * Monitors changes in the visibility of the calendar's event color bar.
+   *
+   * @param {boolean} newValue
+   */
+  watchShowEventColorBar(newValue) {
+  }
   render() {
     return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
   }
@@ -3416,7 +3428,8 @@ const VegaCalendar = class {
     "currentPeriod": ["watchCurrentPeriodChange"],
     "viewMode": ["watchViewModeChange"],
     "events": ["watchEventsChange"],
-    "timeFormat": ["watchTimeFormat"]
+    "timeFormat": ["watchTimeFormat"],
+    "showEventColorBar": ["watchShowEventColorBar"]
   }; }
 };
 __decorate$7([
@@ -3494,6 +3507,9 @@ __decorate$7([
 __decorate$7([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "timeFormatNotifySlimmer", void 0);
+__decorate$7([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "showEventColorBarNotifySlimmer", void 0);
 VegaCalendar.style = vegaCalendarCss;
 
 const clockThree = {
@@ -3595,18 +3611,20 @@ class VegaCalendarEventRenderer extends VegaSlimmer {
   /**
    * render event status element, a color badge or a color bar element
    *
-   * @returns {HTMLDivElement} div element
+   * @returns {Nullable<HTMLDivElement>} div element
    */
   renderEventStatus() {
-    const disabled = this.calendarEvent.disabled;
-    return (h("div", { class: {
-        'event-status': true,
-        'event-bg-color': !disabled,
-        'bg-disabled': disabled,
-      } },
-      h("span", { class: {
-          stripe: this.calendarEvent.variant === 'secondary',
-        } })));
+    if (this.showColorBar) {
+      const disabled = this.calendarEvent.disabled;
+      return (h("div", { class: {
+          'event-status': true,
+          'event-bg-color': !disabled,
+          'bg-disabled': disabled,
+        } },
+        h("span", { class: {
+            stripe: this.calendarEvent.variant === 'secondary',
+          } })));
+    }
   }
   /**
    * Render the month view timed event.
@@ -3696,6 +3714,9 @@ __decorate$6([
 __decorate$6([
   MapToComponentField()
 ], VegaCalendarEventRenderer.prototype, "slotMode", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaCalendarEventRenderer.prototype, "showColorBar", void 0);
 __decorate$6([
   MapToComponentField()
 ], VegaCalendarEventRenderer.prototype, "colorController", void 0);
@@ -3740,12 +3761,23 @@ class VegaCalendarEventSubStateController extends SubStateObserverSlimmer {
    */
   constructor() {
     super({
-      parent: 'vega-calendar',
+      /**
+       * Get the calendar event component parent calendar component
+       *
+       * @returns {HTMLElement} the parent calendar component
+       */
+      parent: () => {
+        return this.host['data-calendar-ref'];
+      },
       subStates: [
         {
           subStateName: 'timeFormat',
           parentStateName: 'timeFormat',
         },
+        {
+          subStateName: 'showColorBar',
+          parentStateName: 'showEventColorBar',
+        },
       ],
     });
   }
@@ -3753,6 +3785,9 @@ class VegaCalendarEventSubStateController extends SubStateObserverSlimmer {
 __decorate$4([
   MapToComponentField({ writable: true })
 ], VegaCalendarEventSubStateController.prototype, "timeFormat", void 0);
+__decorate$4([
+  MapToComponentField({ writable: true })
+], VegaCalendarEventSubStateController.prototype, "showColorBar", void 0);
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -3900,6 +3935,7 @@ const VegaCalendarEvent = class {
     this.titleMaxHeightController = new VegaCalendarTitleMaxHeightController();
     this.timeFormat = '24-hour';
     this.slotMode = false;
+    this.showColorBar = true;
   }
   render() {
     slotPlaceholder(h("slot", null));

package/dist/esm/vega-env-manager-8f8dc473.js

@@ -9,9 +9,9 @@ var FrameworkEnum;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.20.1` will be replaced to a version string when running publish script.
+    // The `2.21.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.20.1';
+    this.vegaVersion = '2.21.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/esm/vega-input-phone-number.entry.js

@@ -8603,6 +8603,7 @@ class PhoneNumberInputRenderer extends VegaSlimmer {
         }, value: this.phoneNumberInputValue, maskConfig: {
           type: 'custom-formatter',
           formatter: this.phoneNumberMaskFormatter,
+          resetCaretPosition: true,
         } })));
   }
   /**

package/dist/esm/vega-input.entry.js

@@ -14,6 +14,7 @@ import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
 import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-c5d422e3.js';
+import { P as isNonNullable } from './type-guard-4bc3fbf5.js';
 import './number-e2519d1c.js';
 import './string-be824360.js';
 import './dom-node-subject-observer-factory-4c0f1048.js';
@@ -28,7 +29,6 @@ import './mutation-observer-slimmer-a4dbad26.js';
 import './mutation-observer-filters-a484f098.js';
 import './array-506b88b9.js';
 import './internal-vega-event-manager-b0d04798.js';
-import './type-guard-4bc3fbf5.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 
@@ -302,9 +302,12 @@ class CustomFormatterStrategy {
    * string formatter class that you are passing to the constructor of the class. This custom string
    * formatter class likely contains methods or properties related to formatting strings in a specific
    * way according to your requirements.
+   * @param {boolean} resetCaretPosition - The caret position should update to the last or keep the current position after format
    */
-  constructor(formatter) {
+  constructor(formatter, resetCaretPosition = false) {
+    this.resetCaretPositionFlag = false;
     this.formatter = formatter;
+    this.resetCaretPositionFlag = resetCaretPosition;
   }
   /**
    * The format function in TypeScript takes a string input and returns the formatted output using a
@@ -323,16 +326,24 @@ class CustomFormatterStrategy {
    *
    * @param {string} input - The `input` parameter in the `calculateCaretPosition` function is a string
    * that represents the text input where you want to calculate the caret position.
+   * @param {number} caretPosition - The current position of caret
    * @returns {Nullable<number>} The `calculateCaretPosition` function is returning the length of the formatted input
    * string.
    */
-  calculateCaretPosition(input) {
-    return this.format(input).length;
+  calculateCaretPosition(input, caretPosition) {
+    if (this.resetCaretPositionFlag === true) {
+      return this.format(input).length;
+    }
+    else if (isNonNullable(caretPosition)) {
+      const startValue = input.substring(0, caretPosition);
+      const maskedStartValue = this.format(startValue);
+      return caretPosition + (maskedStartValue.length - startValue.length);
+    }
   }
   /**
    * Trigger the formatter at init
    *
-   * @returns {boolean} true
+   * @returns {boolean} true or false
    */
   shouldTriggerAtInit() {
     return true;
@@ -433,7 +444,7 @@ class VegaInputMaskConfigController extends StringInputFormatterSlimmer {
         stringFormatStrategy = new StringMaskStrategy(maskConfig.options);
         break;
       case 'custom-formatter':
-        stringFormatStrategy = new CustomFormatterStrategy(maskConfig.formatter);
+        stringFormatStrategy = new CustomFormatterStrategy(maskConfig.formatter, maskConfig.resetCaretPosition);
         break;
     }
     if (this.type === 'number' && maskTrigger === 'input' && !maskConfig) {

package/dist/esm/vega-table_8.entry.js

@@ -976,9 +976,7 @@ class VegaTableDataSourceController extends VegaSlimmer {
       ? this.columns.filter((column) => column.sorter && column.sorter !== 'event' && this.sortersMap.has(column.prop))
       : [];
     if (sortedColumns.length > 0) {
-      const sortProp = sortedColumns[sortedColumns.length - 1].prop;
-      const sortedOrder = this.sortersMap.get(sortProp).order;
-      this.setCurrentData(this.vegaTableSortController.sortData(this.dataSource, sortProp, sortedOrder));
+      this.setCurrentData(this.vegaTableSortController.sortData(this.dataSource, Array.from(this.sortersMap.values())));
     }
     else {
       this.setCurrentData(this.dataSource);
@@ -1715,6 +1713,40 @@ __decorate$t([
   MapToComponentMethod('getRowData')
 ], VegaTableEditableController.prototype, "getRowData", null);
 
+/**
+ * Vega Table Sorter
+ * This is a helper class for sorting table data based on defined columns to be sorted
+ * Supports multi-column sorting
+ */
+class VegaTableSorter {
+  constructor(prop, order, sorter) {
+    this.prop = prop;
+    this.order = order;
+    this.sorter = sorter;
+  }
+  /**
+   * Sort utility
+   *
+   * @param {VegaTableDataSourceItem} a column value
+   * @param {VegaTableDataSourceItem} b column value
+   * @returns {Nullable<number>} compare result
+   */
+  sort(a, b) {
+    const compareResult = this.sorter(a, b);
+    if (compareResult !== 0) {
+      return this.order === 'asc' ? compareResult : -compareResult;
+    }
+  }
+  /**
+   * Get params from sorter object for external use
+   *
+   * @returns {{VegaTableSorterType}} sorter prop and order
+   */
+  toExternalFormat() {
+    return { prop: this.prop, order: this.order };
+  }
+}
+
 var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1725,28 +1757,6 @@ var __decorate$s = (undefined && undefined.__decorate) || function (decorators,
  * The sort controller for the vega-table
  */
 class VegaTableSortController extends VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    /**
-     * The method to sort the data by sorter which include prop name and order
-     *
-     * @param {VegaTableDataSourceItem[]} data - The source that will be sorted
-     * @param {string} sortProp - The prop name of which prop you want to sort by
-     * @param {VegaTableSortOrderType} sortOrder - The order of the sorter
-     * @returns {VegaTableDataSourceItem[]} The sorted data source
-     */
-    this.sortData = (data, sortProp, sortOrder) => {
-      const sorter = this.columns.find((column) => typeof column.sorter === 'function' && column.prop === sortProp).sorter;
-      const cloneData = data.slice();
-      if (!sortOrder) {
-        return cloneData;
-      }
-      return cloneData.sort((a, b) => {
-        const compareResult = sorter(a, b);
-        return sortOrder === 'asc' ? compareResult : -compareResult;
-      });
-    };
-  }
   /**
    * The callback of [watchColumns]{@link VegaTable.watchColumns}
    */
@@ -1760,16 +1770,20 @@ class VegaTableSortController extends VegaSlimmer {
    * @param {VegaTableSortOrderType} nextSortOrder - The next sorter order
    */
   handleHeadSortClick(column, nextSortOrder) {
-    if (this.sortersMap.has(column.prop)) {
-      this.sortersMap.delete(column.prop);
+    if (!nextSortOrder) {
+      if (this.sortersMap.has(column.prop)) {
+        this.sortersMap.delete(column.prop);
+      }
     }
-    if (nextSortOrder) {
-      this.sortersMap.set(column.prop, { order: nextSortOrder, prop: column.prop });
+    else {
+      this.sortersMap.set(column.prop, new VegaTableSorter(column.prop, nextSortOrder, column.sorter));
     }
     if (column.sorter !== 'event') {
-      this.vegaTableDataSourceController.setCurrentData(this.sortData(this.vegaTableDataSourceController.getDataSource(), column.prop, nextSortOrder));
+      this.vegaTableDataSourceController.setCurrentData(this.sortData(this.vegaTableDataSourceController.getDataSource(), Array.from(this.sortersMap.values())));
     }
-    this.changeEventEmitter.emit({ sorters: [...this.sortersMap.values()] });
+    this.changeEventEmitter.emit({
+      sorters: Array.from(this.sortersMap.values()).map((s) => s.toExternalFormat()),
+    });
   }
   /**
    * Sync the default sort order from the columns
@@ -1778,7 +1792,25 @@ class VegaTableSortController extends VegaSlimmer {
     this.columns
       .filter((column) => isNonNullable(column.sorter) && isNonNullable(column.sortOrder))
       .forEach((item) => {
-      this.sortersMap.set(item.prop, { order: item.sortOrder, prop: item.prop });
+      this.sortersMap.set(item.prop, new VegaTableSorter(item.prop, item.sortOrder, item.sorter));
+    });
+  }
+  /**
+   * The method to sort the data by sorter which include prop name and order
+   *
+   * @param {VegaTableDataSourceItem[]} data - The source that will be sorted
+   * @param {VegaTableSorter[]} sorters - array of sorters ordered by sequence of columns to be sorted
+   * @returns {VegaTableDataSourceItem[]} The sorted data source
+   */
+  sortData(data, sorters) {
+    return [...data].sort((a, b) => {
+      for (const sorter of sorters) {
+        const result = sorter.sort(a, b);
+        if (isNonNullable(result)) {
+          return result;
+        }
+      }
+      return 0;
     });
   }
 }