@globalpayments/vega 2.65.0 → 2.66.0

package/dist/types/components.d.ts

@@ -35,7 +35,7 @@ import { VegaCountryCode } from "./types/flag.type";
 import { VegaFontAs } from "./components/vega-font/types";
 import { FormControlOption, FormValidateResult, VegaFormFieldValidationState } from "./components/vega-form/types";
 import { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from "./components/vega-image-uploader/types";
-import { InputType, InputValueUpdateTriggeredBy, MaskConfigType } from "./components/vega-input/types";
+import { DataTransferType, InputAutocompleteTypes, InputType, InputValueUpdateTriggeredBy, MaskConfigType } from "./components/vega-input/types";
 import { FormFieldValidationRule as FormFieldValidationRule1 } from "./types/components.type";
 import { VegaCountryType } from "./components/vega-input-phone-number/types";
 import { InputRangeStackType, InputRangeValueType } from "./components/vega-input-range/types";
@@ -435,6 +435,11 @@ export namespace Components {
         "theme": 'auto' | 'light' | 'dark';
     }
     interface VegaBreadcrumb {
+        /**
+          * 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;
         /**
           * Represents the individual elements within the `vega-breadcrumb` component.
           * @vegaVersion 1.41.0
@@ -1926,7 +1931,7 @@ export namespace Components {
           * Controls the autofill behavior and specifies whether the    input should receive automated suggestions or    previously entered values.
           * @vegaVersion 1.0.5
          */
-        "autocomplete": 'on' | 'off';
+        "autocomplete": InputAutocompleteTypes;
         /**
           * Controls whether copying or pasting is enabled for the input.
           * @vegaVersion 2.1.0
@@ -2208,6 +2213,63 @@ export namespace Components {
          */
         "value": string;
     }
+    interface VegaInputPasscode {
+        /**
+          * Determines whether the input passcode should undergo automatic validation    during the user's input.
+          * @vegaVersion 2.66.0
+         */
+        "autoValidation": boolean;
+        /**
+          * Determines whether the input passcode is disabled.
+          * @vegaVersion 2.66.0
+         */
+        "disabled": boolean;
+        /**
+          * 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 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';
+        /**
+          * Specifies the validation status of the input passcode.
+          * @vegaVersion 2.66.0
+         */
+        "isValid": boolean | null;
+        /**
+          * 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;
+        /**
+          * Specifies the number of input boxes to display.
+          * @vegaVersion 2.66.0
+         */
+        "length": number;
+        /**
+          * Determines whether the input passcode field is required.
+          * @vegaVersion 2.66.0
+         */
+        "required": boolean;
+        /**
+          * Defines the size of the input passcode,    specifying its width or length.
+          * @vegaVersion 2.66.0
+         */
+        "size": 'medium' | 'small';
+        /**
+          * Defines custom validation rules for the input passcode.
+          * @vegaVersion 2.66.0
+         */
+        "validationRules": FormFieldValidationRule<unknown>[];
+        /**
+          * Specifies the value of the input passcode.
+          * @vegaVersion 2.66.0
+         */
+        "value": string;
+    }
     interface VegaInputPhoneNumber {
         /**
           * Specifies the countries available for selection.  Note: By default, 245 codes are provided, but loading all of them may take time. To improve performance, it is recommended to include only the necessary codes.
@@ -4420,6 +4482,10 @@ export interface VegaInputNumericCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaInputNumericElement;
 }
+export interface VegaInputPasscodeCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLVegaInputPasscodeElement;
+}
 export interface VegaInputPhoneNumberCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLVegaInputPhoneNumberElement;
@@ -4851,6 +4917,12 @@ declare global {
         prototype: HTMLVegaInputNumericElement;
         new (): HTMLVegaInputNumericElement;
     };
+    interface HTMLVegaInputPasscodeElement extends Components.VegaInputPasscode, HTMLStencilElement {
+    }
+    var HTMLVegaInputPasscodeElement: {
+        prototype: HTMLVegaInputPasscodeElement;
+        new (): HTMLVegaInputPasscodeElement;
+    };
     interface HTMLVegaInputPhoneNumberElement extends Components.VegaInputPhoneNumber, HTMLStencilElement {
     }
     var HTMLVegaInputPhoneNumberElement: {
@@ -5261,6 +5333,7 @@ declare global {
         "vega-input": HTMLVegaInputElement;
         "vega-input-credit-card": HTMLVegaInputCreditCardElement;
         "vega-input-numeric": HTMLVegaInputNumericElement;
+        "vega-input-passcode": HTMLVegaInputPasscodeElement;
         "vega-input-phone-number": HTMLVegaInputPhoneNumberElement;
         "vega-input-range": HTMLVegaInputRangeElement;
         "vega-input-select": HTMLVegaInputSelectElement;
@@ -5749,6 +5822,11 @@ declare namespace LocalJSX {
         "theme"?: 'auto' | 'light' | 'dark';
     }
     interface VegaBreadcrumb {
+        /**
+          * 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;
         /**
           * Represents the individual elements within the `vega-breadcrumb` component.
           * @vegaVersion 1.41.0
@@ -7599,7 +7677,7 @@ declare namespace LocalJSX {
           * Controls the autofill behavior and specifies whether the    input should receive automated suggestions or    previously entered values.
           * @vegaVersion 1.0.5
          */
-        "autocomplete"?: 'on' | 'off';
+        "autocomplete"?: InputAutocompleteTypes;
         /**
           * Controls whether copying or pasting is enabled for the input.
           * @vegaVersion 2.1.0
@@ -7690,6 +7768,12 @@ declare namespace LocalJSX {
           * @vegaVersion 2.25.0
          */
         "onLabelButtonClick"?: (event: VegaInputCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying the paste of the inner input element.
+          * @eventSemantics namespace:native
+          * @vegaVersion 2.66.0
+         */
+        "onPaste"?: (event: VegaInputCustomEvent<DataTransferType>) => void;
         /**
           * An event emitter notifying the blur of the inner input element.
           * @vegaVersion 1.3.0
@@ -7710,6 +7794,11 @@ declare namespace LocalJSX {
           * @vegaVersion 2.25.0
          */
         "onVegaLabelButtonClick"?: (event: VegaInputCustomEvent<any>) => void;
+        /**
+          * An event emitter notifying the paste of the inner input element.
+          * @vegaVersion 2.66.0
+         */
+        "onVegaPaste"?: (event: VegaInputCustomEvent<DataTransferType>) => void;
         /**
           * Specifies a placeholder string that displays as a temporary hint    or example inside the input field.  It indicates the expected format or pattern of the input.
           * @vegaVersion 1.3.0
@@ -7959,6 +8048,85 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface VegaInputPasscode {
+        /**
+          * Determines whether the input passcode should undergo automatic validation    during the user's input.
+          * @vegaVersion 2.66.0
+         */
+        "autoValidation"?: boolean;
+        /**
+          * Determines whether the input passcode is disabled.
+          * @vegaVersion 2.66.0
+         */
+        "disabled"?: boolean;
+        /**
+          * 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 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';
+        /**
+          * Specifies the validation status of the input passcode.
+          * @vegaVersion 2.66.0
+         */
+        "isValid"?: boolean | null;
+        /**
+          * 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;
+        /**
+          * Specifies the number of input boxes to display.
+          * @vegaVersion 2.66.0
+         */
+        "length"?: number;
+        /**
+          * 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
+         */
+        "onChange"?: (event: VegaInputPasscodeCustomEvent<string>) => void;
+        /**
+          * 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
+         */
+        "onComplete"?: (event: VegaInputPasscodeCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying the change of the value in the input passcode,    whether triggered programmatically or through user interaction.
+          * @vegaVersion 2.66.0
+         */
+        "onVegaChange"?: (event: VegaInputPasscodeCustomEvent<string>) => void;
+        /**
+          * An event emitter notifying the completion of all input passcode boxes.    whether triggered programmatically or through user interaction.
+          * @vegaVersion 2.66.0
+         */
+        "onVegaComplete"?: (event: VegaInputPasscodeCustomEvent<string>) => void;
+        /**
+          * Determines whether the input passcode field is required.
+          * @vegaVersion 2.66.0
+         */
+        "required"?: boolean;
+        /**
+          * Defines the size of the input passcode,    specifying its width or length.
+          * @vegaVersion 2.66.0
+         */
+        "size"?: 'medium' | 'small';
+        /**
+          * Defines custom validation rules for the input passcode.
+          * @vegaVersion 2.66.0
+         */
+        "validationRules"?: FormFieldValidationRule<unknown>[];
+        /**
+          * Specifies the value of the input passcode.
+          * @vegaVersion 2.66.0
+         */
+        "value"?: string;
+    }
     interface VegaInputPhoneNumber {
         /**
           * Specifies the countries available for selection.  Note: By default, 245 codes are provided, but loading all of them may take time. To improve performance, it is recommended to include only the necessary codes.
@@ -10476,6 +10644,7 @@ declare namespace LocalJSX {
         "vega-input": VegaInput;
         "vega-input-credit-card": VegaInputCreditCard;
         "vega-input-numeric": VegaInputNumeric;
+        "vega-input-passcode": VegaInputPasscode;
         "vega-input-phone-number": VegaInputPhoneNumber;
         "vega-input-range": VegaInputRange;
         "vega-input-select": VegaInputSelect;
@@ -10591,6 +10760,7 @@ declare module "@stencil/core" {
             "vega-input": LocalJSX.VegaInput & JSXBase.HTMLAttributes<HTMLVegaInputElement>;
             "vega-input-credit-card": LocalJSX.VegaInputCreditCard & JSXBase.HTMLAttributes<HTMLVegaInputCreditCardElement>;
             "vega-input-numeric": LocalJSX.VegaInputNumeric & JSXBase.HTMLAttributes<HTMLVegaInputNumericElement>;
+            "vega-input-passcode": LocalJSX.VegaInputPasscode & JSXBase.HTMLAttributes<HTMLVegaInputPasscodeElement>;
             "vega-input-phone-number": LocalJSX.VegaInputPhoneNumber & JSXBase.HTMLAttributes<HTMLVegaInputPhoneNumberElement>;
             "vega-input-range": LocalJSX.VegaInputRange & JSXBase.HTMLAttributes<HTMLVegaInputRangeElement>;
             "vega-input-select": LocalJSX.VegaInputSelect & JSXBase.HTMLAttributes<HTMLVegaInputSelectElement>;

package/dist/types/constants/ui.d.ts

@@ -12,5 +12,5 @@ export declare const FlexWrap: readonly ["nowrap", "wrap", "wrap-reverse"];
 export declare const BoxDisplay: readonly ["block", "inline-block", "none"];
 export declare const BorderStyle: readonly ["solid", "dashed", "dotted", "double", "none"];
 export declare const TextAlign: readonly ["start", "end", "left", "right", "center", "justify"];
-export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "rowExpand", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "searchTrigger", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "dateClick", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow", "monthYearChange"];
+export declare const VegaNativeEventName: readonly ["change", "click", "focus", "blur", "close", "modalOpen", "validate", "formSubmit", "formReset", "rowClick", "rowExpand", "selectChange", "selectAllChange", "pageSizeChange", "dropdownClick", "create", "search", "searchTrigger", "hide", "show", "popoverShow", "popoverHide", "cancel", "remove", "pageUpdate", "currentStepUpdate", "toggleStatus", "stateUpdate", "groupClick", "menuClick", "accordionExpand", "dropdownShow", "dropdownHide", "dropdownSearch", "actionClick", "eventClick", "dateDblClick", "dateClick", "countryChange", "actionButtonClick", "moreActionClick", "expand", "rowSelect", "rowSelectAll", "retry", "selectedFileChange", "preview", "labelButtonClick", "imageInserted", "reset", "eventPreviewShow", "monthYearChange", "complete", "paste"];
 export declare const CssStates: readonly ["default", "hover", "active", "focus-visible"];

package/dist/types/helpers/event-manager/event-id/vega-event-id.d.ts

@@ -94,4 +94,6 @@ export declare const VegaPreview: VegaEventID;
 export declare const VegaLabelButtonClick: VegaEventID;
 export declare const VegaReset: VegaEventID;
 export declare const VegaMonthYearChange: VegaEventID;
+export declare const VegaComplete: VegaEventID;
+export declare const VegaPaste: VegaEventID;
 export declare const HTMLNativeEventIds: VegaEventID[];

package/dist/types/helpers/immutable/immutable-array.d.ts

@@ -0,0 +1,86 @@
+import { Immutable } from './immutable';
+/**
+ * Immutable Array cannot be changed once created
+ */
+export declare class ImmutableArray<T> implements Immutable<T[]> {
+  length: number;
+  private readonly array;
+  /**
+   * The constructor of ImmutableArray
+   *
+   * @typedef T generic type parameter
+   * @param {T[]} initialArray - Optional initial array
+   * @param {() => void} onMutate - Optional callback invoked with the new ImmutableArray whenever a mutation is performed
+   */
+  constructor(initialArray?: T[], onMutate?: (newArr: ImmutableArray<T>) => void);
+  /**
+   * The function is called when the array is mutated
+   *
+   * @typedef T generic type parameter
+   * @param {ImmutableArray<T>} _newArr - The new array that was created.
+   */
+  onMutate(_newArr: ImmutableArray<T>): void;
+  /**
+   * Append items to the array and return a new ImmutableArray
+   *
+   * @param {T[]} items - The items to be appended to the array
+   * @returns {ImmutableArray<T>} - a new ImmutableArray with new items pushed.
+   */
+  push(...items: T[]): ImmutableArray<T>;
+  /**
+   * Remove the last item from the array and return a new ImmutableArray.
+   * If the array is empty, a new ImmutableArray with the same (empty) contents is returned.
+   *
+   * @returns {ImmutableArray<T>} - a new ImmutableArray with the last one popped
+   */
+  pop(): ImmutableArray<T>;
+  /**
+   * Update the item at the specified index and return a new ImmutableArray.
+   * If the index is out of range, no change is made and a new ImmutableArray (same contents) is returned.
+   *
+   * @param {number} index - Index of the item to update.
+   * @param {T} value - New value to set at the given index.
+   * @returns {ImmutableArray<T>} - a new ImmutableArray with updated item.
+   */
+  set(index: number, value: T): ImmutableArray<T>;
+  /**
+   * Set values from the provided array into this ImmutableArray one by one
+   *
+   * @param {T[]} values - Array of values to write into this array.
+   * @returns {ImmutableArray<T>} - a new ImmutableArray with updated items.
+   */
+  setAll(values: T[]): ImmutableArray<T>;
+  /**
+   * Clear the array and return a new ImmutableArray
+   *
+   * @returns {ImmutableArray<T>} return a new ImmutableArray.
+   */
+  clear(): ImmutableArray<T>;
+  /**
+   * Performs a mutation on a copy of the internal array and returns a new ImmutableArray
+   *
+   * @param {(arr: T[]) => void} fn - (arr: T[]) => void
+   * @returns {ImmutableArray<T>} A new ImmutableArray
+   */
+  withMutation(fn: (arr: T[]) => void): ImmutableArray<T>;
+  /**
+   * Get item by index
+   *
+   * @param {number} index - index of the array items
+   * @returns {T | undefined} The array item with the index
+   */
+  get(index: number): T | undefined;
+  /**
+   * Join array elements into a string separated by the given separator.
+   *
+   * @param {string} [separator=','] - Separator to use between elements.
+   * @returns {string} The joined string.
+   */
+  join(separator?: string): string;
+  /**
+   * It returns an array of the values in the array
+   *
+   * @returns {T[]} An array of the values in the array.
+   */
+  toArray(): T[];
+}

package/dist/types/helpers/immutable/immutable-map.d.ts

@@ -85,5 +85,5 @@ export declare class ImmutableMap<K, V> implements Immutable<Map<K, V>> {
    * @param {(map: Map<unknown, unknown>) => void} fn - A function that takes a map as its parameter and does some mutation on it.
    * @returns {ImmutableMap<K, V>} a new instance of `ImmutableMap<K, V>`.
    */
-  private withMutation;
+  withMutation(fn: (map: Map<K, V>) => void): ImmutableMap<K, V>;
 }

package/dist/types/helpers/immutable/immutable.d.ts

@@ -1,3 +1,4 @@
 export interface Immutable<T> {
 	onMutate(newObj: Immutable<T>): void;
+	withMutation(fn: (obj: T) => void): Immutable<T>;
 }

package/dist/types/helpers/immutable/test/immutable-array.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/types/components.type.d.ts

@@ -137,7 +137,13 @@ export {
 	VegaFormFieldValidationState,
 } from '../components/vega-form/types';
 export { VegaFile, VegaFileOptional, VegaImageUploaderStatus } from '../components/vega-image-uploader/types';
-export { InputType, InputValueUpdateTriggeredBy, MaskConfigType } from '../components/vega-input/types';
+export {
+	DataTransferType,
+	InputAutocompleteTypes,
+	InputType,
+	InputValueUpdateTriggeredBy,
+	MaskConfigType,
+} from '../components/vega-input/types';
 export { FormFieldValidationRule as FormFieldValidationRule1 } from '../types/components.type';
 export { VegaCountryType } from '../components/vega-input-phone-number/types';
 export { InputRangeStackType, InputRangeValueType } from '../components/vega-input-range/types';

package/dist/vega/index.esm.js

@@ -1 +1 @@
-export{g as getCurrentBreakpoint}from"./p-7d9cd9c8.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-378e5881.js";export{c as camelToDashCase}from"./p-02841589.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-b1faebe0.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{e as BoxDisplay,B as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-74168615.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{I as InsertNodeToNearestRootAction,k as RTETokenNode,l as RTETokenNodeRenderer,R as RTETokenToolbarButtonRenderer,c as VegaDialog,d as VegaEventManager,V as VegaLoader,a as VegaNotify,i as VegaRTEExtension,j as VegaRTEExtensionRenderer,g as VegaRTETokenExtension,h as VegaRTEToolbarButtonRenderer,f as VegaSkeletonLoader,b as VegaThemeManager,e as VegaZIndexManager}from"./p-64c3d021.js";export{F as FeatureFlag}from"./p-e77a83e4.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-24cb0a7e.js";export{V as VegaIconManager}from"./p-8c9ea6f4.js";export{V as ValidCreditCardNumberRule}from"./p-9ce249a9.js";export{w as waitForVega}from"./p-7c594a9f.js";export{a as VegaTranslation,s as VegaTranslationResourceEN}from"./p-39482a1a.js";export{b as ElementToDTOStrategy,d as RTEImageBlock,f as RTEImageNode,e as RTEListBlock,c as RTEListItemBlock,U as UpdateCursorPositionAction,V as VegaRTEContent}from"./p-d5d6dae6.js";export{s as setVegaNonce}from"./p-54ae02db.js";export{c as ActionHandleStrategy,e as AppendChildrenAction,K as CodeLanguage,p as CustomAttributeAnnotation,o as CustomClassAnnotation,C as CustomStyleAnnotation,I as InsertChildrenAfterAction,k as InsertChildrenBeforeAction,M as ModifyContentAction,n as RTEBlock,v as RTEDecoratorNode,J as RTENode,d as RTETextBlock,a as RTETextNode,j as RemoveChildrenAction,V as VegaRTEPresetToolbarItems}from"./p-39b4c838.js";export{R as RTELanguageToolbarButtonRenderer,V as VegaRTELanguageExtension}from"./p-901ff5d3.js";export{R as RTERange}from"./p-c241f615.js";export{G as GridColumns,a as GridRows}from"./p-228de113.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-8fae8f9e.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-bc9484a6.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-924b4e24.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";import"./p-b75ee3ba.js";import"./p-824a06ba.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-d9671d27.js";import"./p-4c192985.js";import"./p-a528714c.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-262ec334.js";import"./p-a7b5f497.js";import"./p-3c21b875.js";import"./p-db8cdba6.js";import"./p-abd7aeaa.js";import"./p-5d676a94.js";import"./p-308aa2e3.js";import"./p-bf19682d.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-08835909.js";const r=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{r as Rings}
+export{g as getCurrentBreakpoint}from"./p-7d9cd9c8.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-54b62ecf.js";export{c as camelToDashCase}from"./p-02841589.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-b1faebe0.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{e as BoxDisplay,B as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-74168615.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{I as InsertNodeToNearestRootAction,k as RTETokenNode,l as RTETokenNodeRenderer,R as RTETokenToolbarButtonRenderer,c as VegaDialog,d as VegaEventManager,V as VegaLoader,a as VegaNotify,i as VegaRTEExtension,j as VegaRTEExtensionRenderer,g as VegaRTETokenExtension,h as VegaRTEToolbarButtonRenderer,f as VegaSkeletonLoader,b as VegaThemeManager,e as VegaZIndexManager}from"./p-f360c9ba.js";export{F as FeatureFlag}from"./p-e77a83e4.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-41c3fcb4.js";export{V as VegaIconManager}from"./p-8c9ea6f4.js";export{V as ValidCreditCardNumberRule}from"./p-9ce249a9.js";export{w as waitForVega}from"./p-8350506e.js";export{a as VegaTranslation,s as VegaTranslationResourceEN}from"./p-39482a1a.js";export{b as ElementToDTOStrategy,d as RTEImageBlock,f as RTEImageNode,e as RTEListBlock,c as RTEListItemBlock,U as UpdateCursorPositionAction,V as VegaRTEContent}from"./p-8edf3513.js";export{s as setVegaNonce}from"./p-54ae02db.js";export{c as ActionHandleStrategy,e as AppendChildrenAction,K as CodeLanguage,p as CustomAttributeAnnotation,o as CustomClassAnnotation,C as CustomStyleAnnotation,I as InsertChildrenAfterAction,k as InsertChildrenBeforeAction,M as ModifyContentAction,n as RTEBlock,v as RTEDecoratorNode,J as RTENode,d as RTETextBlock,a as RTETextNode,j as RemoveChildrenAction,V as VegaRTEPresetToolbarItems}from"./p-822c6092.js";export{R as RTELanguageToolbarButtonRenderer,V as VegaRTELanguageExtension}from"./p-bf7f755b.js";export{R as RTERange}from"./p-a7631c6b.js";export{G as GridColumns,a as GridRows}from"./p-47fa359b.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-8fae8f9e.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-129c0ce1.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-924b4e24.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";import"./p-b75ee3ba.js";import"./p-824a06ba.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-d9671d27.js";import"./p-4c192985.js";import"./p-a528714c.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-262ec334.js";import"./p-a7b5f497.js";import"./p-447c7590.js";import"./p-db8cdba6.js";import"./p-abd7aeaa.js";import"./p-5d676a94.js";import"./p-308aa2e3.js";import"./p-bf19682d.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-08835909.js";const r=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{r as Rings}

package/dist/vega/{p-6a4db686.entry.js → p-00071542.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as e,H as s,g as h}from"./p-6b2342e0.js";import{F as r}from"./p-e77a83e4.js";import{V as a,M as l,A as o,D as c,i as p}from"./p-b1faebe0.js";import{R as n}from"./p-280cbcdb.js";import{V as d}from"./p-9ce249a9.js";import{s as v}from"./p-519a7d55.js";import{I as m}from"./p-6e1ab235.js";import{V as u,I as f}from"./p-d849e0f5.js";import{F as g}from"./p-43257678.js";import{F as _}from"./p-a528714c.js";import{C as A}from"./p-2d0d575f.js";import{c as E}from"./p-053eb64a.js";import{C as M}from"./p-2033f86e.js";import{f as I,E as w,C as D,D as C}from"./p-3c21b875.js";import{a as Z}from"./p-8c9ea6f4.js";import{S as R}from"./p-71f9c4d4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-abd7aeaa.js";import"./p-262ec334.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-d9671d27.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-308aa2e3.js";import"./p-39482a1a.js";import"./p-7d9cd9c8.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-fddca002.js";import"./p-24cb0a7e.js";import"./p-5f377954.js";import"./p-867a4970.js";const j=[{type:"visa",iconName:"visa",pattern:a,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999 999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"mastercard",iconName:"mastercard",pattern:l,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"amex",iconName:"amex",pattern:o,maskConfig:{type:"custom",options:{mask:"9999 999999 99999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"discover",iconName:"discover",pattern:c,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}}],N=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the user's input in the credit card field should be automatically validated",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the user's input in the credit card field should be automatically validated",payloadValue:t=>!1===t.autoValidation}];class b extends R{calculateCaretPosition(t,i){if(!p(i))return null;if(this.getCreditCardMaskConfig(t)){if(t.length>this.getLengthLimit())return i-(t.length-this.getLengthLimit());const e=t.substring(0,i);return i+(this.format(e).length-e.length)}return i}format(t,i){const e=this.getCreditCardMaskConfig(t);if(e){this.setMaskConfig(e.options);const s=null==i?void 0:i.caretPosition;if(t.length>this.getLengthLimit()&&p(s)){const i=[...t],e=t.length-this.getLengthLimit();return i.splice(s-e,e),i.join("")}return this.replaceMaskWithMatchedInputSlots(t,this.getMatchedInputSlotValue(t))}return t}getCreditCardType(t){return j.filter((i=>i.pattern.test(t)))[0]}}class y extends b{constructor(){super({mask:"",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")})}getCreditCardMaskConfig(t){let i;const e=this.getCreditCardType(t);return e&&(i=e.maskConfig),i}}class V extends b{constructor(t){super({mask:"",slot:"9",accept:/[\d\s]/,insertMode:!1,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}),this.hideCardNumberOnBlur=t}getCreditCardMaskConfig(t){let i;return this.getCreditCardType(t)&&this.hideCardNumberOnBlur&&t.trim().includes(" ")&&(i=this.generateDynamicMask(t)),i}generateDynamicMask(t){const i={type:"custom",options:{mask:"",slot:"9",accept:/[\d\s]/,insertMode:!1,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")},trigger:"blur"},e=t.trim().split(" "),s=e.map(((t,i)=>(i===e.length-1?"9":"X").repeat(t.length))).join(" ");return i.options.mask=s,i}}var H=function(t,i,e,s){var h,r=arguments.length,a=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,s);else for(var l=t.length-1;l>=0;l--)(h=t[l])&&(a=(r<3?h(a):r>3?h(i,e,a):h(i,e))||a);return r>3&&a&&Object.defineProperty(i,e,a),a};const T=class{constructor(s){t(this,s),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.globalSlimmers={},this.formFieldController=new g({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new n:null},{propertyName:"",ruleFactory:()=>new d}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerGetter(),touchableAreaGetter:()=>this.touchableAreaGetter()}),this.changeEventEmitter=E(T,I),this.blurEventEmitter=E(T,w),this.focusEventEmitter=E(T,D),this.inputCreditCardEventPrevent=new M([I,D,w],(()=>this.host),!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(N),this.required=!1,this.disabled=!1,this.label="",this.hint="",this.size="default",this.placeholder="",this.hideCardNumberOnBlur=!0,this.autoValidation=!0,this.validationRules=[],this.isValid=null,this.value="",this.renderInputContainer=()=>{var t;const i=(null===(t=this.getCreditCardType(this.value))||void 0===t?void 0:t.iconName)||"regular-credit-card";return e("vega-input",{label:this.label,type:"number",prefixIcon:Z.getIconKey(i),maskConfig:this.getMaskConfig(),placeholder:this.placeholder,disabled:this.disabled,size:this.size,value:this.value,hint:this.hint,required:this.required,showClearIcon:!1,ref:t=>{this.inputRef=t,C.addUniqueObserverToNode(t,I,(t=>{this.handleVegaChange(t)})),C.addUniqueObserverToNode(t,w,(()=>{this.handleVegaBlur()})),C.addUniqueObserverToNode(t,D,(()=>{this.handleVegaFocus()}))}})},this.handleVegaChange=t=>{this.value=t.detail},this.handleVegaBlur=()=>{this.blurEventEmitter.emit()},this.handleVegaFocus=()=>{this.focusEventEmitter.emit()},this.inputContainerGetter=()=>this.inputRef.shadowRoot.querySelector(".vega-input-container"),this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValidationRules(){}watchValue(t){this.changeEventEmitter.emit(t),A.notify(_,{host:this.host,detail:t})}componentDidLoad(){r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")&&this.hideCardNumberOnBlur&&this.inputRef.value&&this.value!==this.inputRef.value&&(this.value=this.inputRef.value)}render(){return v(e(s,null,this.renderInputContainer()),this.host)}getCreditCardType(t){return j.filter((i=>i.pattern.test(t)))[0]}getMaskConfig(){return[{type:"custom",trigger:"input",strategy:()=>new y},{type:"custom",trigger:"blur",strategy:()=>new V(this.hideCardNumberOnBlur)}]}get host(){return h(this)}static get watchers(){return{validationRules:["watchValidationRules"],value:["watchValue"]}}};Z.register({visa:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#00579F" rx="2"/><path fill="#fff" d="M15.474 15.792h-1.979l1.238-7.653h1.979l-1.238 7.653ZM22.647 8.326A4.877 4.877 0 0 0 20.872 8c-1.954 0-3.33 1.042-3.339 2.532-.016 1.1.986 1.71 1.735 2.076.765.375 1.026.62 1.026.953-.008.513-.619.75-1.189.75-.79 0-1.213-.123-1.857-.408l-.26-.122-.277 1.718c.464.211 1.32.4 2.207.407 2.076 0 3.428-1.026 3.444-2.613.008-.872-.52-1.54-1.66-2.085-.693-.35-1.117-.586-1.117-.944.008-.326.359-.66 1.14-.66a3.362 3.362 0 0 1 1.474.293l.18.082.268-1.653ZM25.279 13.08l.79-2.14c-.008.016.162-.448.26-.733l.138.66s.375 1.831.457 2.214h-1.645ZM27.72 8.14h-1.53c-.472 0-.831.138-1.035.635l-2.94 7.018h2.077l.416-1.148h2.54c.057.269.237 1.148.237 1.148h1.832L27.72 8.14ZM11.842 8.139l-1.938 5.219-.212-1.059c-.358-1.221-1.482-2.548-2.736-3.208l1.775 6.693h2.093l3.11-7.645h-2.092Z"/><path fill="#FAA61A" d="M8.104 8.139H4.92l-.032.154c2.483.635 4.128 2.166 4.804 4.007L9 8.782c-.114-.489-.464-.627-.896-.643Z"/></svg>',autoSize:!0},mastercard:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#000" rx="2"/><path fill="#ED0006" fill-rule="evenodd" d="M18.25 17.157a6.75 6.75 0 0 1-4.426 1.649c-3.769 0-6.824-3.09-6.824-6.903C7 8.091 10.055 5 13.824 5a6.75 6.75 0 0 1 4.426 1.649A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#F9A000" fill-rule="evenodd" d="M18.25 17.157a6.92 6.92 0 0 0 2.398-5.254 6.92 6.92 0 0 0-2.398-5.254A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#FF5E00" fill-rule="evenodd" d="M18.25 6.65a6.92 6.92 0 0 1 2.398 5.253 6.92 6.92 0 0 1-2.398 5.254 6.92 6.92 0 0 1-2.398-5.254A6.92 6.92 0 0 1 18.25 6.65Z" clip-rule="evenodd"/></svg>',autoSize:!0},amex:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><g clip-path="url(#a)"><rect width="36" height="24" fill="#016FD0" rx="2"/><path fill="#fff" d="M6.99 18.549v-5.654h5.986l.643.838.663-.838h21.729v5.264s-.569.384-1.226.39H22.754l-.724-.891v.891h-2.373v-1.521s-.325.212-1.025.212h-.808v1.309h-3.593l-.641-.855-.651.855H6.99ZM0 8.634l1.35-3.147h2.334l.767 1.763V5.487h2.902l.456 1.274.442-1.274h13.027v.64s.685-.64 1.81-.64l4.227.015.753 1.74V5.487h2.428l.669 1v-1h2.45v5.654h-2.45l-.64-1.003v1.003h-3.569l-.359-.892h-.959l-.353.892h-2.42c-.968 0-1.587-.628-1.587-.628v.628H17.63l-.725-.892v.892H3.34l-.359-.892h-.956l-.356.892H0V8.634Z"/><path fill="#016FD0" d="M1.827 6.184.006 10.417h1.185l.336-.847H3.48l.335.847h1.211L3.207 6.184h-1.38Zm.673.985.596 1.482H1.903L2.5 7.169ZM5.151 10.416V6.183l1.685.006.98 2.73.956-2.736h1.671v4.233H9.385v-3.12l-1.122 3.12h-.928L6.21 7.296v3.12H5.15ZM11.168 10.416V6.183h3.454v.947h-2.384v.724h2.328v.891h-2.328v.752h2.384v.92h-3.454ZM15.233 6.184v4.233h1.059V8.913h.445l1.27 1.504H19.3l-1.393-1.56a1.29 1.29 0 0 0 1.161-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.059.947h1.21c.29 0 .5.227.5.446 0 .28-.273.445-.485.445h-1.225v-.891ZM20.582 10.416h-1.08V6.183h1.08v4.233ZM23.144 10.416h-.233c-1.129 0-1.814-.889-1.814-2.1 0-1.24.678-2.133 2.103-2.133h1.17v1.003h-1.213c-.578 0-.988.451-.988 1.141 0 .82.468 1.165 1.142 1.165h.279l-.446.924ZM25.448 6.184l-1.82 4.233h1.185l.336-.847h1.953l.334.847h1.211l-1.819-4.233h-1.38Zm.674.985.595 1.482h-1.192l.597-1.482ZM28.77 10.416V6.183h1.345l1.718 2.66v-2.66h1.059v4.233H31.59l-1.762-2.73v2.73H28.77ZM7.715 17.825v-4.233h3.453v.947H8.784v.724h2.329v.89H8.784v.753h2.384v.919H7.715ZM24.636 17.825v-4.233h3.454v.947h-2.384v.724h2.317v.89h-2.317v.753h2.384v.919h-3.454ZM11.303 17.825l1.681-2.09-1.721-2.143h1.333l1.025 1.324 1.029-1.324h1.281l-1.699 2.116 1.685 2.117h-1.333l-.996-1.304-.971 1.304h-1.314ZM16.041 13.592v4.233h1.086v-1.337h1.114c.943 0 1.658-.5 1.658-1.472 0-.806-.56-1.424-1.52-1.424H16.04Zm1.086.957h1.174c.304 0 .522.187.522.488 0 .282-.217.487-.526.487h-1.17v-.975ZM20.359 13.592v4.233h1.058V16.32h.446l1.269 1.504h1.293l-1.393-1.56a1.29 1.29 0 0 0 1.162-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.058.947h1.21c.29 0 .501.226.501.445 0 .281-.273.446-.486.446h-1.225v-.891ZM28.58 17.825v-.92H30.7c.313 0 .449-.169.449-.354 0-.178-.136-.358-.45-.358h-.957c-.831 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.062l-.446.952H29.94c-.341 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347H28.58ZM32.464 17.825v-.92h2.118c.313 0 .45-.169.45-.354 0-.178-.136-.358-.45-.358h-.957c-.832 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.02l-.404.952h-1.783c-.34 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347h-2.256Z"/></g><defs><clipPath id="a"><rect width="36" height="24" fill="#fff" rx="2"/></clipPath></defs></svg>',autoSize:!0},discover:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#232342" rx="2"/><path fill="#fff" fill-rule="evenodd" d="M30.686 9.61c1.086 0 1.684.484 1.684 1.398a1.307 1.307 0 0 1-1.087 1.397l1.467 1.988h-1.14l-1.25-1.935h-.109v1.935h-.924V9.61h1.359Zm-.435 2.204h.272c.597 0 .869-.269.869-.752 0-.43-.272-.699-.87-.699h-.27v1.45Zm-4.129 2.579h2.608v-.806h-1.684v-1.29h1.63v-.806h-1.63v-1.074h1.684V9.61h-2.608v4.781Zm-2.716-1.559-1.25-3.223h-.978l2.01 4.889h.49l2.01-4.89h-.978l-1.304 3.225Zm-11.029-.805c0 1.343 1.087 2.471 2.445 2.471.435 0 .815-.107 1.195-.269v-1.074c-.271.322-.652.537-1.086.537-.87 0-1.576-.645-1.576-1.504v-.108c-.054-.86.652-1.612 1.521-1.665.435 0 .87.215 1.141.537V9.879c-.326-.214-.76-.268-1.14-.268-1.413-.108-2.5 1.02-2.5 2.418Zm-1.684-.591c-.543-.215-.706-.323-.706-.591.054-.323.326-.591.652-.538.271 0 .543.162.76.376l.49-.644c-.381-.323-.87-.538-1.359-.538-.76-.053-1.412.538-1.467 1.29v.054c0 .644.272 1.02 1.141 1.289.217.054.435.161.652.269a.563.563 0 0 1 .272.483c0 .376-.326.699-.652.699h-.055c-.434 0-.814-.269-.977-.645l-.598.59c.326.592.978.914 1.63.914.869.054 1.575-.59 1.63-1.45v-.162c-.055-.644-.326-.967-1.413-1.396Zm-3.15 2.954h.923V9.611h-.924v4.781ZM3.25 9.611H4.88c1.304.054 2.336 1.128 2.282 2.418 0 .698-.326 1.343-.87 1.826-.488.376-1.086.591-1.684.538H3.25V9.61Zm1.195 3.976c.435.053.924-.108 1.25-.376.326-.323.489-.753.489-1.236 0-.43-.163-.86-.49-1.182-.325-.269-.814-.43-1.249-.376h-.271v3.17h.271Z" clip-rule="evenodd"/><path fill="#FD6020" fill-rule="evenodd" d="M18.788 9.5c-1.358 0-2.499 1.075-2.499 2.471 0 1.344 1.087 2.472 2.5 2.526 1.412.053 2.498-1.075 2.553-2.472C21.287 10.628 20.2 9.5 18.788 9.5Z" clip-rule="evenodd"/></svg>',autoSize:!0},"regular-credit-card":{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" rx="2" fill=\'rgba(var(--v-regular-credit-card-bg, 205, 209, 211, 1))\'/><g clip-path="url(#a)"><path fill="rgba(var(--v-regular-credit-card-top, 252, 252, 252, 1))" d="M11 5c-1.103 0-2 .897-2 2v1h18V7c0-1.103-.897-2-2-2H11Zm16 6H9v6c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-6Zm-14.5 4h2c.275 0 .5.225.5.5s-.225.5-.5.5h-2a.501.501 0 0 1-.5-.5c0-.275.225-.5.5-.5Zm3.5.5c0-.275.225-.5.5-.5h4c.275 0 .5.225.5.5s-.225.5-.5.5h-4a.501.501 0 0 1-.5-.5Z"/></g><defs><clipPath id="a"><path d="M9 4h18v16H9z" fill=\'rgba(var(--v-regular-credit-card-bottom, 255, 255, 255, 1))\'/></clipPath></defs></svg>',autoSize:!0}}),H([f()],T.prototype,"globalSlimmers",void 0),H([m()],T.prototype,"formFieldController",void 0),H([m()],T.prototype,"changeEventEmitter",void 0),H([m()],T.prototype,"blurEventEmitter",void 0),H([m()],T.prototype,"focusEventEmitter",void 0),H([m()],T.prototype,"inputCreditCardEventPrevent",void 0),H([m()],T.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),T.style=":host{display:inline-block;width:100%;text-align:left;line-height:normal}";export{T as vega_input_credit_card}
+import{r as t,c as i,h as e,H as s,g as h}from"./p-6b2342e0.js";import{F as r}from"./p-e77a83e4.js";import{V as a,M as l,A as o,D as c,i as p}from"./p-b1faebe0.js";import{R as n}from"./p-280cbcdb.js";import{V as d}from"./p-9ce249a9.js";import{s as v}from"./p-519a7d55.js";import{I as m}from"./p-6e1ab235.js";import{V as u,I as f}from"./p-d849e0f5.js";import{F as g}from"./p-9fb6fbcc.js";import{F as _}from"./p-a528714c.js";import{C as A}from"./p-2d0d575f.js";import{c as E}from"./p-7b145620.js";import{C as M}from"./p-725f0a2c.js";import{f as I,E as w,C as D,D as C}from"./p-447c7590.js";import{a as Z}from"./p-8c9ea6f4.js";import{S as R}from"./p-71f9c4d4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-d884c644.js";import"./p-abd7aeaa.js";import"./p-262ec334.js";import"./p-02841589.js";import"./p-331a62d5.js";import"./p-d9671d27.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-308aa2e3.js";import"./p-39482a1a.js";import"./p-7d9cd9c8.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-fde50319.js";import"./p-41c3fcb4.js";import"./p-5f377954.js";import"./p-867a4970.js";const j=[{type:"visa",iconName:"visa",pattern:a,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999 999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"mastercard",iconName:"mastercard",pattern:l,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"amex",iconName:"amex",pattern:o,maskConfig:{type:"custom",options:{mask:"9999 999999 99999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}},{type:"discover",iconName:"discover",pattern:c,maskConfig:{type:"custom",options:{mask:"9999 9999 9999 9999",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}}}],N=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether the user's input in the credit card field should be automatically validated",payloadValue:t=>!0===t.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether the user's input in the credit card field should be automatically validated",payloadValue:t=>!1===t.autoValidation}];class b extends R{calculateCaretPosition(t,i){if(!p(i))return null;if(this.getCreditCardMaskConfig(t)){if(t.length>this.getLengthLimit())return i-(t.length-this.getLengthLimit());const e=t.substring(0,i);return i+(this.format(e).length-e.length)}return i}format(t,i){const e=this.getCreditCardMaskConfig(t);if(e){this.setMaskConfig(e.options);const s=null==i?void 0:i.caretPosition;if(t.length>this.getLengthLimit()&&p(s)){const i=[...t],e=t.length-this.getLengthLimit();return i.splice(s-e,e),i.join("")}return this.replaceMaskWithMatchedInputSlots(t,this.getMatchedInputSlotValue(t))}return t}getCreditCardType(t){return j.filter((i=>i.pattern.test(t)))[0]}}class y extends b{constructor(){super({mask:"",slot:"9",accept:/\d/,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")})}getCreditCardMaskConfig(t){let i;const e=this.getCreditCardType(t);return e&&(i=e.maskConfig),i}}class V extends b{constructor(t){super({mask:"",slot:"9",accept:/[\d\s]/,insertMode:!1,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")}),this.hideCardNumberOnBlur=t}getCreditCardMaskConfig(t){let i;return this.getCreditCardType(t)&&this.hideCardNumberOnBlur&&t.trim().includes(" ")&&(i=this.generateDynamicMask(t)),i}generateDynamicMask(t){const i={type:"custom",options:{mask:"",slot:"9",accept:/[\d\s]/,insertMode:!1,triggerAtInit:r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")},trigger:"blur"},e=t.trim().split(" "),s=e.map(((t,i)=>(i===e.length-1?"9":"X").repeat(t.length))).join(" ");return i.options.mask=s,i}}var H=function(t,i,e,s){var h,r=arguments.length,a=r<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,i,e,s);else for(var l=t.length-1;l>=0;l--)(h=t[l])&&(a=(r<3?h(a):r>3?h(i,e,a):h(i,e))||a);return r>3&&a&&Object.defineProperty(i,e,a),a};const T=class{constructor(s){t(this,s),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.vegaBlur=i(this,"vegaBlur",7),this.blur=i(this,"blur",7),this.vegaFocus=i(this,"vegaFocus",7),this.focus=i(this,"focus",7),this.globalSlimmers={},this.formFieldController=new g({propertyRules:[{propertyName:"required",ruleFactory:t=>t?new n:null},{propertyName:"",ruleFactory:()=>new d}],validationRulesName:"validationRules",defaultValue:"",attributeGetter:t=>this[t],inputContainerGetter:()=>this.inputContainerGetter(),touchableAreaGetter:()=>this.touchableAreaGetter()}),this.changeEventEmitter=E(T,I),this.blurEventEmitter=E(T,w),this.focusEventEmitter=E(T,D),this.inputCreditCardEventPrevent=new M([I,D,w],(()=>this.host),!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(N),this.required=!1,this.disabled=!1,this.label="",this.hint="",this.size="default",this.placeholder="",this.hideCardNumberOnBlur=!0,this.autoValidation=!0,this.validationRules=[],this.isValid=null,this.value="",this.renderInputContainer=()=>{var t;const i=(null===(t=this.getCreditCardType(this.value))||void 0===t?void 0:t.iconName)||"regular-credit-card";return e("vega-input",{label:this.label,type:"number",prefixIcon:Z.getIconKey(i),maskConfig:this.getMaskConfig(),placeholder:this.placeholder,disabled:this.disabled,size:this.size,value:this.value,hint:this.hint,required:this.required,showClearIcon:!1,ref:t=>{this.inputRef=t,C.addUniqueObserverToNode(t,I,(t=>{this.handleVegaChange(t)})),C.addUniqueObserverToNode(t,w,(()=>{this.handleVegaBlur()})),C.addUniqueObserverToNode(t,D,(()=>{this.handleVegaFocus()}))}})},this.handleVegaChange=t=>{this.value=t.detail},this.handleVegaBlur=()=>{this.blurEventEmitter.emit()},this.handleVegaFocus=()=>{this.focusEventEmitter.emit()},this.inputContainerGetter=()=>this.inputRef.shadowRoot.querySelector(".vega-input-container"),this.touchableAreaGetter=()=>Array.from(this.inputRef.shadowRoot.querySelectorAll("input"))}watchValidationRules(){}watchValue(t){this.changeEventEmitter.emit(t),A.notify(_,{host:this.host,detail:t})}componentDidLoad(){r.isEnabled("VEGA_INPUT_CREDIT_CARD.ENABLE_HIDE_NUMBER_MASK_ON_FIRST_LOAD")&&this.hideCardNumberOnBlur&&this.inputRef.value&&this.value!==this.inputRef.value&&(this.value=this.inputRef.value)}render(){return v(e(s,null,this.renderInputContainer()),this.host)}getCreditCardType(t){return j.filter((i=>i.pattern.test(t)))[0]}getMaskConfig(){return[{type:"custom",trigger:"input",strategy:()=>new y},{type:"custom",trigger:"blur",strategy:()=>new V(this.hideCardNumberOnBlur)}]}get host(){return h(this)}static get watchers(){return{validationRules:["watchValidationRules"],value:["watchValue"]}}};Z.register({visa:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#00579F" rx="2"/><path fill="#fff" d="M15.474 15.792h-1.979l1.238-7.653h1.979l-1.238 7.653ZM22.647 8.326A4.877 4.877 0 0 0 20.872 8c-1.954 0-3.33 1.042-3.339 2.532-.016 1.1.986 1.71 1.735 2.076.765.375 1.026.62 1.026.953-.008.513-.619.75-1.189.75-.79 0-1.213-.123-1.857-.408l-.26-.122-.277 1.718c.464.211 1.32.4 2.207.407 2.076 0 3.428-1.026 3.444-2.613.008-.872-.52-1.54-1.66-2.085-.693-.35-1.117-.586-1.117-.944.008-.326.359-.66 1.14-.66a3.362 3.362 0 0 1 1.474.293l.18.082.268-1.653ZM25.279 13.08l.79-2.14c-.008.016.162-.448.26-.733l.138.66s.375 1.831.457 2.214h-1.645ZM27.72 8.14h-1.53c-.472 0-.831.138-1.035.635l-2.94 7.018h2.077l.416-1.148h2.54c.057.269.237 1.148.237 1.148h1.832L27.72 8.14ZM11.842 8.139l-1.938 5.219-.212-1.059c-.358-1.221-1.482-2.548-2.736-3.208l1.775 6.693h2.093l3.11-7.645h-2.092Z"/><path fill="#FAA61A" d="M8.104 8.139H4.92l-.032.154c2.483.635 4.128 2.166 4.804 4.007L9 8.782c-.114-.489-.464-.627-.896-.643Z"/></svg>',autoSize:!0},mastercard:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#000" rx="2"/><path fill="#ED0006" fill-rule="evenodd" d="M18.25 17.157a6.75 6.75 0 0 1-4.426 1.649c-3.769 0-6.824-3.09-6.824-6.903C7 8.091 10.055 5 13.824 5a6.75 6.75 0 0 1 4.426 1.649A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#F9A000" fill-rule="evenodd" d="M18.25 17.157a6.92 6.92 0 0 0 2.398-5.254 6.92 6.92 0 0 0-2.398-5.254A6.75 6.75 0 0 1 22.676 5c3.769 0 6.824 3.09 6.824 6.903 0 3.812-3.055 6.903-6.824 6.903a6.75 6.75 0 0 1-4.426-1.65Z" clip-rule="evenodd"/><path fill="#FF5E00" fill-rule="evenodd" d="M18.25 6.65a6.92 6.92 0 0 1 2.398 5.253 6.92 6.92 0 0 1-2.398 5.254 6.92 6.92 0 0 1-2.398-5.254A6.92 6.92 0 0 1 18.25 6.65Z" clip-rule="evenodd"/></svg>',autoSize:!0},amex:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><g clip-path="url(#a)"><rect width="36" height="24" fill="#016FD0" rx="2"/><path fill="#fff" d="M6.99 18.549v-5.654h5.986l.643.838.663-.838h21.729v5.264s-.569.384-1.226.39H22.754l-.724-.891v.891h-2.373v-1.521s-.325.212-1.025.212h-.808v1.309h-3.593l-.641-.855-.651.855H6.99ZM0 8.634l1.35-3.147h2.334l.767 1.763V5.487h2.902l.456 1.274.442-1.274h13.027v.64s.685-.64 1.81-.64l4.227.015.753 1.74V5.487h2.428l.669 1v-1h2.45v5.654h-2.45l-.64-1.003v1.003h-3.569l-.359-.892h-.959l-.353.892h-2.42c-.968 0-1.587-.628-1.587-.628v.628H17.63l-.725-.892v.892H3.34l-.359-.892h-.956l-.356.892H0V8.634Z"/><path fill="#016FD0" d="M1.827 6.184.006 10.417h1.185l.336-.847H3.48l.335.847h1.211L3.207 6.184h-1.38Zm.673.985.596 1.482H1.903L2.5 7.169ZM5.151 10.416V6.183l1.685.006.98 2.73.956-2.736h1.671v4.233H9.385v-3.12l-1.122 3.12h-.928L6.21 7.296v3.12H5.15ZM11.168 10.416V6.183h3.454v.947h-2.384v.724h2.328v.891h-2.328v.752h2.384v.92h-3.454ZM15.233 6.184v4.233h1.059V8.913h.445l1.27 1.504H19.3l-1.393-1.56a1.29 1.29 0 0 0 1.161-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.059.947h1.21c.29 0 .5.227.5.446 0 .28-.273.445-.485.445h-1.225v-.891ZM20.582 10.416h-1.08V6.183h1.08v4.233ZM23.144 10.416h-.233c-1.129 0-1.814-.889-1.814-2.1 0-1.24.678-2.133 2.103-2.133h1.17v1.003h-1.213c-.578 0-.988.451-.988 1.141 0 .82.468 1.165 1.142 1.165h.279l-.446.924ZM25.448 6.184l-1.82 4.233h1.185l.336-.847h1.953l.334.847h1.211l-1.819-4.233h-1.38Zm.674.985.595 1.482h-1.192l.597-1.482ZM28.77 10.416V6.183h1.345l1.718 2.66v-2.66h1.059v4.233H31.59l-1.762-2.73v2.73H28.77ZM7.715 17.825v-4.233h3.453v.947H8.784v.724h2.329v.89H8.784v.753h2.384v.919H7.715ZM24.636 17.825v-4.233h3.454v.947h-2.384v.724h2.317v.89h-2.317v.753h2.384v.919h-3.454ZM11.303 17.825l1.681-2.09-1.721-2.143h1.333l1.025 1.324 1.029-1.324h1.281l-1.699 2.116 1.685 2.117h-1.333l-.996-1.304-.971 1.304h-1.314ZM16.041 13.592v4.233h1.086v-1.337h1.114c.943 0 1.658-.5 1.658-1.472 0-.806-.56-1.424-1.52-1.424H16.04Zm1.086.957h1.174c.304 0 .522.187.522.488 0 .282-.217.487-.526.487h-1.17v-.975ZM20.359 13.592v4.233h1.058V16.32h.446l1.269 1.504h1.293l-1.393-1.56a1.29 1.29 0 0 0 1.162-1.3c0-.89-.7-1.373-1.48-1.373h-2.355Zm1.058.947h1.21c.29 0 .501.226.501.445 0 .281-.273.446-.486.446h-1.225v-.891ZM28.58 17.825v-.92H30.7c.313 0 .449-.169.449-.354 0-.178-.136-.358-.45-.358h-.957c-.831 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.062l-.446.952H29.94c-.341 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347H28.58ZM32.464 17.825v-.92h2.118c.313 0 .45-.169.45-.354 0-.178-.136-.358-.45-.358h-.957c-.832 0-1.295-.507-1.295-1.268 0-.679.424-1.333 1.66-1.333h2.02l-.404.952h-1.783c-.34 0-.446.179-.446.35 0 .175.13.369.39.369h1.003c.927 0 1.33.526 1.33 1.215 0 .74-.449 1.347-1.38 1.347h-2.256Z"/></g><defs><clipPath id="a"><rect width="36" height="24" fill="#fff" rx="2"/></clipPath></defs></svg>',autoSize:!0},discover:{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" fill="#232342" rx="2"/><path fill="#fff" fill-rule="evenodd" d="M30.686 9.61c1.086 0 1.684.484 1.684 1.398a1.307 1.307 0 0 1-1.087 1.397l1.467 1.988h-1.14l-1.25-1.935h-.109v1.935h-.924V9.61h1.359Zm-.435 2.204h.272c.597 0 .869-.269.869-.752 0-.43-.272-.699-.87-.699h-.27v1.45Zm-4.129 2.579h2.608v-.806h-1.684v-1.29h1.63v-.806h-1.63v-1.074h1.684V9.61h-2.608v4.781Zm-2.716-1.559-1.25-3.223h-.978l2.01 4.889h.49l2.01-4.89h-.978l-1.304 3.225Zm-11.029-.805c0 1.343 1.087 2.471 2.445 2.471.435 0 .815-.107 1.195-.269v-1.074c-.271.322-.652.537-1.086.537-.87 0-1.576-.645-1.576-1.504v-.108c-.054-.86.652-1.612 1.521-1.665.435 0 .87.215 1.141.537V9.879c-.326-.214-.76-.268-1.14-.268-1.413-.108-2.5 1.02-2.5 2.418Zm-1.684-.591c-.543-.215-.706-.323-.706-.591.054-.323.326-.591.652-.538.271 0 .543.162.76.376l.49-.644c-.381-.323-.87-.538-1.359-.538-.76-.053-1.412.538-1.467 1.29v.054c0 .644.272 1.02 1.141 1.289.217.054.435.161.652.269a.563.563 0 0 1 .272.483c0 .376-.326.699-.652.699h-.055c-.434 0-.814-.269-.977-.645l-.598.59c.326.592.978.914 1.63.914.869.054 1.575-.59 1.63-1.45v-.162c-.055-.644-.326-.967-1.413-1.396Zm-3.15 2.954h.923V9.611h-.924v4.781ZM3.25 9.611H4.88c1.304.054 2.336 1.128 2.282 2.418 0 .698-.326 1.343-.87 1.826-.488.376-1.086.591-1.684.538H3.25V9.61Zm1.195 3.976c.435.053.924-.108 1.25-.376.326-.323.489-.753.489-1.236 0-.43-.163-.86-.49-1.182-.325-.269-.814-.43-1.249-.376h-.271v3.17h.271Z" clip-rule="evenodd"/><path fill="#FD6020" fill-rule="evenodd" d="M18.788 9.5c-1.358 0-2.499 1.075-2.499 2.471 0 1.344 1.087 2.472 2.5 2.526 1.412.053 2.498-1.075 2.553-2.472C21.287 10.628 20.2 9.5 18.788 9.5Z" clip-rule="evenodd"/></svg>',autoSize:!0},"regular-credit-card":{icon:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" fill="none"><rect width="36" height="24" rx="2" fill=\'rgba(var(--v-regular-credit-card-bg, 205, 209, 211, 1))\'/><g clip-path="url(#a)"><path fill="rgba(var(--v-regular-credit-card-top, 252, 252, 252, 1))" d="M11 5c-1.103 0-2 .897-2 2v1h18V7c0-1.103-.897-2-2-2H11Zm16 6H9v6c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-6Zm-14.5 4h2c.275 0 .5.225.5.5s-.225.5-.5.5h-2a.501.501 0 0 1-.5-.5c0-.275.225-.5.5-.5Zm3.5.5c0-.275.225-.5.5-.5h4c.275 0 .5.225.5.5s-.225.5-.5.5h-4a.501.501 0 0 1-.5-.5Z"/></g><defs><clipPath id="a"><path d="M9 4h18v16H9z" fill=\'rgba(var(--v-regular-credit-card-bottom, 255, 255, 255, 1))\'/></clipPath></defs></svg>',autoSize:!0}}),H([f()],T.prototype,"globalSlimmers",void 0),H([m()],T.prototype,"formFieldController",void 0),H([m()],T.prototype,"changeEventEmitter",void 0),H([m()],T.prototype,"blurEventEmitter",void 0),H([m()],T.prototype,"focusEventEmitter",void 0),H([m()],T.prototype,"inputCreditCardEventPrevent",void 0),H([m()],T.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),T.style=":host{display:inline-block;width:100%;text-align:left;line-height:normal}";export{T as vega_input_credit_card}

package/dist/vega/p-0113a83c.entry.js

@@ -0,0 +1 @@
+import{h as t,r as e,c as i,H as s,g as a}from"./p-6b2342e0.js";import{C as o}from"./p-2d0d575f.js";import{d as n,e as r,F as l,b as c,a as d,c as h}from"./p-a528714c.js";import{s as m}from"./p-519a7d55.js";import{c as u,M as f,V as p,I as v}from"./p-6e1ab235.js";import{m as b}from"./p-6bd5c49b.js";import{V as j,I as g}from"./p-d849e0f5.js";import{c as V}from"./p-7b145620.js";import{C as F}from"./p-725f0a2c.js";import{d as w,y,z as C,A as R}from"./p-447c7590.js";import{c as O}from"./p-a0467b83.js";import{S}from"./p-fde50319.js";import{F as k}from"./p-9fb6fbcc.js";import{t as E}from"./p-b75ee3ba.js";import{d as M,g as P,e as B}from"./p-308aa2e3.js";import{O as I}from"./p-331a62d5.js";import{f as A,b as N,d as x}from"./p-d9671d27.js";import{i as D}from"./p-b1faebe0.js";import{I as H}from"./p-b28d4f7d.js";import{C as $}from"./p-521d1d07.js";import{d as T}from"./p-d27ae9ff.js";import"./p-6a334573.js";import"./p-41c3fcb4.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-02841589.js";import"./p-a4670e23.js";import"./p-39482a1a.js";import"./p-7d9cd9c8.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-abd7aeaa.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d884c644.js";import"./p-262ec334.js";var W=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class z extends S{constructor(){super({parent:"vega-form",subStates:[{subStateName:"disableBlurValidation",parentStateName:"disableBlurValidation"}]})}}W([u()],z.prototype,"host",void 0),W([u({writable:!0})],z.prototype,"disableBlurValidation",void 0);var G=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class U extends p{setValidationStates(t){0!==t.length?t.forEach((t=>{const e=this.getHostByFieldName(t.fieldName);e&&this.updateFieldValidationState(e,{isValid:t.isValid,errorMessage:t.isValid?"":t.errorMessage})})):Array.from(this.host.querySelectorAll("[data-vega-form]")).filter((t=>k.isValidFormField(t))).forEach((t=>{this.updateFieldValidationState(t,{isValid:!0})}))}getHostByFieldName(t){const e=t.split(".");let i=this.host;for(const t of e){const e=i.querySelector(`[data-vega-form="${t}"]`);if(!k.isValidFormField(e))return null;i=e}return i}updateFieldValidationState(t,{isValid:e,errorMessage:i}){t.isValid=e,o.notify(n,{host:t,message:e?"":i,isValid:e}),o.notify(r,{host:t,detail:e})}}G([u()],U.prototype,"host",void 0),G([f("setValidationStates")],U.prototype,"setValidationStates",null);var _=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class q extends p{getNativeFormRef(){return this.nativeFormRef}render(){return t("form",{action:this.action,method:this.method,ref:t=>{t&&(this.nativeFormRef=t)}},t("slot",null))}}_([u()],q.prototype,"method",void 0),_([u()],q.prototype,"action",void 0);var J=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class K extends p{connectedCallback(){this.registerFormSubmitChangeManager()}disconnectedCallback(){this.unregisterFormSubmitChangeManager()}async submitWithFormData(){if(!this.useNativeForm)return;const t=await this.host.getValue();for(const e in t)if("object"==typeof t[e]){const i=this.flattenObjectWithBrackets({[e]:t[e]});for(const t in i){const e=this.createHiddenInput(t,i[t]);this.nativeFormRenderer.getNativeFormRef().append(e)}}else{const i=this.createHiddenInput(e,t[e]);this.nativeFormRenderer.getNativeFormRef().append(i)}this.nativeFormRenderer.getNativeFormRef().requestSubmit()}createHiddenInput(t,e){const i=E().createElement("input");return i.type="hidden",i.name=t,i.value=D(e)?String(e):"",i}registerFormSubmitChangeManager(){var t;this.formSubmitEventObserver=new I(this.canAcceptFormSubmitEvent.bind(this),this.handleSubmitEvents.bind(this));const e=null!==(t=A(this.host,"vega-form",{outerMost:!0}))&&void 0!==t?t:this.host;o.register(w.getSubject(e,M),this.formSubmitEventObserver)}unregisterFormSubmitChangeManager(){var t;const e=null!==(t=A(this.host,"vega-form",{outerMost:!0}))&&void 0!==t?t:this.host;o.unregister(w.getSubject(e,M),this.formSubmitEventObserver)}canAcceptFormSubmitEvent(t){return this.vegaFormFieldController.isElementInCurrentForm(t.host)}async handleSubmitEvents(){if((await this.host.valid()).isValid){const t=await this.host.getValue();this.submitEventEmitter.emit(t).defaultPrevented||await this.submitWithFormData()}}flattenObjectWithBrackets(t,e="",i={}){return Object.entries(t).forEach((([t,s])=>{const a=e?`${e}[${t}]`:t;Array.isArray(s)?s.forEach(((t,e)=>{const s=`${a}[${e}]`;"object"==typeof t&&null!==t?this.flattenObjectWithBrackets(t,s,i):i[s]=t})):D(s)&&"object"==typeof s?this.flattenObjectWithBrackets(s,a,i):i[a]=s})),i}}J([u()],K.prototype,"host",void 0),J([u()],K.prototype,"useNativeForm",void 0),J([u()],K.prototype,"nativeFormRenderer",void 0),J([u()],K.prototype,"submitEventEmitter",void 0),J([u()],K.prototype,"vegaFormFieldController",void 0),J([f("connectedCallback")],K.prototype,"connectedCallback",null),J([f("disconnectedCallback")],K.prototype,"disconnectedCallback",null);var L=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class Q extends p{constructor(){super(...arguments),this.childNotifyObserver=new $(r,(t=>this.updateInternalValidStatus(t))),this.childNodeValueChangeObserver=new $(l,(()=>{this.isTouched=!0})),this._invalidFieldPathMap=new H(new Map,(t=>{this._invalidFieldPathMap=t,this.updateIsValidFlag()})),this._pendingValidFieldPathMap=new H(new Map,(t=>{this._pendingValidFieldPathMap=t,this.updateIsValidFlag()})),this.updateInternalValidStatus=t=>{if(t.host!==this.host){const e=t.host,i=t.detail;k.isValidFormField(e)&&this.shouldVisitElement(e,!1,!1)&&(i?this.invalidFieldPathMap.delete(e):this.invalidFieldPathMap.set(e,e.dataset.vegaForm))}}}connectedCallback(){this.initFormFieldDisconnectedObserver(),this.registerFormFieldPendingValid()}disconnectedCallback(){o.notify(c,{host:this.host}),o.unregister(c,this.formFieldDisconnectedObserver),o.unregister(d,this.formFieldPendingValidObserver)}async getValue(t){const e={};return await this.navigateVegaFormChildren((async(i,s)=>{const a=this.getFormFieldName(i);e[a]=s?await i.getValue(t):this.getFormFieldValue(i)}),t),T(e)?Object.values(e):e}async setValue(t,e){t&&(await this.navigateVegaFormChildren((async(i,s)=>{const a=this.getFormFieldName(i);s?await i.setValue(t[a],e):(await i.componentOnReady(),void 0!==t[a]&&("function"==typeof i.setValue?await i.setValue(t[a]):i.value=t[a]))}),e),this.isTouched=!1)}async valid(t=!0){const e={isValid:!0,invalidFields:[]};return await this.navigateVegaFormChildren((async(i,s)=>{if("function"==typeof i.valid&&s){const s=await i.valid(t);s.isValid||(e.isValid=!1,e.invalidFields.push(...s.invalidFields),e.invalidFieldsErrorMessages=Object.assign(Object.assign({},e.invalidFieldsErrorMessages),s.invalidFieldsErrorMessages))}else{const{isValid:s,message:a}=await this.handleChildFormFieldElementValid(i,t);s||(e.isValid=!1,e.invalidFields.push(this.getFormFieldName(i)),e.invalidFieldsErrorMessages||(e.invalidFieldsErrorMessages={}),e.invalidFieldsErrorMessages[this.getFormFieldName(i)]=a)}})),e}get invalidFieldPathMap(){return this._invalidFieldPathMap}get pendingValidFieldPathMap(){return this._pendingValidFieldPathMap}setIsTouched(t){this.isTouched=t}getFormFieldName(t){return t.dataset.vegaForm}isElementInCurrentForm(t){return this.invalidFieldPathMap.has(t)||N(t,this.host)}async navigateVegaFormChildren(t,e,i=this.host){const s=[];Array.from(i.children).forEach((i=>{k.isValidFormField(i)?this.shouldVisitElement(i,null==e?void 0:e.skipDisabled,null==e?void 0:e.skipInvisible)&&s.push(t(i,"VEGA-FORM"===i.tagName)):s.push(this.navigateVegaFormChildren(t,e,i))})),await Promise.all(s)}updateIsValidFlag(){this.isValid=this.pendingValidFieldPathMap.size>0?null:0===this.invalidFieldPathMap.size}registerFormFieldPendingValid(){this.formFieldPendingValidObserver=new I(this.canAcceptFormFieldPendingValid.bind(this),this.handleFieldPendingValid.bind(this)),o.register(d,this.formFieldPendingValidObserver)}canAcceptFormFieldPendingValid(t){return this.isElementInCurrentForm(t.host)}handleFieldPendingValid(t){"boolean"==typeof t.detail?this.pendingValidFieldPathMap.delete(t.host):this.pendingValidFieldPathMap.set(t.host,t.host.dataset.vegaForm)}initFormFieldDisconnectedObserver(){this.formFieldDisconnectedObserver=new I(this.canAcceptFormFieldDisconnectedOperation.bind(this),this.updateInvalidFieldPath.bind(this)),o.register(c,this.formFieldDisconnectedObserver)}canAcceptFormFieldDisconnectedOperation(t){return this.invalidFieldPathMap.has(t.host)}async updateInvalidFieldPath(t){this.invalidFieldPathMap.delete(t.host),this.pendingValidFieldPathMap.delete(t.host)}shouldVisitElement(t,e,i){return this.getFormFieldName(t)&&(!e||!t.disabled)&&(!i||x(t))}getFormFieldValue(t){return void 0===t.value?t.getAttribute("value"):t.value}async handleChildFormFieldElementValid(t,e){const i=w.getSubject(t,P),{isValid:s,message:a}=await new Promise((s=>{const a=setTimeout((()=>{s({isValid:!0,message:""})}),2e3);o.notify(i,{host:t,message:e,promiseResolve:s,timerId:a})}));return{isValid:s,message:a}}}L([u()],Q.prototype,"host",void 0),L([u({writable:!0})],Q.prototype,"isValid",void 0),L([u({writable:!0})],Q.prototype,"isTouched",void 0),L([v()],Q.prototype,"childNotifyObserver",void 0),L([v()],Q.prototype,"childNodeValueChangeObserver",void 0),L([f("connectedCallback")],Q.prototype,"connectedCallback",null),L([f("disconnectedCallback")],Q.prototype,"disconnectedCallback",null),L([f("getValue")],Q.prototype,"getValue",null),L([f("setValue")],Q.prototype,"setValue",null),L([f("valid")],Q.prototype,"valid",null);var X=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class Y extends p{connectedCallback(){this.registerFormResetChangeManager()}disconnectedCallback(){this.unregisterFormResetChangeManager()}async reset(t={},e){await this.vegaFormFieldController.navigateVegaFormChildren((async(i,s)=>{const a=this.vegaFormFieldController.getFormFieldName(i);s&&await i.reset(t[a]||{},e)}),e),o.notify(h,{host:this.host,defaultValueMap:t,option:e}),this.vegaFormFieldController.setIsTouched(!1)}registerFormResetChangeManager(){var t;const e=null!==(t=A(this.host,"vega-form",{outerMost:!0}))&&void 0!==t?t:this.host;this.formResetEventObserver=new I(this.canAcceptFormResetEvent.bind(this),this.handleResetEvents.bind(this)),o.register(w.getSubject(e,B),this.formResetEventObserver)}unregisterFormResetChangeManager(){var t;const e=null!==(t=A(this.host,"vega-form",{outerMost:!0}))&&void 0!==t?t:this.host;o.unregister(w.getSubject(e,B),this.formResetEventObserver)}canAcceptFormResetEvent(t){return this.vegaFormFieldController.isElementInCurrentForm(t.host)}async handleResetEvents(){await this.host.reset(),this.resetEventEmitter.emit()}}X([u()],Y.prototype,"host",void 0),X([u()],Y.prototype,"vegaFormFieldController",void 0),X([u()],Y.prototype,"resetEventEmitter",void 0),X([f("connectedCallback")],Y.prototype,"connectedCallback",null),X([f("disconnectedCallback")],Y.prototype,"disconnectedCallback",null),X([f("reset")],Y.prototype,"reset",null);var Z=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};const tt=class{constructor(t){e(this,t),this.vegaValidate=i(this,"vegaValidate",7),this.validate=i(this,"validate",7),this.vegaFormSubmit=i(this,"vegaFormSubmit",7),this.formSubmit=i(this,"formSubmit",7),this.vegaFormReset=i(this,"vegaFormReset",7),this.formReset=i(this,"formReset",7),this.globalSlimmers={},this.submitEventEmitter=V(tt,y),this.resetEventEmitter=V(tt,C),this.validateEventEmitter=V(tt,R),this.disableBlurValidationNotifySlimmer=O(tt,"disableBlurValidation","watchDisableBlurValidation"),this.stateController=new z,this.childEventPrevent=new F([y,C],(()=>this.host.querySelector("vega-form")),{customPreventHandle:t=>{t.stopPropagation()}}),this.childFormValidateEventPrevent=new F([R],(()=>this.host),{customPreventHandle:t=>{t.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new j,this.vegaFormFieldValidationStateController=new U,this.nativeFormRenderer=new q,this.vegaFormSubmitController=new K,this.vegaFormResetController=new Y,this.vegaFormFieldController=new Q,this.isValid=null,this.isTouched=!1,this.disableBlurValidation=!1,this.useNativeForm=!1,this.method="get"}watchIsValid(){this.validateEventEmitter.emit(this.isValid),o.notify(r,{host:this.host,detail:this.isValid})}watchDisableBlurValidation(){}async valid(t=!0){return b(t)}async getValue(t){return b(t)}async setValue(t,e){}async reset(t={},e){}async setValidationStates(t){}render(){return m(t(s,null,this.useNativeForm?this.nativeFormRenderer.render():t("slot",null)),this.host)}get host(){return a(this)}static get watchers(){return{isValid:["watchIsValid"],disableBlurValidation:["watchDisableBlurValidation"]}}};Z([g()],tt.prototype,"globalSlimmers",void 0),Z([v()],tt.prototype,"submitEventEmitter",void 0),Z([v()],tt.prototype,"resetEventEmitter",void 0),Z([v()],tt.prototype,"validateEventEmitter",void 0),Z([v()],tt.prototype,"disableBlurValidationNotifySlimmer",void 0),Z([v()],tt.prototype,"stateController",void 0),Z([v()],tt.prototype,"childEventPrevent",void 0),Z([v()],tt.prototype,"childFormValidateEventPrevent",void 0),Z([v()],tt.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z([v()],tt.prototype,"vegaFormFieldValidationStateController",void 0),Z([v()],tt.prototype,"nativeFormRenderer",void 0),Z([v()],tt.prototype,"vegaFormSubmitController",void 0),Z([v()],tt.prototype,"vegaFormResetController",void 0),Z([v()],tt.prototype,"vegaFormFieldController",void 0),tt.style=":host{display:block}";export{tt as vega_form}