@globalpayments/vega 2.36.0 → 2.37.1

package/dist/types/components/vega-modal/vega-modal.d.ts

@@ -3,38 +3,40 @@ import { PaddingType, ResponsiveType, SizeType } from '../../types/ui.type';
 import { BreakpointsTokenType } from '../../types/design-token.type';
 import { VegaModalBackdrop, VegaModalBackdropColor } from './types';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
-import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { ComponentGlobalStyleSlimmer } from '../../helpers/slimmers/component-global-style-slimmer';
 import { DeprecatedPropertySlimmerBase } from '../../helpers/slimmers/deprecated-property-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaNestedModalController } from './slimmers/controllers/vega-nested-modal-controller';
+import { VegaModalRenderer } from './slimmers/renderers/vega-modal-renderer';
+import { VegaModalLayoutController } from './slimmers/controllers/vega-modal-layout-controller';
+import { VegaModalMobileController } from './slimmers/controllers/vega-modal-mobile-controller';
+import { VegaModalScrollController } from './slimmers/controllers/vega-modal-scroll-controller';
+import { VegaModalOpenStateController } from './slimmers/controllers/vega-modal-open-state-controller';
+import { VegaModalBackdropController } from './slimmers/controllers/vega-modal-backdrop-controller';
+import { VegaModalOpenedModalStackController } from './slimmers/controllers/vega-modal-opened-modal-stack-controller';
+import { VegaModalZIndexController } from './slimmers/controllers/vega-modal-z-index-controller';
 /**
  * @vegaVersion 1.0.6
  */
 export declare class VegaModal {
-  private static openedModalStack;
-  private static readonly backdropColorMap;
   protected readonly globalSlimmers: GlobalSlimmers;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-resize-e2e}
-   */
-  protected readonly pageResizeObserverSlimmer: PageResizeObserverSlimmer;
   protected readonly nestedModalController: VegaNestedModalController;
+  protected readonly openStateController: VegaModalOpenStateController;
+  protected readonly mobileController: VegaModalMobileController;
+  protected readonly scrollController: VegaModalScrollController;
+  protected readonly layoutController: VegaModalLayoutController;
+  protected readonly backdropController: VegaModalBackdropController;
+  protected readonly openedModalStackController: VegaModalOpenedModalStackController;
+  protected readonly zIndexController: VegaModalZIndexController;
+  protected readonly renderer: VegaModalRenderer;
   protected openEventEmitter: EventEmitSlimmerBase;
   protected closeEventEmitter: EventEmitSlimmerBase;
   protected childNodesEventPrevent: ChildNodesEventPreventSlimmer;
   protected readonly componentGlobalStyleSlimmer: ComponentGlobalStyleSlimmer<HTMLVegaModalElement>;
   protected readonly deprecatedPropertySlimmer: DeprecatedPropertySlimmerBase<boolean>;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaModalElement>;
-  private isModalWidthSet;
-  private touchStartY;
-  private modalContent;
-  private modalFooter;
-  private backdropRef;
-  private modalContainer;
   host: HTMLVegaModalElement;
   currentBreakpoint: BreakpointsTokenType;
   /**
@@ -175,11 +177,6 @@ export declare class VegaModal {
    */
   modalOpen: EventEmitter;
   disconnectedCallback(): void;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-resize-e2e}
-   */
-  componentDidLoad(): void;
   /**
    * Clicking on a non-static current modal should close this modal, not other modals.
    * The below method is e2e-test covered in
@@ -198,97 +195,4 @@ export declare class VegaModal {
    */
   modal(option: 'show' | 'hide'): Promise<void>;
   render(): VegaModal;
-  private renderContainer;
-  private renderHeader;
-  private renderContent;
-  private renderFooter;
-  private renderTitle;
-  private renderCloseBtn;
-  private hasModalFooter;
-  private isContentScrollable;
-  private hasModalTitle;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-content-scroll-to-bottom}
-   */
-  private listenContentScroll;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-toggle-interactive-e2e}
-   */
-  private toggle;
-  private setModalZIndex;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-default-e2e}
-   * @see{module:vega-modal-size-number-e2e}
-   * @see{module:vega-modal-size-responsive-e2e}
-   * @see{module:vega-modal-resize-e2e}
-   * While call toggle method for modal show or hide, it will call this method.
-   * but we should really update the modal width while first initialize modal, window resize and size changed.
-   * So to avoid repeated calls by toggle, we add a flag as parameter,
-   */
-  private setModalWidth;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-content-max-height-responsive-e2e}
-   */
-  private setContentMaxHeight;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-toggle-interactive-e2e}
-   */
-  private setModalVisibility;
-  private emitEvent;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-toggle-interactive-e2e}
-   */
-  private closeModal;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-default-e2e}
-   * @see{module:vega-modal-size-number-e2e}
-   * @see{module:vega-modal-size-responsive-e2e}
-   * @see{module:vega-modal-resize-e2e}
-   * @see{module:vega-modal-default-width-S-320-e2e}
-   * @see{module:vega-modal-default-width-S-600-e2e}
-   */
-  private getModalSize;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-backdrop-color-default-e2e}
-   * @see{module:vega-modal-backdrop-color-semi-e2e}
-   * @see{module:vega-modal-backdrop-color-none-e2e}
-   * @see{module:vega-modal-default-e2e}
-   */
-  private setBackdrop;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-disconnected-callback-e2e }
-   */
-  private removeBackdropWhileNoModalShow;
-  /**
-   * Get visible modal length
-   */
-  private getVisibleModalLength;
-  /**
-   * In desktop, we should add 'overflow: hidden' to the body to prevent the body scroll.
-   */
-  private updateDocumentRootOverflow;
-  private pushToModalStack;
-  private deleteFromModalStack;
-  /**
-   * There are two situations in modal scrolling:
-   * 1. Scrolls the non-modal content part in vega-modal (e.g. backdrop, modal dialog).
-   * 2. Scrolls the modal content (if scrollable) in vega-modal.
-   * On the mobile side, we need to prevent scrolling in the area outside the modal content.
-   *
-   * TODO: If the modal content is too long, a scroll bar will appear and the body cannot be scrolled,
-   * but on the IOS side, the body content of the scrolling modal will occasionally appear scrolling.
-   * This problem is reproduced on the following websites, and there is no solution yet.
-   * https://v5.bootcss.com/docs/components/modal/
-   * https://mui.com/material-ui/react-dialog/
-   */
-  private disableBackdropTouchMove;
 }

package/dist/types/components/vega-nav/vega-left-nav-link/slimmers/renderers/vega-left-nav-link-renderer.d.ts

@@ -9,6 +9,7 @@ export declare class VegaLeftNavLinkRenderer extends VegaSlimmer {
   menuClickEventEmitter: VegaLeftNavLink['menuClickEventEmitter'];
   controller: VegaLeftNavLink['controller'];
   deprecatedPropertySlimmer: VegaLeftNavLink['deprecatedPropertySlimmer'];
+  customSelectionEnabled: VegaLeftNavLink['customSelectionEnabled'];
   render(): VegaLeftNavLink;
   /**
    * The below method is e2e-test covered in

package/dist/types/components/vega-nav/vega-left-nav-link/vega-left-nav-link.d.ts

@@ -21,10 +21,18 @@ export declare class VegaLeftNavLink {
    * @vegaVersion 1.31.0
    */
   icon: string;
-  /** boolean indicating if current link item is selected **
+  /**
+   * A boolean that indicates whether the current link item is selected.
+   * @VegaWarning Note: Ensure that the `custom-selection-enabled` property is set to `true` before modifying this value, as modifying it without this setting may lead to unexpected behavior.
    * @vegaVersion 1.31.0
    */
   selected: boolean;
+  /**
+   * Specifies whether the link's selected state can be customized. When enabled, it prevents the default automatic selection on click, allowing users to manually control the link’s selection behavior.
+   *
+   * @vegaVersion 2.37.0
+   */
+  customSelectionEnabled: boolean;
   /** url attached to the left nav link item **
    *
    * @vegaVersion 1.31.0

package/dist/types/components/vega-pagination/types.d.ts

@@ -1,7 +1,3 @@
-import { VegaComponentInterface } from '../../types/ui.type';
-
 export type VegaPaginationItemType = 'currentPageLabel' | 'pageSizeSelector' | 'pageSelector' | 'goTo';
 
-export type DropdownPropsForPagination = Partial<
-	Pick<VegaComponentInterface<HTMLVegaDropdownElement>, 'isScreenPosition'>
->;
+export type DropdownPropsForPagination = Partial<Pick<HTMLVegaDropdownElement, 'isScreenPosition'>>;

package/dist/types/components/vega-pagination/vega-pagination.d.ts

@@ -64,7 +64,7 @@ export declare class VegaPagination {
    */
   pageSizeSelectorOptions: number[];
   /**
-   * Specifies the properties of the vega-dropdown component
+   * Specifies the properties of the `vega-dropdown` component
    *    used to configure the dropdown for the
    *    page size selector in pagination.
    *

package/dist/types/components/vega-rich-text-editor/interface.d.ts

@@ -1,4 +1,3 @@
-import { VegaComponentInterface } from '../../types/ui.type';
 import { RTETextBlock } from './dto/blocks/text-block';
 import { JSXBase } from '../../stencil-public-runtime';
 import { RTEImageBlock } from './dto/blocks/image-block';
@@ -11,7 +10,7 @@ import { VegaRichTextImageEditorSizeType } from './vega-rich-text-image-editor/t
 
 export type ToolbarButtonConfig = {
 	icon: string;
-	tooltip: Partial<Pick<VegaComponentInterface<HTMLVegaTooltipElement>, 'text'>>;
+	tooltip: Partial<Pick<HTMLVegaTooltipElement, 'text'>>;
 };
 
 export type AnnotationStyle = JSXBase.HTMLAttributes['style'];

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/delete-selected-nodes-controller.d.ts

@@ -0,0 +1,57 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaRichTextEditor } from '../../vega-rich-text-editor';
+/**
+ * The `DeleteSelectedNodesController` class provides methods to delete selected nodes.
+ */
+export declare class DeleteSelectedNodesController extends VegaSlimmer {
+  protected host: VegaRichTextEditor['host'];
+  protected selectionController: VegaRichTextEditor['selectionController'];
+  protected value: VegaRichTextEditor['value'];
+  /**
+   * Adds the observer to the host element.
+   */
+  addDeleteObserver(): void;
+  /**
+   * Removes the observer from the host element.
+   */
+  removeDeleteObserver(): void;
+  /**
+   * Deletes the selected nodes.
+   *
+   * @param {NotifyObserverPayload<boolean>} payload The notify payload
+   * @param {boolean} payload.detail The delete process need merge start node and end node or not, default value is true.
+   */
+  private deleteActionProcess;
+  /**
+   * Removes selected nodes within a range in a rich text editor content.
+   * The method is only used for different nodes are selected
+   *
+   * @returns {RTENode} The range start node, usually the start node is the first item of selectedNodes, if the selectedNodes is all removed, the start node will be a new text node.
+   */
+  private removeSelectionRange;
+  /**
+   * Removes the selected text at the start and end of a range in a Rich Text Editor.
+   */
+  private removeRangeStartAndEndSelectedText;
+  /**
+   * Creates a new paragraph with an empty text node and returns it.
+   *
+   * @returns {RTETextBlock} An empty paragraph with a unique identifier and a text node appended to it.
+   */
+  private createEmptyParagraph;
+  /**
+   * Merges text nodes in a rich text editor.
+   *
+   * @param {Node} startContainer - Start text node element
+   * @param {Node} endContainer - End text node element
+   */
+  private mergeRangeStartAndEnd;
+  /**
+   * Compares the annotations of two RTETextNodes to determine if they can be merged.
+   *
+   * @param {RTETextNode} nodeA - node A
+   * @param {RTETextNode} nodeB - node B
+   * @returns {boolean} true or false
+   */
+  private shouldMergeTextNode;
+}

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/base-handler.d.ts

@@ -6,21 +6,16 @@ import { SelectionController } from '../../selection-controller';
 export declare abstract class BaseHandler {
   protected currentState: VegaRTEContent;
   protected selectionController: SelectionController;
+  protected richTextEditorRef: HTMLVegaRichTextEditorElement;
   /**
    * The function `execute` initializes the current state and selection, and then handles an event if provided.
    *
    * @param {VegaRTEContent} currentState - The current state of the VegaRTE content.
    * @param {SelectionController} selectionController - Manages the selection of items in the user interface.
+   * @param {HTMLElement} richTextEditor - The current rich text editor component
    * @param {InputEvent} [event] - It is used to pass an input event to the method for handling.
    */
-  execute(currentState: VegaRTEContent, selectionController: SelectionController, event?: InputEvent): void;
-  /**
-   * Replaces the selected nodes with the provided text.
-   *
-   * @param {string} text - The insert text
-   * @returns {RTENode} - The selected start node
-   */
-  protected replaceSelectedNodesWithText(text: string): RTENode;
+  execute(currentState: VegaRTEContent, selectionController: SelectionController, richTextEditor: HTMLVegaRichTextEditorElement, event?: InputEvent): void;
   /**
    * The function `isRootContainer` checks if an HTML element is a root container with a class of 'rich-text-content'.
    *
@@ -35,38 +30,20 @@ export declare abstract class BaseHandler {
    * @returns {boolean} boolean result
    */
   protected isEmptyParagraph(node: HTMLElement): boolean;
-  /**
-   * Removes the selected text at the start and end of a range in a Rich Text Editor.
-   */
-  protected removeRangeStartAndEndSelectedText(): void;
-  /**
-   * Merges text nodes in a rich text editor.
-   *
-   * @param {Node} startContainer - Start text node element
-   * @param {Node} endContainer - End text node element
-   */
-  protected mergeRangeStartAndEnd(startContainer: Node, endContainer: Node): void;
   /**
    * Removes selected nodes within a range in a rich text editor content.
    * The method is only used for different nodes are selected
    *
+   * @param {boolean} [mergeNode] Merge start node and end node or not, default value is false.
    * @returns {RTENode} The range start node, usually the start node is the first item of selectedNodes, if the selectedNodes is all removed, the start node will be a new text node.
    */
-  protected removeSelectionRange(): RTENode;
+  protected removeSelectionRange(mergeNode?: boolean): RTENode;
   /**
    * Creates a new paragraph with an empty text node and returns it.
    *
    * @returns {RTETextBlock} An empty paragraph with a unique identifier and a text node appended to it.
    */
   protected createEmptyParagraph(): RTETextBlock;
-  /**
-   * Compares the annotations of two RTETextNodes to determine if they can be merged.
-   *
-   * @param {RTETextNode} nodeA - node A
-   * @param {RTETextNode} nodeB - node B
-   * @returns {boolean} true or false
-   */
-  private shouldMergeTextNode;
   /**
    * The function initializes the current state and selection controller in TypeScript.
    *
@@ -74,5 +51,11 @@ export declare abstract class BaseHandler {
    * @param {SelectionController} selectionController - It is used to manage the selection of content within the VegaRTE editor.
    */
   private initCurrentStateAndSelection;
+  /**
+   * Queries the rich text editor element from the input event target.
+   *
+   * @param {HTMLElement} richTextEditor - The current rich text editor component
+   */
+  private setCurrentRichTextEditor;
   abstract handleEvent(event?: InputEvent): void;
 }

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/delete-content-handler.d.ts

@@ -9,10 +9,6 @@ export declare class DeleteContentHandler extends BaseHandler {
    * Handles the deletion of content within a single block in an RTE editor.
    */
   private deleteContentWithSingleBlock;
-  /**
-   * Creates a new paragraph element with a text node and appends it to the current state.
-   */
-  private insertDefaultParagraph;
   /**
    * Deletes the content within multiple nodes selected by the user.
    */
@@ -23,6 +19,10 @@ export declare class DeleteContentHandler extends BaseHandler {
    * @param {RTEBlock} block - The first block instance
    */
   private convertFirstBlockToParagraph;
+  /**
+   * Creates a new paragraph element with a text node and appends it to the current state.
+   */
+  private insertDefaultParagraph;
   /**
    * Returns the end offset of a given node in a Rich Text Editor based on its type and text content.
    *

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/helper/input-event-handler/insert-line-break-handler.d.ts

@@ -33,7 +33,7 @@ export declare class InsertLineBreakHandler extends BaseHandler {
   /**
    * Moves the caret to the next node element in a rich text editor.
    *
-   * @param {RTETextNode} lineBreakNode - Represents a node element in a rich text editor.
+   * @param {RTENode} lineBreakNode - Represents a node element in a rich text editor.
    */
   private switchCaretPositionToSpecifiedNode;
   /**
@@ -43,11 +43,4 @@ export declare class InsertLineBreakHandler extends BaseHandler {
    * @returns {RTENode} The next sibling node of the current line break element, or the current node if next node is not exists.
    */
   private getNextRTENode;
-  /**
-   * Create a null text that will render a br element in a rich text editor.
-   *
-   * @param {RTEBlock} block - Represents a block element in a rich text editor.
-   * @returns {RTETextNode} the new line break node.
-   */
-  private createLineBreakNode;
 }

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/insert-composition-text-controller.d.ts

@@ -0,0 +1,99 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaRichTextEditor } from '../../vega-rich-text-editor';
+/** Handles inserting composition text into a VegaRTEContent based on the current selection and input event. User input character will trigger this callback */
+export declare class InsertCompositionTextController extends VegaSlimmer {
+  protected selectionController: VegaRichTextEditor['selectionController'];
+  protected host: VegaRichTextEditor['host'];
+  protected value: VegaRichTextEditor['value'];
+  protected valueController: VegaRichTextEditor['valueController'];
+  protected userInputController: VegaRichTextEditor['userInputController'];
+  protected vegaRichTextEditorRenderer: VegaRichTextEditor['vegaRichTextEditorRenderer'];
+  private editableElementRef;
+  private insertCompositionTextEndFlag;
+  private mutationObserver;
+  private observerOptions;
+  /**
+   * The function `initMutationObserver` initializes a MutationObserver on an editable HTML element if it exists.
+   */
+  initMutationObserver(): void;
+  /**
+   * Disconnects the mutation observer if it exists.
+   */
+  removeObserver(): void;
+  /**
+   * The method is to get the composition text insert end or not.
+   *
+   * @returns {boolean} The false is main that insert composition text process is end.
+   */
+  isComposing(): boolean;
+  /**
+   * The current method is called when the insert text is update by the Pinyin input or the word correction plugin.
+   *
+   * @param {MutationRecord[]} records - The mutation record object array.
+   */
+  updateTextFromDom: (records: MutationRecord[]) => void;
+  /**
+   * Adds event listener to an editable HTML element to handle composition text insert actions.
+   */
+  protected addCompositionTextEventListener(): void;
+  /**
+   * Removes event listener to an editable HTML element to handle composition text insert actions.
+   */
+  protected removeCompositionTextEventListener(): void;
+  /**
+   * re-connect the observer after the props change and component did render
+   */
+  protected reConnectObserver(): void;
+  /**
+   * Processes mutation records related to character data and updates the text content of a rich text node accordingly.
+   *
+   * @param {MutationRecord[]} records - Each `MutationRecord` object represents a single mutation that occurred in the DOM.
+   */
+  private handleObserver;
+  /**
+   * Insert text to a line break node need a special logic if the line break has a next text node.
+   *
+   * @param {RTETextNode} currentNode The current line break node, the text value is \n
+   */
+  private appendLineBreakNode;
+  /**
+   * Updates the text content of a rich text node and handles line breaks.
+   *
+   * @param {RTETextNode} richTextNode - The current rich text node.
+   * @param {string} newValue - The target element textContent
+   * @param {Nullable<string>} oldValue - The target element old textContent
+   * @returns {Nullable<boolean>} The node text is updated or not
+   */
+  private updateCurrentNodeText;
+  /**
+   * An event handler function that is triggered when the composition of text input starts. In this case,
+   *  it sets the `insertCompositionTextEndFlag` property of the `UserInputController` class to `false`.
+   */
+  private handleCompositionStart;
+  /**
+   * An event handler function that is triggered when the composition of text input ends. In this case,
+   *  it sets the `insertCompositionTextEndFlag` property of the `UserInputController` class to `true`.
+   *
+   * @param {CompositionEvent} event The composition event instance
+   */
+  private handleCompositionEnd;
+  /**
+   * The function `getEditableElementRef` returns a reference to the editable HTMLDivElement within a rich text editor.
+   *
+   * @returns {HTMLDivElement|null} A reference to an HTMLDivElement element that is editable.
+   */
+  private getEditableElementRef;
+  /**
+   * Remove the ZERO_WIDTH_SPACE from the text.
+   *
+   * @param {string} text The input text that could include ZERO_WIDTH_SPACE.
+   * @returns {string} The result text.
+   */
+  private removeZeroWidthSpace;
+  /**
+   * Dispatch a insert text event to handle the composition text insert logic.
+   *
+   * @param {string} text - The text need to insert.
+   */
+  private dispatchInsertTextEvent;
+}

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/selection-controller.d.ts

@@ -19,6 +19,7 @@ export declare class SelectionController extends VegaSlimmer {
   host: VegaRichTextEditor['host'];
   protected readonly value: VegaRichTextEditor['value'];
   protected readonly valueController: VegaRichTextEditor['valueController'];
+  protected insertCompositionTextController: VegaRichTextEditor['insertCompositionTextController'];
   private currentRange;
   private updateCaretPositionTaskQueue;
   private handleSelectionWithDebounce;

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/user-input-controller.d.ts

@@ -1,28 +1,19 @@
 import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaRichTextEditor } from '../../vega-rich-text-editor';
-/** Used to monitoring the user input actions by event listener and mutationObserver */
+/** Used to monitoring the user input actions by event listener */
 export declare class UserInputController extends VegaSlimmer {
   protected host: VegaRichTextEditor['host'];
   protected value: VegaRichTextEditor['value'];
   protected valueController: VegaRichTextEditor['valueController'];
   protected vegaRichTextEditorRenderer: VegaRichTextEditor['vegaRichTextEditorRenderer'];
   protected selectionController: VegaRichTextEditor['selectionController'];
+  protected insertCompositionTextController: VegaRichTextEditor['insertCompositionTextController'];
   private editableElementRef;
   private insertTextHandler;
   private insertParagraphHandler;
   private insertLineBreakHandler;
   private deleteContentHandler;
   private insertPasteHandler;
-  private mutationObserver;
-  private observerOptions;
-  /**
-   * The function `initMutationObserver` initializes a MutationObserver on an editable HTML element if it exists.
-   */
-  initMutationObserver(): void;
-  /**
-   * Disconnects the mutation observer if it exists.
-   */
-  removeObserver(): void;
   /**
    * Adds event listener to an editable HTML element to handle user input actions.
    */
@@ -31,10 +22,6 @@ export declare class UserInputController extends VegaSlimmer {
    * Removes event listener for user input actions from an editable HTML div element.
    */
   protected removeActionListener(): void;
-  /**
-   * re-connect the observer after the props change and component did render
-   */
-  protected reConnectObserver(): void;
   /**
    * When a user performs an input action within the editable element, this function is triggered.
    *
@@ -51,12 +38,6 @@ export declare class UserInputController extends VegaSlimmer {
    * Notifies a change manager with the host and value details and logs the current value.
    */
   private notifyComponentFlushValue;
-  /**
-   * Processes mutation records related to character data and updates the text content of a rich text node accordingly.
-   *
-   * @param {MutationRecord[]} records - Each `MutationRecord` object represents a single mutation that occurred in the DOM.
-   */
-  private handleObserver;
   /**
    * Prevents the default behavior of a drag event.
    *

package/dist/types/components/vega-rich-text-editor/vega-rich-text-editor.d.ts

@@ -35,6 +35,8 @@ import { InsertImageController } from './slimmers/controllers/insert-image-contr
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { FocusController } from './slimmers/controllers/focus-controller';
 import { TextNodeColorController } from './slimmers/controllers/text-node-color-controller';
+import { InsertCompositionTextController } from './slimmers/controllers/insert-composition-text-controller';
+import { DeleteSelectedNodesController } from './slimmers/controllers/delete-selected-nodes-controller';
 /**
  * @vegaVersion 2.34.0
  */
@@ -68,9 +70,11 @@ export declare class VegaRichTextEditor {
   protected readonly richTextContentController: RichTextContentController;
   protected readonly userInputController: UserInputController;
   protected readonly insertImageController: InsertImageController;
+  protected readonly insertCompositionTextController: InsertCompositionTextController;
   protected imageInsertedEventEmitter: EventEmitSlimmerBase;
   protected changeEventPreventSlimmer: ChildNodesEventPreventSlimmer;
   protected readonly textNodeColorController: TextNodeColorController;
+  protected readonly deleteSelectedNodesController: DeleteSelectedNodesController;
   host: HTMLVegaRichTextEditorElement;
   richTextContentEditable: boolean;
   watchRichTextContentEditable(): void;
@@ -128,6 +132,7 @@ export declare class VegaRichTextEditor {
    * Only in exceptional cases should the original data in the VegaRTEContentBlock type be used.
    *
    * @vegaVersion 2.34.0
+   * @defaultValue [{id:'UUID', type:'paragraph', nodes:[{id: 'UUID',type: 'text',text:''}]}]
    */
   value: VegaRTEContent;
   watchValueUpdate(): void;
@@ -162,14 +167,14 @@ export declare class VegaRichTextEditor {
    *
    * @vegaVersion 2.34.0
    */
-  vegaChange: EventEmitter<Array<VegaRTEContentBlock>>;
+  vegaChange: EventEmitter<VegaRTEContent>;
   /**
    * An event emitter notifying a value change.
    *
    * @eventSemantics namespace:native
    * @vegaVersion 2.34.0
    */
-  change: EventEmitter<Array<VegaRTEContentBlock>>;
+  change: EventEmitter<VegaRTEContent>;
   /**
    * An event emitter notifying an image insertion event.
    *

package/dist/types/components/vega-selection-chip/vega-selection-chip.d.ts

@@ -72,7 +72,7 @@ export declare class VegaSelectionChip {
    */
   block: boolean;
   /**
-   * Specifies the tooltip displayed for the selection chip
+   * Specifies the `vega-tooltip` displayed for the selection chip
    *    when it is in a disabled state.
    * This provides additional context or information about the chip's
    *    functionality or reason for being disabled.

package/dist/types/components/vega-signature-capture/vega-signature-capture.d.ts

@@ -73,6 +73,7 @@ export declare class VegaSignatureCapture {
    *    of the signature capture.
    *
    * @vegaVersion 2.19.0
+   * @defaultValue v-internal-icon signature
    */
   placeholderIcon: string;
   /**

package/dist/types/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-close-button-renderer.d.ts

@@ -1,10 +1,11 @@
 import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { TabConfig } from '../../../types';
 export declare class VegaTabGroupCloseButtonRenderer extends VegaSlimmer {
   private tabWidthArray;
   private showCloseButton;
   private tabItems;
   private selectedTargetController;
   private tabPagesController;
-  render(): HTMLElement;
+  render(item: TabConfig): HTMLElement;
   private onCloseTab;
 }