@globalpayments/vega 2.20.0 → 2.21.0

package/dist/esm/vega-progress-tracker.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c3505689.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { i as VegaPageUpdate, F as VegaCurrentStepUpdate } from './vega-event-id-e2ea4301.js';
+import { i as VegaPageUpdate, F as VegaCurrentStepUpdate } from './vega-event-id-13e22d1e.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { n as normalizeNumberByRanger } from './number-e2519d1c.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-4b33f760.js';
 import './change-manager-8ddd9afe.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './object-261e7344.js';
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [

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

@@ -2,35 +2,35 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { R as RADIO_VALUE_CHANGE, i as RADIO_GROUP_DISABLED_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { R as RADIO_VALUE_CHANGE, j as RADIO_GROUP_DISABLED_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
 import { f as findParent } from './ui-28499aab.js';
 import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-e2ea4301.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { e as VegaChange, t as VegaFocus, u as VegaBlur } from './vega-event-id-13e22d1e.js';
 import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-3c684f5c.js';
 import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-816b063b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-8994b2bc.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-a4dbad26.js';
-import { T as TagNameMutationFilter } from './mutation-observer-filters-8e5cb1e0.js';
+import { T as TagNameMutationFilter } from './mutation-observer-filters-a484f098.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './string-be824360.js';
 import './misc-c21a85c9.js';
 import './page-resize-observer-slimmer-e2e9f248.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
+import './array-506b88b9.js';
+import './number-e2519d1c.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';
 import './index-dc8f8d91.js';
 import './keyboard-manager-bf9284d2.js';
-import './array-8c82516c.js';
-import './number-e2519d1c.js';
 
 var __decorate$5 = (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;

package/dist/esm/vega-segment-control.entry.js

@@ -2,13 +2,13 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { a as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { e as VegaChange } from './vega-event-id-e2ea4301.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { e as VegaChange } from './vega-event-id-13e22d1e.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e2e9f248.js';
 import './dynamic-slimmer-ef83e258.js';
 import './change-manager-8ddd9afe.js';
 import './dom-node-subject-observer-factory-4c0f1048.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 

package/dist/esm/vega-selection-tile_2.entry.js

@@ -3,20 +3,20 @@ import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { a as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { e as VegaChange } from './vega-event-id-e2ea4301.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { e as VegaChange } from './vega-event-id-13e22d1e.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { S as SELECTION_TILE_VALUE_CHANGE, C as CHECKBOX_VALUE_CHANGE, R as RADIO_VALUE_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { S as SELECTION_TILE_VALUE_CHANGE, C as CHECKBOX_VALUE_CHANGE, R as RADIO_VALUE_CHANGE, b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { S as SubStateObserverSlimmer, c as createSubStateNotifySlimmer } from './sub-state-observer-slimmer-9a85cbd9.js';
 import { V as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-3c684f5c.js';
 import { f as findParent } from './ui-28499aab.js';
 import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-816b063b.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
 import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';
 import './index-dc8f8d91.js';
@@ -26,8 +26,8 @@ import './page-resize-observer-slimmer-e2e9f248.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-8e5cb1e0.js';
-import './array-8c82516c.js';
+import './mutation-observer-filters-a484f098.js';
+import './array-506b88b9.js';
 import './number-e2519d1c.js';
 
 var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-signature-capture.entry.js

@@ -4,13 +4,13 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { V as VegaInternalIconManager } from './internal-icon-manager-ca269960.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { a as VegaClick, e as VegaChange } from './vega-event-id-e2ea4301.js';
+import { a as VegaClick, e as VegaChange } from './vega-event-id-13e22d1e.js';
 import { f as formatAndValidResponsiveToken } from './design-token-ee750507.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
 import { d as deepEqual } from './object-261e7344.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
 import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e2e9f248.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
@@ -24,14 +24,14 @@ import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './state-background-color-formatter-d758cb7b.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './string-be824360.js';
 import './ui-28499aab.js';
 import './misc-c21a85c9.js';
 import './vega-internal-event-id-3c684f5c.js';
 import './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-8e5cb1e0.js';
-import './array-8c82516c.js';
+import './mutation-observer-filters-a484f098.js';
+import './array-506b88b9.js';
 
 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;

package/dist/esm/{vega-skeleton-loader-controller-5ac7211f.js → vega-skeleton-loader-controller-7378a2e4.js}

@@ -5,7 +5,7 @@ import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-ef83e258.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e2e9f248.js';
 import { c as createCommonjsModule, a as commonjsGlobal } from './index-dc8f8d91.js';
-import { i as internalVegaEventManager } from './internal-vega-event-manager-16ece1ab.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-b0d04798.js';
 
 /**
  * Vega loader controller to control the loading indicator

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

@@ -4,13 +4,13 @@ import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { c as convertToNumber, n as normalizeNumberByRanger } from './number-e2519d1c.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { u as VegaBlur, e as VegaChange, a as VegaClick } from './vega-event-id-e2ea4301.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { u as VegaBlur, e as VegaChange, a as VegaClick } from './vega-event-id-13e22d1e.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
 import { a as arrayToClassString } from './ui-28499aab.js';
 import './string-be824360.js';
 import './misc-c21a85c9.js';
@@ -20,9 +20,9 @@ import './page-resize-observer-slimmer-e2e9f248.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-8e5cb1e0.js';
-import './array-8c82516c.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './mutation-observer-filters-a484f098.js';
+import './array-506b88b9.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';
 import './index-dc8f8d91.js';

package/dist/esm/vega-tab-group_2.entry.js

@@ -7,15 +7,15 @@ import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e
 import { d as debounce } from './timer-9321173b.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { D as DomNodeSubjectObserverFactory, O as Observer } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { b as VegaDropdownClick, a as VegaClick } from './vega-event-id-e2ea4301.js';
+import { b as VegaDropdownClick, a as VegaClick } from './vega-event-id-13e22d1e.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { T as TAB_PANEL_ADD_OR_DEL_TO_GROUP } from './static-subject-title-2a4d6602.js';
+import { T as TAB_PANEL_ADD_OR_DEL_TO_GROUP } from './static-subject-title-2e153754.js';
 import { f as findParent } from './ui-28499aab.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';
 import './index-dc8f8d91.js';

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

@@ -4,21 +4,21 @@ import { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf56
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
 import { g as getValueByPath } from './object-261e7344.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { j as TABLE_EXPAND_ROW, k as TABLE_ROW_SELECTION, l as TABLE_ROW_SELECTION_ALL, m as TABLE_ROW_CLICK } from './static-subject-title-2a4d6602.js';
+import { l as TABLE_EXPAND_ROW, m as TABLE_ROW_SELECTION, n as TABLE_ROW_SELECTION_ALL, o as TABLE_ROW_CLICK } from './static-subject-title-2e153754.js';
 import { O as Observer, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
 import { f as findParent, a as arrayToClassString } from './ui-28499aab.js';
-import { a as VegaClick, e as VegaChange, C as VegaPageSizeChange, G as VegaSelectChange, H as VegaSelectAllChange, I as VegaRowClick, V as VegaExpand } from './vega-event-id-e2ea4301.js';
+import { a as VegaClick, e as VegaChange, C as VegaPageSizeChange, G as VegaSelectChange, H as VegaSelectAllChange, I as VegaRowClick, V as VegaExpand } from './vega-event-id-13e22d1e.js';
 import { P as isNonNullable, r as isBreakpointsTokenType } from './type-guard-4bc3fbf5.js';
 import { R as ResponsiveFormatFacade } from './responsive-format-facade-b96ca811.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { g as generateUUID } from './misc-c21a85c9.js';
 import { g as getCurrentBreakpoint, B as Breakpoints } from './breakpoints-e59edf8d.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-a4dbad26.js';
-import { T as TagNameMutationFilter } from './mutation-observer-filters-8e5cb1e0.js';
+import { T as TagNameMutationFilter } from './mutation-observer-filters-a484f098.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e2e9f248.js';
 import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-9a85cbd9.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
 import { I as ImmutableMap } from './immutable-map-f545ed1a.js';
 import { F as FeatureFlag } from './feature-flag-controller-9818c025.js';
 import { Z as ZIndexManager } from './z-index-manager-7179cb75.js';
@@ -30,10 +30,10 @@ import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
-import './array-8c82516c.js';
+import './array-506b88b9.js';
 import './dynamic-slimmer-ef83e258.js';
 import './vega-internal-event-id-3c684f5c.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './index-dc8f8d91.js';
 import './icon-manager-6ac84741.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;
     });
   }
 }

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

@@ -4,12 +4,12 @@ import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
-import { e as VegaChange, u as VegaBlur } from './vega-event-id-e2ea4301.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { e as VegaChange, u as VegaBlur } from './vega-event-id-13e22d1e.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
 import './string-be824360.js';
 import './dom-node-subject-observer-factory-4c0f1048.js';
 import './ui-28499aab.js';
@@ -20,10 +20,10 @@ import './page-resize-observer-slimmer-e2e9f248.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-8e5cb1e0.js';
-import './array-8c82516c.js';
+import './mutation-observer-filters-a484f098.js';
+import './array-506b88b9.js';
 import './number-e2519d1c.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';
 import './index-dc8f8d91.js';

package/dist/esm/vega-time-picker_2.entry.js

@@ -4,19 +4,19 @@ import { d as isTimeStr, p as pad, e as convert12HourTo24HourFormat } from './da
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { a as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-f8f42321.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-4c0f1048.js';
-import { e as VegaChange, t as VegaFocus, u as VegaBlur, a as VegaClick } from './vega-event-id-e2ea4301.js';
+import { e as VegaChange, t as VegaFocus, u as VegaBlur, a as VegaClick } from './vega-event-id-13e22d1e.js';
 import { g as getDeviceType, D as DeviceType } from './ui-28499aab.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { d as isArrayEqual } from './array-8c82516c.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2a4d6602.js';
+import { i as isArrayEqual } from './array-506b88b9.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.js';
 import { E as ElementAppenderSlimmer } from './element-appender-slimmer-4b08a52e.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-8994b2bc.js';
 import { P as isNonNullable } from './type-guard-4bc3fbf5.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-64aa84be.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
 import './string-be824360.js';
 import './misc-c21a85c9.js';
 import './dynamic-slimmer-ef83e258.js';
@@ -25,7 +25,7 @@ import './page-resize-observer-slimmer-e2e9f248.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-8e5cb1e0.js';
+import './mutation-observer-filters-a484f098.js';
 import './number-e2519d1c.js';
 import './responsive-format-facade-b96ca811.js';
 import './pixel-f32c07ce.js';
@@ -33,7 +33,7 @@ import './z-index-manager-7179cb75.js';
 import './keyboard-manager-bf9284d2.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9818c025.js';
 import './index-dc8f8d91.js';

package/dist/esm/vega-toggle-switch.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c3505689.js';
-import { e as VegaChange } from './vega-event-id-e2ea4301.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61856017.js';
+import { e as VegaChange } from './vega-event-id-13e22d1e.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
@@ -8,7 +8,7 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import './dynamic-slimmer-ef83e258.js';
 import './change-manager-8ddd9afe.js';
 import './dom-node-subject-observer-factory-4c0f1048.js';
-import './internal-vega-event-manager-16ece1ab.js';
+import './internal-vega-event-manager-b0d04798.js';
 
 const vegaToggleSwitchCss = ":host{display:inline-block}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";