@globalpayments/vega 2.23.0 → 2.24.2

package/dist/collection/components/vega-toggle-switch/vega-toggle-switch.js

@@ -11,19 +11,29 @@ import { createEnterKeyHandlerToTriggerClick } from '../../utils/accessibility';
 import { sanitizeVegaComponent } from '../../utils/component';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 1.3.0
+ */
 export class VegaToggleSwitch {
   constructor() {
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.changeEventEmitter = createEventEmitSlimmer(VegaToggleSwitch, VegaChange);
-    /** Specifies whether the toggle switch is in the checked state. */
+    /** Specifies whether the toggle switch is in the checked state. *
+     * @version 1.3.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.checked = false;
     /**
      * Specifies the size of the toggle switch.
+     *
+     * @version 1.3.0
      */
     this.size = 'default';
     /**
      * Specifies whether the toggle switch is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
     /**
@@ -88,8 +98,11 @@ export class VegaToggleSwitch {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Specifies whether the toggle switch is in the checked state."
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
+        "text": "Specifies whether the toggle switch is in the checked state. *"
       },
       "attribute": "checked",
       "reflect": true,
@@ -106,7 +119,10 @@ export class VegaToggleSwitch {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the size of the toggle switch."
       },
       "attribute": "size",
@@ -124,7 +140,10 @@ export class VegaToggleSwitch {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the label or title for the toggle switch."
       },
       "attribute": "label",
@@ -141,7 +160,10 @@ export class VegaToggleSwitch {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies whether the toggle switch is disabled."
       },
       "attribute": "disabled",
@@ -156,7 +178,10 @@ export class VegaToggleSwitch {
       "cancelable": true,
       "composed": true,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "An event emitter notifying changes in the toggle switch."
       },
       "complexType": {
@@ -174,6 +199,9 @@ export class VegaToggleSwitch {
         "tags": [{
             "name": "eventSemantics",
             "text": "namespace:native"
+          }, {
+            "name": "version",
+            "text": "2.0.0"
           }],
         "text": "An event emitter notifying changes in the toggle switch."
       },

package/dist/collection/components/vega-tooltip/vega-tooltip-content-box/vega-tooltip-content-box.js

@@ -8,6 +8,9 @@ import { Component, Host, h, Element, Prop } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../../utils/component';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 2.0.0
+ */
 export class VegaTooltipContentBox {
   constructor() {
     this.globalSlimmers = {};
@@ -37,7 +40,10 @@ export class VegaTooltipContentBox {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.0.0"
+          }],
         "text": "Specifies the text that is displayed inside the tooltip."
       },
       "attribute": "text",

package/dist/collection/components/vega-tooltip/vega-tooltip.js

@@ -13,6 +13,9 @@ import { VegaTooltipContentBoxRenderer } from './slimmers/renderers/vega-tooltip
 import { createDeprecatedPropertySlimmer, } from '../../helpers/slimmers/deprecated-property-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaTooltipRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-tooltip/runtime-metrics-payload-definition';
+/**
+ * @version 1.3.0
+ */
 export class VegaTooltip {
   constructor() {
     this.globalSlimmers = {};
@@ -32,21 +35,29 @@ export class VegaTooltip {
      * - click: means the tooltip show/hide by click.
      * - hover: means the tooltip show/hide by hover.
      * - none: means tooltip is not displayed regardless of hover or click.
+     *
+     * @version 1.3.0
      */
     this.trigger = 'hover';
     /**
      * Specifies the vertical positioning of the tooltip
      *    within its container or relative to a reference point.
+     *
+     * @version 1.3.0
      */
     this.placement = 'top';
     /**
      * Determines the horizontal positioning of the tooltip
      *    within its container or relative to a reference point.
+     *
+     * @version 1.41.0
      */
     this.alignment = 'center';
     /**
      * The tooltip is interactive by default.
      * Set `disableInteractive` to `true` to deactivate this feature, causing the tooltip to close upon hover.
+     *
+     * @version 1.52.0
      */
     this.disableInteractive = false;
   }
@@ -90,7 +101,10 @@ export class VegaTooltip {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Determines the fixed size (width) of the tooltip.\n\nIt can be provided as a number or a ResponsiveType."
       },
       "attribute": "size",
@@ -116,7 +130,10 @@ export class VegaTooltip {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.30.0"
+          }],
         "text": "Determines the minimum width of the tooltip.\n\nIt can be provided as a number or a ResponsiveType."
       },
       "attribute": "min-width",
@@ -142,7 +159,10 @@ export class VegaTooltip {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.30.0"
+          }],
         "text": "Determines the maximum width of the tooltip.\n\nIt can be provided as a number or a ResponsiveType."
       },
       "attribute": "max-width",
@@ -159,7 +179,10 @@ export class VegaTooltip {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the trigger mode for the tooltip.\n- click: means the tooltip show/hide by click.\n- hover: means the tooltip show/hide by hover.\n- none: means tooltip is not displayed regardless of hover or click."
       },
       "attribute": "trigger",
@@ -180,6 +203,9 @@ export class VegaTooltip {
         "tags": [{
             "name": "deprecated",
             "text": "This property will be removed soon and replaced by prop text"
+          }, {
+            "name": "version",
+            "text": "1.3.0"
           }],
         "text": "Specifies the content that is displayed\n   inside the tooltip."
       },
@@ -197,7 +223,10 @@ export class VegaTooltip {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.0.0"
+          }],
         "text": "Specifies the text that is displayed\n   inside the tooltip."
       },
       "attribute": "text",
@@ -219,7 +248,10 @@ export class VegaTooltip {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the vertical positioning of the tooltip\n   within its container or relative to a reference point."
       },
       "attribute": "placement",
@@ -242,7 +274,10 @@ export class VegaTooltip {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.41.0"
+          }],
         "text": "Determines the horizontal positioning of the tooltip\n   within its container or relative to a reference point."
       },
       "attribute": "alignment",
@@ -260,7 +295,10 @@ export class VegaTooltip {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.3.0"
+          }],
         "text": "Specifies the target element that will contain the tooltip popup.\n\nIf not provided, the popup will be appended to the\n   body by default. Adjust this property if you\n   encounter scrolling or positioning issues."
       },
       "attribute": "position-relative-to",
@@ -277,7 +315,10 @@ export class VegaTooltip {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.52.0"
+          }],
         "text": "The tooltip is interactive by default.\nSet `disableInteractive` to `true` to deactivate this feature, causing the tooltip to close upon hover."
       },
       "attribute": "disable-interactive",

package/dist/collection/components/vega-virtual-scroll/vega-virtual-scroll.js

@@ -13,6 +13,9 @@ import { sanitizeVegaComponent } from '../../utils/component';
 import { VegaVirtualScrollModeController } from './slimmers/controllers/vega-virtual-scroll-mode-controller';
 import { VegaVirtualScrollLoadingIndicatorRenderer } from './slimmers/renderers/vega-virtual-scroll-loading-indicator-renderer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+/**
+ * @version 1.13.0
+ */
 /**
  * Items that really need to be rendered include header, viewport and footer.
  * The number of header and footer is determined by extendItemsCount,
@@ -28,22 +31,34 @@ export class VegaVirtualScroll {
     this.loadingRenderer = new VegaVirtualScrollLoadingIndicatorRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.scrollTop = 0;
-    /** The all items of source */
+    /** The all items of source *
+     * @version 1.13.0
+     */
     this.source = [];
-    /** The approximate height of each item */
+    /** The approximate height of each item *
+     * @version 1.13.0
+     */
     this.approxItemHeight = 40;
-    /** The max height of viewport */
+    /** The max height of viewport *
+     * @version 1.13.0
+     */
     this.viewportMaxHeight = 320;
     /**
      * Determines whether the dropdown displays a loading status.
+     *
+     * @version 2.3.0
      */
     this.isLoading = false;
     /**
      * The count of the source that will be used as the threshold for determining whether to use virtual scrolling.
      * If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used
+     *
+     * @version 2.3.0
      */
     this.virtualizationThreshold = 60;
-    /** We set this key to check the source is really change and should refresh virtual scroll */
+    /** We set this key to check the source is really change and should refresh virtual scroll *
+     * @version 1.26.0
+     */
     this.sourceItemIdentifier = 'key';
   }
   watchScrollTop() {
@@ -64,6 +79,8 @@ export class VegaVirtualScroll {
   /**
    * Scroll to the index of the item in the list by setting the scrollTop property of the virtual scroll
    * container to the index of the item multiplied by the approximate height of each item in the list.
+   *
+   * @version 1.13.0
    */
   async scrollToIndex(index) {
     methodPlaceholder(index);
@@ -96,8 +113,11 @@ export class VegaVirtualScroll {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "The all items of source"
+        "tags": [{
+            "name": "version",
+            "text": "1.13.0"
+          }],
+        "text": "The all items of source *"
       },
       "defaultValue": "[]"
     },
@@ -112,8 +132,11 @@ export class VegaVirtualScroll {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "The approximate height of each item"
+        "tags": [{
+            "name": "version",
+            "text": "1.13.0"
+          }],
+        "text": "The approximate height of each item *"
       },
       "attribute": "approx-item-height",
       "reflect": false,
@@ -130,8 +153,11 @@ export class VegaVirtualScroll {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "The max height of viewport"
+        "tags": [{
+            "name": "version",
+            "text": "1.13.0"
+          }],
+        "text": "The max height of viewport *"
       },
       "attribute": "viewport-max-height",
       "reflect": false,
@@ -148,7 +174,10 @@ export class VegaVirtualScroll {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.3.0"
+          }],
         "text": "Determines whether the dropdown displays a loading status."
       },
       "attribute": "is-loading",
@@ -166,7 +195,10 @@ export class VegaVirtualScroll {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "2.3.0"
+          }],
         "text": "The count of the source that will be used as the threshold for determining whether to use virtual scrolling.\nIf the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used"
       },
       "attribute": "virtualization-threshold",
@@ -184,8 +216,11 @@ export class VegaVirtualScroll {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "We set this key to check the source is really change and should refresh virtual scroll"
+        "tags": [{
+            "name": "version",
+            "text": "1.26.0"
+          }],
+        "text": "We set this key to check the source is really change and should refresh virtual scroll *"
       },
       "attribute": "source-item-identifier",
       "reflect": false,
@@ -210,7 +245,10 @@ export class VegaVirtualScroll {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "version",
+            "text": "1.13.0"
+          }],
         "text": "The method of render item.\nYou should bind to the host component then you can set the css and event of item on the host component.\nexample: <vega-virtual-scroll renderItem={this.renderSourceItem.bind(this)}></vega-virtual-scroll> .\nYou should watch the fixHeight, if it have value, you should set {height: `${fixHeight}px`, boxSizing: 'border-box', overflow: 'hidden'} to you item,\notherwise, you can do nothing."
       }
     }
@@ -236,7 +274,10 @@ export class VegaVirtualScroll {
       },
       "docs": {
         "text": "Scroll to the index of the item in the list by setting the scrollTop property of the virtual scroll\ncontainer to the index of the item multiplied by the approximate height of each item in the list.",
-        "tags": []
+        "tags": [{
+            "name": "version",
+            "text": "1.13.0"
+          }]
       }
     }
   }; }

package/dist/collection/constants/ui.js

@@ -44,6 +44,7 @@ export const VegaNativeEventName = [
   'formSubmit',
   'formReset',
   'rowClick',
+  'rowExpand',
   'selectChange',
   'selectAllChange',
   'pageSizeChange',
@@ -75,6 +76,9 @@ export const VegaNativeEventName = [
   'expand',
   'rowSelect',
   'rowSelectAll',
+  'retry',
+  'selectedFileChange',
+  'preview',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

package/dist/collection/global/icons/arrow-rotate-right.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M456 224c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24s-24 10.7-24 24v80.1l-20-23.5C371 63.4 309.1 32 240 32C116.3 32 16 132.3 16 256s100.3 224 224 224c50.4 0 97-16.7 134.4-44.8c10.6-8 12.7-23 4.8-33.6s-23-12.7-33.6-4.8C316.2 418.9 279.7 432 240 432c-97.2 0-176-78.8-176-176s78.8-176 176-176c54.3 0 102.9 24.6 135.2 63.4l.1 .2 0 0L402.9 176H312c-13.3 0-24 10.7-24 24s10.7 24 24 24H456z"/></svg>`,
+};

package/dist/collection/global/icons/arrow-up-from-line.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.3V208 320c0 17.7 14.3 32 32 32s32-14.3 32-32V208 141.3l73.4 73.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-128-128zM32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32H352c17.7 0 32-14.3 32-32s-14.3-32-32-32H32z"/></svg>`,
+};

package/dist/collection/global/icons/circle-check-regular.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M243.8 339.8C232.9 350.7 215.1 350.7 204.2 339.8L140.2 275.8C129.3 264.9 129.3 247.1 140.2 236.2C151.1 225.3 168.9 225.3 179.8 236.2L224 280.4L332.2 172.2C343.1 161.3 360.9 161.3 371.8 172.2C382.7 183.1 382.7 200.9 371.8 211.8L243.8 339.8zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>`,
+};

package/dist/collection/global/icons/circle-xmark.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg>`,
+};

package/dist/collection/global/icons/trash-can.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>`,
+};

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaFormSubmit, VegaFormReset, VegaValidate, VegaRemove, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaPageUpdate, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaDropdownSearch, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -22,6 +22,7 @@ const entries = [
   ],
   ['vega-dropdown-item', [VegaClick]],
   ['vega-field-label', [VegaClick]],
+  ['vega-file-uploader', [VegaChange, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview]],
   ['vega-form', [VegaFormSubmit, VegaFormReset, VegaValidate]],
   ['vega-image-uploader', [VegaChange, VegaRemove, VegaCancel]],
   ['vega-input', [VegaChange, VegaFocus, VegaBlur]],
@@ -50,7 +51,15 @@ const entries = [
   ['vega-tab-group', [VegaClick]],
   [
     'vega-table',
-    [VegaChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowSelect, VegaRowSelectAll],
+    [
+      VegaChange,
+      VegaSelectChange,
+      VegaSelectAllChange,
+      VegaRowClick,
+      VegaRowExpand,
+      VegaRowSelect,
+      VegaRowSelectAll,
+    ],
   ],
   ['vega-table-head-cell', [VegaClick]],
   ['vega-table-row', [VegaClick, VegaExpand]],

package/dist/collection/helpers/event-manager/event-id/vega-event-id.js

@@ -62,6 +62,7 @@ export const VegaValidate = new VegaEventID('vegaValidate', 'validate');
 export const VegaFormSubmit = new VegaEventID('vegaFormSubmit', 'formSubmit');
 export const VegaFormReset = new VegaEventID('vegaFormReset', 'formReset');
 export const VegaRowClick = new VegaEventID('vegaRowClick', 'rowClick');
+export const VegaRowExpand = new VegaEventID('vegaRowExpand', 'rowExpand');
 export const VegaSelectChange = new VegaEventID('vegaSelectChange', 'selectChange');
 export const VegaRowSelect = new VegaEventID('vegaRowSelect', 'rowSelect');
 export const VegaRowSelectAll = new VegaEventID('vegaRowSelectAll', 'rowSelectAll');
@@ -92,4 +93,7 @@ export const VegaDateDblClick = new VegaEventID('vegaDateDblClick', 'dateDblClic
 export const VegaCountryChange = new VegaEventID('vegaCountryChange', 'countryChange');
 export const VegaActionButtonClick = new VegaEventID('vegaActionButtonClick', 'actionButtonClick');
 export const VegaMoreActionClick = new VegaEventID('vegaMoreActionClick', 'moreActionClick');
+export const VegaSelectFileChange = new VegaEventID('vegaSelectedFileChange', 'selectedFileChange');
+export const VegaRetry = new VegaEventID('vegaRetry', 'retry');
+export const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 export const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur];

package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js

@@ -28,3 +28,4 @@ export const VegaInternalCalendarMonthEventsChange = new VegaInternalEventID('mo
 export const VegaInternalDropdownTemplateItemsChange = new VegaInternalEventID('dropdownTemplateItemsChange');
 export const VegaInternalTableRowSelect = new VegaInternalEventID('tableRowSelect');
 export const VegaInternalTableRowSelectAll = new VegaInternalEventID('tableRowSelectAll');
+export const VegaInternalTableRowExpand = new VegaInternalEventID('tableRowExpand');

package/dist/collection/helpers/loading-indicator/tests/vega-loader-controller.test.js

@@ -100,4 +100,66 @@ describe('VegaLoaderController', () => {
       });
     });
   });
+  it('should append loader into container shadowRoot when container has shadowRoot', () => {
+    const container = document.createElement('div');
+    container.attachShadow({ mode: 'open' });
+    container.id = 'container';
+    document.querySelector('body').append(container);
+    const loader = VegaLoader.load({ containerSelector: '#container' });
+    expect(document.querySelector('body')).toEqualHtml(`
+		<body>
+		  <div data-vega-loader-origin-position id="container" style="position: relative;">
+		    <mock:shadow-root>
+		      <vega-loader-wrapper class="absolute-wrapper" data-container="#container" id="vega-loader-TEST_UUID">
+		        <vega-loading-indicator></vega-loading-indicator>
+		      </vega-loader-wrapper>
+		    </mock:shadow-root>
+		  </div>
+		</body>
+	`);
+    VegaLoader.close(loader);
+    expect(document.querySelector('body')).toMatchInlineSnapshot(`
+		<body>
+		  <div data-vega-loader-origin-position id="container" style="position: static;">
+		    <mock:shadow-root></mock:shadow-root>
+		  </div>
+		</body>
+	`);
+  });
+  it('should not append loader into container which not have shadowRoot', () => {
+    const container = document.createElement('div');
+    container.id = 'container';
+    document.querySelector('body').append(container);
+    const loader = VegaLoader.load({ containerSelector: '#container' });
+    expect(document.querySelector('body')).toMatchInlineSnapshot(`
+		<body>
+		  <div data-vega-loader-origin-position id="container" style="position: relative;">
+		    <vega-loader-wrapper class="absolute-wrapper" data-container="#container" id="vega-loader-TEST_UUID">
+		      <vega-loading-indicator></vega-loading-indicator>
+		    </vega-loader-wrapper>
+		  </div>
+		</body>
+	`);
+    VegaLoader.close(loader);
+    expect(document.querySelector('body')).toMatchInlineSnapshot(`
+		<body>
+		  <div data-vega-loader-origin-position id="container" style="position: static;"></div>
+		</body>
+	`);
+  });
+  it('should not append loader into container which containerSelector is not existed', () => {
+    console.error = jest.fn();
+    const container = document.createElement('div');
+    container.id = 'container';
+    document.querySelector('body').append(container);
+    const wrongId = VegaLoader.load({ containerSelector: '#wrong-selector' });
+    expect(document.querySelector('body')).toMatchInlineSnapshot(`
+      <body>
+        <div id="container"></div>
+      </body>
+    `);
+    expect(wrongId).toEqual(null);
+    expect(console.error).toHaveBeenCalledWith('%c[Vega]', 'font-weight: bold', 'Container is not found by selector: ', '#wrong-selector');
+    expect(() => VegaLoader.close('#not-exist-selector>>>test')).not.toThrowError();
+  });
 });