@heartlandone/vega 2.0.0-preview-1 → 2.0.0-preview-2

package/dist/cjs/{app-globals-96b1451c.js → app-globals-73828fff.js}

@@ -1,15 +1,13 @@
 'use strict';
 
-const featureFlagController = require('./featureFlagController-daf977be.js');
-const vegaEventManager = require('./vegaEventManager-a06ff179.js');
-const vegaEnvManager = require('./vegaEnvManager-812c97fa.js');
+const vegaEventManager = require('./vegaEventManager-bfe0bf67.js');
 const log = require('./log-5d8066e0.js');
-const vegaDialogController = require('./vegaDialogController-d2ae40fb.js');
+const vegaDialogController = require('./vegaDialogController-01bddb6a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
-require('./internalVegaEventManager-11e57997.js');
-require('./ui-25a66a2a.js');
+require('./internalVegaEventManager-78a14dbf.js');
+require('./ui-23cd9abb.js');
 const typography = require('./typography-3d2ba97d.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -39,7 +37,7 @@ class VegaWatchMethodCancelSlimmer extends vegaSlimmer.VegaSlimmer {
      * so we add this flag to skip empty the watch function in this case.
      */
     this.hasDisconnected = false;
-    this.isEnabled = featureFlagController.FeatureFlag.isEnabled('VEGA_REACT.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD');
+    this.isEnabled = vegaEventManager.FeatureFlag.isEnabled('VEGA_REACT.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD');
     this.component = option.component;
   }
   /**
@@ -129,7 +127,7 @@ function appGlobalScript () {
  */
 function disableFeatureFlagFromClientGlobal() {
   if (globalThis['VegaDisabledFeatureKeys']) {
-    featureFlagController.FeatureFlag.disable(...globalThis['VegaDisabledFeatureKeys']);
+    vegaEventManager.FeatureFlag.disable(...globalThis['VegaDisabledFeatureKeys']);
   }
 }
 /**
@@ -137,7 +135,7 @@ function disableFeatureFlagFromClientGlobal() {
  */
 function enableFeatureFlagFromClientGlobal() {
   if (globalThis['VegaEnabledFeatureKeys']) {
-    featureFlagController.FeatureFlag.enable(...globalThis['VegaEnabledFeatureKeys']);
+    vegaEventManager.FeatureFlag.enable(...globalThis['VegaEnabledFeatureKeys']);
   }
 }
 /**
@@ -150,7 +148,7 @@ function injectVegaLoaderIntoGlobal() {
  * Inject VegaNotify to global as a public api
  */
 function injectVegaNotifyIntoGlobal() {
-  globalThis.VegaNotify = vegaEnvManager.VegaNotify;
+  globalThis.VegaNotify = vegaEventManager.VegaNotify;
 }
 /**
  * Inject VegaThemeManager to global as a public api

package/dist/cjs/{array-e1e5ed1d.js → array-5f977aa2.js}

@@ -2,17 +2,6 @@
 
 const number = require('./number-7e7d9981.js');
 
-/**
- * It flattens an array of objects
- *
- * @typedef T generic type  parameter
- * @param {T[]} arr - The array to be flattened.
- * @param {string} [children=children] - The name of the key that contains the children.
- * @returns {T[]}An array of all the children of the array of items.
- */
-const flattenChildren = (arr, children = 'children') => {
-  return arr.reduce((result, item) => result.concat(item[children] ? flattenChildren(item[children], children) : item), []);
-};
 /**
  * The function checks if two arrays are equal, either in order or ignoring order.
  *
@@ -176,7 +165,6 @@ function sortAsExistArray(needSortArray, accessor, existArraySorter, existArray)
 exports.convertArrayToNestedArray = convertArrayToNestedArray;
 exports.deleteItemsFromArray = deleteItemsFromArray;
 exports.flatNestedArray = flatNestedArray;
-exports.flattenChildren = flattenChildren;
 exports.getLongestTextLengthFromArray = getLongestTextLengthFromArray;
 exports.isArrayEqual = isArrayEqual;
 exports.isObjectArrayLike = isObjectArrayLike;

package/dist/cjs/breakpoints-e610ef7c.js

@@ -0,0 +1,66 @@
+'use strict';
+
+const ui = require('./ui-04f8a3e7.js');
+
+/* This file is generated by vega-design 2.0.71 */
+/* eslint-disable */
+/* tslint:disable */
+// prettier-ignore
+const Breakpoints = {
+  "S": 320,
+  "M": 768,
+  "L": 1024,
+  "XL": 1440
+};
+
+/**
+ * Get current breakpoint according current window size
+ *
+ * @returns {BreakpointsTokenType} - current breakpoint
+ */
+const getCurrentBreakpoint = () => {
+  let index = ui.BreakpointKeys.length - 1;
+  const windowWidth = window.innerWidth;
+  for (index; index >= 0; index--) {
+    const breakpointKey = ui.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;
+  ui.BreakpointKeys.forEach((breakpoint) => {
+    if (Object.prototype.hasOwnProperty.call(breakpoints, breakpoint)) {
+      responsiveScope = breakpoints[breakpoint];
+    }
+    else {
+      breakpoints[breakpoint] = responsiveScope;
+    }
+  });
+  return breakpoints;
+};
+
+exports.Breakpoints = Breakpoints;
+exports.createCompleteResponsiveMap = createCompleteResponsiveMap;
+exports.getCurrentBreakpoint = getCurrentBreakpoint;

package/dist/cjs/{childNodesEventPreventSlimmer-76e4ad14.js → childNodesEventPreventSlimmer-c7a6f4e1.js}

@@ -3,7 +3,7 @@
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
 const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 require('./global-slimmer-registry-58eee093.js');
-const internalVegaEventManager = require('./internalVegaEventManager-11e57997.js');
+const internalVegaEventManager = require('./internalVegaEventManager-78a14dbf.js');
 
 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;
@@ -16,7 +16,7 @@ class ChildNodesEventPreventSlimmer extends vegaSlimmer.VegaSlimmer {
   /**
    * The constructor function takes in an array of event names and a function to get the parent element, and assigns them to the corresponding properties of the class.
    *
-   * @param {VegaEventIDInterface[]} eventIds - The eventNames parameter is an array of VegaEventID that represents the names of the events that will be handled by the constructor.
+   * @param {VegaEventID[]} eventIds - The eventNames parameter is an array of VegaEventID that represents the names of the events that will be handled by the constructor.
    * @param {HTMLElement} getHostElement - The `getHostElement` parameter is a function that returns an `HTMLElement`. It is used to get the parent element where the events will be attached.
    * @param {boolean | EventPreventOptions} options - add event listener in capture or bubbles.
    */
@@ -93,21 +93,21 @@ class ChildNodesEventPreventSlimmer extends vegaSlimmer.VegaSlimmer {
   /**
    * get the current event name
    *
-   * @param {VegaEventIDInterface} eventId event id class
+   * @param {VegaEventID} eventId event id class
    * @returns {string} native or vega event name string
    */
   getCurrentEventName(eventId) {
-    return eventId.getCurrentName(internalVegaEventManager.internalVegaEventManager.getSemantics(this.host));
+    return eventId.getCurrentName(internalVegaEventManager.InternalVegaEventManager.getSemantics(this.host));
   }
   /**
    * The function shouldPrevent checks if a given event ID should be prevented based on whether it is a
    * native event and if it is enabled for the host.
    *
-   * @param {VegaEventIDInterface} eventId - The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of an event.
+   * @param {VegaEventID} eventId - The `eventId` parameter is of type `VegaEventID`. It represents the ID of an event.
    * @returns {boolean} a boolean value.
    */
   shouldPrevent(eventId) {
-    const { namespace, jqueryDelegatedEvent } = internalVegaEventManager.internalVegaEventManager.getSemantics(this.host);
+    const { namespace, jqueryDelegatedEvent } = internalVegaEventManager.InternalVegaEventManager.getSemantics(this.host);
     return !(namespace === 'native' &&
       !!jqueryDelegatedEvent &&
       internalVegaEventManager.jqueryDelegatedStrategyController.isSupportDelegated(this.host, eventId));

package/dist/cjs/{childNodesNotifyObserverSlimmer-cc6d9d8d.js → childNodesNotifyObserverSlimmer-88c492da.js}

@@ -5,7 +5,7 @@ const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 require('./global-slimmer-registry-58eee093.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
-const ui = require('./ui-25a66a2a.js');
+const ui = require('./ui-23cd9abb.js');
 
 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;

package/dist/cjs/{component-de54cd0d.js → component-b50f0483.js}

@@ -1,6 +1,5 @@
 'use strict';
 
-const featureFlagController = require('./featureFlagController-daf977be.js');
 const log = require('./log-5d8066e0.js');
 
 const exemptionClasses = [
@@ -32,10 +31,8 @@ const exemptionClasses = [
  * @returns {T} processed vega component
  */
 function sanitizeVegaComponent(renderedOutput, hostElement) {
-  if (featureFlagController.FeatureFlag.isEnabled('VEGA_COMPONENT.SANITIZE_VEGA_COMPONENT')) {
-    checkIfInAllowedClassList(renderedOutput, hostElement);
-    checkIfUseDataShrink(hostElement);
-  }
+  checkIfInAllowedClassList(renderedOutput, hostElement);
+  checkIfUseDataShrink(hostElement);
   return renderedOutput;
 }
 /**

package/dist/cjs/{designToken-ed34a533.js → designToken-57de7f2b.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const typeGuard = require('./typeGuard-46915d8c.js');
-const breakpoints = require('./breakpoints-96bd8c73.js');
+const typeGuard = require('./typeGuard-a4b5297f.js');
+const breakpoints = require('./breakpoints-e610ef7c.js');
 const log = require('./log-5d8066e0.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-8bfed8eb.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-36a8860a.js');
 const typography = require('./typography-3d2ba97d.js');
 
 /**
@@ -70,7 +70,7 @@ function formatAndValidBorderColor(token) {
     return `v-${token}`;
   }
   else {
-    logInvalidValueMessage('border-color', token, typeGuard.Colors.filter(() => /^border-.+$/.test));
+    logInvalidValueMessage('border-color', token, typeGuard.Colors.filter(() => /^border-color-.+$/.test));
   }
 }
 /**
@@ -85,7 +85,7 @@ function formatAndValidBackgroundColor(token, withModes = []) {
     return `v-${token}` + formatTokenWithModes(token, withModes);
   }
   else {
-    logInvalidValueMessage('background-color', token, typeGuard.Colors.filter(() => /^border-.+$/.test));
+    logInvalidValueMessage('background-color', token, typeGuard.Colors.filter(() => /^bg-.+$/.test));
   }
 }
 /**
@@ -101,7 +101,7 @@ function formatAndValidTextColor(token, withModes = []) {
     return `v-${token}` + formatTokenWithModes(token, withModes);
   }
   else {
-    logInvalidValueMessage('text-color', token, typeGuard.Colors.filter(() => /^border-.+$/.test));
+    logInvalidValueMessage('text-color', token, typeGuard.Colors.filter(() => /^text-.+$/.test));
   }
 }
 /**

package/dist/cjs/{domNodeSubjectObserverFactory-8663ab4f.js → domNodeSubjectObserverFactory-b9050559.js}

@@ -70,7 +70,7 @@ class DomNodeSubjectFactory {
    * @returns {DomNodeSubject} dom node subject object
    */
   setSubject(node, eventId) {
-    const subjectTitle = `${node.tagName}:${eventId.getVegaName()}`;
+    const subjectTitle = `${node.tagName}:${eventId.getName()}`;
     const subject = new DomNodeSubject(subjectTitle, node);
     if (!this.cache.get(node)) {
       this.cache.set(node, new Map());

package/dist/cjs/{eventEmitSlimmer-309dbbee.js → eventEmitSlimmer-946bc373.js}

@@ -4,8 +4,8 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
 const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
-const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-8663ab4f.js');
-const internalVegaEventManager = require('./internalVegaEventManager-11e57997.js');
+const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-b9050559.js');
+const internalVegaEventManager = require('./internalVegaEventManager-78a14dbf.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;
@@ -124,9 +124,9 @@ class JqueryDelegatedEventEmitHandlerSlimmer extends vegaSlimmer.VegaSlimmer {
     };
   }
   /**
-   * The function "setEventID" sets the eventID property of the current object to the provided VegaEventIDInterface value.
+   * The function "setEventID" sets the eventID property of the current object to the provided VegaEventID value.
    *
-   * @param {VegaEventIDInterface} eventID - The eventID parameter is of type VegaEventIDInterface.
+   * @param {VegaEventID} eventID - The eventID parameter is of type VegaEventID.
    */
   setEventID(eventID) {
     this.eventID = eventID;
@@ -167,7 +167,7 @@ class EventEmitSlimmerBase extends vegaSlimmer.VegaSlimmer {
         detail: detail,
         eventName: this.eventName,
       });
-      const eventSemantics = internalVegaEventManager.internalVegaEventManager.getSemantics(this.host);
+      const eventSemantics = internalVegaEventManager.InternalVegaEventManager.getSemantics(this.host);
       for (const handler of this.eventHandlers) {
         if (handler.canHandle(eventSemantics)) {
           handler.handle(detail, e);
@@ -230,7 +230,7 @@ __decorate([
  * The function `createEventEmitSlimmer` creates a slimmer version of an event emitter class by mapping specific properties and events.
  *
  * @param {ClassPrototype<unknown>} mapFromClass - The class prototype from which the event emitter will be created.
- * @param {VegaEventIDInterface} eventID - The eventName parameter is a VegaEventID that represents the name of the event.
+ * @param {VegaEventID} eventID - The eventName parameter is a VegaEventID that represents the name of the event.
  * @param {string} [nativeEventPropertyName] - usually the native event name is eventID#nativeName, set a property name when the native name is used by other method or property
  * @returns {EventEmitSlimmerBase} an instance of the `EventEmitSlimmerBase` class.
  */

package/dist/cjs/{formFieldControllerSlimmer-b50512f8.js → formFieldControllerSlimmer-a4ba4128.js}

@@ -3,15 +3,15 @@
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
 const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
-const featureFlagController = require('./featureFlagController-daf977be.js');
 const string = require('./string-21427167.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
 const observer = require('./observer-f49483e8.js');
-const staticSubjectTitle = require('./staticSubjectTitle-9a2a1b10.js');
-const ui = require('./ui-25a66a2a.js');
-const misc = require('./misc-3d30df91.js');
+const staticSubjectTitle = require('./staticSubjectTitle-e4f34751.js');
+const ui = require('./ui-23cd9abb.js');
+const misc = require('./misc-0197689b.js');
 const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
-const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-f83ef66f.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-79fcb867.js');
+const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-b9050559.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {
@@ -179,7 +179,7 @@ class FormFieldValidationRuleHandlerChain {
   }
 }
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (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);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -264,14 +264,14 @@ class FieldErrorUIControllerSlimmer extends vegaSlimmer.VegaSlimmer {
     return siblingContainer;
   }
 }
-__decorate$3([
+__decorate$4([
   vegaSlimmer.MapToComponentField()
 ], FieldErrorUIControllerSlimmer.prototype, "host", void 0);
-__decorate$3([
+__decorate$4([
   vegaSlimmer.MapToComponentField()
 ], FieldErrorUIControllerSlimmer.prototype, "options", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -673,14 +673,14 @@ class FormFieldController {
     }
   }
 }
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], FormFieldController.prototype, "fieldErrorUIController", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], FormFieldController.prototype, "resizeObserverSlimmer", void 0);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -734,22 +734,97 @@ class FieldErrorControllerSlimmer extends vegaSlimmer.VegaSlimmer {
     return false;
   }
 }
-__decorate$1([
+__decorate$2([
   vegaSlimmer.MapToComponentField()
 ], FieldErrorControllerSlimmer.prototype, "host", void 0);
-__decorate$1([
+__decorate$2([
   vegaSlimmer.MapToComponentField()
 ], FieldErrorControllerSlimmer.prototype, "options", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], FieldErrorControllerSlimmer.prototype, "fieldErrorUIController", void 0);
-__decorate$1([
+__decorate$2([
   mapToComponentMethod.MapToComponentMethod('setInjectFormFieldHelper')
 ], FieldErrorControllerSlimmer.prototype, "handleComponentWillLoadByFieldErrorSlimmer", null);
-__decorate$1([
+__decorate$2([
   mapToComponentMethod.MapToComponentMethod('destroy')
 ], FieldErrorControllerSlimmer.prototype, "handleUnregisterObserver", null);
 
+/** The class VegaInternalEventID implements the VegaEventIDInterface and provides a method to get the current name. */
+class VegaInternalEventID {
+  /**
+   * This TypeScript constructor function takes a string parameter and assigns it to a private property called "name".
+   *
+   * @param {string} name - It is used to initialize an instance of the class with a specific name value.
+   */
+  constructor(name) {
+    this.name = name;
+  }
+  /**
+   * This TypeScript function returns the name stored in the object.
+   *
+   * @returns {string} The `name` property of the current object is being returned as a string.
+   */
+  getName() {
+    return this.name;
+  }
+}
+const VegaInternalValid = new VegaInternalEventID('valid');
+
+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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/** The FormFieldValidInvokeSlimmer class extends VegaSlimmer and handles validation calls for form elements. */
+class FormFieldValidInvokeSlimmer extends vegaSlimmer.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    /**
+     * call the component validate method, complete the promise and notify the parent form update the isValid property
+     *
+     * @param {CallValidPayloadType} payload The element, valid parameter and a promise resolve handle
+     */
+    this.handleValidInvocation = async (payload) => {
+      if (this.validator) {
+        if (payload.timerId !== undefined) {
+          clearTimeout(payload.timerId);
+        }
+        const isValid = await this.validator.validate(payload.message);
+        if (typeof payload.promiseResolve === 'function') {
+          payload.promiseResolve(isValid);
+        }
+        changeManager.ChangeManager.notify(staticSubjectTitle.FORM_ELEMENT_VALIDATE, { host: payload.host, detail: isValid });
+      }
+    };
+  }
+  /**
+   * register the observer when the slimmer method called
+   */
+  registerValidInvocationObserver() {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addObserverToNode(this.host, VegaInternalValid, this.handleValidInvocation);
+  }
+  /**
+   * unregister the observer when the slimmer method called
+   */
+  handleUnregisterObserver() {
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.removeObserverFromNode(this.host, VegaInternalValid);
+  }
+}
+__decorate$1([
+  vegaSlimmer.MapToComponentField()
+], FormFieldValidInvokeSlimmer.prototype, "host", void 0);
+__decorate$1([
+  vegaSlimmer.MapToComponentField()
+], FormFieldValidInvokeSlimmer.prototype, "validator", void 0);
+__decorate$1([
+  mapToComponentMethod.MapToComponentMethod('setInjectFormFieldHelper')
+], FormFieldValidInvokeSlimmer.prototype, "registerValidInvocationObserver", null);
+__decorate$1([
+  mapToComponentMethod.MapToComponentMethod('destroy')
+], FormFieldValidInvokeSlimmer.prototype, "handleUnregisterObserver", null);
+
 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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -773,6 +848,7 @@ class FormFieldControllerSlimmer extends vegaSlimmer.VegaSlimmer {
   constructor(options) {
     super();
     this.fieldErrorSlimmer = new FieldErrorControllerSlimmer();
+    this.formFieldValidInvokeSlimmer = new FormFieldValidInvokeSlimmer();
     this.options = options;
   }
   /**
@@ -793,16 +869,6 @@ class FormFieldControllerSlimmer extends vegaSlimmer.VegaSlimmer {
     this.setAdditionalRules();
     this.internalValidate();
   }
-  /**
-   * call the method when the component call valid method
-   *
-   * @param {boolean | 'rule'} showError show error message or not
-   * @returns {Promise<boolean>} the validation result
-   */
-  validByFormControllerSlimmer(showError = true) {
-    var _a;
-    return (_a = this.validator) === null || _a === void 0 ? void 0 : _a.validate(showError);
-  }
   /**
    * listen the attributes change when connectedCallback method call
    */
@@ -833,9 +899,7 @@ class FormFieldControllerSlimmer extends vegaSlimmer.VegaSlimmer {
    * inject form file help when componentWillLoad method call
    */
   setInjectFormFieldHelper() {
-    const isFeatureEnabled = featureFlagController.FeatureFlag.isEnabled('VEGA_INJECT_FORM_FIELD_CONTROLLER.ADD_DATA_VEGA_FORM_FILTER');
-    if (!isFeatureEnabled ||
-      (isFeatureEnabled && FormFieldControllerSlimmer.isValidFormField(this.host))) {
+    if (FormFieldControllerSlimmer.isValidFormField(this.host)) {
       const { defaultValue, touchableAreaSelector } = this.options;
       const validator = new FormFieldController(this.getPropertyRules(), this.host, defaultValue, this.options, touchableAreaSelector);
       validator.addListener({
@@ -843,10 +907,7 @@ class FormFieldControllerSlimmer extends vegaSlimmer.VegaSlimmer {
         callback: (isValid) => {
           if (this.isValid != isValid) {
             this.isValid = isValid;
-            if (this.vegaValidate) {
-              this.vegaValidate.emit(isValid);
-              changeManager.ChangeManager.notify(staticSubjectTitle.FORM_ELEMENT_VALIDATE, { host: this.host, detail: isValid });
-            }
+            changeManager.ChangeManager.notify(staticSubjectTitle.FORM_ELEMENT_VALIDATE, { host: this.host, detail: isValid });
           }
         },
       });
@@ -936,18 +997,15 @@ __decorate([
 __decorate([
   vegaSlimmer.MapToComponentField({ writable: true })
 ], FormFieldControllerSlimmer.prototype, "isValid", void 0);
-__decorate([
-  vegaSlimmer.MapToComponentField()
-], FormFieldControllerSlimmer.prototype, "vegaValidate", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], FormFieldControllerSlimmer.prototype, "fieldErrorSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], FormFieldControllerSlimmer.prototype, "formFieldValidInvokeSlimmer", void 0);
 __decorate([
   mapToComponentMethod.MapToComponentMethod('watchValidationRules')
 ], FormFieldControllerSlimmer.prototype, "watchValidationRulesByFormControllerSlimmer", null);
-__decorate([
-  mapToComponentMethod.MapToComponentMethod('valid')
-], FormFieldControllerSlimmer.prototype, "validByFormControllerSlimmer", null);
 __decorate([
   mapToComponentMethod.MapToComponentMethod('connectedCallback')
 ], FormFieldControllerSlimmer.prototype, "initialFormFieldHelper", null);
@@ -962,3 +1020,4 @@ __decorate([
 ], FormFieldControllerSlimmer.prototype, "setInjectFormFieldHelper", null);
 
 exports.FormFieldControllerSlimmer = FormFieldControllerSlimmer;
+exports.VegaInternalValid = VegaInternalValid;