@globalpayments/vega 2.58.0 → 2.59.1

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/span-img-to-rte-image-block-strategy.d.ts

@@ -1,8 +1,8 @@
-import { RTEContentBlock } from '../../../../interface';
+import { RTEContentBlock, VegaRTETransformOptions } from '../../../../interface';
 import { Nullable } from '../../../../../../types/general';
-import { BlockToRTEBlockStrategyAbstract } from './block-to-rte-block-strategy.abstract';
+import { ElementToRTEImageBlockStrategyAbstract } from './element-to-rte-image-block-strategy.abstract';
 /** Transform img in span or other inline element to image block DTO */
-export declare class SpanImageToRTEImageBlockStrategy extends BlockToRTEBlockStrategyAbstract {
+export declare class SpanImageToRTEImageBlockStrategy extends ElementToRTEImageBlockStrategyAbstract {
   /**
    * Can be handle.
    *
@@ -15,9 +15,10 @@ export declare class SpanImageToRTEImageBlockStrategy extends BlockToRTEBlockStr
    * Parse to a image block.
    *
    * @param {HTMLElement[]} elementsArray - Current elements.
+   * @param {VegaRTETransformOptions} [options] - Options for transformation.
    * @returns {Nullable<RTEContentBlock>} - Image block.
    */
-  handle(elementsArray: HTMLElement[]): Nullable<RTEContentBlock>;
+  handle(elementsArray: HTMLElement[], options?: VegaRTETransformOptions): Nullable<RTEContentBlock>;
   /**
    * Append child blocks.
    */

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/ul-not-li-child-to-rte-list-item-block.d.ts

@@ -1,5 +1,5 @@
 import { Nullable } from '../../../../../../types/general';
-import { RTEContentBlock } from '../../../../interface';
+import { RTEContentBlock, VegaRTETransformOptions } from '../../../../interface';
 import { BlockToRTEBlockStrategyAbstract } from './block-to-rte-block-strategy.abstract';
 /** Transform child element of UL element which are not LI element to list item block DTO */
 export declare class ULNotLiChildToRTEListItemBlockStrategy extends BlockToRTEBlockStrategyAbstract {
@@ -15,9 +15,10 @@ export declare class ULNotLiChildToRTEListItemBlockStrategy extends BlockToRTEBl
    * Parse to a list item block.
    *
    * @param {HTMLElement[]} elementsArray - Current elements.
+   * @param {VegaRTETransformOptions} [options] - Options for transformation.
    * @returns {Nullable<RTEContentBlock>} - List item block.
    */
-  handle(elementsArray: HTMLElement[]): Nullable<RTEContentBlock>;
+  handle(elementsArray: HTMLElement[], options?: VegaRTETransformOptions): Nullable<RTEContentBlock>;
   /**
    * Append child blocks.
    */

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/ul-to-rte-list-block-strategy.d.ts

@@ -1,7 +1,6 @@
 import { RTEListBlock } from '../../../../dto/blocks/list-block';
-import { RTEContentBlock } from '../../../../interface';
+import { RTEContentBlock, VegaRTETransformOptions } from '../../../../interface';
 import { Nullable } from '../../../../../../types/general';
-import { RTEListItemBlock } from '../../../../dto/blocks/list-item-block';
 import { BlockToRTEBlockStrategyAbstract } from './block-to-rte-block-strategy.abstract';
 /** Transform ul element to list block DTO */
 export declare class UlToRTEListBlockStrategy extends BlockToRTEBlockStrategyAbstract {
@@ -17,16 +16,17 @@ export declare class UlToRTEListBlockStrategy extends BlockToRTEBlockStrategyAbs
    * Parse to a block.
    *
    * @param {HTMLElement[]} elementsArray - Current elements.
+   * @param {VegaRTETransformOptions} [options] - Options for transformation.
    * @returns {Nullable<RTEContentBlock>} - Bullet list block.
    */
-  handle(elementsArray: HTMLElement[]): Nullable<RTEContentBlock>;
+  handle(elementsArray: HTMLElement[], options?: VegaRTETransformOptions): Nullable<RTEContentBlock>;
   /**
    * Append child list item blocks to current list block.
    *
    * @param {RTEListBlock} currentBlock - Current list block.
-   * @param {RTEListItemBlock[]} childBlocks - Current list item blocks.
+   * @param {RTEContentBlock[]} childBlocks - Current list item blocks.
    */
-  appendChildBlocks(currentBlock: RTEListBlock, childBlocks: RTEListItemBlock[]): void;
+  appendChildBlocks(currentBlock: RTEListBlock, childBlocks: RTEContentBlock[]): void;
   /**
    * Should continue process to child elements.
    *

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/vega-image-to-rte-image-block-strategy.d.ts

@@ -1,8 +1,8 @@
-import { RTEContentBlock } from '../../../../interface';
+import { RTEContentBlock, VegaRTETransformOptions } from '../../../../interface';
 import { Nullable } from '../../../../../../types/general';
-import { BlockToRTEBlockStrategyAbstract } from './block-to-rte-block-strategy.abstract';
+import { ElementToRTEImageBlockStrategyAbstract } from './element-to-rte-image-block-strategy.abstract';
 /** Transform vega-rich-text-image-editor element to image block DTO */
-export declare class VegaImageToRTEImageBlockStrategy extends BlockToRTEBlockStrategyAbstract {
+export declare class VegaImageToRTEImageBlockStrategy extends ElementToRTEImageBlockStrategyAbstract {
   /**
    * Can be handle.
    *
@@ -15,9 +15,10 @@ export declare class VegaImageToRTEImageBlockStrategy extends BlockToRTEBlockStr
    * Parse to a image block.
    *
    * @param {HTMLElement[]} elementsArray - Current elements.
+   * @param {VegaRTETransformOptions} [options] - Options for transformation.
    * @returns {Nullable<RTEContentBlock>} - Image block.
    */
-  handle(elementsArray: HTMLElement[]): Nullable<RTEContentBlock>;
+  handle(elementsArray: HTMLElement[], options?: VegaRTETransformOptions): Nullable<RTEContentBlock>;
   /**
    * Append child blocks.
    */

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

@@ -23,11 +23,4 @@ export declare class DeleteContentHandler extends BaseHandler {
    * 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.
-   *
-   * @param {RTENode} node - text node or image node
-   * @returns {number} Returns a number value.
-   */
-  private getNodeEndOffset;
 }

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

@@ -3,7 +3,6 @@ import { BaseHandler } from './base-handler';
  * Handle user paste
  */
 export declare class InsertPasteHandler extends BaseHandler {
-  private elementToDTOProcessor;
   /**
    * Update the state value when user paste html elements.
    *

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

@@ -20,6 +20,7 @@ export declare class SelectionController extends AutoRunWhenReRenderTaskQueueSli
   host: VegaRichTextEditor['host'];
   protected readonly value: VegaRichTextEditor['value'];
   protected readonly disabled: VegaRichTextEditor['disabled'];
+  protected readonly sourceView: VegaRichTextEditor['sourceView'];
   protected readonly valueController: VegaRichTextEditor['valueController'];
   protected insertCompositionTextController: VegaRichTextEditor['insertCompositionTextController'];
   protected readonly historyController: VegaRichTextEditor['historyController'];
@@ -127,5 +128,24 @@ export declare class SelectionController extends AutoRunWhenReRenderTaskQueueSli
    * Prepare the selection state to restore
    */
   private prepareRestoreSelectionState;
+  /**
+   * Register the update caret position observer.
+   */
+  private registerUpdateCaretPositionObserver;
+  /**
+   * If no node is selected, try to get the nearest node from the current range and set the range to it
+   *
+   * @param {Range} range - The current range
+   * @param {RTENode[]} selectedNodes - The selected nodes array
+   */
+  private tryToFindTheNearestSelectedNode;
+  /**
+   * Detects the nearest element in the block at the given offset.
+   *
+   * @param {RTEBlock} block - The block to search within.
+   * @param {number} offset - The offset to search from.
+   * @returns {Nullable<FocusNodeRangeState>} - The detected element's range state or null if not found.
+   */
+  private detectNearestElement;
 }
 export {};

package/dist/types/components/vega-rich-text-editor/slimmers/controllers/state-entity-rendering-registry.d.ts

@@ -1,19 +1,22 @@
 import { RTEBlock } from '../../dto/blocks/block.abstract';
 import { RTENode } from '../../dto/nodes/node.abstract';
 import { Nullable } from '../../../../types/general';
+import { VegaRTEContent } from '../../dto/content-state';
 /**
  * This class is responsible for keeping track of the DOM elements and their corresponding entities.
  */
 declare class StateEntityRenderingRegistry {
   domToEntity: WeakMap<HTMLElement, RTEBlock | RTENode>;
   entityToDOM: WeakMap<RTEBlock | RTENode, HTMLElement>;
+  contentEntityToRootDom: Map<VegaRTEContent, HTMLElement>;
+  private rootDomToContentEntity;
   /**
    * Registers a DOM element and its corresponding entity.
    *
    * @param {HTMLElement} dom The DOM element to register.
-   * @param {RTEBlock | RTENode} entity The entity to register.
+   * @param {RTEBlock | RTENode | VegaRTEContent} entity The entity to register.
    */
-  register(dom: HTMLElement, entity: RTEBlock | RTENode): void;
+  register(dom: HTMLElement, entity: RTEBlock | RTENode | VegaRTEContent): void;
   /**
    * Retrieves the entity corresponding to a DOM element.
    *
@@ -27,7 +30,7 @@ declare class StateEntityRenderingRegistry {
    * @param {RTEBlock | RTENode} entity The entity to retrieve the DOM element for.
    * @returns {Nullable<HTMLElement>} The DOM element corresponding to the entity, or null if not found.
    */
-  getDOMByEntity(entity: RTEBlock | RTENode): Nullable<HTMLElement>;
+  getDOMByEntity(entity: RTEBlock | RTENode | VegaRTEContent): Nullable<HTMLElement>;
   /**
    * Delete the dirty element to entity ref.
    *
@@ -35,6 +38,20 @@ declare class StateEntityRenderingRegistry {
    * @param {HTMLElement} dom - The dirty element ref.
    */
   removeDirtyDomRef(dom: HTMLElement): void;
+  /**
+   * Bind the root dom ref and content entity.
+   *
+   * @param {HTMLElement} dom - The vega rich text editor ref.
+   * @param {VegaRTEContent} contentEntity - The rich text editor value content.
+   */
+  private registerRootDomAndContentEntity;
+  /**
+   * Check the entity is VegaRTEContent instance.
+   *
+   * @param {VegaRTEContent | RTEBlock | RTENode} entity - The entity to check.
+   * @returns {entity is VegaRTEContent} - True if the entity is a VegaRTEContent instance, false otherwise.
+   */
+  private isVegaRTEContent;
 }
 declare const _default: StateEntityRenderingRegistry;
 export default _default;

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

@@ -42,4 +42,8 @@ export declare class ValueController extends VegaSlimmer {
    * @returns {boolean} Always returns true in the current implementation.
    */
   private isAcceptableFlushChange;
+  /**
+   * Register the host element and the current content.
+   */
+  private registerEditorRefAndContent;
 }

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/toolbar-renderer.d.ts

@@ -2,6 +2,8 @@ import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaRichTextEditor } from '../../vega-rich-text-editor';
 export declare class ToolbarRenderer extends VegaSlimmer {
   toolbarItems: VegaRichTextEditor['toolbarItems'];
+  allowSourceEdit: VegaRichTextEditor['allowSourceEdit'];
+  host: VegaRichTextEditor['host'];
   clearStyleToolbarButtonSlimmer: VegaRichTextEditor['clearStyleToolbarButtonSlimmer'];
   boldToolbarButtonSlimmer: VegaRichTextEditor['boldToolbarButtonSlimmer'];
   textStylesToolbarButtonSlimmer: VegaRichTextEditor['textStylesToolbarButtonSlimmer'];
@@ -17,6 +19,10 @@ export declare class ToolbarRenderer extends VegaSlimmer {
   codeToolbarButtonSlimmer: VegaRichTextEditor['codeToolbarButtonSlimmer'];
   linkToolbarButtonSlimmer: VegaRichTextEditor['linkToolbarButtonSlimmer'];
   codeBlockToolbarButtonSlimmer: VegaRichTextEditor['codeBlockToolbarButtonSlimmer'];
+  sourceEditToolbarButtonSlimmer: VegaRichTextEditor['sourceEditToolbarButtonSlimmer'];
+  selectionController: VegaRichTextEditor['selectionController'];
+  sourceView: VegaRichTextEditor['sourceView'];
   render(): HTMLElement;
   private getToolbarBtnRenderer;
+  private renderVegaDivider;
 }

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/bold-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
-export declare class BoldToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class BoldToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   selectionController: VegaRichTextEditor['selectionController'];
   constructor();
   protected onClick(): void;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/bullets-numbers/bullets-numbers-toolbar-button-slimmer.d.ts

@@ -1,8 +1,9 @@
-import { ToolbarButtonSlimmer, ToolbarInternalButtonConfig } from '../toolbar-button-slimmer.abstract';
+import { ToolbarInternalButtonConfig } from '../toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../../vega-rich-text-editor';
 import { BulletsToolbarButtonSlimmer } from './bullets-toolbar-button-slimmer';
 import { NumbersToolbarButtonSlimmer } from './numbers-toolbar-button-slimmer';
-export declare class BulletsNumbersToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from '../visual-mode-toolbar-button-slimmer.abstract';
+export declare class BulletsNumbersToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   protected readonly selectionController: VegaRichTextEditor['selectionController'];
   protected readonly bulletsToolbarButtonSlimmer: BulletsToolbarButtonSlimmer;
   protected readonly numbersToolbarButtonSlimmer: NumbersToolbarButtonSlimmer;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/bullets-numbers/bullets-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
 import { BulletsNumbersToolbarButtonSlimmer } from './bullets-numbers-toolbar-button-slimmer';
-export declare class BulletsToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from '../visual-mode-toolbar-button-slimmer.abstract';
+export declare class BulletsToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   protected selectionController: BulletsNumbersToolbarButtonSlimmer['selectionController'];
   protected popoverRef: BulletsNumbersToolbarButtonSlimmer['popoverRef'];
   constructor();

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/bullets-numbers/numbers-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
 import { BulletsNumbersToolbarButtonSlimmer } from './bullets-numbers-toolbar-button-slimmer';
-export declare class NumbersToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from '../visual-mode-toolbar-button-slimmer.abstract';
+export declare class NumbersToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   protected selectionController: BulletsNumbersToolbarButtonSlimmer['selectionController'];
   protected popoverRef: BulletsNumbersToolbarButtonSlimmer['popoverRef'];
   constructor();

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/clear-style-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
-export declare class ClearStyleToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class ClearStyleToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   selectionController: VegaRichTextEditor['selectionController'];
   constructor();
   protected isSelected(): boolean;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/code-block-toolbar-button-slimmer.d.ts

@@ -1,9 +1,9 @@
-import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
 /**
  * The code block toolbar button slimmer.
  */
-export declare class CodeBlockToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+export declare class CodeBlockToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   selectionController: VegaRichTextEditor['selectionController'];
   valueController: VegaRichTextEditor['valueController'];
   value: VegaRichTextEditor['value'];

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/code-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
-export declare class CodeToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class CodeToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   selectionController: VegaRichTextEditor['selectionController'];
   constructor();
   protected onClick(): void;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/horizontal-alignment/center-align-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
 import { HorizontalAlignmentToolbarButtonSlimmer } from './horizontal-alignment-toolbar-button-slimmer';
-export declare class CenterAlignToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from '../visual-mode-toolbar-button-slimmer.abstract';
+export declare class CenterAlignToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   protected selectionController: HorizontalAlignmentToolbarButtonSlimmer['selectionController'];
   protected popoverRef: HorizontalAlignmentToolbarButtonSlimmer['popoverRef'];
   constructor();

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/horizontal-alignment/horizontal-alignment-toolbar-button-slimmer.d.ts

@@ -1,10 +1,11 @@
-import { ToolbarButtonSlimmer, ToolbarInternalButtonConfig } from '../toolbar-button-slimmer.abstract';
+import { ToolbarInternalButtonConfig } from '../toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../../vega-rich-text-editor';
 import { LeftAlignToolbarButtonSlimmer } from './left-align-toolbar-button-slimmer';
 import { CenterAlignToolbarButtonSlimmer } from './center-align-toolbar-button-slimmer';
 import { RightAlignToolbarButtonSlimmer } from './right-align-toolbar-button-slimmer';
 import { JustifyAlignToolbarButtonSlimmer } from './justify-align-toolbar-button-slimmer';
-export declare class HorizontalAlignmentToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from '../visual-mode-toolbar-button-slimmer.abstract';
+export declare class HorizontalAlignmentToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   protected readonly selectionController: VegaRichTextEditor['selectionController'];
   protected readonly leftAlignToolbarButtonSlimmer: LeftAlignToolbarButtonSlimmer;
   protected readonly centerAlignToolbarButtonSlimmer: CenterAlignToolbarButtonSlimmer;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/horizontal-alignment/justify-align-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
 import { HorizontalAlignmentToolbarButtonSlimmer } from './horizontal-alignment-toolbar-button-slimmer';
-export declare class JustifyAlignToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from '../visual-mode-toolbar-button-slimmer.abstract';
+export declare class JustifyAlignToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   protected selectionController: HorizontalAlignmentToolbarButtonSlimmer['selectionController'];
   protected popoverRef: HorizontalAlignmentToolbarButtonSlimmer['popoverRef'];
   constructor();

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/horizontal-alignment/left-align-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
 import { HorizontalAlignmentToolbarButtonSlimmer } from './horizontal-alignment-toolbar-button-slimmer';
-export declare class LeftAlignToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from '../visual-mode-toolbar-button-slimmer.abstract';
+export declare class LeftAlignToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   protected selectionController: HorizontalAlignmentToolbarButtonSlimmer['selectionController'];
   protected popoverRef: HorizontalAlignmentToolbarButtonSlimmer['popoverRef'];
   constructor();

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/horizontal-alignment/right-align-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from '../toolbar-button-slimmer.abstract';
 import { HorizontalAlignmentToolbarButtonSlimmer } from './horizontal-alignment-toolbar-button-slimmer';
-export declare class RightAlignToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from '../visual-mode-toolbar-button-slimmer.abstract';
+export declare class RightAlignToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   protected selectionController: HorizontalAlignmentToolbarButtonSlimmer['selectionController'];
   protected popoverRef: HorizontalAlignmentToolbarButtonSlimmer['popoverRef'];
   constructor();

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/image-toolbar-button-slimmer.d.ts

@@ -1,6 +1,7 @@
-import { ToolbarButtonSlimmer, ToolbarInternalButtonConfig } from './toolbar-button-slimmer.abstract';
+import { ToolbarInternalButtonConfig } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
-export declare class ImageToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class ImageToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   protected insertImageController: VegaRichTextEditor['insertImageController'];
   protected imageInsertedEventEmitter: VegaRichTextEditor['imageInsertedEventEmitter'];
   protected selectionController: VegaRichTextEditor['selectionController'];

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/italic-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
-export declare class ItalicToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class ItalicToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   selectionController: VegaRichTextEditor['selectionController'];
   constructor();
   protected isSelected(): boolean;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/less-indent-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
-export declare class LessIndentToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class LessIndentToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   selectionController: VegaRichTextEditor['selectionController'];
   constructor();
   protected isSelected(): boolean;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/link-toolbar-button-slimmer.d.ts

@@ -1,6 +1,7 @@
-import { ToolbarButtonSlimmer, ToolbarInternalButtonConfig } from './toolbar-button-slimmer.abstract';
+import { ToolbarInternalButtonConfig } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
-export declare class LinkToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class LinkToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   selectionController: VegaRichTextEditor['selectionController'];
   private currentSelectedNodes;
   private currentRange;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/more-indent-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
-export declare class MoreIndentToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class MoreIndentToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   selectionController: VegaRichTextEditor['selectionController'];
   constructor();
   protected isSelected(): boolean;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/source-edit-toolbar-button-slimmer.d.ts

@@ -0,0 +1,14 @@
+import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
+import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
+export declare class SourceEditToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  sourceView: VegaRichTextEditor['sourceView'];
+  selectionController: VegaRichTextEditor['selectionController'];
+  valueController: VegaRichTextEditor['valueController'];
+  vegaRichTextEditorRenderer: VegaRichTextEditor['vegaRichTextEditorRenderer'];
+  sourceEditConfig: VegaRichTextEditor['sourceEditConfig'];
+  constructor();
+  protected onClick(): Promise<void>;
+  protected isSelected(): boolean;
+  protected isDisabled(): boolean;
+  private saveSourceCode;
+}

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/strikethrough-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
-export declare class StrikethroughToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class StrikethroughToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   selectionController: VegaRichTextEditor['selectionController'];
   constructor();
   protected isSelected(): boolean;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/text-color-toolbar-button-slimmer.d.ts

@@ -1,10 +1,11 @@
-import { ToolbarButtonSlimmer, ToolbarInternalButtonConfig } from './toolbar-button-slimmer.abstract';
+import { ToolbarInternalButtonConfig } from './toolbar-button-slimmer.abstract';
 import { VegaRTEColorSchema } from '../../../interface';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
 import { RTENode } from '../../../dto/nodes/node.abstract';
 import { VegaColorPickerCustomEvent } from '../../../../../components';
 import { Nullable } from '../../../../../types/general';
-export declare class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class TextColorToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   host: VegaRichTextEditor['host'];
   isInDarkMode: VegaRichTextEditor['isInDarkMode'];
   selectionController: VegaRichTextEditor['selectionController'];

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/text-styles-toolbar-button-slimmer.d.ts

@@ -1,12 +1,13 @@
-import { ToolbarButtonSlimmer, ToolbarInternalButtonConfig } from './toolbar-button-slimmer.abstract';
+import { ToolbarInternalButtonConfig } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
 export declare type TextStyleType = 'title' | 'subtitle' | 'paragraph' | 'heading-1' | 'heading-2' | 'heading-3';
 export declare type TextStyleItem = {
   key: TextStyleType;
   label: string;
   bold?: boolean;
 };
-export declare class TextStylesToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+export declare class TextStylesToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   private static readonly items;
   selectionController: VegaRichTextEditor['selectionController'];
   focusController: VegaRichTextEditor['focusController'];

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/toolbar-button-slimmer.abstract.d.ts

@@ -13,13 +13,14 @@ export declare abstract class ToolbarButtonSlimmer extends VegaSlimmer {
   protected readonly disabled: VegaRichTextEditor['disabled'];
   private icon;
   private readonly tooltip;
-  protected constructor({ icon, tooltip }: ToolbarButtonConfig);
+  private readonly autoFocusOnClick;
+  protected constructor({ icon, tooltip, autoFocusOnClick }: ToolbarButtonConfig);
   setIcon(icon: string): void;
   render(): HTMLElement;
   /**
    * The wrapper for the button.
    *
-   * @param {(config?: ToolbarInternalButtonConfig) => HTMLElement} renderBtn - The button render function
+   * @param {(config?: ToolbarInternalButtonConfig) => HTMLElement} renderBtn - The button wrapper render function
    * @returns {HTMLElement} - The button wrapper.
    */
   protected renderBtnWrapper?(renderBtn: (config?: ToolbarInternalButtonConfig) => HTMLElement): HTMLElement;
@@ -35,6 +36,10 @@ export declare abstract class ToolbarButtonSlimmer extends VegaSlimmer {
    * Whether the button is disabled or not.
    */
   protected isDisabled(): boolean;
+  /**
+   * Whether the button is hidden or not.
+   */
+  protected isHidden(): boolean;
   protected preventLostFocus(): {
     onMouseDown: (e: Event) => void;
   };

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/underline-toolbar-button-slimmer.d.ts

@@ -1,6 +1,6 @@
-import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
 import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
-export declare class UnderlineToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+import { VisualModeToolbarButtonSlimmer } from './visual-mode-toolbar-button-slimmer.abstract';
+export declare class UnderlineToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
   selectionController: VegaRichTextEditor['selectionController'];
   constructor();
   protected isSelected(): boolean;

package/dist/types/components/vega-rich-text-editor/slimmers/renderers/tools/visual-mode-toolbar-button-slimmer.abstract.d.ts

@@ -0,0 +1,24 @@
+import { ToolbarButtonSlimmer } from './toolbar-button-slimmer.abstract';
+import { ToolbarButtonConfig } from '../../../interface';
+import { VegaRichTextEditor } from '../../../vega-rich-text-editor';
+/**
+ * Abstract class for visual mode toolbar buttons, except for the source edit button.
+ */
+export declare abstract class VisualModeToolbarButtonSlimmer extends ToolbarButtonSlimmer {
+  protected readonly sourceView: VegaRichTextEditor['sourceView'];
+  protected constructor(config: ToolbarButtonConfig);
+  /**
+   * Determines if the button should be disabled.
+   * Determines whether should disable the button or not when the editor is not in source view mode, except for the source edit button.
+   *
+   * @returns {boolean} - True if the button is disabled, false otherwise.
+   */
+  protected isDisabled(): boolean;
+  /**
+   * Determines if the button should be hidden.
+   * Hide the button when the editor is in source view mode, except for the source edit button.
+   *
+   * @returns {boolean} - True if the button is hidden, false otherwise.
+   */
+  protected isHidden(): boolean;
+}

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

@@ -11,9 +11,14 @@ export declare class VegaRichTextEditorRenderer extends VegaSlimmer {
   rows: VegaRichTextEditor['rows'];
   placeholder: VegaRichTextEditor['placeholder'];
   value: VegaRichTextEditor['value'];
+  sourceView: VegaRichTextEditor['sourceView'];
+  toolbarItems: VegaRichTextEditor['toolbarItems'];
+  sourceEditConfig: VegaRichTextEditor['sourceEditConfig'];
+  allowSourceEdit: VegaRichTextEditor['allowSourceEdit'];
   private richTextContainerRef;
   private richTextContentRef;
   private richTextWrapperRef;
+  private sourceCodeBlockRef;
   /**
    * Component lifecycle - [componentDidRender]{@link VegaRichTextEditor.componentDidRender}
    */
@@ -27,9 +32,9 @@ export declare class VegaRichTextEditorRenderer extends VegaSlimmer {
   /**
    * Returns the HTMLElement reference of the rich text content area.
    *
-   * @returns {HTMLVegaRichTextContentElement} An HTMLVegaRichTextContentElement is being returned.
+   * @returns {Nullable<HTMLVegaRichTextContentElement>} An HTMLVegaRichTextContentElement is being returned.
    */
-  getRichTextContentRef(): HTMLVegaRichTextContentElement;
+  getRichTextContentRef(): Nullable<HTMLVegaRichTextContentElement>;
   /**
    * Returns the HTMLElement reference of the rich text outermost layer.
    *
@@ -42,6 +47,7 @@ export declare class VegaRichTextEditorRenderer extends VegaSlimmer {
    * @returns {Nullable<HTMLDivElement>} The div element which has property contenteditable
    */
   getRTEEditableElementRef(): Nullable<HTMLDivElement>;
+  getSourceCode(): Nullable<string>;
   render(): VegaRichTextEditor;
   private renderRichTextEditor;
   private renderLabel;
@@ -50,4 +56,6 @@ export declare class VegaRichTextEditorRenderer extends VegaSlimmer {
   private renderCharacterCounter;
   private renderErrorMessage;
   private richTextContentFocus;
+  private renderSourceViewContent;
+  private renderContent;
 }

package/dist/types/components/vega-rich-text-editor/test/dto/action-handle-strategies/image-block-strategy-register.test.d.ts

@@ -1 +1 @@
-export {};
+import '../../../dto/setup';

package/dist/types/components/vega-rich-text-editor/test/dto/action-handle-strategies/list-block-strategy-register.test.d.ts

@@ -1 +1 @@
-export {};
+import '../../../dto/setup';

package/dist/types/components/vega-rich-text-editor/test/dto/action-handle-strategies/node-split-text-strategy.test.d.ts

@@ -1 +1 @@
-export {};
+import '../../../dto/setup';

package/dist/types/components/vega-rich-text-editor/test/dto/action-handle-strategies/text-block-strategy-register.test.d.ts

@@ -1 +1 @@
-export {};
+import '../../../dto/setup';