@globalpayments/vega 2.20.1 → 2.22.0

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

@@ -1,9 +1,9 @@
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-c3505689.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 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 { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-46b254b4.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-2e153754.js';
@@ -11,22 +11,22 @@ import { S as SubStateObserverSlimmer, c as createSubStateNotifySlimmer } from '
 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-75851864.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-00abe396.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-816b063b.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-19b99b7e.js';
 import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internal-vega-event-manager-b0d04798.js';
+import './internal-vega-event-manager-ae6359d6.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9818c025.js';
-import './index-dc8f8d91.js';
+import './feature-flag-controller-afaa4a79.js';
+import './index-0f54aaaa.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 './mutation-observer-slimmer-a4dbad26.js';
-import './mutation-observer-filters-a484f098.js';
+import './mutation-observer-slimmer-151b4b90.js';
+import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 import './number-e2519d1c.js';
 

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

@@ -1,6 +1,6 @@
-import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-c3505689.js';
+import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-187f71d1.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 { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
 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';
@@ -9,8 +9,8 @@ import { f as formatAndValidResponsiveToken } from './design-token-ee750507.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-929b3e70.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-b237bb58.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-46b254b4.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-19b99b7e.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,13 +24,13 @@ 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-b0d04798.js';
+import './internal-vega-event-manager-ae6359d6.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-a484f098.js';
+import './mutation-observer-slimmer-151b4b90.js';
+import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -4,8 +4,8 @@ import { Z as ZIndexManager } from './z-index-manager-7179cb75.js';
 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-b0d04798.js';
+import { c as createCommonjsModule, a as commonjsGlobal } from './index-0f54aaaa.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-ae6359d6.js';
 
 /**
  * Vega loader controller to control the loading indicator

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

@@ -1,6 +1,6 @@
-import { h, H as Host, F as Fragment, r as registerInstance, g as getElement } from './index-c3505689.js';
+import { h, H as Host, F as Fragment, r as registerInstance, g as getElement } from './index-187f71d1.js';
 import { a as MapToComponentField, 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 { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { p as parseToPixelString } from './pixel-f32c07ce.js';
 

package/dist/esm/vega-slot-container.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-c3505689.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-187f71d1.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 { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
 
 const vegaSlotContainerCss = ":host{display:contents}";
 

package/dist/esm/vega-stepper.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 { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { M as MinNumberRule, a as MaxNumberRule } from './min-number-rule-88e546e5.js';
 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-b237bb58.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75851864.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-19b99b7e.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-00abe396.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-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-929b3e70.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-46b254b4.js';
 import { a as arrayToClassString } from './ui-28499aab.js';
 import './string-be824360.js';
 import './misc-c21a85c9.js';
@@ -19,13 +19,13 @@ import './vega-internal-event-id-3c684f5c.js';
 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-a484f098.js';
+import './mutation-observer-slimmer-151b4b90.js';
+import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
-import './internal-vega-event-manager-b0d04798.js';
+import './internal-vega-event-manager-ae6359d6.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9818c025.js';
-import './index-dc8f8d91.js';
+import './feature-flag-controller-afaa4a79.js';
+import './index-0f54aaaa.js';
 
 const VegaStepperRuntimeMetricsPayloadDefinition = [
   {

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

@@ -1,8 +1,8 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-c3505689.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 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 { s as slotPlaceholder } from './placeholder-bf562081.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e2e9f248.js';
 import { d as debounce } from './timer-9321173b.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
@@ -11,14 +11,14 @@ import { b as VegaDropdownClick, a as VegaClick } from './vega-event-id-13e22d1e
 import { C as ChangeManager } from './change-manager-8ddd9afe.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-75851864.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-00abe396.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-46b254b4.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
-import './internal-vega-event-manager-b0d04798.js';
+import './internal-vega-event-manager-ae6359d6.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9818c025.js';
-import './index-dc8f8d91.js';
+import './feature-flag-controller-afaa4a79.js';
+import './index-0f54aaaa.js';
 import './dynamic-slimmer-ef83e258.js';
 
 var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -1,7 +1,7 @@
-import { h, f as forceUpdate, F as Fragment, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-c3505689.js';
+import { h, f as forceUpdate, F as Fragment, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-187f71d1.js';
 import { a as MapToComponentField, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf562081.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
 import { g as getValueByPath } from './object-261e7344.js';
 import { C as ChangeManager } from './change-manager-8ddd9afe.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';
@@ -13,14 +13,14 @@ import { R as ResponsiveFormatFacade } from './responsive-format-facade-b96ca811
 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-a484f098.js';
+import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-151b4b90.js';
+import { T as TagNameMutationFilter } from './mutation-observer-filters-9086b5cc.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-75851864.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-00abe396.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-46b254b4.js';
 import { I as ImmutableMap } from './immutable-map-f545ed1a.js';
-import { F as FeatureFlag } from './feature-flag-controller-9818c025.js';
+import { F as FeatureFlag } from './feature-flag-controller-afaa4a79.js';
 import { Z as ZIndexManager } from './z-index-manager-7179cb75.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-ca269960.js';
@@ -33,9 +33,9 @@ import './pixel-f32c07ce.js';
 import './array-506b88b9.js';
 import './dynamic-slimmer-ef83e258.js';
 import './vega-internal-event-id-3c684f5c.js';
-import './internal-vega-event-manager-b0d04798.js';
+import './internal-vega-event-manager-ae6359d6.js';
 import './vega-env-manager-8f8dc473.js';
-import './index-dc8f8d91.js';
+import './index-0f54aaaa.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);
@@ -1095,7 +1093,8 @@ class VegaTableHeaderRenderer extends VegaSlimmer {
     super(...arguments);
     this.renderHeaderColumnCells = () => {
       return this.columns.map((column) => {
-        return (h("vega-table-head-cell", { key: column.key || column.prop, textAlign: column.align, sorter: column.sorter, sortOrder: column.sortOrder, breakpoint: column.breakpoint, 
+        var _a;
+        return (h("vega-table-head-cell", { key: column.key || column.prop, textAlign: column.align, sorter: column.sorter, sortOrder: (_a = this.sortersMap.get(column.prop)) === null || _a === void 0 ? void 0 : _a.getSortOrder(), breakpoint: column.breakpoint, 
           /* eslint-disable-next-line react/jsx-no-bind */
           ref: (ref) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, (input) => {
@@ -1115,6 +1114,9 @@ class VegaTableHeaderRenderer extends VegaSlimmer {
 __decorate$y([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "showHeader", void 0);
+__decorate$y([
+  MapToComponentField()
+], VegaTableHeaderRenderer.prototype, "sortersMap", void 0);
 __decorate$y([
   MapToComponentField()
 ], VegaTableHeaderRenderer.prototype, "columns", void 0);
@@ -1715,6 +1717,48 @@ __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 };
+  }
+  /**
+   * Get sorter order value
+   *
+   * @returns {{VegaTableSortOrderType}} sorter order
+   */
+  getSortOrder() {
+    return 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 +1769,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 +1782,23 @@ 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 (this.sortConfig.type === 'single') {
+      this.sortersMap.clear();
     }
-    if (nextSortOrder) {
-      this.sortersMap.set(column.prop, { order: nextSortOrder, prop: column.prop });
+    if (!nextSortOrder) {
+      if (this.sortersMap.has(column.prop)) {
+        this.sortersMap.delete(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 +1807,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;
     });
   }
 }
@@ -1794,6 +1841,9 @@ __decorate$s([
 __decorate$s([
   MapToComponentField()
 ], VegaTableSortController.prototype, "vegaTableDataSourceController", void 0);
+__decorate$s([
+  MapToComponentField()
+], VegaTableSortController.prototype, "sortConfig", void 0);
 __decorate$s([
   MapToComponentMethod('watchColumns')
 ], VegaTableSortController.prototype, "watchColumns", null);
@@ -2352,6 +2402,12 @@ const VegaTable = class {
      * Defines a unique key for each row in the table.
      */
     this.rowKey = 'key';
+    /**
+     * Defines the column sorting options
+     * Has optional property type: single | multiple
+     * If not specified, it defaults to multiple column sorting
+     */
+    this.sortConfig = { type: 'multiple' };
   }
   watchSelectedRowKeySet() {
   }

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-c3505689.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { a as MapToComponentField, 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 { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
 import { e as isTextWrapped, j as getElementComputedStyle } from './ui-28499aab.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e2e9f248.js';
 import './breakpoints-e59edf8d.js';

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

@@ -1,15 +1,15 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c3505689.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { M as MinStringLengthRule, a as MaxStringLengthRule } from './min-string-length-rule-27a8ba07.js';
 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-b237bb58.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-19b99b7e.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-929b3e70.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-46b254b4.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 { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-00abe396.js';
 import './string-be824360.js';
 import './dom-node-subject-observer-factory-4c0f1048.js';
 import './ui-28499aab.js';
@@ -19,14 +19,14 @@ import './vega-internal-event-id-3c684f5c.js';
 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-a484f098.js';
+import './mutation-observer-slimmer-151b4b90.js';
+import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 import './number-e2519d1c.js';
-import './internal-vega-event-manager-b0d04798.js';
+import './internal-vega-event-manager-ae6359d6.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9818c025.js';
-import './index-dc8f8d91.js';
+import './feature-flag-controller-afaa4a79.js';
+import './index-0f54aaaa.js';
 
 const VegaTextareaRuntimeMetricsPayloadDefinition = [
   {

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

@@ -1,10 +1,10 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-c3505689.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
 import { d as isTimeStr, p as pad, e as convert12HourTo24HourFormat } from './date-97fc22a5.js';
 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-b237bb58.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-19b99b7e.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-13e22d1e.js';
 import { g as getDeviceType, D as DeviceType } from './ui-28499aab.js';
@@ -15,8 +15,8 @@ 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-75851864.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-00abe396.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-46b254b4.js';
 import './string-be824360.js';
 import './misc-c21a85c9.js';
 import './dynamic-slimmer-ef83e258.js';
@@ -24,8 +24,8 @@ import './vega-internal-event-id-3c684f5c.js';
 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-a484f098.js';
+import './mutation-observer-slimmer-151b4b90.js';
+import './mutation-observer-filters-9086b5cc.js';
 import './number-e2519d1c.js';
 import './responsive-format-facade-b96ca811.js';
 import './pixel-f32c07ce.js';
@@ -33,10 +33,10 @@ import './z-index-manager-7179cb75.js';
 import './keyboard-manager-bf9284d2.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './internal-vega-event-manager-b0d04798.js';
+import './internal-vega-event-manager-ae6359d6.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9818c025.js';
-import './index-dc8f8d91.js';
+import './feature-flag-controller-afaa4a79.js';
+import './index-0f54aaaa.js';
 
 /**
  * A rule that checks if time is empty or not

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

@@ -1,14 +1,14 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c3505689.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { e as VegaChange } from './vega-event-id-13e22d1e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-929b3e70.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-46b254b4.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';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-ac372454.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
 import './dynamic-slimmer-ef83e258.js';
 import './change-manager-8ddd9afe.js';
 import './dom-node-subject-observer-factory-4c0f1048.js';
-import './internal-vega-event-manager-b0d04798.js';
+import './internal-vega-event-manager-ae6359d6.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}";
 

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

@@ -1,8 +1,8 @@
-import { h, r as registerInstance, H as Host, g as getElement } from './index-c3505689.js';
+import { h, r as registerInstance, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { I as InjectKeyboardManager } from './inject-keyboard-manager-09215243.js';
 import { a as MapToComponentField, 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 { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-eaffdd1e.js';
 import { E as ElementAppenderSlimmer } from './element-appender-slimmer-4b08a52e.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-4b33f760.js';
 import './keyboard-manager-bf9284d2.js';