@heartlandone/vega 1.51.0 → 2.0.0-preview-2

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

@@ -3,14 +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-9b9e651a.js');
 const string = require('./string-21427167.js');
-const changeManager = require('./changeManager-91f1f24a.js');
-const observer = require('./observer-126f19d0.js');
-const ui = require('./ui-97068bc7.js');
-const misc = require('./misc-3d30df91.js');
+const changeManager = require('./changeManager-1dd5ac2a.js');
+const observer = require('./observer-f49483e8.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-14877d13.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 {
@@ -178,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;
@@ -199,6 +200,11 @@ class FieldErrorUIControllerSlimmer extends vegaSlimmer.VegaSlimmer {
       errorContainer.innerHTML = errorMessage;
       errorContainer.classList.remove('vega-hidden');
       inputContainer.classList.add('error');
+      /*
+       TODO: FieldErrorControllerSlimmer is separated from FormFieldControllerSlimmer and is bound by each component.
+       link: https://gethired.atlassian.net/jira/software/c/projects/VD/issues/VD-2508
+       */
+      changeManager.ChangeManager.notify(staticSubjectTitle.FIELD_ERROR_STATE_CHANGE, { host: this.host, showError: true });
     }
   }
   /**
@@ -209,22 +215,36 @@ class FieldErrorUIControllerSlimmer extends vegaSlimmer.VegaSlimmer {
     const errorContainer = this.getErrorContainer();
     errorContainer.classList.add('vega-hidden');
     inputContainer.classList.remove('error');
+    changeManager.ChangeManager.notify(staticSubjectTitle.FIELD_ERROR_STATE_CHANGE, { host: this.host, showError: false });
   }
   /**
-   * Get the input element container
+   * Get the input element container by selector
    *
+   * @deprecated The method will be delete
    * @returns {HTMLElement} The input element container.
    */
-  getInputElementContainer() {
+  getInputElementContainerBySelector() {
     const inputContainerSelector = this.options && this.options.inputContainerSelector
       ? this.options.inputContainerSelector
       : DEFAULT_INPUT_CONTAINER_SELECTOR;
-    const inputContainer = this.host.querySelector(inputContainerSelector);
+    // TODO: while all component use shadow, there would be no need to use `this.host`
+    const container = this.host.shadowRoot || this.host;
+    const inputContainer = container.querySelector(inputContainerSelector);
     if (!inputContainer) {
       throw new Error(`Can't not find inputContainer with selector ${inputContainerSelector}`);
     }
     return inputContainer;
   }
+  /**
+   * Get the input element container
+   *
+   * @returns {HTMLElement} The input element container.
+   */
+  getInputElementContainer() {
+    return this.options && this.options.inputContainerGetter
+      ? this.options.inputContainerGetter()
+      : this.getInputElementContainerBySelector();
+  }
   /**
    * Get the error container, if it doesn't exist, create it
    *
@@ -237,19 +257,21 @@ class FieldErrorUIControllerSlimmer extends vegaSlimmer.VegaSlimmer {
     if (!siblingContainer || !((_a = siblingContainer.classList) === null || _a === void 0 ? void 0 : _a.contains('vega-error'))) {
       siblingContainer = document.createElement('label');
       siblingContainer.classList.add('vega-error');
+      // vega-table needs to hide error content.
+      siblingContainer.setAttribute('part', 'field-error-message');
       inputContainer.after(siblingContainer);
     }
     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;
@@ -338,7 +360,7 @@ class FormFieldController {
       }
       this.invokeListeners(isValid);
       //change pending valid should be in last to solve the vegaValidate event emit issue
-      changeManager.ChangeManager.notify(changeManager.FORM_FIELD_PENDING_VALID_CHANGE, {
+      changeManager.ChangeManager.notify(staticSubjectTitle.FORM_FIELD_PENDING_VALID_CHANGE, {
         host: this.host,
         detail: isValid,
       });
@@ -405,10 +427,11 @@ class FormFieldController {
    * The destroy function unregister the form reset observer
    */
   destroy() {
-    changeManager.ChangeManager.notify(changeManager.FORM_FIELD_ELEMENT_DISCONNECTED, {
+    changeManager.ChangeManager.notify(staticSubjectTitle.FORM_FIELD_ELEMENT_DISCONNECTED, {
       host: this.host,
     });
     this.unregisterFormResetObserver();
+    changeManager.ChangeManager.unregister(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, this.hostValueChangeObserver);
   }
   /**
    * It creates an observer that will watch the host element and set the isVisible property to true if
@@ -430,7 +453,7 @@ class FormFieldController {
     const input = this.host.value;
     const hasAsyncRules = this.formFieldValidationRuleHandlerChain.checkIncludesAsyncRuleHandler(input, status, triggerStatus);
     if (hasAsyncRules) {
-      changeManager.ChangeManager.notify(changeManager.FORM_FIELD_PENDING_VALID_CHANGE, { host: this.host, detail: null });
+      changeManager.ChangeManager.notify(staticSubjectTitle.FORM_FIELD_PENDING_VALID_CHANGE, { host: this.host, detail: null });
     }
     const isValid = await this.formFieldValidationRuleHandlerChain.process(input, status, triggerStatus, showError, this.handleValidationResult);
     return isValid;
@@ -508,24 +531,43 @@ class FormFieldController {
    * Unregister the form reset observer.
    */
   unregisterFormResetObserver() {
-    changeManager.ChangeManager.unregister(changeManager.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
+    changeManager.ChangeManager.unregister(staticSubjectTitle.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
   }
   /**
    * It adds a blur event listener to all elements that match the selector in the touchableArea property
    */
   setupTouchedListener() {
-    this.host.querySelectorAll(this.touchableArea).forEach((item) => item.addEventListener('blur', () => {
+    this.getTouchableAreaElements().forEach((item) => item.addEventListener('blur', () => {
       this.updateIsTouched(true);
     }));
   }
+  /**
+   * Get an array of HTMLElements that represent the touchable area elements based on the host's tag name.
+   *
+   * @returns {HTMLElement[]} an array of HTMLElements.
+   */
+  getTouchableAreaElements() {
+    return this.options && this.options.touchableAreaGetter
+      ? this.options.touchableAreaGetter()
+      : Array.from(this.host.querySelectorAll(this.touchableArea));
+  }
   /**
    * It adds an event listener to the host element that listens for a custom event called `vegaChange`.
    * When that event is fired, the `updateIsModified` function is called with the argument `true`
    */
   setupModifiedListener() {
-    this.host.addEventListener('vegaChange', () => {
-      this.updateIsModified(true);
-    });
+    this.hostValueChangeObserver = new observer.Observer(this.isCurrentTarget.bind(this), () => this.updateIsModified(true));
+    changeManager.ChangeManager.register(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, this.hostValueChangeObserver);
+  }
+  /**
+   * The function checks if the host of the input matches the host of the current target.
+   *
+   * @param {NotifyObserverPayload<unknown>} input - The `input` parameter is of type `NotifyObserverPayload<unknown>`.
+   * @returns {boolean} a boolean value, which indicates whether the `host` property of the current object is
+   * equal to the `host` property of the `input` object.
+   */
+  isCurrentTarget(input) {
+    return this.host === input.host;
   }
   /**
    * It resets the form field's status and then validates the form field with the current value
@@ -569,7 +611,7 @@ class FormFieldController {
    */
   initFormResetObserver() {
     this.formResetTriggeredObserver = new observer.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
-    changeManager.ChangeManager.register(changeManager.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
+    changeManager.ChangeManager.register(staticSubjectTitle.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
   }
   /**
    * "If the host element's autoValidation property is not false, then return true."
@@ -601,7 +643,7 @@ class FormFieldController {
     this.host.addEventListener('keydown', 
     /* istanbul ignore next */ (event) => {
       if (this.canSubmitFormByEvent(event)) {
-        changeManager.ChangeManager.notify(changeManager.FORM_SUBMIT, {
+        changeManager.ChangeManager.notify(staticSubjectTitle.FORM_SUBMIT, {
           host: this.host,
         });
       }
@@ -631,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;
@@ -669,13 +711,13 @@ class FieldErrorControllerSlimmer extends vegaSlimmer.VegaSlimmer {
    */
   handleComponentWillLoadByFieldErrorSlimmer() {
     this.fieldErrorMessageChangeObserver = new observer.Observer(this.canAcceptFieldErrorMessageUpdate.bind(this), this.handleFieldErrorMessageUpdate);
-    changeManager.ChangeManager.register(changeManager.FIELD_ERROR_MESSAGE_CHANGE, this.fieldErrorMessageChangeObserver);
+    changeManager.ChangeManager.register(staticSubjectTitle.FIELD_ERROR_MESSAGE_CHANGE, this.fieldErrorMessageChangeObserver);
   }
   /**
    * unregister the observer when the slimmer method called
    */
   handleUnregisterObserver() {
-    changeManager.ChangeManager.unregister(changeManager.FIELD_ERROR_MESSAGE_CHANGE, this.fieldErrorMessageChangeObserver);
+    changeManager.ChangeManager.unregister(staticSubjectTitle.FIELD_ERROR_MESSAGE_CHANGE, this.fieldErrorMessageChangeObserver);
   }
   /**
    * The function checks if the host element is the parent of the field box.
@@ -692,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);
@@ -731,6 +848,7 @@ class FormFieldControllerSlimmer extends vegaSlimmer.VegaSlimmer {
   constructor(options) {
     super();
     this.fieldErrorSlimmer = new FieldErrorControllerSlimmer();
+    this.formFieldValidInvokeSlimmer = new FormFieldValidInvokeSlimmer();
     this.options = options;
   }
   /**
@@ -751,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
    */
@@ -791,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({
@@ -801,7 +907,7 @@ class FormFieldControllerSlimmer extends vegaSlimmer.VegaSlimmer {
         callback: (isValid) => {
           if (this.isValid != isValid) {
             this.isValid = isValid;
-            this.vegaValidate && this.vegaValidate.emit(isValid);
+            changeManager.ChangeManager.notify(staticSubjectTitle.FORM_ELEMENT_VALIDATE, { host: this.host, detail: isValid });
           }
         },
       });
@@ -891,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);
@@ -917,3 +1020,4 @@ __decorate([
 ], FormFieldControllerSlimmer.prototype, "setInjectFormFieldHelper", null);
 
 exports.FormFieldControllerSlimmer = FormFieldControllerSlimmer;
+exports.VegaInternalValid = VegaInternalValid;

package/dist/cjs/iconManager-a9c2209d.js

@@ -0,0 +1,43 @@
+'use strict';
+
+/**
+ * Internal icon manager controller.
+ */
+class IconManager {
+  constructor() {
+    this.icons = new Map();
+  }
+  /**
+   * Registers the icons into the map.
+   *
+   * @param {Record<string, string>} icons - icon records
+   */
+  register(icons) {
+    for (const key in icons) {
+      if (!this.icons.has(key)) {
+        this.icons.set(key, icons[key]);
+      }
+    }
+  }
+  /**
+   * Get an internal icon by name
+   *
+   * @param {string} name - The name of the icon
+   * @returns {Nullable<string>} returns the icon svg or null if not found
+   */
+  getIcon(name) {
+    return this.icons.get(name);
+  }
+  /**
+   *  Check if the icon manager has an icon by name
+   *
+   * @param {string} name - The name of the icon
+   * @returns {boolean} returns true if the icon exists
+   */
+  hasIcon(name) {
+    return this.icons.has(name);
+  }
+}
+const VegaIconManager = new IconManager();
+
+exports.VegaIconManager = VegaIconManager;