@heartlandone/vega 2.49.1 → 2.50.0-RTE-preview

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

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/annotations/annotation.abstract.d.ts

@@ -1,5 +1,6 @@
 import { NodeAnnotationTypeEnum } from './node-annotation.abstract';
 import { BlockAnnotationTypeEnum } from './block-annotation.abstract';
+import { CommonAnnotationTypeEnum } from './common-annotation.abstract';
 export declare enum InternalAnnotationTypeEnum {
   SELECTION_RANGE = "SELECTION_RANGE",
   CLEAR_FORMATTING = "CLEAR_FORMATTING",
@@ -9,5 +10,5 @@ export declare enum InternalAnnotationTypeEnum {
  * Abstract class for all annotations
  */
 export declare abstract class Annotation {
-  abstract readonly type: BlockAnnotationTypeEnum | NodeAnnotationTypeEnum | InternalAnnotationTypeEnum;
+  abstract readonly type: BlockAnnotationTypeEnum | NodeAnnotationTypeEnum | InternalAnnotationTypeEnum | CommonAnnotationTypeEnum;
 }