@heartlandone/vega 1.9.1 → 1.10.0

package/dist/cjs/{app-globals-ff759f26.js → app-globals-75119638.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const featureFlagController = require('./featureFlagController-d7f59d47.js');
+const featureFlagController = require('./featureFlagController-22a4377a.js');
 
 /**
  * Default export function that will be used by stencil global script,

package/dist/cjs/{component-6dde0234.js → component-e4c95e1b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const featureFlagController = require('./featureFlagController-d7f59d47.js');
+const featureFlagController = require('./featureFlagController-22a4377a.js');
 const log = require('./log-7b0974fb.js');
 
 const exemptionClasses = [

package/dist/cjs/{featureFlagController-d7f59d47.js → featureFlagController-22a4377a.js}

@@ -9,36 +9,31 @@ const FeatureFlagsMap = {
     createdTimestamp: 1660330561422,
     createdAtVersion: '1.2.0',
   },
-  'POSITION.FIX_TARGET_POSITION_WHEN_PARENT_IS_RELATIVE': {
-    description: `Feature flag to enable the new calculate of target position. this change is suitable the case which target have relative parent`,
-    createdTimestamp: 1660800418146,
-    createdAtVersion: '1.3.0',
-  },
   'VEGA_FORM.FORM_FIELD_CONTROLLER_VALIDATION': {
     description: `Feature flag to enable the new form validation process for the form component.`,
     createdTimestamp: 1660617211562,
     createdAtVersion: '1.6.0',
   },
-  'VEGA_DATE_PICKER.ADD_DATEPICKER_TO_ELEMENT_APPENDER': {
-    description: `Feature flag to enable add the date picker to element appender`,
-    createdTimestamp: 1662508203840,
-    createdAtVersion: '1.4.0',
-  },
   'VEGA_COMPONENT.SANITIZE_VEGA_COMPONENT': {
     description: `Feature flag to enable sanitize vega components.`,
     createdTimestamp: 1664262689486,
     createdAtVersion: '1.8.1',
   },
-  'Z_INDEX_MANAGER.APPLY_MANAGER_TO_COMPONENTS': {
-    description: `Feature flag to enable the z-index manager to element appender, modal and sidenav.`,
-    createdTimestamp: 1664420174887,
-    createdAtVersion: '1.8.0',
-  },
   'VEGA_TEXT.LABEL_OR_CONTENT_NESTED_VEGA_TEXT_COMPONENT': {
     description: 'Feature flag to enable the label or content of other component nested vega-text component.',
     createdTimestamp: 1665218525140,
     createdAtVersion: '1.8.1',
   },
+  'VEGA_FLEX.ENABLE_DIRECTION_ONLY': {
+    description: `Feature flag to make direction take effect only regardless of breakpoint for vega-flex component.`,
+    createdTimestamp: 1665639912117,
+    createdAtVersion: '1.9.0',
+  },
+  'VEGA_FIELD_LABEL.SHOW_LABEL': {
+    description: `Feature flag to enable the vega-field-label component for vega-input, vega-input-select and vega-date-picker.`,
+    createdTimestamp: 1666184962131,
+    createdAtVersion: '1.9.0',
+  },
 };
 const FeatureFlagsMap$1 = Object.freeze(FeatureFlagsMap);
 

package/dist/cjs/{formFieldController-baa64b89.js → formFieldController-a021d318.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const subject = require('./subject-b9a0f7c6.js');
+const observer = require('./observer-c0b48008.js');
 const ui = require('./ui-cd4f8632.js');
 
 /**
@@ -134,27 +134,27 @@ class FormFieldController {
    * Get the default value of the form field
    *
    * @param {HTMLElement} element Form field element
-   * @returns { '' | 0 | ['', ''] } The default value
+   * @returns {FormFieldValueTypeMap} The default value
    */
   static getFormFieldDefaultValue(element) {
     const tagName = element.tagName;
-    if (tagName === 'VEGA-INPUT-SELECT' ||
-      tagName === 'VEGA-CHECKBOX-GROUP' ||
-      tagName === 'VEGA-RADIO-GROUP')
-      return '';
-    if (tagName === 'VEGA-INPUT') {
-      return element.dataset['isVegaStepper'] ? 0 : '';
-    }
-    if (tagName === 'VEGA-DATE-PICKER') {
-      if (element['mode'] === 'range') {
-        return ['', ''];
-      }
-      else {
+    switch (tagName) {
+      case 'VEGA-INPUT-SELECT':
         return '';
-      }
-    }
-    if (tagName === 'VEGA-STEPPER') {
-      return 0;
+      case 'VEGA-RADIO-GROUP':
+        return '';
+      case 'VEGA-CHECKBOX-GROUP':
+        return [];
+      case 'VEGA-INPUT':
+        return '';
+      case 'VEGA-DATE-PICKER':
+        return (element['mode'] === 'range' ? ['', ''] : '');
+      case 'VEGA-STEPPER':
+        return 0;
+      case 'VEGA-CHECKBOX':
+        return (element['identifier'] === '' ? false : '');
+      default:
+        throw new Error(`Unrecognized tagName ${tagName}`);
     }
   }
   /**
@@ -396,7 +396,7 @@ class FormFieldController {
    * Unregister the form reset observer.
    */
   unregisterFormResetObserver() {
-    subject.ChangeManager.unregister(subject.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
+    observer.ChangeManager.unregister(observer.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
   }
   /**
    * It adds a blur event listener to all elements that match the selector in the touchableArea property
@@ -417,16 +417,22 @@ class FormFieldController {
   }
   /**
    * It resets the form field's status and then validates the form field with the current value
+   *
+   * @param {ResetOperationPayload} payload - ResetOperationPayload
    */
   reset(payload) {
-    const fieldName = this.hostElement.dataset['vegaForm'];
-    const defaultValue = payload.defaultValueMap[fieldName] === undefined || payload.defaultValueMap[fieldName] === null
-      ? FormFieldController.getFormFieldDefaultValue(this.hostElement)
-      : payload.defaultValueMap[fieldName];
-    this.hostElement.value = defaultValue;
-    this.isTouched = false;
-    this.isModified = false;
-    this.resetInputInvalidUI();
+    var _a, _b;
+    if (this.shouldVisitElement(this.hostElement, (_a = payload.option) === null || _a === void 0 ? void 0 : _a.skipDisabled, (_b = payload.option) === null || _b === void 0 ? void 0 : _b.skipInvisible)) {
+      const fieldName = this.hostElement.dataset['vegaForm'];
+      const defaultValue = payload.defaultValueMap[fieldName] === undefined ||
+        payload.defaultValueMap[fieldName] === null
+        ? FormFieldController.getFormFieldDefaultValue(this.hostElement)
+        : payload.defaultValueMap[fieldName];
+      this.hostElement.value = defaultValue;
+      this.isTouched = false;
+      this.isModified = false;
+      this.resetInputInvalidUI();
+    }
   }
   /**
    * This function is called after the component has been rendered. It re-attaches the invalid UI to
@@ -441,8 +447,8 @@ class FormFieldController {
    * reset operation is triggered
    */
   initFormResetObserver() {
-    this.formResetTriggeredObserver = new subject.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
-    subject.ChangeManager.register(subject.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
+    this.formResetTriggeredObserver = new observer.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
+    observer.ChangeManager.register(observer.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
   }
   /**
    * "If the host element's autoValidation property is not false, then return true."
@@ -462,6 +468,19 @@ class FormFieldController {
   defaultShouldShowError(status) {
     return !status.disabled && status.visible && (status.touched || status.modified);
   }
+  /**
+   * 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 {boolean} a boolean value.
+   */
+  shouldVisitElement(element, skipDisabled, skipInvisible) {
+    return (element.dataset['vegaForm'] &&
+      (!skipDisabled || !element['disabled']) &&
+      (!skipInvisible || ui.isElementVisible(element)));
+  }
 }
 
 exports.FormFieldController = FormFieldController;

package/dist/cjs/index-c12bc235.js

@@ -1747,10 +1747,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
       }
       switch(bundleId) {
         
-        case 'vega-banner_23.cjs':
+        case 'vega-banner_24.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
-            './vega-banner_23.cjs.entry.js')); }).then(processMod, consoleError);
+            './vega-banner_24.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-accordion.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */

package/dist/cjs/index.cjs.js

@@ -7,7 +7,7 @@ const log = require('./log-7b0974fb.js');
 const typeGuard = require('./typeGuard-f0034f75.js');
 const icons = require('./icons-5a6aca4a.js');
 const ui = require('./ui-313ae2d4.js');
-const featureFlagController = require('./featureFlagController-d7f59d47.js');
+const featureFlagController = require('./featureFlagController-22a4377a.js');
 require('./number-2eb7b8f3.js');
 
 /* This file is generated by vega-design 2.0.64 */

package/dist/cjs/loader.cjs.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c12bc235.js');
-const appGlobals = require('./app-globals-ff759f26.js');
-require('./featureFlagController-d7f59d47.js');
+const appGlobals = require('./app-globals-75119638.js');
+require('./featureFlagController-22a4377a.js');
 
 /*
  Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com
@@ -17,7 +17,7 @@ const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
   appGlobals.globalScripts();
-  return index.bootstrapLazy([["vega-banner_23.cjs",[[0,"vega-tab-group",{"selectedTabDataTarget":[1,"selected-tab-data-target"],"gap":[1],"showCloseButton":[4,"show-close-button"],"tabItems":[16],"positionRelativeTo":[1,"position-relative-to"],"tabPages":[32],"tabWidthArray":[32],"currentPageIndex":[32]},[[0,"vegaPageUpdate","onCarouselPageUpdate"]]],[0,"vega-banner",{"audienceEmail":[1,"audience-email"],"bannerItems":[32]}],[4,"vega-table",{"columns":[16],"dataSource":[16],"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"],"selectedRowKeySet":[32],"expandedRowKeySet":[32],"currentBreakpoint":[32],"sortersMap":[32],"currentData":[32],"currentClickedRowIndex":[32],"currentPage":[32],"openExpandRow":[64],"closeExpandRow":[64],"closeAllExpandRow":[64],"toggleExpandRow":[64],"clearSelection":[64],"getSelection":[64],"setSelection":[64]}],[0,"vega-date-picker",{"mode":[1],"value":[1537],"label":[1],"required":[4],"isValid":[1540,"is-valid"],"autoValidation":[516,"auto-validation"],"format":[1],"size":[1],"formValidation":[2,"form-validation"],"validationRules":[16],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"placeholder":[1],"clearButton":[4,"clear-button"],"readOnly":[4,"read-only"],"allowRepick":[4,"allow-repick"],"dropdownConfig":[16],"disabled":[516],"valid":[64],"doClose":[64],"doOpen":[64]}],[0,"vega-input-select",{"label":[1],"required":[1028],"source":[1040],"value":[1537],"isValid":[1540,"is-valid"],"autoValidation":[4,"auto-validation"],"formValidation":[2,"form-validation"],"validationRules":[16],"prefixIcon":[1,"prefix-icon"],"disabled":[516],"placeholder":[1],"hint":[1],"vegaDropdownProps":[16],"isDropdownShow":[32],"doClose":[64],"doOpen":[64],"doChange":[64],"valid":[64]}],[0,"vega-progress-tracker",{"direction":[1],"steps":[16],"completedStepArray":[16],"canClickStep":[4,"can-click-step"],"current":[32],"nextStep":[64],"prevStep":[64],"setCurrent":[64],"getCurrent":[64]},[[0,"vegaPageUpdate","onVegaPageUpdateHandler"]]],[4,"vega-sidenav",{"source":[16],"footnote":[1],"headerConfig":[16],"openByDefault":[1,"open-by-default"],"openState":[32],"toggle":[64]},[[0,"vegaClick","onVegaClickHandler"],[10,"click","collapseSidenavByBackDropClick"]]],[0,"vega-button",{"size":[1],"variant":[1],"icon":[1],"iconAlign":[1,"icon-align"],"label":[1025],"disabled":[4],"danger":[4],"block":[4]}],[4,"vega-footer",{"tosUrl":[1,"tos-url"],"privacyUrl":[1,"privacy-url"]}],[4,"vega-modal",{"backdrop":[1],"size":[8],"open":[1028],"animation":[4],"modalTitle":[1,"modal-title"],"backdropColor":[1,"backdrop-color"],"isVerticallyCenter":[4,"is-vertically-center"],"showCloseButton":[4,"show-close-button"],"padding":[1],"contentMaxHeight":[2,"content-max-height"],"modal":[64]},[[10,"click","listenDataTarget"],[0,"click","listenDataDismiss"]]],[0,"vega-pagination",{"current":[1538],"total":[2],"pageSize":[2,"page-size"]}],[4,"vega-checkbox",{"value":[1],"name":[1],"checked":[1028],"disabled":[4],"size":[1]}],[4,"vega-sidenav-group",{"icon":[1],"label":[1]}],[4,"vega-sidenav-link",{"icon":[1],"selected":[1540],"url":[1],"showSideBarOnClickLink":[4,"show-side-bar-on-click-link"]}],[0,"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]}],[4,"vega-dropdown",{"size":[8],"trigger":[1],"translocation":[16],"source":[1040],"positionRelativeTo":[1,"position-relative-to"],"selectType":[1,"select-type"],"selectedSourceKey":[1025,"selected-source-key"],"maxHeight":[2,"max-height"],"searchable":[4],"matchTargetWidth":[4,"match-target-width"],"matchContainerHeight":[4,"match-container-height"],"caseSensitive":[4,"case-sensitive"],"searchString":[32],"show":[64],"hide":[64]},[[1,"mouseenter","onMouseEnter"],[0,"click","onClick"],[9,"mousedown","onMouseDown"]]],[4,"vega-carousel",{"perPage":[8,"per-page"],"showSlider":[4,"show-slider"],"spacing":[1],"page":[32],"totalPages":[32],"nextPage":[64],"prevPage":[64],"goToPage":[64]}],[0,"vega-input",{"inputId":[513,"id"],"label":[1],"value":[1537],"type":[1],"autocomplete":[1],"prefixIcon":[1,"prefix-icon"],"email":[4],"required":[1028],"min":[2],"max":[2],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"showClearIcon":[4,"show-clear-icon"],"isValid":[1540,"is-valid"],"autoValidation":[516,"auto-validation"],"formValidation":[2,"form-validation"],"validationRules":[16],"size":[1],"placeholder":[1],"disabled":[516],"hint":[1],"maskConfig":[16],"valid":[64]},[[0,"input","handleValueInput"]]],[4,"vega-grid",{"column":[8],"row":[8],"gap":[1]}],[0,"vega-button-circle",{"size":[1],"variant":[1],"icon":[513],"label":[1],"disabled":[4],"danger":[4]}],[4,"vega-tooltip",{"size":[8],"trigger":[1],"content":[1],"placement":[1],"positionRelativeTo":[1,"position-relative-to"]},[[0,"click","onClick"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[8,"keyup","onKeyDown"],[9,"mousedown","onMouseDown"]]],[0,"vega-flex",{"gap":[1],"margin":[1],"breakpoint":[1],"direction":[1],"alignItem":[1,"align-item"],"justifyContent":[1,"justify-content"]}],[0,"vega-icon",{"icon":[513],"size":[1]}]]],["vega-accordion.cjs",[[4,"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-stepper.cjs",[[0,"vega-stepper",{"stepperId":[513,"id"],"max":[2],"min":[2],"value":[1538],"label":[1],"inputEditable":[4,"input-editable"],"disabled":[516],"required":[4],"isValid":[1028,"is-valid"],"formValidation":[2,"form-validation"],"valid":[64]},[[0,"vegaChange","handleValueChange"],[0,"vegaValidate","handleVegaInputValidate"]]]]],["vega-item-toggle.cjs",[[0,"vega-item-toggle",{"itemToggleStatusMap":[16],"isToggled":[1028,"is-toggled"],"isError":[4,"is-error"],"toggleStatus":[32]}]]],["vega-option.cjs",[[4,"vega-option",{"label":[1],"subLabel":[1,"sub-label"],"icon":[1]},[[2,"vegaFocus","handleFocus"],[2,"vegaBlur","handleBlur"],[3,"mousedown","handleMousedown"],[3,"mouseup","handleMouseup"],[3,"mouseout","handleMouseout"],[2,"click","handleClick"]]]]],["vega-checkbox-group.cjs",[[4,"vega-checkbox-group",{"label":[1],"value":[16],"name":[1],"vegaFlexProp":[16],"disabled":[516],"required":[4],"hint":[1],"formValidation":[2,"form-validation"],"isValid":[1028,"is-valid"],"valid":[64]},[[0,"vegaChange","changeValue"]]]]],["vega-header.cjs",[[4,"vega-header",{"menuShown":[32]}]]],["vega-radio-group.cjs",[[4,"vega-radio-group",{"label":[1],"value":[1025],"name":[1],"vegaFlexProp":[16],"required":[4],"hint":[1],"formValidation":[2,"form-validation"],"isValid":[1028,"is-valid"],"disabled":[4],"valid":[64]},[[0,"vegaChange","changeValue"]]]]],["vega-text.cjs",[[0,"vega-text",{"displayRule":[1,"display-rule"],"content":[1]}]]],["vega-toggle-switch.cjs",[[0,"vega-toggle-switch",{"checked":[1540],"size":[1],"label":[1],"disabled":[4]}]]],["vega-app-footer.cjs",[[0,"vega-app-footer",{"tosUrl":[1,"tos-url"],"privacyUrl":[1,"privacy-url"],"showDisclaimer":[4,"show-disclaimer"]}]]],["vega-badge.cjs",[[0,"vega-badge",{"bgColor":[1,"bg-color"],"textColor":[1,"text-color"],"text":[1],"size":[1],"currentBreakpoint":[32]}]]],["vega-form.cjs",[[1,"vega-form",{"isValid":[1028,"is-valid"],"isTouched":[1028,"is-touched"],"valid":[64],"getValue":[64],"setValue":[64],"reset":[64]},[[0,"vegaValidate","vegaValidateEvent"],[2,"vegaValidate","updateInternalValidStatus"],[0,"vegaChange","updateInternalTouchedStatus"]]]]],["vega-radio.cjs",[[4,"vega-radio",{"value":[1],"name":[1],"checked":[4],"disabled":[4]}]]],["vega-card.cjs",[[4,"vega-card",{"padding":[1],"margin":[1],"shadow":[1],"backgroundColor":[1,"background-color"]}]]]], options);
+  return index.bootstrapLazy([["vega-banner_24.cjs",[[0,"vega-tab-group",{"selectedTabDataTarget":[1,"selected-tab-data-target"],"gap":[1],"showCloseButton":[4,"show-close-button"],"tabItems":[16],"positionRelativeTo":[1,"position-relative-to"],"tabPages":[32],"tabWidthArray":[32],"currentPageIndex":[32]},[[0,"vegaPageUpdate","onCarouselPageUpdate"]]],[0,"vega-banner",{"audienceEmail":[1,"audience-email"],"previewSource":[16],"apimSubscriptionKey":[1,"apim-subscription-key"],"bannerItems":[32]},[[0,"vegaPageUpdate","onVegaPageUpdateHandler"]]],[4,"vega-table",{"columns":[16],"dataSource":[16],"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"],"selectedRowKeySet":[32],"expandedRowKeySet":[32],"currentBreakpoint":[32],"sortersMap":[32],"currentData":[32],"currentClickedRowIndex":[32],"currentPage":[32],"openExpandRow":[64],"closeExpandRow":[64],"closeAllExpandRow":[64],"toggleExpandRow":[64],"clearSelection":[64],"getSelection":[64],"setSelection":[64]}],[0,"vega-input-select",{"label":[1],"required":[1028],"source":[1040],"value":[1537],"isValid":[1540,"is-valid"],"autoValidation":[4,"auto-validation"],"formValidation":[2,"form-validation"],"validationRules":[16],"prefixIcon":[1,"prefix-icon"],"disabled":[516],"placeholder":[1],"hint":[1],"vegaDropdownProps":[16],"isDropdownShow":[32],"doClose":[64],"doOpen":[64],"doChange":[64],"valid":[64]}],[0,"vega-date-picker",{"mode":[1],"value":[1537],"label":[1],"required":[4],"isValid":[1540,"is-valid"],"autoValidation":[516,"auto-validation"],"format":[1],"size":[1],"formValidation":[2,"form-validation"],"validationRules":[16],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"placeholder":[1],"clearButton":[4,"clear-button"],"readOnly":[4,"read-only"],"allowRepick":[4,"allow-repick"],"dropdownConfig":[16],"disabled":[516],"valid":[64],"doClose":[64],"doOpen":[64]}],[0,"vega-progress-tracker",{"direction":[1],"steps":[16],"completedStepArray":[16],"canClickStep":[4,"can-click-step"],"current":[32],"nextStep":[64],"prevStep":[64],"setCurrent":[64],"getCurrent":[64]},[[0,"vegaPageUpdate","onVegaPageUpdateHandler"]]],[4,"vega-sidenav",{"source":[16],"footnote":[1],"headerConfig":[16],"openByDefault":[1,"open-by-default"],"openState":[32],"toggle":[64]},[[0,"vegaClick","onVegaClickHandler"],[10,"click","collapseSidenavByBackDropClick"]]],[0,"vega-button",{"size":[1],"variant":[1],"icon":[1],"iconAlign":[1,"icon-align"],"label":[1025],"disabled":[4],"danger":[4],"block":[4]}],[4,"vega-footer",{"tosUrl":[1,"tos-url"],"privacyUrl":[1,"privacy-url"]}],[4,"vega-modal",{"backdrop":[1],"size":[8],"open":[1028],"animation":[4],"modalTitle":[1,"modal-title"],"backdropColor":[1,"backdrop-color"],"isVerticallyCenter":[4,"is-vertically-center"],"showCloseButton":[4,"show-close-button"],"padding":[1],"contentMaxHeight":[2,"content-max-height"],"modal":[64]},[[10,"click","listenDataTarget"],[0,"click","listenDataDismiss"]]],[0,"vega-pagination",{"current":[1538],"total":[2],"pageSize":[2,"page-size"]}],[4,"vega-checkbox",{"identifier":[1],"value":[1032],"checked":[1028],"disabled":[516],"size":[1],"required":[4],"isValid":[1028,"is-valid"],"valid":[64]}],[4,"vega-sidenav-group",{"icon":[1],"label":[1]}],[4,"vega-sidenav-link",{"icon":[1],"selected":[1540],"url":[1],"showSideBarOnClickLink":[4,"show-side-bar-on-click-link"]}],[4,"vega-dropdown",{"size":[8],"trigger":[1],"translocation":[16],"source":[1040],"positionRelativeTo":[1,"position-relative-to"],"selectType":[1,"select-type"],"selectedSourceKey":[1025,"selected-source-key"],"maxHeight":[2,"max-height"],"searchable":[4],"matchTargetWidth":[4,"match-target-width"],"matchContainerHeight":[4,"match-container-height"],"caseSensitive":[4,"case-sensitive"],"searchString":[32],"show":[64],"hide":[64]},[[1,"mouseenter","onMouseEnter"],[0,"click","onClick"],[9,"mousedown","onMouseDown"]]],[0,"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]}],[4,"vega-carousel",{"perPage":[8,"per-page"],"showSlider":[4,"show-slider"],"spacing":[1],"page":[32],"totalPages":[32],"nextPage":[64],"prevPage":[64],"goToPage":[64]}],[0,"vega-input",{"label":[1],"value":[1537],"type":[1],"autocomplete":[1],"prefixIcon":[1,"prefix-icon"],"email":[4],"required":[1028],"min":[2],"max":[2],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"showClearIcon":[4,"show-clear-icon"],"isValid":[1540,"is-valid"],"autoValidation":[516,"auto-validation"],"formValidation":[2,"form-validation"],"validationRules":[16],"size":[1],"placeholder":[1],"disabled":[516],"hint":[1],"maskConfig":[16],"valid":[64]},[[0,"input","handleValueInput"]]],[4,"vega-grid",{"column":[8],"row":[8],"gap":[1]}],[0,"vega-button-circle",{"size":[1],"variant":[1],"icon":[513],"label":[1],"disabled":[4],"danger":[4]}],[0,"vega-field-label",{"label":[1025],"isFieldRequired":[4,"is-field-required"],"disabled":[4]}],[4,"vega-tooltip",{"size":[8],"trigger":[1],"content":[1],"placement":[1],"positionRelativeTo":[1,"position-relative-to"]},[[0,"click","onClick"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[8,"keyup","onKeyDown"],[9,"mousedown","onMouseDown"]]],[0,"vega-flex",{"gap":[1],"margin":[1],"breakpoint":[1],"direction":[1],"alignItem":[1,"align-item"],"justifyContent":[1,"justify-content"],"useNativeFlex":[4,"use-native-flex"]}],[0,"vega-icon",{"icon":[513],"size":[1]}]]],["vega-stepper.cjs",[[0,"vega-stepper",{"stepperId":[513,"id"],"max":[2],"min":[2],"value":[1538],"label":[1],"inputEditable":[4,"input-editable"],"disabled":[516],"required":[4],"isValid":[1028,"is-valid"],"formValidation":[2,"form-validation"],"valid":[64]},[[0,"vegaChange","handleValueChange"],[0,"vegaValidate","handleVegaInputValidate"]]]]],["vega-accordion.cjs",[[4,"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-item-toggle.cjs",[[0,"vega-item-toggle",{"itemToggleStatusMap":[16],"isToggled":[1028,"is-toggled"],"isError":[4,"is-error"],"toggleStatus":[32]}]]],["vega-option.cjs",[[4,"vega-option",{"label":[1],"subLabel":[1,"sub-label"],"icon":[1]},[[2,"vegaFocus","handleFocus"],[2,"vegaBlur","handleBlur"],[3,"mousedown","handleMousedown"],[3,"mouseup","handleMouseup"],[3,"mouseout","handleMouseout"],[2,"click","handleClick"]]]]],["vega-checkbox-group.cjs",[[4,"vega-checkbox-group",{"label":[1],"value":[1040],"vegaFlexProp":[16],"disabled":[516],"required":[4],"hint":[1],"formValidation":[2,"form-validation"],"isValid":[1028,"is-valid"],"valid":[64]},[[0,"vegaChange","changeValue"]]]]],["vega-header.cjs",[[4,"vega-header",{"menuShown":[32]}]]],["vega-radio-group.cjs",[[4,"vega-radio-group",{"label":[1],"value":[1025],"name":[1],"vegaFlexProp":[16],"required":[4],"hint":[1],"formValidation":[2,"form-validation"],"isValid":[1028,"is-valid"],"disabled":[4],"valid":[64]},[[0,"vegaChange","changeValue"]]]]],["vega-text.cjs",[[0,"vega-text",{"displayRule":[1,"display-rule"],"content":[1]}]]],["vega-toggle-switch.cjs",[[0,"vega-toggle-switch",{"checked":[1540],"size":[1],"label":[1],"disabled":[4]}]]],["vega-app-footer.cjs",[[0,"vega-app-footer",{"tosUrl":[1,"tos-url"],"privacyUrl":[1,"privacy-url"],"showDisclaimer":[4,"show-disclaimer"]}]]],["vega-badge.cjs",[[0,"vega-badge",{"bgColor":[1,"bg-color"],"textColor":[1,"text-color"],"text":[1],"size":[1],"currentBreakpoint":[32]}]]],["vega-form.cjs",[[1,"vega-form",{"isValid":[1028,"is-valid"],"isTouched":[1028,"is-touched"],"valid":[64],"getValue":[64],"setValue":[64],"reset":[64]},[[0,"vegaValidate","vegaValidateEvent"],[2,"vegaValidate","updateInternalValidStatus"],[0,"vegaChange","updateInternalTouchedStatus"]]]]],["vega-radio.cjs",[[4,"vega-radio",{"value":[1],"name":[1],"checked":[4],"disabled":[4],"size":[1]}]]],["vega-card.cjs",[[4,"vega-card",{"padding":[1],"margin":[1],"shadow":[1],"backgroundColor":[1,"background-color"]}]]]], options);
   });
 };
 

package/dist/cjs/{subject-b9a0f7c6.js → observer-c0b48008.js}

@@ -2,6 +2,32 @@
 
 const log = require('./log-7b0974fb.js');
 
+/**
+ * A subject class is used for register by observer
+ */
+class Subject {
+  /**
+   * It takes a subject title and returns a SubjectTitle object
+   *
+   * @param {SubjectTitle} title - The title of the subject.
+   */
+  constructor(title) {
+    this.title = title;
+  }
+  /**
+   * Get the title of the subject
+   *
+   * @returns {SubjectTitle} The title of the subject.
+   */
+  getTitle() {
+    return this.title;
+  }
+}
+const SIDENAV_LINK_SELECTED_TOPIC = new Subject('SIDENAV_LINK_SELECTED_TOPIC');
+const ACCORDION_EXPAND_TOPIC = new Subject('ACCORDION_EXPAND_TOPIC');
+const FORM_CONTROLLED_FIELD_DISABLED_STATUS_CHANGE = new Subject('FORM_CONTROLLED_FIELD_DISABLED_STATUS_CHANGE');
+const FORM_RESET_OPERATION_TRIGGERED = new Subject('FORM_RESET_OPERATION_TRIGGERED');
+
 /**
  * The ChangeManager is a class that allows observers to register themselves to a subject
  * and notify the observer if signaled by subject
@@ -96,32 +122,6 @@ class Observer {
   }
 }
 
-/**
- * A subject class is used for register by observer
- */
-class Subject {
-  /**
-   * It takes a subject title and returns a SubjectTitle object
-   *
-   * @param {SubjectTitle} title - The title of the subject.
-   */
-  constructor(title) {
-    this.title = title;
-  }
-  /**
-   * Get the title of the subject
-   *
-   * @returns {SubjectTitle} The title of the subject.
-   */
-  getTitle() {
-    return this.title;
-  }
-}
-const SIDENAV_LINK_SELECTED_TOPIC = new Subject('SIDENAV_LINK_SELECTED_TOPIC');
-const ACCORDION_EXPAND_TOPIC = new Subject('ACCORDION_EXPAND_TOPIC');
-const FORM_CONTROLLED_FIELD_DISABLED_STATUS_CHANGE = new Subject('FORM_CONTROLLED_FIELD_DISABLED_STATUS_CHANGE');
-const FORM_RESET_OPERATION_TRIGGERED = new Subject('FORM_RESET_OPERATION_TRIGGERED');
-
 exports.ACCORDION_EXPAND_TOPIC = ACCORDION_EXPAND_TOPIC;
 exports.ChangeManager = ChangeManager$1;
 exports.FORM_CONTROLLED_FIELD_DISABLED_STATUS_CHANGE = FORM_CONTROLLED_FIELD_DISABLED_STATUS_CHANGE;

package/dist/cjs/{validatorFacade-5d073dad.js → validatorFacade-f0aa776e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const featureFlagController = require('./featureFlagController-d7f59d47.js');
-const formFieldController = require('./formFieldController-baa64b89.js');
+const featureFlagController = require('./featureFlagController-22a4377a.js');
+const formFieldController = require('./formFieldController-a021d318.js');
 
 /**
  * Wrap the method to make sure when the method is invoked, it will only be essentially running after the component is load

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c12bc235.js');
-const component = require('./component-6dde0234.js');
-const subject = require('./subject-b9a0f7c6.js');
+const component = require('./component-e4c95e1b.js');
+const observer = require('./observer-c0b48008.js');
 const typeGuard = require('./typeGuard-f0034f75.js');
 const designToken = require('./designToken-0b0e6849.js');
 const ui = require('./ui-cd4f8632.js');
-require('./featureFlagController-d7f59d47.js');
+require('./featureFlagController-22a4377a.js');
 require('./log-7b0974fb.js');
 require('./ui-313ae2d4.js');
 require('./number-2eb7b8f3.js');
@@ -31,17 +31,17 @@ const VegaAccordion = class {
       this.expand = !this.expand;
     };
     this.registerObserver = () => {
-      this.observer = new subject.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
-      subject.ChangeManager.register(subject.ACCORDION_EXPAND_TOPIC, this.observer);
+      this.observer = new observer.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
+      observer.ChangeManager.register(observer.ACCORDION_EXPAND_TOPIC, this.observer);
     };
     this.unregisterObserver = () => {
-      subject.ChangeManager.unregister(subject.ACCORDION_EXPAND_TOPIC, this.observer);
+      observer.ChangeManager.unregister(observer.ACCORDION_EXPAND_TOPIC, this.observer);
       this.observer = null;
     };
   }
   watchExpand() {
     if (this.groupId && this.expand) {
-      subject.ChangeManager.notify(subject.ACCORDION_EXPAND_TOPIC, {
+      observer.ChangeManager.notify(observer.ACCORDION_EXPAND_TOPIC, {
         groupId: this.groupId,
         element: this.el,
       });
@@ -65,14 +65,14 @@ const VegaAccordion = class {
       } }, this.renderHeader(), this.renderContent())), this.el);
   }
   renderContent() {
-    return (index.h("div", { class: "accordion-content" }, index.h("slot", { name: "content" })));
+    return (index.h("div", { class: "accordion-content" }, index.h("slot", { name: "content" }), index.h("slot", { name: "accordion-content" })));
   }
   renderHeader() {
     const titleDom = (index.h(index.Fragment, null, this.renderPrefixIcon(), this.accordionTitle ? this.renderTitle() : this.renderTitleSlot()));
-    return (index.h("div", { class: "accordion-header" }, index.h("vega-flex", { breakpoint: "None", gap: "size-8", "align-item": "start" }, this.expandIconAlign === 'left' && this.renderExpandIcon(), titleDom, this.expandIconAlign === 'right' && this.renderExpandIcon())));
+    return (index.h("div", { class: "accordion-header" }, index.h("vega-flex", { useNativeFlex: true, breakpoint: "None", gap: "size-8", "align-item": "start" }, this.expandIconAlign === 'left' && this.renderExpandIcon(), titleDom, this.expandIconAlign === 'right' && this.renderExpandIcon())));
   }
   renderTitleSlot() {
-    return (index.h("div", { class: "accordion-title-slot" }, index.h("slot", { name: "title" })));
+    return (index.h("div", { class: "accordion-title-slot vega-flex-basis-0 vega-flex-grow" }, index.h("slot", { name: "title" }), index.h("slot", { name: "accordion-title" })));
   }
   renderPrefixIcon() {
     return (this.prefixIcon && (index.h("div", { class: {
@@ -83,7 +83,7 @@ const VegaAccordion = class {
       } }, index.h("vega-icon", { icon: this.prefixIcon, size: "size-24" }))));
   }
   renderTitle() {
-    return index.h("div", { class: "accordion-title" }, this.accordionTitle);
+    return index.h("div", { class: "accordion-title vega-flex-basis-0 vega-flex-grow" }, this.accordionTitle);
   }
   renderExpandIcon() {
     const classes = [

package/dist/cjs/vega-app-footer.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c12bc235.js');
 const misc = require('./misc-649f158c.js');
-const component = require('./component-6dde0234.js');
-require('./featureFlagController-d7f59d47.js');
+const component = require('./component-e4c95e1b.js');
+require('./featureFlagController-22a4377a.js');
 require('./log-7b0974fb.js');
 
 const VegaAppFooter = class {

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c12bc235.js');
-const component = require('./component-6dde0234.js');
+const component = require('./component-e4c95e1b.js');
 const designToken = require('./designToken-0b0e6849.js');
 const ui = require('./ui-cd4f8632.js');
-require('./featureFlagController-d7f59d47.js');
+require('./featureFlagController-22a4377a.js');
 require('./log-7b0974fb.js');
 require('./typeGuard-f0034f75.js');
 require('./ui-313ae2d4.js');