@globalpayments/vega 2.39.0 → 2.40.0

package/dist/esm/vega-time-picker_2.entry.js

@@ -1,20 +1,22 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-187f71d1.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
-import { d as isTimeStr, p as pad, e as convert12HourTo24HourFormat } from './date-732bc749.js';
+import { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-7a9f2b2e.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bb64dec7.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
 import { f as VegaChange, z as VegaFocus, A as VegaBlur, a as VegaClick } from './dom-node-subject-factory-97deb349.js';
 import { g as getDeviceType, D as DeviceType } from './ui-62e4be97.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
+import { a as isTimeStr, p as pad, e as convert12HourTo24HourFormat } from './date-c55b97f0.js';
 import { i as isArrayEqual } from './array-b668466e.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-8268945e.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-f5e703f3.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-d9155ee0.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f80d6835.js';
 import { i as isNonNullable } from './type-guard-158f6d7a.js';
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-3220fa5b.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-36cf4e39.js';
 import { T as TranslationSlimmer } from './translation-slimmer-7974f30b.js';
@@ -43,71 +45,6 @@ import './feature-flag-controller-4b3fe6f8.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
 
-/**
- * A rule that checks if time is empty or not
- *
- * @implements {FormFieldValidationRule<string>}
- */
-class TimeRequiredRule {
-  /**
-   * It creates a new instance of the class with the given config.
-   *
-   * @param {{ timeFormat: TimeFormat }} config - config including the timeFormat for time value
-   * @param {TimeFormat} config.timeFormat - The timeFormat for time value
-   */
-  constructor(config) {
-    this.config = config;
-  }
-  /**
-   * It checks if the input is a valid time string.
-   *
-   * @param {string} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
-   */
-  evaluate(input) {
-    if (!this.isAcceptedInputType(input)) {
-      throw new Error(`Invalid time value ${input}`);
-    }
-    const isValid = isTimeStr(input, this.config.timeFormat);
-    return {
-      isValid,
-      message: isValid ? '' : 'This field is required',
-    };
-  }
-  /**
-   * If the input is accepted and the status is not disabled and visible, then return true
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  canEvaluate(input, status) {
-    return status
-      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
-      : this.isAcceptedInputType(input);
-  }
-  /**
-   * If the field is not disabled, visible, and has been touched or modified, then show the error
-   *
-   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  shouldShowError(status) {
-    return !status.disabled && status.visible && (status.touched || status.modified);
-  }
-  /**
-   * If the input is undefined or null, return true, otherwise return true if the input is a string.
-   *
-   * @param {unknown} input - The input value to be validated.
-   * @returns {boolean}A boolean.
-   */
-  isAcceptedInputType(input) {
-    if (input === undefined || input === null)
-      return true;
-    return typeof input === 'string';
-  }
-}
-
 var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1525,7 +1462,7 @@ __decorate$4([
 /**
  * A rule that checks if start time is before than end time
  */
-class TimeRangeRule {
+class TimeRangeRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -1533,6 +1470,7 @@ class TimeRangeRule {
    * @param {TimeFormat} config.timeFormat - The timeFormat for time value
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**
@@ -1735,73 +1673,6 @@ __decorate$2([
   MapToComponentMethod('watchDisabled')
 ], VegaTimePickerRangeDropdownController.prototype, "hideDropdownWhenDisabled", null);
 
-/**
- * A rule that checks if time is empty or not
- *
- * @implements {FormFieldValidationRule<string[]>}
- */
-class TimeRangeRequiredRule {
-  /**
-   * It creates a new instance of the class with the given config.
-   *
-   * @param {{ timeFormat: TimeFormat }} config - config including the timeFormat for time value
-   * @param {TimeFormat} config.timeFormat - The timeFormat for time value
-   */
-  constructor(config) {
-    this.config = config;
-  }
-  /**
-   * It checks if the input is a valid time string.
-   *
-   * @param {string} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
-   */
-  evaluate(input) {
-    if (!this.isAcceptedInputType(input)) {
-      throw new Error(`Invalid time value ${input} for range mode`);
-    }
-    const isValid = Array.isArray(input) &&
-      input.length === 2 &&
-      input.every((item) => isTimeStr(item, this.config.timeFormat));
-    return {
-      isValid,
-      message: isValid ? '' : 'This field is required',
-    };
-  }
-  /**
-   * If the input is accepted and the status is not disabled and visible, then return true
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  canEvaluate(input, status) {
-    return status
-      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
-      : this.isAcceptedInputType(input);
-  }
-  /**
-   * If the field is not disabled, visible, and has been touched or modified, then show the error
-   *
-   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  shouldShowError(status) {
-    return !status.disabled && status.visible && (status.touched || status.modified);
-  }
-  /**
-   * If the input is undefined or null, return true, otherwise return true if the input is a string.
-   *
-   * @param {unknown} input - The input value to be validated.
-   * @returns {boolean}A boolean.
-   */
-  isAcceptedInputType(input) {
-    if (input === undefined || input === null)
-      return true;
-    return Array.isArray(input);
-  }
-}
-
 const VegaTimePickerRuntimeMetricsPayloadDefinition = [
   {
     payloadKey: 'AUTO_VALIDATION_IS_TRUE',

package/dist/esm/vega-toggle-switch.entry.js

@@ -5,7 +5,8 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0f
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-7a9f2b2e.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bb64dec7.js';
+import { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-8268945e.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import './ui-62e4be97.js';
@@ -21,72 +22,12 @@ import './page-resize-observer-slimmer-beb7b0bd.js';
 import './breakpoints-91116111.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
+import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-1035b064.js';
 import './array-b668466e.js';
 import './number-4398f2e1.js';
 
-/**
- * A rule that checks if toggle switch is required to switch on
- *
- * @implements {FormFieldValidationRule<boolean>}
- */
-class ToggleSwitchRequiredRule {
-  /**
-   * If the input is a boolean, return a boolean. If the
-   * input is anything else, return false
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @returns {EvaluateResult} - An object with two properties: isValid and message.
-   */
-  evaluate(input) {
-    if (typeof input === 'boolean') {
-      return {
-        isValid: input,
-        message: input ? '' : 'This field is required',
-      };
-    }
-    else {
-      return {
-        isValid: false,
-        message: 'This field is required',
-      };
-    }
-  }
-  /**
-   * If the input is accepted and the status is not disabled and visible, then return true
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
-   * @returns {boolean} The return value is a boolean that indicates whether the input can be evaluated.
-   */
-  canEvaluate(input, status) {
-    return status
-      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
-      : this.isAcceptedInputType(input);
-  }
-  /**
-   * If the field is not disabled, visible, and has been touched or modified, then show the error
-   *
-   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  shouldShowError(status) {
-    return !status.disabled && status.visible && (status.touched || status.modified);
-  }
-  /**
-   * If the input is undefined or null, return true, otherwise return true if the input is a boolean.
-   *
-   * @param {unknown} input - The input value to be validated.
-   * @returns {boolean} A boolean.
-   */
-  isAcceptedInputType(input) {
-    if (input === undefined || input === null)
-      return true;
-    return typeof input === 'boolean';
-  }
-}
-
 const vegaToggleSwitchCss = ":host{display:inline-block}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-tooltip_2.entry.js

@@ -3,7 +3,7 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { I as InjectKeyboardManager } from './inject-keyboard-manager-b0135018.js';
 import { c as MapToComponentField, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-f5e703f3.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-d9155ee0.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
 import './keyboard-manager-4c898a0d.js';
 import './ui-62e4be97.js';
@@ -38,17 +38,25 @@ class VegaTooltipElementAppenderController extends ElementAppenderSlimmer {
    * This constructor of the tooltip element appender controller.
    */
   constructor() {
-    super(() => ({
-      target: this.host,
-      appendableElement: this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
-      positionRelativeTo: this.positionRelativeTo,
-      matchTargetWidth: false,
-      size: this.size,
-      minWidth: this.minWidth,
-      maxWidth: this.maxWidth,
-      placement: this.placement,
-      alignment: this.alignment,
-    }), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
+    super(() => this.getShowConfig(), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
+    /**
+     * Generate the element appender show config object.
+     *
+     * @returns {ElementAppenderShowConfig} - Show config object.
+     */
+    this.getShowConfig = () => {
+      return {
+        target: this.host,
+        appendableElement: this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
+        positionRelativeTo: this.positionRelativeTo,
+        matchTargetWidth: false,
+        size: this.size,
+        minWidth: this.minWidth,
+        maxWidth: this.maxWidth,
+        placement: this.placement,
+        alignment: this.alignment,
+      };
+    };
   }
   /**
    * The `watchTrigger` function hides an element if the trigger is set to 'none'.
@@ -66,6 +74,26 @@ class VegaTooltipElementAppenderController extends ElementAppenderSlimmer {
       this.show();
     }
   }
+  /**
+   * Hide the tooltip if the content change to empty.
+   *
+   * @param {string} newText - The property text or content new value.
+   * @param {string} oldText - The property text or content old value.
+   */
+  watchTextChange(newText, oldText) {
+    if (!newText && oldText && this.isTooltipShow) {
+      this.hide();
+    }
+  }
+  /**
+   * Override the parent class `ElementAppenderSlimmer` show method to control the tooltip show according to the tooltip content.
+   */
+  show() {
+    const text = this.deprecatedPropertySlimmer.getValue();
+    if (text) {
+      super.show();
+    }
+  }
 }
 __decorate$3([
   MapToComponentField()
@@ -94,6 +122,9 @@ __decorate$3([
 __decorate$3([
   MapToComponentField()
 ], VegaTooltipElementAppenderController.prototype, "disableInteractive", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "deprecatedPropertySlimmer", void 0);
 __decorate$3([
   MapToComponentField({ writable: true })
 ], VegaTooltipElementAppenderController.prototype, "isTooltipShow", void 0);
@@ -106,6 +137,9 @@ __decorate$3([
 __decorate$3([
   MapToComponentMethod('watchToShowTooltip')
 ], VegaTooltipElementAppenderController.prototype, "watchToShowTooltip", null);
+__decorate$3([
+  MapToComponentMethod('watchTextChange')
+], VegaTooltipElementAppenderController.prototype, "watchTextChange", null);
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -212,6 +246,11 @@ const VegaTooltip = class {
   }
   watchTrigger() {
   }
+  /**
+   * Monitor the property text updates.
+   */
+  watchTextChange() {
+  }
   watchToShowTooltip() {
   }
   render() {
@@ -220,6 +259,8 @@ const VegaTooltip = class {
   get host() { return getElement(this); }
   static get watchers() { return {
     "trigger": ["watchTrigger"],
+    "content": ["watchTextChange"],
+    "text": ["watchTextChange"],
     "size": ["watchToShowTooltip"],
     "placement": ["watchToShowTooltip"],
     "alignment": ["watchToShowTooltip"]

package/dist/esm/vega.js

@@ -1,5 +1,5 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-187f71d1.js';
-import { g as globalScripts } from './app-globals-c954167a.js';
+import { g as globalScripts } from './app-globals-88fa3549.js';
 import './feature-flag-controller-4b3fe6f8.js';
 import './global-slimmer-registry-17c4efd4.js';
 import './index-44c794b4.js';
@@ -29,7 +29,8 @@ import './vega-env-manager-8f8dc473.js';
 import './icon-manager-b889176b.js';
 import './index-d172bafa.js';
 import './translation-c08f2274.js';
-import './valid-credit-card-number-rule-2aef3ad5.js';
+import './valid-credit-card-number-rule-cc497bec.js';
+import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /*
  Stencil Client Patch Browser v2.17.4 | MIT Licensed | https://stenciljs.com

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-layout-controller.d.ts

@@ -19,6 +19,10 @@ export declare class VegaModalLayoutController extends VegaSlimmer {
    * Listen watch size method to be called
    */
   watchSize(): void;
+  /**
+   * Listen watchContentMaxHeight method to be called
+   */
+  watchContentMaxHeight(): void;
   /**
    * Set width of modal.
    *

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-scroll-controller.d.ts

@@ -7,10 +7,15 @@ export declare class VegaModalScrollController extends VegaSlimmer {
   host: VegaModal['host'];
   contentMaxHeight: VegaModal['contentMaxHeight'];
   renderer: VegaModal['renderer'];
+  private scrollEventListenerAdded;
   /**
    * Component lifecycle - [connectedCallback]
    */
   componentDidLoad(): void;
+  /**
+   * Listen watchContentMaxHeight method to be called
+   */
+  watchContentMaxHeight(): void;
   /**
    * Is modal content scrollable.
    *

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

@@ -139,6 +139,7 @@ export declare class VegaModal {
    * @vegaVersion 1.4.0
    */
   contentMaxHeight: ResponsiveType<number>;
+  watchContentMaxHeight(): void;
   /**
    * Provides a callback function that is triggered when a user clicks the
    *    close button located in the top right corner of the modal.

package/dist/types/components/vega-tooltip/slimmers/controllers/vega-tooltip-element-appender-controller.d.ts

@@ -13,6 +13,7 @@ export declare class VegaTooltipElementAppenderController extends ElementAppende
   alignment: VegaTooltip['alignment'];
   trigger: VegaTooltip['trigger'];
   disableInteractive: VegaTooltip['disableInteractive'];
+  deprecatedPropertySlimmer: VegaTooltip['deprecatedPropertySlimmer'];
   isTooltipShow: VegaTooltip['isTooltipShow'];
   vegaTooltipContentBoxRenderer: VegaTooltip['vegaTooltipContentBoxRenderer'];
   /**
@@ -27,4 +28,21 @@ export declare class VegaTooltipElementAppenderController extends ElementAppende
    * The function `watchToShowTooltip` checks if the tooltip should be shown and then displays it if necessary.
    */
   watchToShowTooltip(): void;
+  /**
+   * Hide the tooltip if the content change to empty.
+   *
+   * @param {string} newText - The property text or content new value.
+   * @param {string} oldText - The property text or content old value.
+   */
+  watchTextChange(newText: string, oldText: string): void;
+  /**
+   * Override the parent class `ElementAppenderSlimmer` show method to control the tooltip show according to the tooltip content.
+   */
+  show(): void;
+  /**
+   * Generate the element appender show config object.
+   *
+   * @returns {ElementAppenderShowConfig} - Show config object.
+   */
+  private getShowConfig;
 }

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

@@ -69,6 +69,10 @@ export declare class VegaTooltip {
    * @vegaVersion 2.0.0
    */
   text: string;
+  /**
+   * Monitor the property text updates.
+   */
+  watchTextChange(): void;
   /**
    * Specifies the vertical positioning of the tooltip
    *    within its container or relative to a reference point.

package/dist/types/helpers/slimmers/element-appender-slimmer.d.ts

@@ -33,6 +33,7 @@ export declare class ElementAppenderSlimmer extends VegaSlimmer {
   hide(): void;
   destroy(): void;
   updateShowConfigFactory(showConfigFactory: ShowConfigFactoryType): void;
+  private destroyElementAppender;
   private initElementAppender;
   private setElementAppender;
   private isShowing;

package/dist/types/helpers/slimmers/form-field-controller-slimmer.d.ts

@@ -5,6 +5,7 @@ import { Nullable } from '../../types/general';
 import { FieldErrorControllerSlimmer } from './field-error-controller-silmmer';
 import { FormFieldValidInvokeSlimmer } from './form-field-valid-invoke-slimmer';
 import { MutationObserverSlimmer } from './mutation-observer/mutation-observer-slimmer';
+import { InternalFormFieldValidationRule } from '../validator/rules/internal-form-field-validation-rule.abstract';
 export declare type FormFieldOptionForSlimmer<T> = {
   propertyRules: PropertyRuleTypeForSlimmer<T>[];
   validationRulesName?: string;
@@ -13,7 +14,7 @@ export declare type FormFieldOptionForSlimmer<T> = {
   inputContainerGetter: () => Nullable<HTMLElement>;
   touchableAreaGetter: () => HTMLElement[];
 };
-declare type RuleFactory<T> = (propValue: unknown, ...dependence: unknown[]) => FormFieldValidationRule<T> | null;
+declare type RuleFactory<T> = (propValue: unknown, ...dependence: unknown[]) => InternalFormFieldValidationRule<T> | null;
 export declare type PropertyRuleTypeForSlimmer<T> = {
   propertyName: string;
   ruleFactory: RuleFactory<T>;

package/dist/types/helpers/validator/form-field-controller.d.ts

@@ -244,4 +244,14 @@ export declare class FormFieldController<T> implements Validator<T> {
    * @returns {boolean} a boolean value.
    */
   private canSubmitFormByEvent;
+  /**
+   * It overrides the default rule by checking if the additional rules contain a custom rule that overrides.
+   * If it does, it returns that additional rule, and the rule will be removed from the additional rules array.
+   * otherwise, it returns the default rule.
+   *
+   * @param {InternalFormFieldValidationRule} defaultRule - The rule to be overridden.
+   * @param {FormFieldValidationRule[]} additionalRules - The additional rules to be applied.
+   * @returns {FormFieldValidationRule} The overridden rule.
+   */
+  private overrideDefaultRuleByAdditionalRule;
 }

package/dist/types/helpers/validator/public-rules.d.ts

@@ -0,0 +1,10 @@
+export { CheckBoxRequiredRule } from './rules/check-box-required-rule';
+export { DateRequiredRule } from './rules/date-required-rule';
+export { InputPhoneNumberRequiredRule } from './rules/input-phone-number-required-rule';
+export { InputRangeRequiredRule } from './rules/input-range-required-rule';
+export { RequiredFieldRule } from './rules/required-field-rule';
+export { RichTextEditorRequiredRule } from './rules/rich-text-editor-required-rule';
+export { TimeRangeRequiredRule } from './rules/time-range-required-rule';
+export { TimeRequiredRule } from './rules/time-required-rule';
+export { ToggleSwitchRequiredRule } from './rules/toggle-switch-required-rule';
+export { FileUploaderRequiredRule } from './rules/file-uploader-required-rule';

package/dist/types/helpers/validator/rules/check-box-required-rule.d.ts

@@ -1,20 +1,21 @@
 import { Primitive } from '../../../types/general';
-import { FormFieldStatusMeta, FormFieldValidationRule } from './form-field-validation-rule';
-import { EvaluateResultTranslation } from './validation-rule';
+import { FormFieldStatusMeta } from './form-field-validation-rule';
+import { EvaluateResult } from './validation-rule';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if a string is empty or not
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-export declare class CheckBoxRequiredRule implements FormFieldValidationRule<Primitive | Array<Primitive>> {
+export declare class CheckBoxRequiredRule extends InternalFormFieldValidationRule<Primitive | Array<Primitive>> {
   /**
    * If the input is a boolean, return a boolean. If the input is a string, return a boolean. If the
    * input is anything else, return false
    *
    * @param {string | boolean} input - The input to be evaluated.
-   * @returns {EvaluateResultTranslation} - An object with two properties: isValid and message.
+   * @returns {EvaluateResult} - An object with two properties: isValid and message.
    */
-  evaluate(input: string | boolean): EvaluateResultTranslation;
+  evaluate(input: string | boolean): EvaluateResult;
   /**
    * If the input is accepted and the status is not disabled and visible, then return true
    *

package/dist/types/helpers/validator/rules/date-range-rule.d.ts

@@ -1,10 +1,11 @@
-import { FormFieldStatusMeta, FormFieldValidationRule } from './form-field-validation-rule';
+import { FormFieldStatusMeta } from './form-field-validation-rule';
 import { DatePickerModeType, DatePickerValueType } from '../../../components/vega-date-picker/types';
 import { EvaluateResultTranslation } from './validation-rule';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if start date is before than end date
  */
-export declare class DateRangeRule implements FormFieldValidationRule<DatePickerValueType<DatePickerModeType>> {
+export declare class DateRangeRule extends InternalFormFieldValidationRule<DatePickerValueType<DatePickerModeType>> {
   /**
    * If the input is accepted and the status is not disabled and visible, then return true
    *

package/dist/types/helpers/validator/rules/date-required-rule.d.ts

@@ -1,12 +1,13 @@
-import { FormFieldStatusMeta, FormFieldValidationRule } from './form-field-validation-rule';
+import { FormFieldStatusMeta } from './form-field-validation-rule';
 import { DatePickerModeType, DatePickerValueType } from '../../../components/vega-date-picker/types';
-import { EvaluateResultTranslation } from './validation-rule';
+import { EvaluateResult } from './validation-rule';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * A rule that checks if date is empty or not
  *
- * @implements {FormFieldValidationRule<string | string[]>}
+ * @augments {InternalFormFieldValidationRule<string | string[]>}
  */
-export declare class DateRequiredRule implements FormFieldValidationRule<DatePickerValueType<DatePickerModeType>> {
+export declare class DateRequiredRule extends InternalFormFieldValidationRule<DatePickerValueType<DatePickerModeType>> {
   private readonly config;
   /**
    * It creates a new instance of the class with the given config.
@@ -22,9 +23,9 @@ export declare class DateRequiredRule implements FormFieldValidationRule<DatePic
    * Otherwise, return an object with a boolean indicating whether the input is valid and a message to display to the user
    *
    * @param {string | string[]} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
+   * @returns {EvaluateResult} An object with two properties: isValid and message.
    */
-  evaluate(input: DatePickerValueType<DatePickerModeType>): EvaluateResultTranslation;
+  evaluate(input: DatePickerValueType<DatePickerModeType>): EvaluateResult;
   /**
    * If the input is accepted and the status is not disabled and visible, then return true
    *

package/dist/types/helpers/validator/rules/email-field-rule.d.ts

@@ -1,11 +1,12 @@
-import { FormFieldStatusMeta, FormFieldValidationRule } from './form-field-validation-rule';
+import { FormFieldStatusMeta } from './form-field-validation-rule';
 import { EvaluateResultTranslation } from './validation-rule';
+import { InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract';
 /**
  * This class is a rule that checks if the input is a valid email address
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-export declare class EmailFieldRule implements FormFieldValidationRule<string> {
+export declare class EmailFieldRule extends InternalFormFieldValidationRule<string> {
   /**
    * It checks if the input is a valid email address.
    *

package/dist/types/helpers/validator/rules/{object-array-required-rule.d.ts → file-uploader-required-rule.d.ts}

@@ -2,7 +2,7 @@ import { RequiredFieldRule } from './required-field-rule';
 /**
  * A rule that checks the value is empty or not which value type is object array
  */
-export declare class ObjectArrayRequiredRule extends RequiredFieldRule {
+export declare class FileUploaderRequiredRule extends RequiredFieldRule {
   /**
    * re-define the object array check item type method
    *