@heartlandone/vega 2.49.1 → 2.50.0-RTE-preview

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

@@ -34,10 +34,6 @@ export declare class UserInputController extends VegaSlimmer {
    * @returns {Nullable<HTMLDivElement>} A reference to an HTMLDivElement element that is editable.
    */
   private getEditableElementRef;
-  /**
-   * Notifies a change manager with the host and value details and logs the current value.
-   */
-  private notifyComponentFlushValue;
   /**
    * Prevents the default behavior of a drag event.
    *
@@ -48,4 +44,10 @@ export declare class UserInputController extends VegaSlimmer {
    * Initializes the value to an empty array if it is currently empty.
    */
   private initValueIfEmpty;
+  /**
+   * The code block placeholder element is non-editable, so we need to check if the focus node is a code block placeholder element.
+   *
+   * @returns {boolean} - Returns true if the focus node is a code block placeholder element, otherwise false.
+   */
+  private isFocusNodeNonEditable;
 }

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

@@ -16,6 +16,8 @@ export declare class ToolbarRenderer extends VegaSlimmer {
   lessIndentToolbarButtonSlimmer: VegaRichTextEditor['lessIndentToolbarButtonSlimmer'];
   codeToolbarButtonSlimmer: VegaRichTextEditor['codeToolbarButtonSlimmer'];
   linkToolbarButtonSlimmer: VegaRichTextEditor['linkToolbarButtonSlimmer'];
+  codeBlockToolbarButtonSlimmer: VegaRichTextEditor['codeBlockToolbarButtonSlimmer'];
+  sourceEditToolbarButtonSlimmer: VegaRichTextEditor['sourceEditToolbarButtonSlimmer'];
   render(): HTMLElement;
   private getToolbarBtnRenderer;
 }

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

@@ -0,0 +1,22 @@
+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 VisualModeToolbarButtonSlimmer {
+  selectionController: VegaRichTextEditor['selectionController'];
+  valueController: VegaRichTextEditor['valueController'];
+  value: VegaRichTextEditor['value'];
+  constructor();
+  /**
+   * The selected blocks should convert to a code block.
+   */
+  protected onClick(): void;
+  /**
+   * The button will be selected if the selected blocks all code block.
+   *
+   * @returns {boolean} - The code block should selected or not.
+   */
+  protected isSelected(): boolean;
+  protected isDisabled(): boolean;
+}

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;
@@ -16,4 +17,5 @@ export declare class HorizontalAlignmentToolbarButtonSlimmer extends ToolbarButt
   protected renderBtnWrapper(renderBtn: (toolbarInternalButton: ToolbarInternalButtonConfig) => HTMLElement): HTMLElement;
   protected renderContent(): HTMLElement;
   protected isSelected(): boolean;
+  protected isDisabled(): boolean;
 }

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,13 @@
+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'];
+  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;

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,17 @@
+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.
+   * Disables the button when the editor is in source view mode, except for the source edit button.
+   *
+   * @returns {boolean} - True if the button is disabled, false otherwise.
+   */
+  protected isDisabled(): boolean;
+}

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

@@ -11,9 +11,12 @@ export declare class VegaRichTextEditorRenderer extends VegaSlimmer {
   rows: VegaRichTextEditor['rows'];
   placeholder: VegaRichTextEditor['placeholder'];
   value: VegaRichTextEditor['value'];
+  sourceView: VegaRichTextEditor['sourceView'];
+  toolbarItems: VegaRichTextEditor['toolbarItems'];
   private richTextContainerRef;
   private richTextContentRef;
   private richTextWrapperRef;
+  private sourceCodeBlockRef;
   /**
    * Component lifecycle - [componentDidRender]{@link VegaRichTextEditor.componentDidRender}
    */
@@ -27,9 +30,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 +45,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 +54,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/code-block-strategy-registry.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/vega-rich-text-editor/test/dto/blocks/code-block.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/vega-rich-text-editor/test/dto/content-state.test.d.ts

@@ -1 +1 @@
-export {};
+import '../../../../polyfill/test-polyfill/unit/index';

package/dist/types/components/vega-rich-text-editor/test/element-to-dto-strategy/jira-code-to-rte-code-block-strategy.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/vega-rich-text-editor/test/element-to-dto-strategy/vega-code-block-to-rte-code-block-strategy.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -39,6 +39,9 @@ import { InsertCompositionTextController } from './slimmers/controllers/insert-c
 import { DeleteSelectedNodesController } from './slimmers/controllers/delete-selected-nodes-controller';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 import { HistoryController } from './slimmers/controllers/history-controller';
+import { CodeBlockToolbarButtonSlimmer } from './slimmers/renderers/tools/code-block-toolbar-button-slimmer';
+import { InternalCodeBlockSelectionController } from './slimmers/controllers/internal-code-block-selection-controller';
+import { SourceEditToolbarButtonSlimmer } from './slimmers/renderers/tools/source-edit-toolbar-button-slimmer';
 /**
  * @vegaVersion 2.34.0
  */
@@ -68,6 +71,8 @@ export declare class VegaRichTextEditor {
   protected readonly lessIndentToolbarButtonSlimmer: LessIndentToolbarButtonSlimmer;
   protected readonly bulletsNumbersToolbarButtonSlimmer: BulletsNumbersToolbarButtonSlimmer;
   protected readonly horizontalAlignmentToolbarButtonSlimmer: HorizontalAlignmentToolbarButtonSlimmer;
+  protected readonly codeBlockToolbarButtonSlimmer: CodeBlockToolbarButtonSlimmer;
+  protected readonly sourceEditToolbarButtonSlimmer: SourceEditToolbarButtonSlimmer;
   protected readonly placeholderNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly disabledNotifySlimmer: SubStateNotifySlimmerBase;
   protected readonly richTextContentController: RichTextContentController;
@@ -79,11 +84,13 @@ export declare class VegaRichTextEditor {
   protected readonly textNodeColorController: TextNodeColorController;
   protected readonly deleteSelectedNodesController: DeleteSelectedNodesController;
   protected readonly historyController: HistoryController;
+  protected readonly internalCodeBlockSelectionController: InternalCodeBlockSelectionController;
   host: HTMLVegaRichTextEditorElement;
   richTextContentEditable: boolean;
   watchRichTextContentEditable(): void;
   selectionMap: Map<RTEBlock, RTENode[]>;
   isInDarkMode: boolean;
+  sourceView: boolean;
   /**
    * Specifies the label for the rich text editor.
    *

package/dist/types/components.d.ts

@@ -23,6 +23,7 @@ import { Nullable, TimeFormat } from "./types/general";
 import { CalendarEvent } from "./helpers/calendar/calendar-event";
 import { FormFieldValidationRule } from "./helpers/validator/rules/form-field-validation-rule";
 import { VegaChipIconAlign, VegaChipSize, VegaChipType, VegaChipVariant } from "./components/vega-chip/types";
+import { VegaCodeBlockValue } from "./components/vega-code-block/types";
 import { VegaComboBoxSize, VegaDropdownPropsForComboBox } from "./components/vega-combo-box/types";
 import { DatePickerModeType, DatePickerValueType, DropdownConfigForDatePicker } from "./components/vega-date-picker/types";
 import { VegaDialogAction, VegaDialogActionButtonProps } from "./components/vega-dialog/types";
@@ -901,6 +902,38 @@ export namespace Components {
          */
         "variant": VegaChipVariant;
     }
+    interface VegaCodeBlock {
+        /**
+          * Specifies whether the code block editor is disabled.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "disabled": boolean;
+        /**
+          * Invoke this method to focus the current code block.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "doFocus": () => Promise<void>;
+        /**
+          * Specifies whether the code block editor is in read-only mode.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "readOnly": boolean;
+        /**
+          * Specifies whether to display the copy button in the code block.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "showCopyButton": boolean;
+        /**
+          * Specifies whether to display the code line number in the code block.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "showLineNumber": boolean;
+        /**
+          * Specifies the content or value to be displayed in the code block.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "value": VegaCodeBlockValue;
+    }
     interface VegaColorPicker {
         /**
           * Determines whether automatic validation should be implemented  for the color picker when a color is selected.
@@ -4173,6 +4206,10 @@ export interface VegaChipCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaChipElement;
 }
+export interface VegaCodeBlockCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaCodeBlockElement;
+}
 export interface VegaColorPickerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaColorPickerElement;
@@ -4490,6 +4527,12 @@ declare global {
         prototype: HTMLVegaChipElement;
         new (): HTMLVegaChipElement;
     };
+    interface HTMLVegaCodeBlockElement extends Components.VegaCodeBlock, HTMLStencilElement {
+    }
+    var HTMLVegaCodeBlockElement: {
+        prototype: HTMLVegaCodeBlockElement;
+        new (): HTMLVegaCodeBlockElement;
+    };
     interface HTMLVegaColorPickerElement extends Components.VegaColorPicker, HTMLStencilElement {
     }
     var HTMLVegaColorPickerElement: {
@@ -5023,6 +5066,7 @@ declare global {
         "vega-checkbox": HTMLVegaCheckboxElement;
         "vega-checkbox-group": HTMLVegaCheckboxGroupElement;
         "vega-chip": HTMLVegaChipElement;
+        "vega-code-block": HTMLVegaCodeBlockElement;
         "vega-color-picker": HTMLVegaColorPickerElement;
         "vega-combo-box": HTMLVegaComboBoxElement;
         "vega-counter-badge": HTMLVegaCounterBadgeElement;
@@ -6135,6 +6179,55 @@ declare namespace LocalJSX {
          */
         "variant"?: VegaChipVariant;
     }
+    interface VegaCodeBlock {
+        /**
+          * Specifies whether the code block editor is disabled.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "disabled"?: boolean;
+        /**
+          * An event emitter notifying a value change.
+          * @vegaVersion 2.50.0-RTE-preview
+          * @eventSemantics namespace:native
+         */
+        "onChange"?: (event: VegaCodeBlockCustomEvent<VegaCodeBlockValue>) => void;
+        /**
+          * An event emitter notifying the deletion of the code block. By default, the element is removed from the page, but this behavior can be prevented.
+          * @vegaVersion 2.50.0-RTE-preview
+          * @eventSemantics namespace:native
+         */
+        "onRemove"?: (event: VegaCodeBlockCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying a value change.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "onVegaChange"?: (event: VegaCodeBlockCustomEvent<VegaCodeBlockValue>) => void;
+        /**
+          * An event emitter notifying the deletion of the code block. By default, the element is removed from the page, but this behavior can be prevented.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "onVegaRemove"?: (event: VegaCodeBlockCustomEvent<any>) => void;
+        /**
+          * Specifies whether the code block editor is in read-only mode.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "readOnly"?: boolean;
+        /**
+          * Specifies whether to display the copy button in the code block.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "showCopyButton"?: boolean;
+        /**
+          * Specifies whether to display the code line number in the code block.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "showLineNumber"?: boolean;
+        /**
+          * Specifies the content or value to be displayed in the code block.
+          * @vegaVersion 2.50.0-RTE-preview
+         */
+        "value"?: VegaCodeBlockValue;
+    }
     interface VegaColorPicker {
         /**
           * Determines whether automatic validation should be implemented  for the color picker when a color is selected.
@@ -10009,6 +10102,7 @@ declare namespace LocalJSX {
         "vega-checkbox": VegaCheckbox;
         "vega-checkbox-group": VegaCheckboxGroup;
         "vega-chip": VegaChip;
+        "vega-code-block": VegaCodeBlock;
         "vega-color-picker": VegaColorPicker;
         "vega-combo-box": VegaComboBox;
         "vega-counter-badge": VegaCounterBadge;
@@ -10122,6 +10216,7 @@ declare module "@stencil/core" {
             "vega-checkbox": LocalJSX.VegaCheckbox & JSXBase.HTMLAttributes<HTMLVegaCheckboxElement>;
             "vega-checkbox-group": LocalJSX.VegaCheckboxGroup & JSXBase.HTMLAttributes<HTMLVegaCheckboxGroupElement>;
             "vega-chip": LocalJSX.VegaChip & JSXBase.HTMLAttributes<HTMLVegaChipElement>;
+            "vega-code-block": LocalJSX.VegaCodeBlock & JSXBase.HTMLAttributes<HTMLVegaCodeBlockElement>;
             "vega-color-picker": LocalJSX.VegaColorPicker & JSXBase.HTMLAttributes<HTMLVegaColorPickerElement>;
             "vega-combo-box": LocalJSX.VegaComboBox & JSXBase.HTMLAttributes<HTMLVegaComboBoxElement>;
             "vega-counter-badge": LocalJSX.VegaCounterBadge & JSXBase.HTMLAttributes<HTMLVegaCounterBadgeElement>;

package/dist/types/helpers/code-format/code-formatter.d.ts

@@ -0,0 +1,34 @@
+export declare type CodeFormatOptions = {
+  tabWidth?: number;
+  useTabs?: boolean;
+};
+/**
+ * Class to format HTML code with proper indentation and style cleanup.
+ */
+declare class CodeFormatter {
+  private static readonly INLINE_TAGS;
+  /**
+   * Extracts the tag name from an HTML tag string.
+   *
+   * @param {string} tag - A raw HTML tag string
+   * @returns {string} The lowercase tag name, or an empty string if no match is found.
+   */
+  private static getTagName;
+  /**
+   * Formats a given HTML source string by applying indentation and cleaning up styles.
+   *
+   * @param {string} source - The HTML source string to format.
+   * @param {CodeFormatOptions} options - Formatting options.
+   * @returns {string} The formatted HTML string.
+   */
+  format: (source: string, options?: CodeFormatOptions) => string;
+  /**
+   * Formats a CSS style string by trimming white space and ensuring consistent semicolon spacing.
+   *
+   * @param {string} style - The CSS style string to format.
+   * @returns {string} The formatted style string.
+   */
+  private formatStyle;
+}
+declare const _default: CodeFormatter;
+export default _default;

package/dist/types/helpers/code-format/test/code-formatter.test.d.ts

@@ -0,0 +1 @@
+export {};