@heartlandone/vega 2.11.0 → 2.11.2

package/dist/cjs/{app-globals-7ce7092d.js → app-globals-817e4377.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const featureFlagController = require('./featureFlagController-60d7887b.js');
-const index = require('./index-1bc55701.js');
+const index = require('./index-4b339aac.js');
 const log = require('./log-5d8066e0.js');
 const vegaDialogController = require('./vegaDialogController-756ed849.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');

package/dist/cjs/{formFieldControllerSlimmer-5e224788.js → formFieldControllerSlimmer-f5590c16.js}

@@ -6,12 +6,13 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const string = require('./string-21427167.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-dbd5c9c9.js');
-const staticSubjectTitle = require('./staticSubjectTitle-cb99ff04.js');
+const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const ui = require('./ui-c09906a8.js');
 const misc = require('./misc-0197689b.js');
 const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
-const vegaInternalEventId = require('./vegaInternalEventId-7b2d4678.js');
+const vegaInternalEventId = require('./vegaInternalEventId-b27735af.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-bcef37af.js');
+const mutationObserverFilters = require('./mutationObserverFilters-f5b85e46.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {
@@ -762,7 +763,7 @@ __decorate$2([
   mapToComponentMethod.MapToComponentMethod('setInjectFormFieldHelper')
 ], FieldErrorControllerSlimmer.prototype, "handleComponentWillLoadByFieldErrorSlimmer", null);
 __decorate$2([
-  mapToComponentMethod.MapToComponentMethod('destroy')
+  mapToComponentMethod.MapToComponentMethod('disconnectedCallback')
 ], FieldErrorControllerSlimmer.prototype, "handleUnregisterObserver", null);
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -815,7 +816,7 @@ __decorate$1([
   mapToComponentMethod.MapToComponentMethod('setInjectFormFieldHelper')
 ], FormFieldValidInvokeSlimmer.prototype, "registerValidInvocationObserver", null);
 __decorate$1([
-  mapToComponentMethod.MapToComponentMethod('destroy')
+  mapToComponentMethod.MapToComponentMethod('disconnectedCallback')
 ], FormFieldValidInvokeSlimmer.prototype, "handleUnregisterObserver", null);
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -842,51 +843,54 @@ class FormFieldControllerSlimmer extends vegaSlimmer.VegaSlimmer {
     super();
     this.fieldErrorSlimmer = new FieldErrorControllerSlimmer();
     this.formFieldValidInvokeSlimmer = new FormFieldValidInvokeSlimmer();
+    this.mutationObserverCallBack = () => {
+      if (this.validator) {
+        this.setDefaultRules();
+        this.internalValidate();
+      }
+    };
     this.options = options;
-  }
-  /**
-   * "If the element exists and has a data-vega-form attribute, return true, otherwise return false."
-   * The function isValidFormField() is used to determine if an element is a form field
-   *
-   * @param {HTMLElement} element - The element to check.
-   * @returns {boolean} A function that takes an element and returns a boolean.
-   */
-  static isValidFormField(element) {
-    return element && Boolean(element.getAttribute('data-vega-form'));
-  }
-  /**
-   * watch the prop validationRules and call the valid method
-   * some components has not a prop validationRules
-   */
-  watchValidationRulesByFormControllerSlimmer() {
-    this.setAdditionalRules();
-    this.internalValidate();
+    this.setMutationObserverSlimmer();
   }
   /**
    * listen the attributes change when connectedCallback method call
    */
-  initialFormFieldHelper() {
+  connectedCallback() {
     if (this.validator === null) {
       this.setInjectFormFieldHelper();
-      this.observeDefaultRuleAttributes();
     }
   }
   /**
    * It destroys the validator and disconnects the observer
    */
-  destroy() {
+  disconnectedCallback() {
     if (this.validator) {
       this.validator.destroy();
-      this.formFieldAttributesObserver.disconnect();
       this.validator = null;
-      this.formFieldAttributesObserver = null;
     }
   }
   /**
    * listen the attributes change when componentDidLoad method call
    */
-  createRuleObserve() {
-    this.observeDefaultRuleAttributes();
+  componentDidLoad() {
+  }
+  /**
+   * "If the element exists and has a data-vega-form attribute, return true, otherwise return false."
+   * The function isValidFormField() is used to determine if an element is a form field
+   *
+   * @param {HTMLElement} element - The element to check.
+   * @returns {boolean} A function that takes an element and returns a boolean.
+   */
+  static isValidFormField(element) {
+    return element && Boolean(element.getAttribute('data-vega-form'));
+  }
+  /**
+   * watch the prop validationRules and call the valid method
+   * some components has not a prop validationRules
+   */
+  watchValidationRulesByFormControllerSlimmer() {
+    this.setAdditionalRules();
+    this.internalValidate();
   }
   /**
    * inject form file help when componentWillLoad method call
@@ -908,22 +912,6 @@ class FormFieldControllerSlimmer extends vegaSlimmer.VegaSlimmer {
       this.setAdditionalRules();
     }
   }
-  /**
-   * It sets up an observer that watches for changes to the attributes of the form field element
-   * attributes: required, min, max...
-   */
-  observeDefaultRuleAttributes() {
-    if (this.validator) {
-      this.formFieldAttributesObserver || (this.formFieldAttributesObserver = new MutationObserver(async () => {
-        this.setDefaultRules();
-        this.internalValidate();
-      }));
-      const watchProperties = this.options.propertyRules.map((rule) => string.camelToDashCase(rule.propertyName));
-      this.formFieldAttributesObserver.observe(this.host, {
-        attributeFilter: watchProperties,
-      });
-    }
-  }
   /**
    * It sets the additional rules on the validator
    */
@@ -974,6 +962,16 @@ class FormFieldControllerSlimmer extends vegaSlimmer.VegaSlimmer {
       void this.validator.validate();
     }
   }
+  setMutationObserverSlimmer() {
+    this.mutationObserverSlimmer = new mutationObserverFilters.MutationObserverSlimmer({
+      options: {
+        attributeFilter: this.options.propertyRules.map((rule) => string.camelToDashCase(rule.propertyName)),
+        attributeOldValue: true,
+      },
+      mutationFilter: mutationObserverFilters.AttributeOldValueMutationFilter(),
+      callback: this.mutationObserverCallBack,
+    });
+  }
 }
 __decorate([
   vegaSlimmer.MapToComponentField()
@@ -997,17 +995,20 @@ __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], FormFieldControllerSlimmer.prototype, "formFieldValidInvokeSlimmer", void 0);
 __decorate([
-  mapToComponentMethod.MapToComponentMethod('watchValidationRules')
-], FormFieldControllerSlimmer.prototype, "watchValidationRulesByFormControllerSlimmer", null);
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], FormFieldControllerSlimmer.prototype, "mutationObserverSlimmer", void 0);
 __decorate([
   mapToComponentMethod.MapToComponentMethod('connectedCallback')
-], FormFieldControllerSlimmer.prototype, "initialFormFieldHelper", null);
+], FormFieldControllerSlimmer.prototype, "connectedCallback", null);
 __decorate([
   mapToComponentMethod.MapToComponentMethod('disconnectedCallback')
-], FormFieldControllerSlimmer.prototype, "destroy", null);
+], FormFieldControllerSlimmer.prototype, "disconnectedCallback", null);
 __decorate([
   mapToComponentMethod.MapToComponentMethod('componentDidLoad')
-], FormFieldControllerSlimmer.prototype, "createRuleObserve", null);
+], FormFieldControllerSlimmer.prototype, "componentDidLoad", null);
+__decorate([
+  mapToComponentMethod.MapToComponentMethod('watchValidationRules')
+], FormFieldControllerSlimmer.prototype, "watchValidationRulesByFormControllerSlimmer", null);
 __decorate([
   mapToComponentMethod.MapToComponentMethod('componentWillLoad')
 ], FormFieldControllerSlimmer.prototype, "setInjectFormFieldHelper", null);

package/dist/cjs/{index-1bc55701.js → index-4b339aac.js}

@@ -3078,8 +3078,8 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `"2.10.0"` will be replaced to a version string during bundling by plugin
-    this.vegaVersion = '"2.10.0"';
+    // The `"2.11.1"` will be replaced to a version string during bundling by plugin
+    this.vegaVersion = '"2.11.1"';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/index.cjs.js

@@ -10,7 +10,7 @@ const typeGuard = require('./typeGuard-b1a74545.js');
 const icons = require('./icons-dbc3eb9c.js');
 const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-077fc009.js');
-const index = require('./index-1bc55701.js');
+const index = require('./index-4b339aac.js');
 const featureFlagController = require('./featureFlagController-60d7887b.js');
 const vegaDialogController = require('./vegaDialogController-756ed849.js');
 const internalVegaEventManager = require('./internalVegaEventManager-9f71de11.js');

package/dist/cjs/loader.cjs.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
-const appGlobals = require('./app-globals-7ce7092d.js');
+const appGlobals = require('./app-globals-817e4377.js');
 require('./featureFlagController-60d7887b.js');
 require('./log-5d8066e0.js');
-require('./index-1bc55701.js');
+require('./index-4b339aac.js');
 require('./misc-0197689b.js');
 require('./ui-c09906a8.js');
 require('./zIndexManager-5ee0942f.js');
@@ -38,7 +38,7 @@ const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
   appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"vega-pagination.cjs\",[[1,\"vega-pagination\",{\"current\":[1538],\"total\":[2],\"pageSize\":[1026,\"page-size\"],\"extensions\":[16],\"pageSizeSelectorOptions\":[1040],\"pageCount\":[32]}]]],[\"vega-combo-box.cjs\",[[1,\"vega-combo-box\",{\"label\":[1],\"required\":[516],\"source\":[1040],\"value\":[1040],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"disabled\":[516],\"placeholder\":[1],\"hint\":[1],\"size\":[1],\"vegaDropdownProps\":[16],\"useDefaultFilter\":[4,\"use-default-filter\"],\"close\":[64],\"open\":[64]}]]],[\"vega-stepper.cjs\",[[1,\"vega-stepper\",{\"stepperId\":[513,\"id\"],\"max\":[514],\"min\":[514],\"value\":[1538],\"label\":[1],\"inputDisabled\":[4,\"input-disabled\"],\"disabled\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"buttonVariant\":[1,\"button-variant\"]}]]],[\"vega-color-picker.cjs\",[[1,\"vega-color-picker\",{\"value\":[1537],\"hint\":[1],\"disabled\":[516],\"required\":[516],\"label\":[1],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"colors\":[16]}]]],[\"vega-page-notification_2.cjs\",[[1,\"vega-page-notification\",{\"notificationTitle\":[1,\"title\"],\"message\":[1],\"type\":[1],\"duration\":[2],\"showCloseButton\":[4,\"show-close-button\"],\"actionButtons\":[16],\"close\":[64]}],[1,\"vega-page-notification-list\"]]],[\"vega-app-header-button.cjs\",[[1,\"vega-app-header-button\",{\"dropdown\":[16],\"size\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"avatar\":[16],\"avatarPosition\":[1,\"avatar-position\"],\"showBorder\":[4,\"show-border\"],\"showMenuArrowIcon\":[4,\"show-menu-arrow-icon\"],\"selected\":[4],\"isDropdownShow\":[32],\"currentBreakpoint\":[32]}]]],[\"vega-button-link.cjs\",[[1,\"vega-button-link\",{\"link\":[1],\"size\":[1],\"icon\":[513],\"iconType\":[1,\"icon-type\"],\"iconAlign\":[1,\"icon-align\"],\"label\":[1025],\"disabled\":[4],\"danger\":[4],\"eventful\":[4]}]]],[\"vega-input-credit-card.cjs\",[[1,\"vega-input-credit-card\",{\"required\":[1540],\"disabled\":[516],\"label\":[1],\"hint\":[1],\"size\":[1],\"placeholder\":[1],\"hideCardNumberOnBlur\":[4,\"hide-card-number-on-blur\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"],\"value\":[1537]}]]],[\"vega-item-toggle.cjs\",[[1,\"vega-item-toggle\",{\"itemToggleStatusMap\":[16],\"statusMap\":[16],\"isToggled\":[1028,\"is-toggled\"],\"toggleItemStatus\":[32]}]]],[\"vega-progress-tracker.cjs\",[[1,\"vega-progress-tracker\",{\"current\":[2],\"direction\":[1],\"steps\":[16],\"completedStepArray\":[16],\"completedSteps\":[16],\"canClickStep\":[4,\"can-click-step\"],\"nextStep\":[64],\"prevStep\":[64],\"setCurrent\":[64],\"getCurrent\":[64]}]]],[\"vega-checkbox_2.cjs\",[[1,\"vega-checkbox\",{\"identifier\":[1],\"value\":[1032],\"checked\":[1028],\"disabled\":[516],\"size\":[1],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"groupDisabled\":[32],\"showError\":[32],\"setValue\":[64]}],[1,\"vega-checkbox-group\",{\"label\":[1],\"value\":[1040],\"vegaFlexProp\":[16],\"disabled\":[516],\"required\":[516],\"hint\":[1],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16]}]]],[\"vega-textarea.cjs\",[[1,\"vega-textarea\",{\"placeholder\":[1],\"hint\":[1],\"disabled\":[516],\"label\":[1],\"showCounter\":[4,\"show-counter\"],\"value\":[1537],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"required\":[1540],\"maxLength\":[514,\"max-length\"],\"minLength\":[514,\"min-length\"],\"validationRules\":[16],\"currentCharCount\":[32]},[[0,\"input\",\"handleValueTextarea\"]]]]],[\"vega-toggle-switch.cjs\",[[1,\"vega-toggle-switch\",{\"checked\":[1540],\"size\":[1],\"label\":[1],\"disabled\":[4]}]]],[\"vega-table_8.cjs\",[[1,\"vega-table-head-cell\",{\"breakpoint\":[1],\"sorter\":[1],\"sortOrder\":[1025,\"sort-order\"],\"textAlign\":[1,\"text-align\"],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[32]}],[1,\"vega-table\",{\"columns\":[16],\"dataSource\":[1040],\"rowSelection\":[1040],\"rowExpandable\":[4,\"row-expandable\"],\"rowClickable\":[4,\"row-clickable\"],\"rowDivider\":[4,\"row-divider\"],\"columnDivider\":[4,\"column-divider\"],\"striped\":[4],\"density\":[1],\"paddingX\":[16],\"showHeader\":[4,\"show-header\"],\"pagination\":[16],\"emptyDescription\":[1,\"empty-description\"],\"rowKey\":[1,\"row-key\"],\"scrollConfig\":[16],\"selectedRowKeySet\":[32],\"expandedRowKeySet\":[32],\"currentBreakpoint\":[32],\"sortersMap\":[32],\"currentData\":[32],\"currentClickedRowKey\":[32],\"currentPage\":[32],\"pageSize\":[32],\"editingRows\":[32],\"isSelectedAll\":[32],\"openExpandRow\":[64],\"closeExpandRow\":[64],\"closeAllExpandRow\":[64],\"toggleExpandRow\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64],\"startRowEditMode\":[64],\"stopRowEditMode\":[64],\"stopAllRowEditMode\":[64],\"getRowData\":[64],\"getRowsData\":[64],\"getFormRef\":[64],\"addNewRow\":[64],\"saveEditRow\":[64],\"saveAllEditRows\":[64],\"getEditingRowsKey\":[64],\"removeRow\":[64]}],[1,\"vega-table-body\"],[1,\"vega-table-cell\",{\"textAlign\":[1,\"text-align\"],\"breakpoint\":[1],\"overflow\":[1],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[32]}],[1,\"vega-table-expand-row\",{\"rowKey\":[1,\"row-key\"],\"currentBreakpoint\":[32],\"withMultipleSelection\":[32],\"expanded\":[32],\"checked\":[32],\"colSpan\":[32]}],[1,\"vega-table-head\",{\"fixed\":[32]}],[1,\"vega-table-head-row\",{\"selectAllDisabled\":[4,\"select-all-disabled\"],\"hideSelectAll\":[4,\"hide-select-all\"],\"currentBreakpoint\":[32],\"expandable\":[32],\"selectionType\":[32],\"paddingX\":[32],\"checkedAll\":[32],\"columnDivider\":[32],\"density\":[32]}],[1,\"vega-table-row\",{\"rowKey\":[1,\"row-key\"],\"currentBreakpoint\":[32],\"clicked\":[32],\"expandable\":[32],\"clickable\":[32],\"paddingX\":[32],\"selectionType\":[32],\"checked\":[32],\"expanded\":[32],\"rowDivider\":[32],\"columnDivider\":[32],\"density\":[32]}]]],[\"vega-button-group_2.cjs\",[[1,\"vega-button-group\",{\"variant\":[1],\"size\":[1],\"iconAlign\":[1,\"icon-align\"]}],[1,\"vega-button-group-item\",{\"icon\":[1],\"label\":[1],\"iconOnly\":[4,\"icon-only\"],\"itemKey\":[1,\"item-key\"],\"dropdownProps\":[16],\"dropdownSource\":[16],\"variant\":[32],\"size\":[32],\"iconAlign\":[32]}]]],[\"vega-loader-wrapper_2.cjs\",[[1,\"vega-loading-indicator\",{\"shape\":[1],\"size\":[1],\"mode\":[1],\"percent\":[2],\"label\":[1],\"hint\":[1],\"status\":[1],\"currentBreakpoint\":[32]}],[1,\"vega-loader-wrapper\"]]],[\"vega-radio_2.cjs\",[[1,\"vega-radio-group\",{\"label\":[1],\"value\":[1537],\"name\":[1],\"vegaFlexProp\":[16],\"required\":[516],\"hint\":[1],\"isValid\":[1540,\"is-valid\"],\"disabled\":[516],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16]}],[1,\"vega-radio\",{\"value\":[1],\"name\":[1],\"checked\":[1028],\"disabled\":[4],\"size\":[1],\"groupDisabled\":[32],\"showError\":[32]}]]],[\"vega-left-nav_5.cjs\",[[1,\"vega-left-nav\",{\"open\":[1028],\"headerConfig\":[16],\"source\":[16],\"footnote\":[1],\"showAsOverlay\":[4,\"show-as-overlay\"],\"autoCollapseOnOverlay\":[4,\"auto-collapse-on-overlay\"],\"openState\":[32],\"toggle\":[64]}],[1,\"vega-left-nav-group\",{\"icon\":[1],\"label\":[1]}],[1,\"vega-left-nav-link\",{\"icon\":[1],\"selected\":[1540],\"url\":[1],\"counterBadge\":[16]}],[1,\"vega-left-nav-section\",{\"sectionHeader\":[16]}],[1,\"vega-nav-card\",{\"source\":[16],\"maxHeight\":[520,\"max-height\"],\"currentMaxHeight\":[32]}]]],[\"vega-date-picker_2.cjs\",[[1,\"vega-date-picker\",{\"mode\":[1],\"value\":[1537],\"label\":[1],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"format\":[1],\"size\":[1],\"validationRules\":[16],\"minDate\":[1537,\"min-date\"],\"maxDate\":[1537,\"max-date\"],\"placeholder\":[1],\"clearButton\":[4,\"clear-button\"],\"readOnly\":[4,\"read-only\"],\"allowRepick\":[4,\"allow-repick\"],\"dropdownConfig\":[16],\"disabled\":[516],\"doClose\":[64],\"doOpen\":[64]}],[1,\"vega-date-picker-calendar\"]]],[\"vega-popover_2.cjs\",[[1,\"vega-popover\",{\"size\":[8],\"placement\":[1],\"alignment\":[1],\"positionRelativeTo\":[1,\"position-relative-to\"],\"trigger\":[1],\"showArrow\":[4,\"show-arrow\"],\"isPopoverShow\":[32],\"show\":[64],\"hide\":[64]}],[1,\"vega-popover-content-box\",{\"showArrow\":[4,\"show-arrow\"]}]]],[\"vega-selection-tile_2.cjs\",[[1,\"vega-selection-tile\",{\"titleText\":[1,\"title\"],\"note\":[1],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[1028],\"checked\":[1028],\"selectType\":[1025,\"select-type\"],\"value\":[1],\"showError\":[32]}],[1,\"vega-selection-tile-group\",{\"label\":[1],\"hint\":[1],\"selectType\":[1,\"select-type\"],\"value\":[1025],\"layout\":[1],\"required\":[4],\"disabled\":[4],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"]}]]],[\"vega-tab-group_2.cjs\",[[1,\"vega-tab-group\",{\"selectedTabDataTarget\":[1025,\"selected-tab-data-target\"],\"gap\":[1],\"showCloseButton\":[4,\"show-close-button\"],\"tabItems\":[1040],\"positionRelativeTo\":[1,\"position-relative-to\"],\"variant\":[1],\"tabPages\":[32],\"tabWidthArray\":[32],\"currentPageIndex\":[32]}],[1,\"vega-tab-group-panel\",{\"isActive\":[4,\"is-active\"]}]]],[\"vega-time-picker_2.cjs\",[[1,\"vega-time-picker\",{\"label\":[1],\"mode\":[1],\"required\":[516],\"placeholder\":[1],\"increments\":[2],\"timeFormat\":[513,\"time-format\"],\"value\":[1537],\"size\":[1],\"disabled\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"positionRelativeTo\":[1,\"position-relative-to\"],\"dropdownSource\":[32],\"isDropdownShow\":[32],\"selectedTimeValue\":[32]}],[1,\"vega-time-picker-dropdown\"]]],[\"vega-accordion.cjs\",[[1,\"vega-accordion\",{\"drawsBackground\":[4,\"draws-background\"],\"prefixIcon\":[1,\"prefix-icon\"],\"accordionTitle\":[1,\"accordion-title\"],\"expandIconAlign\":[1,\"expand-icon-align\"],\"expand\":[1028],\"iconPosition\":[1,\"icon-position\"],\"showExpandIcon\":[4,\"show-expand-icon\"],\"groupId\":[1,\"group-id\"]}]]],[\"vega-app-footer.cjs\",[[1,\"vega-app-footer\",{\"content\":[1],\"termOfUseLabel\":[1,\"term-of-use-label\"],\"termOfUseUrl\":[1,\"term-of-use-url\"],\"termOfUseUrlTarget\":[1,\"term-of-use-url-target\"],\"privacyPolicyLabel\":[1,\"privacy-policy-label\"],\"privacyPolicyUrl\":[1,\"privacy-policy-url\"],\"privacyPolicyUrlTarget\":[1,\"privacy-policy-url-target\"],\"hideDefaultLinks\":[4,\"hide-default-links\"],\"additionalLinks\":[16],\"showDisclaimer\":[4,\"show-disclaimer\"],\"disclaimerUrlTarget\":[1,\"disclaimer-url-target\"]}]]],[\"vega-banner.cjs\",[[1,\"vega-banner\",{\"type\":[1],\"bannerTitle\":[1,\"banner-title\"],\"content\":[1],\"actionButtons\":[16],\"showCloseButton\":[4,\"show-close-button\"],\"doClose\":[64]}]]],[\"vega-bar-chart.cjs\",[[1,\"vega-bar-chart\",{\"options\":[16]}]]],[\"vega-box.cjs\",[[1,\"vega-box\",{\"padding\":[1],\"margin\":[1],\"display\":[1],\"border\":[1],\"borderStyle\":[1,\"border-style\"],\"shadow\":[1],\"borderColor\":[1,\"border-color\"],\"backgroundColor\":[1,\"background-color\"],\"width\":[8],\"height\":[8],\"minHeight\":[8,\"min-height\"],\"maxHeight\":[8,\"max-height\"],\"responsiveClass\":[1,\"responsive-class\"],\"corners\":[1],\"flexBasis\":[1,\"flex-basis\"],\"flexGrow\":[8,\"flex-grow\"],\"flexShrink\":[8,\"flex-shrink\"],\"order\":[8],\"flex\":[8],\"alignSelf\":[1,\"align-self\"],\"justifySelf\":[1,\"justify-self\"],\"gridColumn\":[8,\"grid-column\"],\"gridRow\":[8,\"grid-row\"],\"gridArea\":[8,\"grid-area\"],\"currentBreakpoint\":[32]}]]],[\"vega-breadcrumb.cjs\",[[1,\"vega-breadcrumb\",{\"maxItems\":[8,\"max-items\"],\"items\":[16]}]]],[\"vega-card.cjs\",[[1,\"vega-card\",{\"padding\":[1],\"margin\":[1],\"variant\":[1],\"backgroundColor\":[1,\"background-color\"]}]]],[\"vega-counter-badge.cjs\",[[1,\"vega-counter-badge\",{\"dot\":[4],\"color\":[1],\"count\":[2],\"offset\":[16]}]]],[\"vega-divider.cjs\",[[1,\"vega-divider\",{\"direction\":[1],\"variant\":[1],\"margin\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-field-error.cjs\",[[1,\"vega-field-error\",{\"message\":[1]}]]],[\"vega-font.cjs\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-image-uploader.cjs\",[[1,\"vega-image-uploader\",{\"value\":[1040],\"accept\":[1],\"status\":[1537],\"showPreviewButton\":[4,\"show-preview-button\"],\"showRemoveButton\":[4,\"show-remove-button\"],\"showReplaceButton\":[4,\"show-replace-button\"],\"disabled\":[516],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"label\":[1],\"hint\":[1],\"actionTitle\":[1,\"action-title\"],\"actionSubTitle\":[1,\"action-sub-title\"],\"width\":[8],\"height\":[8],\"getContentURL\":[64]}]]],[\"vega-input-range.cjs\",[[1,\"vega-input-range\",{\"label\":[1],\"value\":[1040],\"prefixIcon\":[513,\"prefix-icon\"],\"showClearIcon\":[4,\"show-clear-icon\"],\"min\":[514],\"max\":[514],\"required\":[1540],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"size\":[1],\"placeholder\":[16],\"disabled\":[516],\"hint\":[1],\"stack\":[1]}]]],[\"vega-line-chart.cjs\",[[1,\"vega-line-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-pie-chart.cjs\",[[1,\"vega-pie-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-section-title.cjs\",[[1,\"vega-section-title\",{\"titleText\":[1,\"title\"],\"description\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"]}]]],[\"vega-segment-control.cjs\",[[1,\"vega-segment-control\",{\"block\":[4],\"size\":[1],\"segments\":[16],\"selected\":[1025],\"variant\":[1],\"isOverflowBlockSegments\":[32]}]]],[\"vega-slot-container.cjs\",[[1,\"vega-slot-container\"]]],[\"vega-dialog_2.cjs\",[[1,\"vega-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"content\":[1],\"type\":[1],\"okButton\":[16],\"handleOk\":[16],\"cancelButton\":[16],\"handleCancel\":[16],\"showCancel\":[4,\"show-cancel\"],\"modalProps\":[16],\"currentBreakpoint\":[32]}],[1,\"vega-modal\",{\"backdrop\":[1],\"size\":[8],\"open\":[1028],\"animation\":[4],\"modalTitle\":[1,\"modal-title\"],\"backdropColor\":[1,\"backdrop-color\"],\"isVerticallyCenter\":[4,\"is-vertically-center\"],\"isVerticallyCentered\":[4,\"is-vertically-centered\"],\"showCloseButton\":[4,\"show-close-button\"],\"padding\":[1],\"contentMaxHeight\":[2,\"content-max-height\"],\"handleClose\":[16],\"currentBreakpoint\":[32],\"modal\":[64]},[[10,\"click\",\"listenDataTarget\"],[0,\"click\",\"listenDataDismiss\"]]]]],[\"vega-chip.cjs\",[[1,\"vega-chip\",{\"text\":[1],\"clickable\":[4],\"variant\":[1],\"size\":[1],\"bgColor\":[1,\"bg-color\"],\"textColor\":[1,\"text-color\"],\"statusColor\":[1,\"status-color\"],\"chipType\":[1,\"chip-type\"],\"showCloseIcon\":[4,\"show-close-icon\"],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"],\"currentBreakpoint\":[32],\"currentSize\":[32]}]]],[\"vega-form.cjs\",[[1,\"vega-form\",{\"isValid\":[1028,\"is-valid\"],\"isTouched\":[1028,\"is-touched\"],\"valid\":[64],\"getValue\":[64],\"setValue\":[64],\"reset\":[64]}]]],[\"vega-input-select.cjs\",[[1,\"vega-input-select\",{\"label\":[1],\"required\":[516],\"selectedLabel\":[16],\"selectType\":[1,\"select-type\"],\"source\":[1040],\"value\":[1537],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[4,\"auto-validation\"],\"validationRules\":[16],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[516],\"placeholder\":[1],\"hint\":[1],\"vegaDropdownProps\":[16],\"size\":[1],\"sourceLazyLoadCallback\":[16],\"isDropdownShow\":[32],\"dropdownSource\":[32],\"currentBreakpoint\":[32],\"isLazyLoading\":[32],\"doClose\":[64],\"doOpen\":[64],\"doChange\":[64]}]]],[\"vega-button.cjs\",[[1,\"vega-button\",{\"size\":[1],\"variant\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"],\"label\":[1025],\"disabled\":[4],\"danger\":[4],\"block\":[4],\"type\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-dropdown_5.cjs\",[[1,\"vega-dropdown-content-box\"],[1,\"vega-dropdown-group\",{\"label\":[1],\"divide\":[4]}],[1,\"vega-dropdown-item\",{\"label\":[1],\"itemKey\":[1,\"item-key\"],\"count\":[2],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[4],\"height\":[2],\"selectType\":[32],\"prefixIconSlot\":[32],\"selected\":[32],\"itemDisplayRule\":[32]}],[1,\"vega-virtual-scroll\",{\"source\":[16],\"approxItemHeight\":[2,\"approx-item-height\"],\"viewportMaxHeight\":[2,\"viewport-max-height\"],\"isLoading\":[4,\"is-loading\"],\"virtualizationThreshold\":[2,\"virtualization-threshold\"],\"sourceItemIdentifier\":[1,\"source-item-identifier\"],\"renderItem\":[16],\"positionConfig\":[32],\"scrollTop\":[32],\"scrollToIndex\":[64]}],[1,\"vega-dropdown\",{\"size\":[8],\"trigger\":[1],\"translocation\":[16],\"source\":[1040],\"positionRelativeTo\":[1,\"position-relative-to\"],\"selectType\":[1,\"select-type\"],\"selectedSourceKey\":[1025,\"selected-source-key\"],\"prefixIconSlot\":[4,\"prefix-icon-slot\"],\"maxHeight\":[2,\"max-height\"],\"searchable\":[4],\"matchTargetWidth\":[4,\"match-target-width\"],\"minWidth\":[8,\"min-width\"],\"maxWidth\":[8,\"max-width\"],\"itemDisplayRule\":[1,\"item-display-rule\"],\"matchContainerHeight\":[4,\"match-container-height\"],\"caseSensitive\":[4,\"case-sensitive\"],\"dynamicOption\":[4,\"dynamic-option\"],\"useDefaultFilter\":[4,\"use-default-filter\"],\"isLoading\":[4,\"is-loading\"],\"placement\":[1],\"alignment\":[1],\"isLazyLoading\":[4,\"is-lazy-loading\"],\"searchString\":[32],\"maxHeightOfItemsContainer\":[32],\"isDropdownShow\":[32],\"sourceForRender\":[32],\"show\":[64],\"hide\":[64],\"search\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64]}]]],[\"vega-backdrop.cjs\",[[1,\"vega-backdrop\",{\"color\":[1],\"visible\":[4],\"duration\":[2]}]]],[\"vega-grid.cjs\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"vega-carousel.cjs\",[[1,\"vega-carousel\",{\"perPage\":[2,\"per-page\"],\"itemsPerPage\":[2,\"items-per-page\"],\"showSlider\":[4,\"show-slider\"],\"spacing\":[1],\"canSwipe\":[4,\"can-swipe\"],\"page\":[32],\"totalPages\":[32],\"nextPage\":[64],\"prevPage\":[64],\"goToPage\":[64]}]]],[\"vega-tooltip_2.cjs\",[[1,\"vega-tooltip-content-box\",{\"text\":[1]}],[1,\"vega-tooltip\",{\"size\":[8],\"minWidth\":[8,\"min-width\"],\"maxWidth\":[8,\"max-width\"],\"trigger\":[1],\"content\":[1],\"text\":[1],\"placement\":[1],\"alignment\":[1],\"positionRelativeTo\":[1,\"position-relative-to\"],\"disableInteractive\":[4,\"disable-interactive\"],\"isTooltipShow\":[32]}]]],[\"vega-icon.cjs\",[[1,\"vega-icon\",{\"icon\":[513],\"size\":[1],\"color\":[1]}]]],[\"vega-button-circle.cjs\",[[1,\"vega-button-circle\",{\"size\":[1],\"variant\":[1],\"icon\":[513],\"label\":[1],\"disabled\":[4],\"danger\":[4],\"type\":[1],\"iconColor\":[1,\"icon-color\"],\"showTooltip\":[4,\"show-tooltip\"],\"tooltip\":[16]}]]],[\"vega-field-label.cjs\",[[1,\"vega-field-label\",{\"label\":[1025],\"isFieldRequired\":[4,\"is-field-required\"],\"disabled\":[4]}]]],[\"vega-input.cjs\",[[1,\"vega-input\",{\"label\":[1],\"value\":[1537],\"type\":[513],\"autocomplete\":[1],\"prefixIcon\":[513,\"prefix-icon\"],\"email\":[516],\"required\":[1540],\"min\":[514],\"max\":[514],\"minLength\":[514,\"min-length\"],\"maxLength\":[514,\"max-length\"],\"showClearIcon\":[4,\"show-clear-icon\"],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"size\":[1],\"placeholder\":[1],\"disabled\":[516],\"hint\":[1],\"maskConfig\":[16],\"disableCopyPaste\":[4,\"disable-copy-paste\"],\"doFocus\":[64],\"doBlur\":[64]},[[0,\"input\",\"handleValueInput\"]]]]],[\"vega-text.cjs\",[[1,\"vega-text\",{\"overflow\":[1],\"tooltip\":[16]}]]],[\"vega-flex.cjs\",[[1,\"vega-flex\",{\"gap\":[1],\"margin\":[1],\"breakpoint\":[1],\"direction\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"],\"flexWrap\":[1,\"flex-wrap\"],\"useNativeFlex\":[4,\"use-native-flex\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"vega-pagination.cjs\",[[1,\"vega-pagination\",{\"current\":[1538],\"total\":[2],\"pageSize\":[1026,\"page-size\"],\"extensions\":[16],\"pageSizeSelectorOptions\":[1040],\"pageCount\":[32]}]]],[\"vega-combo-box.cjs\",[[1,\"vega-combo-box\",{\"label\":[1],\"required\":[516],\"source\":[1040],\"value\":[1040],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"disabled\":[516],\"placeholder\":[1],\"hint\":[1],\"size\":[1],\"vegaDropdownProps\":[16],\"useDefaultFilter\":[4,\"use-default-filter\"],\"close\":[64],\"open\":[64]}]]],[\"vega-stepper.cjs\",[[1,\"vega-stepper\",{\"stepperId\":[513,\"id\"],\"max\":[514],\"min\":[514],\"value\":[1538],\"label\":[1],\"inputDisabled\":[4,\"input-disabled\"],\"disabled\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"buttonVariant\":[1,\"button-variant\"]}]]],[\"vega-color-picker.cjs\",[[1,\"vega-color-picker\",{\"value\":[1537],\"hint\":[1],\"disabled\":[516],\"required\":[516],\"label\":[1],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"colors\":[16]}]]],[\"vega-page-notification_2.cjs\",[[1,\"vega-page-notification\",{\"notificationTitle\":[1,\"title\"],\"message\":[1],\"type\":[1],\"duration\":[2],\"showCloseButton\":[4,\"show-close-button\"],\"actionButtons\":[16],\"close\":[64]}],[1,\"vega-page-notification-list\"]]],[\"vega-app-header-button.cjs\",[[1,\"vega-app-header-button\",{\"dropdown\":[16],\"size\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"avatar\":[16],\"avatarPosition\":[1,\"avatar-position\"],\"showBorder\":[4,\"show-border\"],\"showMenuArrowIcon\":[4,\"show-menu-arrow-icon\"],\"selected\":[4],\"isDropdownShow\":[32],\"currentBreakpoint\":[32]}]]],[\"vega-button-link.cjs\",[[1,\"vega-button-link\",{\"link\":[1],\"size\":[1],\"icon\":[513],\"iconType\":[1,\"icon-type\"],\"iconAlign\":[1,\"icon-align\"],\"label\":[1025],\"disabled\":[4],\"danger\":[4],\"eventful\":[4]}]]],[\"vega-input-credit-card.cjs\",[[1,\"vega-input-credit-card\",{\"required\":[1540],\"disabled\":[516],\"label\":[1],\"hint\":[1],\"size\":[1],\"placeholder\":[1],\"hideCardNumberOnBlur\":[4,\"hide-card-number-on-blur\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"],\"value\":[1537]}]]],[\"vega-item-toggle.cjs\",[[1,\"vega-item-toggle\",{\"itemToggleStatusMap\":[16],\"statusMap\":[16],\"isToggled\":[1028,\"is-toggled\"],\"toggleItemStatus\":[32]}]]],[\"vega-progress-tracker.cjs\",[[1,\"vega-progress-tracker\",{\"current\":[2],\"direction\":[1],\"steps\":[16],\"completedStepArray\":[16],\"completedSteps\":[16],\"canClickStep\":[4,\"can-click-step\"],\"nextStep\":[64],\"prevStep\":[64],\"setCurrent\":[64],\"getCurrent\":[64]}]]],[\"vega-checkbox_2.cjs\",[[1,\"vega-checkbox\",{\"identifier\":[1],\"value\":[1032],\"checked\":[1028],\"disabled\":[516],\"size\":[1],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"groupDisabled\":[32],\"showError\":[32],\"setValue\":[64]}],[1,\"vega-checkbox-group\",{\"label\":[1],\"value\":[1040],\"vegaFlexProp\":[16],\"disabled\":[516],\"required\":[516],\"hint\":[1],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16]}]]],[\"vega-textarea.cjs\",[[1,\"vega-textarea\",{\"placeholder\":[1],\"hint\":[1],\"disabled\":[516],\"label\":[1],\"showCounter\":[4,\"show-counter\"],\"value\":[1537],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"required\":[1540],\"maxLength\":[514,\"max-length\"],\"minLength\":[514,\"min-length\"],\"validationRules\":[16],\"currentCharCount\":[32]},[[0,\"input\",\"handleValueTextarea\"]]]]],[\"vega-toggle-switch.cjs\",[[1,\"vega-toggle-switch\",{\"checked\":[1540],\"size\":[1],\"label\":[1],\"disabled\":[4]}]]],[\"vega-table_8.cjs\",[[1,\"vega-table-head-cell\",{\"breakpoint\":[1],\"sorter\":[1],\"sortOrder\":[1025,\"sort-order\"],\"textAlign\":[1,\"text-align\"],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[32]}],[1,\"vega-table\",{\"columns\":[16],\"dataSource\":[1040],\"rowSelection\":[1040],\"rowExpandable\":[4,\"row-expandable\"],\"rowClickable\":[4,\"row-clickable\"],\"rowDivider\":[4,\"row-divider\"],\"columnDivider\":[4,\"column-divider\"],\"striped\":[4],\"density\":[1],\"paddingX\":[16],\"showHeader\":[4,\"show-header\"],\"pagination\":[16],\"emptyDescription\":[1,\"empty-description\"],\"rowKey\":[1,\"row-key\"],\"scrollConfig\":[16],\"selectedRowKeySet\":[32],\"expandedRowKeySet\":[32],\"currentBreakpoint\":[32],\"sortersMap\":[32],\"currentData\":[32],\"currentClickedRowKey\":[32],\"currentPage\":[32],\"pageSize\":[32],\"editingRows\":[32],\"isSelectedAll\":[32],\"isTemplateRenderMode\":[32],\"openExpandRow\":[64],\"closeExpandRow\":[64],\"closeAllExpandRow\":[64],\"toggleExpandRow\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64],\"startRowEditMode\":[64],\"stopRowEditMode\":[64],\"stopAllRowEditMode\":[64],\"getRowData\":[64],\"getRowsData\":[64],\"getFormRef\":[64],\"addNewRow\":[64],\"saveEditRow\":[64],\"saveAllEditRows\":[64],\"getEditingRowsKey\":[64],\"removeRow\":[64]}],[1,\"vega-table-body\"],[1,\"vega-table-cell\",{\"textAlign\":[1,\"text-align\"],\"breakpoint\":[1],\"overflow\":[1],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[32]}],[1,\"vega-table-expand-row\",{\"rowKey\":[1,\"row-key\"],\"currentBreakpoint\":[32],\"withMultipleSelection\":[32],\"expanded\":[32],\"checked\":[32],\"colSpan\":[32]}],[1,\"vega-table-head\",{\"fixed\":[32]}],[1,\"vega-table-head-row\",{\"selectAllDisabled\":[4,\"select-all-disabled\"],\"hideSelectAll\":[4,\"hide-select-all\"],\"currentBreakpoint\":[32],\"expandable\":[32],\"selectionType\":[32],\"paddingX\":[32],\"checkedAll\":[32],\"columnDivider\":[32],\"density\":[32],\"isEmptyTable\":[32],\"isTemplateRenderMode\":[32]}],[1,\"vega-table-row\",{\"rowKey\":[1,\"row-key\"],\"currentBreakpoint\":[32],\"clicked\":[32],\"expandable\":[32],\"clickable\":[32],\"paddingX\":[32],\"selectionType\":[32],\"checked\":[32],\"expanded\":[32],\"rowDivider\":[32],\"columnDivider\":[32],\"density\":[32]}]]],[\"vega-button-group_2.cjs\",[[1,\"vega-button-group\",{\"variant\":[1],\"size\":[1],\"iconAlign\":[1,\"icon-align\"]}],[1,\"vega-button-group-item\",{\"icon\":[1],\"label\":[1],\"iconOnly\":[4,\"icon-only\"],\"itemKey\":[1,\"item-key\"],\"dropdownProps\":[16],\"dropdownSource\":[16],\"variant\":[32],\"size\":[32],\"iconAlign\":[32]}]]],[\"vega-loader-wrapper_2.cjs\",[[1,\"vega-loading-indicator\",{\"shape\":[1],\"size\":[1],\"mode\":[1],\"percent\":[2],\"label\":[1],\"hint\":[1],\"status\":[1],\"currentBreakpoint\":[32]}],[1,\"vega-loader-wrapper\"]]],[\"vega-radio_2.cjs\",[[1,\"vega-radio-group\",{\"label\":[1],\"value\":[1537],\"name\":[1],\"vegaFlexProp\":[16],\"required\":[516],\"hint\":[1],\"isValid\":[1540,\"is-valid\"],\"disabled\":[516],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16]}],[1,\"vega-radio\",{\"value\":[1],\"name\":[1],\"checked\":[1028],\"disabled\":[4],\"size\":[1],\"groupDisabled\":[32],\"showError\":[32]}]]],[\"vega-left-nav_5.cjs\",[[1,\"vega-left-nav\",{\"open\":[1028],\"headerConfig\":[16],\"source\":[16],\"footnote\":[1],\"showAsOverlay\":[4,\"show-as-overlay\"],\"autoCollapseOnOverlay\":[4,\"auto-collapse-on-overlay\"],\"openState\":[32],\"toggle\":[64]}],[1,\"vega-left-nav-group\",{\"icon\":[1],\"label\":[1]}],[1,\"vega-left-nav-link\",{\"icon\":[1],\"selected\":[1540],\"url\":[1],\"counterBadge\":[16]}],[1,\"vega-left-nav-section\",{\"sectionHeader\":[16]}],[1,\"vega-nav-card\",{\"source\":[16],\"maxHeight\":[520,\"max-height\"],\"currentMaxHeight\":[32]}]]],[\"vega-date-picker_2.cjs\",[[1,\"vega-date-picker\",{\"mode\":[1],\"value\":[1537],\"label\":[1],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"format\":[1],\"size\":[1],\"validationRules\":[16],\"minDate\":[1537,\"min-date\"],\"maxDate\":[1537,\"max-date\"],\"placeholder\":[1],\"clearButton\":[4,\"clear-button\"],\"readOnly\":[4,\"read-only\"],\"allowRepick\":[4,\"allow-repick\"],\"dropdownConfig\":[16],\"disabled\":[516],\"doClose\":[64],\"doOpen\":[64]}],[1,\"vega-date-picker-calendar\"]]],[\"vega-popover_2.cjs\",[[1,\"vega-popover\",{\"size\":[8],\"placement\":[1],\"alignment\":[1],\"positionRelativeTo\":[1,\"position-relative-to\"],\"trigger\":[1],\"showArrow\":[4,\"show-arrow\"],\"isPopoverShow\":[32],\"show\":[64],\"hide\":[64]}],[1,\"vega-popover-content-box\",{\"showArrow\":[4,\"show-arrow\"]}]]],[\"vega-selection-tile_2.cjs\",[[1,\"vega-selection-tile\",{\"titleText\":[1,\"title\"],\"note\":[1],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[1028],\"checked\":[1028],\"selectType\":[1025,\"select-type\"],\"value\":[1],\"showError\":[32]}],[1,\"vega-selection-tile-group\",{\"label\":[1],\"hint\":[1],\"selectType\":[1,\"select-type\"],\"value\":[1025],\"layout\":[1],\"required\":[4],\"disabled\":[4],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"]}]]],[\"vega-tab-group_2.cjs\",[[1,\"vega-tab-group\",{\"selectedTabDataTarget\":[1025,\"selected-tab-data-target\"],\"gap\":[1],\"showCloseButton\":[4,\"show-close-button\"],\"tabItems\":[1040],\"positionRelativeTo\":[1,\"position-relative-to\"],\"variant\":[1],\"tabPages\":[32],\"tabWidthArray\":[32],\"currentPageIndex\":[32]}],[1,\"vega-tab-group-panel\",{\"isActive\":[4,\"is-active\"]}]]],[\"vega-time-picker_2.cjs\",[[1,\"vega-time-picker\",{\"label\":[1],\"mode\":[1],\"required\":[516],\"placeholder\":[1],\"increments\":[2],\"timeFormat\":[513,\"time-format\"],\"value\":[1537],\"size\":[1],\"disabled\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"positionRelativeTo\":[1,\"position-relative-to\"],\"dropdownSource\":[32],\"isDropdownShow\":[32],\"selectedTimeValue\":[32]}],[1,\"vega-time-picker-dropdown\"]]],[\"vega-accordion.cjs\",[[1,\"vega-accordion\",{\"drawsBackground\":[4,\"draws-background\"],\"prefixIcon\":[1,\"prefix-icon\"],\"accordionTitle\":[1,\"accordion-title\"],\"expandIconAlign\":[1,\"expand-icon-align\"],\"expand\":[1028],\"iconPosition\":[1,\"icon-position\"],\"showExpandIcon\":[4,\"show-expand-icon\"],\"groupId\":[1,\"group-id\"]}]]],[\"vega-app-footer.cjs\",[[1,\"vega-app-footer\",{\"content\":[1],\"termOfUseLabel\":[1,\"term-of-use-label\"],\"termOfUseUrl\":[1,\"term-of-use-url\"],\"termOfUseUrlTarget\":[1,\"term-of-use-url-target\"],\"privacyPolicyLabel\":[1,\"privacy-policy-label\"],\"privacyPolicyUrl\":[1,\"privacy-policy-url\"],\"privacyPolicyUrlTarget\":[1,\"privacy-policy-url-target\"],\"hideDefaultLinks\":[4,\"hide-default-links\"],\"additionalLinks\":[16],\"showDisclaimer\":[4,\"show-disclaimer\"],\"disclaimerUrlTarget\":[1,\"disclaimer-url-target\"]}]]],[\"vega-banner.cjs\",[[1,\"vega-banner\",{\"type\":[1],\"bannerTitle\":[1,\"banner-title\"],\"content\":[1],\"actionButtons\":[16],\"showCloseButton\":[4,\"show-close-button\"],\"doClose\":[64]}]]],[\"vega-bar-chart.cjs\",[[1,\"vega-bar-chart\",{\"options\":[16]}]]],[\"vega-box.cjs\",[[1,\"vega-box\",{\"padding\":[1],\"margin\":[1],\"display\":[1],\"border\":[1],\"borderStyle\":[1,\"border-style\"],\"shadow\":[1],\"borderColor\":[1,\"border-color\"],\"backgroundColor\":[1,\"background-color\"],\"width\":[8],\"height\":[8],\"minHeight\":[8,\"min-height\"],\"maxHeight\":[8,\"max-height\"],\"responsiveClass\":[1,\"responsive-class\"],\"corners\":[1],\"flexBasis\":[1,\"flex-basis\"],\"flexGrow\":[8,\"flex-grow\"],\"flexShrink\":[8,\"flex-shrink\"],\"order\":[8],\"flex\":[8],\"alignSelf\":[1,\"align-self\"],\"justifySelf\":[1,\"justify-self\"],\"gridColumn\":[8,\"grid-column\"],\"gridRow\":[8,\"grid-row\"],\"gridArea\":[8,\"grid-area\"],\"currentBreakpoint\":[32]}]]],[\"vega-breadcrumb.cjs\",[[1,\"vega-breadcrumb\",{\"maxItems\":[8,\"max-items\"],\"items\":[16]}]]],[\"vega-card.cjs\",[[1,\"vega-card\",{\"padding\":[1],\"margin\":[1],\"variant\":[1],\"backgroundColor\":[1,\"background-color\"]}]]],[\"vega-counter-badge.cjs\",[[1,\"vega-counter-badge\",{\"dot\":[4],\"color\":[1],\"count\":[2],\"offset\":[16]}]]],[\"vega-divider.cjs\",[[1,\"vega-divider\",{\"direction\":[1],\"variant\":[1],\"margin\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-field-error.cjs\",[[1,\"vega-field-error\",{\"message\":[1]}]]],[\"vega-font.cjs\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-image-uploader.cjs\",[[1,\"vega-image-uploader\",{\"value\":[1040],\"accept\":[1],\"status\":[1537],\"showPreviewButton\":[4,\"show-preview-button\"],\"showRemoveButton\":[4,\"show-remove-button\"],\"showReplaceButton\":[4,\"show-replace-button\"],\"disabled\":[516],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"label\":[1],\"hint\":[1],\"actionTitle\":[1,\"action-title\"],\"actionSubTitle\":[1,\"action-sub-title\"],\"width\":[8],\"height\":[8],\"getContentURL\":[64]}]]],[\"vega-input-range.cjs\",[[1,\"vega-input-range\",{\"label\":[1],\"value\":[1040],\"prefixIcon\":[513,\"prefix-icon\"],\"showClearIcon\":[4,\"show-clear-icon\"],\"min\":[514],\"max\":[514],\"required\":[1540],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"size\":[1],\"placeholder\":[16],\"disabled\":[516],\"hint\":[1],\"stack\":[1]}]]],[\"vega-line-chart.cjs\",[[1,\"vega-line-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-pie-chart.cjs\",[[1,\"vega-pie-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-section-title.cjs\",[[1,\"vega-section-title\",{\"titleText\":[1,\"title\"],\"description\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"]}]]],[\"vega-segment-control.cjs\",[[1,\"vega-segment-control\",{\"block\":[4],\"size\":[1],\"segments\":[16],\"selected\":[1025],\"variant\":[1],\"isOverflowBlockSegments\":[32]}]]],[\"vega-slot-container.cjs\",[[1,\"vega-slot-container\"]]],[\"vega-dialog_2.cjs\",[[1,\"vega-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"content\":[1],\"type\":[1],\"okButton\":[16],\"handleOk\":[16],\"cancelButton\":[16],\"handleCancel\":[16],\"showCancel\":[4,\"show-cancel\"],\"modalProps\":[16],\"currentBreakpoint\":[32]}],[1,\"vega-modal\",{\"backdrop\":[1],\"size\":[8],\"open\":[1028],\"animation\":[4],\"modalTitle\":[1,\"modal-title\"],\"backdropColor\":[1,\"backdrop-color\"],\"isVerticallyCenter\":[4,\"is-vertically-center\"],\"isVerticallyCentered\":[4,\"is-vertically-centered\"],\"showCloseButton\":[4,\"show-close-button\"],\"padding\":[1],\"contentMaxHeight\":[2,\"content-max-height\"],\"handleClose\":[16],\"currentBreakpoint\":[32],\"modal\":[64]},[[10,\"click\",\"listenDataTarget\"],[0,\"click\",\"listenDataDismiss\"]]]]],[\"vega-chip.cjs\",[[1,\"vega-chip\",{\"text\":[1],\"clickable\":[4],\"variant\":[1],\"size\":[1],\"bgColor\":[1,\"bg-color\"],\"textColor\":[1,\"text-color\"],\"statusColor\":[1,\"status-color\"],\"chipType\":[1,\"chip-type\"],\"showCloseIcon\":[4,\"show-close-icon\"],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"],\"currentBreakpoint\":[32],\"currentSize\":[32]}]]],[\"vega-form.cjs\",[[1,\"vega-form\",{\"isValid\":[1028,\"is-valid\"],\"isTouched\":[1028,\"is-touched\"],\"valid\":[64],\"getValue\":[64],\"setValue\":[64],\"reset\":[64]}]]],[\"vega-input-select.cjs\",[[1,\"vega-input-select\",{\"label\":[1],\"required\":[516],\"selectedLabel\":[16],\"selectType\":[1,\"select-type\"],\"source\":[1040],\"value\":[1537],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[4,\"auto-validation\"],\"validationRules\":[16],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[516],\"placeholder\":[1],\"hint\":[1],\"vegaDropdownProps\":[16],\"size\":[1],\"sourceLazyLoadCallback\":[16],\"isDropdownShow\":[32],\"dropdownSource\":[32],\"currentBreakpoint\":[32],\"isLazyLoading\":[32],\"doClose\":[64],\"doOpen\":[64],\"doChange\":[64]}]]],[\"vega-button.cjs\",[[1,\"vega-button\",{\"size\":[1],\"variant\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"],\"label\":[1025],\"disabled\":[4],\"danger\":[4],\"block\":[4],\"type\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-dropdown_5.cjs\",[[1,\"vega-dropdown-content-box\"],[1,\"vega-dropdown-group\",{\"label\":[1],\"divide\":[4]}],[1,\"vega-dropdown-item\",{\"label\":[1],\"itemKey\":[1,\"item-key\"],\"count\":[2],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[4],\"height\":[2],\"selectType\":[32],\"prefixIconSlot\":[32],\"selected\":[32],\"itemDisplayRule\":[32]}],[1,\"vega-virtual-scroll\",{\"source\":[16],\"approxItemHeight\":[2,\"approx-item-height\"],\"viewportMaxHeight\":[2,\"viewport-max-height\"],\"isLoading\":[4,\"is-loading\"],\"virtualizationThreshold\":[2,\"virtualization-threshold\"],\"sourceItemIdentifier\":[1,\"source-item-identifier\"],\"renderItem\":[16],\"positionConfig\":[32],\"scrollTop\":[32],\"scrollToIndex\":[64]}],[1,\"vega-dropdown\",{\"size\":[8],\"trigger\":[1],\"translocation\":[16],\"source\":[1040],\"positionRelativeTo\":[1,\"position-relative-to\"],\"selectType\":[1,\"select-type\"],\"selectedSourceKey\":[1025,\"selected-source-key\"],\"prefixIconSlot\":[4,\"prefix-icon-slot\"],\"maxHeight\":[2,\"max-height\"],\"searchable\":[4],\"matchTargetWidth\":[4,\"match-target-width\"],\"minWidth\":[8,\"min-width\"],\"maxWidth\":[8,\"max-width\"],\"itemDisplayRule\":[1,\"item-display-rule\"],\"matchContainerHeight\":[4,\"match-container-height\"],\"caseSensitive\":[4,\"case-sensitive\"],\"dynamicOption\":[4,\"dynamic-option\"],\"useDefaultFilter\":[4,\"use-default-filter\"],\"isLoading\":[4,\"is-loading\"],\"placement\":[1],\"alignment\":[1],\"isLazyLoading\":[4,\"is-lazy-loading\"],\"searchString\":[32],\"maxHeightOfItemsContainer\":[32],\"isDropdownShow\":[32],\"sourceForRender\":[32],\"show\":[64],\"hide\":[64],\"search\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64]}]]],[\"vega-backdrop.cjs\",[[1,\"vega-backdrop\",{\"color\":[1],\"visible\":[4],\"duration\":[2]}]]],[\"vega-grid.cjs\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"vega-carousel.cjs\",[[1,\"vega-carousel\",{\"perPage\":[2,\"per-page\"],\"itemsPerPage\":[2,\"items-per-page\"],\"showSlider\":[4,\"show-slider\"],\"spacing\":[1],\"canSwipe\":[4,\"can-swipe\"],\"page\":[32],\"totalPages\":[32],\"nextPage\":[64],\"prevPage\":[64],\"goToPage\":[64]}]]],[\"vega-tooltip_2.cjs\",[[1,\"vega-tooltip-content-box\",{\"text\":[1]}],[1,\"vega-tooltip\",{\"size\":[8],\"minWidth\":[8,\"min-width\"],\"maxWidth\":[8,\"max-width\"],\"trigger\":[1],\"content\":[1],\"text\":[1],\"placement\":[1],\"alignment\":[1],\"positionRelativeTo\":[1,\"position-relative-to\"],\"disableInteractive\":[4,\"disable-interactive\"],\"isTooltipShow\":[32]}]]],[\"vega-icon.cjs\",[[1,\"vega-icon\",{\"icon\":[513],\"size\":[1],\"color\":[1]}]]],[\"vega-button-circle.cjs\",[[1,\"vega-button-circle\",{\"size\":[1],\"variant\":[1],\"icon\":[513],\"label\":[1],\"disabled\":[4],\"danger\":[4],\"type\":[1],\"iconColor\":[1,\"icon-color\"],\"showTooltip\":[4,\"show-tooltip\"],\"tooltip\":[16]}]]],[\"vega-field-label.cjs\",[[1,\"vega-field-label\",{\"label\":[1025],\"isFieldRequired\":[4,\"is-field-required\"],\"disabled\":[4]}]]],[\"vega-input.cjs\",[[1,\"vega-input\",{\"label\":[1],\"value\":[1537],\"type\":[513],\"autocomplete\":[1],\"prefixIcon\":[513,\"prefix-icon\"],\"email\":[516],\"required\":[1540],\"min\":[514],\"max\":[514],\"minLength\":[514,\"min-length\"],\"maxLength\":[514,\"max-length\"],\"showClearIcon\":[4,\"show-clear-icon\"],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"size\":[1],\"placeholder\":[1],\"disabled\":[516],\"hint\":[1],\"maskConfig\":[16],\"disableCopyPaste\":[4,\"disable-copy-paste\"],\"doFocus\":[64],\"doBlur\":[64]},[[0,\"input\",\"handleValueInput\"]]]]],[\"vega-text.cjs\",[[1,\"vega-text\",{\"overflow\":[1],\"tooltip\":[16]}]]],[\"vega-flex.cjs\",[[1,\"vega-flex\",{\"gap\":[1],\"margin\":[1],\"breakpoint\":[1],\"direction\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"],\"flexWrap\":[1,\"flex-wrap\"],\"useNativeFlex\":[4,\"use-native-flex\"]}]]]]"), options);
   });
 };
 

package/dist/cjs/{mutationObserverFilters-0298fbef.js → mutationObserverFilters-f5b85e46.js}

@@ -107,6 +107,20 @@ const TagNameMutationFilter = (...tagNames) => {
     return (mutations.find((mutation) => array.findNodeList(mutation.addedNodes, filter) || array.findNodeList(mutation.removedNodes, filter)) !== undefined);
   };
 };
+/**
+ * The function `AttributeOldValueMutationFilter` filters mutations based on whether the old attribute
+ * value differs from the current attribute value on the host element.
+ *
+ * @returns { Function }The code snippet defines a function named `AttributeOldValueMutationFilter` that returns a
+ * `MutationFilter` function. The `MutationFilter` function takes an array of `MutationRecord` objects
+ * and an `HTMLElement` as parameters.
+ */
+const AttributeOldValueMutationFilter = () => {
+  return (mutations, host) => {
+    return (mutations.find((mutation) => mutation.attributeName && mutation.oldValue !== host.getAttribute(mutation.attributeName)) !== undefined);
+  };
+};
 
+exports.AttributeOldValueMutationFilter = AttributeOldValueMutationFilter;
 exports.MutationObserverSlimmer = MutationObserverSlimmer;
 exports.TagNameMutationFilter = TagNameMutationFilter;

package/dist/cjs/{staticSubjectTitle-cb99ff04.js → staticSubjectTitle-380a1e34.js}

@@ -36,7 +36,6 @@ const TABLE_EXPAND_ROW = new StaticSubject('TABLE_EXPAND_ROW');
 const TABLE_ROW_SELECTION = new StaticSubject('TABLE_ROW_SELECTION');
 const TABLE_ROW_SELECTION_ALL = new StaticSubject('TABLE_ROW_SELECTION_ALL');
 const TABLE_ROW_CLICK = new StaticSubject('TABLE_ROW_CLICK');
-const SUB_STATE_CHANGE = new StaticSubject('SUB_STATE_CHANGE');
 const FIELD_ERROR_MESSAGE_CHANGE = new StaticSubject('FIELD_ERROR_MESSAGE_CHANGE');
 const DROPDOWN_ITEM_CLICK = new StaticSubject('DROPDOWN_ITEM_CLICK');
 const CHECKBOX_VALUE_CHANGE = new StaticSubject('CHECKBOX_VALUE_CHANGE');
@@ -61,7 +60,6 @@ exports.LEFT_NAV_LINK_SELECTED_TOPIC = LEFT_NAV_LINK_SELECTED_TOPIC;
 exports.RADIO_GROUP_DISABLED_CHANGE = RADIO_GROUP_DISABLED_CHANGE;
 exports.RADIO_VALUE_CHANGE = RADIO_VALUE_CHANGE;
 exports.SELECTION_TILE_VALUE_CHANGE = SELECTION_TILE_VALUE_CHANGE;
-exports.SUB_STATE_CHANGE = SUB_STATE_CHANGE;
 exports.TABLE_EXPAND_ROW = TABLE_EXPAND_ROW;
 exports.TABLE_ROW_CLICK = TABLE_ROW_CLICK;
 exports.TABLE_ROW_SELECTION = TABLE_ROW_SELECTION;

package/dist/cjs/{subStateObserverSlimmer-8017205e.js → subStateObserverSlimmer-40904514.js}

@@ -4,9 +4,9 @@ require('./global-slimmer-registry-58eee093.js');
 const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
-const staticSubjectTitle = require('./staticSubjectTitle-cb99ff04.js');
-const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-dbd5c9c9.js');
+const vegaInternalEventId = require('./vegaInternalEventId-b27735af.js');
+const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 const ui = require('./ui-c09906a8.js');
 
 /**
@@ -16,16 +16,40 @@ class SubStateNotifySlimmerBase extends vegaSlimmer.VegaSlimmer {
   // eslint-disable-next-line jsdoc/require-jsdoc
   constructor({ propName }) {
     super();
+    /**
+     * Checks if the input `host` matches the current `host` and `stateName` matches the current `propName`.
+     *
+     * @param {unknown} input - The `input` parameter is of type `unknown`, which means it can be any type.
+     * @returns {boolean} a boolean value indicating whether the input is an acceptable table observer.
+     */
+    this.isAcceptableObserverPayload = (input) => {
+      return input.host === this.host && input.stateName === this.propName;
+    };
     this.propName = propName;
   }
+  /**
+   * Register the observer in connectedCallback
+   */
+  connectedCallback() {
+    this.subStateObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableObserverPayload.bind(this), (payload) => {
+      payload.callback(this.propValue);
+    });
+    changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalSubStatePull), this.subStateObserver);
+  }
+  /**
+   * unregister the observer in disconnectedCallback
+   */
+  disconnectedCallback() {
+    changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalSubStatePull), this.subStateObserver);
+  }
   /**
    * Notify the children component which prop has been changed in the parent component
    */
   subStateNotify() {
-    changeManager.ChangeManager.notify(staticSubjectTitle.SUB_STATE_CHANGE, {
+    changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalSubStatePush), {
       host: this.host,
       stateName: this.propName,
-      value: this.host[this.propName],
+      value: this.propValue,
     });
   }
 }
@@ -39,7 +63,14 @@ class SubStateNotifySlimmerBase extends vegaSlimmer.VegaSlimmer {
  * @returns {SubStateNotifySlimmerBase} - SubState notify slimmer
  */
 function createSubStateNotifySlimmer(mapFromClass, propName, watchMethodName) {
-  return dynamicSlimmer.createDynamicSlimmer(mapFromClass, SubStateNotifySlimmerBase, [{ mapFrom: 'host', mapTo: 'host' }], [{ mapFrom: watchMethodName, mapTo: 'subStateNotify' }], [
+  return dynamicSlimmer.createDynamicSlimmer(mapFromClass, SubStateNotifySlimmerBase, [
+    { mapFrom: 'host', mapTo: 'host' },
+    { mapFrom: propName, mapTo: 'propValue' },
+  ], [
+    { mapFrom: watchMethodName, mapTo: 'subStateNotify' },
+    { mapFrom: 'connectedCallback', mapTo: 'connectedCallback' },
+    { mapFrom: 'disconnectedCallback', mapTo: 'disconnectedCallback' },
+  ], [
     {
       propName: propName,
     },
@@ -53,7 +84,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * The sub state observer that to sync up the parent state to the children components.
+ * The subState observer that to sync up the parent state to the children components.
  */
 class SubStateObserverSlimmer extends vegaSlimmer.VegaSlimmer {
   /**
@@ -68,50 +99,51 @@ class SubStateObserverSlimmer extends vegaSlimmer.VegaSlimmer {
      * @returns {boolean} a boolean value indicating whether the input is an acceptable observer payload.
      */
     this.isAcceptableObserverPayload = (input) => {
-      return input['host'] === this.getParent();
+      return input['host'] === this.parent;
     };
     this.observerEntry = observerEntry;
   }
   /**
-   * Initialize the sub state observer.
+   * Initialize the subState observer.
    */
   connectedCallback() {
+    this.parent = this.getParent();
+    if (!this.parent)
+      return;
     const { subStates } = this.observerEntry;
     this.subStateObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableObserverPayload, (payload) => {
       const subState = subStates.find((subState) => subState.parentStateName === payload.stateName);
-      if (subState === null || subState === void 0 ? void 0 : subState.callback) {
-        subState.callback(payload.value);
-      }
-      else {
-        this[subState.subStateName] = payload.value;
+      if (subState) {
+        this.updateState(subState, payload.value);
       }
     });
-    changeManager.ChangeManager.register(staticSubjectTitle.SUB_STATE_CHANGE, this.subStateObserver);
+    changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePush), this.subStateObserver);
   }
   /**
    * Unregister the observer when disconnectedCallback
    */
   disconnectedCallback() {
-    changeManager.ChangeManager.unregister(staticSubjectTitle.SUB_STATE_CHANGE, this.subStateObserver);
+    if (!this.parent)
+      return;
+    changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePush), this.subStateObserver);
   }
   /**
    * Fetch the parent props when componentWillLoad
    */
   componentWillLoad() {
+    if (!this.parent)
+      return;
     const { subStates } = this.observerEntry;
-    const parentComponent = this.getParent();
-    // When a component can be used separately from its parent component, we should allow it to have no parent component,
-    // such as vega-selection-tile.
-    if (parentComponent) {
-      subStates.forEach((subState) => {
-        if (subState.callback) {
-          subState.callback(parentComponent[subState.parentStateName]);
-        }
-        else {
-          this[subState.subStateName] = parentComponent[subState.parentStateName];
-        }
+    subStates.forEach((subState) => {
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePull), {
+        host: this.parent,
+        stateName: subState.parentStateName,
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        callback: (value) => {
+          this.updateState(subState, value);
+        },
       });
-    }
+    });
   }
   /**
    * The function `getParent` returns the parent element of a given host element, based on the observer
@@ -127,6 +159,20 @@ class SubStateObserverSlimmer extends vegaSlimmer.VegaSlimmer {
       return this.observerEntry.parent();
     }
   }
+  /**
+   * Update the state with new value
+   *
+   * @param {SubStateEntry} subState - current state entry
+   * @param {unknown} value - new value
+   */
+  updateState(subState, value) {
+    if (subState.callback) {
+      subState.callback(value);
+    }
+    else {
+      this[subState.subStateName] = value;
+    }
+  }
 }
 __decorate([
   vegaSlimmer.MapToComponentField()

package/dist/cjs/vega-accordion.cjs.entry.js

@@ -17,7 +17,7 @@ const chevronDown = require('./chevron-down-ca2fa88e.js');
 const internalIconManager = require('./internal-icon-manager-b21347bf.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
 const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
-const staticSubjectTitle = require('./staticSubjectTitle-cb99ff04.js');
+const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
 const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-35b8dd73.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-5522e154.js');

package/dist/cjs/vega-button-circle.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-1299d729.js');
 const component = require('./component-b50f0483.js');
 const designToken = require('./designToken-03a538c9.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
-const staticSubjectTitle = require('./staticSubjectTitle-cb99ff04.js');
+const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-5522e154.js');

package/dist/cjs/vega-button-group_2.cjs.entry.js

@@ -6,19 +6,18 @@ const index = require('./index-1299d729.js');
 const component = require('./component-b50f0483.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
-const subStateObserverSlimmer = require('./subStateObserverSlimmer-8017205e.js');
+const subStateObserverSlimmer = require('./subStateObserverSlimmer-40904514.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-5522e154.js');
 const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
 const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-35b8dd73.js');
 const vegaSlimmer = require('./vega-slimmer-f026897e.js');
 const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-dbd5c9c9.js');
-const vegaInternalEventId = require('./vegaInternalEventId-7b2d4678.js');
+const vegaInternalEventId = require('./vegaInternalEventId-b27735af.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
 const ui = require('./ui-c09906a8.js');
 require('./log-5d8066e0.js');
 require('./dynamic-slimmer-028b0e61.js');
-require('./staticSubjectTitle-cb99ff04.js');
 require('./internalVegaEventManager-9f71de11.js');
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-button.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-1299d729.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const component = require('./component-b50f0483.js');
 const responsiveFormatFacade = require('./responsiveFormatFacade-a580382a.js');
-const staticSubjectTitle = require('./staticSubjectTitle-cb99ff04.js');
+const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
 const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');