@heartlandone/vega 1.44.0 → 1.44.1

package/dist/cjs/{designToken-58c77ad2.js → designToken-a50a38a4.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const typeGuard = require('./typeGuard-1aab8a28.js');
+const typeGuard = require('./typeGuard-9a59ac0e.js');
 const breakpoints = require('./breakpoints-23bb4f74.js');
 const log = require('./log-5d8066e0.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-69455496.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-0277ef3c.js');
 
 /**
  * It logs a warning message to the console.
@@ -167,7 +167,7 @@ function formatAndValidShadow(token, withModes = []) {
  * @typedef Flag key of ManagedResponsiveScopeInput
  * @param {ResponsiveType<ManagedResponsiveScopeInput[Flag]>} token - The token to format.
  * @param {Flag} flag - The flag that the token is being formatted for.
- * @returns {string} A string
+ * @returns {Nullable<string>} A nullable string
  */
 function formatAndValidResponsiveToken(token, flag) {
   if (token !== null && token !== undefined) {

package/dist/cjs/{elementAppender-a71b8e40.js → elementAppender-df5ed3ca.js}

@@ -2,8 +2,8 @@
 
 const log = require('./log-5d8066e0.js');
 const ui = require('./ui-bac156c5.js');
-const typeGuard = require('./typeGuard-1aab8a28.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-69455496.js');
+const typeGuard = require('./typeGuard-9a59ac0e.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-0277ef3c.js');
 const ui$1 = require('./ui-824caf47.js');
 const zIndexManager = require('./zIndexManager-d5650f0d.js');
 

package/dist/cjs/index.cjs.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const breakpoints = require('./breakpoints-07fcbeba.js');
 const log = require('./log-5d8066e0.js');
-const designToken = require('./designToken-58c77ad2.js');
+const designToken = require('./designToken-a50a38a4.js');
 const string = require('./string-21427167.js');
-const typeGuard = require('./typeGuard-1aab8a28.js');
+const typeGuard = require('./typeGuard-9a59ac0e.js');
 const breakpoints$1 = require('./breakpoints-23bb4f74.js');
 const icons = require('./icons-44ed411d.js');
 const typography = require('./typography-9f9d8d04.js');
@@ -14,7 +14,7 @@ const ui = require('./ui-bac156c5.js');
 const featureFlagController = require('./featureFlagController-1ed087d2.js');
 const themeManager = require('./themeManager-6ba8be2a.js');
 const vegaDialogController = require('./vegaDialogController-d2ae40fb.js');
-require('./responsiveFormatFacade-69455496.js');
+require('./responsiveFormatFacade-0277ef3c.js');
 require('./number-7e7d9981.js');
 require('./misc-3d30df91.js');
 require('./ui-824caf47.js');

package/dist/cjs/{injectElementAppender-0daa500c.js → injectElementAppender-406fccd8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const elementAppender = require('./elementAppender-a71b8e40.js');
+const elementAppender = require('./elementAppender-df5ed3ca.js');
 const ui = require('./ui-824caf47.js');
 
 /**

package/dist/cjs/{pageResizeObserverSlimmer-d82154ce.js → pageResizeObserverSlimmer-7b169e3e.js}

@@ -58,13 +58,27 @@ class PageResizeObserverSlimmer extends vegaSlimmer.VegaSlimmer {
     (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     const VegaResizeObserver = window['VegaResizeObserver'] || ResizeObserver;
     this.resizeObserver = new VegaResizeObserver(() => {
+      const currentBreakpoint = breakpoints.getCurrentBreakpoint();
       if (observerEntry && typeof observerEntry.callback === 'function') {
-        observerEntry.callback.call(this, breakpoints.getCurrentBreakpoint());
+        /**
+         * The function `handle` calls the `callback` function of `observerEntry` with the current
+         * breakpoint as an argument.
+         */
+        const handle = () => {
+          observerEntry.callback.call(this, currentBreakpoint);
+        };
+        observerEntry.isDeferred ? setTimeout(handle) : handle();
+      }
+      else {
+        this.currentBreakpoint = currentBreakpoint;
       }
     });
     this.resizeObserver.observe((observerEntry === null || observerEntry === void 0 ? void 0 : observerEntry.target) ? observerEntry.target.call(this) : document.body);
   }
 }
+__decorate([
+  vegaSlimmer.MapToComponentField({ writable: true, isOptional: true })
+], PageResizeObserverSlimmer.prototype, "currentBreakpoint", void 0);
 __decorate([
   mapToComponentMethod.MapToComponentMethod('connectedCallback')
 ], PageResizeObserverSlimmer.prototype, "connectedCallbackByResizeSlimmer", null);

package/dist/cjs/{responsiveFormatFacade-69455496.js → responsiveFormatFacade-0277ef3c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./typeGuard-1aab8a28.js');
+const typeGuard = require('./typeGuard-9a59ac0e.js');
 const log = require('./log-5d8066e0.js');
 const breakpoints = require('./breakpoints-07fcbeba.js');
 const number = require('./number-7e7d9981.js');

package/dist/cjs/{typeGuard-1aab8a28.js → typeGuard-9a59ac0e.js}

@@ -107,15 +107,6 @@ const isDirectionalSpacingType = (input) => {
 const isHTMLVegaSidenavLinkElement = (input) => {
   return input instanceof HTMLElement && input['tagName'] === 'VEGA-SIDENAV-LINK';
 };
-/**
- * `isHTMLVegaLeftNavLinkElement` returns `true` if the input is an `HTMLVegaLeftNavLinkElement` and `false` otherwise
- *
- * @param {unknown} input - The input to check.
- * @returns {boolean} indicating if the input is type of {@link HTMLVegaLeftNavLinkElement}
- */
-const isHTMLVegaLeftNavLinkElement = (input) => {
-  return input instanceof HTMLElement && input['tagName'] === 'VEGA-LEFT-NAV-LINK';
-};
 /**
  * `isResponsiveType` returns true if the input is an object with a `default` property and all other properties are valid
  * breakpoints
@@ -361,7 +352,6 @@ exports.isFlexDirectionType = isFlexDirectionType;
 exports.isFlexJustifyContentType = isFlexJustifyContentType;
 exports.isGridColumnType = isGridColumnType;
 exports.isGridRowType = isGridRowType;
-exports.isHTMLVegaLeftNavLinkElement = isHTMLVegaLeftNavLinkElement;
 exports.isHTMLVegaSidenavLinkElement = isHTMLVegaSidenavLinkElement;
 exports.isNonNullable = isNonNullable;
 exports.isResponsiveType = isResponsiveType;

package/dist/cjs/{utils-2a077365.js → utils-44d91786.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./typeGuard-1aab8a28.js');
+const typeGuard = require('./typeGuard-9a59ac0e.js');
 
 /**
  * Input a breakpoint, return the responsive style classes of the breakpoint

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

@@ -7,15 +7,15 @@ const vegaSlimmer = require('./vega-slimmer-5503957a.js');
 const placeholder = require('./placeholder-1d8034a7.js');
 const component = require('./component-a51251c5.js');
 require('./log-5d8066e0.js');
-const designToken = require('./designToken-58c77ad2.js');
+const designToken = require('./designToken-a50a38a4.js');
 const ui = require('./ui-824caf47.js');
 const observer = require('./observer-126f19d0.js');
 const changeManager = require('./changeManager-db6724a9.js');
 const mapToComponentMethod = require('./map-to-component-method-a3eb6fe7.js');
-const typeGuard = require('./typeGuard-1aab8a28.js');
+const typeGuard = require('./typeGuard-9a59ac0e.js');
 require('./featureFlagController-1ed087d2.js');
 require('./breakpoints-23bb4f74.js');
-require('./responsiveFormatFacade-69455496.js');
+require('./responsiveFormatFacade-0277ef3c.js');
 require('./breakpoints-07fcbeba.js');
 require('./ui-bac156c5.js');
 require('./number-7e7d9981.js');

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

@@ -5,17 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-0ca30e90.js');
 const component = require('./component-a51251c5.js');
 const ui = require('./ui-824caf47.js');
-const designToken = require('./designToken-58c77ad2.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-69455496.js');
+const designToken = require('./designToken-a50a38a4.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-0277ef3c.js');
 const log = require('./log-5d8066e0.js');
 const breakpoints = require('./breakpoints-07fcbeba.js');
-const injectPageResizeObserver = require('./injectPageResizeObserver-3be970dc.js');
+const vegaSlimmer = require('./vega-slimmer-5503957a.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-7b169e3e.js');
 require('./featureFlagController-1ed087d2.js');
 require('./ui.type-655d8879.js');
-require('./typeGuard-1aab8a28.js');
+require('./typeGuard-9a59ac0e.js');
 require('./breakpoints-23bb4f74.js');
 require('./ui-bac156c5.js');
 require('./number-7e7d9981.js');
+require('./map-to-component-method-a3eb6fe7.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -32,6 +34,11 @@ const VegaAppHeaderButton = class {
     index.registerInstance(this, hostRef);
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.vegaDropdownClick = index.createEvent(this, "vegaDropdownClick", 7);
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-app-header-button-resize-e2e}
+     */
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     /**
      * Used to determine whether the avatar image is loaded or not.
      */
@@ -196,7 +203,7 @@ const VegaAppHeaderButton = class {
   }; }
 };
 __decorate([
-  injectPageResizeObserver.InjectPageResizeObserver()
-], VegaAppHeaderButton.prototype, "currentBreakpoint", void 0);
+  vegaSlimmer.InjectVegaSlimmer()
+], VegaAppHeaderButton.prototype, "pageResizeObserverSlimmer", void 0);
 
 exports.vega_app_header_button = VegaAppHeaderButton;

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0ca30e90.js');
 const component = require('./component-a51251c5.js');
-const designToken = require('./designToken-58c77ad2.js');
+const designToken = require('./designToken-a50a38a4.js');
 const ui = require('./ui-824caf47.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-69455496.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-0277ef3c.js');
 const breakpoints = require('./breakpoints-07fcbeba.js');
-const injectPageResizeObserver = require('./injectPageResizeObserver-3be970dc.js');
+const vegaSlimmer = require('./vega-slimmer-5503957a.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-7b169e3e.js');
 require('./featureFlagController-1ed087d2.js');
 require('./log-5d8066e0.js');
-require('./typeGuard-1aab8a28.js');
+require('./typeGuard-9a59ac0e.js');
 require('./breakpoints-23bb4f74.js');
 require('./ui-bac156c5.js');
 require('./ui.type-655d8879.js');
 require('./number-7e7d9981.js');
+require('./map-to-component-method-a3eb6fe7.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";
 
@@ -32,6 +34,11 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const VegaBadge = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-badge-resize-e2e}
+     */
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
      * Specifies the background color of the badge using a color token.
@@ -58,8 +65,8 @@ const VegaBadge = class {
   get host() { return index.getElement(this); }
 };
 __decorate([
-  injectPageResizeObserver.InjectPageResizeObserver()
-], VegaBadge.prototype, "currentBreakpoint", void 0);
+  vegaSlimmer.InjectVegaSlimmer()
+], VegaBadge.prototype, "pageResizeObserverSlimmer", void 0);
 VegaBadge.style = vegaBadgeCss;
 
 exports.vega_badge = VegaBadge;

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

@@ -5,12 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-0ca30e90.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-a51251c5.js');
-const injectPageResizeObserver = require('./injectPageResizeObserver-3be970dc.js');
 const breakpoints = require('./breakpoints-07fcbeba.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-69455496.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-0277ef3c.js');
 const changeManager = require('./changeManager-db6724a9.js');
+const vegaSlimmer = require('./vega-slimmer-5503957a.js');
+const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-7b169e3e.js');
 const featureFlagController = require('./featureFlagController-1ed087d2.js');
-const designToken = require('./designToken-58c77ad2.js');
+const designToken = require('./designToken-a50a38a4.js');
 const log = require('./log-5d8066e0.js');
 const ui = require('./ui-824caf47.js');
 const effect = require('./effect-37695d3d.js');
@@ -20,30 +21,28 @@ const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 const array = require('./array-e1e5ed1d.js');
 const tinycolor = require('./tinycolor-14174cd4.js');
 const ui_type = require('./ui.type-655d8879.js');
-const typeGuard = require('./typeGuard-1aab8a28.js');
+const typeGuard = require('./typeGuard-9a59ac0e.js');
 const zIndexManager = require('./zIndexManager-d5650f0d.js');
-const injectElementAppender = require('./injectElementAppender-0daa500c.js');
+const injectElementAppender = require('./injectElementAppender-406fccd8.js');
 const injectKeyboardManager = require('./injectKeyboardManager-e708eae2.js');
 const ui$1 = require('./ui-bac156c5.js');
 const misc = require('./misc-649f158c.js');
 const icons = require('./icons-44ed411d.js');
 const minNumberRule = require('./minNumberRule-2441c3e6.js');
 const minStringLengthRule = require('./minStringLengthRule-66ee0c3c.js');
-const vegaSlimmer = require('./vega-slimmer-5503957a.js');
 const placeholder = require('./placeholder-1d8034a7.js');
 const mapToComponentMethod = require('./map-to-component-method-a3eb6fe7.js');
 const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-f27828ba.js');
-const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-d82154ce.js');
 const legendInputProcessor = require('./legendInputProcessor-b6868e9e.js');
 const yAxisInputProcessor = require('./yAxisInputProcessor-65db6647.js');
 const number = require('./number-7e7d9981.js');
 const misc$1 = require('./misc-3d30df91.js');
 const vegaTableExpandRowController = require('./vega-table-expand-row-controller-86b6adaf.js');
 const breakpoints$1 = require('./breakpoints-23bb4f74.js');
-const utils = require('./utils-2a077365.js');
+const utils = require('./utils-44d91786.js');
 require('./formFieldController-e17becdd.js');
 require('./string-21427167.js');
-require('./elementAppender-a71b8e40.js');
+require('./elementAppender-df5ed3ca.js');
 require('./keyboardManager-51dab713.js');
 require('./typography-9f9d8d04.js');
 
@@ -221,6 +220,11 @@ const VegaButton = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-button-resize-e2e}
+     */
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
     /**
      * Specifies the size of the button.
@@ -302,8 +306,8 @@ const VegaButton = class {
   get el() { return index.getElement(this); }
 };
 __decorate$F([
-  injectPageResizeObserver.InjectPageResizeObserver()
-], VegaButton.prototype, "currentBreakpoint", void 0);
+  vegaSlimmer.InjectVegaSlimmer()
+], VegaButton.prototype, "pageResizeObserverSlimmer", void 0);
 
 const VegaButtonLink = class {
   constructor(hostRef) {
@@ -444,15 +448,18 @@ class ComponentNestedLevelTracker {
    *
    * @param {HTMLElement} el - HTMLElement
    * @param {string} selector - The selector of the card that is being nested.
-   * @returns {number} The nested level of the element.
+   * @returns {Nullable<number>} The nested level of the element.
    */
   setNestedLevel(el, selector) {
     if (!el.matches(selector))
       return undefined;
-    const parentCard = ui.findParent(el, selector);
+    const parentSameSelectorNode = ui.findParent(el, selector);
     let level = 1;
-    if (parentCard) {
-      level = this.map.get(parentCard)[selector] + 1;
+    if (parentSameSelectorNode) {
+      const entry = this.map.get(parentSameSelectorNode);
+      if (entry) {
+        level = entry[selector] + 1;
+      }
     }
     this.setLevelToMap(el, selector, level);
     return level;
@@ -462,10 +469,11 @@ class ComponentNestedLevelTracker {
    *
    * @param {HTMLElement} el - HTMLElement
    * @param {string} selector - The selector to look for.
-   * @returns {number} The number of nested levels of the element.
+   * @returns {Nullable<number>} The nullable number of nested levels of the element.
    */
   getNestedLevel(el, selector) {
-    return this.map.get(el)[selector];
+    var _a;
+    return (_a = this.map.get(el)) === null || _a === void 0 ? void 0 : _a[selector];
   }
   /**
    * Set the level of a selector for a given element
@@ -478,7 +486,10 @@ class ComponentNestedLevelTracker {
     if (!this.map.has(el)) {
       this.map.set(el, {});
     }
-    this.map.get(el)[selector] = level;
+    const entry = this.map.get(el);
+    if (entry) {
+      entry[selector] = level;
+    }
   }
 }
 const NestedLevelTracker = new ComponentNestedLevelTracker();
@@ -720,6 +731,13 @@ const VegaCarousel = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.vegaPageUpdate = index.createEvent(this, "vegaPageUpdate", 7);
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
+      callback: /* istanbul ignore next */ () => {
+        if (this.getCarouselPerPage() !== this.currentPerPage) {
+          this.updatePageLayout();
+        }
+      },
+    });
     this.carouselContentElements = [];
     this.slideTaskQueue = new SynchronizeTaskQueue();
     this.currentPerPage = 1;
@@ -954,14 +972,8 @@ const VegaCarousel = class {
   }; }
 };
 __decorate$E([
-  injectPageResizeObserver.InjectPageResizeObserver({
-    callback: /* istanbul ignore next */ (host) => {
-      if (host.getCarouselPerPage() !== host.currentPerPage) {
-        host.updatePageLayout();
-      }
-    },
-  })
-], VegaCarousel.prototype, "host", void 0);
+  vegaSlimmer.InjectVegaSlimmer()
+], VegaCarousel.prototype, "pageResizeObserverSlimmer", void 0);
 
 /**
  * A rule that checks if a string is empty or not
@@ -1666,7 +1678,7 @@ const isTimeStr = (input, timeFormat) => {
  * It takes a number and returns a string
  *
  * @param {number} number - number - The number to pad
- * @returns {string} A function that takes a number as an argument and returns a string.
+ * @returns {Nullable<string>} A function that takes a number as an argument and returns a nullable string.
  */
 const pad = (number) => {
   if (number || number === 0) {
@@ -3771,14 +3783,7 @@ const VegaInputSelect = class {
       defaultValue: (target) => (target.selectType === 'multiple' ? [] : ''),
       attributeGetter: (propertyName) => this[propertyName],
     });
-    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
-      /* eslint-disable jsdoc/require-jsdoc*/
-      /* istanbul ignore next */
-      callback: (breakpointsToken) => {
-        this.currentBreakpoint = breakpointsToken;
-      },
-      /* eslint-enable jsdoc/require-jsdoc*/
-    });
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.isDropdownShow = false;
     this.dropdownSource = [];
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
@@ -4293,6 +4298,17 @@ const VegaModal = class {
     index.registerInstance(this, hostRef);
     this.vegaClose = index.createEvent(this, "vegaClose", 7);
     this.vegaOpen = index.createEvent(this, "vegaOpen", 7);
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-modal-resize-e2e}
+     */
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
+      callback: /* istanbul ignore next */ () => {
+        this.setModalWidth('update');
+        this.setContentMaxHeight();
+      },
+      isDeferred: true,
+    });
     this.isModalWidthSet = false;
     /**
      * Provides options for controlling the behavior of the backdrop.
@@ -4379,15 +4395,6 @@ const VegaModal = class {
       });
     };
   }
-  /**
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-resize-e2e}
-   */
-  /* istanbul ignore next */
-  watchCurrentBreakpoint() {
-    this.setModalWidth('update');
-    this.setContentMaxHeight();
-  }
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-modal-size-number-e2e}
@@ -4712,7 +4719,6 @@ const VegaModal = class {
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "currentBreakpoint": ["watchCurrentBreakpoint"],
     "size": ["watchSize"],
     "open": ["watchOpen"]
   }; }
@@ -4724,8 +4730,8 @@ VegaModal.backdropColorMap = {
   none: 'v-bg-transparent',
 };
 __decorate$u([
-  injectPageResizeObserver.InjectPageResizeObserver()
-], VegaModal.prototype, "currentBreakpoint", void 0);
+  vegaSlimmer.InjectVegaSlimmer()
+], VegaModal.prototype, "pageResizeObserverSlimmer", void 0);
 
 const vegaProgressTrackerCss = "/* vertical css */\nvega-progress-tracker .vega-progress-tracker__container {\n\t@apply v-flex v-items-center v-py-0;\n}\n\nvega-progress-tracker .vega-progress-tracker__slot {\n\t@apply v-w-full v-block;\n}\n\nvega-progress-tracker .vega-progress-step {\n\t@apply v-flex v-gap-size-16;\n}\n\nvega-progress-tracker:not(.click-step-disabled) .vega-progress-step {\n\t@apply v-cursor-pointer;\n}\n\nvega-progress-tracker .vega-progress-step:focus-visible {\n\toutline-width: 0px;\n}\n\nvega-progress-tracker .vega-progress-step .vega-progress-step-icon-divider {\n\t@apply v-flex v-flex-col v-items-center v-gap-0;\n}\n\nvega-progress-tracker .vega-progress-step .vega-progress-step-icon-container {\n\t@apply v-p-size-8;\n}\n\nvega-progress-tracker .vega-progress-step.complete .vega-progress-step-icon-container {\n\tpadding: 7px 8px;\n}\n\nvega-progress-tracker .vega-progress-step:focus-visible .vega-progress-step-icon-container {\n\t@apply v-rounded-8 v-ring-action-focus;\n}\n\nvega-progress-tracker .vega-progress-step .vega-progress-step__icon {\n\t@apply v-block v-font-field-label v-text-center v-select-none;\n\t@apply v-rounded-full v-box-content;\n\t@apply v-h-size-32 v-w-size-32 v-min-w-size-32;\n\tline-height: 32px;\n}\n\nvega-progress-tracker .vega-progress-step.default .vega-progress-step__icon {\n\t@apply v-text-primary v-bg-action-quaternary;\n}\n\nvega-progress-tracker:not(.click-step-disabled) .vega-progress-step.default .vega-progress-step__icon {\n\t@apply hover:v-bg-action-quaternary-hover;\n}\n\nvega-progress-tracker:not(.click-step-disabled) .vega-progress-step.default:hover .vega-progress-step__icon {\n\t@apply v-bg-action-quaternary-hover;\n}\n\nvega-progress-tracker:not(.click-step-disabled) .vega-progress-step.default:active .vega-progress-step__icon {\n\t@apply v-bg-action-quaternary-active;\n}\n\nvega-progress-tracker .vega-progress-step.inProgress .vega-progress-step__icon {\n\t@apply v-bg-action v-text-inverted-primary v-ring-input-focus;\n}\n\nvega-progress-tracker:not(.click-step-disabled) .vega-progress-step.inProgress .vega-progress-step__icon {\n\t@apply hover:v-bg-action-hover;\n}\n\nvega-progress-tracker:not(.click-step-disabled)\n\t.vega-progress-step.inProgress:hover\n\t.vega-progress-step__icon {\n\t@apply v-bg-action-hover;\n}\n\nvega-progress-tracker:not(.click-step-disabled)\n\t.vega-progress-step.inProgress:active\n\t.vega-progress-step__icon {\n\t@apply v-bg-action-active;\n}\n\nvega-progress-tracker .vega-progress-step.complete .vega-progress-step__icon {\n\t@apply v-flex v-justify-center v-items-center v-bg-action-tertiary;\n\t@apply v-border v-border-solid v-border-color-action;\n}\n\nvega-progress-tracker:not(.click-step-disabled) .vega-progress-step.complete:hover .vega-progress-step__icon {\n\t@apply v-border-color-action-hover;\n}\n\nvega-progress-tracker:not(.click-step-disabled)\n\t.vega-progress-step.complete:active\n\t.vega-progress-step__icon {\n\t@apply v-border-color-action-active;\n}\n\nvega-progress-tracker .vega-progress-step.complete .vega-progress-step__icon vega-icon {\n\t@apply v-text-link;\n}\n\nvega-progress-tracker:not(.click-step-disabled)\n\t.vega-progress-step.complete:hover\n\t.vega-progress-step__icon\n\tvega-icon {\n\t@apply v-text-link-hover;\n}\n\nvega-progress-tracker:not(.click-step-disabled)\n\t.vega-progress-step.complete:active\n\t.vega-progress-step__icon\n\tvega-icon {\n\t@apply v-text-link-active;\n}\n\nvega-progress-tracker .vega-progress-step .vega-progress-step__icon span {\n\t@apply v-block;\n}\n\nvega-progress-tracker .vega-progress-step .vega-progress-step__divider {\n\t@apply v-w-px v-flex-grow v-h-full v-bg-action-quaternary v-block;\n}\n\nvega-progress-tracker .vega-progress-step .vega-progress-step__divider.right.complete {\n\t@apply v-bg-action;\n}\n\nvega-progress-tracker .vega-progress-step .vega-progress-step__divider.left {\n\t@apply v-hidden;\n}\n\nvega-progress-tracker .vega-progress-step:last-child .vega-progress-step__divider.right {\n\t@apply v-hidden;\n}\n\nvega-progress-tracker .vega-progress-step .vega-progress-step__title {\n\t@apply v-font-field-label v-pt-size-12 v-text-secondary v-block;\n\tpadding-bottom: 36px;\n}\n\nvega-progress-tracker .vega-progress-step.inProgress .vega-progress-step__title {\n\t@apply v-font-field-value-em v-text-primary;\n}\n\nvega-progress-tracker .vega-progress-step.complete .vega-progress-step__title {\n\t@apply v-text-primary;\n}\n\n/* vertical css in mobile */\n@media screen and (min-width: 320px) and (max-width: 767px) {\n\tvega-progress-tracker .vega-progress-tracker__container {\n\t\t@apply v-py-size-16;\n\t}\n\n\tvega-progress-tracker .vega-progress-tracker__slot {\n\t\t@apply v-flex v-flex-nowrap v-items-center v-justify-between v-gap-0;\n\t}\n\n\tvega-progress-tracker .vega-progress-step {\n\t\t@apply v-flex v-flex-grow;\n\t\tflex-basis: 0;\n\t}\n\n\tvega-progress-tracker .vega-progress-step .vega-progress-step-icon-divider {\n\t\t@apply v-flex v-flex-row v-gap-size-4 v-w-full;\n\t}\n\n\tvega-progress-tracker .vega-progress-step .vega-progress-step__icon {\n\t\t@apply v-h-size-16 v-w-size-16 v-min-w-size-16;\n\t}\n\n\tvega-progress-tracker .vega-progress-step .vega-progress-step__icon {\n\t\tline-height: 16px;\n\t}\n\n\tvega-progress-tracker .vega-progress-step .vega-progress-step__icon vega-icon {\n\t\t@apply v-h-size-8 v-w-size-8;\n\t}\n\n\tvega-progress-tracker .vega-progress-step .vega-progress-step__icon span {\n\t\t@apply v-hidden;\n\t}\n\n\tvega-progress-tracker .vega-progress-step .vega-progress-step__divider {\n\t\t@apply v-h-px v-flex-grow;\n\t}\n\n\tvega-progress-tracker .vega-progress-step .vega-progress-step__divider.left {\n\t\t@apply v-block;\n\t}\n\n\tvega-progress-tracker .vega-progress-step:first-child .vega-progress-step__divider.left {\n\t\t@apply v-opacity-0;\n\t}\n\n\tvega-progress-tracker .vega-progress-step .vega-progress-step__divider.left.background {\n\t\t@apply v-bg-action;\n\t}\n\n\tvega-progress-tracker .vega-progress-step .vega-progress-step__divider.right {\n\t\t@apply v-block;\n\t}\n\n\tvega-progress-tracker .vega-progress-step:last-child .vega-progress-step__divider.right {\n\t\t@apply v-block v-opacity-0;\n\t}\n\n\tvega-progress-tracker .vega-progress-step .vega-progress-step__title {\n\t\t@apply v-hidden;\n\t}\n}\n\n/* horizontal css */\nvega-progress-tracker.horizontal {\n\t@apply v-block v-overflow-x-auto v-pt-size-4;\n}\n\nvega-progress-tracker.horizontal .vega-progress-tracker__slot {\n\t@apply v-flex;\n}\n\nvega-progress-tracker.horizontal .vega-progress-step {\n\t@apply v-flex-col v-items-center v-gap-size-4 v-flex-grow;\n\tflex-basis: 0;\n}\n\nvega-progress-tracker.horizontal .vega-progress-step .vega-progress-step-icon-divider {\n\t@apply v-flex-row v-items-center v-gap-size-4 v-w-full;\n}\n\nvega-progress-tracker.horizontal .vega-progress-step .vega-progress-step__divider {\n\t@apply v-h-px v-block;\n}\n\nvega-progress-tracker.horizontal .vega-progress-step .vega-progress-step__divider.left {\n\t@apply v-block;\n}\n\nvega-progress-tracker.horizontal .vega-progress-step .vega-progress-step__divider.right.complete {\n\t@apply v-bg-action;\n}\n\nvega-progress-tracker.horizontal .vega-progress-step .vega-progress-step__divider.left.background {\n\t@apply v-bg-action;\n}\n\nvega-progress-tracker.horizontal .vega-progress-step:first-child .vega-progress-step__divider.left {\n\t@apply v-opacity-0;\n}\n\nvega-progress-tracker.horizontal .vega-progress-step:last-child .vega-progress-step__divider.right {\n\t@apply v-block v-opacity-0;\n}\n\nvega-progress-tracker.horizontal .vega-progress-step .vega-progress-step__title {\n\t@apply v-pt-0 v-pb-0 v-text-center v-px-size-4;\n}\n\n/* horizontal css in mobile */\n@media screen and (min-width: 320px) and (max-width: 767px) {\n\tvega-progress-tracker.horizontal {\n\t\t@apply v-pt-0;\n\t}\n}\n\n/* common mobile css */\nvega-progress-tracker vega-carousel .subTitle {\n\t@apply v-font-h6 v-text-primary;\n}\n\nvega-progress-tracker .vega-progress-tracker__box {\n\t@apply v-flex M:v-hidden v-items-center;\n}\n\nvega-progress-tracker .vega-progress-tracker__box vega-carousel {\n\t@apply v-w-full v-text-center;\n}\n";
 
@@ -5208,6 +5214,19 @@ const VegaSidenav = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.vegaStateUpdate = index.createEvent(this, "vegaStateUpdate", 7);
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-sidenav-e2e-vega-resize-with-desktop}
+     */
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
+      callback: /* istanbul ignore next */ () => {
+        this.responsiveBehavior = this.getSidenavResponsiveBehavior();
+        this.updateBackdropAvailability();
+        this.updateOverflowAvailability();
+        this.updateStatusOpenByDefault(true);
+        this.updateHandlerIconAvailability();
+      },
+    });
     this.openState = 'close';
     /**
      * Provides additional information or context in the form of
@@ -5590,16 +5609,8 @@ const VegaSidenav = class {
 };
 VegaSidenav.backDropCss = 'vega-sidenav-backdrop';
 __decorate$s([
-  injectPageResizeObserver.InjectPageResizeObserver({
-    callback: /* istanbul ignore next */ (host) => {
-      host.responsiveBehavior = host.getSidenavResponsiveBehavior();
-      host.updateBackdropAvailability();
-      host.updateOverflowAvailability();
-      host.updateStatusOpenByDefault(true);
-      host.updateHandlerIconAvailability();
-    },
-  })
-], VegaSidenav.prototype, "el", void 0);
+  vegaSlimmer.InjectVegaSlimmer()
+], VegaSidenav.prototype, "pageResizeObserverSlimmer", void 0);
 
 const VegaSidenavGroup = class {
   constructor(hostRef) {
@@ -8540,6 +8551,11 @@ const VegaTable = class {
     this.vegaTableSortController = new VegaTableSortController();
     this.vegaTableColGroupRenderer = new VegaTableColGroupRenderer();
     this.vegaTableChildrenController = new VegaTableChildrenController();
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:should-render-responsive-columns-with-expandable-row-and-current-breakpoint-is-smaller-than-S}
+     */
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
     this.selectedRowKeySet = new ImmutableSet(new Set(), (newSet) => {
       this.selectedRowKeySet = newSet;
     });
@@ -8860,8 +8876,8 @@ __decorate$3([
   vegaSlimmer.InjectVegaSlimmer()
 ], VegaTable.prototype, "vegaTableChildrenController", void 0);
 __decorate$3([
-  injectPageResizeObserver.InjectPageResizeObserver()
-], VegaTable.prototype, "currentBreakpoint", void 0);
+  vegaSlimmer.InjectVegaSlimmer()
+], VegaTable.prototype, "pageResizeObserverSlimmer", void 0);
 
 const vegaTextCss = "vega-text {\n\t@apply v-block;\n}\n\nvega-text.vega-container-text-newline {\n\t@apply v-break-words;\n}\n\nvega-text.vega-container-text-ellipsis {\n\t@apply v-break-all;\n}\n\nvega-text.vega-container-text-ellipsis vega-tooltip {\n\t@apply v-break-all;\n}\n";
 
@@ -8878,6 +8894,20 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
 const VegaText = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-text-with-long-text-change-screen-size}
+     */
+    this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer({
+      callback: /* istanbul ignore next */ () => {
+        if (this.overflow === 'ellipsis') {
+          if (this.tooltip) {
+            this.tooltip.innerText = this.content;
+          }
+          this.handleTooltip();
+        }
+      },
+    });
     /**
      * Specifies the behavior of text when it exceeds the
      *    available space within its container.
@@ -8971,17 +9001,8 @@ const VegaText = class {
 };
 VegaText.DEFAULT_FONT_SIZE = 16;
 __decorate$2([
-  injectPageResizeObserver.InjectPageResizeObserver({
-    callback: /* istanbul ignore next */ (host) => {
-      if (host.overflow === 'ellipsis') {
-        if (host.tooltip) {
-          host.tooltip.innerText = host.content;
-        }
-        host.handleTooltip();
-      }
-    },
-  })
-], VegaText.prototype, "el", void 0);
+  vegaSlimmer.InjectVegaSlimmer()
+], VegaText.prototype, "pageResizeObserverSlimmer", void 0);
 VegaText.style = vegaTextCss;
 
 /**

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0ca30e90.js');
 const component = require('./component-a51251c5.js');
-const designToken = require('./designToken-58c77ad2.js');
+const designToken = require('./designToken-a50a38a4.js');
 const ui = require('./ui-824caf47.js');
 require('./featureFlagController-1ed087d2.js');
 require('./log-5d8066e0.js');
-require('./typeGuard-1aab8a28.js');
+require('./typeGuard-9a59ac0e.js');
 require('./breakpoints-23bb4f74.js');
 require('./ui-bac156c5.js');
-require('./responsiveFormatFacade-69455496.js');
+require('./responsiveFormatFacade-0277ef3c.js');
 require('./breakpoints-07fcbeba.js');
 require('./number-7e7d9981.js');
 require('./ui.type-655d8879.js');

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0ca30e90.js');
 const component = require('./component-a51251c5.js');
-const designToken = require('./designToken-58c77ad2.js');
+const designToken = require('./designToken-a50a38a4.js');
 const changeManager = require('./changeManager-db6724a9.js');
 require('./featureFlagController-1ed087d2.js');
 require('./log-5d8066e0.js');
-require('./typeGuard-1aab8a28.js');
+require('./typeGuard-9a59ac0e.js');
 require('./breakpoints-23bb4f74.js');
 require('./ui-bac156c5.js');
-require('./responsiveFormatFacade-69455496.js');
+require('./responsiveFormatFacade-0277ef3c.js');
 require('./breakpoints-07fcbeba.js');
 require('./number-7e7d9981.js');