@heartlandone/vega 1.9.0 → 1.9.2

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

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

package/dist/cjs/{component-aa3542d1.js → component-860ef360.js}

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

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

@@ -9,35 +9,20 @@ 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_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,
-    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',
   },
 };
 const FeatureFlagsMap$1 = Object.freeze(FeatureFlagsMap);

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" */
@@ -1795,6 +1795,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-stepper.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-text.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-text.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-toggle-switch.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-7e890692.js');
+const featureFlagController = require('./featureFlagController-ae63388f.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-5ed5f78a.js');
-require('./featureFlagController-7e890692.js');
+const appGlobals = require('./app-globals-43c1de1d.js');
+require('./featureFlagController-ae63388f.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":[8],"row":[8],"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],"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);
+  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"],"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-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],"size":[1]}]]],["vega-card.cjs",[[4,"vega-card",{"padding":[1],"margin":[1],"shadow":[1],"backgroundColor":[1,"background-color"]}]]]], options);
   });
 };
 

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

@@ -1,8 +1,45 @@
 'use strict';
 
-const featureFlagController = require('./featureFlagController-7e890692.js');
+const featureFlagController = require('./featureFlagController-ae63388f.js');
 const formFieldController = require('./formFieldController-baa64b89.js');
 
+/**
+ * Wrap the method to make sure when the method is invoked, it will only be essentially running after the component is load
+ * For example in {@link VegaDatePicker},
+ * we want to make sure when {@code @Watch('value')} method is invoked, it should wait for the component is loaded before executing
+ *
+ * @returns {Function} The function decorated
+ */
+function ComponentLoadRequired() {
+  return (componentClass, _decoratedMethodName, decoratedMethod) => {
+    const renderedInstanceSet = new Set();
+    const { componentDidLoad, disconnectedCallback } = componentClass;
+    /* eslint-disable jsdoc/require-jsdoc */
+    componentClass.componentDidLoad = function () {
+      renderedInstanceSet.add(this);
+      return componentDidLoad && componentDidLoad.call(this);
+    };
+    componentClass.disconnectedCallback = function () {
+      renderedInstanceSet.delete(this);
+      return disconnectedCallback && disconnectedCallback.call(this);
+    };
+    const originalMethodBody = decoratedMethod.value;
+    /* eslint-disable jsdoc/require-jsdoc */
+    decoratedMethod.value = function (...args) {
+      return new Promise((resolve) => {
+        const waitForComponentReady = () => {
+          if (renderedInstanceSet.has(this)) {
+            return resolve(originalMethodBody.apply(this, args));
+          }
+          setTimeout(waitForComponentReady, 30);
+        };
+        waitForComponentReady();
+      });
+    };
+    return decoratedMethod;
+  };
+}
+
 /**
  * This function returns a function that will execute the given function after a delay.
  * The function is called with the same arguments as the original function
@@ -398,4 +435,5 @@ class ValidatorFacade {
   }
 }
 
+exports.ComponentLoadRequired = ComponentLoadRequired;
 exports.ValidatorFacade = ValidatorFacade;

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-aa3542d1.js');
+const component = require('./component-860ef360.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('./featureFlagController-ae63388f.js');
 require('./log-7b0974fb.js');
 require('./ui-313ae2d4.js');
 require('./number-2eb7b8f3.js');
@@ -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())));
   }
   renderTitleSlot() {
-    return (index.h("div", { class: "accordion-title-slot" }, index.h("slot", { name: "title" })));
+    return (index.h("div", { class: "accordion-title-slot" }, index.h("slot", { name: "title" }), index.h("slot", { name: "accordion-title" })));
   }
   renderPrefixIcon() {
     return (this.prefixIcon && (index.h("div", { class: {

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-aa3542d1.js');
-require('./featureFlagController-7e890692.js');
+const component = require('./component-860ef360.js');
+require('./featureFlagController-ae63388f.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-aa3542d1.js');
+const component = require('./component-860ef360.js');
 const designToken = require('./designToken-0b0e6849.js');
 const ui = require('./ui-cd4f8632.js');
-require('./featureFlagController-7e890692.js');
+require('./featureFlagController-ae63388f.js');
 require('./log-7b0974fb.js');
 require('./typeGuard-f0034f75.js');
 require('./ui-313ae2d4.js');
@@ -17,19 +17,36 @@ const vegaBadgeCss = "vega-badge {\n\t@apply v-inline-block;\n}\n\nvega-badge .v
 const VegaBadge = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.currentBreakpoint = designToken.getCurrentBreakpoint();
     /** the background color of badge */
     this.bgColor = 'bg-accent6-tertiary';
     /** the text color of badge */
     this.textColor = 'text-danger-link-visited';
     /** the size of badge **/
     this.size = 'default';
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-badge-responsive-size}
+     */
+    /* istanbul ignore next */
+    this.initResizeObserver = () => {
+      this.resizeObserver = new ResizeObserver(() => {
+        if (this.currentBreakpoint !== designToken.getCurrentBreakpoint()) {
+          this.currentBreakpoint = designToken.getCurrentBreakpoint();
+        }
+      });
+      this.resizeObserver.observe(document.body);
+    };
+  }
+  componentDidLoad() {
+    this.initResizeObserver();
   }
   render() {
     const classNames = [
       'vega-badge',
       designToken.formatAndValidBackgroundColor(this.bgColor, ['dark']),
       designToken.formatAndValidTextColor(this.textColor, ['dark']),
-      this.size,
+      designToken.ResponsiveFormatFacade.formatCustom(this.size),
     ];
     return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("div", { class: ui.arrayToClassString(classNames) }, this.text)), this.host);
   }