@heartlandone/vega 2.49.0 → 2.50.0-RTE-preview

package/dist/types/components/vega-code-block/slimmers/controllers/vega-code-block-selection-controller.d.ts

@@ -0,0 +1,93 @@
+import { VegaCodeBlock } from '../../vega-code-block';
+import { Nullable } from '../../../../types/general';
+import { AutoRunWhenReRenderTaskQueueSlimmer } from '../../../../helpers/slimmers/auto-run-when-re-render-task-queue-slimmer.abstract';
+declare type VegaRangeLike = {
+  startContainer: Node;
+  startOffset: number;
+};
+/**
+ * The class used to control the code block input cursor.
+ */
+export declare class VegaCodeBlockSelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
+  static readonly SELECTION_CHANGE_DEBOUNCE_TIME: number;
+  protected host: VegaCodeBlock['host'];
+  protected value: VegaCodeBlock['value'];
+  protected contentRenderer: VegaCodeBlock['contentRenderer'];
+  protected contentParseController: VegaCodeBlock['contentParseController'];
+  private selectionState;
+  private handleSelectionWithDebounce;
+  constructor();
+  /**
+   * Get current range instance.
+   *
+   * @returns {Nullable<Range>} - The range instance or null.
+   */
+  getCurrentRange(): Nullable<Range>;
+  /**
+   * We need to store the selection state if the selection is a ShadowSelection, because the range is out of date in `input` event.
+   *
+   * @param {VegaRangeLike} range - The range like object.
+   */
+  storeInputStaticRange(range: VegaRangeLike): void;
+  /**
+   * Sets the next selection state with specified start and end nodes, offsets, push the update task to a queue.
+   *
+   * @param {Nullable<number>} [offset] - Set the range start offset to current position.
+   * @param {boolean} [immediatelyRun] - Should the task run immediately. default is false.
+   */
+  enqueueSelectionRangeFutureState(offset?: Nullable<number>, immediatelyRun?: boolean): void;
+  /**
+   * Component lifecycle
+   */
+  protected addSelectionChangeEventListener(): void;
+  /**
+   * Component lifecycle
+   */
+  protected removeSelectionChangeEventListener(): void;
+  /**
+   * Create the code block shadowRoot new range instance from the next selection state.
+   *
+   * @returns {Nullable<Range>} - The new range instance.
+   */
+  protected createNextRange(): Nullable<Range>;
+  /**
+   * Get the code block selected range
+   *
+   * @returns {Selection} A [Selection](https://developer.mozilla.org/en-US/docs/Web/API/Selection) object
+   */
+  protected getSelection(): Selection;
+  /**
+   * The method invoke after the component re-render.
+   */
+  protected doTask: () => Promise<void>;
+  /**
+   * Get the current input cursor offset of the code content, so we can get the next cursor node according the offset after re-render.
+   *
+   * @example
+   * Code content: const t = new Date();\nconsole.log(t);
+   * Render result: <span>const</span><span> t</span><span> = </span><span>new</span><span> Date();</span><span>\n</span><span>console.</span><span>log</span><span>(t)</span>
+   * Current range: {startContainer: [The last span], startOffset:2}
+   * Offset: 26
+   * @param {VegaRangeLike} range - The current selection range like object.
+   * @returns {number} - The index of the cursor position.
+   */
+  private getContentOffsetByRange;
+  /**
+   * Get the range start container selector after the code content re-render and update the offset of current node.
+   *
+   * @returns {string} - The span which has attribute data-index=[index].
+   */
+  private getCursorNodeSelectorAndUpdateOffset;
+  /**
+   * Notify the code content selection change event.
+   */
+  private handleSelectionChange;
+  /**
+   * Get the node text content, the BR node will return `\n`;
+   *
+   * @param {Node} node - The node instance.
+   * @returns {string} - The node text content.
+   */
+  private getTextContent;
+}
+export {};

package/dist/types/components/vega-code-block/slimmers/controllers/vega-code-block-value-controller.d.ts

@@ -0,0 +1,21 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCodeBlock } from '../../vega-code-block';
+import { VegaCodeBlockValue } from '../../types';
+/**
+ * The component value controller.
+ */
+export declare class VegaCodeBlockValueController extends VegaSlimmer {
+  protected value: VegaCodeBlock['value'];
+  protected changeEventEmitter: VegaCodeBlock['changeEventEmitter'];
+  /**
+   * Update the component value if code content or code language update.
+   *
+   * @param {string} code - The new code content.
+   * @param {string} language - The new code language.
+   */
+  updateValue(code: string, language: VegaCodeBlockValue['language']): void;
+  /**
+   * Set a default value if the value is not defined.
+   */
+  protected initialValue(): void;
+}

package/dist/types/components/vega-code-block/slimmers/renderers/vega-code-block-content-renderer.d.ts

@@ -0,0 +1,57 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCodeBlock } from '../../vega-code-block';
+/**
+ * The code block content renderer class.
+ */
+export declare class VegaCodeBlockContentRenderer extends VegaSlimmer {
+  protected host: VegaCodeBlock['host'];
+  protected readOnly: VegaCodeBlock['readOnly'];
+  protected disabled: VegaCodeBlock['disabled'];
+  protected value: VegaCodeBlock['value'];
+  protected valueController: VegaCodeBlock['valueController'];
+  protected contentParseController: VegaCodeBlock['contentParseController'];
+  protected selectionController: VegaCodeBlock['selectionController'];
+  private codeContentContainerRef;
+  /**
+   * Get the editable root element.
+   *
+   * @returns {HTMLElement} - The root element.
+   */
+  getCodeContentContainerRef(): HTMLElement;
+  /**
+   * Add focus and blur event listener.
+   */
+  registerEventListener(): void;
+  /**
+   * Remove the event listener.
+   */
+  unregisterEventListener(): void;
+  /**
+   * Render the code content.
+   *
+   * @returns {HTMLElement} - The code element.
+   */
+  render(): HTMLElement;
+  /**
+   * The code input area focus.
+   */
+  private handleFocus;
+  /**
+   * The code input area blur.
+   */
+  private handleBlur;
+  /**
+   * Render the code node the html element.
+   *
+   * @param {CodeNodeType} codeNode - The code node object.
+   * @returns {string} - The html element.
+   */
+  private renderCodeNode;
+  /**
+   * Dynamic calculate line number element width and update the margin and padding variable.
+   *
+   * @param {CodeNodeType[]} codeNodes - The code node array.
+   * @returns {string} - The style content.
+   */
+  private getLineNumberStyleVariable;
+}

package/dist/types/components/vega-code-block/slimmers/renderers/vega-code-block-copy-button-renderer.d.ts

@@ -0,0 +1,23 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCodeBlock } from '../../vega-code-block';
+import { Nullable } from '../../../../types/general';
+export declare class VegaCodeBlockCopyButtonRenderer extends VegaSlimmer {
+  static RESET_TOOLTIP_TIME: number;
+  protected value: VegaCodeBlock['value'];
+  protected readOnly: VegaCodeBlock['readOnly'];
+  protected showCopyButton: VegaCodeBlock['showCopyButton'];
+  protected translationSlimmer: VegaCodeBlock['translationSlimmer'];
+  private updateLabelTimer;
+  /**
+   * Render a copy button.
+   *
+   * @returns {Nullable<HTMLElement>} The button element.
+   */
+  render(): Nullable<HTMLElement>;
+  /**
+   * Copy the code.
+   *
+   * @param {HTMLVegaButtonCircleElement} node - The copy button.
+   */
+  private handleCopyClick;
+}

package/dist/types/components/vega-code-block/slimmers/renderers/vega-code-block-renderer.d.ts

@@ -0,0 +1,50 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaCodeBlock } from '../../vega-code-block';
+/**
+ * The code block editor renderer class.
+ */
+export declare class VegaCodeBlockRenderer extends VegaSlimmer {
+  protected readOnly: VegaCodeBlock['readOnly'];
+  protected host: VegaCodeBlock['host'];
+  protected disabled: VegaCodeBlock['disabled'];
+  protected showCopyButton: VegaCodeBlock['showCopyButton'];
+  protected value: VegaCodeBlock['value'];
+  protected contentRenderer: VegaCodeBlock['contentRenderer'];
+  protected valueController: VegaCodeBlock['valueController'];
+  protected removeEventEmitter: VegaCodeBlock['removeEventEmitter'];
+  protected translationSlimmer: VegaCodeBlock['translationSlimmer'];
+  protected copyButtonRenderer: VegaCodeBlock['copyButtonRenderer'];
+  private languageDropdownProps;
+  private languageOptions;
+  private toolbarContainerRef;
+  /**
+   * Get the toolbar container element ref.
+   *
+   * @returns {HTMLDivElement} - The div element.
+   */
+  getToolbarContainerRef(): HTMLDivElement;
+  /**
+   * Render the code block editor toolbar element or copy element.
+   *
+   * @returns {HTMLElement} - The code block operate action button.
+   */
+  render(): HTMLElement;
+  /**
+   * Render a language select and delete button.
+   *
+   * @returns {Nullable<HTMLElement>} The editor toolbar container element.
+   */
+  private renderEditorToolbar;
+  /**
+   * Handle the code language update.
+   *
+   * @param {HTMLVegaInputSelectElement} node - The language select element.
+   */
+  private handleLanguageChange;
+  /**
+   * Handle the code language update.
+   *
+   * @param {HTMLVegaButtonCircleElement} node - The delete button.
+   */
+  private handleDeleteClick;
+}

package/dist/types/components/vega-code-block/types.d.ts

@@ -0,0 +1,19 @@
+export declare type VegaCodeBlockValue = {
+  language?: `${CodeLanguage}`;
+  code: string;
+};
+export declare type CodeNodeType = {
+  text: string;
+  key: string;
+  className?: string;
+  mark?: string;
+};
+export declare enum CodeLanguage {
+  CSS = "css",
+  HTML = "html",
+  JavaScript = "js",
+  JSX = "jsx",
+  'Plain Text' = "plainText",
+  TypeScript = "ts",
+  TSX = "tsx"
+}

package/dist/types/components/vega-code-block/vega-code-block.d.ts

@@ -0,0 +1,116 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaCodeBlockRenderer } from './slimmers/renderers/vega-code-block-renderer';
+import { VegaCodeBlockContentRenderer } from './slimmers/renderers/vega-code-block-content-renderer';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { VegaCodeBlockValue } from './types';
+import { VegaCodeBlockValueController } from './slimmers/controllers/vega-code-block-value-controller';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
+import { CodeContentParseController } from './slimmers/controllers/vega-code-block-content-parse-controller';
+import { VegaCodeBlockSelectionController } from './slimmers/controllers/vega-code-block-selection-controller';
+import { CodeBlockInputController } from './slimmers/controllers/vega-code-block-input-controller';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
+import { VegaCodeBlockFocusController } from './slimmers/controllers/vega-code-block-focus-controller';
+import { VegaCodeBlockCopyButtonRenderer } from './slimmers/renderers/vega-code-block-copy-button-renderer';
+import { PrismCodeHighlightParseController } from './slimmers/controllers/prism-code-highlight-parse-controller';
+import { DefaultCodeHighlightParseController } from './slimmers/controllers/default-code-highlight-parse-controller';
+import { ComponentGlobalStyleSlimmer } from '../../helpers/slimmers/component-global-style-slimmer';
+/**
+ * A component for capturing and displaying syntax-highlighted code blocks with copy-to-clipboard functionality.
+ *
+ * @vegaVersion 2.50.0-RTE-preview
+ */
+export declare class VegaCodeBlock {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected readonly componentGlobalStyleSlimmer: ComponentGlobalStyleSlimmer<HTMLVegaCodeBlockElement>;
+  protected translationSlimmer: TranslationSlimmer<HTMLVegaFileUploaderElement>;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaCodeBlockElement>;
+  protected codeBlockRenderer: VegaCodeBlockRenderer;
+  protected contentRenderer: VegaCodeBlockContentRenderer;
+  protected copyButtonRenderer: VegaCodeBlockCopyButtonRenderer;
+  protected valueController: VegaCodeBlockValueController;
+  protected contentParseController: CodeContentParseController;
+  protected prismCodeHighlightParser: PrismCodeHighlightParseController;
+  protected defaultCodeHighlightParser: DefaultCodeHighlightParseController;
+  protected selectionController: VegaCodeBlockSelectionController;
+  protected inputController: CodeBlockInputController;
+  protected focusController: VegaCodeBlockFocusController;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected removeEventEmitter: EventEmitSlimmerBase;
+  protected eventPreventSlimmer: ChildNodesEventPreventSlimmer;
+  host: HTMLVegaCodeBlockElement;
+  /**
+   * Specifies whether the code block editor is in read-only mode.
+   *
+   * @vegaVersion 2.50.0-RTE-preview
+   */
+  readOnly: boolean;
+  /**
+   * Specifies whether the code block editor is disabled.
+   *
+   * @vegaVersion 2.50.0-RTE-preview
+   */
+  disabled: boolean;
+  watchEditableChange(): void;
+  /**
+   * 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;
+  /**
+   * An event emitter notifying a value change.
+   *
+   * @vegaVersion 2.50.0-RTE-preview
+   */
+  vegaChange: EventEmitter<VegaCodeBlockValue>;
+  /**
+   * An event emitter notifying a value change.
+   *
+   * @vegaVersion 2.50.0-RTE-preview
+   * @eventSemantics namespace:native
+   */
+  change: EventEmitter<VegaCodeBlockValue>;
+  /**
+   * 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
+   */
+  vegaRemove: EventEmitter;
+  /**
+   * 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
+   */
+  remove: EventEmitter;
+  /**
+   * Check the props value to avoid unnecessary updates.
+   *
+   * @param {unknown} newValue - The new props value.
+   * @param {unknown} oldValue - The old props value.
+   * @param {string} name - The property name.
+   * @returns {boolean} Return false to skip the current update flow.
+   */
+  componentShouldUpdate(newValue: unknown, oldValue: unknown, name: string): boolean;
+  /**
+   * Invoke this method to focus the current code block.
+   *
+   * @vegaVersion 2.50.0-RTE-preview
+   */
+  doFocus(): Promise<void>;
+  render(): VegaCodeBlock;
+}

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

@@ -328,4 +328,8 @@ export declare class VegaInput {
    */
   private inputChangeHandler;
   private handleLabelButtonClick;
+  /**
+   * Compares two MaskConfigType objects or arrays for equality.
+   */
+  private areMaskConfigsEqual;
 }

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

@@ -0,0 +1,3 @@
+import { IconPayload } from '../../../helpers/icon/interface';
+declare const _default: IconPayload;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { IconPayload } from '../../../helpers/icon/interface';
+declare const _default: IconPayload;
+export default _default;

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

@@ -56,6 +56,21 @@ export declare abstract class ActionHandleStrategy<T extends ModifyContentAction
    * @returns {boolean}Returns a boolean value indicating whether the caret position is at the end of the `RTEImageNode`.
    */
   protected isCaretPositionAtImageBlockEnd(target: RTEImageBlock, node: RTEImageNode, startOffset: number): boolean;
+  /**
+   * Update the custom style annotation of a block or node
+   *
+   * @param {RTEBlock | RTETextNode} item - block or node
+   * @param {string[]} styleKeys - custom style keys, for examples ['fontSize', 'fontWeight'].
+   */
+  protected updateCustomStyleAnnotation(item: RTEBlock | RTETextNode, styleKeys: string[]): void;
+  /**
+   * Determines if the custom style annotation includes any the custom style.
+   *
+   * @param {CustomStyleAnnotation} customStyleAnnotation - custom style annotation
+   * @param {string[]} styleKeys - custom style keys, for examples ['fontSize', 'fontWeight'].
+   * @returns {boolean} - True if the custom key includes the custom style, false otherwise.
+   */
+  private isCustomStyle;
   /**
    * Update the rich text node content or annotation by the action type.
    *

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/apply-annotation-strategies/block-update-horizontal-alignment-strategy.d.ts

@@ -0,0 +1,15 @@
+import { HorizontalAlignmentAnnotationAction } from '../../actions/horizontal-alignment-annotation-action';
+import type { RTETextBlock } from '../../blocks/text-block';
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * Update the text block and image block horizontal alignment strategy.
+ */
+export declare class BlockUpdateHorizontalAlignmentStrategy extends ActionHandleStrategy<HorizontalAlignmentAnnotationAction, RTETextBlock> {
+  /**
+   * Updating the horizontal alignment of a block requires cascading updates to the custom style.
+   *
+   * @param {HorizontalAlignmentAnnotationAction} _action - The horizontal alignment annotation action.
+   * @param {RTETextBlock} target - The current text block.
+   */
+  protected handleAction(_action: HorizontalAlignmentAnnotationAction, target: RTETextBlock): void;
+}

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/apply-annotation-strategies/block-update-indent-strategy.d.ts

@@ -0,0 +1,15 @@
+import { IndentAnnotationAction } from '../../actions/indent-annotation-action';
+import type { RTETextBlock } from '../../blocks/text-block';
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * Update the text block and image block horizontal alignment strategy.
+ */
+export declare class BlockUpdateIndentStrategy extends ActionHandleStrategy<IndentAnnotationAction, RTETextBlock> {
+  /**
+   * Updating the indent of a block requires cascading updates to the custom style.
+   *
+   * @param {IndentAnnotationAction} _action - The indent annotation action.
+   * @param {RTETextBlock} target - The current text block.
+   */
+  protected handleAction(_action: IndentAnnotationAction, target: RTETextBlock): void;
+}

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/apply-annotation-strategies/code-node-set-selection-range-strategy.d.ts

@@ -0,0 +1,12 @@
+import { SelectionChangeAction } from '../../actions/selection-change-action';
+import type { RTECodeBlockNode } from '../../nodes/code-block-node';
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * Update the code block node annotation map strategy.
+ */
+export declare class CodeNodeSetSelectionRangeAnnotationStrategy extends ActionHandleStrategy<SelectionChangeAction, RTECodeBlockNode> {
+  /**
+   * @inheritDoc
+   */
+  protected handleAction(action: SelectionChangeAction, target: RTECodeBlockNode): void;
+}

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-delete-node-content-strategy.d.ts

@@ -1,13 +1,13 @@
 import { Nullable } from '../../../../../types/general';
+import { RTEBlockWithNodes } from '../../../interface';
 import { DeleteBlockContentAction } from '../../actions/delete-block-content-action';
-import type { RTEImageBlock } from '../../blocks/image-block';
-import type { RTETextBlock } from '../../blocks/text-block';
+import { RemoveChildAction } from '../../actions/remove-child-action';
 import { RTENode } from '../../nodes/node.abstract';
 import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
 /**
  * The delete node content contains some common functions that used for image block delete the image node or text block delete text node.
  */
-export declare abstract class BlockDeleteNodeContentStrategy<T extends RTETextBlock | RTEImageBlock> extends ActionHandleStrategy<DeleteBlockContentAction, T> {
+export declare abstract class BlockDeleteNodeContentStrategy<T extends RTEBlockWithNodes> extends ActionHandleStrategy<DeleteBlockContentAction | RemoveChildAction, T> {
   /**
    * Returns the previous node relative to the current node in a rich text editor structure.
    *

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-remove-node-strategy.d.ts

@@ -1,17 +1,16 @@
+import { RTEBlockWithNodes } from '../../../interface';
 import { RemoveChildAction } from '../../actions/remove-child-action';
-import { RTEImageBlock } from '../../blocks/image-block';
-import type { RTETextBlock } from '../../blocks/text-block';
 import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
 /**
  * Remove the node from the text block or image block strategy.
  */
-export declare class BlockRemoveNodeStrategy extends ActionHandleStrategy<RemoveChildAction, RTETextBlock | RTEImageBlock> {
+export declare class BlockRemoveNodeStrategy extends ActionHandleStrategy<RemoveChildAction, RTEBlockWithNodes> {
   /**
    * Remove the text node from the parent text block or remove the image node from the parent image block.
    * Remove the block if the block nodes is empty after delete the current node.
    *
    * @param {RemoveChildAction} action - The remove child action instance.
-   * @param {RTETextBlock | RTEImageBlock} target - The parent block of the node that will be removed.
+   * @param {RTEBlockWithNodes} target - The parent block of the node that will be removed.
    */
-  protected handleAction(action: RemoveChildAction, target: RTETextBlock | RTEImageBlock): void;
+  protected handleAction(action: RemoveChildAction, target: RTEBlockWithNodes): void;
 }

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-transform-to-code-block-strategy.d.ts

@@ -0,0 +1,29 @@
+import { TransformToCodeBlockAction } from '../../actions/transform-to-code-block-action';
+import type { VegaRTEContent } from '../../content-state';
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * Transform the selected text blocks to a code block strategy.
+ */
+export declare class BlockTransformToCodeBlockStrategy extends ActionHandleStrategy<TransformToCodeBlockAction, VegaRTEContent> {
+  /**
+   * Get the all select text and create a new code block.
+   *
+   * @param {TransformToCodeBlockAction} action - The action instance.
+   * @param {VegaRTEContent} target - The block top parent instance.
+   */
+  protected handleAction(action: TransformToCodeBlockAction, target: VegaRTEContent): void;
+  /**
+   * Get the selected text block text content.
+   *
+   * @param {RTEBlock[]} selectedBlocks - The selected blocks.
+   * @returns {string} - The selected text content.
+   */
+  private getCodeContent;
+  /**
+   * Remove the selected blocks after append new code block.
+   *
+   * @param {RTEBlock[]} selectedBlocks - The selected blocks.
+   * @param {VegaRTEContent} target - The selected block top parent object.
+   */
+  private removeSelectBlocks;
+}

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/code-block-insert-image-strategy.d.ts

@@ -0,0 +1,15 @@
+import { InsertImageToBlockAction } from '../../actions/insert-image-to-block-action';
+import type { RTECodeBlock } from '../../blocks/code-block';
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * Insert image behind after code block strategy.
+ */
+export declare class CodeBlockInsertImageStrategy extends ActionHandleStrategy<InsertImageToBlockAction, RTECodeBlock> {
+  /**
+   * Insert image block at behind of the RTE code block.
+   *
+   * @param {InsertImageToBlockAction} action - The insert image action instance.
+   * @param {RTECodeBlock} target - The code block.
+   */
+  protected handleAction(action: InsertImageToBlockAction, target: RTECodeBlock): void;
+}

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/code-block-remove-self-strategy.d.ts

@@ -0,0 +1,28 @@
+import { RemoveChildAction } from '../../actions/remove-child-action';
+import type { RTECodeBlock } from '../../blocks/code-block';
+import { BlockDeleteNodeContentStrategy } from './block-delete-node-content-strategy';
+/**
+ * Remove the code block from the value, call this action if want to flush value after action.
+ */
+export declare class CodeBlockRemoveSelfStrategy extends BlockDeleteNodeContentStrategy<RTECodeBlock> {
+  /**
+   * @inheritDoc
+   */
+  protected handleAction(_action: RemoveChildAction, target: RTECodeBlock): void;
+  /**
+   * Update the rich text next selection range.
+   *
+   * @param {RTENode} focusNode - The next focus node dto.
+   * @param {Nullable<HTMLElement>} focusElement - The next focus element. The update selection task could run directly when the element is exist.
+   * @param {number} offset - The next focus text offset.
+   * @param {RTECodeBlock} target - The code block dto.
+   */
+  private notifyUpdateSelection;
+  /**
+   * Get the node content end offset.
+   *
+   * @param {Nullable<RTENode>} node - The RTENode.
+   * @returns {number} - The number value.
+   */
+  private getRTENodeEndOffset;
+}

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/switch-out-from-code-block-strategy.d.ts

@@ -0,0 +1,12 @@
+import { SwitchOutFromCodeBlockAction } from '../../actions/switch-out-from-code-block-action';
+import { RTECodeBlock } from '../../blocks/code-block';
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * Remove the line break and insert new paragraph after code block.
+ */
+export declare class SwitchOutFromCodeBlockStrategy extends ActionHandleStrategy<SwitchOutFromCodeBlockAction, RTECodeBlock> {
+  /**
+   * @inheritDoc
+   */
+  protected handleAction(action: SwitchOutFromCodeBlockAction, target: RTECodeBlock): void;
+}

package/dist/types/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/update-code-block-strategy.d.ts

@@ -0,0 +1,12 @@
+import { UpdateCodeBlockAction } from '../../actions/update-code-block-action';
+import type { RTECodeBlockNode } from '../../nodes/code-block-node';
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * Update the language or content of code block strategy.
+ */
+export declare class UpdateCodeBlockStrategy extends ActionHandleStrategy<UpdateCodeBlockAction, RTECodeBlockNode> {
+  /**
+   * @inheritDoc
+   */
+  protected handleAction(action: UpdateCodeBlockAction, target: RTECodeBlockNode): void;
+}

package/dist/types/components/vega-rich-text-editor/dto/actions/custom-style-annotation-action.d.ts

@@ -0,0 +1,17 @@
+import { AnnotationAction } from './annotation-action.abstract';
+import { AnnotationStyle } from '../../interface';
+import { CustomStyleAnnotation } from '../annotations/custom-style-annotation';
+/**
+ * Action to toggle block horizontal alignment annotation
+ */
+export declare class CustomStyleAnnotationAction extends AnnotationAction {
+  isFlushable: boolean;
+  customStyle: AnnotationStyle;
+  constructor(customStyle: AnnotationStyle);
+  /**
+   * Converts the action to an annotation
+   *
+   * @returns {CustomStyleAnnotation} The annotation
+   */
+  toAnnotation(): CustomStyleAnnotation;
+}

package/dist/types/components/vega-rich-text-editor/dto/actions/modify-content-action.abstract.d.ts

@@ -19,7 +19,11 @@ export declare enum ModifyContentActionType {
   'TRANSFORM_PARAGRAPH_BLOCK' = "TRANSFORM_PARAGRAPH_BLOCK",
   'DELETE_BLOCK_CONTENT' = "DELETE_BLOCK_CONTENT",
   'INSERT_IMAGE_TO_BLOCK' = "INSERT_IMAGE_TO_BLOCK",
-  'UPDATE_IMAGE_NODE_URL' = "UPDATE_IMAGE_NODE_URL"
+  'UPDATE_IMAGE_NODE_URL' = "UPDATE_IMAGE_NODE_URL",
+  'TRANSFORM_TO_CODE_BLOCK' = "TRANSFORM_TO_CODE_BLOCK",
+  'UPDATE_CODE_BLOCK' = "UPDATE_CODE_BLOCK",
+  'SWITCH_OUT_FROM_CODE_BLOCK' = "SWITCH_OUT_FROM_CODE_BLOCK",
+  'DELETE_CODE_BLOCK' = "DELETE_CODE_BLOCK"
 }
 /**
  * Abstract class for update node content, delete node, insert node