@globalpayments/vega 2.60.0 → 2.62.0

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.js

@@ -47,6 +47,8 @@ import { HistoryController } from './slimmers/controllers/history-controller';
 import { CodeBlockToolbarButtonSlimmer } from './slimmers/renderers/tools/code-block-toolbar-button-slimmer';
 import { InternalCodeBlockSelectionController } from './slimmers/controllers/internal-code-block-selection-controller';
 import { SourceEditToolbarButtonSlimmer } from './slimmers/renderers/tools/source-edit-toolbar-button-slimmer';
+import { RTEExtensionController } from './slimmers/controllers/extension-controller';
+import { VegaRTEPresetToolbarItems } from './constants/constant';
 /**
  * @vegaVersion 2.34.0
  */
@@ -103,6 +105,7 @@ export class VegaRichTextEditor {
     this.deleteSelectedNodesController = new DeleteSelectedNodesController();
     this.historyController = new HistoryController();
     this.internalCodeBlockSelectionController = new InternalCodeBlockSelectionController();
+    this.rteExtensionController = new RTEExtensionController();
     this.richTextContentEditable = true;
     this.selectionMap = new Map();
     this.isInDarkMode = VegaInternalThemeManager.isDarkMode();
@@ -166,16 +169,7 @@ export class VegaRichTextEditor {
      *
      * @vegaVersion 2.34.0
      */
-    this.toolbarItems = [
-      ['textStyles'],
-      ['bold', 'italic', 'underline', 'strikethrough', 'code'],
-      ['textColor'],
-      ['horizontalAlignment', 'bulletsNumbers'],
-      ['moreIndent', 'lessIndent'],
-      ['link'],
-      ['image'],
-      ['clearStyle'],
-    ];
+    this.toolbarItems = VegaRTEPresetToolbarItems;
     /**
      * Determines whether to allow source edit mode in the rich text editor.
      *
@@ -209,6 +203,12 @@ export class VegaRichTextEditor {
      * @vegaVersion 2.34.0
      */
     this.validationRules = [];
+    /**
+     * Specifies the configuration for the rich text editor extensions.
+     *
+     * @vegaVersion 2.62.0
+     */
+    this.extensions = [];
   }
   watchRichTextContentEditable() {
     methodPlaceholder();
@@ -225,6 +225,9 @@ export class VegaRichTextEditor {
   watchValidationRules() {
     methodPlaceholder();
   }
+  watchExtensions() {
+    methodPlaceholder();
+  }
   componentWillLoad() {
     this.richTextContentController.syncRichTextContentEditable();
   }
@@ -415,7 +418,7 @@ export class VegaRichTextEditor {
           }],
         "text": "Specifies the built-in toolbar items available in the rich-text editor."
       },
-      "defaultValue": "[\n\t\t['textStyles'],\n\t\t['bold', 'italic', 'underline', 'strikethrough', 'code'],\n\t\t['textColor'],\n\t\t['horizontalAlignment', 'bulletsNumbers'],\n\t\t['moreIndent', 'lessIndent'],\n\t\t['link'],\n\t\t['image'],\n\t\t['clearStyle'],\n\t]"
+      "defaultValue": "VegaRTEPresetToolbarItems"
     },
     "allowSourceEdit": {
       "type": "boolean",
@@ -527,6 +530,30 @@ export class VegaRichTextEditor {
         "text": "Defines custom validation rules for the rich text editor."
       },
       "defaultValue": "[]"
+    },
+    "extensions": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaRTEExtension[]",
+        "resolved": "VegaRTEExtension[]",
+        "references": {
+          "VegaRTEExtension": {
+            "location": "import",
+            "path": "./extensions/extension.abstract"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.62.0"
+          }],
+        "text": "Specifies the configuration for the rich text editor extensions."
+      },
+      "defaultValue": "[]"
     }
   }; }
   static get states() { return {
@@ -650,6 +677,9 @@ export class VegaRichTextEditor {
     }, {
       "propName": "validationRules",
       "methodName": "watchValidationRules"
+    }, {
+      "propName": "extensions",
+      "methodName": "watchExtensions"
     }]; }
 }
 __decorate([
@@ -769,3 +799,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "internalCodeBlockSelectionController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextEditor.prototype, "rteExtensionController", void 0);

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);

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

@@ -23,7 +23,7 @@ export class VegaTableRowRenderer extends VegaSlimmer {
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
             this.rowClickEventEmitter.emit({ record: record, index: index });
           });
-        }, "data-striped": this.striped && index % 2 === 1 ? 'striped' : undefined }, renderInputs.map((renderInput) => {
+        }, striped: this.striped && index % 2 === 1, rowDivider: this.rowDivider && !rowProps.isLastRow }, renderInputs.map((renderInput) => {
         return this.vegaTableCellRenderer.render(renderInput, record, index);
       })));
     };
@@ -45,6 +45,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "striped", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRowRenderer.prototype, "rowDivider", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableRowRenderer.prototype, "vegaTableRenderInputController", void 0);

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

@@ -19,19 +19,6 @@ export class VegaTableCellStateController extends SubStateObserverSlimmer {
           subStateName: 'density',
           parentStateName: 'density',
         },
-        {
-          subStateName: 'rowDivider',
-          parentStateName: 'rowDivider',
-          // eslint-disable-next-line jsdoc/require-jsdoc
-          callback: (rowDivider) => {
-            const row = this.host.parentElement;
-            const body = row.parentElement;
-            if (row && body) {
-              const lastRow = body.querySelector('vega-table-row:last-of-type');
-              this.rowDivider = rowDivider && lastRow !== row;
-            }
-          },
-        },
         {
           subStateName: 'columnDivider',
           parentStateName: 'columnDivider',
@@ -58,9 +45,6 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTableCellStateController.prototype, "density", void 0);
-__decorate([
-  MapToComponentField({ writable: true })
-], VegaTableCellStateController.prototype, "rowDivider", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTableCellStateController.prototype, "columnDivider", void 0);

package/dist/collection/components/vega-table/vega-table-cell/slimmers/controllers/{vega-table-row-state-controller.js → vega-table-row-state-subscriber.js}

@@ -5,11 +5,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
-import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
+import { MapToComponentField } from 'vega-slimmer/core';
 /**
  * Controller for the table row states
  */
-export class VegaTableRowStateController extends SubStateObserverSlimmer {
+export class VegaTableRowStateSubscriber extends SubStateObserverSlimmer {
   // eslint-disable-next-line jsdoc/require-jsdoc
   constructor() {
     super({
@@ -23,26 +23,27 @@ export class VegaTableRowStateController extends SubStateObserverSlimmer {
           subStateName: 'expanded',
           parentStateName: 'expanded',
         },
+        {
+          subStateName: 'striped',
+          parentStateName: 'striped',
+        },
+        {
+          subStateName: 'rowDivider',
+          parentStateName: 'rowDivider',
+        },
       ],
     });
   }
-  /**
-   * Component lifecycle - [componentWillLoad]{@link VegaTableCell.componentWillLoad}
-   */
-  componentWillRender() {
-    const row = this.host.parentElement;
-    this.striped = row && row.dataset.striped === 'striped';
-  }
 }
 __decorate([
   MapToComponentField({ writable: true })
-], VegaTableRowStateController.prototype, "checked", void 0);
+], VegaTableRowStateSubscriber.prototype, "checked", void 0);
 __decorate([
   MapToComponentField({ writable: true })
-], VegaTableRowStateController.prototype, "striped", void 0);
+], VegaTableRowStateSubscriber.prototype, "expanded", void 0);
 __decorate([
   MapToComponentField({ writable: true })
-], VegaTableRowStateController.prototype, "expanded", void 0);
+], VegaTableRowStateSubscriber.prototype, "striped", void 0);
 __decorate([
-  MapToComponentMethod('componentWillRender')
-], VegaTableRowStateController.prototype, "componentWillRender", null);
+  MapToComponentField({ writable: true })
+], VegaTableRowStateSubscriber.prototype, "rowDivider", void 0);

package/dist/collection/components/vega-table/vega-table-cell/vega-table-cell.js

@@ -15,7 +15,7 @@ import { PageResizeObserverSlimmer } from '../../../helpers/slimmers/page-resize
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { FeatureFlag } from '../../../helpers/feature-control/feature-flag-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
-import { VegaTableRowStateController } from './slimmers/controllers/vega-table-row-state-controller';
+import { VegaTableRowStateSubscriber } from './slimmers/controllers/vega-table-row-state-subscriber';
 import domNodeSubjectFactory from '../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalColumnBodyCellRenderInputRIC } from '../../../helpers/event-manager/event-id/vega-internal-event-id';
 import remoteInvocationRegistry from '../../../helpers/remote-invocation/remote-invocation-registry';
@@ -26,7 +26,7 @@ export class VegaTableCell {
   constructor() {
     this.globalSlimmers = {};
     this.vegaTableCellStateController = new VegaTableCellStateController();
-    this.vegaTableRowStateController = new VegaTableRowStateController();
+    this.vegaTableRowStateSubscriber = new VegaTableRowStateSubscriber();
     this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.currentBreakpoint = getCurrentBreakpoint();
@@ -199,7 +199,7 @@ __decorate([
 ], VegaTableCell.prototype, "vegaTableCellStateController", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaTableCell.prototype, "vegaTableRowStateController", void 0);
+], VegaTableCell.prototype, "vegaTableRowStateSubscriber", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableCell.prototype, "pageResizeObserverSlimmer", void 0);

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

@@ -13,6 +13,7 @@ export class VegaTableExpandRowRenderer extends VegaSlimmer {
         'vega-table-expanded-row': true,
         'expanded': this.expanded,
         'checked': this.checked,
+        'striped': this.striped,
       }, key: `vega-table-expanded-row-${this.rowKey}`, "data-expanded-row-key": this.rowKey },
       h("td", null),
       h("td", { colSpan: this.colSpan, key: `${VegaTableExpandRowController.expandRowSlotNamePrefix}${this.rowKey}`, class: "vega-table-expanded-row-slot-container" },
@@ -36,3 +37,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableExpandRowRenderer.prototype, "colSpan", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableExpandRowRenderer.prototype, "striped", void 0);

package/dist/collection/components/vega-table/vega-table-expand-row/vega-table-expand-row.css

@@ -7,7 +7,7 @@
   display: contents;
 }
 
-:host([data-striped=striped]) .vega-table-expanded-row:not(.checked) td {
+:host .vega-table-expanded-row.striped:not(.checked) td {
   background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
 }
 

package/dist/collection/components/vega-table/vega-table-expand-row/vega-table-expand-row.js

@@ -81,6 +81,26 @@ export class VegaTableExpandRow {
       },
       "attribute": "row-key",
       "reflect": false
+    },
+    "striped": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.61.0"
+          }],
+        "text": "Specifies whether alternate colors should be applied to the expand row."
+      },
+      "attribute": "striped",
+      "reflect": false
     }
   }; }
   static get states() { return {

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

@@ -49,10 +49,6 @@ export class VegaTableRowStateController extends SubStateObserverSlimmer {
             }
           },
         },
-        {
-          subStateName: 'rowDivider',
-          parentStateName: 'rowDivider',
-        },
         {
           subStateName: 'columnDivider',
           parentStateName: 'columnDivider',
@@ -102,9 +98,6 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTableRowStateController.prototype, "selectionType", void 0);
-__decorate([
-  MapToComponentField({ writable: true })
-], VegaTableRowStateController.prototype, "rowDivider", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTableRowStateController.prototype, "columnDivider", void 0);

package/dist/collection/components/vega-table/vega-table-row/vega-table-row.css

@@ -25,7 +25,7 @@ td:last-of-type {
   border-bottom-right-radius: 12px;
 }
 
-:host([data-striped=striped]) .vega-table-row:not(.checked):not(.clickable:hover) td {
+:host(.striped) .vega-table-row:not(.checked):not(.clickable:hover) td {
   background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
 }
 

package/dist/collection/components/vega-table/vega-table-row/vega-table-row.js

@@ -38,6 +38,8 @@ export class VegaTableRow {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.checkedNotifySlimmer = createSubStateNotifySlimmer(VegaTableRow, 'checked', 'watchChecked');
     this.expandedNotifySlimmer = createSubStateNotifySlimmer(VegaTableRow, 'expanded', 'watchExpanded');
+    this.stripedNotifySlimmer = createSubStateNotifySlimmer(VegaTableRow, 'striped', 'watchStriped');
+    this.rowDividerNotifySlimmer = createSubStateNotifySlimmer(VegaTableRow, 'rowDivider', 'watchRowDivider');
     this.currentBreakpoint = getCurrentBreakpoint();
   }
   watchSelectionType() {
@@ -49,11 +51,18 @@ export class VegaTableRow {
   watchExpanded() {
     methodPlaceholder();
   }
+  watchStriped() {
+    methodPlaceholder();
+  }
+  watchRowDivider() {
+    methodPlaceholder();
+  }
   render() {
     slotPlaceholder(h("slot", null));
     return sanitizeVegaComponent(h(Host, { class: {
         'row-divider': this.rowDivider,
         'column-divider': this.columnDivider,
+        'striped': this.striped,
         [`density-${ResponsiveFormatFacade.formatCustom(this.density)}`]: true,
       } }, this.vegaTableRowRenderer.render()), this.host);
   }
@@ -85,6 +94,46 @@ export class VegaTableRow {
       },
       "attribute": "row-key",
       "reflect": false
+    },
+    "striped": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.61.0"
+          }],
+        "text": "Specifies whether alternate colors should be applied to the row."
+      },
+      "attribute": "striped",
+      "reflect": false
+    },
+    "rowDivider": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.61.0"
+          }],
+        "text": "Specifies whether dividers should be displayed in the row."
+      },
+      "attribute": "row-divider",
+      "reflect": false
     }
   }; }
   static get states() { return {
@@ -96,7 +145,6 @@ export class VegaTableRow {
     "selectionType": {},
     "checked": {},
     "expanded": {},
-    "rowDivider": {},
     "columnDivider": {},
     "density": {}
   }; }
@@ -209,6 +257,12 @@ export class VegaTableRow {
     }, {
       "propName": "expanded",
       "methodName": "watchExpanded"
+    }, {
+      "propName": "striped",
+      "methodName": "watchStriped"
+    }, {
+      "propName": "rowDivider",
+      "methodName": "watchRowDivider"
     }]; }
 }
 __decorate([
@@ -250,3 +304,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTableRow.prototype, "expandedNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "stripedNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTableRow.prototype, "rowDividerNotifySlimmer", void 0);

package/dist/collection/constants/ui.js

@@ -71,6 +71,7 @@ export const VegaNativeEventName = [
   'actionClick',
   'eventClick',
   'dateDblClick',
+  'dateClick',
   'countryChange',
   'actionButtonClick',
   'moreActionClick',
@@ -84,6 +85,7 @@ export const VegaNativeEventName = [
   'imageInserted',
   'reset',
   'eventPreviewShow',
+  'monthYearChange',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

package/dist/collection/global/scripts/before-vega-load.js

@@ -17,6 +17,9 @@ import { VegaSkeletonLoader } from '../../helpers/skeleton-loader/vega-skeleton-
 import { VegaTranslation } from '../../helpers/translation';
 import { VegaTranslateObserverSlimmer } from '../../helpers/slimmers/global/vega-translate-observer-slimmer';
 import { VegaRTEContent } from '../../components/vega-rich-text-editor/dto/content-state';
+import { VegaRTETokenExtension } from '../../components/vega-rich-text-editor/extensions/tokens/token-extension';
+import { VegaRTELanguageExtension } from '../../components/vega-rich-text-editor/extensions/languages/language-extension';
+import { VegaRTEPresetToolbarItems } from '../../components/vega-rich-text-editor/constants/constant';
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -173,9 +176,15 @@ function injectVegaTranslationIntoGlobal() {
 }
 /**
  * Inject VegaRTEContent to global as a public api
+ * Inject VegaRTETokenExtension to global as a public api
+ * Inject VegaRTELanguageExtension to global as a public api
+ * Inject VegaRTEPresetToolbarItems to global as a variable
  */
 function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTEContent = VegaRTEContent;
+  globalThis.VegaRTETokenExtension = VegaRTETokenExtension;
+  globalThis.VegaRTELanguageExtension = VegaRTELanguageExtension;
+  globalThis.VegaRTEPresetToolbarItems = VegaRTEPresetToolbarItems;
 }
 /**
  * Inject VegaPublicValidationRules to global as a public api

package/dist/collection/helpers/code-format/test/code-formatter.test.js

@@ -1,5 +1,5 @@
-import { VegaRTEContent } from '../../../components/vega-rich-text-editor/dto/content-state';
 import CodeFormatter from '../code-formatter';
+import { VegaRTEContent } from '../../public-api';
 describe('Code formatter', () => {
   it('should format simple HTML with option useTabs', () => {
     const input = `<p><span>Text</span></p>`;

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, VegaRemove, VegaCreate, VegaSearch, VegaDropdownShow, VegaDropdownHide, VegaReset, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaDropdownShow, VegaDropdownHide, VegaReset, VegaDropdownSearch, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaFocus, VegaBlur, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick]],
@@ -8,7 +8,7 @@ const entries = [
   ['vega-button-circle', [VegaClick]],
   ['vega-button-group', [VegaClick]],
   ['vega-button-link', [VegaClick]],
-  ['vega-calendar', [VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick]],
+  ['vega-calendar', [VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick]],
   ['vega-carousel', [VegaPageUpdate]],
   ['vega-checkbox', [VegaChange]],
   ['vega-checkbox-group', [VegaChange]],
@@ -16,7 +16,7 @@ const entries = [
   ['vega-code-block', [VegaChange, VegaRemove]],
   ['vega-color-picker', [VegaChange]],
   ['vega-combo-box', [VegaChange, VegaCreate, VegaSearch]],
-  ['vega-date-picker', [VegaChange]],
+  ['vega-date-picker', [VegaMonthYearChange, VegaChange]],
   [
     'vega-dropdown',
     [

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

@@ -91,6 +91,7 @@ export const VegaDropdownSearch = new VegaEventID('vegaSearch', 'dropdownSearch'
 export const VegaActionClick = new VegaEventID('vegaActionClick', 'actionClick');
 export const VegaEventClick = new VegaEventID('vegaEventClick', 'eventClick');
 export const VegaDateDblClick = new VegaEventID('vegaDateDblClick', 'dateDblClick');
+export const VegaDateClick = new VegaEventID('vegaDateClick', 'dateClick');
 export const VegaCountryChange = new VegaEventID('vegaCountryChange', 'countryChange');
 export const VegaActionButtonClick = new VegaEventID('vegaActionButtonClick', 'actionButtonClick');
 export const VegaMoreActionClick = new VegaEventID('vegaMoreActionClick', 'moreActionClick');
@@ -100,4 +101,5 @@ export const VegaRetry = new VegaEventID('vegaRetry', 'retry');
 export const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 export const VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');
 export const VegaReset = new VegaEventID('vegaReset', 'reset');
+export const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
 export const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur];