@heartlandone/vega 2.13.0 → 2.14.0

package/dist/cjs/{app-globals-641bb215.js → app-globals-6b5136b1.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const featureFlagController = require('./featureFlagController-da4c779b.js');
-const index = require('./index-5a81786f.js');
+const featureFlagController = require('./featureFlagController-ab94fd4f.js');
+const index = require('./index-b8881ddc.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const vegaDialogController = require('./vegaDialogController-756ed849.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 require('./ui-fa68545a.js');
 const typography = require('./typography-4560e7f1.js');
 const iconManager = require('./iconManager-a9c2209d.js');
@@ -246,7 +246,7 @@ function injectValidCreditCardNumberRuleIntoGlobal() {
 function initRuntimeMetricsTelemetryCollection() {
   globalThis.VegaEnvInfo = index.vegaEnvManager.getVegaEnv();
   // eslint-disable-next-line spellcheck/spell-checker
-  void Promise.resolve().then(function () { return require('./index-55e89877.js'); }).then((
+  void Promise.resolve().then(function () { return require('./index-3183748d.js'); }).then((
   // eslint-disable-next-line spellcheck/spell-checker
   module) => {
     module['default']['init'](featureFlagController.FeatureFlag);

package/dist/cjs/{childNodesEventPreventSlimmer-29128c2a.js → childNodesEventPreventSlimmer-5b352793.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const internalVegaEventManager = require('./internalVegaEventManager-a3672e0c.js');
+const internalVegaEventManager = require('./internalVegaEventManager-543c20cb.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;

package/dist/cjs/{componentUsageRuntimeMetrics-0fbcd33f.js → componentUsageRuntimeMetrics-1a2a592d.js}

@@ -72,7 +72,7 @@ class VegaComponentUsageRuntimeMetricsSlimmer extends globalSlimmerRegistry.Vega
    */
   sendUsagePayloadToTelemetry() {
     // eslint-disable-next-line spellcheck/spell-checker
-    void Promise.resolve().then(function () { return require('./index-55e89877.js'); }).then((
+    void Promise.resolve().then(function () { return require('./index-3183748d.js'); }).then((
     // eslint-disable-next-line spellcheck/spell-checker
     module) => {
       try {

package/dist/cjs/{designToken-91ea7c25.js → designToken-3904c6b7.js}

@@ -5,91 +5,14 @@ const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
 const typography = require('./typography-4560e7f1.js');
+const stateBackgroundColorFormatter = require('./stateBackgroundColorFormatter-96a26ee7.js');
 const ui = require('./ui-077fc009.js');
 
-/**
- * StateVariantFormatter: Format state token to CSS styles
- */
-class StateVariantFormatter {
-  /**
-   * The function `format` takes an input state variant type and returns formatted CSS styles based on
-   * the input.
-   *
-   * @param {StateVariantType} input - The `format` function takes an `input` parameter of type
-   * `StateVariantType<ManagedStateScopeInput[Flag], State>`. This means that the `input` parameter
-   * should be an object that contains styles for different states, where the keys are state names and
-   * the values are the corresponding styles
-   * @returns {string} The `format` function returns a string that contains CSS styles based on the input
-   * provided. If the input is determined to be a state variant token type, the function generates CSS
-   * styles for each state in the input and returns them joined by newlines. If the input is not a state
-   * variant token type, the function generates CSS styles for the default state and returns them.
-   */
-  format(input) {
-    if (typeGuard.isStateVariantTokenType(input)) {
-      const stateStyles = [];
-      this.getStates().forEach((state) => {
-        const style = this.formatToken(input[state]);
-        if (style) {
-          stateStyles.push(`:host${state === 'default' ? '' : `(:${state})`}{\n\t${style}\n}`);
-        }
-      });
-      return stateStyles.join('\n');
-    }
-    else {
-      const style = this.formatToken(input);
-      return `:host{\n\t${style}\n}`;
-    }
-  }
-}
-
-/**
- * The `StateBackgroundColorFormatter` class in TypeScript formats background color tokens
- * and handles different CSS states.
- */
-class StateBackgroundColorFormatter extends StateVariantFormatter {
-  constructor() {
-    super(...arguments);
-    this.states = ['default', 'hover', 'active', 'focus-visible'];
-  }
-  /**
-   * The function `formatToken` takes a `BackgroundColorsTokenType` input, checks if it is a valid
-   * background color token type, and returns the corresponding CSS background color value or logs a
-   * warning if the input is invalid.
-   *
-   * @param {BackgroundColorsTokenType} input - The `input` parameter is of type
-   * `BackgroundColorsTokenType`, which is used to represent different background color tokens.
-   * @returns {string} The `formatToken` function takes a `BackgroundColorsTokenType` input and checks if it is a
-   * valid background color token type. If it is valid, it retrieves the corresponding color value from
-   * the `BackgroundColorMap` and returns a CSS style string with the background color. If the input is
-   * not valid, it logs a warning message using `LogUtility.warn` and returns an empty string.
-   */
-  formatToken(input) {
-    if (typeGuard.isBackgroundColorTokenType(input)) {
-      const tokenValue = typeGuard.BackgroundColorMap[input];
-      return `background-color: ${tokenValue};`;
-    }
-    else {
-      globalSlimmerRegistry.LogUtility.warn(`The backgroundColor value ${input} is invalid, it must be a value of: `, typeGuard.BackgroundColors);
-      return '';
-    }
-  }
-  /**
-   * The function `getStates` returns an array of `CssStatesType` objects.
-   *
-   * @returns {CssStatesType[]} An array of objects of type CssStatesType, which represents the states stored in the
-   * variable this.states.
-   */
-  getStates() {
-    return this.states;
-  }
-}
-const StateBackgroundColorFormatter$1 = new StateBackgroundColorFormatter();
-
 /**
  * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on
  * input values and provides an array of CSS states.
  */
-class StateBorderColorFormatter extends StateVariantFormatter {
+class StateBorderColorFormatter extends stateBackgroundColorFormatter.StateVariantFormatter {
   constructor() {
     super(...arguments);
     this.states = ['default', 'focus-visible', 'hover', 'active'];
@@ -131,7 +54,7 @@ const StateBorderColorFormatter$1 = new StateBorderColorFormatter();
  * The `StateShadowFormatter` class in TypeScript formats a CSS `box-shadow` property based on a
  * ShadowsTokenType input and provides an array of CssStatesType objects.
  */
-class StateShadowFormatter extends StateVariantFormatter {
+class StateShadowFormatter extends stateBackgroundColorFormatter.StateVariantFormatter {
   constructor() {
     super(...arguments);
     this.states = ['default', 'focus-visible', 'hover'];
@@ -170,7 +93,7 @@ const StateShadowFormatter$1 = new StateShadowFormatter();
  * The `StateBorderFormatter` class in TypeScript formats border token values into CSS border properties
  * and provides state information.
  */
-class StateBorderFormatter extends StateVariantFormatter {
+class StateBorderFormatter extends stateBackgroundColorFormatter.StateVariantFormatter {
   constructor() {
     super(...arguments);
     this.states = ['default', 'focus-visible', 'hover', 'active'];
@@ -235,7 +158,7 @@ class StateFormatFacade {
   format(input, flag) {
     switch (flag) {
       case 'backgroundColor':
-        return StateBackgroundColorFormatter$1.format(input);
+        return stateBackgroundColorFormatter.stateBackgroundColorFormatter.format(input);
       case 'borderColor':
         return StateBorderColorFormatter$1.format(input);
       case 'shadow':

package/dist/cjs/{eventEmitSlimmer-da0b3b8b.js → eventEmitSlimmer-ea57144a.js}

@@ -4,7 +4,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const dynamicSlimmer = require('./dynamic-slimmer-d5ea4204.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const internalVegaEventManager = require('./internalVegaEventManager-a3672e0c.js');
+const internalVegaEventManager = require('./internalVegaEventManager-543c20cb.js');
 
 var __decorate$3 = (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;

package/dist/cjs/{featureFlagController-da4c779b.js → featureFlagController-ab94fd4f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const index = require('./index-55e89877.js');
+const index = require('./index-3183748d.js');
 
 /**
  * The concrete feature flag map that we are going to use to determine if a feature is enabled or not.

package/dist/cjs/{formFieldControllerSlimmer-b451c7a5.js → formFieldControllerSlimmer-769ef4fd.js}

@@ -8,7 +8,7 @@ const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const ui = require('./ui-fa68545a.js');
 const misc = require('./misc-0197689b.js');
 const dynamicSlimmer = require('./dynamic-slimmer-d5ea4204.js');
-const vegaInternalEventId = require('./vegaInternalEventId-b27735af.js');
+const vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 const mutationObserverFilters = require('./mutationObserverFilters-5beee7b8.js');
 

package/dist/cjs/index-1299d729.js

@@ -1643,6 +1643,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-selection-tile_2.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-calendar_2.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-calendar_2.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-dropdown_5.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */

package/dist/cjs/{index-55e89877.js → index-3183748d.js}

@@ -401,30 +401,46 @@ const MetricsCollector$1 = new MetricsCollector();
 
 class LocalStorage {
     constructor() {
-        this.localStorage = globalThis.localStorage;
+        this.localStorage = null;
+        try {
+            this.localStorage = globalThis.localStorage;
+        }
+        catch (error) {
+            LogUtility.error('Failed to access browser localStorage:', error);
+        }
     }
     setItem(key, value) {
-        this.localStorage.setItem(key, JSON.stringify(value));
+        if (this.localStorage) {
+            this.localStorage.setItem(key, JSON.stringify(value));
+        }
     }
     getItem(key) {
-        const storageValue = this.localStorage.getItem(key);
-        if (storageValue) {
-            return JSON.parse(storageValue);
+        if (this.localStorage) {
+            const storageValue = this.localStorage.getItem(key);
+            if (storageValue) {
+                return JSON.parse(storageValue);
+            }
         }
         return null;
     }
     removeItem(key) {
-        this.localStorage.removeItem(key);
+        if (this.localStorage) {
+            this.localStorage.removeItem(key);
+        }
     }
     clear() {
-        this.localStorage.clear();
+        if (this.localStorage) {
+            this.localStorage.clear();
+        }
     }
     findKeys(searchTerm) {
         const keysFound = [];
-        for (let i = 0; i < this.localStorage.length; i++) {
-            const key = this.localStorage.key(i);
-            if (key && key.includes(searchTerm)) {
-                keysFound.push(key);
+        if (this.localStorage) {
+            for (let i = 0; i < this.localStorage.length; i++) {
+                const key = this.localStorage.key(i);
+                if (key && key.includes(searchTerm)) {
+                    keysFound.push(key);
+                }
             }
         }
         return keysFound;
@@ -529,11 +545,9 @@ class BrowserPredictor {
         return this.nameRegExp.some((condition) => condition.test(userAgent));
     }
     predict(userAgent) {
-        if (userAgent) {
-            const name = this.name;
-            const version = this.getVersion(userAgent);
-            return new BrowserDto(name, version);
-        }
+        const name = this.name;
+        const version = this.getVersion(userAgent);
+        return new BrowserDto(name, version);
     }
     getPCTerminalMatch(regexp, userAgent) {
         const match = userAgent.match(regexp);
@@ -652,18 +666,12 @@ class OSPredictor {
         this.versionDelimiterRegExp = /[\s_]/g;
     }
     isNameMatch(userAgent) {
-        if (userAgent) {
-            return this.nameRegExp.some((condition) => condition.test(userAgent));
-        }
-        return false;
+        return this.nameRegExp.some((condition) => condition.test(userAgent));
     }
     predict(userAgent) {
-        if (userAgent) {
-            const name = this.getName(userAgent);
-            const version = this.getVersion(userAgent);
-            return new OperatingSystemDto(name, version);
-        }
-        return null;
+        const name = this.getName(userAgent);
+        const version = this.getVersion(userAgent);
+        return new OperatingSystemDto(name, version);
     }
     getName(userAgent) {
         const match = userAgent.match(/\((.*?)\)/);
@@ -770,16 +778,25 @@ function requestIdleCallback(callback) {
     }
 }
 function getOrigin() {
-    return globalThis && globalThis.location ? globalThis.location.origin : null;
+    return globalThis.location.origin;
 }
 function getUserAgent() {
-    return globalThis && globalThis.navigator
-        ? globalThis.navigator.userAgent
-        : null;
+    return globalThis.navigator.userAgent;
 }
 function isLocalHost() {
-    const origin = getOrigin();
-    return origin ? origin.includes('localhost') : false;
+    return getOrigin().includes('localhost');
+}
+function canAccessBrowserApi() {
+    try {
+        return (globalThis &&
+            !!globalThis.localStorage &&
+            !!globalThis.navigator &&
+            !!globalThis.location);
+    }
+    catch (error) {
+        LogUtility.debug('Failed to access browser localStorage, navigator or location:', error);
+        return false;
+    }
 }
 
 class MetricsEnvironmentGenerator {
@@ -928,17 +945,19 @@ class VegaTelemetryRuntimeMetricsManager {
     emit(runtimeMetricsPayloadType, runtimeMetricsPayload) {
         requestIdleCallback(() => {
             try {
-                switch (runtimeMetricsPayloadType) {
-                    case RuntimeMetricsPayloadTypeEnum.ComponentUsagePayload: {
-                        Emittor.emit(new ComponentUsageMetricsPayloadEmitDto(runtimeMetricsPayloadType, runtimeMetricsPayload['componentName'], runtimeMetricsPayload['data']));
-                        break;
-                    }
-                    case RuntimeMetricsPayloadTypeEnum.FeatureFlagOverriddenPayload: {
-                        Emittor.emit(new FeatureFlagOverriddenMetricsPayloadEmitDto(runtimeMetricsPayloadType, runtimeMetricsPayload['featureFlagName'], runtimeMetricsPayload['featureFlagOverriddenValue']));
-                        break;
-                    }
-                    default: {
-                        throw new Error(`Unknown runtime metrics payload type: ${runtimeMetricsPayloadType}`);
+                if (canAccessBrowserApi()) {
+                    switch (runtimeMetricsPayloadType) {
+                        case RuntimeMetricsPayloadTypeEnum.ComponentUsagePayload: {
+                            Emittor.emit(new ComponentUsageMetricsPayloadEmitDto(runtimeMetricsPayloadType, runtimeMetricsPayload['componentName'], runtimeMetricsPayload['data']));
+                            break;
+                        }
+                        case RuntimeMetricsPayloadTypeEnum.FeatureFlagOverriddenPayload: {
+                            Emittor.emit(new FeatureFlagOverriddenMetricsPayloadEmitDto(runtimeMetricsPayloadType, runtimeMetricsPayload['featureFlagName'], runtimeMetricsPayload['featureFlagOverriddenValue']));
+                            break;
+                        }
+                        default: {
+                            throw new Error(`Unknown runtime metrics payload type: ${runtimeMetricsPayloadType}`);
+                        }
                     }
                 }
             }
@@ -949,7 +968,9 @@ class VegaTelemetryRuntimeMetricsManager {
     }
     init(featureFlagController) {
         try {
-            MetricsDispatcherRegister$1.register(featureFlagController);
+            if (canAccessBrowserApi()) {
+                MetricsDispatcherRegister$1.register(featureFlagController);
+            }
         }
         catch (error) {
             LogUtility.error('Vega telemetry failed to register event:', error);

package/dist/cjs/{index-5a81786f.js → index-b8881ddc.js}

@@ -7,7 +7,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const dynamicSlimmer = require('./dynamic-slimmer-d5ea4204.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
-const internalVegaEventManager = require('./internalVegaEventManager-a3672e0c.js');
+const internalVegaEventManager = require('./internalVegaEventManager-543c20cb.js');
 
 /**
  * Vega loader controller to control the loading indicator
@@ -3078,8 +3078,9 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.12.0` will be replaced to a version string during bundling by plugin
-    this.vegaVersion = '2.12.0';
+    // The `2.14.0` will be replaced to a version string when running publish script.
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    this.vegaVersion = '2.14.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/index.cjs.js

@@ -4,20 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const designToken = require('./designToken-91ea7c25.js');
+const designToken = require('./designToken-3904c6b7.js');
 const string = require('./string-21427167.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
 const icons = require('./icons-dbc3eb9c.js');
 const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-077fc009.js');
-const index = require('./index-5a81786f.js');
-const featureFlagController = require('./featureFlagController-da4c779b.js');
+const index = require('./index-b8881ddc.js');
+const featureFlagController = require('./featureFlagController-ab94fd4f.js');
 const vegaDialogController = require('./vegaDialogController-756ed849.js');
-const internalVegaEventManager = require('./internalVegaEventManager-a3672e0c.js');
+const internalVegaEventManager = require('./internalVegaEventManager-543c20cb.js');
 const iconManager = require('./iconManager-a9c2209d.js');
 const validCreditCardNumberRule = require('./validCreditCardNumberRule-8721ca05.js');
 require('./responsiveFormatFacade-12dd896d.js');
 require('./number-459031f7.js');
+require('./stateBackgroundColorFormatter-96a26ee7.js');
 require('./regex-c1f70fd4.js');
 require('./misc-0197689b.js');
 require('./ui-fa68545a.js');
@@ -25,8 +26,8 @@ require('./zIndexManager-48482b9d.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./index-55e89877.js');
-require('./vegaEventId-1a0eb6b5.js');
+require('./index-3183748d.js');
+require('./vegaEventId-d7774262.js');
 
 /* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */

package/dist/cjs/{internalVegaEventManager-a3672e0c.js → internalVegaEventManager-543c20cb.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 
 const entries = [
@@ -12,6 +12,7 @@ const entries = [
   ['vega-button-circle', [vegaEventId.VegaClick]],
   ['vega-button-group', [vegaEventId.VegaClick]],
   ['vega-button-link', [vegaEventId.VegaClick]],
+  ['vega-calendar', [vegaEventId.VegaChange, vegaEventId.VegaEventClick]],
   ['vega-carousel', [vegaEventId.VegaPageUpdate]],
   ['vega-checkbox', [vegaEventId.VegaChange]],
   ['vega-checkbox-group', [vegaEventId.VegaChange]],

package/dist/cjs/{legendInputProcessor-b1c5958c.js → legendInputProcessor-a3cdc806.js}

@@ -2,6 +2,7 @@
 
 const array$2 = require('./array-6e559cde.js');
 const typography = require('./typography-4560e7f1.js');
+const pixel = require('./pixel-b18a8279.js');
 
 /** The GraphContextFactory class provides a method to create and return either a HTMLCanvasElement or SVGElement based on the specified mode and container element. */
 class GraphContextFactory {
@@ -3924,34 +3925,6 @@ class RendererFactory {
   }
 }
 
-/**
- * The function parses a string representing a pixel value to a number, or returns the input if it is already a number.
- *
- * @param {number | string} input - The input parameter can be either a number or a string. If it is a
- * string, it should be in the format of a CSS pixel value (e.g. "10px").
- * @returns {number} returns a number. If the input is already a number, it returns the input as is. If the input is a string, it attempts to extract a number from the
- * string by removing the 'px' suffix and converting the remaining string to a number. If the string
- * cannot be converted to a number, it returns 0.
- */
-function parsePixelStringToNumber(input) {
-  return typeof input === 'number'
-    ? input
-    : input && !isNaN(Number(input.replace('px', '')))
-      ? Number(input.replace('px', ''))
-      : 0;
-}
-/**
- * The function takes a number or string input and returns a string with 'px' appended if the input is a number.
- *
- * @param {number | string} input - The input parameter can be either a number or a string. If it is a
- * number, the function will convert it to a string and append the 'px' unit to it. If it is already a string, the function will simply return it as is.
- * @returns {string} returns a string that represents a CSS pixel value. If the input is a number, it concatenates the number with the string 'px'. If the input is already a
- * string, it returns the input string as is.
- */
-function parseNumberToPixelString(input) {
-  return typeof input === 'number' ? input + 'px' : input;
-}
-
 const DEFAULT_LAYOUT = {
   width: undefined,
   height: undefined,
@@ -3986,10 +3959,10 @@ class ChartDimensionController {
   setContainerWidthAndHeight(layout) {
     const { width, height } = layout;
     if (width !== undefined) {
-      this.container.style.width = parseNumberToPixelString(width);
+      this.container.style.width = pixel.parseNumberToPixelString(width);
     }
     if (height !== undefined) {
-      this.container.style.height = parseNumberToPixelString(height);
+      this.container.style.height = pixel.parseNumberToPixelString(height);
     }
   }
   /**
@@ -4001,7 +3974,7 @@ class ChartDimensionController {
    */
   getContainerClientWidth(layout) {
     return (this.container.clientWidth ||
-      parsePixelStringToNumber((layout === null || layout === void 0 ? void 0 : layout.width) || this.container.style.width));
+      pixel.parsePixelStringToNumber((layout === null || layout === void 0 ? void 0 : layout.width) || this.container.style.width));
   }
   /**
    * This function returns the height of a container element in pixels, either by accessing its clientHeight property or by parsing a string value from the layout object.
@@ -4012,7 +3985,7 @@ class ChartDimensionController {
    */
   getContainerClientHeight(layout) {
     return (this.container.clientHeight ||
-      parsePixelStringToNumber((layout === null || layout === void 0 ? void 0 : layout.height) || this.container.style.height));
+      pixel.parsePixelStringToNumber((layout === null || layout === void 0 ? void 0 : layout.height) || this.container.style.height));
   }
   /**
    * This function calculates the inner width of a chart container by subtracting the left and right margins from the client width.