@globalpayments/vega 2.91.0 → 2.92.0

package/dist/collection/components/vega-rich-text-editor/extensions/find-replace/vega-rich-text-find-replace-panel/slimmers/renderers/find-replace-panel-renderer.js

@@ -0,0 +1,153 @@
+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 { h } from '@stencil/core';
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { VegaInternalIconManager } from '../../../../../../../helpers/icon/internal-icon-manager';
+import chevronUp from '../../../../../../../global/icons/chevron-up';
+import chevronDown from '../../../../../../../global/icons/chevron-down';
+import xmarkLarge from '../../../../../../../global/icons/xmark-large';
+import { DomNodeSubjectObserverFactory } from '../../../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
+import { VegaChange, VegaClick } from '../../../../../../../helpers/event-manager/event-id/vega-event-id';
+import { VegaInternalTranslation } from '../../../../../../../helpers/translation/internal-translation-controller';
+/**
+ * Renderer slimmer for the Find & Replace panel.
+ * Renders a search input, a "current/total" counter, and prev/next/close icon buttons.
+ */
+export class FindReplacePanelRenderer extends VegaSlimmer {
+  render() {
+    const hasResults = this.total > 0;
+    return (h("div", { class: "find-replace-panel", role: "presentation" },
+      this.renderHeader(),
+      h("vega-divider", { direction: "horizontal" }),
+      h("div", { class: "find-replace-panel__field" },
+        h("vega-field-label", { label: VegaInternalTranslation.t('Find in text') }),
+        h("div", { class: "find-replace-panel__body" },
+          h("vega-input", { size: "small", label: "", class: "find-replace-panel__input", ref: (ref) => {
+              if (ref) {
+                DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (e) => {
+                  this.onKeywordChange(e.detail);
+                });
+              }
+            } }),
+          h("vega-flex", { alignItems: "center", gap: "size-4", class: "find-replace-panel__nav" },
+            h("vega-font", { variant: "font-field-label-sm", color: "text-secondary", class: "find-replace-panel__counter" }, hasResults ? `${this.currentIndex}/${this.total}` : '-/-'),
+            this.renderNavButton('prev', 'rte-find-replace-prev', VegaInternalTranslation.t('Previous match')),
+            this.renderNavButton('next', 'rte-find-replace-next', VegaInternalTranslation.t('Next match'))))),
+      h("div", { class: "find-replace-panel__field" },
+        h("vega-field-label", { label: VegaInternalTranslation.t('Replace with') }),
+        h("div", { class: "find-replace-panel__body" },
+          h("vega-input", { disabled: !hasResults, size: "small", label: "", class: "find-replace-panel__input", ref: (ref) => {
+              if (ref) {
+                DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (e) => {
+                  this.onReplacementChange(e.detail);
+                });
+              }
+            } }))),
+      h("vega-accordion", { class: "find-replace-panel__field", expand: false, drawsBackground: false },
+        h("div", { class: "find-replace-panel__accordion-title", slot: "title" }, VegaInternalTranslation.t('Advanced options')),
+        h("vega-flex", { slot: "content", gap: "size-16", class: "advanced-options-content" },
+          this.renderSearchOptionToggle('match-case', VegaInternalTranslation.t('Match case'), this.matchCase),
+          this.renderSearchOptionToggle('whole-words', VegaInternalTranslation.t('Whole words'), this.wholeWords))),
+      h("div", { class: "find-replace-panel__footer" }, this.renderActionButtons())));
+  }
+  renderHeader() {
+    return (h("div", { class: "find-replace-panel__header" },
+      h("vega-font", null, VegaInternalTranslation.t('Find and replace')),
+      this.renderNavButton('close', 'rte-find-replace-close', VegaInternalTranslation.t('Close'), 'extra-small')));
+  }
+  renderNavButton(itemKey, iconKey, label, size) {
+    return (h("vega-button-circle", { ref: (ref) => {
+        if (ref) {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
+            this.emitAction(itemKey);
+          });
+        }
+      }, variant: "icon-only", size: size || 'small', icon: VegaInternalIconManager.getIconKey(iconKey), label: label }));
+  }
+  renderSearchOptionToggle(actionKey, label, isActive) {
+    return (h("vega-toggle-switch", { size: "small", label: label, checked: isActive, ref: (ref) => {
+        if (ref) {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, () => {
+            this.onToggleSearchOption(actionKey);
+          });
+        }
+      } }));
+  }
+  renderFindButton() {
+    return (h("vega-button", { size: "small", variant: "secondary", ref: (ref) => {
+        if (ref) {
+          DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
+            this.emitAction('find');
+          });
+        }
+      } }, VegaInternalTranslation.t('Find')));
+  }
+  renderActionButtons() {
+    const shouldDisableReplace = this.total === 0;
+    return (h("vega-flex", { alignItems: "center", gap: "size-16" },
+      h("vega-button-link", { size: "small", disabled: shouldDisableReplace, ref: (ref) => {
+          if (ref) {
+            DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
+              this.emitAction('replace-all');
+            });
+          }
+        } }, VegaInternalTranslation.t('Replace All')),
+      h("vega-button-link", { size: "small", disabled: shouldDisableReplace, ref: (ref) => {
+          if (ref) {
+            DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
+              this.emitAction('replace');
+            });
+          }
+        } }, VegaInternalTranslation.t('Replace')),
+      this.renderFindButton()));
+  }
+  onKeywordChange(value) {
+    this.changeEventEmitter.emit({ type: 'keyword', value });
+  }
+  onReplacementChange(value) {
+    this.changeEventEmitter.emit({ type: 'replace', value });
+  }
+  onToggleSearchOption(actionKey) {
+    if (actionKey === 'match-case') {
+      this.matchCase = !this.matchCase;
+      this.emitAction(actionKey, this.matchCase);
+    }
+    else if (actionKey === 'whole-words') {
+      this.wholeWords = !this.wholeWords;
+      this.emitAction(actionKey, this.wholeWords);
+    }
+  }
+  emitAction(action, data) {
+    const payload = data !== undefined ? { action, data } : { action };
+    this.clickEventEmitter.emit(payload);
+  }
+}
+(() => {
+  VegaInternalIconManager.register({
+    'rte-find-replace-prev': chevronUp,
+    'rte-find-replace-next': chevronDown,
+    'rte-find-replace-close': xmarkLarge,
+  });
+})();
+__decorate([
+  MapToComponentField()
+], FindReplacePanelRenderer.prototype, "changeEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], FindReplacePanelRenderer.prototype, "clickEventEmitter", void 0);
+__decorate([
+  MapToComponentField()
+], FindReplacePanelRenderer.prototype, "currentIndex", void 0);
+__decorate([
+  MapToComponentField()
+], FindReplacePanelRenderer.prototype, "total", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], FindReplacePanelRenderer.prototype, "matchCase", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], FindReplacePanelRenderer.prototype, "wholeWords", void 0);

package/dist/collection/components/vega-rich-text-editor/extensions/find-replace/vega-rich-text-find-replace-panel/vega-rich-text-find-replace-panel.css

@@ -0,0 +1,50 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+:host .find-replace-panel {
+  box-sizing: border-box;
+  width: 360px;
+}
+:host .find-replace-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 12px;
+}
+:host .find-replace-panel__field {
+  padding-top: 12px;
+}
+:host .find-replace-panel__body {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 8px;
+}
+:host .find-replace-panel__input {
+  flex: 1;
+}
+:host .find-replace-panel__nav {
+  flex-shrink: 0;
+}
+:host .find-replace-panel__counter {
+  white-space: nowrap;
+  min-width: 36px;
+  text-align: center;
+}
+:host .find-replace-panel__footer {
+  display: flex;
+  justify-content: flex-end;
+  padding-top: 20px;
+}
+:host .advanced-options-content {
+  margin-top: -12px;
+}
+:host .find-replace-panel__accordion-title {
+  font-size: 16px;
+  font-weight: 500;
+  color: rgba(var(--v-text-primary, 32, 54, 69, 1));
+  line-height: 22px;
+  padding: 0;
+}

package/dist/collection/components/vega-rich-text-editor/extensions/find-replace/vega-rich-text-find-replace-panel/vega-rich-text-find-replace-panel.js

@@ -0,0 +1,156 @@
+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, Element, Event, h, Host, Method, State } from '@stencil/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
+import { sanitizeVegaComponent } from '../../../../../utils/component';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../../../helpers/slimmers/component-usage-runtime-metrics';
+import { createEventEmitSlimmer, } from '../../../../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { VegaChange, VegaClick } from '../../../../../helpers/event-manager/event-id/vega-event-id';
+import { FindReplacePanelRenderer } from './slimmers/renderers/find-replace-panel-renderer';
+/**
+ * Internal panel component for the Find & Replace extension.
+ * Renders a search input, match counter, and prev/next/close buttons.
+ *
+ * - Emits `vegaChange` (payload: { type, value }) when find/replace inputs change.
+ * - Emits `vegaClick` (payload: `{ action: string; data?: unknown }`) when a button is clicked.
+ * - Exposes `updateResult(currentIndex, total)` for the toolbar renderer to push match counts back.
+ *
+ * @vegaVersion 2.92.0
+ */
+export class VegaRichTextFindReplacePanel {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.changeEventEmitter = createEventEmitSlimmer(VegaRichTextFindReplacePanel, VegaChange);
+    this.clickEventEmitter = createEventEmitSlimmer(VegaRichTextFindReplacePanel, VegaClick);
+    this.renderer = new FindReplacePanelRenderer();
+    this.currentIndex = 0;
+    this.total = 0;
+    this.matchCase = false;
+    this.wholeWords = false;
+  }
+  /**
+   * Updates the displayed match counter. Called by the toolbar renderer after each search or navigation.
+   *
+   * @param {number} currentIndex - 1-based index of the active match (0 when there are no matches).
+   * @param {number} total - Total number of matches.
+   * @vegaVersion 2.92.0
+   */
+  async updateResult(currentIndex, total) {
+    this.currentIndex = currentIndex;
+    this.total = total;
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
+  }
+  static get is() { return "vega-rich-text-find-replace-panel"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-rich-text-find-replace-panel.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-rich-text-find-replace-panel.css"]
+  }; }
+  static get states() { return {
+    "currentIndex": {},
+    "total": {},
+    "matchCase": {},
+    "wholeWords": {}
+  }; }
+  static get events() { return [{
+      "method": "vegaChange",
+      "name": "vegaChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.92.0"
+          }],
+        "text": "Emitted when a panel input value changes.\nPayload includes the input type (`keyword` or `replace`) and value."
+      },
+      "complexType": {
+        "original": "{ type: 'keyword' | 'replace'; value: string }",
+        "resolved": "{ type: \"keyword\" | \"replace\"; value: string; }",
+        "references": {}
+      }
+    }, {
+      "method": "vegaClick",
+      "name": "vegaClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.92.0"
+          }],
+        "text": "Emitted when a panel action button is clicked.\nPayload includes the action key and optional data."
+      },
+      "complexType": {
+        "original": "{ action: string; data?: unknown }",
+        "resolved": "{ action: string; data?: unknown; }",
+        "references": {}
+      }
+    }]; }
+  static get methods() { return {
+    "updateResult": {
+      "complexType": {
+        "signature": "(currentIndex: number, total: number) => Promise<void>",
+        "parameters": [{
+            "tags": [{
+                "name": "param",
+                "text": "currentIndex - 1-based index of the active match (0 when there are no matches)."
+              }],
+            "text": "- 1-based index of the active match (0 when there are no matches)."
+          }, {
+            "tags": [{
+                "name": "param",
+                "text": "total - Total number of matches."
+              }],
+            "text": "- Total number of matches."
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Updates the displayed match counter. Called by the toolbar renderer after each search or navigation.",
+        "tags": [{
+            "name": "param",
+            "text": "currentIndex - 1-based index of the active match (0 when there are no matches)."
+          }, {
+            "name": "param",
+            "text": "total - Total number of matches."
+          }, {
+            "name": "vegaVersion",
+            "text": "2.92.0"
+          }]
+      }
+    }
+  }; }
+  static get elementRef() { return "host"; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaRichTextFindReplacePanel.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextFindReplacePanel.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextFindReplacePanel.prototype, "changeEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextFindReplacePanel.prototype, "clickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextFindReplacePanel.prototype, "renderer", void 0);

package/dist/collection/components/vega-rich-text-editor/extensions/functions/function-extension.js

@@ -40,7 +40,7 @@ export class VegaRTEFunctionExtension extends VegaRTEExtension {
   }
   /** @inheritDoc */
   prepareBeforeLoad(host) {
-    this.registerToolbarButtonRenderer('functions', new FunctionToolbarButtonRenderer(), host);
+    this.registerToolbarButtonRenderer(VegaRTEFunctionExtension.TOOLBAR_BUTTON_KEY, new FunctionToolbarButtonRenderer(), host);
   }
   /**
    * Remove the appen children strategies to prevent default insert new paragraph logic in function block
@@ -64,3 +64,4 @@ export class VegaRTEFunctionExtension extends VegaRTEExtension {
   VegaRTEExtension.registerActionHandlerInterceptor(RTETextBlock.name, ModifyContentActionType.INSERT_NEW_PARAGRAPH, new PreventNewParagraphInterceptor());
   VegaRTEExtension.registerActionHandlerInterceptor(RTETextBlock.name, ModifyContentActionType.PASTE_CONTENT, new PreventPasteContentInterceptor());
 })();
+VegaRTEFunctionExtension.TOOLBAR_BUTTON_KEY = 'functions';

package/dist/collection/components/vega-rich-text-editor/extensions/horizontal-line/horizontal-line-extension.js

@@ -24,7 +24,7 @@ export class VegaRTEHorizontalLineExtension extends VegaRTEExtension {
     // Register the renderer
     this.registerRenderer('horizontal-line', this.blockRenderer);
     // Register the toolbar button
-    this.registerToolbarButtonRenderer('horizontalLine', this.toolbarButtonRenderer);
+    this.registerToolbarButtonRenderer(VegaRTEHorizontalLineExtension.TOOLBAR_BUTTON_KEY, this.toolbarButtonRenderer);
     // Register HTML → DTO conversion strategy
     this.registerElementToBlockDTOClassStrategy(new HrToHorizontalLineBlockStrategy());
     // Register filter styles strategy for source edit round-trip
@@ -39,3 +39,4 @@ export class VegaRTEHorizontalLineExtension extends VegaRTEExtension {
   VegaRTEExtension.registerActionHandleStrategy(RTEImageBlock.name, INSERT_HORIZONTAL_LINE_BLOCK, insertStrategy);
   VegaRTEExtension.registerActionHandleStrategy(RTEHorizontalLineBlock.name, INSERT_HORIZONTAL_LINE_BLOCK, insertStrategy);
 })();
+VegaRTEHorizontalLineExtension.TOOLBAR_BUTTON_KEY = 'horizontalLine';

package/dist/collection/components/vega-rich-text-editor/extensions/languages/language-extension.js

@@ -46,7 +46,7 @@ export class VegaRTELanguageExtension extends VegaRTEExtension {
    */
   prepareBeforeLoad(host) {
     this.languageToolbarButtonRenderer = new RTELanguageToolbarButtonRenderer(this.languageList, this.languageChangeCallBack, this.languageState.selectedLanguage);
-    this.registerToolbarButtonRenderer('languages', this.languageToolbarButtonRenderer, host);
+    this.registerToolbarButtonRenderer(VegaRTELanguageExtension.TOOLBAR_BUTTON_KEY, this.languageToolbarButtonRenderer, host);
   }
   /**
    * Initializes the language extension.
@@ -138,3 +138,4 @@ export class VegaRTELanguageExtension extends VegaRTEExtension {
     return result;
   }
 }
+VegaRTELanguageExtension.TOOLBAR_BUTTON_KEY = 'languages';

package/dist/collection/components/vega-rich-text-editor/extensions/line-height/line-height-extension.js

@@ -32,7 +32,7 @@ export class VegaRTELineHeightExtension extends VegaRTEExtension {
    */
   prepareBeforeLoad(host) {
     this.toolbarButtonRenderer = new RTELineHeightToolbarButtonRenderer(this.options);
-    this.registerToolbarButtonRenderer('lineHeight', this.toolbarButtonRenderer, host);
+    this.registerToolbarButtonRenderer(VegaRTELineHeightExtension.TOOLBAR_BUTTON_KEY, this.toolbarButtonRenderer, host);
   }
 }
 (() => {
@@ -42,3 +42,4 @@ export class VegaRTELineHeightExtension extends VegaRTEExtension {
     attachLineHeightFromJson(BlockClass);
   });
 })();
+VegaRTELineHeightExtension.TOOLBAR_BUTTON_KEY = 'lineHeight';

package/dist/collection/components/vega-rich-text-editor/extensions/special-characters/special-characters-extension.js

@@ -13,7 +13,7 @@ export class VegaRTESpecialCharactersExtension extends VegaRTEExtension {
   }
   /** @inheritDoc */
   prepareBeforeLoad(host) {
-    this.registerToolbarButtonRenderer('special-characters', new RTESpecialCharactersToolbarButtonRenderer(this.categories), host);
+    this.registerToolbarButtonRenderer(VegaRTESpecialCharactersExtension.TOOLBAR_BUTTON_KEY, new RTESpecialCharactersToolbarButtonRenderer(this.categories), host);
   }
   /**
    * Builds the final list of special character categories from the provided config.
@@ -32,3 +32,4 @@ export class VegaRTESpecialCharactersExtension extends VegaRTEExtension {
     return [...defaultCategories, ...config.categories];
   }
 }
+VegaRTESpecialCharactersExtension.TOOLBAR_BUTTON_KEY = 'special-characters';

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

@@ -92,7 +92,7 @@ export class VegaRTETableExtension extends VegaRTEExtension {
     this.tableHeadCellRenderer = new RTETableHeadCellRenderer();
     this.tableSelection = new RTETableSelection();
     RTETableColorManager.setTableColors(colors);
-    this.registerToolbarButtonRenderer('table', this.toolbarButtonRenderer);
+    this.registerToolbarButtonRenderer(VegaRTETableExtension.TOOLBAR_BUTTON_KEY, this.toolbarButtonRenderer);
     this.registerBlockBasicStrategies(RTETableBlock.name);
     this.registerBlockBasicStrategies(RTETableHeadBlock.name);
     this.registerBlockBasicStrategies(RTETableHeadCellBlock.name);
@@ -180,3 +180,4 @@ export class VegaRTETableExtension extends VegaRTEExtension {
   VegaRTEExtension.registerFilterStylesStrategy(RTETableCellBlock.dtoName, new TableCellFilterStylesStrategy());
   VegaRTEExtension.registerFilterStylesStrategy(RTETableHeadCellBlock.dtoName, new TableCellFilterStylesStrategy('th'));
 })();
+VegaRTETableExtension.TOOLBAR_BUTTON_KEY = 'table';

package/dist/collection/components/vega-rich-text-editor/extensions/table/vega-rich-text-table-selection-widget/slimmers/controllers/selection-widget-keyboard-controller.js

@@ -13,7 +13,7 @@ export class SelectionWidgetKeyboardController extends KeyboardManagerSlimmer {
   constructor() {
     super(() => [
       {
-        keyCode: 'Backspace',
+        keyCode: ['Backspace', 'Delete'],
         eventName: 'keydown',
         activeElementInScope: [this.selectionWidgetRenderer.getWidgetHandleRef()],
         callback: this.handleDeleteKeyDown,

package/dist/collection/components/vega-rich-text-editor/extensions/tokens/token-extension.js

@@ -21,7 +21,7 @@ export class VegaRTETokenExtension extends VegaRTEExtension {
   }
   /** @inheritDoc */
   prepareBeforeLoad(host) {
-    this.registerToolbarButtonRenderer('token', new RTETokenToolbarButtonRenderer(this.tokenList), host);
+    this.registerToolbarButtonRenderer(VegaRTETokenExtension.TOOLBAR_BUTTON_KEY, new RTETokenToolbarButtonRenderer(this.tokenList), host);
   }
 }
 (() => {
@@ -29,3 +29,4 @@ export class VegaRTETokenExtension extends VegaRTEExtension {
   VegaRTEExtension.registerActionHandleStrategy(RTETextBlock.name, 'INSERT_TOKEN_NODE', insertTokenNodeStrategy);
   VegaRTEExtension.registerActionHandleStrategy(RTEListItemBlock.name, 'INSERT_TOKEN_NODE', insertTokenNodeStrategy);
 })();
+VegaRTETokenExtension.TOOLBAR_BUTTON_KEY = 'token';

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

@@ -21,9 +21,12 @@ export { VegaRTEFunctionExtension } from './extensions/functions/function-extens
 export { VegaRTETableExtension } from './extensions/table/table-extension';
 export { VegaRTEHorizontalLineExtension } from './extensions/horizontal-line/horizontal-line-extension';
 export { VegaRTESpecialCharactersExtension } from './extensions/special-characters/special-characters-extension';
+export { VegaRTEFindReplaceExtension } from './extensions/find-replace/find-replace-extension';
 export { VegaRTESpecialCharactersEssentials, VegaRTESpecialCharactersLatin, VegaRTESpecialCharactersMathematical, VegaRTESpecialCharactersArrows, VegaRTESpecialCharactersCurrency, VegaRTESpecialCharactersText, } from './extensions/special-characters/constants/default-categories';
 export { VegaRTELineHeightExtension } from './extensions/line-height/line-height-extension';
 export { VegaRTELinkExtension } from './extensions/link/link-extension';
+export { VegaRTECopyExtension } from './extensions/copy/copy-extension';
+export { VegaRTECutExtension } from './extensions/cut/cut-extension';
 // actions
 export { ModifyContentAction, ModifyContentActionType } from './dto/actions/modify-content-action.abstract';
 export { AppendChildrenAction } from './dto/actions/append-child-nodes-action';
@@ -33,6 +36,7 @@ export { InsertChildrenBeforeAction } from './dto/actions/insert-children-before
 export { InsertNodeToNearestRootAction } from './dto/actions/insert-node-to-nearest-root-action';
 export { UpdateCursorPositionAction } from './dto/actions/update-cursor-position-action';
 export { InsertNewParagraphAction } from './dto/actions/insert-new-paragraph-action';
+export { DeleteSelectedContentAction } from './dto/actions/delete-selected-content-action';
 // annotations
 export { CustomAttributeAnnotation } from './dto/annotations/custom-attribute-annotation';
 export { CustomClassAnnotation } from './dto/annotations/custom-class-annotation';

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/abstract-delete-content-handler.js

@@ -0,0 +1,133 @@
+import { AppendChildrenAction } from '../../../../dto/actions/append-child-nodes-action';
+import { InsertChildrenBeforeAction } from '../../../../dto/actions/insert-children-before-block';
+import { RemoveChildrenAction } from '../../../../dto/actions/remove-child-action';
+import { ReplaceChildNodesAction } from '../../../../dto/actions/replace-child-nodes-action';
+import { RTEBlock } from '../../../../dto/blocks/block.abstract';
+import { RTETextBlock } from '../../../../dto/blocks/text-block';
+import { RTETextNode } from '../../../../dto/nodes/text-node';
+import { BaseHandler } from './base-handler';
+/**
+ * Hosts the deletion logic shared by the forward and backward delete handlers. Subclasses implement
+ * the single-block deletion behaviour for their specific direction. User press backspace or delete
+ * will trigger one of those subclasses.
+ */
+export class AbstractDeleteContentHandler extends BaseHandler {
+  /**
+   * Delete the selected node(s) from the current state.
+   */
+  handleEvent() {
+    const selectedBlocks = this.selectionController.getSelectedBlocks();
+    if (selectedBlocks.length >= 2) {
+      this.deleteContentWithMultipleNodes();
+    }
+    else {
+      this.deleteContentWithSingleBlock();
+    }
+  }
+  /**
+   * Computes the caret position one step to the right, used to translate a forward delete into a backspace.
+   *
+   * @param {Nullable<RTENode>} node - The node the caret is currently in.
+   * @param {number} offset - The current caret offset within the node.
+   * @returns {Nullable<ForwardDeletePosition>} The shifted position, or null when the caret is at the end of the content.
+   */
+  getForwardDeletePosition(node, offset) {
+    if (!node) {
+      return null;
+    }
+    // Delete the character to the right within the same node.
+    if (offset < node.getRangeEndOffset()) {
+      return { node, offset: offset + 1 };
+    }
+    // The caret is at the end of the node, move to the next node.
+    const nextNode = this.getNextNode(node);
+    if (!nextNode) {
+      return null;
+    }
+    // When the next node lives in the same block, the end of the current node and the
+    // start of the next node are the same caret position, so the character to delete is
+    // the first character of the next node, mirroring a backspace at offset 1.
+    if (nextNode.parent === node.parent) {
+      return { node: nextNode, offset: 1 };
+    }
+    // The next node lives in a different block, so deleting forward should merge that
+    // block or remove the next line break, mirroring a backspace at the block start.
+    return { node: nextNode, offset: 0 };
+  }
+  /**
+   * Returns the next node relative to the given node, crossing block boundaries when needed.
+   *
+   * @param {RTENode} node - The current node.
+   * @returns {Nullable<RTENode>} The next node, or null when the given node is the last node of the content.
+   */
+  getNextNode(node) {
+    const block = node.parent;
+    const nodeIndex = block.children.indexOf(node);
+    if (nodeIndex >= 0 && nodeIndex < block.children.length - 1) {
+      return block.children[nodeIndex + 1];
+    }
+    const nextBlock = this.getNextBlock(block);
+    return nextBlock ? nextBlock.getFirstNode() : null;
+  }
+  /**
+   * Returns the next block relative to the given block, ascending out of nested list structures when needed.
+   *
+   * @param {RTEBlock} block - The current block.
+   * @returns {Nullable<RTEBlock>} The next block, or null when the given block is the last block of the content.
+   */
+  getNextBlock(block) {
+    const parent = block.parent;
+    if (!parent || !parent.children) {
+      return null;
+    }
+    const siblings = parent.children;
+    const blockIndex = siblings.indexOf(block);
+    if (blockIndex >= 0 && siblings[blockIndex + 1]) {
+      return siblings[blockIndex + 1];
+    }
+    if (parent instanceof RTEBlock) {
+      return this.getNextBlock(parent);
+    }
+    return null;
+  }
+  /**
+   * Deletes the content within multiple nodes selected by the user.
+   */
+  deleteContentWithMultipleNodes() {
+    const selectedNodes = this.selectionController.getSelectedNodes();
+    const cursorNode = this.removeSelectionRange(true);
+    const lastSelectedNode = selectedNodes[selectedNodes.length - 1];
+    if (selectedNodes.length > 1 &&
+      lastSelectedNode instanceof RTETextNode &&
+      lastSelectedNode.isEmpty()) {
+      lastSelectedNode.parent.apply(new RemoveChildrenAction(lastSelectedNode));
+    }
+    this.convertFirstBlockToParagraph(cursorNode.parent);
+  }
+  /**
+   * If the first block is not paragraph, convert the block to paragraph after delete all text
+   *
+   * @param {RTEBlock} block - The first block instance
+   */
+  convertFirstBlockToParagraph(block) {
+    const firstBlock = this.currentState.children[0];
+    if (firstBlock === block &&
+      block instanceof RTETextBlock &&
+      block.children.length === 1 &&
+      block.children[0].isEmpty() &&
+      block.type !== 'paragraph') {
+      const paragraph = this.createEmptyParagraph();
+      paragraph.apply(new ReplaceChildNodesAction(block.children));
+      block.parent.apply(new InsertChildrenBeforeAction(block, paragraph));
+      block.parent.apply(new RemoveChildrenAction(block));
+    }
+  }
+  /**
+   * Creates a new paragraph element with a text node and appends it to the current state.
+   */
+  insertDefaultParagraph() {
+    const paragraph = this.createEmptyParagraph();
+    this.currentState.apply(new AppendChildrenAction([paragraph]));
+    this.selectionController.enqueueSelectionRangeFutureState(paragraph.children[0], 1);
+  }
+}