@globalpayments/vega 2.65.0 → 2.66.0

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

@@ -2,10 +2,10 @@ import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 import { VegaBreadcrumb } from '../../vega-breadcrumb';
 export declare class VegaBreadcrumbRenderer extends VegaSlimmer {
   items: VegaBreadcrumb['items'];
+  compactOnMobile: VegaBreadcrumb['compactOnMobile'];
   maxItems: VegaBreadcrumb['maxItems'];
   itemRenderer: VegaBreadcrumb['itemRenderer'];
   collapsedItemRenderer: VegaBreadcrumb['collapsedItemRenderer'];
-  private isMobile;
   private vegaBreadcrumbContainerRef;
   /**
    * get the component container div element
@@ -16,4 +16,5 @@ export declare class VegaBreadcrumbRenderer extends VegaSlimmer {
   render(): HTMLElement;
   private renderItems;
   private isCollapsed;
+  private get isCompactMode();
 }

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

@@ -6,7 +6,7 @@ export type VegaBreadcrumbItemType = {
 };
 
 export type VegaBreadcrumbRenderItemOptions = {
-	isMobile?: boolean;
+	isCompactMode?: boolean;
 	isLastItem?: boolean;
 	isInDropdown?: boolean;
 };

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

@@ -41,6 +41,17 @@ export declare class VegaBreadcrumb {
    * @vegaVersion 1.41.0
    */
   items: VegaBreadcrumbItemType[];
+  /**
+   * Compact mode toggle for mobile viewport.
+   *
+   * When `true` (default), the breadcrumb displays only the last clickable
+   * item on mobile devices to save horizontal space.
+   * When `false`, the full multi-item layout is shown on mobile, identical to
+   * desktop behavior (still subject to collapsing based on `maxItems`).
+   *
+   * @vegaVersion 2.66.0
+   */
+  compactOnMobile: boolean;
   /**
    * An event emitter notifying that a breadcrumb item has been clicked.
    *

package/dist/types/components/vega-form/slimmers/controllers/vega-form-submit-controller.d.ts

@@ -31,6 +31,14 @@ export declare class VegaFormSubmitController extends VegaSlimmer {
    * @returns {Promise<void>} Resolves when the form submission process is complete.
    */
   private submitWithFormData;
+  /**
+   * Creates a hidden input element with the specified name and value.
+   *
+   * @param {string} name - The name attribute for the hidden input.
+   * @param {unknown} value - The value attribute for the hidden input.
+   * @returns {HTMLInputElement} The created hidden input element.
+   */
+  private createHiddenInput;
   /**
    * Registers the form submit event observer with the ChangeManager.
    */
@@ -52,4 +60,13 @@ export declare class VegaFormSubmitController extends VegaSlimmer {
    * @returns {Promise<void>} Resolves when the submission process is complete.
    */
   private handleSubmitEvents;
+  /**
+   * Flattens a nested object into a single-level object with bracket notation for keys.
+   *
+   * @param {Record<string, unknown>} data - The nested object to be flattened.
+   * @param {string} [parentKey=''] - The prefix for the keys in the flattened object.
+   * @param {Record<string, unknown>} [out={}] - The output object that accumulates the flattened key-value pairs.
+   * @returns {Record<string, unknown>} The flattened object with bracket notation keys.
+   */
+  private flattenObjectWithBrackets;
 }

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

package/dist/types/components/vega-rich-text-editor/extensions/tokens/token-node.d.ts

@@ -27,9 +27,10 @@ export declare class RTETokenNode extends RTETextNode {
   /**
    * Clones the token node.
    *
+   * @param {RTETextBlock} parent - The parent block for the cloned node.
    * @returns {RTETokenNode} - The cloned token node.
    */
-  clone(): RTETokenNode;
+  clone(parent: RTETextBlock): RTETokenNode;
   /**
    * Converts the token node to an HTML representation.
    *