@globalpayments/vega 2.90.0 → 2.92.0

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

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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 { Component, h, Element, Host, State, Prop, Watch, Event, Method } 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';
@@ -82,6 +82,7 @@ export class VegaCalendar {
     this.changeEventPrevent = new ChildNodesEventPreventSlimmer([VegaChange], () => this.switchPanelRenderer.getSwitchPanelRef());
     this.timeFormatNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'timeFormat', 'watchTimeFormat');
     this.showEventColorBarNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'showEventColorBar', 'watchShowEventColorBar');
+    this.currentPeriodNotifySlimmer = createSubStateNotifySlimmer(VegaCalendar, 'currentPeriod', 'watchCurrentPeriodChange');
     /**
      * This postOperationDate will record the time after the operation, which will affect the calculation of day/week/month, making the generated interval accurate
      *
@@ -216,6 +217,23 @@ export class VegaCalendar {
   watchTimezoneChange() {
     methodPlaceholder();
   }
+  /**
+   * Invoke this method to set the current calendar period.
+   * Use `VegaCalendarPeriodFactory.fromDate` to create a `VegaCalendarPeriodType` from a date if needed.
+   *
+   * @vegaVersion 2.91.0
+   */
+  async setCurrentPeriod(period) {
+    methodPlaceholder(period);
+  }
+  /**
+   * Invoke this method to get the current calendar period.
+   *
+   * @vegaVersion 2.91.0
+   */
+  async getCurrentPeriod() {
+    return methodPlaceholder();
+  }
   render() {
     return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
   }
@@ -825,6 +843,57 @@ export class VegaCalendar {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setCurrentPeriod": {
+      "complexType": {
+        "signature": "(period: VegaCalendarPeriodType) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "VegaCalendarPeriodType": {
+            "location": "import",
+            "path": "./types"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Invoke this method to set the current calendar period.\nUse `VegaCalendarPeriodFactory.fromDate` to create a `VegaCalendarPeriodType` from a date if needed.",
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.91.0"
+          }]
+      }
+    },
+    "getCurrentPeriod": {
+      "complexType": {
+        "signature": "() => Promise<VegaCalendarPeriodType>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "VegaCalendarPeriodType": {
+            "location": "import",
+            "path": "./types"
+          }
+        },
+        "return": "Promise<VegaCalendarPeriodType>"
+      },
+      "docs": {
+        "text": "Invoke this method to get the current calendar period.",
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.91.0"
+          }]
+      }
+    }
+  }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
       "propName": "currentPeriod",
@@ -957,3 +1026,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaCalendar.prototype, "showEventColorBarNotifySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCalendar.prototype, "currentPeriodNotifySlimmer", void 0);

package/dist/collection/components/vega-code-block/slimmers/renderers/vega-code-block-copy-button-renderer.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { h } from '@stencil/core';
 import { VegaInternalIconManager } from '../../../../helpers/icon/internal-icon-manager';
-import copy from '../../assets/copy';
+import copy from '../../../../global/icons/copy';
 import { VegaClick } from '../../../../helpers/event-manager/event-id/vega-event-id';
 import { DomNodeSubjectObserverFactory } from '../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 export class VegaCodeBlockCopyButtonRenderer extends VegaSlimmer {

package/dist/collection/components/vega-combo-box/vega-combo-box.js

@@ -507,7 +507,7 @@ export class VegaComboBox {
             "name": "vegaVersion",
             "text": "2.89.0"
           }],
-        "text": "Specifies the maximum height of the combo box container,\n   including selected chips and input area.\n\nWhen set, vertical scrolling will be enabled once the\n   container content exceeds the configured height.\n\nNote: values smaller than the input minimum height (26px)\n   are floored to keep the input usable. Use\n   `vegaDropdownProps.maxHeight` to control the dropdown\n   menu height independently."
+        "text": "Specifies the maximum height of the combo box container.\n   When the content exceeds this limit, vertical scrolling is enabled."
       },
       "attribute": "container-max-height",
       "reflect": true

package/dist/collection/components/vega-field-label/slimmers/renderers/vega-field-label-suffix-element-renderer.js

@@ -28,23 +28,24 @@ export class VegaFieldLabelSuffixElementRenderer extends VegaSlimmer {
    */
   render() {
     if (this.suffixButtonConfig || this.suffixButtonProps) {
-      const { icon, text, size, minWidth, maxWidth, placement = 'right', alignment = 'start', trigger = 'hover', } = this.suffixButtonConfig ||
+      const { icon, buttonSize = 'extra-small', text, size, minWidth, maxWidth, placement = 'right', alignment = 'start', trigger = 'hover', } = this.suffixButtonConfig ||
         (this.suffixButtonProps && {
           icon: this.suffixButtonProps.icon,
           text: this.suffixButtonProps.tooltipText,
           trigger: this.suffixButtonProps.trigger,
         });
-      return (h("div", { class: "label-suffix-button", role: "button", tabIndex: 0, onClick: this.handleSuffixButtonClick, onKeyDown: createEnterKeyHandlerToTriggerClick() }, text ? (h("vega-tooltip", { trigger: trigger, text: text, size: size, minWidth: minWidth, maxWidth: maxWidth, alignment: alignment, placement: placement }, this.renderSuffixButton(icon))) : (this.renderSuffixButton(icon))));
+      return (h("div", { class: "label-suffix-button", role: "button", tabIndex: 0, onClick: this.handleSuffixButtonClick, onKeyDown: createEnterKeyHandlerToTriggerClick() }, text ? (h("vega-tooltip", { trigger: trigger, text: text, size: size, minWidth: minWidth, maxWidth: maxWidth, alignment: alignment, placement: placement }, this.renderSuffixButton(icon, buttonSize))) : (this.renderSuffixButton(icon, buttonSize))));
     }
   }
   /**
    * Render a vega button circle component.
    *
    * @param {string} icon the button icon name
+   * @param {VegaButtonCircleSize} buttonSize the button size
    * @returns {HTMLVegaButtonCircleElement} vega button circle component
    */
-  renderSuffixButton(icon) {
-    return (h("vega-button-circle", { size: "extra-small", variant: "icon-only", iconColor: "text-link", showTooltip: false, icon: icon }));
+  renderSuffixButton(icon, buttonSize) {
+    return (h("vega-button-circle", { size: buttonSize, variant: "icon-only", iconColor: "text-link", showTooltip: false, icon: icon }));
   }
 }
 __decorate([

package/dist/collection/components/vega-field-label/vega-field-label.css

@@ -7,6 +7,11 @@
   display: inline-block;
 }
 
+:host(.center-align) {
+  display: inline-flex;
+  align-items: center;
+}
+
 :host(.disabled) {
   pointer-events: none;
 }
@@ -52,10 +57,19 @@ label:first-of-type {
   }
 }
 
+:host(.center-align) label:first-of-type {
+  display: inline-flex;
+  align-items: center;
+}
+
 :host(.disabled) > label > span.vega-field-label {
   color: rgba(var(--v-text-secondary, 107, 116, 125, 1));
 }
 
+:host(.center-align) .vega-field-label {
+  min-width: 0;
+}
+
 .vega-field-label-required {
   color: rgba(var(--v-text-error, 189, 41, 71, 1));
   margin-left: 4px;
@@ -71,6 +85,12 @@ label:first-of-type {
   vertical-align: top;
 }
 
+:host(.center-align) .label-suffix-button {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: baseline;
+}
+
 .optional {
   margin-left: 4px;
   font-family: "Inter", sans-serif;

package/dist/collection/components/vega-field-label/vega-field-label.js

@@ -99,9 +99,12 @@ export class VegaFieldLabel {
     }
   }
   render() {
+    var _a;
+    const shouldCenterAlign = !!((_a = this.suffixButtonConfig) === null || _a === void 0 ? void 0 : _a.centerAlign);
     return sanitizeVegaComponent(h(Host, { class: {
-        hidden: this.label === '',
-        disabled: this.disabled,
+        'hidden': this.label === '',
+        'disabled': this.disabled,
+        'center-align': shouldCenterAlign,
       }, onClick: this.handleClick },
       this.labelAnnouncementRenderer.render(),
       h("label", { "aria-hidden": "true", part: "container" },
@@ -157,7 +160,7 @@ export class VegaFieldLabel {
       "mutable": false,
       "complexType": {
         "original": "Nullable<LabelSuffixButtonConfig>",
-        "resolved": "{ icon: string; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
+        "resolved": "{ icon: string; buttonSize?: VegaButtonCircleSize; centerAlign?: boolean; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
         "references": {
           "Nullable": {
             "location": "import",

package/dist/collection/components/vega-font/slimmers/controllers/vega-font-classes-controller.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { VegaSlimmer, MapToComponentField } from 'vega-slimmer/core';
 import { arrayToClassString } from '../../../../utils/ui';
 import { formatAndValidResponsiveToken, formatAndValidTextColor, formatAndValidTypographyToken, } from '../../../../utils/design-token';
+import { FeatureFlag } from '../../../../helpers/feature-control/feature-flag-controller';
 /** The VegaFontClassesController class is responsible for generating CSS classes based on the font properties and settings. */
 export class VegaFontClassesController extends VegaSlimmer {
   /**
@@ -29,6 +30,12 @@ export class VegaFontClassesController extends VegaSlimmer {
     if (this.textAlign) {
       hostClasses.push(formatAndValidResponsiveToken(this.textAlign, 'textAlign'));
     }
+    // Opt-in legacy letter-spacing override. The class is harmless on variants without
+    // a matching rule in typography.legacy-letter-spacing.scss (no selector match → no style),
+    // so this stays correct even if new variants gain negative spacing tokens in the future.
+    if (FeatureFlag.isEnabled('VEGA_FONT.LEGACY_LETTER_SPACING')) {
+      hostClasses.push('legacy-letter-spacing');
+    }
     return arrayToClassString(hostClasses);
   }
 }

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

@@ -216,7 +216,7 @@
   font-size: 42px;
   font-weight: 700;
   line-height: 50px;
-  letter-spacing: 0.42px;
+  letter-spacing: -0.42px;
 }
 
 @media screen and (min-width: 768px) and (max-width: 1023px) {
@@ -226,7 +226,7 @@
     font-size: 42px;
     font-weight: 700;
     line-height: 50px;
-    letter-spacing: 2.52px;
+    letter-spacing: -0.67px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1439px) {
@@ -236,7 +236,7 @@
     font-size: 48px;
     font-weight: 700;
     line-height: 56px;
-    letter-spacing: 0.96px;
+    letter-spacing: -1.06px;
   }
 }
 @media screen and (min-width: 1440px) and (max-width: 9999px) {
@@ -246,7 +246,7 @@
     font-size: 60px;
     font-weight: 700;
     line-height: 70px;
-    letter-spacing: 1.8px;
+    letter-spacing: -1.8px;
   }
 }
 :host(.v-font-h2),
@@ -275,7 +275,7 @@
     font-size: 36px;
     font-weight: 700;
     line-height: 44px;
-    letter-spacing: 1.8px;
+    letter-spacing: -0.18px;
   }
 }
 @media screen and (min-width: 1440px) and (max-width: 9999px) {
@@ -285,7 +285,7 @@
     font-size: 42px;
     font-weight: 700;
     line-height: 52px;
-    letter-spacing: 0.42px;
+    letter-spacing: -0.42px;
   }
 }
 :host(.v-font-h3),
@@ -294,7 +294,7 @@
   font-size: 28px;
   font-weight: 500;
   line-height: 36px;
-  letter-spacing: 0.28px;
+  letter-spacing: -0.28px;
 }
 
 @media screen and (min-width: 768px) and (max-width: 1023px) {
@@ -304,7 +304,7 @@
     font-size: 28px;
     font-weight: 500;
     line-height: 36px;
-    letter-spacing: 0.28px;
+    letter-spacing: -0.28px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1439px) {
@@ -314,7 +314,7 @@
     font-size: 28px;
     font-weight: 500;
     line-height: 36px;
-    letter-spacing: 0.28px;
+    letter-spacing: -0.28px;
   }
 }
 @media screen and (min-width: 1440px) and (max-width: 9999px) {
@@ -324,7 +324,7 @@
     font-size: 32px;
     font-weight: 500;
     line-height: 44px;
-    letter-spacing: 0.32px;
+    letter-spacing: -0.32px;
   }
 }
 :host(.v-font-h4),
@@ -1830,6 +1830,68 @@
     text-align: justify;
   }
 }
+/* This file is generated by vega-design 2.0.77 */
+/* Legacy letter-spacing values for typography tokens whose source
+ * percentage was negative. Generated only for tokens affected by the converter bug.
+ * Opt in by adding the `legacy-letter-spacing` class alongside `v-font-*`. */
+:host(.v-font-h1.legacy-letter-spacing),
+.v-font-h1.legacy-letter-spacing {
+  letter-spacing: 0.42px;
+}
+
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  :host(.v-font-h1.legacy-letter-spacing:not(.disable-responsive)),
+  .v-font-h1.legacy-letter-spacing:not(.disable-responsive) {
+    letter-spacing: 2.52px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  :host(.v-font-h1.legacy-letter-spacing:not(.disable-responsive)),
+  .v-font-h1.legacy-letter-spacing:not(.disable-responsive) {
+    letter-spacing: 0.96px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  :host(.v-font-h1.legacy-letter-spacing:not(.disable-responsive)),
+  .v-font-h1.legacy-letter-spacing:not(.disable-responsive) {
+    letter-spacing: 1.8px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  :host(.v-font-h2.legacy-letter-spacing:not(.disable-responsive)),
+  .v-font-h2.legacy-letter-spacing:not(.disable-responsive) {
+    letter-spacing: 1.8px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  :host(.v-font-h2.legacy-letter-spacing:not(.disable-responsive)),
+  .v-font-h2.legacy-letter-spacing:not(.disable-responsive) {
+    letter-spacing: 0.42px;
+  }
+}
+:host(.v-font-h3.legacy-letter-spacing),
+.v-font-h3.legacy-letter-spacing {
+  letter-spacing: 0.28px;
+}
+
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  :host(.v-font-h3.legacy-letter-spacing:not(.disable-responsive)),
+  .v-font-h3.legacy-letter-spacing:not(.disable-responsive) {
+    letter-spacing: 0.28px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1439px) {
+  :host(.v-font-h3.legacy-letter-spacing:not(.disable-responsive)),
+  .v-font-h3.legacy-letter-spacing:not(.disable-responsive) {
+    letter-spacing: 0.28px;
+  }
+}
+@media screen and (min-width: 1440px) and (max-width: 9999px) {
+  :host(.v-font-h3.legacy-letter-spacing:not(.disable-responsive)),
+  .v-font-h3.legacy-letter-spacing:not(.disable-responsive) {
+    letter-spacing: 0.32px;
+  }
+}
 /* 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.

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

@@ -112,6 +112,7 @@ vega-field-label {
   letter-spacing: 0px;
   color: rgba(var(--v-text-primary, 32, 54, 69, 1));
   background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));
+  font-feature-settings: "calt" 0;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .vega-input-input input {

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

@@ -590,7 +590,7 @@ export class VegaInput {
       "mutable": false,
       "complexType": {
         "original": "Nullable<LabelSuffixButtonConfig>",
-        "resolved": "{ icon: string; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
+        "resolved": "{ icon: string; buttonSize?: VegaButtonCircleSize; centerAlign?: boolean; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
         "references": {
           "Nullable": {
             "location": "import",

package/dist/collection/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.js

@@ -16,7 +16,7 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderContainer = () => {
-      return (h("div", { role: 'button', class: "vega-input-select-container", ref: (ref) => (this.inputSelectContainer = ref), tabIndex: 0, "aria-disabled": `${this.disabled}`, onKeyDown: createEnterKeyHandlerToTriggerClick(), onBlur: this.preventBlur, part: "select-container" },
+      return (h("div", { role: 'button', class: "vega-input-select-container", ref: (ref) => (this.inputSelectContainer = ref), tabIndex: 0, "aria-disabled": `${this.disabled}`, onKeyDown: createEnterKeyHandlerToTriggerClick(), part: "select-container" },
         this.renderPrefixIcon(),
         this.renderSelectContainer(),
         this.renderToggleIcon()));
@@ -128,14 +128,6 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
         this.itemsSlotRef = ref;
       } })));
   }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-input-select-keyboard-control-e2e}
-   */
-  /* istanbul ignore next */
-  preventBlur(e) {
-    e.stopImmediatePropagation();
-  }
   getDropdownSource() {
     return this.source.map((item) => ({
       key: item.id,

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -307,7 +307,7 @@ export class VegaInputSelect {
       "mutable": false,
       "complexType": {
         "original": "Nullable<LabelSuffixButtonConfig>",
-        "resolved": "{ icon: string; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
+        "resolved": "{ icon: string; buttonSize?: VegaButtonCircleSize; centerAlign?: boolean; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
         "references": {
           "Nullable": {
             "location": "import",

package/dist/collection/components/vega-rich-text-content/vega-rich-text-content.css

@@ -7,11 +7,13 @@
   display: flex;
   flex-direction: column;
   width: 100%;
+  overflow-y: auto;
+  min-height: 0;
 }
 
 :host .rich-text-content {
   position: relative;
-  height: 100%;
+  min-height: 100%;
   outline: 2px solid transparent;
   outline-offset: 2px;
   font-weight: 500;

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

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M48 112a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zm176 0C224 50.1 173.9 0 112 0S0 50.1 0 112 50.1 224 112 224c24 0 46.3-7.6 64.5-20.4l57.3 52.4-57.3 52.4C158.3 295.6 136 288 112 288 50.1 288 0 338.1 0 400s50.1 112 112 112 112-50.1 112-112c0-20.5-5.5-39.6-15.1-56.2L504.2 73.7c9.8-8.9 10.5-24.1 1.5-33.9s-24.1-10.5-33.9-1.5l-202.4 185.2-60.5-55.3c9.6-16.5 15.1-35.7 15.1-56.2zM471.8 473.7c9.8 8.9 25 8.3 33.9-1.5s8.3-25-1.5-33.9L338.6 286.8 302.7 319 471.8 473.7zM48 400a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z"/></svg>`,
+};

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

@@ -70,3 +70,8 @@ export const HTML_VOID_TAGS = new Set([
   'track',
   'wbr',
 ]);
+/**
+ * The visual height in pixels of one row in the rich text editor.
+ * This value is based on the paragraph line-height and padding of text content.
+ */
+export const VegaRTEOneRowHeightPx = 22;

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-delete-text-or-decorator-node-strategy.js

@@ -138,13 +138,28 @@ export class BlockDeleteTextOrDecoratorNodeStrategy extends BlockDeleteNodeConte
     }
     else {
       const shouldRemoveNode = previousNode;
-      if (shouldRemoveNode && !shouldRemoveNode.isContentEditable()) {
+      if (shouldRemoveNode &&
+        !shouldRemoveNode.isContentEditable() &&
+        shouldRemoveNode.parent === target) {
         previousNode = this.getPreviousNode(shouldRemoveNode);
         shouldRemoveNode.parent.apply(new RemoveChildrenAction(shouldRemoveNode));
         if (!previousNode) {
           action.nextNode = startContainerNode;
         }
       }
+      else if (previousNode &&
+        previousNode.parent !== target &&
+        target.type === previousNode.parent.type) {
+        // The caret sits at the start of a block whose first node is a non-editable node
+        // (e.g. a token). Merge this block into the previous one, mirroring the text-node
+        // behavior so Backspace/Delete join the two blocks instead of doing nothing.
+        //
+        // This also covers the case where the previous block ENDS with a non-editable node
+        // (e.g. another token): the previous node is non-editable but lives in a different
+        // block, so it must not be removed here — the blocks merge instead, keeping that
+        // trailing token intact.
+        previousNode.parent.apply(new MergeTwoBlocksNodesAction(target));
+      }
     }
     if (previousNode) {
       action.previousNode = previousNode;

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-merge-nodes-strategy.js

@@ -1,5 +1,8 @@
 import { AppendChildrenAction } from '../../actions/append-child-nodes-action';
+import { LinkGroupAnnotationAction } from '../../actions/link-group-annotation-action';
 import { RemoveChildrenAction } from '../../actions/remove-child-action';
+import { NodeAnnotationTypeEnum } from '../../annotations/node-annotation.abstract';
+import { RTETextNode } from '../../nodes/text-node';
 import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
 /**
  * Append the second block child nodes to the first block child nodes and remove the second block strategy.
@@ -19,7 +22,29 @@ export class BlockMergeNodesStrategy extends ActionHandleStrategy {
         shouldMergeNodes = anotherBlock.children.filter((node) => node.text);
       }
       target.apply(new AppendChildrenAction(shouldMergeNodes));
+      if (target.type !== 'image') {
+        this.transferLinkGroups(shouldMergeNodes, target);
+      }
       anotherBlock.parent.apply(new RemoveChildrenAction(anotherBlock));
     }
   }
+  /**
+   * Re-registers the link group annotation on the target block for any merged nodes that carry a
+   * link. The link group annotation lives on the block being removed, so without this the merged
+   * link nodes would lose their hyperlink rendering.
+   *
+   * @param {RTENode[]} mergedNodes - The nodes that were appended to the target block.
+   * @param {RTETextBlock} target - The text block that received the merged nodes.
+   */
+  transferLinkGroups(mergedNodes, target) {
+    mergedNodes.forEach((node) => {
+      if (!(node instanceof RTETextNode)) {
+        return;
+      }
+      const linkAnnotation = node.getAnnotationByType(NodeAnnotationTypeEnum.LINK);
+      if (linkAnnotation) {
+        target.apply(new LinkGroupAnnotationAction(linkAnnotation.link.groupKey, [node], 'link'));
+      }
+    });
+  }
 }

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/delete-selected-content-strategy.js

@@ -0,0 +1,16 @@
+import changeManager from '../../../../../helpers/change-manager/change-manager';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalRichTextEditDeleteSelectedNodes } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * DeleteSelectedContentStrategy is responsible for handling the deletion of selected content within the rich text editor.
+ */
+export class DeleteSelectedContentStrategy extends ActionHandleStrategy {
+  /**
+   * @inheritDoc
+   */
+  handleAction(action) {
+    const { host, mergeFlag } = action;
+    changeManager.notify(domNodeSubjectFactory.getSubject(host, VegaInternalRichTextEditDeleteSelectedNodes), { host, detail: mergeFlag });
+  }
+}

package/dist/collection/components/vega-rich-text-editor/dto/actions/delete-selected-content-action.js

@@ -0,0 +1,17 @@
+import { ModifyContentAction, ModifyContentActionType } from './modify-content-action.abstract';
+/**
+ * Delete the currently selected content from the editor.
+ *
+ * @example currentVegaRTEContent.apply(new DeleteSelectedContentAction(host, mergeFlag))
+ */
+export class DeleteSelectedContentAction extends ModifyContentAction {
+  constructor(host, mergeFlag, flushable = false) {
+    super();
+    this.type = ModifyContentActionType.DELETE_SELECTED_CONTENT;
+    // mergeFlag indicates whether the action should merge adjacent text nodes after deletion.
+    this.mergeFlag = false;
+    this.host = host;
+    this.mergeFlag = mergeFlag;
+    this.isFlushable = flushable;
+  }
+}

package/dist/collection/components/vega-rich-text-editor/dto/actions/modify-content-action.abstract.js

@@ -30,6 +30,7 @@ export var ModifyContentActionType;
   ModifyContentActionType["INSERT_TEXT_TO_DECORATOR_NODE"] = "INSERT_TEXT_TO_DECORATOR_NODE";
   ModifyContentActionType["INSERT_NODE_TO_NEAREST_ROOT"] = "INSERT_NODE_TO_NEAREST_ROOT";
   ModifyContentActionType["PASTE_CONTENT"] = "PASTE_CONTENT";
+  ModifyContentActionType["DELETE_SELECTED_CONTENT"] = "DELETE_SELECTED_CONTENT";
 })(ModifyContentActionType || (ModifyContentActionType = {}));
 /**
  * Abstract class for update node content, delete node, insert node

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

@@ -23,6 +23,7 @@ import { StylePreservator } from '../../../helpers/csp/styles-preservator';
 import { LogUtility } from '../../../utils/log';
 import { HTMLContentCleaner } from '../slimmers/controllers/html-cleaner';
 import { RTEFilterStylesStrategyRegistry } from './filter-styles-strategies/filter-styles-strategy-registry';
+import { DeleteSelectedContentStrategy } from './action-handle-strategies/modify-content-strategies/delete-selected-content-strategy';
 /**
  * Class representing the content state of the rich text editor.
  */
@@ -259,6 +260,7 @@ export class VegaRTEContent {
   ActionHandleStrategyRegistry.register(ModifyContentActionType.INSERT_CHILDREN_AFTER, VegaRTEContent.name, new InsertChildrenAfterStrategy());
   ActionHandleStrategyRegistry.register(ModifyContentActionType.TRANSFORM_TO_CODE_BLOCK, VegaRTEContent.name, new BlockTransformToCodeBlockStrategy());
   ActionHandleStrategyRegistry.register(ModifyContentActionType.UPDATE_CURSOR_POSITION, VegaRTEContent.name, new UpdateCursorPositionStrategy());
+  ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_SELECTED_CONTENT, VegaRTEContent.name, new DeleteSelectedContentStrategy());
 })();
 /** Minimize-safe type discriminator for VegaRTEContent. */
 VegaRTEContent.dtoName = 'VegaRTEContent';