@globalpayments/vega 2.60.0 → 2.61.0

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

@@ -14,7 +14,7 @@ import { VegaCalendarMonthViewRenderer } from './slimmers/month-view/renderers/v
 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/event-emit-slimmer';
-import { VegaChange, VegaDateDblClick, VegaEventClick, VegaMoreActionClick, } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaChange, VegaDateClick, VegaDateDblClick, VegaEventClick, VegaMoreActionClick, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { CalendarDate } from '../../helpers/calendar';
 import { VegaCalendarViewController } from './slimmers/common/controllers/vega-calendar-view-controller';
 import { VegaCalendarCurrentPeriodController } from './slimmers/common/controllers/vega-calendar-current-period-controller';
@@ -70,6 +70,7 @@ export class VegaCalendar {
     this.eventClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaEventClick);
     this.dateDblClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaDateDblClick);
     this.moreActionClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaMoreActionClick);
+    this.dateClickEmitter = createEventEmitSlimmer(VegaCalendar, VegaDateClick);
     this.changeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
     this.showEventColorBarNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
@@ -119,6 +120,12 @@ export class VegaCalendar {
      * @vegaVersion 2.58.0
      */
     this.showSwitchView = true;
+    /**
+     * Controls whether clicking on a calendar date triggers the `vegaDateClick` event. When enabled, it disables the `vegaDateDblClick` event to prevent conflicts.
+     *
+     * @vegaVersion 2.61.0
+     */
+    this.enableDateClick = false;
     /**
      * Controls the visibility of the weekend columns in the calendar.
      *
@@ -361,6 +368,27 @@ export class VegaCalendar {
       "reflect": false,
       "defaultValue": "true"
     },
+    "enableDateClick": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.61.0"
+          }],
+        "text": "Controls whether clicking on a calendar date triggers the `vegaDateClick` event. When enabled, it disables the `vegaDateDblClick` event to prevent conflicts."
+      },
+      "attribute": "enable-date-click",
+      "reflect": false,
+      "defaultValue": "false"
+    },
     "showWeekends": {
       "type": "boolean",
       "mutable": false,
@@ -520,7 +548,7 @@ export class VegaCalendar {
             "name": "vegaVersion",
             "text": "2.17.0"
           }],
-        "text": "An event emitter notifying that a calendar date item has been double-clicked."
+        "text": "An event emitter notifying that a calendar date item has been double-clicked. The event will not be triggered if `enableDataClick` is set to true to prevent conflicts."
       },
       "complexType": {
         "original": "VegaCalendarDateClickInfo",
@@ -546,7 +574,56 @@ export class VegaCalendar {
             "name": "vegaVersion",
             "text": "2.17.0"
           }],
-        "text": "An event emitter notifying that a calendar date item has been double-clicked."
+        "text": "An event emitter notifying that a calendar date item has been double-clicked. The event will not be triggered if `enableDataClick` is true to prevent conflicts."
+      },
+      "complexType": {
+        "original": "VegaCalendarDateClickInfo",
+        "resolved": "VegaCalendarDateType & { hour: number; mouseEventInfo: VegaMouseEventInfo; }",
+        "references": {
+          "VegaCalendarDateClickInfo": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
+    }, {
+      "method": "vegaDateClick",
+      "name": "vegaDateClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.61.0"
+          }],
+        "text": "An event emitter notifying that a calendar date item has been clicked. The event will not be triggered if `enableDataClick` is false."
+      },
+      "complexType": {
+        "original": "VegaCalendarDateClickInfo",
+        "resolved": "VegaCalendarDateType & { hour: number; mouseEventInfo: VegaMouseEventInfo; }",
+        "references": {
+          "VegaCalendarDateClickInfo": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
+    }, {
+      "method": "dateClick",
+      "name": "dateClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.61.0"
+          }],
+        "text": "An event emitter notifying that a calendar date item has been clicked. The event will not be triggered if `enableDataClick` is false."
       },
       "complexType": {
         "original": "VegaCalendarDateClickInfo",
@@ -703,6 +780,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "moreActionClickEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "dateClickEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "changeEventPrevent", void 0);

package/dist/collection/components/vega-date-picker/slimmers/controllers/vega-date-picker-month-year-change-event-controller.js

@@ -0,0 +1,139 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { Observer } from '../../../../helpers/change-manager/observer/observer';
+import ChangeManager from '../../../../helpers/change-manager/change-manager';
+import { VegaDatePickerMonthYearDropdownRenderer } from '../renderers/vega-date-picker-calendar-month-year-dropdown-renderer';
+import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalMonthYearChange } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
+/**
+ * VegaDatePickerMonthYearChangeEventController to handle the month year change event emitter
+ */
+export class VegaDatePickerMonthYearChangeEventController extends VegaSlimmer {
+  /**
+   * Register the observer with subject of VegaInternalMonthYearChange.
+   */
+  registerObserver() {
+    this.observer = new Observer(this.canAcceptMonthYearChangeObserver.bind(this), this.monthYearChangeObserverListener.bind(this));
+    ChangeManager.register(domNodeSubjectFactory.getSubject(this.host, VegaInternalMonthYearChange), this.observer);
+  }
+  /**
+   * Unregister the observer with subject of VegaInternalMonthYearChange.
+   */
+  unregisterObserver() {
+    if (this.observer) {
+      ChangeManager.unregister(domNodeSubjectFactory.getSubject(this.host, VegaInternalMonthYearChange), this.observer);
+    }
+  }
+  /**
+   * Get month year summary when month year dropdown is disabled
+   *
+   * @returns {DatePickerMonthYearTypes} the month and year summary
+   */
+  getMonthYearSummaryWithMonthYearDropdownDisabled() {
+    if (this.mode === 'single') {
+      return {
+        // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+        month: this.vegaDatePickerCalendarRenderer.getStartMonthYearHeaderRef().month.innerText,
+        // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+        year: this.vegaDatePickerCalendarRenderer.getStartMonthYearHeaderRef().year.innerText,
+      };
+    }
+    else {
+      return [
+        {
+          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+          month: this.vegaDatePickerCalendarRenderer.getStartMonthYearHeaderRef().month.innerText,
+          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+          year: this.vegaDatePickerCalendarRenderer.getStartMonthYearHeaderRef().year.innerText,
+        },
+        {
+          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+          month: this.vegaDatePickerCalendarRenderer.getEndMonthYearHeaderRef().month.innerText,
+          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+          year: this.vegaDatePickerCalendarRenderer.getEndMonthYearHeaderRef().year.innerText,
+        },
+      ];
+    }
+  }
+  /**
+   * Get month year summary when month year dropdown is enabled
+   *
+   * @returns {DatePickerMonthYearTypes} the month and year summary
+   */
+  getMonthYearSummaryWithMonthYearDropdownEnabled() {
+    if (this.mode === 'single') {
+      return {
+        month: VegaDatePickerMonthYearDropdownRenderer.monthName[parseInt(
+        // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+        this.monthYearDropdownRenderer.getStartDropdownRef().month
+          .selectedSourceKey)],
+        // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+        year: this.monthYearDropdownRenderer.getStartDropdownRef().year.selectedSourceKey,
+      };
+    }
+    else {
+      return [
+        {
+          month: VegaDatePickerMonthYearDropdownRenderer.monthName[parseInt(
+          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+          this.monthYearDropdownRenderer.getStartDropdownRef().month
+            .selectedSourceKey)],
+          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+          year: this.monthYearDropdownRenderer.getStartDropdownRef().year
+            .selectedSourceKey,
+        },
+        {
+          month: VegaDatePickerMonthYearDropdownRenderer.monthName[parseInt(
+          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+          this.monthYearDropdownRenderer.getEndDropdownRef().month
+            .selectedSourceKey)],
+          // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
+          year: this.monthYearDropdownRenderer.getEndDropdownRef().year
+            .selectedSourceKey,
+        },
+      ];
+    }
+  }
+  /**
+   * checks if the input can be accepted as month year change observer
+   *
+   * @returns {boolean} a boolean value indicating whether the input is acceptable observer.
+   */
+  canAcceptMonthYearChangeObserver() {
+    return true;
+  }
+  /**
+   * Listener for month year change observer
+   *
+   * @param {DatePickerMonthYearTypes} payload - the payload of the event
+   */
+  monthYearChangeObserverListener(payload) {
+    this.monthYearChangeEventEmitter.emit(payload);
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaDatePickerMonthYearChangeEventController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerMonthYearChangeEventController.prototype, "monthYearChangeEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerMonthYearChangeEventController.prototype, "mode", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerMonthYearChangeEventController.prototype, "vegaDatePickerCalendarRenderer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerMonthYearChangeEventController.prototype, "monthYearDropdownRenderer", void 0);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaDatePickerMonthYearChangeEventController.prototype, "registerObserver", null);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], VegaDatePickerMonthYearChangeEventController.prototype, "unregisterObserver", null);

package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer.js

@@ -10,9 +10,10 @@ import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manage
 import { VegaDropdownClick } from '../../../../helpers/event-manager/event-id/vega-event-id';
 import remoteInvocationRegistry from '../../../../helpers/remote-invocation/remote-invocation-registry';
 import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInternalDropdownUpdateTarget } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaInternalDropdownUpdateTarget, VegaInternalMonthYearChange, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 import { VegaInternalIconManager } from '../../../../helpers/icon/internal-icon-manager';
 import { Icons } from '../../assets/icons';
+import ChangeManager from '../../../../helpers/change-manager/change-manager';
 export class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -55,6 +56,12 @@ export class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
       }
     };
   }
+  getStartDropdownRef() {
+    return this.startDropdownRef;
+  }
+  getEndDropdownRef() {
+    return this.endDropdownRef;
+  }
   /**
    * This method creates months and years dropdowns and replaces the current default select elements of litepicker
    *
@@ -215,6 +222,7 @@ export class VegaDatePickerMonthYearDropdownRenderer extends VegaSlimmer {
   monthYearDropdownClick(type, dateIndex, detail) {
     const value = parseInt(detail);
     this.updateDatePickerOnSelect(type, dateIndex, value);
+    ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalMonthYearChange), this.vegaDatePickerMonthYearChangeEventController.getMonthYearSummaryWithMonthYearDropdownEnabled());
   }
   updateDropdownValueAndTarget(target, dropdownRef, dropdownSelectedKey) {
     const parentDiv = target.closest('div');
@@ -313,9 +321,21 @@ VegaDatePickerMonthYearDropdownRenderer.monthName = [
   'November',
   'December',
 ];
+__decorate([
+  MapToComponentField()
+], VegaDatePickerMonthYearDropdownRenderer.prototype, "host", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDatePickerMonthYearDropdownRenderer.prototype, "translationSlimmer", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDatePickerMonthYearDropdownRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerMonthYearDropdownRenderer.prototype, "monthYearChangeEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerMonthYearDropdownRenderer.prototype, "mode", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerMonthYearDropdownRenderer.prototype, "vegaDatePickerMonthYearChangeEventController", void 0);

package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.js

@@ -8,15 +8,27 @@ import { MapToComponentField, VegaSlimmer, MapToComponentMethod } from 'vega-sli
 import { Litepicker } from 'litepicker/dist/nocss/litepicker.umd.js';
 import { Icons } from '../../assets/icons';
 import { LogUtility } from '../../../../utils/log';
+import ChangeManager from '../../../../helpers/change-manager/change-manager';
+import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalMonthYearChange } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
+    this.startMonthYearHeaderRef = {
+      month: null,
+      year: null,
+    };
+    this.endMonthYearHeaderRef = {
+      month: null,
+      year: null,
+    };
     this.alterLitePickerHeader = (ui) => {
       if (this.showYearMonthDropdowns) {
         this.monthYearDropdownRenderer.renderMonthYearDropdowns(this.datePicker);
       }
       else {
         this.renderMonthName(ui);
+        this.setYearMonthHeaderRef(ui);
       }
       this.renderWeekdays(ui);
       this.renderPrevAndNextMonthButtons(ui);
@@ -58,9 +70,15 @@ export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
          * TODO: Use vega-icon instead when deprecated litepicker in https://gethired.atlassian.net/browse/VD-2534
          */
         item.innerHTML = Icons['chevron-left'].icon;
+        item.addEventListener('click', () => {
+          this.emitMonthYearChangeEvent();
+        });
       });
       ui.querySelectorAll('.button-next-month').forEach((item) => {
         item.innerHTML = Icons['chevron-right'].icon;
+        item.addEventListener('click', () => {
+          this.emitMonthYearChangeEvent();
+        });
       });
     };
     this.renderClearButton = (ui) => {
@@ -210,6 +228,12 @@ export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
   watchShowYearMonthDropdowns() {
     this.requireRefreshLitePicker = true;
   }
+  getStartMonthYearHeaderRef() {
+    return this.startMonthYearHeaderRef;
+  }
+  getEndMonthYearHeaderRef() {
+    return this.endMonthYearHeaderRef;
+  }
   /**
    * get the reference of datePicker
    *
@@ -248,6 +272,18 @@ export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
       item.innerText = this.translationSlimmer.t(currentMonthName);
     });
   }
+  setYearMonthHeaderRef(ui) {
+    this.startMonthYearHeaderRef.month = ui.querySelectorAll('.month-item-name')[0];
+    this.endMonthYearHeaderRef.month = ui.querySelectorAll('.month-item-name')[1];
+    this.startMonthYearHeaderRef.year = ui.querySelectorAll('.month-item-year')[0];
+    this.endMonthYearHeaderRef.year = ui.querySelectorAll('.month-item-year')[1];
+  }
+  emitMonthYearChangeEvent() {
+    const monthYearSummary = this.showYearMonthDropdowns
+      ? this.vegaDatePickerMonthYearChangeEventController.getMonthYearSummaryWithMonthYearDropdownEnabled()
+      : this.vegaDatePickerMonthYearChangeEventController.getMonthYearSummaryWithMonthYearDropdownDisabled();
+    ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalMonthYearChange), monthYearSummary);
+  }
   resetTodayByTimezone() {
     if (this.timezone && this.timezone !== this.getSystemTimeZone()) {
       try {
@@ -338,6 +374,9 @@ export class VegaDatePickerCalendarRenderer extends VegaSlimmer {
     });
   }
 }
+__decorate([
+  MapToComponentField()
+], VegaDatePickerCalendarRenderer.prototype, "host", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "clearButton", void 0);
@@ -386,6 +425,15 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "isDateDisabled", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerCalendarRenderer.prototype, "mode", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerCalendarRenderer.prototype, "monthYearChangeEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDatePickerCalendarRenderer.prototype, "vegaDatePickerMonthYearChangeEventController", void 0);
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarRenderer.prototype, "connectedCallback", null);

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

@@ -24,12 +24,13 @@ import { VegaDatePickerElementAppenderController } from './slimmers/controllers/
 import { VegaDatePickerKeyboardController } from './slimmers/controllers/vega-date-picker-keyboard-controller';
 import { ComponentLoadRequired } from '../../decorators/method-decorators/component-load-required';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
-import { VegaChange } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaChange, VegaMonthYearChange } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaDatePickerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-date-picker/runtime-metrics-payload-definition';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaDatePickerMonthYearDropdownRenderer } from './slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer';
+import { VegaDatePickerMonthYearChangeEventController } from './slimmers/controllers/vega-date-picker-month-year-change-event-controller';
 /**
  * @vegaVersion 1.3.0
  */
@@ -84,10 +85,12 @@ export class VegaDatePicker {
         ].filter(Boolean);
       },
     });
+    this.monthYearChangeEventEmitter = createEventEmitSlimmer(VegaDatePicker, VegaMonthYearChange);
     this.changeEventEmitter = createEventEmitSlimmer(VegaDatePicker, VegaChange);
     this.inputEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.vegaDatePickerRenderer.getDatePickerContainer());
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaDatePickerRuntimeMetricsPayloadDefinition);
     this.monthYearDropdownRenderer = new VegaDatePickerMonthYearDropdownRenderer();
+    this.vegaDatePickerMonthYearChangeEventController = new VegaDatePickerMonthYearChangeEventController();
     /**
      * Specifies the selection mode of the date picker.
      *
@@ -798,6 +801,55 @@ export class VegaDatePicker {
         "resolved": "string | string[]",
         "references": {}
       }
+    }, {
+      "method": "vegaMonthYearChange",
+      "name": "vegaMonthYearChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.61.0"
+          }],
+        "text": "An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,\n   whether triggered programmatically or through user interaction."
+      },
+      "complexType": {
+        "original": "DatePickerMonthYearTypes",
+        "resolved": "DatePickerMonthYearType[] | { month: string; year: string; }",
+        "references": {
+          "DatePickerMonthYearTypes": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
+    }, {
+      "method": "monthYearChange",
+      "name": "monthYearChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.61.0"
+          }],
+        "text": "An event emitter notifying the month and year change when the navigation buttons are clicked or the month and year dropdowns are selected in the date picker,"
+      },
+      "complexType": {
+        "original": "DatePickerMonthYearTypes",
+        "resolved": "DatePickerMonthYearType[] | { month: string; year: string; }",
+        "references": {
+          "DatePickerMonthYearTypes": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      }
     }]; }
   static get methods() { return {
     "doClose": {
@@ -923,6 +975,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "formFieldController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDatePicker.prototype, "monthYearChangeEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "changeEventEmitter", void 0);
@@ -935,6 +990,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "monthYearDropdownRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDatePicker.prototype, "vegaDatePickerMonthYearChangeEventController", void 0);
 __decorate([
   ComponentLoadRequired()
 ], VegaDatePicker.prototype, "watchValue", null);

package/dist/collection/components/vega-input/vega-input.css

@@ -283,6 +283,10 @@ input[type=number] {
   -moz-appearance: textfield;
 }
 
+input[type=password]::-ms-reveal {
+  display: none;
+}
+
 .vega-input-container.compact-input-width {
   gap: 0px;
 }

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

@@ -54,7 +54,7 @@ export class VegaTableChildrenController extends VegaSlimmer {
       /* istanbul ignore next */
       // eslint-disable-next-line jsdoc/require-jsdoc
       () => {
-        this.syncRowStriped();
+        this.syncRowStates();
       },
     });
     /**
@@ -71,15 +71,14 @@ export class VegaTableChildrenController extends VegaSlimmer {
     /**
      * Sync up the properties of vega-table-expand-row
      */
-    this.syncRowStriped = () => {
-      this.host
-        .querySelectorAll('vega-table-row')
-        .forEach((row, index) => {
+    this.syncRowStates = () => {
+      const rows = this.host.querySelectorAll('vega-table-row');
+      rows.forEach((row, index) => {
         this.updateRowStriped(row, index);
+        this.updateRowDivider(row, index === rows.length - 1);
       });
-      this.host
-        .querySelectorAll('vega-table-expand-row')
-        .forEach((row, index) => {
+      const expandRows = this.host.querySelectorAll('vega-table-expand-row');
+      expandRows.forEach((row, index) => {
         this.updateRowStriped(row, index);
       });
     };
@@ -122,7 +121,7 @@ export class VegaTableChildrenController extends VegaSlimmer {
   componentWillLoad() {
     this.syncUpTableCurrentData();
     this.syncUpTableHeadRowProps();
-    this.syncRowStriped();
+    this.syncRowStates();
   }
   /**
    * Used by rowStripedObserver{@link rowStripedObserver} and currentDataObserver{@link currentDataObserver}
@@ -144,7 +143,13 @@ export class VegaTableChildrenController extends VegaSlimmer {
    * {@link VegaTable.watchStriped}
    */
   watchStriped() {
-    this.syncRowStriped();
+    this.syncRowStates();
+  }
+  /**
+   * {@link VegaTable.watchRowDivider}
+   */
+  watchRowDivider() {
+    this.syncRowStates();
   }
   /**
    * Update the row striped attr
@@ -153,12 +158,16 @@ export class VegaTableChildrenController extends VegaSlimmer {
    * @param {number} index - index of the row
    */
   updateRowStriped(row, index) {
-    if (this.striped && index % 2 === 1) {
-      row.dataset['striped'] = 'striped';
-    }
-    else {
-      delete row.dataset['striped'];
-    }
+    row.striped = this.striped && index % 2 === 1;
+  }
+  /**
+   * Update the row striped attr
+   *
+   * @param {HTMLElement} row - row or expand row element
+   * @param {boolean} isLastRow - Is last row
+   */
+  updateRowDivider(row, isLastRow) {
+    row.rowDivider = this.rowDivider && !isLastRow;
   }
 }
 __decorate([
@@ -179,6 +188,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "striped", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableChildrenController.prototype, "rowDivider", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableChildrenController.prototype, "vegaTableDataSourceController", void 0);
@@ -212,3 +224,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('watchStriped')
 ], VegaTableChildrenController.prototype, "watchStriped", null);
+__decorate([
+  MapToComponentMethod('watchRowDivider')
+], VegaTableChildrenController.prototype, "watchRowDivider", null);

package/dist/collection/components/vega-table/slimmers/renderers/vega-table-body-renderer.js

@@ -11,21 +11,22 @@ export class VegaTableBodyRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderTableBody = (editable) => {
-      return (h("vega-table-body", null, this.vegaTableDataSourceController
-        .getCurrentData()
-        .map((record, index) => {
+      const currentData = this.vegaTableDataSourceController.getCurrentData();
+      return (h("vega-table-body", null, currentData.map((record, index) => {
         const rowKey = this.vegaTableDataSourceController.getRecordKey(record);
         const isVisibleInCurrentPage = this.vegaTablePaginationController.isRowVisible(index);
+        const isLastRow = index === currentData.length - 1;
         return (h(Fragment, null,
           this.vegaTableRowRenderer.render({
             rowKey,
             index,
             record,
             isVisibleInCurrentPage,
+            isLastRow: isLastRow,
           }, editable),
           this.rowExpandable && (h("vega-table-expand-row", { class: {
               'v-hidden': !isVisibleInCurrentPage,
-            }, key: `vega-table-expanded-row-${rowKey}`, rowKey: rowKey, "data-striped": this.striped && index % 2 === 1 ? 'striped' : undefined },
+            }, key: `vega-table-expanded-row-${rowKey}`, rowKey: rowKey, striped: this.striped && index % 2 === 1 },
             h("slot", { name: `${VegaTableExpandRowController.expandRowSlotNamePrefix}${rowKey}` })))));
       })));
     };
@@ -43,6 +44,9 @@ export class VegaTableBodyRenderer extends VegaSlimmer {
 __decorate([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "striped", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableBodyRenderer.prototype, "rowDivider", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableBodyRenderer.prototype, "columns", void 0);