@globalpayments/vega 2.39.0 → 2.41.0

package/dist/esm/loader.js

@@ -1,35 +1,33 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-187f71d1.js';
-import { g as globalScripts } from './app-globals-c954167a.js';
-import './feature-flag-controller-4b3fe6f8.js';
+import { g as globalScripts } from './app-globals-9ad844bb.js';
+import './feature-flag-controller-91e7eaa1.js';
 import './global-slimmer-registry-17c4efd4.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
-import './vega-skeleton-loader-controller-5aea7aeb.js';
+import './vega-skeleton-loader-controller-964db62f.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 './breakpoints-91116111.js';
+import './page-resize-observer-slimmer-bf715d05.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
-import './internal-vega-event-manager-0a01ba12.js';
-import './dom-node-subject-factory-97deb349.js';
-import './content-state-2edba4ec.js';
+import './internal-vega-event-manager-07e1b3d9.js';
+import './dom-node-subject-factory-5831cdd4.js';
+import './number-4398f2e1.js';
+import './content-state-5646be9f.js';
 import './change-manager-6a7eb88c.js';
 import './vega-internal-event-id-f269c42f.js';
 import './type-guard-158f6d7a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
 import './static-subject-title-8268945e.js';
-import './observer-3959f9dd.js';
-import './vega-dialog-controller-34eb8967.js';
 import './vega-env-manager-8f8dc473.js';
 import './icon-manager-b889176b.js';
-import './index-d172bafa.js';
+import './wait-for-vega-handler-03a25866.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';
+import './index-88cfdf1a.js';
 
 /*
  Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com

package/dist/esm/{min-number-rule-31d48b22.js → min-number-rule-a6082418.js}

@@ -1,12 +1,13 @@
 import { c as convertToNumber } from './number-4398f2e1.js';
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**
  * A rule that checks if the input is less than or equal to a maximum value
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  * @property {{ maxValue: number }} config config including the maxValue limit for validation
  */
-class MaxNumberRule {
+class MaxNumberRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -14,6 +15,7 @@ class MaxNumberRule {
    * @param {number} config.maxValue number of the maxValue
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**
@@ -71,10 +73,10 @@ class MaxNumberRule {
 /**
  * A rule that checks if the input is larger than or equal to a minimum value
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  * @property {{ minValue: number }} config config including the minValue limit for validation
  */
-class MinNumberRule {
+class MinNumberRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -82,6 +84,7 @@ class MinNumberRule {
    * @param {number} config.minValue number of the minValue
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**

package/dist/esm/{min-string-length-rule-c6a69eeb.js → min-string-length-rule-c31c89f4.js}

@@ -1,10 +1,12 @@
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
 /**
  * A rule that checks if the length of input is less than or equal to a maximum value
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  * @property {{ maxStrLength: number }} config config including the maxStrLength limit for validation
  */
-class MaxStringLengthRule {
+class MaxStringLengthRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -12,6 +14,7 @@ class MaxStringLengthRule {
    * @param {number} config.maxStrLength number of the maxStrLength
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**
@@ -69,10 +72,10 @@ class MaxStringLengthRule {
 /**
  * A rule that checks if the length of input is more than or equal to a minimum value
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  * @property {{ minStrLength: number }} config config including the minStrLength limit for validation
  */
-class MinStringLengthRule {
+class MinStringLengthRule extends InternalFormFieldValidationRule {
   /**
    * It creates a new instance of the class with the given config.
    *
@@ -80,6 +83,7 @@ class MinStringLengthRule {
    * @param {number} config.minStrLength number of the minStrLength
    */
   constructor(config) {
+    super();
     this.config = config;
   }
   /**

package/dist/esm/{page-resize-observer-slimmer-beb7b0bd.js → page-resize-observer-slimmer-bf715d05.js}

@@ -1,5 +1,54 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { g as getCurrentBreakpoint } from './breakpoints-91116111.js';
+import { B as BreakpointKeys } from './ui-8424715a.js';
+import { B as Breakpoints } from './breakpoints-d9faf11c.js';
+
+/**
+ * Get current breakpoint according current window size
+ *
+ * @returns {BreakpointsTokenType} - current breakpoint
+ */
+const getCurrentBreakpoint = () => {
+  let index = BreakpointKeys.length - 1;
+  const windowWidth = window.innerWidth;
+  for (index; index >= 0; index--) {
+    const breakpointKey = BreakpointKeys[index];
+    if (breakpointKey === 'default')
+      break;
+    if (windowWidth >= Breakpoints[breakpointKey])
+      return breakpointKey;
+  }
+  return 'default';
+};
+/**
+ * Completion breakponts, eg:
+ * {
+ *   default: 'size-12',
+ *   M: 'size-24'
+ * }
+ * it will convert to
+ * {
+ *   default: 'size-12',
+ *   S: 'size-12',
+ *   M: 'size-24',
+ *   L: 'size-24',
+ *   XL: 'size-24',
+ * }
+ *
+ * @param {ResponsiveType<ResponsiveScope>} breakpoints - responsive token
+ * @returns {ResponsiveType<ResponsiveScope>} - completed breakpointss
+ */
+const createCompleteResponsiveMap = (breakpoints) => {
+  let responsiveScope;
+  BreakpointKeys.forEach((breakpoint) => {
+    if (Object.prototype.hasOwnProperty.call(breakpoints, breakpoint)) {
+      responsiveScope = breakpoints[breakpoint];
+    }
+    else {
+      breakpoints[breakpoint] = responsiveScope;
+    }
+  });
+  return breakpoints;
+};
 
 var __decorate = (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;
@@ -117,4 +166,4 @@ __decorate([
   MapToComponentMethod('componentDidLoad')
 ], PageResizeObserverSlimmer.prototype, "connectResizeObserver", null);
 
-export { PageResizeObserverSlimmer as P };
+export { PageResizeObserverSlimmer as P, createCompleteResponsiveMap as c, getCurrentBreakpoint as g };

package/dist/esm/public-rules-4a519276.js

@@ -0,0 +1,26 @@
+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 './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import './date-c55b97f0.js';
+import './global-slimmer-registry-17c4efd4.js';
+import './content-state-5646be9f.js';
+import './change-manager-6a7eb88c.js';
+import './dom-node-subject-factory-5831cdd4.js';
+import './ui-62e4be97.js';
+import './vega-internal-event-id-f269c42f.js';
+import './type-guard-158f6d7a.js';
+import './breakpoints-d9faf11c.js';
+import './ui-8424715a.js';
+import './regex-dfe11abf.js';
+import './typography-396de03f.js';
+import './create-public-api-runtime-metrics-slimmer-9ab05523.js';
+import './dynamic-slimmer-90b8af32.js';
+import './_commonjsHelpers-9943807e.js';
+import './static-subject-title-8268945e.js';

package/dist/esm/{remote-invocation-registry-1682b34e.js → remote-invocation-registry-d97fa3bc.js}

@@ -1,5 +1,5 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './observer-3959f9dd.js';
+import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
 
 /**
  * The `RemoteInvocationRegistry` provides methods for performing remote invocation calls

package/dist/esm/{required-field-rule-368b31fa.js → required-field-rule-ab4bdc47.js}

@@ -1,10 +1,13 @@
+import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+
 /**
  * A rule that checks if a string is empty or not
  *
- * @implements {FormFieldValidationRule<string>}
+ * @augments {InternalFormFieldValidationRule<string>}
  */
-class RequiredFieldRule {
+class RequiredFieldRule extends InternalFormFieldValidationRule {
   constructor() {
+    super(...arguments);
     /**
      * A function that checks if the item is a string, number, or boolean.
      *
@@ -17,7 +20,7 @@ class RequiredFieldRule {
    * If the input is a number or a boolean, return true. If the input is a string, return true if the string is not empty
    *
    * @param {FormFieldValueType | Array<FormFieldValueType>} 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) {
     if (!this.isAcceptedInputType(input)) {

package/dist/esm/{responsive-format-facade-661193d7.js → responsive-format-facade-b3bc4db6.js}

@@ -1,9 +1,19 @@
 import { v as isResponsiveType, w as isBreakpointsForPrefixType, o as isSpacingTokenType, x as isDirectionalSpacingType, h as Spacing, y as isGridColumnsType, z as isGridRowsType, A as isTranslocationType, D as isFlexDirectionType, E as isFlexAlignItemType, G as isFlexJustifyContentType, H as isFlexWrapType, I as isBoxDisplayType, p as isBorderRadiusTokenType, J as isDirectionalBorderRadiusType, B as BorderRadius, K as isTextAlignType } from './type-guard-158f6d7a.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { g as getCurrentBreakpoint, c as createCompleteResponsiveMap } from './breakpoints-91116111.js';
+import { g as getCurrentBreakpoint, c as createCompleteResponsiveMap } from './page-resize-observer-slimmer-bf715d05.js';
 import { i as isValidPercentage } from './number-4398f2e1.js';
 import { F as FlexDirections, b as FlexAlignItem, c as FlexJustifyContent, d as FlexWrap, e as BoxDisplay, T as TextAlign } from './ui-8424715a.js';
 import { p as parseToPixelString } from './pixel-f32c07ce.js';
+import { B as Breakpoints } from './breakpoints-d9faf11c.js';
+import { s as sortAsExistArray } from './array-b668466e.js';
+import './vega-env-manager-8f8dc473.js';
+import './vega-skeleton-loader-controller-964db62f.js';
+import { F as FeatureFlag } from './feature-flag-controller-91e7eaa1.js';
+import './content-state-5646be9f.js';
+import './icon-manager-b889176b.js';
+import './wait-for-vega-handler-03a25866.js';
+import './ui-62e4be97.js';
+import './translation-c08f2274.js';
 
 /**
  * An abstract class for format {@link ManagedResponsiveScopeInput[Flag]} to CSS class string
@@ -43,6 +53,7 @@ const PADDING_DIRECTION_CLASS_PARTIAL_MAP = {
 /**
  * A class for format PaddingType with BreakpointsForPrefixType to CSS class string
  *
+ * @deprecated Please use the `ResponsivePaddingStyleFormatter` instead.
  * @augments ResponsiveClassStringFormatter
  */
 class ResponsivePaddingFormatter extends ResponsiveClassStringFormatter {
@@ -84,6 +95,7 @@ const MARGIN_DIRECTION_CLASS_PARTIAL_MAP = {
 /**
  * A class for format MarginType with BreakpointsForPrefixType to CSS class string
  *
+ * @deprecated Please use the `ResponsiveMarginStyleFormatter` instead.
  * @augments ResponsiveClassStringFormatter
  */
 class ResponsiveMarginFormatter extends ResponsiveClassStringFormatter {
@@ -578,6 +590,7 @@ const BORDER_RADIUS_DIRECTION_CLASS_PARTIAL_MAP = {
 /**
  * A class for format BorderRadiusType with BreakpointsForPrefixType to CSS class string
  *
+ * @deprecated Please use the `ResponsiveBorderRadiusStyleStyleFormatter` instead.
  * @augments ResponsiveClassStringFormatter
  */
 class ResponsiveBorderRadiusFormatter extends ResponsiveClassStringFormatter {
@@ -644,6 +657,190 @@ class ResponsiveTextAlignFormatter extends ResponsiveClassStringFormatter {
 }
 const ResponsiveTextAlignFormatter$1 = new ResponsiveTextAlignFormatter();
 
+/**
+ * Get the style text from the responsive property.
+ */
+class ResponsiveCSSTextFormatter {
+  /**
+   * > It takes a `ResponsiveType<ManagedResponsiveScopeInput[Flag]>` and returns a string
+   *
+   * @typedef Flag key of ManagedResponsiveScopeInput
+   * @param {ResponsiveType<ManagedResponsiveScopeInput[Flag]>} input - ManagedResponsiveScopeInput[Flag]
+   * @returns {string} - CSS text string.
+   */
+  format(input) {
+    if (isResponsiveType(input)) {
+      return Object.keys(input)
+        .map((breakpoint) => {
+        const breakpointValue = input[breakpoint];
+        const breakPointFormatted = breakpoint !== 'default' ? breakpoint : undefined;
+        return this.generateCssText(this.formatToken(breakpointValue, breakPointFormatted), breakpoint);
+      })
+        .join(' ');
+    }
+    else {
+      return this.generateCssText(this.formatToken(input));
+    }
+  }
+  /**
+   * Create the complete style text with media query selector.
+   *
+   * @param {string} cssText - The style snippet.
+   * @param {BreakpointsTokenType} breakpoint - The screen breakpoint.
+   * @returns {string} - Style content with css selector.
+   */
+  generateCssText(cssText, breakpoint) {
+    let result = '';
+    if (cssText) {
+      result =
+        breakpoint && breakpoint !== 'default'
+          ? `@media (min-width:${Breakpoints[breakpoint]}px){:host{${cssText}}}`
+          : `:host{${cssText}}`;
+    }
+    return result;
+  }
+}
+
+const PADDING_DIRECTION_STYLE_MAP = {
+  top: ['padding-top'],
+  bottom: ['padding-bottom'],
+  left: ['padding-left'],
+  right: ['padding-right'],
+  x: ['padding-left', 'padding-right'],
+  y: ['padding-top', 'padding-bottom'],
+};
+/**
+ * Get the padding style content.
+ */
+class ResponsivePaddingStyleFormatter extends ResponsiveCSSTextFormatter {
+  /**
+   * Given a padding type, return the corresponding string of CSS text.
+   *
+   * @param {PaddingType} input - PaddingType
+   * @returns {string} - CSS text.
+   */
+  formatToken(input) {
+    if (isSpacingTokenType(input)) {
+      return `padding:${Spacing[input]}px`;
+    }
+    else if (isDirectionalSpacingType(input)) {
+      return Object.keys(input)
+        .map((direction) => {
+        return PADDING_DIRECTION_STYLE_MAP[direction]
+          .map((item) => {
+          return `${item}:${Spacing[input[direction]]}px`;
+        })
+          .join(';');
+      })
+        .join(';');
+    }
+    else {
+      LogUtility.warn(`The padding value ${input} is invalid, it must be a value of: `, Spacing);
+      return '';
+    }
+  }
+}
+const responsivePaddingStyleFormatter = new ResponsivePaddingStyleFormatter();
+
+const MARGIN_DIRECTION_STYLE_MAP = {
+  top: ['margin-top'],
+  bottom: ['margin-bottom'],
+  left: ['margin-left'],
+  right: ['margin-right'],
+  x: ['margin-left', 'margin-right'],
+  y: ['margin-top', 'margin-bottom'],
+};
+/**
+ * Get the padding style content.
+ */
+class ResponsiveMarginStyleFormatter extends ResponsiveCSSTextFormatter {
+  /**
+   * Given a margin type, return a string of style content that can be used to apply the margin to an element
+   *
+   * @param {MarginType} input - MarginType
+   * @returns {string} - A string of style content.
+   */
+  formatToken(input) {
+    if (isSpacingTokenType(input)) {
+      return `margin:${Spacing[input]}px`;
+    }
+    else if (isDirectionalSpacingType(input)) {
+      return Object.keys(input)
+        .map((direction) => {
+        return MARGIN_DIRECTION_STYLE_MAP[direction]
+          .map((item) => {
+          return `${item}:${Spacing[input[direction]]}px`;
+        })
+          .join(';');
+      })
+        .join(';');
+    }
+    else {
+      LogUtility.warn(`The margin value ${input} is invalid, it must be a value of: `, Spacing);
+      return '';
+    }
+  }
+}
+const responsiveMarginStyleFormatter = new ResponsiveMarginStyleFormatter();
+
+const BORDER_RADIUS_DIRECTION_STYLE_MAP = {
+  'top': ['border-top-left-radius', 'border-top-right-radius'],
+  'right': ['border-top-right-radius', 'border-bottom-right-radius'],
+  'bottom': ['border-bottom-left-radius', 'border-bottom-right-radius'],
+  'left': ['border-top-left-radius', 'border-bottom-left-radius'],
+  'top-left': ['border-top-left-radius'],
+  'top-right': ['border-top-right-radius'],
+  'bottom-left': ['border-bottom-left-radius'],
+  'bottom-right': ['border-bottom-right-radius'],
+};
+/**
+ * A class for format BorderRadiusType with BreakpointsForPrefixType to CSS text string
+ *
+ * @augments ResponsiveClassStringFormatter
+ */
+class ResponsiveBorderRadiusStyleFormatter extends ResponsiveCSSTextFormatter {
+  /**
+   * Given a border-radius type, return a string of CSS classes that can be used to apply the border-radius to an element
+   *
+   * @param {CornersType} input - CornersType
+   * @returns {string} - A string of CSS text.
+   */
+  formatToken(input) {
+    if (isBorderRadiusTokenType(input)) {
+      return `border-radius:${BorderRadius[input]}px`;
+    }
+    else if (isDirectionalBorderRadiusType(input)) {
+      return this.getDirectionKeys(input)
+        .map((direction) => {
+        return BORDER_RADIUS_DIRECTION_STYLE_MAP[direction]
+          .map((item) => {
+          return `${item}:${BorderRadius[input[direction]]}px`;
+        })
+          .join(';');
+      })
+        .join(';');
+    }
+    else {
+      LogUtility.warn(`The border radius value ${input} is invalid, it must be a value of: `, BorderRadius);
+      return '';
+    }
+  }
+  /**
+   * Get the corners object keys. Order the keys as exist array if the feature flag enabled.
+   * The order affects the weight of the styles.
+   *
+   * @param {DirectionalBorderRadiusType} map - The corners input object.
+   * @returns {string[]} - The input object keys.
+   */
+  getDirectionKeys(map) {
+    const directionKeys = Object.keys(map);
+    return FeatureFlag.isEnabled('VEGA_COMPONENT.CORNERS_USE_OLD_BEHAVIOR')
+      ? sortAsExistArray(directionKeys, (direction) => map[direction], undefined, Object.keys(BorderRadius))
+      : directionKeys;
+  }
+}
+const responsiveBorderRadiusStyleFormatter = new ResponsiveBorderRadiusStyleFormatter();
+
 /**
  * A facade class for delegating format input with different responsive formatters given the flag:
  *
@@ -696,6 +893,12 @@ class ResponsiveFormatFacade {
         return ResponsiveBorderRadiusFormatter$1.format(input);
       case 'textAlign':
         return ResponsiveTextAlignFormatter$1.format(input);
+      case 'paddingStyle':
+        return responsivePaddingStyleFormatter.format(input);
+      case 'marginStyle':
+        return responsiveMarginStyleFormatter.format(input);
+      case 'cornersStyle':
+        return responsiveBorderRadiusStyleFormatter.format(input);
       default:
         throw new Error(`Invalid flag ${flag} passed into ResponsiveFormatFacade`);
     }

package/dist/esm/rich-text-editor-required-rule-7a402a9c.js

@@ -0,0 +1,62 @@
+import { a as VegaRTEContent } from './content-state-5646be9f.js';
+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 RichTextEditorRequiredRule 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) {
+    var _a, _b;
+    if (!this.isAcceptedInputType(input)) {
+      throw new Error(`Invalid value ${input} for rich text editor`);
+    }
+    const isValid = ((_a = input === null || input === void 0 ? void 0 : input.blocks) === null || _a === void 0 ? void 0 : _a.length) > 1 || // isValid: true when the length is greater than 1 to keep the same behavior as vega-textarea
+      (((_b = input === null || input === void 0 ? void 0 : input.blocks) === null || _b === void 0 ? void 0 : _b.length) === 1 && input.blocks.some((block) => block.isNotEmpty()));
+    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 VegaRTEContent.
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean} A boolean.
+   */
+  isAcceptedInputType(input) {
+    if (input === undefined || input === null)
+      return true;
+    return input instanceof VegaRTEContent;
+  }
+}
+
+export { RichTextEditorRequiredRule as R };

package/dist/esm/{string-input-formatter-slimmer-418b54f0.js → string-input-formatter-slimmer-1f74c6f3.js}

@@ -1,9 +1,9 @@
 import { i as isNonNullable } from './type-guard-158f6d7a.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
 import { b as VegaInternalComponentDidRender } from './vega-internal-event-id-f269c42f.js';
-import { a as waitForComponentDidRender } from './index-d172bafa.js';
+import { a as waitForComponentDidRender } from './index-88cfdf1a.js';
 
 /**
  * String format strategy abstract class

package/dist/esm/{style-formatter-4b857992.js → style-formatter-bdafdf22.js}

@@ -1,5 +1,5 @@
 import { i as isNonNullable } 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';
 
 /**
  * Fomatter flex styles.

package/dist/esm/{sub-state-notify-slimmer-b36fd081.js → sub-state-notify-slimmer-e9489326.js}

@@ -1,9 +1,8 @@
 import { V as VegaSlimmer } 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 { O as Observer } from './observer-3959f9dd.js';
+import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
 import { h as VegaInternalSubStatePull, g as VegaInternalSubStatePush } from './vega-internal-event-id-f269c42f.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
 
 /**
  * Sub state notify slimmer

package/dist/esm/{sub-state-observer-slimmer-09452523.js → sub-state-observer-slimmer-7e99a677.js}

@@ -1,8 +1,7 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { O as Observer } from './observer-3959f9dd.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 { f as findParent } from './ui-62e4be97.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
 import { g as VegaInternalSubStatePush, h as VegaInternalSubStatePull } from './vega-internal-event-id-f269c42f.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {