@globalpayments/vega 2.13.0 → 2.14.0

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

@@ -0,0 +1,345 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, h, Element, Host, State, Prop, Watch, Event } from '@stencil/core';
+import { sanitizeVegaComponent } from '../../utils/component';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
+import { VegaCalendarRenderer } from './slimmers/common/renderers/vega-calendar-renderer';
+import { VegaCalendarSwitchPanelRenderer } from './slimmers/common/renderers/vega-calendar-switch-panel';
+import { VegaCalendarViewRenderer } from './slimmers/common/renderers/vega-calendar-view-renderer';
+import { VegaCalendarMonthViewRenderer } from './slimmers/month-view/renderers/vega-calendar-month-view-renderer';
+import { VegaCalendarViewWithTimeRenderer } from './slimmers/day-view/renderers/vega-calendar-view-with-time-renderer';
+import { VegaCalendarTimeLineRenderer } from './slimmers/day-view/renderers/vega-calendar-time-line-renderer';
+import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/eventEmitSlimmer';
+import { VegaChange, VegaEventClick } from '../../helpers/event-manager/eventID/vegaEventId';
+import { VegaCalendarViewController } from './slimmers/common/controllers/vega-calendar-view-controller';
+import { VegaCalendarCurrentPeriodController } from './slimmers/common/controllers/vega-calendar-current-period-controller';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/childNodesEventPreventSlimmer';
+import { VegaCalendarMonthEventRenderer } from './slimmers/month-view/renderers/vega-calendar-month-event-renderer';
+import { VegaCalendarEventController } from './slimmers/common/controllers/vega-calendar-event-controller';
+import { VegaCalendarEventResponsiveController } from './slimmers/common/controllers/vega-calendar-event-responsive-controller';
+import { VegaCalendarFullDayEventRenderer } from './slimmers/day-view/renderers/full-day-event/vega-calendar-full-day-event-renderer';
+import { VegaCalendarEventItemRenderer } from './slimmers/common/renderers/vega-calendar-event-item-renderer';
+import { VegaCalendarDayViewEventLayoutRenderer } from './slimmers/day-view/renderers/timed-event/vega-calendar-day-event-layout-renderer';
+import { VegaCalendarTimedEventRenderer } from './slimmers/day-view/renderers/timed-event/vega-calendar-timed-event-renderer';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { VegaCalendarFullDayEventLayoutRenderer } from './slimmers/common/renderers/vega-calendar-full-day-event-layout-renderer';
+import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/subStateNotifySlimmer';
+export class VegaCalendar {
+  constructor() {
+    this.globalSlimmer = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.renderer = new VegaCalendarRenderer();
+    this.switchPanelRenderer = new VegaCalendarSwitchPanelRenderer();
+    this.viewRenderer = new VegaCalendarViewRenderer();
+    this.monthViewRenderer = new VegaCalendarMonthViewRenderer();
+    this.viewWithTimeRenderer = new VegaCalendarViewWithTimeRenderer();
+    this.timeLineRenderer = new VegaCalendarTimeLineRenderer();
+    this.monthEventRenderer = new VegaCalendarMonthEventRenderer();
+    //The  current period controller  should be before the calendar view controller because the initial current period should be before the initial calendar view
+    this.currentPeriodController = new VegaCalendarCurrentPeriodController();
+    this.calendarViewController = new VegaCalendarViewController();
+    this.dayViewFullDayEventRenderer = new VegaCalendarFullDayEventRenderer();
+    this.dayViewTimedEventRenderer = new VegaCalendarTimedEventRenderer();
+    this.eventItemRenderer = new VegaCalendarEventItemRenderer();
+    this.dayViewEventLayoutRenderer = new VegaCalendarDayViewEventLayoutRenderer();
+    this.fullDayEventLayoutRenderer = new VegaCalendarFullDayEventLayoutRenderer();
+    this.calendarEventController = new VegaCalendarEventController();
+    this.eventResponsiveController = new VegaCalendarEventResponsiveController();
+    this.changeEventEmitter = createEventEmitSlimmer(VegaCalendar, VegaChange);
+    this.eventClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaEventClick);
+    this.changeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
+    this.timeFormatNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
+    this.calendarEvents = [];
+    /**
+     * Specifies the current view mode of the calendar.
+     */
+    /* eslint-disable @stencil/strict-mutable */
+    this.viewMode = 'month';
+    /**
+     * Specifies the time format of the calendar.
+     */
+    this.timeFormat = '24-hour';
+  }
+  /**
+   * watch the state calendar current period change
+   */
+  watchCurrentPeriodChange() {
+    methodPlaceholder();
+  }
+  /**
+   * Watch the view mode change
+   *
+   * @param {VegaCalendarViewModeType} newValue the new value of view mode
+   */
+  watchViewModeChange(newValue) {
+    methodPlaceholder(newValue);
+  }
+  /**
+   * Watch the calendar events change
+   *
+   * @param {VegaCalendarRawEvent[]} newValue
+   */
+  watchEventsChange(newValue) {
+    methodPlaceholder(newValue);
+  }
+  /**
+   * Watches changes in the calendar's time format.
+   *
+   * @param {TimeFormat} newValue
+   */
+  watchTimeFormat(newValue) {
+    methodPlaceholder(newValue);
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
+  }
+  static get is() { return "vega-calendar"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-calendar.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-calendar.css"]
+  }; }
+  static get properties() { return {
+    "viewMode": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "VegaCalendarViewModeType",
+        "resolved": "\"day\" | \"month\" | \"week\"",
+        "references": {
+          "VegaCalendarViewModeType": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the current view mode of the calendar."
+      },
+      "attribute": "view-mode",
+      "reflect": false,
+      "defaultValue": "'month'"
+    },
+    "events": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaCalendarRawEvent[]",
+        "resolved": "VegaCalendarRawEvent[]",
+        "references": {
+          "VegaCalendarRawEvent": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the events of the calendar."
+      }
+    },
+    "timeFormat": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "TimeFormat",
+        "resolved": "\"12-hour\" | \"24-hour\"",
+        "references": {
+          "TimeFormat": {
+            "location": "import",
+            "path": "../../types/general"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the time format of the calendar."
+      },
+      "attribute": "time-format",
+      "reflect": false,
+      "defaultValue": "'24-hour'"
+    }
+  }; }
+  static get states() { return {
+    "calendarView": {},
+    "currentPeriod": {},
+    "calendarEvents": {}
+  }; }
+  static get events() { return [{
+      "method": "vegaChange",
+      "name": "vegaChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "An event emitter notifying the component view content change after a switch panel click."
+      },
+      "complexType": {
+        "original": "VegaCalendarChangeEventType",
+        "resolved": "{ currentPeriod: { year: number; month: number; startDate: VegaCalendarDateType; endDate: VegaCalendarDateType; }; viewMode: VegaCalendarViewModeType; }",
+        "references": {
+          "VegaCalendarChangeEventType": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
+    }, {
+      "method": "change",
+      "name": "change",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }],
+        "text": "An event emitter notifying the component view content change after a switch panel click."
+      },
+      "complexType": {
+        "original": "VegaCalendarChangeEventType",
+        "resolved": "{ currentPeriod: { year: number; month: number; startDate: VegaCalendarDateType; endDate: VegaCalendarDateType; }; viewMode: VegaCalendarViewModeType; }",
+        "references": {
+          "VegaCalendarChangeEventType": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
+    }, {
+      "method": "vegaEventClick",
+      "name": "vegaEventClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "An event emitter notifying that a component event item is clicked."
+      },
+      "complexType": {
+        "original": "VegaCalendarEventClickInfo",
+        "resolved": "{ rawEvent: VegaCalendarRawEvent; }",
+        "references": {
+          "VegaCalendarEventClickInfo": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
+    }, {
+      "method": "eventClick",
+      "name": "eventClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "An event emitter notifying that a component event item is clicked."
+      },
+      "complexType": {
+        "original": "VegaCalendarEventClickInfo",
+        "resolved": "{ rawEvent: VegaCalendarRawEvent; }",
+        "references": {
+          "VegaCalendarEventClickInfo": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
+    }]; }
+  static get elementRef() { return "host"; }
+  static get watchers() { return [{
+      "propName": "currentPeriod",
+      "methodName": "watchCurrentPeriodChange"
+    }, {
+      "propName": "viewMode",
+      "methodName": "watchViewModeChange"
+    }, {
+      "propName": "events",
+      "methodName": "watchEventsChange"
+    }, {
+      "propName": "timeFormat",
+      "methodName": "watchTimeFormat"
+    }]; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaCalendar.prototype, "globalSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "switchPanelRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "viewRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "monthViewRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "viewWithTimeRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "timeLineRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "monthEventRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "currentPeriodController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "calendarViewController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "dayViewFullDayEventRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "dayViewTimedEventRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "eventItemRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "dayViewEventLayoutRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "fullDayEventLayoutRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "calendarEventController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "eventResponsiveController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "changeEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "eventClickEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "changeEventPrevent", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "timeFormatNotifySlimmer", void 0);

package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-search-controller.js

@@ -20,7 +20,17 @@ export class VegaDropdownSearchController extends VegaSlimmer {
    * @returns {VegaDropdownSourceItem[]} an array of `VegaDropdownSourceItem` objects.
    */
   search(source) {
-    return this.searchString ? this.searchSource(source, []) : source;
+    return this.canSearch() ? this.searchSource(source, []) : source;
+  }
+  /**
+   * The function `canSearch` returns true if the conditions for searching are met.
+   *
+   * @returns {boolean} The method `canSearch()` returns a boolean value based on the conditions specified in the
+   * return statement. It returns `true` if `useDefaultFilter` is true, `searchable` is true, and
+   * `searchString` is not an empty string; otherwise, it returns `false`.
+   */
+  canSearch() {
+    return this.useDefaultFilter && !!this.searchString;
   }
   /**
    * The function `searchSource` recursively searches through a nested list of `VegaDropdownSourceItem`
@@ -80,3 +90,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownSearchController.prototype, "caseSensitive", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownSearchController.prototype, "useDefaultFilter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownSearchController.prototype, "searchable", void 0);

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

@@ -26,6 +26,7 @@ import { VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, Ve
 import { ChildNodesNotifyObserverSlimmer, } from '../../helpers/event-manager/slimmers/childNodesNotifyObserverSlimmer';
 import { DROPDOWN_ITEM_CLICK } from '../../helpers/change-manager/subject/static-subject/staticSubjectTitle';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { VegaDropdownRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-dropdown/runtime-metrics-payload-definition';
 export class VegaDropdown {
   constructor() {
     this.globalSlimmers = {};
@@ -52,7 +53,7 @@ export class VegaDropdown {
     this.createEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaCreate);
     this.searchEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownSearch);
     this.itemDisplayRuleNotifySlimmer = createSubStateNotifySlimmer(VegaDropdown, 'itemDisplayRule', 'watchItemDisplayRule');
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaDropdownRuntimeMetricsPayloadDefinition);
     this.searchString = null;
     this.maxHeightOfItemsContainer = 400;
     this.isDropdownShow = false;

package/dist/collection/components/vega-nav/vega-left-nav/vega-left-nav.js

@@ -19,6 +19,7 @@ import { ComponentGlobalStyleSlimmer } from '../../../helpers/slimmers/component
 import mainContentStyle from './vega-left-nav-content.css';
 import { VegaLeftNavAutoCollapseController } from './slimmers/controllers/vega-left-nav-auto-collapse-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { VegaLeftNavRuntimeMetricsPayloadDefinition } from '../../../constants/runtime-metrics-payload-definition/vega-left-nav/runtime-metrics-payload-definition';
 export class VegaLeftNav {
   constructor() {
     this.globalSlimmers = {};
@@ -31,7 +32,7 @@ export class VegaLeftNav {
     this.vegaLeftNavAutoCollapseController = new VegaLeftNavAutoCollapseController();
     this.stateUpdateEventEmitter = createEventEmitSlimmer(VegaLeftNav, VegaStateUpdate);
     this.componentGlobalStyleSlimmer = new ComponentGlobalStyleSlimmer(mainContentStyle);
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaLeftNavRuntimeMetricsPayloadDefinition);
     this.openState = 'close';
     /**
      * Determines whether the left navigation is expanded or collapsed.

package/dist/collection/components/vega-nav/vega-nav-card/vega-nav-card.js

@@ -10,12 +10,13 @@ import { InjectVegaSlimmer, slotPlaceholder, methodPlaceholder, InjectVegaGlobal
 import { VegaNavListRenderer } from '../slimmers/renderers/vega-nav-list-renderer';
 import { VegaNavCardMaxHeightController } from './slimmers/controllers/vega-nav-card-max-height-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { VegaNavCardRuntimeMetricsPayloadDefinition } from '../../../constants/runtime-metrics-payload-definition/vega-nav-card/runtime-metrics-payload-definition';
 export class VegaNavCard {
   constructor() {
     this.globalSlimmers = {};
     this.listRenderer = new VegaNavListRenderer();
     this.maxHeightController = new VegaNavCardMaxHeightController();
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaNavCardRuntimeMetricsPayloadDefinition);
   }
   watchMaxHeight() {
     methodPlaceholder();

package/dist/collection/components/vega-table/vega-table-row/slimmers/controllers/vega-table-row-click-controller.js

@@ -38,11 +38,13 @@ export class VegaTableRowClickController extends VegaSlimmer {
   initRowClickObserver() {
     this.rowClickObserver = new Observer(isAcceptableTableRowObserver.bind(this), (payload) => {
       this.clicked = payload.host === this.host;
-      if (this.selectionType === 'single' && payload.host === this.host) {
-        this.vegaTableRowSelectionController.setChecked(!this.checked);
-      }
-      else {
-        this.vegaTableRowSelectionController.setChecked(false);
+      if (this.selectionType === 'single') {
+        if (payload.host === this.host) {
+          this.vegaTableRowSelectionController.setChecked(!this.checked);
+        }
+        else {
+          this.vegaTableRowSelectionController.setChecked(false);
+        }
       }
     });
     ChangeManager.register(TABLE_ROW_CLICK, this.rowClickObserver);

package/dist/collection/components/vega-tooltip/slimmers/controllers/vega-tooltip-element-appender-controller.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/elementAppenderSlimmer';
-import { MapToComponentField } from 'vega-slimmer/core';
+import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
 /**
  * The class is responsible for managing the visibility and behavior of the tooltip content box.
  */
@@ -26,6 +26,22 @@ export class VegaTooltipElementAppenderController extends ElementAppenderSlimmer
       alignment: this.alignment,
     }), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
   }
+  /**
+   * The `watchTrigger` function hides an element if the trigger is set to 'none'.
+   */
+  watchTrigger() {
+    if (this.trigger === 'none') {
+      this.hide();
+    }
+  }
+  /**
+   * The function `watchToShowTooltip` checks if the tooltip should be shown and then displays it if necessary.
+   */
+  watchToShowTooltip() {
+    if (this.isTooltipShow) {
+      this.show();
+    }
+  }
 }
 __decorate([
   MapToComponentField()
@@ -60,3 +76,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTooltipElementAppenderController.prototype, "vegaTooltipContentBoxRenderer", void 0);
+__decorate([
+  MapToComponentMethod('watchTrigger')
+], VegaTooltipElementAppenderController.prototype, "watchTrigger", null);
+__decorate([
+  MapToComponentMethod('watchToShowTooltip')
+], VegaTooltipElementAppenderController.prototype, "watchToShowTooltip", null);

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Component, Host, h, Element, Prop, Watch, State } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../utils/component';
 import { InjectKeyboardManager } from '../../decorators/property-decorators/injectKeyboardManager';
-import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { VegaTooltipElementAppenderController } from './slimmers/controllers/vega-tooltip-element-appender-controller';
 import { VegaTooltipContentBoxRenderer } from './slimmers/renderers/vega-tooltip-content-box-renderer';
 import { createDeprecatedPropertySlimmer, } from '../../helpers/slimmers/deprecatedPropertySlimmer';
@@ -50,10 +50,11 @@ export class VegaTooltip {
      */
     this.disableInteractive = false;
   }
-  watchPlacement() {
-    if (this.isTooltipShow) {
-      this.vegaTooltipElementAppenderController.show();
-    }
+  watchTrigger() {
+    methodPlaceholder();
+  }
+  watchToShowTooltip() {
+    methodPlaceholder();
   }
   render() {
     return sanitizeVegaComponent(h(Host, null,
@@ -289,14 +290,17 @@ export class VegaTooltip {
   }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
+      "propName": "trigger",
+      "methodName": "watchTrigger"
+    }, {
       "propName": "size",
-      "methodName": "watchPlacement"
+      "methodName": "watchToShowTooltip"
     }, {
       "propName": "placement",
-      "methodName": "watchPlacement"
+      "methodName": "watchToShowTooltip"
     }, {
       "propName": "alignment",
-      "methodName": "watchPlacement"
+      "methodName": "watchToShowTooltip"
     }]; }
 }
 __decorate([

package/dist/collection/constants/runtime-metrics-payload-definition/vega-dropdown/runtime-metrics-payload-definition.js

@@ -0,0 +1,26 @@
+export const VegaDropdownRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_USING_TEMPLATE',
+    payloadDescription: 'Contains the data records to be rendered and displayed within the dropdown',
+    /**
+     * The function checks if the length `source` property of the `host` element is equal to '0'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.source.length === 0,
+  },
+  {
+    payloadKey: 'IS_USING_DATA_SOURCE',
+    payloadDescription: 'Contains the data records to be rendered and displayed within the dropdown',
+    /**
+     * The function checks if the length `source` property of the `host` element is not equal to '0'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.source.length > 0,
+  },
+];

package/dist/collection/constants/runtime-metrics-payload-definition/vega-left-nav/runtime-metrics-payload-definition.js

@@ -0,0 +1,26 @@
+export const VegaLeftNavRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_USING_TEMPLATE',
+    payloadDescription: 'Contains the data records to be rendered and displayed within the left nav',
+    /**
+     * The function checks if the length `source` property of the `host` element is equal to '0'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => !host.source || host.source.length === 0,
+  },
+  {
+    payloadKey: 'IS_USING_DATA_SOURCE',
+    payloadDescription: 'Contains the data records to be rendered and displayed within the left nav',
+    /**
+     * The function checks if the length `source` property of the `host` element is not equal to '0'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => !!host.source && host.source.length > 0,
+  },
+];

package/dist/collection/constants/runtime-metrics-payload-definition/vega-nav-card/runtime-metrics-payload-definition.js

@@ -0,0 +1,26 @@
+export const VegaNavCardRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_USING_TEMPLATE',
+    payloadDescription: 'Contains the data records to be rendered and displayed within the nav card',
+    /**
+     * The function checks if the length `source` property of the `host` element is equal to '0'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => !host.source || host.source.length === 0,
+  },
+  {
+    payloadKey: 'IS_USING_DATA_SOURCE',
+    payloadDescription: 'Contains the data records to be rendered and displayed within the nav card',
+    /**
+     * The function checks if the length `source` property of the `host` element is not equal to '0'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => !!host.source && host.source.length > 0,
+  },
+];

package/dist/collection/constants/runtime-metrics-payload-definition/vega-stepper/runtime-metrics-payload-definition.js

@@ -36,7 +36,7 @@ export const VegaStepperRuntimeMetricsPayloadDefinition = [
     payloadValue: (host) => host.buttonVariant === 'primary',
   },
   {
-    payloadKey: 'BUTTON_VARIANT_SECONDARY',
+    payloadKey: 'BUTTON_VARIANT_IS_SECONDARY',
     payloadDescription: 'Specifies the style variant for the stepper buttons.',
     /**
      * The function checks if the `buttonVariant` property of the `host` element is equal to 'secondary'.

package/dist/collection/constants/runtime-metrics-payload-definition/vega-table/runtime-metrics-payload-definition.js

@@ -1,6 +1,6 @@
 export const VegaTableRuntimeMetricsPayloadDefinition = [
   {
-    payloadKey: 'DATA_SOURCE_IS_EMPTY',
+    payloadKey: 'IS_USING_TEMPLATE',
     payloadDescription: 'Contains the data records to be rendered and displayed within the table',
     /**
      * The function checks if the length `dataSource` property of the `host` element is equal to '0'.
@@ -12,7 +12,7 @@ export const VegaTableRuntimeMetricsPayloadDefinition = [
     payloadValue: (host) => host.dataSource.length === 0,
   },
   {
-    payloadKey: 'DATA_SOURCE_IS_NOT_EMPTY',
+    payloadKey: 'IS_USING_DATA_SOURCE',
     payloadDescription: 'Contains the data records to be rendered and displayed within the table',
     /**
      * The function checks if the length `dataSource` property of the `host` element is not equal to '0'.

package/dist/collection/constants/ui.js

@@ -67,6 +67,8 @@ export const VegaNativeEventName = [
   'dropdownHide',
   'dropdownSearch',
   'actionClick',
+  'eventClick',
+  'dateClick',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

package/dist/collection/global/icons/chevron-left.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 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="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>`,
+};

package/dist/collection/global/icons/chevron-right.js

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 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="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>`,
+};