@heartlandone/vega 2.64.0 → 2.65.0

package/dist/collection/components/vega-form/vega-form.js

@@ -5,27 +5,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { Component, Host, h, Element, Method, Prop, Watch, Event } from '@stencil/core';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import ChangeManager from '../../helpers/change-manager/change-manager';
-import { Observer } from '../../helpers/change-manager/observer/observer';
-import { FORM_FIELD_ELEMENT_DISCONNECTED, FORM_RESET_OPERATION_TRIGGERED, FORM_SUBMIT, FORM_RESET, FORM_FIELD_PENDING_VALID_CHANGE, FORM_ELEMENT_VALUE_CHANGE, FORM_ELEMENT_VALIDATE, } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
-import { isObjectArrayLike } from '../../utils/array';
+import { FORM_ELEMENT_VALIDATE } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { sanitizeVegaComponent } from '../../utils/component';
-import { isElementVisible, findParent, isParent } from '../../utils/ui';
-import { ImmutableMap } from '../../helpers/immutable/immutable-map';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaFormReset, VegaFormSubmit, VegaValidate, } from '../../helpers/event-manager/event-id/vega-event-id';
-import { ChildNodesNotifyObserverSlimmer, } from '../../helpers/event-manager/slimmers/child-nodes-notify-observer-slimmer';
-import domNodeSubjectFactory from '../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInternalValid } from '../../helpers/event-manager/event-id/vega-internal-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
 import { VegaFormNestStateController } from './slimmers/controllers/vega-form-nest-state-controller';
 import { VegaFormFieldValidationStateController } from './slimmers/controllers/vega-form-field-validation-state-controller';
 import { NativeFormRenderer } from './slimmers/renderers/native-form-renderer';
-import { tryGetDocument } from '../../utils/try-get-document';
+import { VegaFormSubmitController } from './slimmers/controllers/vega-form-submit-controller';
+import { VegaFormFieldController } from './slimmers/controllers/vega-form-field-controller';
+import { VegaFormResetController } from './slimmers/controllers/vega-form-reset-controller';
 /**
  * @vegaVersion 1.3.0
  */
@@ -47,21 +41,12 @@ export class VegaForm {
         e.stopPropagation();
       },
     });
-    this.childNotifyObserver = new ChildNodesNotifyObserverSlimmer(FORM_ELEMENT_VALIDATE, (input) => this.updateInternalValidStatus(input));
-    this.childNodeValueChangeObserver = new ChildNodesNotifyObserverSlimmer(FORM_ELEMENT_VALUE_CHANGE, () => this.updateInternalTouchedStatus());
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.vegaFormFieldValidationStateController = new VegaFormFieldValidationStateController();
     this.nativeFormRenderer = new NativeFormRenderer();
-    this.invalidFieldPathMap = new ImmutableMap(new Map(), (newMap) => {
-      this.invalidFieldPathMap = newMap;
-      this.updateIsValidFlag();
-    });
-    // The form field element pending async valid map
-    this.pendingValidFieldPathMap = new ImmutableMap(new Map(), (newMap) => {
-      this.pendingValidFieldPathMap = newMap;
-      this.updateIsValidFlag();
-    });
-    this.controlledFieldPathSet = new Set();
+    this.vegaFormSubmitController = new VegaFormSubmitController();
+    this.vegaFormResetController = new VegaFormResetController();
+    this.vegaFormFieldController = new VegaFormFieldController();
     /**
      * Indicates whether the current form-controlled elements are valid.
      *
@@ -98,6 +83,7 @@ export class VegaForm {
      *
      * @vegaVersion 1.3.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isTouched = false;
     /**
      * Specifies whether form validation should be disabled on blur events of form elements.
@@ -124,28 +110,6 @@ export class VegaForm {
      * @vegaVersion 2.64.0
      */
     this.method = 'get';
-    /**
-     * If the element is valid, remove it from the set of
-     *    invalid elements. If the element is invalid,
-     *    add it to the set of invalid elements.
-     *
-     * @param {NotifyObserverPayload<boolean>} payload - CustomEvent<boolean> the vegaValidate subject notify from child elements
-     */
-    this.updateInternalValidStatus = (payload) => {
-      if (payload.host !== this.host) {
-        const target = payload.host;
-        const isElementValid = payload.detail;
-        if (FormFieldControllerSlimmer.isValidFormField(target) &&
-          this.shouldVisitElement(target, false, false)) {
-          if (isElementValid) {
-            this.invalidFieldPathMap.delete(target);
-          }
-          else {
-            this.invalidFieldPathMap.set(target, target.dataset['vegaForm']);
-          }
-        }
-      }
-    };
   }
   watchIsValid() {
     this.validateEventEmitter.emit(this.isValid);
@@ -154,28 +118,6 @@ export class VegaForm {
   watchDisableBlurValidation() {
     methodPlaceholder();
   }
-  /**
-   * When the vegaForm is deleted, it is necessary to notify
-   *    the parent's vegaForm to update its isValid status.
-   */
-  async disconnectedCallback() {
-    ChangeManager.notify(FORM_FIELD_ELEMENT_DISCONNECTED, {
-      host: this.host,
-    });
-    ChangeManager.unregister(FORM_FIELD_ELEMENT_DISCONNECTED, this.formFieldDisconnectedObserver);
-    ChangeManager.unregister(FORM_FIELD_PENDING_VALID_CHANGE, this.formFieldPendingValidObserver);
-  }
-  async componentDidLoad() {
-    await this.navigateVegaFormChildren(async (element, isForm) => {
-      if (!isForm) {
-        this.controlledFieldPathSet.add(this.getFormFieldName(element, true));
-      }
-    });
-    this.initFormFieldDisconnectedObserver();
-    this.registerFormSubmitChangeManager();
-    this.registerFormResetChangeManager();
-    this.registerFormFieldPendingValidChangeManager();
-  }
   /**
    * Invoke this method asynchronously to retrieve the validation result for
    *    all the vega field elements nested within the `vega-form`.
@@ -188,29 +130,7 @@ export class VegaForm {
    * @vegaVersion 1.3.0
    */
   async valid(showError = true) {
-    const result = { isValid: true, invalidFields: [] };
-    await this.navigateVegaFormChildren(async (element, isForm) => {
-      if (typeof element['valid'] === 'function' && isForm) {
-        const nestedFormValidationResult = await element.valid(showError);
-        if (!nestedFormValidationResult.isValid) {
-          result.isValid = false;
-          result.invalidFields.push(...nestedFormValidationResult.invalidFields);
-          result.invalidFieldsErrorMessages = Object.assign(Object.assign({}, result.invalidFieldsErrorMessages), nestedFormValidationResult.invalidFieldsErrorMessages);
-        }
-      }
-      else {
-        const { isValid, message } = await this.handleChildFormFieldElementValid(element, showError);
-        if (!isValid) {
-          result.isValid = false;
-          result.invalidFields.push(this.getFormFieldName(element));
-          if (!result.invalidFieldsErrorMessages) {
-            result.invalidFieldsErrorMessages = {};
-          }
-          result.invalidFieldsErrorMessages[this.getFormFieldName(element)] = message;
-        }
-      }
-    });
-    return result;
+    return methodPlaceholder(showError);
   }
   /**
    * Invoke this method asynchronously to retrieve the values for
@@ -221,17 +141,7 @@ export class VegaForm {
    * @vegaVersion 1.3.0
    */
   async getValue(option) {
-    const result = {};
-    await this.navigateVegaFormChildren(async (element, isForm) => {
-      const formFieldName = this.getFormFieldName(element);
-      if (isForm) {
-        result[formFieldName] = await element.getValue(option);
-      }
-      else {
-        result[formFieldName] = VegaForm.getFormFieldValue(element);
-      }
-    }, option);
-    return (isObjectArrayLike(result) ? Object.values(result) : result);
+    return methodPlaceholder(option);
   }
   /**
    * Invoke this method to prefill the `vega-form` with the given value.
@@ -243,24 +153,7 @@ export class VegaForm {
    * @vegaVersion 1.3.0
    */
   async setValue(value, option) {
-    if (value) {
-      await this.navigateVegaFormChildren(async (element, isForm) => {
-        const formFieldName = this.getFormFieldName(element);
-        if (isForm) {
-          await element.setValue(value[formFieldName], option);
-        }
-        else {
-          await element.componentOnReady(); // Link issue https://gethired.atlassian.net/browse/GHUI-385
-          if (value[formFieldName] !== undefined) {
-            // If element have setValue method, we will directly call this method, otherwise we set the value to value property.
-            typeof element['setValue'] === 'function'
-              ? await element['setValue'](value[formFieldName])
-              : (element['value'] = value[formFieldName]);
-          }
-        }
-      }, option);
-      this.isTouched = false;
-    }
+    methodPlaceholder(value, option);
   }
   /**
    * Invoke this method to reset the vega field elements in the form to
@@ -273,18 +166,7 @@ export class VegaForm {
    * @vegaVersion 1.3.0
    */
   async reset(defaultValueMap = {}, option) {
-    await this.navigateVegaFormChildren(async (element, isForm) => {
-      const formFieldName = this.getFormFieldName(element);
-      if (isForm) {
-        await element.reset(defaultValueMap[formFieldName] || {}, option);
-      }
-    }, option);
-    ChangeManager.notify(FORM_RESET_OPERATION_TRIGGERED, {
-      host: this.host,
-      defaultValueMap,
-      option,
-    });
-    this.isTouched = false;
+    methodPlaceholder(defaultValueMap, option);
   }
   /**
    * Invoke this method to set validation states on specific form fields.
@@ -296,209 +178,9 @@ export class VegaForm {
   async setValidationStates(states) {
     methodPlaceholder(states);
   }
-  static getFormFieldValue(element) {
-    return typeof element['value'] === 'undefined'
-      ? // use element.getAttribute since the value property is not available in unit testing
-        element.getAttribute('value')
-      : element['value'];
-  }
   render() {
     return sanitizeVegaComponent(h(Host, null, this.useNativeForm ? this.nativeFormRenderer.render() : h("slot", null)), this.host);
   }
-  /**
-   * If the value of any child elements have changed,
-   *    make 'isTouched' prop as false.
-   */
-  updateInternalTouchedStatus() {
-    this.isTouched = true;
-  }
-  /**
-   * Navigate the immediate child node under current vega form element with the following strategy
-   *  - if a matched vega field element found, will pass it to the visitor method passed in
-   *  - if a non-matched node found, it will call itself recursively and pass the node as the second parameter
-   * Once the navigation is finished, it will wait for all the pending visitor/self-invocation promise finished before return
-   *
-   * @param visitor async callback method that will be invoked if a matched vega field element found
-   * @param {FormControlOption} [option] form control option to skip disabled/invisible components
-   * @param [startElementNode] element node that the navigation will be started from, default is the current host element
-   * @return {Promise<void>} return void wrapped with promise to notify the navigation is done
-   */
-  async navigateVegaFormChildren(visitor, option, startElementNode = this.host) {
-    const promiseQueue = [];
-    Array.from(startElementNode.children).forEach((child) => {
-      if (FormFieldControllerSlimmer.isValidFormField(child)) {
-        if (this.shouldVisitElement(child, option === null || option === void 0 ? void 0 : option.skipDisabled, option === null || option === void 0 ? void 0 : option.skipInvisible)) {
-          promiseQueue.push(visitor(child, child.tagName === 'VEGA-FORM'));
-        }
-      }
-      else {
-        promiseQueue.push(this.navigateVegaFormChildren(visitor, option, child));
-      }
-    });
-    await Promise.all(promiseQueue);
-  }
-  /**
-   * Update the {@link isValid} property value based on the size of {@link invalidFieldPathSet}
-   * If the number of invalid elements is zero, then the form is valid.
-   */
-  updateIsValidFlag() {
-    this.isValid = this.pendingValidFieldPathMap.size > 0 ? null : this.invalidFieldPathMap.size === 0;
-  }
-  /**
-   * It returns the value of data-vega-form that the given element is associated with, if child HTMLElements share the same data-vega-form property name
-   * in the same vega-form, then includePath has to be set to be true to get a complete path to avoid the confusion of isValid checking.
-   *
-   * @param {HTMLElement} element - The element that is being validated.
-   * @param {boolean} [includePath] - If true, the field name will include the path to the field. For
-   * example, if the field is in a vega-form with the name "address", the field name will be "address ->
-   * street".
-   * @returns The name of the field.
-   */
-  getFormFieldName(element, includePath) {
-    let fieldName = element.dataset['vegaForm'];
-    if (includePath) {
-      let currentVegaForm = findParent(element, 'vega-form');
-      /**
-       * The below method is e2e-test covered in
-       * @see {module:nested-vega-form-isValid-should-be-as-expected-when-value-changed}
-       */
-      /* istanbul ignore next */
-      while (currentVegaForm && currentVegaForm !== this.host) {
-        fieldName = currentVegaForm.dataset['vegaForm'] + ' -> ' + fieldName;
-        currentVegaForm = findParent(currentVegaForm, 'vega-form');
-      }
-    }
-    return fieldName;
-  }
-  /**
-   * Return true if the HTMLElement has data-vega-form property and it's not disabled and not invisible if these two properties have to be checked.
-   *
-   * @param {HTMLElement} element - The HTMLElement to check.
-   * @param {boolean} skipDisabled - If true, then disabled form fields will be skipped.
-   * @param {boolean} skipInvisible - If true, only visible elements will be visited.
-   * @returns a boolean value.
-   */
-  shouldVisitElement(element, skipDisabled, skipInvisible) {
-    return (this.getFormFieldName(element) &&
-      (!skipDisabled || !element['disabled']) &&
-      (!skipInvisible || isElementVisible(element)));
-  }
-  /**
-   * This function registers an observer with the ChangeManager that will be notified when a element
-   * delete operation is triggered
-   */
-  initFormFieldDisconnectedObserver() {
-    this.formFieldDisconnectedObserver = new Observer(this.canAcceptFormFieldDisconnectedOperation.bind(this), this.updateInvalidFieldPath.bind(this));
-    ChangeManager.register(FORM_FIELD_ELEMENT_DISCONNECTED, this.formFieldDisconnectedObserver);
-  }
-  /**
-   * If the deleted element is a child or grandchild of current vegaForm, the isValid of all these vegaForms will be updated.
-   *
-   * @param {DisconnectedElementOperationPayload} payload -  the delete element and vegaForm array.
-   * @returns {boolean} A boolean value.
-   */
-  canAcceptFormFieldDisconnectedOperation(payload) {
-    return this.invalidFieldPathMap.has(payload.host);
-  }
-  /**
-   * Get the fieldName of the deleted element in the current vegaForm, delete it from the invalidFieldPathSet array, and update isValid at the same time.
-   */
-  async updateInvalidFieldPath(payload) {
-    this.invalidFieldPathMap.delete(payload.host);
-    this.pendingValidFieldPathMap.delete(payload.host);
-  }
-  registerFormSubmitChangeManager() {
-    this.formEventsObserver = new Observer(this.canAcceptFormSubmitEvent.bind(this), this.handleSubmitEvents.bind(this));
-    ChangeManager.register(FORM_SUBMIT, this.formEventsObserver);
-  }
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-form-field-enter-to-submit-e2e}
-   */
-  /* istanbul ignore next */
-  canAcceptFormSubmitEvent(payload) {
-    return this.isElementInCurrentForm(payload.host);
-  }
-  async handleSubmitEvents() {
-    const valid = await this.valid();
-    if (valid.isValid) {
-      const formValue = await this.getValue();
-      const submitEvent = this.submitEventEmitter.emit(formValue);
-      if (!submitEvent.defaultPrevented) {
-        await this.submitWithFormData();
-      }
-    }
-  }
-  /**
-   * Submits the form using native HTML form submission with all current field values.
-   *
-   * This method collects all form field values, creates hidden input elements for each field,
-   * appends them to a container inside the native form, and then triggers the native
-   * `requestSubmit()` method to submit the form.
-   *
-   * The method ensures that the form data is available in the native form for submission,
-   * which is useful when `useNativeForm` is enabled.
-   *
-   * @returns {Promise<void>} Resolves when the form submission process is complete.
-   */
-  async submitWithFormData() {
-    if (!this.useNativeForm)
-      return;
-    const data = await this.getValue();
-    for (const dataKey in data) {
-      const hiddenInput = tryGetDocument().createElement('input');
-      hiddenInput.type = 'hidden';
-      hiddenInput.name = dataKey;
-      hiddenInput.value = data[dataKey];
-      this.nativeFormRenderer.getNativeFormRef().append(hiddenInput);
-    }
-    this.nativeFormRenderer.getNativeFormRef().requestSubmit();
-  }
-  registerFormResetChangeManager() {
-    this.formEventsObserver = new Observer(this.canAcceptFormResetEvent.bind(this), this.handleResetEvents.bind(this));
-    ChangeManager.register(FORM_RESET, this.formEventsObserver);
-  }
-  canAcceptFormResetEvent(payload) {
-    return this.isElementInCurrentForm(payload.host);
-  }
-  async handleResetEvents() {
-    await this.reset();
-    this.resetEventEmitter.emit();
-  }
-  registerFormFieldPendingValidChangeManager() {
-    this.formFieldPendingValidObserver = new Observer(this.canAcceptFormFieldPendingValid.bind(this), this.handleFieldPendingValid.bind(this));
-    ChangeManager.register(FORM_FIELD_PENDING_VALID_CHANGE, this.formFieldPendingValidObserver);
-  }
-  canAcceptFormFieldPendingValid(payload) {
-    return this.isElementInCurrentForm(payload.host);
-  }
-  handleFieldPendingValid(payload) {
-    if (typeof payload.detail === 'boolean') {
-      this.pendingValidFieldPathMap.delete(payload.host);
-    }
-    else {
-      this.pendingValidFieldPathMap.set(payload.host, payload.host.dataset['vegaForm']);
-    }
-  }
-  isElementInCurrentForm(element) {
-    return this.invalidFieldPathMap.has(element) || isParent(element, this.host);
-  }
-  async handleChildFormFieldElementValid(element, showError) {
-    const subject = domNodeSubjectFactory.getSubject(element, VegaInternalValid);
-    const { isValid, message } = await new Promise((resolve) => {
-      //This setTimeout method here to avoid the dom node subject observer not existing and blocks the promise status
-      const timerId = setTimeout(() => {
-        resolve({ isValid: true, message: '' });
-      }, 2000);
-      ChangeManager.notify(subject, {
-        host: element,
-        message: showError,
-        promiseResolve: resolve,
-        timerId,
-      });
-    });
-    return { isValid, message };
-  }
   static get is() { return "vega-form"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
@@ -770,16 +452,6 @@ export class VegaForm {
           "FormValidateResult": {
             "location": "import",
             "path": "./types"
-          },
-          "HTMLElement": {
-            "location": "global"
-          },
-          "HTMLVegaFormElement": {
-            "location": "global"
-          },
-          "EvaluateResultBase": {
-            "location": "import",
-            "path": "../../helpers/validator/rules/validation-rule"
           }
         },
         "return": "Promise<FormValidateResult>"
@@ -818,15 +490,6 @@ export class VegaForm {
           "FormControlOption": {
             "location": "import",
             "path": "./types"
-          },
-          "Record": {
-            "location": "global"
-          },
-          "HTMLElement": {
-            "location": "global"
-          },
-          "HTMLVegaFormElement": {
-            "location": "global"
           }
         },
         "return": "Promise<T>"
@@ -871,12 +534,6 @@ export class VegaForm {
           "FormControlOption": {
             "location": "import",
             "path": "./types"
-          },
-          "HTMLElement": {
-            "location": "global"
-          },
-          "HTMLVegaFormElement": {
-            "location": "global"
           }
         },
         "return": "Promise<void>"
@@ -918,12 +575,6 @@ export class VegaForm {
           "FormControlOption": {
             "location": "import",
             "path": "./types"
-          },
-          "HTMLElement": {
-            "location": "global"
-          },
-          "HTMLVegaFormElement": {
-            "location": "global"
           }
         },
         "return": "Promise<void>"
@@ -1010,16 +661,19 @@ __decorate([
 ], VegaForm.prototype, "childFormValidateEventPrevent", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaForm.prototype, "childNotifyObserver", void 0);
+], VegaForm.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaForm.prototype, "vegaFormFieldValidationStateController", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaForm.prototype, "childNodeValueChangeObserver", void 0);
+], VegaForm.prototype, "nativeFormRenderer", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaForm.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+], VegaForm.prototype, "vegaFormSubmitController", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaForm.prototype, "vegaFormFieldValidationStateController", void 0);
+], VegaForm.prototype, "vegaFormResetController", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaForm.prototype, "nativeFormRenderer", void 0);
+], VegaForm.prototype, "vegaFormFieldController", void 0);

package/dist/collection/components/vega-modal/vega-modal.css

@@ -2565,7 +2565,7 @@
 
 .vega-modal-header {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   flex-direction: row;
   gap: 8px;
   padding-bottom: 0px;
@@ -2627,6 +2627,9 @@
 .vega-modal-close-btn {
   cursor: pointer;
 }
+.vega-modal-close-btn vega-icon {
+  display: block;
+}
 
 .vega-modal-content {
   padding-top: 0px;

package/dist/collection/components/vega-nav/slimmers/vega-nav-observer-slimmer.js

@@ -5,7 +5,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { VegaSlimmer, MapToComponentMethod } from 'vega-slimmer/core';
-import { LEFT_NAV_LINK_SELECTED_TOPIC } from '../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import { Observer } from '../../../helpers/change-manager/observer/observer';
 import ChangeManager from '../../../helpers/change-manager/change-manager';
 import { findParent } from '../../../utils/ui';
@@ -23,14 +22,20 @@ export class VegaNavObserverSlimmer extends VegaSlimmer {
    * Unregister the observer with subject of LEFT_NAV_LINK_SELECTED_TOPIC.
    */
   disconnectedCallback() {
-    ChangeManager.unregister(LEFT_NAV_LINK_SELECTED_TOPIC, this.observer);
+    const subject = this.getObserverSubject();
+    if (subject) {
+      ChangeManager.unregister(subject, this.observer);
+    }
   }
   /**
    * The function creates an observer to observe the subject of LEFT_NAV_LINK_SELECTED_TOPIC.
    */
   componentWillLoad() {
     this.observer = new Observer(this.isAcceptableNavListObserver.bind(this), this.observerListener.bind(this));
-    ChangeManager.register(LEFT_NAV_LINK_SELECTED_TOPIC, this.observer);
+    const subject = this.getObserverSubject();
+    if (subject) {
+      ChangeManager.register(subject, this.observer);
+    }
   }
   /**
    * The function checks if the input is an HTMLElement and if it has the same parent element with the host element.

package/dist/collection/components/vega-nav/vega-left-nav-link/slimmers/controllers/vega-left-nav-link-controller.js

@@ -5,11 +5,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
-import { LEFT_NAV_LINK_SELECTED_TOPIC } from '../../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 import ChangeManager from '../../../../../helpers/change-manager/change-manager';
 import { VegaNavObserverSlimmer } from '../../../slimmers/vega-nav-observer-slimmer';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInternalInitializeLeftNavLinkSelected } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaInternalInitializeLeftNavLinkSelected, VegaInternalLeftNavLinkSelectedTopic, } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 export class VegaLeftNavLinkController extends VegaNavObserverSlimmer {
   /**
    * When selected is true during initialization, the VegaInternalInitializeLeftNavLinkSelected observer needs to be notified
@@ -26,7 +25,10 @@ export class VegaLeftNavLinkController extends VegaNavObserverSlimmer {
   }
   componentDidRender() {
     if (this.selected) {
-      ChangeManager.notify(LEFT_NAV_LINK_SELECTED_TOPIC, this.host);
+      const subject = this.getObserverSubject();
+      if (subject) {
+        ChangeManager.notify(subject, this.host);
+      }
     }
   }
   /**
@@ -35,7 +37,9 @@ export class VegaLeftNavLinkController extends VegaNavObserverSlimmer {
    */
   /* istanbul ignore next */
   setSelected(selected) {
-    this.selected = selected;
+    if (!this.customSelectionEnabled) {
+      this.selected = selected;
+    }
   }
   /**
    * The below method is e2e-test covered in
@@ -47,6 +51,16 @@ export class VegaLeftNavLinkController extends VegaNavObserverSlimmer {
       this.setSelected(false);
     }
   }
+  /**
+   * Returns the dom node subject for selection observer registration.
+   * The subject is scoped to the top parent nav container for this link.
+   */
+  getObserverSubject() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    return topParent
+      ? domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavLinkSelectedTopic)
+      : null;
+  }
 }
 __decorate([
   MapToComponentField()
@@ -54,6 +68,9 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaLeftNavLinkController.prototype, "selected", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavLinkController.prototype, "customSelectionEnabled", void 0);
 __decorate([
   MapToComponentField()
 ], VegaLeftNavLinkController.prototype, "vegaLeftNavHierarchyController", void 0);

package/dist/collection/helpers/calendar/calendar-date.js

@@ -1,4 +1,5 @@
 import { VegaInternalTranslation } from '../translation';
+import { getCurrentDatePartsInTimezone, getSystemTimezone } from './utils';
 /**
  * Calendar date class
  */
@@ -11,11 +12,13 @@ export class CalendarDate {
   /**
    * Create a calendar date from a Date object
    *
-   * @param {Date} date - The Date object
+   * @param {Date} currentDate - The Date object to create CalendarDate from
+   * @param {string} timezone - Timezone identifier for timezone-aware date creation. If not provided, uses system timezone.
    * @returns {CalendarDate} - Return a CalendarDate object
    */
-  static from(date) {
-    return new CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate());
+  static from(currentDate, timezone = getSystemTimezone()) {
+    const { year, month, date } = getCurrentDatePartsInTimezone(timezone, currentDate);
+    return new CalendarDate(year, month, date);
   }
   /**
    * The year of the calendar date
@@ -53,13 +56,12 @@ export class CalendarDate {
   /**
    * Verify whether the calendar date is today
    *
+   * @param {string} timezone - Timezone to consider when checking today's date. If not provided, uses system timezone.
    * @returns {boolean} - Return true if the calendar date is today. Otherwise, return false.
    */
-  isToday() {
-    const today = new Date();
-    return (today.getFullYear() === this.year &&
-      today.getMonth() + 1 === this.month &&
-      today.getDate() === this.date);
+  isToday(timezone = getSystemTimezone()) {
+    const { year, month, date } = getCurrentDatePartsInTimezone(timezone, new Date());
+    return year === this.year && month === this.month && date === this.date;
   }
   /**
    * Convert the calendar date to a Date object