@globalpayments/vega 2.29.0 → 2.30.0

package/dist/cjs/vega.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
 const index = require('./index-09acd3c9.js');
-const appGlobals = require('./app-globals-46ab4eb3.js');
-require('./feature-flag-controller-078da332.js');
+const appGlobals = require('./app-globals-391d9a14.js');
+require('./feature-flag-controller-f0619cc7.js');
 require('./global-slimmer-registry-b3bce7e0.js');
 require('./index-5792390b.js');
-require('./vega-skeleton-loader-controller-4bd8cc88.js');
+require('./vega-skeleton-loader-controller-4a016b04.js');
 require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-08f33116.js');
@@ -14,8 +14,8 @@ require('./number-4816603d.js');
 require('./page-resize-observer-slimmer-a8cf1874.js');
 require('./breakpoints-7e2dff90.js');
 require('./ui-32e69595.js');
-require('./internal-vega-event-manager-4d9a8e67.js');
-require('./vega-event-id-e40ac8f0.js');
+require('./internal-vega-event-manager-9ffb3ed1.js');
+require('./vega-event-id-419d36a8.js');
 require('./vega-dialog-controller-dce8cdaf.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./icon-manager-3787af39.js');
@@ -25,6 +25,7 @@ require('./static-subject-title-471e1793.js');
 require('./typography-4560e7f1.js');
 require('./valid-credit-card-number-rule-4a9ae5d9.js');
 require('./regex-c1f70fd4.js');
+require('./index-d6bf3435.js');
 require('./observer-f49483e8.js');
 
 /*
@@ -41,5 +42,5 @@ const patchBrowser = () => {
 
 patchBrowser().then(options => {
   appGlobals.globalScripts();
-  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-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-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-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-hint.cjs\",[[1,\"vega-hint\"]]],[\"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-table_8.cjs\",[[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],\"sortConfig\":[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-cell\",{\"breakpoint\":[1],\"sorter\":[1],\"sortOrder\":[1025,\"sort-order\"],\"textAlign\":[1,\"text-align\"],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[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-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_3.cjs\",[[1,\"vega-calendar\",{\"viewMode\":[1025,\"view-mode\"],\"events\":[16],\"timeFormat\":[1,\"time-format\"],\"moreActionDropdownProps\":[16],\"showEventColorBar\":[4,\"show-event-color-bar\"],\"showWeekends\":[4,\"show-weekends\"],\"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.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-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-bar-chart.cjs\",[[1,\"vega-bar-chart\",{\"options\":[16]}]]],[\"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-field-error.cjs\",[[1,\"vega-field-error\",{\"message\":[1]}]]],[\"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-line-chart.cjs\",[[1,\"vega-line-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-pie-chart.cjs\",[[1,\"vega-pie-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-segment-control.cjs\",[[1,\"vega-segment-control\",{\"block\":[4],\"size\":[1],\"segments\":[16],\"selected\":[1025],\"variant\":[1],\"isOverflowBlockSegments\":[32]}]]],[\"vega-slot-container.cjs\",[[1,\"vega-slot-container\"]]],[\"vega-text.cjs\",[[1,\"vega-text\",{\"overflow\":[1],\"tooltip\":[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\"],\"resizable\":[4],\"validationRules\":[16],\"currentCharCount\":[32]},[[0,\"input\",\"handleValueTextarea\"]]]]],[\"vega-toggle-switch.cjs\",[[1,\"vega-toggle-switch\",{\"checked\":[1540],\"value\":[1540],\"size\":[1],\"label\":[1],\"required\":[516],\"disabled\":[516],\"validationRules\":[16],\"autoValidation\":[516,\"auto-validation\"],\"isValid\":[1540,\"is-valid\"]}]]],[\"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-chip_2.cjs\",[[1,\"vega-selection-chip\",{\"label\":[1],\"size\":[1],\"variant\":[1],\"disabled\":[1028],\"checked\":[1540],\"block\":[4],\"disabledTooltip\":[16],\"swatchColor\":[1,\"swatch-color\"],\"value\":[1],\"showError\":[32],\"currentBreakpoint\":[32],\"selectType\":[32]}],[1,\"vega-selection-chip-group\",{\"label\":[1],\"hint\":[1],\"selectType\":[1,\"select-type\"],\"value\":[1025],\"required\":[4],\"disabled\":[4],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"]}]]],[\"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-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-divider.cjs\",[[1,\"vega-divider\",{\"direction\":[1],\"variant\":[1],\"margin\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-file-uploader.cjs\",[[1,\"vega-file-uploader\",{\"label\":[1],\"variant\":[1],\"hint\":[1],\"value\":[1040],\"disabled\":[4],\"required\":[4],\"validationRules\":[16],\"autoValidation\":[516,\"auto-validation\"],\"isValid\":[1540,\"is-valid\"],\"accept\":[1]}]]],[\"vega-input-numeric.cjs\",[[1,\"vega-input-numeric\",{\"prefixText\":[1,\"prefix-text\"],\"suffixText\":[1,\"suffix-text\"],\"prefixIcon\":[1,\"prefix-icon\"],\"value\":[1025],\"size\":[1],\"placeholder\":[1],\"thousandComma\":[4,\"thousand-comma\"],\"integerOnly\":[4,\"integer-only\"],\"disabled\":[4],\"minorIncrement\":[2,\"minor-increment\"],\"majorIncrement\":[2,\"major-increment\"],\"label\":[1],\"hint\":[1],\"required\":[4],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"isCompactInputWidth\":[32]}]]],[\"vega-input-phone-number.cjs\",[[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.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-section-title.cjs\",[[1,\"vega-section-title\",{\"titleText\":[1,\"title\"],\"description\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"]}]]],[\"vega-signature-capture.cjs\",[[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.cjs\",[[1,\"vega-skeleton\",{\"type\":[513],\"width\":[8],\"height\":[8],\"animated\":[4]}]]],[\"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-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-font.cjs\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[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-sidenav_3.cjs\",[[1,\"vega-sidenav\",{\"source\":[16],\"footnote\":[1],\"headerConfig\":[16],\"openByDefault\":[1,\"open-by-default\"],\"openState\":[32],\"toggle\":[64]},[[10,\"click\",\"collapseSidenavByBackDropClick\"]]],[1,\"vega-sidenav-group\",{\"icon\":[1],\"label\":[1],\"openState\":[32]}],[1,\"vega-sidenav-link\",{\"icon\":[1],\"selected\":[1540],\"url\":[1],\"showSideBarOnClickLink\":[4,\"show-side-bar-on-click-link\"],\"openState\":[32]}]]],[\"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],\"loading\":[4],\"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\":[513,\"item-key\"],\"count\":[2],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[4],\"height\":[2],\"danger\":[4],\"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\"],\"searchTriggerBy\":[1,\"search-trigger-by\"],\"searchString\":[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-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-grid.cjs\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"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\",{\"suffixButtonProps\":[16],\"label\":[1025],\"isFieldRequired\":[4,\"is-field-required\"],\"disabled\":[4]}]]],[\"vega-input.cjs\",[[1,\"vega-input\",{\"label\":[1],\"labelSuffixButtonProps\":[16],\"value\":[1537],\"valueUpdateTrigger\":[1,\"value-update-trigger\"],\"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\"],\"prefixText\":[32],\"suffixText\":[32],\"isCompactInputWidth\":[32],\"doFocus\":[64],\"doBlur\":[64]}]]],[\"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\"],\"flex\":[8],\"flexBasis\":[1,\"flex-basis\"],\"flexGrow\":[8,\"flex-grow\"],\"flexShrink\":[8,\"flex-shrink\"],\"useNativeFlex\":[4,\"use-native-flex\"],\"currentBreakpoint\":[32]}]]]]"), options);
+  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-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-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-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],\"isInline\":[4,\"is-inline\"]}]]],[\"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-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-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-hint.cjs\",[[1,\"vega-hint\"]]],[\"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-table_8.cjs\",[[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],\"sortConfig\":[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-cell\",{\"breakpoint\":[1],\"sorter\":[1],\"sortOrder\":[1025,\"sort-order\"],\"textAlign\":[1,\"text-align\"],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[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-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_3.cjs\",[[1,\"vega-calendar\",{\"viewMode\":[1025,\"view-mode\"],\"events\":[16],\"timeFormat\":[1,\"time-format\"],\"moreActionDropdownProps\":[16],\"showEventColorBar\":[4,\"show-event-color-bar\"],\"showWeekends\":[4,\"show-weekends\"],\"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.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-segment-control.cjs\",[[1,\"vega-segment-control\",{\"block\":[4],\"size\":[1],\"segments\":[16],\"selected\":[1025],\"variant\":[1],\"isOverflowBlockSegments\":[32]}]]],[\"vega-text.cjs\",[[1,\"vega-text\",{\"overflow\":[1],\"tooltip\":[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\"],\"resizable\":[4],\"validationRules\":[16],\"currentCharCount\":[32]},[[0,\"input\",\"handleValueTextarea\"]]]]],[\"vega-toggle-switch.cjs\",[[1,\"vega-toggle-switch\",{\"checked\":[1540],\"value\":[1540],\"size\":[1],\"label\":[1],\"required\":[516],\"disabled\":[516],\"validationRules\":[16],\"autoValidation\":[516,\"auto-validation\"],\"isValid\":[1540,\"is-valid\"]}]]],[\"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-chip_2.cjs\",[[1,\"vega-selection-chip\",{\"label\":[1],\"size\":[1],\"variant\":[1],\"disabled\":[1028],\"checked\":[1540],\"block\":[4],\"disabledTooltip\":[16],\"swatchColor\":[1,\"swatch-color\"],\"value\":[1],\"showError\":[32],\"currentBreakpoint\":[32],\"selectType\":[32]}],[1,\"vega-selection-chip-group\",{\"label\":[1],\"hint\":[1],\"selectType\":[1,\"select-type\"],\"value\":[1025],\"required\":[4],\"disabled\":[4],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"]}]]],[\"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-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-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-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-file-uploader.cjs\",[[1,\"vega-file-uploader\",{\"label\":[1],\"variant\":[1],\"hint\":[1],\"value\":[1040],\"disabled\":[4],\"required\":[4],\"validationRules\":[16],\"autoValidation\":[516,\"auto-validation\"],\"isValid\":[1540,\"is-valid\"],\"accept\":[1]}]]],[\"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-numeric.cjs\",[[1,\"vega-input-numeric\",{\"prefixText\":[1,\"prefix-text\"],\"suffixText\":[1,\"suffix-text\"],\"prefixIcon\":[1,\"prefix-icon\"],\"value\":[1025],\"size\":[1],\"placeholder\":[1],\"thousandComma\":[4,\"thousand-comma\"],\"integerOnly\":[4,\"integer-only\"],\"disabled\":[4],\"minorIncrement\":[2,\"minor-increment\"],\"majorIncrement\":[2,\"major-increment\"],\"label\":[1],\"hint\":[1],\"required\":[4],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"isCompactInputWidth\":[32]}]]],[\"vega-input-phone-number.cjs\",[[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.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-signature-capture.cjs\",[[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.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-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-dropdown_5.cjs\",[[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],\"danger\":[4],\"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\"],\"searchTriggerBy\":[1,\"search-trigger-by\"],\"searchString\":[32],\"isDropdownShow\":[32],\"sourceForRender\":[32],\"show\":[64],\"hide\":[64],\"search\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64]}]]],[\"vega-font.cjs\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[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-sidenav_3.cjs\",[[1,\"vega-sidenav\",{\"source\":[16],\"footnote\":[1],\"headerConfig\":[16],\"openByDefault\":[1,\"open-by-default\"],\"openState\":[32],\"toggle\":[64]},[[10,\"click\",\"collapseSidenavByBackDropClick\"]]],[1,\"vega-sidenav-group\",{\"icon\":[1],\"label\":[1],\"openState\":[32]}],[1,\"vega-sidenav-link\",{\"icon\":[1],\"selected\":[1540],\"url\":[1],\"showSideBarOnClickLink\":[4,\"show-side-bar-on-click-link\"],\"openState\":[32]}]]],[\"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],\"loading\":[4],\"currentBreakpoint\":[32]}]]],[\"vega-backdrop.cjs\",[[1,\"vega-backdrop\",{\"color\":[1],\"visible\":[4],\"duration\":[2]}]]],[\"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-grid.cjs\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"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\",{\"suffixButtonProps\":[16],\"label\":[1025],\"isFieldRequired\":[4,\"is-field-required\"],\"disabled\":[4]}]]],[\"vega-input.cjs\",[[1,\"vega-input\",{\"label\":[1],\"labelSuffixButtonProps\":[16],\"value\":[1537],\"valueUpdateTrigger\":[1,\"value-update-trigger\"],\"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\"],\"prefixText\":[32],\"suffixText\":[32],\"isCompactInputWidth\":[32],\"doFocus\":[64],\"doBlur\":[64]}]]],[\"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\"],\"flex\":[8],\"flexBasis\":[1,\"flex-basis\"],\"flexGrow\":[8,\"flex-grow\"],\"flexShrink\":[8,\"flex-shrink\"],\"useNativeFlex\":[4,\"use-native-flex\"],\"currentBreakpoint\":[32]}]]]]"), options);
 });

package/dist/collection/components/vega-color-picker/vega-color-picker.css

@@ -13,26 +13,26 @@
   margin-bottom: 8px;
 }
 
-:host(.disabled) .color-picker-container {
+:host(.disabled) .color-picker-inline {
   background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
   border: 1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));
 }
 
-.color-picker-container-items:hover {
+.color-picker-inline-items:hover {
   box-shadow: 0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));
 }
-.color-picker-container-items:focus-within {
+.color-picker-inline-items:focus-within {
   box-shadow: 0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25));
 }
 
-:host(.disabled) .color-picker-container-items:hover {
+:host(.disabled) .color-picker-inline-items:hover {
   box-shadow: none;
 }
-:host(.disabled) .color-picker-container-items:focus-within {
+:host(.disabled) .color-picker-inline-items:focus-within {
   box-shadow: none;
 }
 
-:host .color-picker-container {
+:host .color-picker-inline {
   border: 1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));
   border-radius: 8px;
   background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));
@@ -40,7 +40,7 @@
   max-width: max-content;
 }
 
-:host .color-picker-container-items {
+:host .color-picker-inline-items {
   display: flex;
   border: 1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));
   border-radius: 4px;
@@ -138,7 +138,7 @@
   }
 }
 
-:host .color-picker-container.error {
+:host .color-picker-inline.error {
   border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));
 }
 

package/dist/collection/components/vega-color-picker/vega-color-picker.js

@@ -8,7 +8,7 @@ import { Component, Host, h, Element, Prop, Watch, Event } from '@stencil/core';
 import { RequiredFieldRule } from '../../helpers/validator/rules/required-field-rule';
 import { createEnterKeyHandlerToTriggerClick } from '../../utils/accessibility';
 import { sanitizeVegaComponent } from '../../utils/component';
-import { getHexFromShorthand, hexToRGB } from '../../utils/ui';
+import { arrayToClassString, getHexFromShorthand, hexToRGB } from '../../utils/ui';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { FORM_ELEMENT_VALUE_CHANGE } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
@@ -112,9 +112,15 @@ export class VegaColorPicker {
       '#259F9F',
       '#563D82',
     ];
+    /**
+     * Specifies whether the color picker is inline with container styles, including a border, background color, and padding.
+     *
+     * @vegaVersion 2.30.0
+     */
+    this.isInline = false;
     this.renderColorPickerContainer = () => {
-      return (h("div", { class: "color-picker-container", ref: (e) => (this.colorPickerContainerRef = e) },
-        h("vega-flex", { direction: "row", gap: "size-8" }, this.colors.map((color) => (h("div", { id: color, class: "color-picker-container-items", ref: (e) => (this.colorPickerTouchableAreaRef = e), style: {
+      return (h("div", { class: arrayToClassString([!this.isInline ? 'color-picker-inline' : null]), ref: (e) => (this.colorPickerContainerRef = e) },
+        h("vega-flex", { direction: "row", gap: "size-8" }, this.colors.map((color) => (h("div", { id: color, class: "color-picker-inline-items", ref: (e) => (this.colorPickerTouchableAreaRef = e), style: {
             backgroundColor: color,
           }, onClick: this.updateValueProp, role: 'button', tabIndex: 0, "aria-label": "color", onKeyDown: createEnterKeyHandlerToTriggerClick() }, this.value === color ? (h("vega-icon", { icon: "checkmark", size: "size-16", class: {
             'v-text-black': this.isDarkColorCheckmark(this.value),
@@ -377,6 +383,27 @@ export class VegaColorPicker {
         "text": "Defines custom color options for the color picker.\n\nIt should be an array of hexadecimal strings representing different colors."
       },
       "defaultValue": "[\n\t\t'#73E6DC',\n\t\t'#806BFF',\n\t\t'#FFDC83',\n\t\t'#FF9571',\n\t\t'#00BBFF',\n\t\t'#FF82C9',\n\t\t'#259F9F',\n\t\t'#563D82',\n\t]"
+    },
+    "isInline": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.30.0"
+          }],
+        "text": "Specifies whether the color picker is inline with container styles, including a border, background color, and padding."
+      },
+      "attribute": "is-inline",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
   static get events() { return [{

package/dist/collection/components/vega-combo-box/slimmers/controllers/vega-combo-box-keyboard-controller.js

@@ -0,0 +1,114 @@
+var __decorate = (this && this.__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);
+  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;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField } from 'vega-slimmer/core';
+import { KeyboardManagerSlimmer } from '../../../../helpers/slimmers/keyboard-manager-slimmer';
+import { getActiveElement } from '../../../../utils/component';
+import { findParent } from '../../../../utils/ui';
+/**
+ * Keyboard controller for vega-combo-box
+ */
+export class VegaComboBoxKeyboardController extends KeyboardManagerSlimmer {
+  /** The function sets up the functionality of key board control */
+  constructor() {
+    super((target) => [
+      {
+        keyCode: 'Backspace',
+        activeElementInScope: [target.dropdownRenderer.getSearchInputRef()],
+        eventName: 'keydown',
+        callback: target.deleteLastSelectedItem,
+      },
+      {
+        keyCode: 'ArrowLeft',
+        activeElementInScope: [target.host],
+        callback: 
+        /* istanbul ignore next */
+        /* eslint-disable jsdoc/require-jsdoc */
+        () => target.controlDirectionByKeyboard('ArrowLeft'),
+      },
+      {
+        keyCode: 'ArrowRight',
+        activeElementInScope: [target.host],
+        callback: 
+        /* istanbul ignore next */
+        /* eslint-disable jsdoc/require-jsdoc */
+        () => target.controlDirectionByKeyboard('ArrowRight'),
+      },
+    ]);
+    /*
+     * The below method is e2e-test covered in
+     * @see{module:vega-combo-box-keyboard-control-e2e}
+     * @see{module:vega-combo-box-keyboard-control-for-selected-items-e2e}
+     */
+    /* istanbul ignore next */
+    /**
+     * Delete last item when press `Backspace` key
+     */
+    this.deleteLastSelectedItem = () => {
+      if (this.dropdownRenderer.getSearchInputRef().value === '') {
+        this.value.pop();
+        this.valueController.setValue([...this.value]);
+      }
+    };
+  }
+  /*
+   * The below method is e2e-test covered in
+   * @see{module:vega-combo-box-keyboard-control-e2e}
+   * @see{module:vega-combo-box-keyboard-control-for-selected-items-e2e}
+   */
+  /* istanbul ignore next */
+  /**
+   * Handles keyboard input to navigate between elements, focusing on the previous or next element based on the key pressed.
+   *
+   * @param {KeyboardCodeType} code - code
+   */
+  controlDirectionByKeyboard(code) {
+    const activeElement = getActiveElement();
+    if (activeElement && activeElement.classList.contains('vega-chip-close-icon')) {
+      const currentChip = findParent(activeElement, 'vega-chip');
+      if (code === 'ArrowLeft')
+        this.focusItemByKeyboard(currentChip.previousSibling);
+      if (code === 'ArrowRight')
+        this.focusItemByKeyboard(currentChip.nextSibling);
+    }
+    else if (code === 'ArrowLeft' && this.dropdownRenderer.getSearchInputRef().selectionStart === 0) {
+      this.focusItemByKeyboard(this.host.shadowRoot.querySelector('vega-chip:last-of-type'));
+    }
+  }
+  /*
+   * The below method is e2e-test covered in
+   * @see{module:vega-combo-box-keyboard-control-e2e}
+   * @see{module:vega-combo-box-keyboard-control-for-selected-items-e2e}
+   */
+  /* istanbul ignore next */
+  /**
+   * The function is used to focus on a specific element based on its class name.
+   *
+   * @param {HTMLElement} item - item
+   */
+  focusItemByKeyboard(item) {
+    if (item) {
+      if (item.classList.contains('vega-combo-box-input-container')) {
+        item.querySelector('input').focus();
+      }
+      else {
+        item.shadowRoot.querySelector('.vega-chip-close-icon').focus();
+      }
+    }
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaComboBoxKeyboardController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxKeyboardController.prototype, "value", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxKeyboardController.prototype, "dropdownRenderer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxKeyboardController.prototype, "valueController", void 0);

package/dist/collection/components/vega-combo-box/slimmers/controllers/vega-combo-box-value-controller.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__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);
+  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;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+/**
+ * The value controller of `VegaComboBox` component.
+ */
+export class VegaComboBoxValueController extends VegaSlimmer {
+  /**
+   * The function `setValue` sets the value of a VegaComboBox component.
+   *
+   * @param {string[]} value - value
+   */
+  setValue(value) {
+    this.value = value;
+  }
+}
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaComboBoxValueController.prototype, "value", void 0);

package/dist/collection/components/vega-combo-box/slimmers/renderers/vega-combo-box-dropdown-renderer.js

@@ -0,0 +1,147 @@
+var __decorate = (this && this.__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);
+  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;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Fragment, h } from '@stencil/core';
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { createEnterKeyHandlerToTriggerClick } from '../../../../utils/accessibility';
+import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
+import { VegaClose, VegaCreate, VegaDropdownClick, VegaDropdownHide, } from '../../../../helpers/event-manager/event-id/vega-event-id';
+export class VegaComboBoxDropdownRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.onItemClick = async () => {
+      this.valueController.setValue((await this.dropdownRef.getSelection()));
+      await this.clearInput();
+    };
+    this.onDropdownHide = async () => {
+      await this.clearInput();
+    };
+    this.onDropdownCreate = async (searchString) => {
+      this.createEventEmit.emit(searchString);
+      await this.clearInput();
+    };
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-combo-box-search-input}
+     * @see{module:vega-combo-box-vega-search-event-e2e}
+     */
+    /* istanbul ignore next */
+    this.onInputChange = async (e) => {
+      const value = e.target.value;
+      if (this.useDefaultFilter) {
+        await this.dropdownRef.show();
+        await this.dropdownRef.search(value);
+      }
+      else {
+        this.searchEventEmit.emit(value);
+      }
+    };
+  }
+  getDropdownRef() {
+    return this.dropdownRef;
+  }
+  getSearchInputRef() {
+    return this.searchInputRef;
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-combo-box-focus-by-label-e2e}
+   */
+  /* istanbul ignore next */
+  focusInput() {
+    this.searchInputRef.focus();
+  }
+  async hide() {
+    await this.dropdownRef.hide();
+  }
+  async show() {
+    await this.dropdownRef.show();
+  }
+  renderDropdown() {
+    return (h("vega-dropdown", Object.assign({ trigger: this.disabled ? 'none' : 'click', source: this.source, selectType: "multiple", selectedSourceKey: this.value, matchTargetWidth: true }, this.vegaDropdownProps, { ref: (ref) => {
+        this.dropdownRef = ref;
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaCreate, async (payload) => {
+          await this.onDropdownCreate(payload.detail);
+        });
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaDropdownHide, async () => {
+          await this.onDropdownHide();
+        });
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaDropdownClick, async () => {
+          await this.onItemClick();
+        });
+      } }), this.renderContainer()));
+  }
+  renderContainer() {
+    return (h("div", { class: {
+        'vega-combo-box-container': true,
+        [`vega-combo-box-size-${this.size}`]: true,
+      } },
+      this.renderSelectedContainer(),
+      this.renderInputContainer()));
+  }
+  renderSelectedContainer() {
+    const selected = this.value
+      .map((key) => this.source.find((item) => item.key === key))
+      .filter((item) => item);
+    return (h(Fragment, null, selected.map((item) => {
+      return this.renderSelectedChip(item);
+    })));
+  }
+  renderSelectedChip(item) {
+    return (h("vega-chip", { 
+      //TODO: the key property test will add in https://gethired.atlassian.net/browse/VD-883
+      key: item.key, text: item.label, variant: "outlined", showCloseIcon: !this.disabled, size: "small", ref: (ref) => {
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClose, async () => {
+          await this.onChipClose(item.key);
+        });
+      } }));
+  }
+  renderInputContainer() {
+    return (h("div", { class: "vega-combo-box-input-container" },
+      h("input", { onInput: this.onInputChange, "aria-label": this.label || 'No label defined', placeholder: this.value.length === 0 ? this.placeholder : '', ref: (e) => (this.searchInputRef = e), onKeyDown: createEnterKeyHandlerToTriggerClick(), disabled: this.disabled })));
+  }
+  async onChipClose(key) {
+    this.valueController.setValue([...this.value.filter((value) => value !== key)]);
+    await this.dropdownRef.hide();
+  }
+  async clearInput() {
+    this.searchInputRef.value = '';
+    await this.dropdownRef.search('');
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "value", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "source", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "disabled", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "size", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "vegaDropdownProps", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "label", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "placeholder", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "useDefaultFilter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "createEventEmit", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "searchEventEmit", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "valueController", void 0);

package/dist/collection/components/vega-combo-box/slimmers/renderers/vega-combo-box-renderer.js

@@ -0,0 +1,50 @@
+var __decorate = (this && this.__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);
+  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;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { h, Host } from '@stencil/core';
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+export class VegaComboBoxRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-combo-box-focus-by-label-e2e}
+     */
+    /* istanbul ignore next */
+    this.onLabelClick = () => {
+      this.dropdownRenderer.focusInput();
+    };
+  }
+  render() {
+    return (h(Host, { class: {
+        'vega-combo-box-disabled': this.disabled,
+      } },
+      this.renderLabel(),
+      this.dropdownRenderer.renderDropdown(),
+      this.renderHint()));
+  }
+  renderLabel() {
+    return (h("vega-field-label", { onClick: this.onLabelClick, "is-field-required": this.required, disabled: this.disabled, label: this.label }));
+  }
+  renderHint() {
+    return h("div", { class: "vega-combo-box-hint" }, this.hint);
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaComboBoxRenderer.prototype, "required", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxRenderer.prototype, "hint", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxRenderer.prototype, "disabled", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxRenderer.prototype, "dropdownRenderer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaComboBoxRenderer.prototype, "label", void 0);