@globalpayments/vega 2.92.0 → 2.93.0

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

@@ -6,12 +6,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { MapToComponentField } from 'vega-slimmer/core';
 import { SubStateObserverSlimmer } from '../../../../../helpers/slimmers/sub-state/sub-state-observer-slimmer';
+import { isSelectAllItemIndeterminate } from '../../../slimmers/controllers/vega-dropdown-select-all-controller';
 import { findParent } from '../../../../../utils/ui';
+import { VEGA_DROPDOWN_SELECT_ALL_KEY } from '../../../constants';
 /**
  * Controller for the vega dropdown item states
  */
 export class VegaDropdownItemStateController extends SubStateObserverSlimmer {
-  // eslint-disable-next-line jsdoc/require-jsdoc
+  /**
+   * Initializes the dropdown item state controller with parent state observer setup
+   */
   constructor() {
     super({
       // eslint-disable-next-line jsdoc/require-jsdoc
@@ -57,11 +61,55 @@ export class VegaDropdownItemStateController extends SubStateObserverSlimmer {
             this.selected = Array.isArray(selectedSourceKey)
               ? selectedSourceKey.includes(this.itemKey)
               : selectedSourceKey === this.itemKey;
+            this.indeterminate = this.isSelectAllIndeterminate(selectedSourceKey);
           },
         },
       ],
       pullStatesWhenReattached: true,
     });
+    this.selectAllKey = VEGA_DROPDOWN_SELECT_ALL_KEY;
+  }
+  /**
+   * Gets the source of the parent dropdown, with fallback logic for different rendering modes
+   *
+   * @returns {VegaDropdown['source']} The source array from parent dropdown or content-box parent ref
+   */
+  getParentDropdownSource() {
+    const parentDropdown = this.getParentDropdown();
+    if (parentDropdown && Array.isArray(parentDropdown.source)) {
+      return parentDropdown.source;
+    }
+    const appender = findParent(this.host, 'vega-dropdown-content-box');
+    const parentRef = appender === null || appender === void 0 ? void 0 : appender['data-parent-ref'];
+    if (parentRef && Array.isArray(parentRef.source)) {
+      return parentRef.source;
+    }
+    return [];
+  }
+  /* eslint-disable jsdoc/no-undefined-types */
+  /**
+   * Gets the parent dropdown element for the current item.
+   * Supports both direct template ancestry and content-box appender fallback.
+   *
+   * @returns {Nullable<HTMLVegaDropdownElement>} The parent dropdown element when found, otherwise null/undefined
+   */
+  getParentDropdown() {
+    const parentDropdown = findParent(this.host, 'vega-dropdown');
+    if (parentDropdown) {
+      return parentDropdown;
+    }
+    const appender = findParent(this.host, 'vega-dropdown-content-box');
+    return appender === null || appender === void 0 ? void 0 : appender['data-parent-ref'];
+  }
+  /* eslint-enable jsdoc/no-undefined-types */
+  /**
+   * Determines if the select-all checkbox should display in indeterminate state
+   *
+   * @param {VegaDropdown['selectedSourceKey']} selectedSourceKey - The currently selected keys
+   * @returns {boolean} True if this is a select-all item with some but not all items selected
+   */
+  isSelectAllIndeterminate(selectedSourceKey) {
+    return isSelectAllItemIndeterminate(this.itemKey, selectedSourceKey, this.getParentDropdownSource(), this.selectAllKey);
   }
 }
 __decorate([
@@ -76,6 +124,9 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaDropdownItemStateController.prototype, "selected", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaDropdownItemStateController.prototype, "indeterminate", void 0);
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaDropdownItemStateController.prototype, "prefixIconSlot", void 0);

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

@@ -44,7 +44,7 @@ export class VegaDropdownItemRenderer extends VegaSlimmer {
     return this.selected && h("vega-icon", { icon: "checkmark", size: "size-16" });
   }
   renderMultipleSelectIcon() {
-    return h("vega-checkbox", { size: "small", checked: this.selected, disabled: this.disabled });
+    return (h("vega-checkbox", { size: "small", checked: this.selected, indeterminate: this.indeterminate, disabled: this.disabled }));
   }
   renderPrefixIcon() {
     return ((this.prefixIcon || this.prefixIconSlot) && (h("div", { class: "item-prefix" }, this.renderItemPrefixIcon())));
@@ -123,6 +123,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "selected", void 0);
+__decorate([
+  MapToComponentField()
+], VegaDropdownItemRenderer.prototype, "indeterminate", void 0);
 __decorate([
   MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "selectType", void 0);

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

@@ -35,6 +35,10 @@ export class VegaDropdownItem {
      * Specifies the dropdown item's selected status.
      */
     this.selected = false;
+    /**
+     * Specifies whether the dropdown item checkbox should show indeterminate state.
+     */
+    this.indeterminate = false;
     /**
      * Specifies the dropdown item's rule of display.
      */
@@ -214,6 +218,7 @@ export class VegaDropdownItem {
     "selectType": {},
     "prefixIconSlot": {},
     "selected": {},
+    "indeterminate": {},
     "itemDisplayRule": {},
     "itemTooltipProps": {}
   }; }

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

@@ -22,7 +22,7 @@ import { VegaDropdownRenderModeController } from './slimmers/controllers/vega-dr
 import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
 import { VegaDropdownChildrenController } from './slimmers/controllers/vega-dropdown-children-controller';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
-import { VegaCreate, VegaDropdownClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaReset, VegaSearchTrigger, } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaCreate, VegaDropdownClick, VegaDropdownSelectAllClick, VegaDropdownHide, VegaDropdownSearch, VegaDropdownShow, VegaReset, VegaSearchTrigger, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesNotifyObserverSlimmer, } from '../../helpers/event-manager/slimmers/child-nodes-notify-observer-slimmer';
 import { DROPDOWN_ITEM_CLICK } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
@@ -31,6 +31,7 @@ import { VegaDropdownScrollableController } from './slimmers/controllers/vega-dr
 import { VegaDropdownRemoteInvocationController } from './slimmers/controllers/vega-dropdown-remote-invocation-controller';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { VegaDropdownResetRenderer } from './slimmers/renderers/vega-dropdown-reset-renderer';
+import { VegaDropdownSelectAllController } from './slimmers/controllers/vega-dropdown-select-all-controller';
 /**
  * @vegaVersion 1.3.0
  */
@@ -49,6 +50,7 @@ export class VegaDropdown {
     this.keyboardController = new VegaDropdownKeyboardController();
     this.appenderController = new VegaDropdownAppenderController();
     this.searchController = new VegaDropdownSearchController();
+    this.selectAllController = new VegaDropdownSelectAllController();
     /**
      * childrenController should be defined before selectedController,
      *     which can ensure collecting information before verifying it.
@@ -66,6 +68,7 @@ export class VegaDropdown {
     this.showEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownShow);
     this.hideEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownHide);
     this.dropdownClickEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownClick);
+    this.selectAllClickEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownSelectAllClick);
     this.resetEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaReset);
     this.createEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaCreate);
     this.searchEventEmitter = createEventEmitSlimmer(VegaDropdown, VegaDropdownSearch);
@@ -264,6 +267,14 @@ export class VegaDropdown {
      * @vegaVersion 2.74.0
      */
     this.searchNoResultsText = 'No results found';
+    /**
+     * Allows users to select or deselect all items in the dropdown.
+     *    Only applicable when selectType is set to 'multiple'.
+     *    When enabled, a "Select All" option is added to the dropdown menu.
+     *
+     * @vegaVersion 2.93.0
+     */
+    this.allowSelectAll = false;
   }
   watchIsDropdownShow() {
     methodPlaceholder();
@@ -289,6 +300,9 @@ export class VegaDropdown {
   watchCaseSensitive() {
     methodPlaceholder();
   }
+  watchAllowSelectAll() {
+    methodPlaceholder();
+  }
   /**
    * Invoke this method to programmatically display the dropdown menu.
    *
@@ -346,6 +360,26 @@ export class VegaDropdown {
   async setSelection(keys) {
     methodPlaceholder(keys);
   }
+  /**
+   * Invoke this method to manually sync template/slot-based dropdown data.
+   * Useful when template items are dynamically added or removed.
+   *
+   * @example
+   * const dropdown = document.querySelector("vega-dropdown");
+   * const itemsContainer = dropdown.querySelector('[slot="items"]');
+   *
+   * const item = document.createElement('vega-dropdown-item');
+   * item.itemKey = 'new-item';
+   * item.label = 'New item';
+   * itemsContainer.appendChild(item);
+   *
+   * await dropdown.syncTemplateData();
+   *
+   * @vegaVersion 2.93.0
+   */
+  async syncTemplateData() {
+    methodPlaceholder();
+  }
   render() {
     slotPlaceholder(h("slot", null));
     return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);
@@ -1038,6 +1072,27 @@ export class VegaDropdown {
       "attribute": "search-no-results-text",
       "reflect": false,
       "defaultValue": "'No results found'"
+    },
+    "allowSelectAll": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.93.0"
+          }],
+        "text": "Allows users to select or deselect all items in the dropdown.\n   Only applicable when selectType is set to 'multiple'.\n   When enabled, a \"Select All\" option is added to the dropdown menu."
+      },
+      "attribute": "allow-select-all",
+      "reflect": true,
+      "defaultValue": "false"
     }
   }; }
   static get states() { return {
@@ -1084,6 +1139,45 @@ export class VegaDropdown {
         "resolved": "string",
         "references": {}
       }
+    }, {
+      "method": "vegaDropdownSelectAllClick",
+      "name": "vegaDropdownSelectAllClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.93.0"
+          }],
+        "text": "An event emitter notifying that the Select All option has been clicked.\n\nThe event's `detail` property is `true` when all items become selected,\nand `false` when Select All is cleared."
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
+    }, {
+      "method": "dropdownSelectAllClick",
+      "name": "dropdownSelectAllClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.93.0"
+          }],
+        "text": "An event emitter notifying that the Select All option has been clicked.\n\nThe event's `detail` property is `true` when all items become selected,\nand `false` when Select All is cleared."
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
     }, {
       "method": "vegaShow",
       "name": "vegaShow",
@@ -1455,6 +1549,28 @@ export class VegaDropdown {
             "text": "1.47.0"
           }]
       }
+    },
+    "syncTemplateData": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Invoke this method to manually sync template/slot-based dropdown data.\nUseful when template items are dynamically added or removed.",
+        "tags": [{
+            "name": "example",
+            "text": "const dropdown = document.querySelector(\"vega-dropdown\");\nconst itemsContainer = dropdown.querySelector('[slot=\"items\"]');\n\nconst item = document.createElement('vega-dropdown-item');\nitem.itemKey = 'new-item';\nitem.label = 'New item';\nitemsContainer.appendChild(item);\n\nawait dropdown.syncTemplateData();"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.93.0"
+          }]
+      }
     }
   }; }
   static get elementRef() { return "host"; }
@@ -1482,6 +1598,9 @@ export class VegaDropdown {
     }, {
       "propName": "caseSensitive",
       "methodName": "watchCaseSensitive"
+    }, {
+      "propName": "allowSelectAll",
+      "methodName": "watchAllowSelectAll"
     }]; }
 }
 __decorate([
@@ -1523,6 +1642,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "searchController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDropdown.prototype, "selectAllController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "childrenController", void 0);
@@ -1562,6 +1684,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "dropdownClickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaDropdown.prototype, "selectAllClickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaDropdown.prototype, "resetEventEmitter", void 0);

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

@@ -18,7 +18,7 @@ import { VegaFieldLabelLabelAnnouncementRenderer } from './slimmers/renderers/ve
  */
 /**
  * This is an internal used component and shouldn't be used by clients,
- *    it doesn't show up in storybook either.
+ *    it is not part of the public component surface.
  */
 export class VegaFieldLabel {
   constructor() {

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

@@ -14,7 +14,7 @@ import { sanitizeVegaComponent } from '../../utils/component';
  */
 /**
  * This is an internal used component and shouldn't be used by client,
- *    it doesn't show up in storybook either.
+ *    it is not part of the public component surface.
  */
 export class VegaHint {
   constructor() {

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

@@ -36,7 +36,7 @@ export class VegaModalRenderer extends VegaSlimmer {
       h("vega-box", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, width: isResponsiveSizeType(this.size) ? this.size : DefaultModalSize, height: this.height, margin: this.margin }, this.renderContainer())));
   }
   renderContainer() {
-    return (h("div", { class: "modal-container", ref: (node) => (this.modalContainer = node) },
+    return (h("vega-box", { class: "modal-container", corners: this.corners, ref: (node) => (this.modalContainer = node) },
       this.renderHeader(),
       this.renderContent(),
       this.renderFooter()));
@@ -117,6 +117,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "height", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalRenderer.prototype, "corners", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "showCloseButton", void 0);

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

@@ -5223,7 +5223,6 @@
   background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));
   color: rgba(var(--v-text-primary, 32, 54, 69, 1));
   box-shadow: var(--v-shadow-modal, 0px 6px 40px 0px rgba(2, 2, 15, 0.04), 0px 4px 24px 0px rgba(2, 2, 15, 0.08), 0px 8px 80px 0px rgba(2, 2, 15, 0.16));
-  border-radius: 12px;
   box-sizing: border-box;
   pointer-events: auto;
   overflow: hidden;

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

@@ -130,6 +130,14 @@ export class VegaModal {
      * @vegaVersion 2.81.0
      */
     this.margin = { y: 'size-64', x: 'auto' };
+    /**
+     * Defines the corner of the modal dialog.
+     *    It accepts a string value representing a valid
+     *    border radius token.
+     *
+     * @vegaVersion 2.93.0
+     */
+    this.corners = 'rounded-12';
     /**
      * Provides a callback function that is triggered when a user clicks the
      *    close button located in the top right corner of the modal.
@@ -560,6 +568,36 @@ export class VegaModal {
       "attribute": "content-max-height",
       "reflect": false
     },
+    "corners": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<CornersType>",
+        "resolved": "\"rounded-12\" | \"rounded-16\" | \"rounded-2\" | \"rounded-24\" | \"rounded-32\" | \"rounded-4\" | \"rounded-48\" | \"rounded-8\" | \"rounded-full\" | \"rounded-none\" | { S?: CornersType; M?: CornersType; L?: CornersType; XL?: CornersType; default?: CornersType; } | { left?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; right?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; top?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; bottom?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"top-left\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"top-right\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"bottom-left\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"bottom-right\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "CornersType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.93.0"
+          }],
+        "text": "Defines the corner of the modal dialog.\n   It accepts a string value representing a valid\n   border radius token."
+      },
+      "attribute": "corners",
+      "reflect": false,
+      "defaultValue": "'rounded-12'"
+    },
     "handleClose": {
       "type": "unknown",
       "mutable": false,

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

@@ -1,3 +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 2023 Fonticons, Inc. --><path fill="currentColor" d="M48 424c0 13.3-10.7 24-24 24S0 437.3 0 424l0-96c0-53 43-96 96-96l334.1 0-95-95c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L505 239c4.5 4.5 7 10.6 7 17s-2.5 12.5-7 17L369 409c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l95-95-334.1 0c-26.5 0-48 21.5-48 48l0 96z"/></svg>`,
+  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 424c0 13.3-10.7 24-24 24S0 437.3 0 424l0-96c0-53 43-96 96-96l334.1 0-95-95c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L505 239c4.5 4.5 7 10.6 7 17s-2.5 12.5-7 17L369 409c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l95-95-334.1 0c-26.5 0-48 21.5-48 48l0 96z"/></svg>`,
 };

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

@@ -1,3 +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 2023 Fonticons, Inc. --><path fill="currentColor" d="M464 424c0 13.3 10.7 24 24 24s24-10.7 24-24l0-96c0-53-43-96-96-96l-334.1 0 95-95c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239c-4.5 4.5-7 10.6-7 17s2.5 12.5 7 17L143 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-95-95 334.1 0c26.5 0 48 21.5 48 48l0 96z"/></svg>`,
+  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="M464 424c0 13.3 10.7 24 24 24s24-10.7 24-24l0-96c0-53-43-96-96-96l-334.1 0 95-95c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239c-4.5 4.5-7 10.6-7 17s2.5 12.5 7 17L143 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-95-95 334.1 0c26.5 0 48 21.5 48 48l0 96z"/></svg>`,
 };

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

@@ -29,11 +29,16 @@ export class BlockInsertLineBreakStrategy extends ActionHandleStrategy {
       if (nodesSplitIndex > -1) {
         const beforeNodes = target.children.slice(0, nodesSplitIndex);
         const afterNodes = target.children.slice(nodesSplitIndex + 1);
-        if (beforeText) {
-          beforeNodes.push(splitNode.cloneWithText(beforeText));
+        if (splitNode.isContentEditable()) {
+          if (beforeText) {
+            beforeNodes.push(splitNode.cloneWithText(beforeText));
+          }
+          if (afterText) {
+            afterNodes.unshift(splitNode.cloneWithText(afterText));
+          }
         }
-        if (afterText) {
-          afterNodes.unshift(splitNode.cloneWithText(afterText));
+        else {
+          startOffsetOfNode > 0 ? beforeNodes.push(splitNode) : afterNodes.unshift(splitNode);
         }
         this.mergeLineBreakNodes(beforeNodes, lineBreakNode, afterNodes, target);
       }
@@ -50,7 +55,8 @@ export class BlockInsertLineBreakStrategy extends ActionHandleStrategy {
    */
   mergeLineBreakNodes(beforeNodes, lineBreakNode, afterNodes, target) {
     if (afterNodes.length === 0 || (afterNodes[0] && afterNodes[0].text === '')) {
-      afterNodes.push(new RTETextNode(generateUUID(), '\n', target, beforeNodes[beforeNodes.length - 1] && beforeNodes[beforeNodes.length - 1].annotationMap));
+      const lastBeforeNode = beforeNodes[beforeNodes.length - 1];
+      afterNodes.push(new RTETextNode(generateUUID(), '\n', target, lastBeforeNode && new Map(lastBeforeNode.annotationMap)));
     }
     target.apply(new ReplaceChildNodesAction([...beforeNodes, lineBreakNode, ...afterNodes]));
   }

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

@@ -27,11 +27,16 @@ export class BlockSplitWithTextNodeStrategy extends ActionHandleStrategy {
       if (nodesSplitIndex > -1) {
         const beforeNodes = textBlock.children.slice(0, nodesSplitIndex);
         const afterNodes = textBlock.children.slice(nodesSplitIndex + 1);
-        if (beforeText) {
-          beforeNodes.push(splitNode.cloneWithText(beforeText));
+        if (splitNode.isContentEditable()) {
+          if (beforeText) {
+            beforeNodes.push(splitNode.cloneWithText(beforeText));
+          }
+          if (afterText) {
+            afterNodes.unshift(splitNode.cloneWithText(afterText));
+          }
         }
-        if (afterText) {
-          afterNodes.unshift(splitNode.cloneWithText(afterText));
+        else {
+          startOffsetOfNode > 0 ? beforeNodes.push(splitNode) : afterNodes.unshift(splitNode);
         }
         textBlock.apply(new ReplaceChildNodesAction(beforeNodes));
         const newBlock = textBlock.cloneWithNodes(afterNodes);

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

@@ -1,28 +1,84 @@
 import { InsertChildrenAfterAction } from '../../actions/insert-children-after-block';
 import { InsertChildrenBeforeAction } from '../../actions/insert-children-before-block';
+import { ReplaceChildNodesAction } from '../../actions/replace-child-nodes-action';
 import { SplitBlockWithNodeAction } from '../../actions/split-block-with-node-action';
+import { RTETextNode } from '../../nodes/text-node';
 import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
-/**
- * Strategy to handle the paste content into function block.
- */
+/** Handles pasted content in a block. */
 export class PasteContentStrategy extends ActionHandleStrategy {
   /**
-   * @inheritDoc
+   * Handles pasted content for the target block.
+   *
+   * @param {PasteContentAction} action - The paste action to apply.
+   * @param {RTEBlock} target - The block receiving the pasted content.
+   * @returns {void}
    */
   handleAction(action, target) {
     if (target.parent) {
       const { blocksToBeInserted, startNode, startOffset } = action;
       let futureFocusBlock = target;
+      const singlePastedBlock = blocksToBeInserted[0];
+      // Check if the pasted block is a text block with all text node children.
+      // Do NOT allow inline merge for list blocks or other special block types.
+      const canInlineMergeSingleBlock = blocksToBeInserted.length === 1 &&
+        startNode instanceof RTETextNode &&
+        !['RTEListBlock', 'RTEHtmlBlock'].includes(singlePastedBlock.constructor.name) &&
+        singlePastedBlock.children.length > 0 &&
+        singlePastedBlock.children.every((child) => { var _a, _b; return ((_b = (_a = child).isTextNode) === null || _b === void 0 ? void 0 : _b.call(_a)) === true; });
       if (startNode === target.children[0] && startOffset === 0) {
         target.parent.apply(new InsertChildrenBeforeAction(target, ...blocksToBeInserted));
       }
+      else if (canInlineMergeSingleBlock) {
+        this.inlineMergeSingleBlock(action, target);
+        return;
+      }
       else {
         const breakAction = new SplitBlockWithNodeAction(startNode, startOffset);
         target.apply(breakAction);
         target.parent.apply(new InsertChildrenAfterAction(target, ...blocksToBeInserted));
-        futureFocusBlock = breakAction.newBlock;
+        futureFocusBlock = blocksToBeInserted[blocksToBeInserted.length - 1];
+        action.futureFocusAtEnd = true;
       }
       action.futureFocusBlock = futureFocusBlock;
     }
   }
+  /**
+   * Merges a single pasted block inline at the cursor position.
+   *
+   * @param {PasteContentAction} action - The paste action being processed.
+   * @param {RTEBlock} target - The block receiving the inline merge.
+   * @returns {void}
+   */
+  inlineMergeSingleBlock(action, target) {
+    const { blocksToBeInserted, startNode, startOffset } = action;
+    const singleBlock = blocksToBeInserted[0];
+    const pastedNodes = singleBlock.children;
+    const splitNode = startNode;
+    const nodesSplitIndex = target.children.indexOf(splitNode);
+    if (nodesSplitIndex === -1) {
+      const breakAction = new SplitBlockWithNodeAction(startNode, startOffset);
+      target.apply(breakAction);
+      target.parent.apply(new InsertChildrenAfterAction(target, ...blocksToBeInserted));
+      action.futureFocusBlock = singleBlock;
+      action.futureFocusAtEnd = true;
+      return;
+    }
+    const beforeText = splitNode.text.slice(0, startOffset);
+    const afterText = splitNode.text.slice(startOffset);
+    const beforeNodes = target.children.slice(0, nodesSplitIndex);
+    const afterNodes = target.children.slice(nodesSplitIndex + 1);
+    if (beforeText) {
+      beforeNodes.push(splitNode.cloneWithText(beforeText));
+    }
+    if (afterText) {
+      afterNodes.unshift(splitNode.cloneWithText(afterText));
+    }
+    target.apply(new ReplaceChildNodesAction([...beforeNodes, ...pastedNodes, ...afterNodes]));
+    const lastPastedNode = pastedNodes[pastedNodes.length - 1];
+    action.futureFocusBlock = target;
+    action.futureFocusNode = lastPastedNode;
+    if (lastPastedNode.isTextNode()) {
+      action.futureFocusNodeOffset = lastPastedNode.text.length;
+    }
+  }
 }

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

@@ -9,6 +9,7 @@ export class PasteContentAction extends ModifyContentAction {
   constructor(blocksToBeInserted, startNode, startOffset, rteRange) {
     super();
     this.type = ModifyContentActionType.PASTE_CONTENT;
+    this.futureFocusAtEnd = false;
     this.blocksToBeInserted = blocksToBeInserted;
     this.startNode = startNode;
     this.startOffset = startOffset;

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

@@ -39,6 +39,7 @@ import { UnderlineAnnotationAction } from '../actions/underline-annotation-actio
 import { TextColorAnnotationAction } from '../actions/text-color-annotation-action';
 import { StrikethroughAnnotationAction } from '../actions/strikethrough-annotation-action';
 import { CodeAnnotationAction } from '../actions/code-annotation-action';
+import { escapeHtml } from '../../helpers/utils';
 /**
  * Text node
  */
@@ -418,7 +419,11 @@ export class RTETextNode extends RTENode {
     if (this.text === '\n') {
       return `<br>`;
     }
-    return this.shouldRenderAsPlainText() ? this.text : `<${NodeTag}${attrStr}>${this.text}</${NodeTag}>`;
+    if (this.shouldRenderAsPlainText()) {
+      return this.text;
+    }
+    const content = NodeTag === 'code' ? escapeHtml(this.text) : this.text;
+    return `<${NodeTag}${attrStr}>${content}</${NodeTag}>`;
   }
   /**
    * Determines if the text node should be rendered as plain text.