@globalpayments/vega 2.49.1 → 2.51.0

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

@@ -0,0 +1,118 @@
+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';
+import { InsertCompositionTextController } from './slimmers/controllers/insert-composition-text-controller';
+/**
+ * A component for capturing and displaying syntax-highlighted code blocks with copy-to-clipboard functionality.
+ *
+ * @vegaVersion 2.50.0
+ */
+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 insertCompositionTextController: InsertCompositionTextController;
+  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
+   */
+  readOnly: boolean;
+  /**
+   * Specifies whether the code block editor is disabled.
+   *
+   * @vegaVersion 2.50.0
+   */
+  disabled: boolean;
+  watchEditableChange(): void;
+  /**
+   * Specifies whether to display the copy button in the code block.
+   *
+   * @vegaVersion 2.50.0
+   */
+  showCopyButton: boolean;
+  /**
+   * Specifies whether to display the code line number in the code block.
+   *
+   * @vegaVersion 2.50.0
+   */
+  showLineNumber: boolean;
+  /**
+   * Specifies the content or value to be displayed in the code block.
+   *
+   * @vegaVersion 2.50.0
+   */
+  value: VegaCodeBlockValue;
+  /**
+   * An event emitter notifying a value change.
+   *
+   * @vegaVersion 2.50.0
+   */
+  vegaChange: EventEmitter<VegaCodeBlockValue>;
+  /**
+   * An event emitter notifying a value change.
+   *
+   * @vegaVersion 2.50.0
+   * @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
+   */
+  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
+   * @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
+   */
+  doFocus(): Promise<void>;
+  render(): VegaCodeBlock;
+}

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

@@ -10,3 +10,5 @@ export type MaskConfigType = {
 };
 
 export type InputValueUpdateTriggeredBy = 'input' | 'change';
+
+export type InputType = 'text' | 'email' | 'password' | 'number' | 'hidden';

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { FormFieldValidationRule } from '../../helpers/validator/rules/form-field-validation-rule';
-import { InputValueUpdateTriggeredBy, MaskConfigType } from './types';
+import { InputType, InputValueUpdateTriggeredBy, MaskConfigType } from './types';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -95,7 +95,12 @@ export declare class VegaInput {
    *
    * @vegaVersion 1.0.9
    */
-  type: 'text' | 'email' | 'password' | 'number' | 'hidden';
+  type: InputType;
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-input-on-type-change}
+   */
+  watchTypeChange(newType: InputType, oldType: InputType): void;
   /**
    * Defines the specific name of the input field.
    *
@@ -315,6 +320,8 @@ export declare class VegaInput {
   private handleInputBlur;
   private onClickClearIcon;
   private isClearIconVisible;
+  private onClearInputFocus;
+  private onClearInputBlur;
   /**
    * Handles input event and updates the value based on a specified trigger.
    * The below method is e2e-test covered in

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/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/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

package/dist/types/components/vega-rich-text-editor/dto/actions/remove-code-block-action.d.ts

@@ -0,0 +1,10 @@
+import { ModifyContentAction, ModifyContentActionType } from './modify-content-action.abstract';
+/**
+ * Remove the code block from the state.
+ *
+ * @example codeBlock.parentBlock.apply(new RemoveCodeBlockAction())
+ */
+export declare class RemoveCodeBlockAction extends ModifyContentAction {
+  isFlushable: boolean;
+  type: ModifyContentActionType;
+}

package/dist/types/components/vega-rich-text-editor/dto/actions/switch-out-from-code-block-action.d.ts

@@ -0,0 +1,14 @@
+import { VegaRTECodeBlock } from '../../interface';
+import { ModifyContentAction, ModifyContentActionType } from './modify-content-action.abstract';
+/**
+ * Switch out from the code block and insert new paragraph after code block.
+ *
+ * @example codeBlock.apply(new SwitchOutFromCodeBlockAction(content, language))
+ */
+export declare class SwitchOutFromCodeBlockAction extends ModifyContentAction {
+  isFlushable: boolean;
+  type: ModifyContentActionType;
+  content: string;
+  language: VegaRTECodeBlock['language'];
+  constructor(content: string, language: VegaRTECodeBlock['language']);
+}

package/dist/types/components/vega-rich-text-editor/dto/actions/transform-to-code-block-action.d.ts

@@ -0,0 +1,14 @@
+import { RTEBlock } from '../blocks/block.abstract';
+import { RTECodeBlock } from '../blocks/code-block';
+import { ModifyContentAction, ModifyContentActionType } from './modify-content-action.abstract';
+/**
+ * Transform the selected blocks to a code block.
+ *
+ * @example firstBlock.parent.apply(new TransformToCodeBlockAction(selectedBlocks))
+ */
+export declare class TransformToCodeBlockAction extends ModifyContentAction {
+  type: ModifyContentActionType;
+  selectedBlocks: RTEBlock[];
+  newCodeBlock: RTECodeBlock;
+  constructor(selectedBlocks: RTEBlock[]);
+}

package/dist/types/components/vega-rich-text-editor/dto/actions/update-code-block-action.d.ts

@@ -0,0 +1,14 @@
+import { VegaRTECodeBlock } from '../../interface';
+import { ModifyContentAction, ModifyContentActionType } from './modify-content-action.abstract';
+/**
+ * Update the code block content or language action.
+ *
+ * @example codeNode.apply(new UpdateCodeBlockAction(content, language))
+ */
+export declare class UpdateCodeBlockAction extends ModifyContentAction {
+  isFlushable: boolean;
+  type: ModifyContentActionType;
+  content: string;
+  language: VegaRTECodeBlock['language'];
+  constructor(content: string, language: VegaRTECodeBlock['language']);
+}

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

@@ -0,0 +1,52 @@
+import { RTEBlockType, VegaRTECodeBlock } from '../../interface';
+import { VegaRTEContent } from '../content-state';
+import { RTENode } from '../nodes/node.abstract';
+import { RTEBlock } from './block.abstract';
+import { ModifyContentAction } from '../actions/modify-content-action.abstract';
+import { AnnotationAction } from '../actions/annotation-action.abstract';
+import { RTECodeBlockNode } from '../nodes/code-block-node';
+/**
+ * The code block DTO class.
+ */
+export declare class RTECodeBlock extends RTEBlock {
+  static CODE_BLOCK_PLACEHOLDER_CLASS_NAME: string;
+  type: RTEBlockType;
+  parent: VegaRTEContent;
+  nodes: RTECodeBlockNode[];
+  constructor(id: string, content: string, language: VegaRTECodeBlock['language']);
+  /**
+   * Converts a VegaRTECodeBlock into an RTECodeBlock.
+   *
+   * @param {VegaRTECodeBlock} block - The block object
+   * @returns {RTECodeBlock} A RTECodeBlock class
+   */
+  static from(block: VegaRTECodeBlock): RTECodeBlock;
+  /**
+   * @inheritDoc
+   */
+  toJSON(): VegaRTECodeBlock;
+  /**
+   * @inheritDoc
+   */
+  clone(): RTECodeBlock;
+  /**
+   * Apply action to block
+   *
+   * @param {ModifyContentAction} action - modify content action.
+   */
+  apply(action: AnnotationAction | ModifyContentAction): void;
+  /**
+   * @inheritDoc
+   */
+  isNotEmpty(): boolean;
+  /**
+   * @inheritDoc
+   */
+  getLastNode(): RTENode;
+  /**
+   * The code block is selected or not.
+   *
+   * @returns {boolean} - The boolean result.
+   */
+  isSelected(): boolean;
+}

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

@@ -0,0 +1,41 @@
+import { VegaRTEBaseNode, VegaRTECodeBlock } from '../../interface';
+import { AnnotationAction } from '../actions/annotation-action.abstract';
+import { ModifyContentAction } from '../actions/modify-content-action.abstract';
+import { RTECodeBlock } from '../blocks/code-block';
+import { NodeTypeEnum, RTENode } from './node.abstract';
+import { InternalAnnotationTypeEnum } from '../annotations/annotation.abstract';
+import { SelectionRangeAnnotation } from '../annotations/selection-range-annotation';
+declare type VegaRTECodeNode = VegaRTEBaseNode & {
+  text: string;
+  language?: VegaRTECodeBlock['language'];
+};
+/**
+ * RTE code node DTO class.
+ */
+export declare class RTECodeBlockNode extends RTENode {
+  type: NodeTypeEnum;
+  parentBlock: RTECodeBlock;
+  text: string;
+  language?: VegaRTECodeBlock['language'];
+  annotationMap: Map<InternalAnnotationTypeEnum.SELECTION_RANGE, SelectionRangeAnnotation>;
+  constructor(id: string, content: string, language: VegaRTECodeBlock['language'], parentBlock: RTECodeBlock);
+  /**
+   * The code node toJSON method will called internal.
+   *
+   * @returns {VegaRTECodeNode} - An object contains content property.
+   */
+  toJSON(): VegaRTECodeNode;
+  /**
+   * @inheritDoc
+   */
+  clone(): RTECodeBlockNode;
+  /**
+   * @inheritDoc
+   */
+  protected doAnnotationActionApply(action: AnnotationAction): void;
+  /**
+   * @inheritDoc
+   */
+  protected doModifyActionApply(action: ModifyContentAction): void;
+}
+export {};

package/dist/types/components/vega-rich-text-editor/dto/nodes/node.abstract.d.ts

@@ -5,7 +5,8 @@ import { Nullable } from '../../../../types/general';
 import { ModifyContentAction } from '../actions/modify-content-action.abstract';
 export declare enum NodeTypeEnum {
   TEXT = "TEXT",
-  IMAGE = "IMAGE"
+  IMAGE = "IMAGE",
+  CODE_BLOCK_NODE = "CODE_BLOCK_NODE"
 }
 export declare type NodeAnnotations = Map<RTENodeAnnotationMapKey, RTENodeAnnotationMapValue>;
 /**

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

@@ -0,0 +1,39 @@
+import { RTERenderContext } from '../../../interface';
+import { RTEBlockRenderer } from './block-renderer.abstract';
+import { RTECodeBlock } from '../../blocks/code-block';
+import { RTEBlock } from '../../blocks/block.abstract';
+/**
+ * The code block renderer.
+ */
+declare class RTECodeBlockRenderer extends RTEBlockRenderer {
+  /**
+   * Check the input block type.
+   *
+   * @param {RTEBlock} block - The input block.
+   * @returns {boolean} - Return true if the input block is a code block.
+   */
+  canHandle(block: RTEBlock): boolean;
+  /**
+   * Render the code block.
+   *
+   * @param {RTECodeBlock} block - The code block.
+   * @param {RTERenderContext} renderContext - The render context.
+   * @returns {HTMLElement} - The code block container element and code node elements.
+   */
+  render(block: RTECodeBlock, renderContext: RTERenderContext): HTMLElement;
+  /**
+   * The current element used to define the upper and lower bounds of a code block and to ensure that they are reflected in the range object when the code block is selected.
+   *
+   * @param {'TOP' | 'BOTTOM'} position - The element position.
+   * @returns {HTMLElement} - The empty span element.
+   */
+  private renderPlaceholderElement;
+  /**
+   * Prevent the click event bubble, avoid the rich text content trigger focus event.
+   *
+   * @param {MouseEvent} e - The event object.
+   */
+  private preventParentDoFocus;
+}
+declare const _default: RTECodeBlockRenderer;
+export default _default;

package/dist/types/components/vega-rich-text-editor/dto/renderers/nodes/code-block-node-renderer.d.ts

@@ -0,0 +1,37 @@
+import { RTENodeRenderer } from './node-renderer.abstract';
+import { RTERenderContext } from '../../../interface';
+import { RTECodeBlockNode } from '../../nodes/code-block-node';
+declare class RTECodeBlockNodeRenderer extends RTENodeRenderer {
+  render(node: RTECodeBlockNode, renderContext: RTERenderContext): HTMLElement;
+  /**
+   * Sync the code block DTO language and content when the component change event emit.
+   *
+   * @param {VegaCodeBlockValue} codeBlockValue - The code block value.
+   * @param {RTECodeBlockNode} node - The DTO class instance.
+   */
+  private handleCodeContentChange;
+  /**
+   * Remove the code block from RTE value when the component remove event emit.
+   *
+   * @param {ChangeManagerEventLike<unknown>} input - The internal event payload object.
+   * @param {RTECodeBlockNode} node - The DTO class instance.
+   */
+  private handleCodeBlockRemove;
+  /**
+   * The cursor should jump out of code block if enter three line breaks at the end.
+   *
+   * @param {string} oldCode - The old code content.
+   * @param {string} newCode - The new code content.
+   * @returns {boolean} - Boolean value.
+   */
+  private shouldSwitchOutOfCodeBlock;
+  /**
+   * Apply the selection action to code node or remove from the annotation map.
+   *
+   * @param {boolean} isSelected - The code block is focus or not.
+   * @param {RTECodeBlockNode} node - The DTO class instance.
+   */
+  private handleSelectionChange;
+}
+declare const _default: RTECodeBlockNodeRenderer;
+export default _default;

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

@@ -7,6 +7,8 @@ import { NodeAnnotation, NodeAnnotationTypeEnum } from './dto/annotations/node-a
 import { InternalAnnotationTypeEnum } from './dto/annotations/annotation.abstract';
 import { SelectionRangeAnnotation } from './dto/annotations/selection-range-annotation';
 import { VegaRichTextImageEditorSizeType } from './vega-rich-text-image-editor/types';
+import { RTECodeBlock } from './dto/blocks/code-block';
+import { VegaCodeBlockValue } from '../vega-code-block/types';
 
 export type ToolbarButtonConfig = {
 	icon: string;
@@ -40,9 +42,9 @@ export type VegaRTETextBlockType =
 
 export type VegaRTEListBlockType = 'bullet-list' | 'number-list';
 
-export type RTEBlockType = VegaRTETextBlockType | VegaRTEListBlockType | 'image';
+export type RTEBlockType = VegaRTETextBlockType | VegaRTEListBlockType | 'image' | 'code-block';
 
-export type RTEContentBlock = RTETextBlock | RTEImageBlock | RTEListBlock | RTEListItemBlock;
+export type RTEContentBlock = RTETextBlock | RTEImageBlock | RTEListBlock | RTEListItemBlock | RTECodeBlock;
 
 export type VegaRTEBlockAnnotations = {
 	textAlign?: VegaRTEBlockAlignment;
@@ -133,11 +135,18 @@ export type VegaRTEListBlock = VegaRTEBlockBase & {
 	blocks: VegaRTEListItemBlock[];
 };
 
+export type VegaRTECodeBlock = VegaRTEBlockBase & {
+	type: 'code-block';
+	content: string;
+	language?: VegaCodeBlockValue['language'];
+};
+
 export type VegaRTEContentBlock =
 	| VegaRTETextBlock
 	| VegaRTEImageBlock
 	| VegaRTEListBlock
-	| VegaRTEListItemBlock;
+	| VegaRTEListItemBlock
+	| VegaRTECodeBlock;
 
 export type VegaRTEToolbarItem =
 	| 'clearStyle'
@@ -159,7 +168,8 @@ export type VegaRTEToolbarItem =
 	| 'leftAlign'
 	| 'centerAlign'
 	| 'rightAlign'
-	| 'justified';
+	| 'justified'
+	| 'codeBlock';
 
 export type VegaRTEColorSchema = {
 	key: string;
@@ -178,3 +188,5 @@ export type VegaRichTextEditorImage = { file: File; sendBackUploadedURLCallback:
 export type RTERenderContext = { editable?: boolean };
 
 export type HeadingLevel = 1 | 2 | 3;
+
+type RTEBlockWithNodes = RTETextBlock | RTEImageBlock | RTECodeBlock;