@globalpayments/vega 2.39.0 → 2.41.0

package/dist/esm/date-required-rule-8944f3bf.js

@@ -0,0 +1,90 @@
+import { i as isDateStr } from './date-c55b97f0.js';
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
+/**
+ * A rule that checks if date is empty or not
+ *
+ * @augments {InternalFormFieldValidationRule<string | string[]>}
+ */
+class DateRequiredRule extends InternalFormFieldValidationRule {
+  /**
+   * It creates a new instance of the class with the given config.
+   *
+   * @param {{ mode: 'single' | 'range' }} config - config including the mode for date value
+   * @param {'single' | 'range'} config.mode - The mode for date value
+   */
+  constructor(config) {
+    super();
+    this.config = config;
+  }
+  /**
+   * If the input is not valid for the current mode, throw an error.
+   * 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 {EvaluateResult} An object with two properties: isValid and message.
+   */
+  evaluate(input) {
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Invalid date value ${input} for mode ${this.config.mode}`);
+    }
+    let isValid;
+    switch (this.config.mode) {
+      case 'single':
+        isValid = isDateStr(input);
+        break;
+      case 'range':
+        isValid = Array.isArray(input) && input.length === 2 && input.every(isDateStr);
+        break;
+    }
+    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, if the mode is 'single', return true if
+   * the input is a string. Otherwise, if the mode is 'range', return true if the input is an array. Otherwise, return false.
+   *
+   * @param {unknown} input - The input value that the user has entered.
+   * @returns {boolean} A boolean value.
+   */
+  isAcceptedInputType(input) {
+    if (input === undefined || input === null)
+      return true;
+    if (!this.config.mode) {
+      throw new Error(`Unexpected type of mode: ${this.config.mode}`);
+    }
+    switch (this.config.mode) {
+      case 'single':
+        return typeof input === 'string';
+      case 'range':
+        return Array.isArray(input);
+      default:
+        return false;
+    }
+  }
+}
+
+export { DateRequiredRule as D };

package/dist/esm/{design-token-e14b622b.js → design-token-a1bb9a99.js}

@@ -1,7 +1,7 @@
 import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-158f6d7a.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-661193d7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-b3bc4db6.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-121ae7d3.js';
 import { a as BorderStyle } from './ui-8424715a.js';

package/dist/esm/{dom-node-subject-factory-97deb349.js → dom-node-subject-factory-5831cdd4.js}

@@ -1,5 +1,34 @@
 import { i as isParent } from './ui-62e4be97.js';
 
+/**
+ *  An Observer is a class that has a listener method that accepts a value of type T
+ *  and calls the listener method with a value of type T
+ */
+class Observer {
+  /**
+   * It accepts a function that accepts a value and returns a boolean, and a function that accepts a value of the type that
+   * the first function accepts
+   *
+   * @typedef T generic type parameter
+   * @param {(input: unknown) => input is T} accept - A function that indicate if the input is acceptable by the observer
+   * @param {(input: T) => void} listener - A function handle the input for the observer if the input is accepted
+   */
+  constructor(accept, listener) {
+    this.accept = accept;
+    this.listener = listener;
+  }
+  /**
+   * If the input is of the type that this handler is interested in, then call the listener function
+   *
+   * @param {unknown} input - unknown
+   */
+  notify(input) {
+    if (this.accept(input)) {
+      this.listener(input);
+    }
+  }
+}
+
 /** The VegaEventID class represents an event ID with both a Vega name and a native name. */
 class VegaEventID {
   /**
@@ -198,4 +227,4 @@ class DomNodeSubjectFactory {
 }
 const domNodeSubjectFactory = new DomNodeSubjectFactory();
 
-export { VegaBlur as A, VegaCountryChange as B, VegaShow as C, VegaHide as D, VegaToggleStatus as E, VegaOpen as F, VegaStateUpdate as G, VegaGroupClick as H, VegaMenuClick as I, VegaActionClick as J, VegaPageSizeChange as K, VegaPopoverShow as L, VegaPopoverHide as M, VegaCurrentStepUpdate as N, VegaImageInserted as O, VegaSelectChange as P, VegaSelectAllChange as Q, VegaRowClick as R, VegaRowExpand as S, VegaRowSelect as T, VegaRowSelectAll as U, VegaExpand as V, VegaClick as a, VegaDropdownClick as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaPageUpdate as j, VegaCreate as k, VegaSearch as l, VegaDropdownShow as m, VegaDropdownHide as n, VegaDropdownSearch as o, VegaSearchTrigger as p, VegaLabelButtonClick as q, VegaSelectFileChange as r, VegaRemove as s, VegaRetry as t, VegaPreview as u, VegaFormSubmit as v, VegaFormReset as w, VegaValidate as x, VegaCancel as y, VegaFocus as z };
+export { VegaBlur as A, VegaCountryChange as B, VegaShow as C, VegaHide as D, VegaToggleStatus as E, VegaOpen as F, VegaStateUpdate as G, VegaGroupClick as H, VegaMenuClick as I, VegaActionClick as J, VegaPageSizeChange as K, VegaPopoverShow as L, VegaPopoverHide as M, VegaCurrentStepUpdate as N, Observer as O, VegaImageInserted as P, VegaSelectChange as Q, VegaSelectAllChange as R, VegaRowClick as S, VegaRowExpand as T, VegaRowSelect as U, VegaExpand as V, VegaRowSelectAll as W, VegaClick as a, VegaDropdownClick as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaPageUpdate as j, VegaCreate as k, VegaSearch as l, VegaDropdownShow as m, VegaDropdownHide as n, VegaDropdownSearch as o, VegaSearchTrigger as p, VegaLabelButtonClick as q, VegaSelectFileChange as r, VegaRemove as s, VegaRetry as t, VegaPreview as u, VegaFormSubmit as v, VegaFormReset as w, VegaValidate as x, VegaCancel as y, VegaFocus as z };

package/dist/esm/{dom-node-subject-observer-factory-857c65fa.js → dom-node-subject-observer-factory-dc486a8b.js}

@@ -1,6 +1,5 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
+import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
 
 /**
  * The function `domAcceptableHandle` always returns `true`.

package/dist/esm/{element-appender-slimmer-f5e703f3.js → element-appender-slimmer-dbe9f79e.js}

@@ -1,14 +1,14 @@
 import { c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, c as isElementVisible, i as isParent } from './ui-62e4be97.js';
-import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
+import { I as InternalVegaZIndexManager } from './vega-skeleton-loader-controller-964db62f.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-beb7b0bd.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-bf715d05.js';
 import { P as Placements, A as Alignments } from './ui-8424715a.js';
 import { A as isTranslocationType } from './type-guard-158f6d7a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-661193d7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-b3bc4db6.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-8268945e.js';
-import { O as Observer } from './observer-3959f9dd.js';
+import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
 
 var __decorate$9 = (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;
@@ -953,6 +953,7 @@ class ElementAppender {
     if (!this.showConfig)
       return;
     this.removeVisibleAppendElement(this.showConfig.appendableElement);
+    this.resetContainerPosition();
     InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
     this.showConfig.appendableElement.remove();
     this.disconnectResizeObserver();
@@ -1044,6 +1045,7 @@ class ElementAppender {
     if (!this.showConfig.isScreenPosition) {
       this.initVisibleAppendElement();
     }
+    this.showConfig.appendableElement.classList.add('vega-element-appender-appendable');
     this.showConfig.appendableElement.style.boxSizing = 'border-box';
     this.positionCalculationController.setCalculationStrategy();
   }
@@ -1191,7 +1193,7 @@ class ElementAppenderSlimmer extends VegaSlimmer {
       if (this.shouldListenerWork('custom') &&
         this.isShowing() &&
         this.showConfig &&
-        !isParent(currentTarget, this.showConfig.appendableElement) &&
+        !findParent(currentTarget, '.vega-element-appender-appendable') &&
         !isParent(currentTarget, this.showConfig.target) &&
         findParent(currentTarget, 'vega-modal') === findParent(this.showConfig.target, 'vega-modal')) {
         this.hide();
@@ -1243,10 +1245,7 @@ class ElementAppenderSlimmer extends VegaSlimmer {
   }
   disconnectedCallback() {
     this.unRegisterElementAppenderListener();
-    if (this.elementAppender) {
-      this.elementAppender.destroy();
-      this.elementAppender = null;
-    }
+    this.destroyElementAppender();
   }
   componentDidLoad() {
     this.initElementAppender();
@@ -1263,13 +1262,19 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     this[this.isDropdownShowName] = false;
   }
   destroy() {
-    this.elementAppender = null;
+    this.destroyElementAppender();
     this[this.isDropdownShowName] = false;
   }
   updateShowConfigFactory(showConfigFactory) {
     this.showConfigFactory = showConfigFactory;
     this.initElementAppender();
   }
+  destroyElementAppender() {
+    if (this.elementAppender) {
+      this.elementAppender.destroy();
+      this.elementAppender = null;
+    }
+  }
   initElementAppender() {
     this.setShowConfig();
     this.setElementAppender();

package/dist/esm/{event-emit-slimmer-36cf4e39.js → event-emit-slimmer-f285e3ac.js}

@@ -1,9 +1,9 @@
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-0a01ba12.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-07e1b3d9.js';
 
 var __decorate$3 = (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;

package/dist/esm/{feature-flag-controller-4b3fe6f8.js → feature-flag-controller-91e7eaa1.js}

@@ -194,6 +194,12 @@ const FeatureFlagsMap = {
     createdAtVersion: '2.32.0',
     disabledByDefault: false,
   },
+  'VEGA_COMPONENT.CORNERS_USE_OLD_BEHAVIOR': {
+    description: `Feature flag that the component corners style weights are sorted according to the [0, 9999, 2, 4, 8, ..., 48]`,
+    createdTimestamp: 1744772429681,
+    createdAtVersion: '2.41.0',
+    disabledByDefault: true,
+  },
 };
 const FeatureFlagsMap$1 = Object.freeze(FeatureFlagsMap);
 

package/dist/esm/file-uploader-required-rule-ad886d01.js

@@ -0,0 +1,19 @@
+import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
+
+/**
+ * A rule that checks the value is empty or not which value type is object array
+ */
+class FileUploaderRequiredRule extends RequiredFieldRule {
+  constructor() {
+    super(...arguments);
+    /**
+     * re-define the object array check item type method
+     *
+     * @param {unknown} item the array item
+     * @returns {boolean} true or false
+     */
+    this.checkArrayItemType = (item) => !!(item && typeof item === 'object');
+  }
+}
+
+export { FileUploaderRequiredRule as F };

package/dist/esm/{form-field-controller-slimmer-7a9f2b2e.js → form-field-controller-slimmer-0da8c510.js}

@@ -1,16 +1,16 @@
 import { V as VegaSlimmer, I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { c as camelToDashCase } from './string-be824360.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './observer-3959f9dd.js';
+import { d as domNodeSubjectFactory, O as Observer } from './dom-node-subject-factory-5831cdd4.js';
 import { U as UPDATE_TRANSLATION, c as FORM_FIELD_PENDING_VALID_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, b as FORM_ELEMENT_VALUE_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, f as FIELD_ERROR_MESSAGE_CHANGE, g as FORM_ELEMENT_VALIDATE } from './static-subject-title-8268945e.js';
 import { f as findParent, c as isElementVisible } from './ui-62e4be97.js';
 import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
 import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-f269c42f.js';
 import { V as VegaInternalTranslation } from './translation-c08f2274.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-beb7b0bd.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-bf715d05.js';
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1035b064.js';
 import { i as isArrayEqual } from './array-b668466e.js';
@@ -534,7 +534,11 @@ class FormFieldController {
    * @returns {FormFieldValidationRule<number | string | boolean>[]} An array of FormFieldValidationRule<T>
    */
   getRules() {
-    return [...this.defaultRules, ...this.additionalRules];
+    const additionalRules = [...this.additionalRules];
+    const overriddenDefaultRules = this.defaultRules.map((rule) => {
+      return this.overrideDefaultRuleByAdditionalRule(rule, additionalRules);
+    });
+    return [...overriddenDefaultRules, ...additionalRules];
   }
   /**
    * Set the default rules for the form field.
@@ -822,6 +826,28 @@ class FormFieldController {
         return isEnterKey;
     }
   }
+  /**
+   * 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.
+   */
+  overrideDefaultRuleByAdditionalRule(defaultRule, additionalRules) {
+    if (defaultRule && additionalRules) {
+      const customRuleIndex = additionalRules.findIndex((customRule) => {
+        return (customRule instanceof InternalFormFieldValidationRule &&
+          customRule instanceof defaultRule.constructor &&
+          customRule.overrideDefault);
+      });
+      if (customRuleIndex > -1) {
+        return additionalRules.splice(customRuleIndex, 1)[0];
+      }
+    }
+    return defaultRule;
+  }
 }
 __decorate$3([
   InjectVegaSlimmer()

package/dist/esm/{image-annotation-action-b6668f48.js → image-annotation-action-af91eb87.js}

@@ -1,9 +1,9 @@
 import { h } from './index-187f71d1.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
-import { a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-97deb349.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
+import { a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-5831cdd4.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-900a5bb4.js';
-import { T as TextSplittableAction, l as TextColorAnnotation, k as VegaDarkModeStyleController, m as RTE_TEXT_COLORS, g as RTETextNode, i as NodeAnnotationTypeEnum, A as AnnotationAction, j as ImageAnnotation } from './content-state-2edba4ec.js';
+import { T as TextSplittableAction, l as TextColorAnnotation, k as VegaDarkModeStyleController, m as RTE_TEXT_COLORS, g as RTETextNode, i as NodeAnnotationTypeEnum, A as AnnotationAction, j as ImageAnnotation } from './content-state-5646be9f.js';
 
 var __decorate$1 = (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;

package/dist/esm/index-88cfdf1a.js

@@ -0,0 +1,39 @@
+import { W as WaitForVega } from './wait-for-vega-handler-03a25866.js';
+import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { b as VegaInternalComponentDidRender } from './vega-internal-event-id-f269c42f.js';
+
+/* istanbul ignore next */
+/**
+ * Wait for all vega elements to be ready.
+ *
+ * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
+ */
+const waitForVega = async () => {
+  return WaitForVega.handle();
+};
+/**
+ * Wait for the component has been rendered.
+ *
+ * @param {HTMLStencilElement} componentRef - The reference to the component that needs to be rendered.
+ * @returns {Promise<unknown>} A promise that resolves when the component has been rendered.
+ */
+const waitForComponentDidRender = async (componentRef) => {
+  return new Promise((resolve) => {
+    const observer = new Observer(isAcceptableComponentDidRender.bind(null), () => {
+      ChangeManager.unregister(domNodeSubjectFactory.getSubject(componentRef, VegaInternalComponentDidRender), observer);
+      resolve(null);
+    });
+    ChangeManager.register(domNodeSubjectFactory.getSubject(componentRef, VegaInternalComponentDidRender), observer);
+  });
+};
+/**
+ * Determines whether the observer should accept changes.
+ *
+ * @returns {boolean} Always returns true in the current implementation.
+ */
+const isAcceptableComponentDidRender = () => {
+  return true;
+};
+
+export { waitForComponentDidRender as a, waitForVega as w };

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-export { g as getCurrentBreakpoint } from './breakpoints-91116111.js';
+export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-bf715d05.js';
 export { L as LogUtility, s as setVegaLogLevel } from './global-slimmer-registry-17c4efd4.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 './design-token-e14b622b.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 './design-token-a1bb9a99.js';
 export { c as camelToDashCase } from './string-be824360.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 './type-guard-158f6d7a.js';
 export { B as Breakpoints } from './breakpoints-d9faf11c.js';
@@ -8,32 +8,41 @@ export { I as Icons, g as getIconFromToken } from './icons-8627925e.js';
 export { b as Typography, a as TypographyKeys, T as TypographyUrls } from './typography-396de03f.js';
 export { e as BoxDisplay, B as BreakpointKeys, C as CssStates, F as FlexDirections } from './ui-8424715a.js';
 export { F as FrameworkEnum, v as VegaEnvManager } from './vega-env-manager-8f8dc473.js';
-export { b as VegaEventManager, V as VegaLoader, a as VegaNotify, d as VegaSkeletonLoader, c as VegaZIndexManager } from './vega-skeleton-loader-controller-5aea7aeb.js';
-export { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
-export { M as ModifyContentAction, e as RTEBlock, b as RTEImageBlock, f as RTEImageNode, d as RTEListBlock, c as RTEListItemBlock, h as RTENode, R as RTETextBlock, g as RTETextNode, a as VegaRTEContent, V as VegaThemeManager } from './content-state-2edba4ec.js';
-export { V as VegaDialog } from './vega-dialog-controller-34eb8967.js';
-export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-0a01ba12.js';
+export { b as VegaDialog, c as VegaEventManager, V as VegaLoader, a as VegaNotify, e as VegaSkeletonLoader, d as VegaZIndexManager } from './vega-skeleton-loader-controller-964db62f.js';
+export { F as FeatureFlag } from './feature-flag-controller-91e7eaa1.js';
+export { M as ModifyContentAction, e as RTEBlock, b as RTEImageBlock, f as RTEImageNode, d as RTEListBlock, c as RTEListItemBlock, h as RTENode, R as RTETextBlock, g as RTETextNode, a as VegaRTEContent, V as VegaThemeManager } from './content-state-5646be9f.js';
+export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-07e1b3d9.js';
 export { V as VegaIconManager } from './icon-manager-b889176b.js';
-export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-2aef3ad5.js';
-export { w as waitForVega } from './index-d172bafa.js';
+export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
+export { w as waitForVega } from './index-88cfdf1a.js';
 export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-c08f2274.js';
-export { G as GridColumns, a as GridRows } from './responsive-format-facade-661193d7.js';
+export { G as GridColumns, a as GridRows } from './responsive-format-facade-b3bc4db6.js';
+export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
+export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
+export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
+export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
+export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-7a402a9c.js';
+export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
+export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
+export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
 import './state-background-color-formatter-121ae7d3.js';
 import './regex-dfe11abf.js';
 import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
 import './dynamic-slimmer-90b8af32.js';
 import './ui-62e4be97.js';
-import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
-import './page-resize-observer-slimmer-beb7b0bd.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-factory-97deb349.js';
+import './dom-node-subject-factory-5831cdd4.js';
 import './vega-internal-event-id-f269c42f.js';
 import './static-subject-title-8268945e.js';
-import './observer-3959f9dd.js';
+import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import './wait-for-vega-handler-03a25866.js';
 import './pixel-f32c07ce.js';
+import './array-b668466e.js';
+import './date-c55b97f0.js';
 
 /* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */

package/dist/esm/input-phone-number-required-rule-be6a5572.js

@@ -0,0 +1,63 @@
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
+/**
+ * A rule that checks if input phone number is empty or not
+ *
+ * @augments {InternalFormFieldValidationRule<string>}
+ */
+class InputPhoneNumberRequiredRule extends InternalFormFieldValidationRule {
+  constructor(phoneNumberValueGetter) {
+    super();
+    this.phoneNumberValueGetter = phoneNumberValueGetter;
+  }
+  /**
+   * It checks if the input is a valid value.
+   *
+   * @param {unknown} input - The value of the input field.
+   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   */
+  evaluate(input) {
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Invalid value ${input} for input phone number`);
+    }
+    const isValid = this.phoneNumberValueGetter() !== '';
+    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';
+  }
+}
+
+export { InputPhoneNumberRequiredRule as I };

package/dist/esm/input-range-required-rule-3ad74776.js

@@ -0,0 +1,61 @@
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
+/**
+ * A rule that checks if the input range is empty or not
+ *
+ * @augments {InternalFormFieldValidationRule<string[]>}
+ */
+class InputRangeRequiredRule extends InternalFormFieldValidationRule {
+  /**
+   * It checks if the input is a valid value.
+   *
+   * @param {string[]} input - The value of the input field.
+   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   */
+  evaluate(input) {
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Invalid value ${input} for input range`);
+    }
+    const isValid = Array.isArray(input) &&
+      input.length === 2 &&
+      input.every((item) => !!item || item == '0');
+    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);
+  }
+}
+
+export { InputRangeRequiredRule as I };

package/dist/esm/internal-form-field-validation-rule.abstract-f5b6bdbf.js

@@ -0,0 +1,13 @@
+/**
+ * Abstract class for internal form field validation rules
+ */
+class InternalFormFieldValidationRule {
+  constructor() {
+    /**
+     * Whether to override the default validation rule.
+     */
+    this.overrideDefault = false;
+  }
+}
+
+export { InternalFormFieldValidationRule as I };

package/dist/esm/{internal-vega-event-manager-0a01ba12.js → internal-vega-event-manager-07e1b3d9.js}

@@ -1,4 +1,4 @@
-import { V as VegaExpand, a as VegaClick, b as VegaDropdownClick, c as VegaClose, e as VegaActionButtonClick, f as VegaChange, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick, j as VegaPageUpdate, k as VegaCreate, l as VegaSearch, m as VegaDropdownShow, n as VegaDropdownHide, o as VegaDropdownSearch, p as VegaSearchTrigger, q as VegaLabelButtonClick, r as VegaSelectFileChange, s as VegaRemove, t as VegaRetry, u as VegaPreview, v as VegaFormSubmit, w as VegaFormReset, x as VegaValidate, y as VegaCancel, z as VegaFocus, A as VegaBlur, B as VegaCountryChange, C as VegaShow, D as VegaHide, E as VegaToggleStatus, F as VegaOpen, G as VegaStateUpdate, H as VegaGroupClick, I as VegaMenuClick, J as VegaActionClick, K as VegaPageSizeChange, L as VegaPopoverShow, M as VegaPopoverHide, N as VegaCurrentStepUpdate, O as VegaImageInserted, P as VegaSelectChange, Q as VegaSelectAllChange, R as VegaRowClick, S as VegaRowExpand, T as VegaRowSelect, U as VegaRowSelectAll } from './dom-node-subject-factory-97deb349.js';
+import { V as VegaExpand, a as VegaClick, b as VegaDropdownClick, c as VegaClose, e as VegaActionButtonClick, f as VegaChange, g as VegaEventClick, h as VegaDateDblClick, i as VegaMoreActionClick, j as VegaPageUpdate, k as VegaCreate, l as VegaSearch, m as VegaDropdownShow, n as VegaDropdownHide, o as VegaDropdownSearch, p as VegaSearchTrigger, q as VegaLabelButtonClick, r as VegaSelectFileChange, s as VegaRemove, t as VegaRetry, u as VegaPreview, v as VegaFormSubmit, w as VegaFormReset, x as VegaValidate, y as VegaCancel, z as VegaFocus, A as VegaBlur, B as VegaCountryChange, C as VegaShow, D as VegaHide, E as VegaToggleStatus, F as VegaOpen, G as VegaStateUpdate, H as VegaGroupClick, I as VegaMenuClick, J as VegaActionClick, K as VegaPageSizeChange, L as VegaPopoverShow, M as VegaPopoverHide, N as VegaCurrentStepUpdate, P as VegaImageInserted, Q as VegaSelectChange, R as VegaSelectAllChange, S as VegaRowClick, T as VegaRowExpand, U as VegaRowSelect, W as VegaRowSelectAll } from './dom-node-subject-factory-5831cdd4.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const entries = [