@heartlandone/vega 1.7.0 → 1.8.1-banner-beta

package/dist/cjs/{app-globals-f1e88d74.js → app-globals-5ed5f78a.js}

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

package/dist/cjs/{component-4cd0485c.js → component-aa3542d1.js}

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

package/dist/cjs/{designToken-ac6a4cf5.js → designToken-0b0e6849.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const typeGuard = require('./typeGuard-7a5746f7.js');
+const typeGuard = require('./typeGuard-f0034f75.js');
 const log = require('./log-7b0974fb.js');
-const ui = require('./ui-2ae913d5.js');
+const ui = require('./ui-313ae2d4.js');
 const number = require('./number-2eb7b8f3.js');
 
 /**

package/dist/cjs/{featureFlagController-40d3aba1.js → featureFlagController-7e890692.js}

@@ -14,11 +14,6 @@ const FeatureFlagsMap = {
     createdTimestamp: 1660800418146,
     createdAtVersion: '1.3.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_CHECK_GROUP.VALUE_PROPERTY_TYPE_CHANGE_ARRAY': {
     description: 'Feature flag to enable the change value property to array for the checkbox group component.',
     createdTimestamp: 1661243219291,
@@ -29,6 +24,21 @@ const FeatureFlagsMap = {
     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',
+  },
 };
 const FeatureFlagsMap$1 = Object.freeze(FeatureFlagsMap);
 

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

@@ -1,8 +1,7 @@
 'use strict';
 
-const subject = require('./subject-8403dbf0.js');
-const observer = require('./observer-126f19d0.js');
-const ui = require('./ui-1393500e.js');
+const subject = require('./subject-b9a0f7c6.js');
+const ui = require('./ui-cd4f8632.js');
 
 /**
  * A rule that checks if a string is empty or not
@@ -120,7 +119,6 @@ class FormFieldController {
     this.isTouched = false;
     this.isModified = false;
     this.isVisible = false;
-    this.isReset = false;
     this.defaultRules = defaultRules;
     this.hostElement = hostElement;
     this.inputContainerSelector = inputContainer;
@@ -140,11 +138,13 @@ class FormFieldController {
    */
   static getFormFieldDefaultValue(element) {
     const tagName = element.tagName;
-    if (tagName === 'VEGA-INPUT' ||
-      tagName === 'VEGA-INPUT-SELECT' ||
+    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 ['', ''];
@@ -349,10 +349,9 @@ class FormFieldController {
   updateIsModified(modified) {
     const prevIsModified = this.isModified;
     this.isModified = modified;
-    if (this.isAutoValidationEnabled() && !this.isReset) {
+    if (this.isAutoValidationEnabled()) {
       this.valid(prevIsModified === modified ? [] : ['modified']);
     }
-    this.isReset = false;
   }
   /**
    * It creates a new MutationObserver that watches for changes to the disabled attribute of the host
@@ -387,11 +386,11 @@ class FormFieldController {
   /**
    * If the input form is a child of the current form, then the current form can accept the input form's reset operation
    *
-   * @param {VegaForm} input - VegaForm - The form that is being reset.
+   * @param {ResetOperationPayload} input - VegaForm - The form that is being reset.
    * @returns {boolean} A boolean value.
    */
   canAcceptFormResetOperation(input) {
-    return ui.isParent(this.hostElement, input['host']);
+    return ui.findParent(this.hostElement, 'vega-form') === input.host;
   }
   /**
    * Unregister the form reset observer.
@@ -424,11 +423,9 @@ class FormFieldController {
     const defaultValue = payload.defaultValueMap[fieldName] === undefined || payload.defaultValueMap[fieldName] === null
       ? FormFieldController.getFormFieldDefaultValue(this.hostElement)
       : payload.defaultValueMap[fieldName];
-    this.isReset = true;
     this.hostElement.value = defaultValue;
     this.isTouched = false;
     this.isModified = false;
-    this.hostElement.isValid = null;
     this.resetInputInvalidUI();
   }
   /**
@@ -444,7 +441,7 @@ class FormFieldController {
    * reset operation is triggered
    */
   initFormResetObserver() {
-    this.formResetTriggeredObserver = new observer.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
+    this.formResetTriggeredObserver = new subject.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
     subject.ChangeManager.register(subject.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
   }
   /**

package/dist/cjs/index-c12bc235.js

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const designToken = require('./designToken-ac6a4cf5.js');
+const designToken = require('./designToken-0b0e6849.js');
 const log = require('./log-7b0974fb.js');
-const typeGuard = require('./typeGuard-7a5746f7.js');
+const typeGuard = require('./typeGuard-f0034f75.js');
 const icons = require('./icons-5a6aca4a.js');
-const ui = require('./ui-2ae913d5.js');
-const featureFlagController = require('./featureFlagController-40d3aba1.js');
+const ui = require('./ui-313ae2d4.js');
+const featureFlagController = require('./featureFlagController-7e890692.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-f1e88d74.js');
-require('./featureFlagController-40d3aba1.js');
+const appGlobals = require('./app-globals-5ed5f78a.js');
+require('./featureFlagController-7e890692.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-button_22.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"]]],[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"]}],[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-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"]}],[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]}],[4,"vega-grid",{"column":[2],"row":[2],"gap":[1]}],[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"]]],[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],"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],"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":[1540,"is-valid"],"valid":[64]},[[0,"vegaChange","changeValue"]]]]],["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]}]]],["vega-form.cjs",[[1,"vega-form",{"isValid":[1028,"is-valid"],"isTouched":[1028,"is-touched"],"valid":[64],"getValue":[64],"setValue":[64],"reset":[64]},[[0,"vegaValidate","updateInternalValidStatus"],[0,"vegaChange","updateInternalTouchedStatus"]]]]],["vega-radio.cjs",[[4,"vega-radio",{"value":[1025],"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_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-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]}]]],["vega-form.cjs",[[1,"vega-form",{"isValid":[1028,"is-valid"],"isTouched":[1028,"is-touched"],"valid":[64],"getValue":[64],"setValue":[64],"reset":[64]},[[0,"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);
   });
 };
 

package/dist/cjs/{subject-8403dbf0.js → subject-b9a0f7c6.js}

@@ -67,6 +67,35 @@ class ChangeManager {
 }
 const ChangeManager$1 = new ChangeManager();
 
+/**
+ *  An Observer is a class that has a listener method that accepts a value of type T
+ *  and calls the listener method with a value of type T
+ */
+class Observer {
+  /**
+   * It accepts a function that accepts a value and returns a boolean, and a function that accepts a value of the type that
+   * the first function accepts
+   *
+   * @typedef T generic type parameter
+   * @param {(input: unknown) => input is T} accept - A function that indicate if the input is acceptable by the observer
+   * @param {(input: T) => void} listener - A function handle the input for the observer if the input is accepted
+   */
+  constructor(accept, listener) {
+    this.accept = accept;
+    this.listener = listener;
+  }
+  /**
+   * If the input is of the type that this handler is interested in, then call the listener function
+   *
+   * @param {unknown} input - unknown
+   */
+  notify(input) {
+    if (this.accept(input)) {
+      this.listener(input);
+    }
+  }
+}
+
 /**
  * A subject class is used for register by observer
  */
@@ -97,4 +126,5 @@ exports.ACCORDION_EXPAND_TOPIC = ACCORDION_EXPAND_TOPIC;
 exports.ChangeManager = ChangeManager$1;
 exports.FORM_CONTROLLED_FIELD_DISABLED_STATUS_CHANGE = FORM_CONTROLLED_FIELD_DISABLED_STATUS_CHANGE;
 exports.FORM_RESET_OPERATION_TRIGGERED = FORM_RESET_OPERATION_TRIGGERED;
+exports.Observer = Observer;
 exports.SIDENAV_LINK_SELECTED_TOPIC = SIDENAV_LINK_SELECTED_TOPIC;

package/dist/cjs/{typeGuard-7a5746f7.js → typeGuard-f0034f75.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const ui = require('./ui-2ae913d5.js');
+const ui = require('./ui-313ae2d4.js');
 
 /* This file is generated by vega-design 2.0.64 */
 /* eslint-disable */
@@ -70,6 +70,9 @@ const Spacing = {
 // prettier-ignore
 const Shadows = ["shadow-card", "shadow-modal", "shadow-popover", "shadow-form-field", "shadow-dropdown-menu", "shadow-app-header", "shadow-modal-header", "shadow-modal-footer", "shadow-modal-footer-no-scroll"];
 
+const GridRowRegex = new RegExp(/^[1-6](-auto)?$/);
+const GridColumnRegex = new RegExp(/^([1-9]|1[0-2])(-auto)?$/);
+
 /**
  * Returns true if the input is a string that is one of the four directions.
  *
@@ -185,22 +188,24 @@ const isShadowsTokenType = (input) => {
   return typeof input === 'string' && Shadows.includes(input);
 };
 /**
- * If the input is a number, and it's greater than 0 and less than or equal to 12, then it's a GridColumnType.
+ * If the input is a number, it must be between 1 and 12. If the input is a string, it must be in the
+ * format of '1-auto' to '12-auto'.
  *
- * @param {unknown} input - The value to be checked.
+ * @param {unknown} input - The input to be tested.
  * @returns {boolean} indicating if the input is {@link GridColumnType}
  */
 const isGridColumnType = (input) => {
-  return !isNaN(Number(input)) && input > 0 && input <= 12;
+  return input && GridColumnRegex.test(input.toString());
 };
 /**
- * If the input is a number, and it's greater than 0 and less than or equal to 6, then it's a GridRowType.
+ * If the input is a number, it must be between 1 and 6. If the input is a string, it must be a number
+ * between 1 and 6 followed by a hyphen and the word 'auto'.
  *
- * @param {unknown} input - The value to be checked.
- * @returns {boolean} indicating if the input is {@link GridRowType}
+ * @param {unknown} input - The input to be tested.
+ * @returns {boolean} indicating if the input is {@link GridColumnType}
  */
 const isGridRowType = (input) => {
-  return !isNaN(Number(input)) && input > 0 && input <= 6;
+  return input && GridRowRegex.test(input.toString());
 };
 /**
  * If the input is a string, and that string is a key in the Breakpoints object, then the input is a GridRowType.

package/dist/cjs/{ui-2ae913d5.js → ui-313ae2d4.js}

@@ -1,8 +1,46 @@
 'use strict';
 
 const BreakpointKeys = ['default', 'S', 'M', 'L', 'XL'];
-const GridColumn = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
-const GridRow = [1, 2, 3, 4, 5, 6];
+const GridColumn = [
+  1,
+  2,
+  3,
+  4,
+  5,
+  6,
+  7,
+  8,
+  9,
+  10,
+  11,
+  12,
+  '1-auto',
+  '2-auto',
+  '3-auto',
+  '4-auto',
+  '5-auto',
+  '6-auto',
+  '7-auto',
+  '8-auto',
+  '9-auto',
+  '10-auto',
+  '11-auto',
+  '12-auto',
+];
+const GridRow = [
+  1,
+  2,
+  3,
+  4,
+  5,
+  6,
+  '1-auto',
+  '2-auto',
+  '3-auto',
+  '4-auto',
+  '5-auto',
+  '6-auto',
+];
 const DefaultModalSize = {
   default: 200,
   S: 246,

package/dist/cjs/{ui-1393500e.js → ui-cd4f8632.js}

@@ -106,10 +106,20 @@ function getNumberFromPixelString(cssString) {
 function containerScrollToItem(container, item) {
   container.scrollTop = item.offsetTop;
 }
+/**
+ * Check if the element is visible by checking if the element's height is greater than 0.
+ *
+ * @param {HTMLElement} element - HTMLElement - the element to check if it's visible
+ * @returns {boolean} A boolean value.
+ */
+function isElementVisible(element) {
+  return element.getBoundingClientRect().height > 0;
+}
 
 exports.arrayToClassString = arrayToClassString;
 exports.containerScrollToItem = containerScrollToItem;
 exports.findParent = findParent;
 exports.getDeviceType = getDeviceType;
 exports.getNumberFromPixelString = getNumberFromPixelString;
+exports.isElementVisible = isElementVisible;
 exports.isParent = isParent;

package/dist/cjs/{validatorFacade-77aef92a.js → validatorFacade-7d489041.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const featureFlagController = require('./featureFlagController-40d3aba1.js');
-const formFieldController = require('./formFieldController-ba03f040.js');
+const featureFlagController = require('./featureFlagController-7e890692.js');
+const formFieldController = require('./formFieldController-baa64b89.js');
 
 /**
  * This function returns a function that will execute the given function after a delay.

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c12bc235.js');
-const component = require('./component-4cd0485c.js');
-const observer = require('./observer-126f19d0.js');
-const typeGuard = require('./typeGuard-7a5746f7.js');
-const subject = require('./subject-8403dbf0.js');
-const designToken = require('./designToken-ac6a4cf5.js');
-const ui = require('./ui-1393500e.js');
+const component = require('./component-aa3542d1.js');
+const subject = require('./subject-b9a0f7c6.js');
+const typeGuard = require('./typeGuard-f0034f75.js');
+const designToken = require('./designToken-0b0e6849.js');
+const ui = require('./ui-cd4f8632.js');
+require('./featureFlagController-7e890692.js');
 require('./log-7b0974fb.js');
-require('./ui-2ae913d5.js');
+require('./ui-313ae2d4.js');
 require('./number-2eb7b8f3.js');
 
 const VegaAccordion = class {
@@ -23,13 +23,15 @@ const VegaAccordion = class {
     this.expandIconAlign = 'right';
     /** set the state of accordion. */
     this.expand = true;
+    /** set the position of prefix icon and expand icon. */
+    this.iconPosition = 'top';
     /** set the status of accordion expand icon. */
     this.showExpandIcon = true;
     this.onExpand = () => {
       this.expand = !this.expand;
     };
     this.registerObserver = () => {
-      this.observer = new observer.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
+      this.observer = new subject.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
       subject.ChangeManager.register(subject.ACCORDION_EXPAND_TOPIC, this.observer);
     };
     this.unregisterObserver = () => {
@@ -73,7 +75,12 @@ const VegaAccordion = class {
     return (index.h("div", { class: "accordion-title-slot" }, index.h("slot", { name: "title" })));
   }
   renderPrefixIcon() {
-    return (this.prefixIcon && (index.h("div", { class: "accordion-prefix-icon vega-flex-shrink-0 v-min-w-min" }, index.h("vega-icon", { icon: this.prefixIcon, size: "size-24" }))));
+    return (this.prefixIcon && (index.h("div", { class: {
+        'accordion-prefix-icon': true,
+        'vega-flex-shrink-0': true,
+        'v-min-w-min': true,
+        'v-self-center': this.iconPosition === 'center',
+      } }, index.h("vega-icon", { icon: this.prefixIcon, size: "size-24" }))));
   }
   renderTitle() {
     return index.h("div", { class: "accordion-title" }, this.accordionTitle);
@@ -83,8 +90,11 @@ const VegaAccordion = class {
       'accordion-expand-icon',
       `accordion-expand-icon-align-${this.expandIconAlign}`,
       designToken.formatAndValidResponsiveToken(this.showExpandIcon, 'display'),
+      this.iconPosition === 'center' ? 'v-self-center' : '',
+      'vega-flex-shrink-0',
+      'v-min-w-min',
     ];
-    return (index.h("div", { class: `${ui.arrayToClassString(classes)} vega-flex-shrink-0 v-min-w-min` }, index.h("vega-button-circle", { size: "small", variant: "icon-only", icon: this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up', onVegaClick: this.onExpand })));
+    return (index.h("div", { class: `${ui.arrayToClassString(classes)}` }, index.h("vega-button-circle", { size: "small", variant: "icon-only", icon: this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up', onVegaClick: this.onExpand })));
   }
   shouldCollapseSelfIfOtherExpand(payload) {
     if (this.groupId === payload.groupId && this.el !== payload.element) {

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

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

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

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c12bc235.js');
-const component = require('./component-4cd0485c.js');
-const designToken = require('./designToken-ac6a4cf5.js');
-const ui = require('./ui-1393500e.js');
+const component = require('./component-aa3542d1.js');
+const designToken = require('./designToken-0b0e6849.js');
+const ui = require('./ui-cd4f8632.js');
+require('./featureFlagController-7e890692.js');
 require('./log-7b0974fb.js');
-require('./typeGuard-7a5746f7.js');
-require('./ui-2ae913d5.js');
+require('./typeGuard-f0034f75.js');
+require('./ui-313ae2d4.js');
 require('./number-2eb7b8f3.js');
 
 const vegaBadgeCss = "vega-badge {\n\t@apply v-inline-block;\n}\n\nvega-badge .vega-badge {\n\t@apply v-inline-flex v-items-center v-justify-center v-rounded-full v-box-border;\n\t@apply v-h-size-40 v-px-size-16 v-py-size-8 v-font-field-label-em;\n}\n\nvega-badge .vega-badge.default {\n\t@apply v-h-size-40 v-px-size-16 v-py-size-8 v-font-field-label-em v-min-w-size-40;\n}\n\nvega-badge .vega-badge.large {\n\t@apply v-h-size-64 v-px-size-24 v-py-size-16 v-font-h4 v-min-w-size-64;\n}\n\nvega-badge .vega-badge.small {\n\t@apply v-px-size-12 v-py-size-4 v-font-field-label-sm-em;\n\theight: 26px;\n\tmin-width: 26px;\n}\n";