@globalpayments/vega 2.64.0 → 2.66.0

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

@@ -3,12 +3,14 @@ import { FormControlOption, FormValidateResult, VegaFormFieldValidationState } f
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
-import { ChildNodesNotifyObserverSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-notify-observer-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { SubStateNotifySlimmerBase } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer-base';
 import { VegaFormNestStateController } from './slimmers/controllers/vega-form-nest-state-controller';
 import { VegaFormFieldValidationStateController } from './slimmers/controllers/vega-form-field-validation-state-controller';
 import { NativeFormRenderer } from './slimmers/renderers/native-form-renderer';
+import { VegaFormSubmitController } from './slimmers/controllers/vega-form-submit-controller';
+import { VegaFormFieldController } from './slimmers/controllers/vega-form-field-controller';
+import { VegaFormResetController } from './slimmers/controllers/vega-form-reset-controller';
 /**
  * @vegaVersion 1.3.0
  */
@@ -21,17 +23,12 @@ export declare class VegaForm {
   protected stateController: VegaFormNestStateController;
   protected childEventPrevent: ChildNodesEventPreventSlimmer;
   protected childFormValidateEventPrevent: ChildNodesEventPreventSlimmer;
-  protected childNotifyObserver: ChildNodesNotifyObserverSlimmer<unknown>;
-  protected childNodeValueChangeObserver: ChildNodesNotifyObserverSlimmer<unknown>;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaFormElement>;
   protected vegaFormFieldValidationStateController: VegaFormFieldValidationStateController;
   protected nativeFormRenderer: NativeFormRenderer;
-  private invalidFieldPathMap;
-  private pendingValidFieldPathMap;
-  private controlledFieldPathSet;
-  private formFieldDisconnectedObserver;
-  private formEventsObserver;
-  private formFieldPendingValidObserver;
+  protected vegaFormSubmitController: VegaFormSubmitController;
+  protected vegaFormResetController: VegaFormResetController;
+  protected vegaFormFieldController: VegaFormFieldController;
   host: HTMLVegaFormElement;
   /**
    * Indicates whether the current form-controlled elements are valid.
@@ -141,12 +138,6 @@ export declare class VegaForm {
    * @vegaVersion 2.0.0
    */
   formReset: EventEmitter;
-  /**
-   * When the vegaForm is deleted, it is necessary to notify
-   *    the parent's vegaForm to update its isValid status.
-   */
-  disconnectedCallback(): Promise<void>;
-  componentDidLoad(): Promise<void>;
   /**
    * Invoke this method asynchronously to retrieve the validation result for
    *    all the vega field elements nested within the `vega-form`.
@@ -197,100 +188,5 @@ export declare class VegaForm {
    * @vegaVersion 2.59.0
    */
   setValidationStates(states: VegaFormFieldValidationState[]): Promise<void>;
-  private static getFormFieldValue;
   render(): VegaForm;
-  /**
-   * If the element is valid, remove it from the set of
-   *    invalid elements. If the element is invalid,
-   *    add it to the set of invalid elements.
-   *
-   * @param {NotifyObserverPayload<boolean>} payload - CustomEvent<boolean> the vegaValidate subject notify from child elements
-   */
-  private updateInternalValidStatus;
-  /**
-   * If the value of any child elements have changed,
-   *    make 'isTouched' prop as false.
-   */
-  private updateInternalTouchedStatus;
-  /**
-   * Navigate the immediate child node under current vega form element with the following strategy
-   *  - if a matched vega field element found, will pass it to the visitor method passed in
-   *  - if a non-matched node found, it will call itself recursively and pass the node as the second parameter
-   * Once the navigation is finished, it will wait for all the pending visitor/self-invocation promise finished before return
-   *
-   * @param visitor async callback method that will be invoked if a matched vega field element found
-   * @param {FormControlOption} [option] form control option to skip disabled/invisible components
-   * @param [startElementNode] element node that the navigation will be started from, default is the current host element
-   * @return {Promise<void>} return void wrapped with promise to notify the navigation is done
-   */
-  private navigateVegaFormChildren;
-  /**
-   * Update the {@link isValid} property value based on the size of {@link invalidFieldPathSet}
-   * If the number of invalid elements is zero, then the form is valid.
-   */
-  private updateIsValidFlag;
-  /**
-   * It returns the value of data-vega-form that the given element is associated with, if child HTMLElements share the same data-vega-form property name
-   * in the same vega-form, then includePath has to be set to be true to get a complete path to avoid the confusion of isValid checking.
-   *
-   * @param {HTMLElement} element - The element that is being validated.
-   * @param {boolean} [includePath] - If true, the field name will include the path to the field. For
-   * example, if the field is in a vega-form with the name "address", the field name will be "address ->
-   * street".
-   * @returns The name of the field.
-   */
-  private getFormFieldName;
-  /**
-   * Return true if the HTMLElement has data-vega-form property and it's not disabled and not invisible if these two properties have to be checked.
-   *
-   * @param {HTMLElement} element - The HTMLElement to check.
-   * @param {boolean} skipDisabled - If true, then disabled form fields will be skipped.
-   * @param {boolean} skipInvisible - If true, only visible elements will be visited.
-   * @returns a boolean value.
-   */
-  private shouldVisitElement;
-  /**
-   * This function registers an observer with the ChangeManager that will be notified when a element
-   * delete operation is triggered
-   */
-  private initFormFieldDisconnectedObserver;
-  /**
-   * If the deleted element is a child or grandchild of current vegaForm, the isValid of all these vegaForms will be updated.
-   *
-   * @param {DisconnectedElementOperationPayload} payload -  the delete element and vegaForm array.
-   * @returns {boolean} A boolean value.
-   */
-  private canAcceptFormFieldDisconnectedOperation;
-  /**
-   * Get the fieldName of the deleted element in the current vegaForm, delete it from the invalidFieldPathSet array, and update isValid at the same time.
-   */
-  private updateInvalidFieldPath;
-  private registerFormSubmitChangeManager;
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-form-field-enter-to-submit-e2e}
-   */
-  private canAcceptFormSubmitEvent;
-  private handleSubmitEvents;
-  /**
-   * Submits the form using native HTML form submission with all current field values.
-   *
-   * This method collects all form field values, creates hidden input elements for each field,
-   * appends them to a container inside the native form, and then triggers the native
-   * `requestSubmit()` method to submit the form.
-   *
-   * The method ensures that the form data is available in the native form for submission,
-   * which is useful when `useNativeForm` is enabled.
-   *
-   * @returns {Promise<void>} Resolves when the form submission process is complete.
-   */
-  private submitWithFormData;
-  private registerFormResetChangeManager;
-  private canAcceptFormResetEvent;
-  private handleResetEvents;
-  private registerFormFieldPendingValidChangeManager;
-  private canAcceptFormFieldPendingValid;
-  private handleFieldPendingValid;
-  private isElementInCurrentForm;
-  private handleChildFormFieldElementValid;
 }

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

@@ -14,3 +14,68 @@ export type MaskConfigType = {
 export type InputValueUpdateTriggeredBy = 'input' | 'change';
 
 export type InputType = 'text' | 'email' | 'password' | 'number' | 'hidden';
+
+/**
+ * From: https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer
+ */
+export type DataTransferType = DataTransfer;
+
+/**
+ * From: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete
+ */
+export type InputAutocompleteTypes =
+	| 'on'
+	| 'off'
+	| 'name'
+	| 'honorific-prefix'
+	| 'given-name'
+	| 'additional-name'
+	| 'family-name'
+	| 'honorific-suffix'
+	| 'nickname'
+	| 'email'
+	| 'username'
+	| 'new-password'
+	| 'current-password'
+	| 'one-time-code'
+	| 'organization-title'
+	| 'organization'
+	| 'street-address'
+	| 'address-line1'
+	| 'address-line2'
+	| 'address-line3'
+	| 'address-level4'
+	| 'address-level3'
+	| 'address-level2'
+	| 'address-level1'
+	| 'country'
+	| 'country-name'
+	| 'postal-code'
+	| 'cc-name'
+	| 'cc-given-name'
+	| 'cc-additional-name'
+	| 'cc-family-name'
+	| 'cc-family-name'
+	| 'cc-number'
+	| 'cc-exp'
+	| 'cc-exp-month'
+	| 'cc-exp-year'
+	| 'cc-csc'
+	| 'cc-type'
+	| 'transaction-currency'
+	| 'transaction-amount'
+	| 'language'
+	| 'bday'
+	| 'bday-day'
+	| 'bday-month'
+	| 'bday-year'
+	| 'sex'
+	| 'tel'
+	| 'tel-country-code'
+	| 'tel-national'
+	| 'tel-area-code'
+	| 'tel-local'
+	| 'tel-extension'
+	| 'impp'
+	| 'url'
+	| 'photo';

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 { InputType, InputValueUpdateTriggeredBy, MaskConfigType } from './types';
+import { DataTransferType, InputAutocompleteTypes, 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';
@@ -28,6 +28,7 @@ export declare class VegaInput {
   protected focusEventEmitter: EventEmitSlimmerBase;
   protected blurEventEmitter: EventEmitSlimmerBase;
   protected labelButtonClickEventEmitter: EventEmitSlimmerBase;
+  protected pasteEventEmitter: EventEmitSlimmerBase;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaInputElement>;
   private inputRef;
   private inputContainerRef;
@@ -115,7 +116,7 @@ export declare class VegaInput {
    *
    * @vegaVersion 1.0.5
    */
-  autocomplete: 'on' | 'off';
+  autocomplete: InputAutocompleteTypes;
   /**
    * Specifies an icon or symbol that appears before the input field,
    *    providing visual context or enhancing the aesthetic appearance
@@ -294,6 +295,19 @@ export declare class VegaInput {
    * @vegaVersion 2.25.0
    */
   labelButtonClick: EventEmitter;
+  /**
+   * An event emitter notifying the paste of the inner input element.
+   *
+   * @vegaVersion 2.66.0
+   */
+  vegaPaste: EventEmitter<DataTransferType>;
+  /**
+   * An event emitter notifying the paste of the inner input element.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.66.0
+   */
+  paste: EventEmitter<DataTransferType>;
   /**
    * Invoke this method to focus the current input.
    *
@@ -318,6 +332,7 @@ export declare class VegaInput {
   private renderSuffixText;
   private handleInputFocus;
   private handleInputBlur;
+  private handleInputPaste;
   private onClickClearIcon;
   private isClearIconVisible;
   private onClearInputFocus;

package/dist/types/components/vega-input-passcode/slimmers/controllers/vega-input-passcode-keyboard-controller.d.ts

@@ -0,0 +1,25 @@
+import { KeyboardManagerSlimmer } from '../../../../helpers/slimmers/keyboard-manager-slimmer';
+import { VegaInputPasscode } from '../../vega-input-passcode';
+/**
+ * Input passcode keyboard controller
+ */
+export declare class VegaInputPasscodeKeyboardController extends KeyboardManagerSlimmer {
+  protected value: VegaInputPasscode['value'];
+  protected length: VegaInputPasscode['length'];
+  protected vegaInputValues: VegaInputPasscode['vegaInputValues'];
+  protected valueController: VegaInputPasscode['valueController'];
+  protected inputPasscodeRenderer: VegaInputPasscode['inputPasscodeRenderer'];
+  constructor();
+  /**
+   * handle logic of delete input passcode values
+   *
+   * @param {KeyboardEvent} event - the keyboard event of delete
+   */
+  private deletePasscode;
+  /**
+   * handle logic of directions of ArrowLeft and ArrowRight
+   *
+   * @param {KeyboardEvent} event - the keyboard event of ArrowLeft and ArrowRight
+   */
+  private controlDirectionByKeyboard;
+}

package/dist/types/components/vega-input-passcode/slimmers/controllers/vega-input-passcode-value-controller.d.ts

@@ -0,0 +1,47 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaInputPasscode } from '../../vega-input-passcode';
+/**
+ * Input passcode value controller
+ */
+export declare class VegaInputPasscodeValueController extends VegaSlimmer {
+  protected host: VegaInputPasscode['host'];
+  protected value: VegaInputPasscode['value'];
+  protected vegaInputValues: VegaInputPasscode['vegaInputValues'];
+  protected length: VegaInputPasscode['length'];
+  protected inputType: VegaInputPasscode['inputType'];
+  protected inputPasscodeRenderer: VegaInputPasscode['inputPasscodeRenderer'];
+  protected changeEventEmitter: VegaInputPasscode['changeEventEmitter'];
+  protected completeEventEmitter: VegaInputPasscode['completeEventEmitter'];
+  /** initialize input values on load */
+  componentWillLoad(): void;
+  /**
+   * The `watchValue` function emits a change event with the current value and notifies the
+   * `ChangeManager` about a form element value change.
+   */
+  watchValue(): void;
+  /**
+   * Synchronizes the rendered input elements with the controller's internal passcode values.
+   */
+  watchVegaInputValues(): void;
+  /**
+   * initialize input values
+   *
+   * @param {string} value - the value to be initialized
+   */
+  setValuesArray(value: string): void;
+  /**
+   * Filters an input value according to the controller's input type.
+   *
+   * @param {string} value - The raw input string to validate and filter.
+   * @returns {string} - The filtered string: white space free in text type, or digits-only otherwise.
+   */
+  valueValidationFilter(value: string): string;
+  /**
+   * Searches through the input values and returns the index
+   * of the first empty input.
+   * Returns -1 if all inputs are filled.
+   *
+   * @returns {number} - the index of the first empty input field
+   */
+  getFirstEmptyIndex(): number;
+}

package/dist/types/components/vega-input-passcode/slimmers/renderers/vega-input-passcode-renderer.d.ts

@@ -0,0 +1,29 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaInputPasscode } from '../../vega-input-passcode';
+export declare class VegaInputPasscodeRenderer extends VegaSlimmer {
+  protected host: VegaInputPasscode['host'];
+  protected value: VegaInputPasscode['value'];
+  protected label: VegaInputPasscode['label'];
+  protected required: VegaInputPasscode['required'];
+  protected length: VegaInputPasscode['length'];
+  protected disabled: VegaInputPasscode['disabled'];
+  protected hint: VegaInputPasscode['hint'];
+  protected size: VegaInputPasscode['size'];
+  protected vegaInputValues: VegaInputPasscode['vegaInputValues'];
+  protected valueController: VegaInputPasscode['valueController'];
+  private vegaInputRefs;
+  private currentIndex;
+  private inputPasscodeContainerRef;
+  watchLengthAndInputType(): void;
+  getVegaInputRefs(): HTMLVegaInputElement[];
+  getCurrentIndex(): number;
+  getInputPasscodeContainerRef(): HTMLElement;
+  render(): VegaInputPasscode;
+  private renderLabel;
+  private focusInputPasscode;
+  private handleVegaFocus;
+  private handleVegaBlur;
+  private handleVegaChange;
+  private handleVegaPaste;
+  private generateNewInputValue;
+}

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

@@ -0,0 +1,135 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaInputPasscodeRenderer } from './slimmers/renderers/vega-input-passcode-renderer';
+import { VegaInputPasscodeValueController } from './slimmers/controllers/vega-input-passcode-value-controller';
+import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { VegaInputPasscodeKeyboardController } from './slimmers/controllers/vega-input-passcode-keyboard-controller';
+import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldValidationRule } from '../../helpers/validator/rules/form-field-validation-rule';
+import { ImmutableArray } from '../../helpers/immutable/immutable-array';
+/**
+ * @vegaVersion 2.66.0
+ */
+export declare class VegaInputPasscode {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected readonly formFieldController: FormFieldControllerSlimmer<string>;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaInputPasscodeElement>;
+  protected keyboardController: VegaInputPasscodeKeyboardController;
+  protected valueController: VegaInputPasscodeValueController;
+  protected inputPasscodeRenderer: VegaInputPasscodeRenderer;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  protected completeEventEmitter: EventEmitSlimmerBase;
+  protected eventPreventSlimmer: ChildNodesEventPreventSlimmer;
+  host: HTMLVegaInputPasscodeElement;
+  vegaInputValues: ImmutableArray<string>;
+  watchVegaInputValues(): void;
+  /**
+   * Specifies the label or title for the input passcode.
+   *
+   * It provides descriptive text that helps identify the
+   *    purpose or content expected in the input passcode.
+   *
+   * @vegaVersion 2.66.0
+   */
+  label: string;
+  /**
+   * Determines whether the input passcode is disabled.
+   *
+   * @vegaVersion 2.66.0
+   */
+  disabled: boolean;
+  /**
+   * Defines the size of the input passcode,
+   *    specifying its width or length.
+   *
+   * @vegaVersion 2.66.0
+   */
+  size: 'medium' | 'small';
+  /**
+   * Provides a supplementary prompt message that assists users in
+   *    understanding the expected value for the input passcode.
+   *
+   * @vegaVersion 2.66.0
+   */
+  hint: string;
+  /**
+   * Specifies the number of input boxes to display.
+   *
+   * @vegaVersion 2.66.0
+   */
+  length: number;
+  /**
+   * Specifies the input type of the input passcode
+   *    Numeric type: only 0-9 are accepted
+   *    Text type: any non-space character is accepted
+   *    Spaces are rejected for all types
+   *
+   * @vegaVersion 2.66.0
+   */
+  inputType: 'numeric' | 'text';
+  watchLengthAndInputType(): void;
+  /**
+   * Specifies the value of the input passcode.
+   *
+   * @vegaVersion 2.66.0
+   */
+  value: string;
+  watchValue(): void;
+  /**
+   * Determines whether the input passcode field is required.
+   *
+   * @vegaVersion 2.66.0
+   */
+  required: boolean;
+  /**
+   * Defines custom validation rules for the input passcode.
+   *
+   * @vegaVersion 2.66.0
+   */
+  validationRules: FormFieldValidationRule<unknown>[];
+  watchValidationRules(): void;
+  /**
+   * Determines whether the input passcode should undergo automatic validation
+   *    during the user's input.
+   *
+   * @vegaVersion 2.66.0
+   */
+  autoValidation: boolean;
+  /**
+   * Specifies the validation status of the input passcode.
+   *
+   * @vegaVersion 2.66.0
+   */
+  isValid: boolean | null;
+  /**
+   * An event emitter notifying the change of the value in the input passcode,
+   *    whether triggered programmatically or through user interaction.
+   *
+   * @vegaVersion 2.66.0
+   */
+  vegaChange: EventEmitter<string>;
+  /**
+   * An event emitter notifying the change of the value in the input passcode,
+   *    whether triggered programmatically or through user interaction.
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.66.0
+   */
+  change: EventEmitter<string>;
+  /**
+   * An event emitter notifying the completion of all input passcode boxes.
+   *    whether triggered programmatically or through user interaction.
+   *
+   * @vegaVersion 2.66.0
+   */
+  vegaComplete: EventEmitter<string>;
+  /**
+   * An event emitter notifying the completion of all input passcode boxes.
+   *    whether triggered programmatically or through user interaction.
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.66.0
+   */
+  complete: EventEmitter<string>;
+  render(): VegaInputPasscode;
+}

package/dist/types/components/vega-nav/slimmers/vega-nav-observer-slimmer.d.ts

@@ -1,4 +1,6 @@
 import { VegaSlimmer } from '../../../vega-slimmer/vega-slimmer-core';
+import { DomNodeSubject } from '../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject';
+import { Nullable } from '../../../types/general';
 /**
  * The code is defining an abstract class called `VegaNavObserverSlimmer` that extends the `VegaSlimmer` class.
  */
@@ -21,4 +23,5 @@ export declare abstract class VegaNavObserverSlimmer extends VegaSlimmer {
    */
   protected isAcceptableNavListObserver<T>(input: unknown): input is T;
   protected abstract observerListener(castInput: HTMLVegaLeftNavLinkElement): void;
+  protected abstract getObserverSubject(): Nullable<DomNodeSubject>;
 }

package/dist/types/components/vega-nav/vega-left-nav-link/slimmers/controllers/vega-left-nav-link-controller.d.ts

@@ -1,8 +1,11 @@
 import { VegaLeftNavLink } from '../../vega-left-nav-link';
 import { VegaNavObserverSlimmer } from '../../../slimmers/vega-nav-observer-slimmer';
+import { Nullable } from '../../../../../types/general';
+import { DomNodeSubject } from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject';
 export declare class VegaLeftNavLinkController extends VegaNavObserverSlimmer {
   host: VegaLeftNavLink['host'];
   selected: VegaLeftNavLink['selected'];
+  customSelectionEnabled: VegaLeftNavLink['customSelectionEnabled'];
   vegaLeftNavHierarchyController: VegaLeftNavLink['vegaLeftNavHierarchyController'];
   /**
    * When selected is true during initialization, the VegaInternalInitializeLeftNavLinkSelected observer needs to be notified
@@ -19,4 +22,9 @@ export declare class VegaLeftNavLinkController extends VegaNavObserverSlimmer {
    * @see{module:vega-left-nav-link-observer-with-click}
    */
   protected observerListener(castInput: HTMLVegaLeftNavLinkElement): void;
+  /**
+   * Returns the dom node subject for selection observer registration.
+   * The subject is scoped to the top parent nav container for this link.
+   */
+  protected getObserverSubject(): Nullable<DomNodeSubject>;
 }

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

@@ -150,7 +150,8 @@ export declare abstract class RTEBlock<P = RTEBlockParentType, C = RTEBlockChild
   /**
    * Clones the block.
    *
+   * @param {RTEBlock | VegaRTEContent} parent - The parent block of the cloned block.
    * @returns {InstanceType<ClassType<RTEBlock>>} A new instance of the block with cloned properties.
    */
-  abstract clone(): InstanceType<ClassType<RTEBlock>>;
+  abstract clone(parent: P): InstanceType<ClassType<RTEBlock>>;
 }

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

@@ -33,7 +33,7 @@ export declare class RTECodeBlock extends RTEBlock<VegaRTEContent | RTEHtmlBlock
   /**
    * @inheritDoc
    */
-  clone(): RTECodeBlock;
+  clone(parent: VegaRTEContent | RTEHtmlBlock): RTECodeBlock;
   /**
    * Apply action to block
    *

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

@@ -22,7 +22,7 @@ export declare class RTEHtmlBlock extends RTEBlock<VegaRTEContent | RTEHtmlBlock
   /**
    * @inheritDoc
    */
-  clone(): RTEHtmlBlock;
+  clone(parent: VegaRTEContent | RTEHtmlBlock): RTEHtmlBlock;
   /**
    * @inheritDoc
    */

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

@@ -44,5 +44,5 @@ export declare class RTEImageBlock extends RTEBlock<VegaRTEContent | RTEHtmlBloc
   /**
    * @inheritDoc
    */
-  clone(): RTEImageBlock;
+  clone(parent: VegaRTEContent | RTEHtmlBlock): RTEImageBlock;
 }

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

@@ -54,7 +54,7 @@ export declare class RTEListBlock extends RTEBlock<VegaRTEContent | RTEListItemB
   /**
    * @inheritDoc
    */
-  clone(): RTEListBlock;
+  clone(parent: RTEListItemBlock | VegaRTEContent | RTEHtmlBlock): RTEListBlock;
   /**
    * Returns the block tag based on the type of the list block.
    *

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

@@ -48,5 +48,5 @@ export declare class RTEListItemBlock extends RTETextBlock {
   /**
    * @inheritDoc
    */
-  clone(): RTEListItemBlock;
+  clone(parent: RTEListBlock): RTEListItemBlock;
 }

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

@@ -67,7 +67,7 @@ export declare class RTETextBlock extends RTEBlock<VegaRTEContent | RTEListBlock
   /**
    * @inheritDoc
    */
-  clone(): RTETextBlock;
+  clone(parent: VegaRTEContent | RTEListBlock | RTEHtmlBlock): RTETextBlock;
   /**
    * @inheritDoc
    */

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

@@ -33,7 +33,7 @@ export declare class RTECodeBlockNode extends RTEDecoratorNode<RTECodeBlock> {
   /**
    * @inheritDoc
    */
-  clone(): RTECodeBlockNode;
+  clone(parent: RTECodeBlock): RTECodeBlockNode;
   /**
    * @inheritDoc
    */

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

@@ -28,7 +28,7 @@ export declare class RTEImageNode extends RTEDecoratorNode<RTEImageBlock> {
   /**
    * @inheritDoc
    */
-  clone(): RTEImageNode;
+  clone(parent: RTEImageBlock): RTEImageNode;
   /**
    * @inheritDoc
    */

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

@@ -140,9 +140,10 @@ export declare abstract class RTENode<P extends RTEBlock = RTEBlock> {
   /**
    * Clone the node.
    *
+   * @param {RTEBlock} parent - The parent block of the cloned node.
    * @returns {InstanceType<ClassType<RTENode>>} A new instance of the node with cloned properties.
    */
-  abstract clone(): RTENode<P>;
+  abstract clone(parent: P): RTENode<P>;
   /**
    * Convert the node to HTML.
    *

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

@@ -71,7 +71,7 @@ export declare class RTETextNode extends RTENode<RTETextBlock> {
   /**
    * @inheritDoc
    */
-  clone(): RTETextNode;
+  clone(parent: RTETextBlock): RTETextNode;
   /**
    * Checks if a node is empty
    *