@heartlandone/vega 1.36.1 → 1.38.0

package/dist/cjs/{app-globals-10b08b3a.js → app-globals-3462692c.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-const log = require('./log-0e500258.js');
-const themeManager = require('./themeManager-27f2b6aa.js');
-const vegaDialogController = require('./vegaDialogController-7b71945a.js');
+const featureFlagController = require('./featureFlagController-3a330da8.js');
+const themeManager = require('./themeManager-6ba8be2a.js');
+const log = require('./log-5d8066e0.js');
+const vegaDialogController = require('./vegaDialogController-d2ae40fb.js');
 
 /**
  * Default export function that will be used by stencil global script,
@@ -22,7 +23,7 @@ function appGlobalScript () {
  */
 function disableFeatureFlagFromClientGlobal() {
   if (globalThis['VegaDisabledFeatureKeys']) {
-    log.FeatureFlag.disable(...globalThis['VegaDisabledFeatureKeys']);
+    featureFlagController.FeatureFlag.disable(...globalThis['VegaDisabledFeatureKeys']);
   }
 }
 /**
@@ -30,7 +31,7 @@ function disableFeatureFlagFromClientGlobal() {
  */
 function enableFeatureFlagFromClientGlobal() {
   if (globalThis['VegaEnabledFeatureKeys']) {
-    log.FeatureFlag.enable(...globalThis['VegaEnabledFeatureKeys']);
+    featureFlagController.FeatureFlag.enable(...globalThis['VegaEnabledFeatureKeys']);
   }
 }
 /**

package/dist/cjs/{breakpoints-2c150832.js → breakpoints-07fcbeba.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const ui = require('./ui-bbf1eed1.js');
+const ui = require('./ui-bac156c5.js');
 const breakpoints = require('./breakpoints-23bb4f74.js');
 
 /**
@@ -14,10 +14,11 @@ const getCurrentBreakpoint = () => {
   for (index; index >= 0; index--) {
     const breakpointKey = ui.BreakpointKeys[index];
     if (breakpointKey === 'default')
-      return 'default';
+      break;
     if (windowWidth >= breakpoints.Breakpoints[breakpointKey])
       return breakpointKey;
   }
+  return 'default';
 };
 /**
  * Completion breakponts, eg:

package/dist/cjs/{component-6111461d.js → component-47a7ca06.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-const log = require('./log-0e500258.js');
+const featureFlagController = require('./featureFlagController-3a330da8.js');
+const log = require('./log-5d8066e0.js');
 
 const exemptionClasses = [
   'vega-flex-grow',
@@ -32,7 +33,7 @@ const exemptionClasses = [
  * @returns {T} processed vega component
  */
 function sanitizeVegaComponent(renderedOutput, hostElement) {
-  if (log.FeatureFlag.isEnabled('VEGA_COMPONENT.SANITIZE_VEGA_COMPONENT')) {
+  if (featureFlagController.FeatureFlag.isEnabled('VEGA_COMPONENT.SANITIZE_VEGA_COMPONENT')) {
     checkIfInAllowedClassList(renderedOutput, hostElement);
     checkIfUseDataShrink(hostElement);
   }
@@ -91,5 +92,26 @@ function checkIfUseDataShrink(hostElement) {
     });
   }
 }
+const componentLifecycleMethods = [
+  'connectedCallback',
+  'disconnectedCallback',
+  'componentWillRender',
+  'componentDidRender',
+  'componentWillLoad',
+  'componentDidLoad',
+  'componentWillUpdate',
+  'componentDidUpdate',
+  'render',
+];
+/**
+ * The function checks if a given method name is a component lifecycle method.
+ *
+ * @param {string} methodName - A string representing the name of a method.
+ * @returns {boolean} Whether is component lifecycle method or not.
+ */
+const isComponentLifecycleMethod = (methodName) => {
+  return componentLifecycleMethods.includes(methodName);
+};
 
+exports.isComponentLifecycleMethod = isComponentLifecycleMethod;
 exports.sanitizeVegaComponent = sanitizeVegaComponent;

package/dist/cjs/{designToken-0231398e.js → designToken-e233e014.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const typeGuard = require('./typeGuard-bb401d05.js');
+const typeGuard = require('./typeGuard-74783cb0.js');
 const breakpoints = require('./breakpoints-23bb4f74.js');
-const log = require('./log-0e500258.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-1635c5dd.js');
+const log = require('./log-5d8066e0.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-b04b9434.js');
 
 /**
  * It logs a warning message to the console.

package/dist/cjs/{log-0e500258.js → featureFlagController-3a330da8.js}

@@ -85,22 +85,26 @@ const FeatureFlagsMap = {
     createdTimestamp: 1685513925082,
     createdAtVersion: '1.34.0',
   },
-  'VEGA_VUE.EVENT_NAME_PATCH': {
-    description: `Feature flag to emit formatted event name for Vue framework`,
-    createdTimestamp: 1685948692247,
-    createdAtVersion: '1.35.0',
-    disabledByDefault: true,
-  },
-  'VEGA_VUE.EMIT_KEBAB_CASE_EVENT_NAME': {
-    description: `Feature flag to emit kebab case event name for Vue framework`,
-    createdTimestamp: 1685948692247,
-    createdAtVersion: '1.35.0',
+  'VEGA_VUE.EMIT_CAMEL_CASE_EVENT_NAME': {
+    description: `Feature flag to emit camel case event name for Vue framework`,
+    createdTimestamp: 1688971026741,
+    createdAtVersion: '1.37.0',
   },
   'VEGA_ITEM_TOGGLE_ISERROR_DEPRECATED': {
     description: `Feature flag to deprecated the component vega-item-toggle property isError`,
     createdTimestamp: 1687934508330,
     createdAtVersion: '1.36.0',
   },
+  'VEGA_BUTTON_LINK.DEPRECATED_EVENTFUL': {
+    description: `Feature flag to deprecated eventful property`,
+    createdTimestamp: 1689313658898,
+    createdAtVersion: '1.36.1',
+  },
+  'VEGA_DROPDOWN.RENAME_PREFIX_TO_PREFIX_ICON': {
+    description: `Feature flag to rename prefix to prefixIcon`,
+    createdTimestamp: 1689576347049,
+    createdAtVersion: '1.37.0',
+  },
 };
 const FeatureFlagsMap$1 = Object.freeze(FeatureFlagsMap);
 
@@ -151,74 +155,4 @@ class FeatureFlagController {
 }
 const FeatureFlag = new FeatureFlagController();
 
-/**
- *  LogUtility is a wrapper class for console.log/warn/error with vega branding prefix
- */
-class LogUtility {
-  /**
-   * `setVegaLogLevel` sets the log level for the Vega logger
-   *
-   * @param {LogLevelType} level - The log level to set.
-   */
-  static setVegaLogLevel(level) {
-    this.logLevel = level;
-  }
-  /**
-   * Prints a log message to the console
-   *
-   * @param {unknown[]} message - The message to log.
-   */
-  static log(...message) {
-    if (this.shouldLog('log')) {
-      console.log(`%c${this.LOG_PREFIX_STR}`, this.LOG_PREFIX_STYLE, ...message);
-    }
-  }
-  /**
-   * Prints a warning message to the console
-   *
-   * @param {unknown[]} message - The message to log.
-   */
-  static warn(...message) {
-    if (this.shouldLog('warn')) {
-      console.warn(`%c${this.LOG_PREFIX_STR}`, this.LOG_PREFIX_STYLE, ...message);
-    }
-  }
-  /**
-   * Prints an error message to the console
-   *
-   * @param {unknown[]} message - The message to be logged.
-   */
-  static error(...message) {
-    if (this.shouldLog('error')) {
-      console.error(`%c${this.LOG_PREFIX_STR}`, this.LOG_PREFIX_STYLE, ...message);
-    }
-  }
-  /**
-   * If the current log level is less than or equal to the expected log level, then log
-   *
-   * @param {LogLevelType} level - LogLevelType - The log level of the message.
-   * @returns {boolean} A boolean value.
-   */
-  static shouldLog(level) {
-    const current = this.LOG_LEVELS.findIndex((item) => item === level);
-    const expect = this.LOG_LEVELS.findIndex((item) => item === this.logLevel);
-    return current <= expect;
-  }
-}
-LogUtility.logLevel = 'error';
-LogUtility.LOG_PREFIX_STR = '[Vega]';
-LogUtility.LOG_PREFIX_STYLE = 'font-weight: bold';
-LogUtility.LOG_LEVELS = ['off', 'error', 'warn', 'log'];
-/**
- * > Sets the log level for the Vega library
- *
- * @param {LogLevelType} level - The log level to set.
- * @returns {void} -
- */
-function setVegaLogLevel(level) {
-  LogUtility.setVegaLogLevel(level);
-}
-
 exports.FeatureFlag = FeatureFlag;
-exports.LogUtility = LogUtility;
-exports.setVegaLogLevel = setVegaLogLevel;

package/dist/cjs/index-0ca30e90.js

@@ -1777,10 +1777,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
       }
       switch(bundleId) {
         
-        case 'vega-banner_37.cjs':
+        case 'vega-banner_34.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
-            './vega-banner_37.cjs.entry.js')); }).then(processMod, consoleError);
+            './vega-banner_34.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-accordion.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
@@ -1837,6 +1837,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-left-nav.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-loading-indicator.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-loading-indicator.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-option.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
@@ -1861,6 +1865,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-textarea.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-virtual-scroll.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-virtual-scroll.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-chip.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
@@ -1869,6 +1877,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-left-nav-group_3.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-counter-badge.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-counter-badge.cjs.entry.js')); }).then(processMod, consoleError);
       }
     }
     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(

package/dist/cjs/index.cjs.js

@@ -2,23 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const breakpoints = require('./breakpoints-2c150832.js');
-const log = require('./log-0e500258.js');
-const designToken = require('./designToken-0231398e.js');
+const breakpoints = require('./breakpoints-07fcbeba.js');
+const log = require('./log-5d8066e0.js');
+const designToken = require('./designToken-e233e014.js');
 const string = require('./string-21427167.js');
-const typeGuard = require('./typeGuard-bb401d05.js');
+const typeGuard = require('./typeGuard-74783cb0.js');
 const breakpoints$1 = require('./breakpoints-23bb4f74.js');
 const icons = require('./icons-44ed411d.js');
 const typography = require('./typography-9f9d8d04.js');
-const ui = require('./ui-bbf1eed1.js');
-const themeManager = require('./themeManager-27f2b6aa.js');
-const vegaDialogController = require('./vegaDialogController-7b71945a.js');
-require('./responsiveFormatFacade-1635c5dd.js');
+const ui = require('./ui-bac156c5.js');
+const featureFlagController = require('./featureFlagController-3a330da8.js');
+const themeManager = require('./themeManager-6ba8be2a.js');
+const vegaDialogController = require('./vegaDialogController-d2ae40fb.js');
+require('./responsiveFormatFacade-b04b9434.js');
 require('./number-7e7d9981.js');
-require('./misc-aa481a6d.js');
-require('./ui-7db8ff4a.js');
+require('./misc-3d30df91.js');
+require('./ui-824caf47.js');
 require('./ui.type-655d8879.js');
-require('./zIndexManager-d4174c1c.js');
+require('./zIndexManager-d5650f0d.js');
 require('./tinycolor-14174cd4.js');
 
 /* This file is generated by vega-design 2.0.71 */
@@ -28,7 +29,6 @@ require('./tinycolor-14174cd4.js');
 const Rings = ["ring-input-focus", "dark-ring-input-focus", "ring-input-danger-focus", "dark-ring-input-danger-focus", "ring-action-focus", "dark-ring-action-focus", "ring-action-danger-focus", "dark-ring-action-danger-focus"];
 
 exports.getCurrentBreakpoint = breakpoints.getCurrentBreakpoint;
-exports.FeatureFlag = log.FeatureFlag;
 exports.LogUtility = log.LogUtility;
 exports.setVegaLogLevel = log.setVegaLogLevel;
 exports.formatAndValidBackgroundColor = designToken.formatAndValidBackgroundColor;
@@ -56,6 +56,7 @@ exports.Icons = icons.Icons;
 exports.getIconFromToken = icons.getIconFromToken;
 exports.Typography = typography.Typography;
 exports.BreakpointKeys = ui.BreakpointKeys;
+exports.FeatureFlag = featureFlagController.FeatureFlag;
 exports.VegaLoader = themeManager.VegaLoader;
 exports.VegaNotify = themeManager.VegaNotify;
 exports.VegaThemeManager = themeManager.VegaThemeManager;

package/dist/cjs/{injectElementAppender-a90ff4ba.js → injectElementAppender-d6a91296.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const log = require('./log-0e500258.js');
-const ui = require('./ui-bbf1eed1.js');
-const typeGuard = require('./typeGuard-bb401d05.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-1635c5dd.js');
-const ui$1 = require('./ui-7db8ff4a.js');
-const zIndexManager = require('./zIndexManager-d4174c1c.js');
+const log = require('./log-5d8066e0.js');
+const ui = require('./ui-bac156c5.js');
+const typeGuard = require('./typeGuard-74783cb0.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-b04b9434.js');
+const ui$1 = require('./ui-824caf47.js');
+const zIndexManager = require('./zIndexManager-d5650f0d.js');
 
 /**
  * Get the position of the element in the container according to the target element and the placement
@@ -873,4 +873,5 @@ class ElementAppenderListener {
 }
 ElementAppenderListener.DELAY_HIDE_TIME = 100;
 
+exports.ElementAppender = ElementAppender;
 exports.InjectElementAppender = InjectElementAppender;

package/dist/cjs/{injectFormFieldController-be1c3d42.js → injectFormFieldController-30fb2f9a.js}

@@ -1,8 +1,9 @@
 'use strict';
 
-const log = require('./log-0e500258.js');
-const observer = require('./observer-b2f7a866.js');
-const ui = require('./ui-7db8ff4a.js');
+const featureFlagController = require('./featureFlagController-3a330da8.js');
+const observer = require('./observer-ce58653c.js');
+const ui = require('./ui-824caf47.js');
+const misc = require('./misc-3d30df91.js');
 const string = require('./string-21427167.js');
 
 /**
@@ -61,8 +62,8 @@ class FormFieldController {
    * @param {boolean} showError whether the validation result should be reflected in UI
    * @returns {boolean} A boolean value.
    */
-  validate(showError) {
-    return this.valid([], showError);
+  async validate(showError) {
+    return await this.valid([], showError);
   }
   /**
    * This function adds a listener to the listeners array.
@@ -108,25 +109,16 @@ class FormFieldController {
   /**
    * valid function to validate the rules
    */
-  valid(triggerStatus, showError = 'rule') {
+  async valid(triggerStatus, showError = 'rule') {
+    const UUID = misc.generateUUID();
+    this.validId = UUID;
     const input = this.hostElement.value;
-    const firstInvalidResult = this.getFirstInvalidRuleResult(input, triggerStatus);
-    let isValid = true;
-    if (firstInvalidResult) {
-      if (showError === 'rule') {
-        firstInvalidResult.shouldShowError
-          ? this.applyInputInvalidUI(firstInvalidResult.message)
-          : this.resetInputInvalidUI();
-      }
-      else {
-        showError ? this.applyInputInvalidUI(firstInvalidResult.message) : this.resetInputInvalidUI();
-      }
-      isValid = false;
-    }
-    else {
-      this.resetInputInvalidUI();
+    this.checkIncludesAsyncRules(input, triggerStatus);
+    const firstInvalidResult = await this.getFirstInvalidRuleResult(input, triggerStatus);
+    const isValid = firstInvalidResult ? false : true;
+    if (UUID === this.validId) {
+      this.handleValidationResult(showError, firstInvalidResult);
     }
-    this.invokeListeners(isValid);
     return isValid;
   }
   /**
@@ -136,10 +128,11 @@ class FormFieldController {
    * @param {(keyof FormFieldStatusMeta)[]} statusChanged - (keyof FormFieldStatusMeta)[]
    * @returns {ValidationResult | null} The first invalid rule result.
    */
-  getFirstInvalidRuleResult(input, statusChanged) {
+  async getFirstInvalidRuleResult(input, statusChanged) {
     const status = this.getStatus();
-    for (const rule of this.getRules().filter((rule) => rule.canEvaluate(input, status, statusChanged))) {
-      const evaluateResult = rule.evaluate(input);
+    const canEvaluateRules = this.getAllCanEvaluateRules(input, statusChanged);
+    for (const rule of canEvaluateRules) {
+      const evaluateResult = await rule.evaluate(input);
       const shouldShowError = rule.shouldShowError
         ? rule.shouldShowError(status, statusChanged)
         : this.defaultShouldShowError(status);
@@ -173,6 +166,65 @@ class FormFieldController {
     errorContainer.classList.add('vega-hidden');
     inputContainer.classList.remove('error');
   }
+  /**
+   * The function handles the validation result and updates the UI accordingly.
+   *
+   * @param {boolean | 'rule'} showError - which indicates that the error message should only be shown if the `shouldShowError` property of the
+   * `validationResult` object is `true` or `rule`
+   * @param {ValidationResult} invalidationResult - The `validationResult` parameter is an object that
+   * represents the result of a validation process. It contains information about whether the validation
+   * was successful or not, and an optional error message.
+   * @returns {boolean} a boolean value, which represents whether the validation result is valid or not.
+   */
+  handleValidationResult(showError, invalidationResult) {
+    let isValid = true;
+    if (invalidationResult) {
+      if (showError === 'rule') {
+        invalidationResult.shouldShowError
+          ? this.applyInputInvalidUI(invalidationResult.message)
+          : this.resetInputInvalidUI();
+      }
+      else {
+        showError ? this.applyInputInvalidUI(invalidationResult.message) : this.resetInputInvalidUI();
+      }
+      isValid = false;
+    }
+    else {
+      this.resetInputInvalidUI();
+    }
+    this.invokeListeners(isValid);
+    //change pending valid should be in last to solve the vegaValidate event emit issue
+    observer.ChangeManager.notify(observer.FORM_FIELD_PENDING_VALID_CHANGE, {
+      host: this.hostElement,
+      detail: isValid,
+    });
+    return isValid;
+  }
+  /**
+   * The function returns an array of validation rules that can be evaluated based on the input, current status, and any changed status.
+   *
+   * @param {unknown} input - The input parameter represents the value that needs to be validated against the validation rules. It is of type T, which means it can be any data type.
+   * @param {(keyof FormFieldStatusMeta)[]} statusChanged - The `statusChanged` parameter is an array of
+   * keys from the `FormFieldStatusMeta` object. It represents the fields whose status has changed.
+   * @returns {FormFieldValidationRule<unknown>[]} an array of `FormFieldValidationRule<T>` objects.
+   */
+  getAllCanEvaluateRules(input, statusChanged) {
+    const status = this.getStatus();
+    return this.getRules().filter((rule) => rule.canEvaluate(input, status, statusChanged));
+  }
+  /**
+   * The function checks if there are any async validation rules that need to be evaluated for a given input and list of changed status keys.
+   *
+   * @param {unknown} input - The `input` parameter is of type `T` and represents the value that needs to be validated. It is the input value for which the validation rules will be evaluated.
+   * @param {(keyof FormFieldStatusMeta)[]} statusChanged - statusChanged is an array of keys from the FormFieldStatusMeta interface.
+   */
+  checkIncludesAsyncRules(input, statusChanged) {
+    const canEvaluateRules = this.getAllCanEvaluateRules(input, statusChanged);
+    const hasAsyncRule = canEvaluateRules.find((rule) => misc.isAsyncFunction(rule.evaluate));
+    if (hasAsyncRule) {
+      observer.ChangeManager.notify(observer.FORM_FIELD_PENDING_VALID_CHANGE, { host: this.hostElement, detail: null });
+    }
+  }
   /**
    * Get the input element container
    *
@@ -231,7 +283,7 @@ class FormFieldController {
     const prevIsTouched = this.isTouched;
     this.isTouched = touched;
     if (this.isAutoValidationEnabled()) {
-      this.valid(prevIsTouched === touched ? [] : ['touched']);
+      void this.valid(prevIsTouched === touched ? [] : ['touched']);
     }
   }
   /**
@@ -243,7 +295,7 @@ class FormFieldController {
     const prevIsModified = this.isModified;
     this.isModified = modified;
     if (this.isAutoValidationEnabled()) {
-      this.valid(prevIsModified === modified ? [] : ['modified']);
+      void this.valid(prevIsModified === modified ? [] : ['modified']);
     }
   }
   /**
@@ -253,7 +305,7 @@ class FormFieldController {
   initDisabledAttrObserver() {
     this.disabledAttrObserver = new MutationObserver(() => {
       if (this.isAutoValidationEnabled()) {
-        this.valid(['disabled']);
+        void this.valid(['disabled']);
       }
     });
     this.disabledAttrObserver.observe(this.hostElement, {
@@ -413,7 +465,7 @@ function InjectFormFieldController(option) {
     const { componentWillLoad, componentDidLoad, disconnectedCallback, connectedCallback, } = componentClass;
     /* eslint-disable jsdoc/require-jsdoc */
     const setInjectFormFieldHelper = (componentInstance) => {
-      const isFeatureEnabled = log.FeatureFlag.isEnabled('VEGA_INJECT_FORM_FIELD_CONTROLLER.ADD_DATA_VEGA_FORM_FILTER');
+      const isFeatureEnabled = featureFlagController.FeatureFlag.isEnabled('VEGA_INJECT_FORM_FIELD_CONTROLLER.ADD_DATA_VEGA_FORM_FILTER');
       if (!isFeatureEnabled ||
         (isFeatureEnabled && InjectFormFieldHelper.isValidFormField(componentInstance.host))) {
         componentInstance.injectFormFieldHelper = new InjectFormFieldHelper(componentInstance, validatorPropertyName, option);

package/dist/cjs/{injectKeyboardManager-e858f542.js → injectKeyboardManager-11888687.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const ui = require('./ui-7db8ff4a.js');
+const ui = require('./ui-824caf47.js');
 
 /**
  * It listens to the keyup event on the window and calls the appropriate method on the registered elements
@@ -116,3 +116,4 @@ function InjectKeyboardManager(listenersRetriever) {
 }
 
 exports.InjectKeyboardManager = InjectKeyboardManager;
+exports.KeyboardManager = KeyboardManager$1;

package/dist/cjs/{injectPageResizeObserver-afbd9227.js → injectPageResizeObserver-3be970dc.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const breakpoints = require('./breakpoints-2c150832.js');
+const breakpoints = require('./breakpoints-07fcbeba.js');
 
 /**
  * It creates a new `ResizeObserver` instance and observes the elements returned by the `targets`

package/dist/cjs/{legendInputProcessor-52b9a7cf.js → legendInputProcessor-b6868e9e.js}

@@ -3462,7 +3462,7 @@ class SVGRenderer extends BaseRenderer {
    * @param {string} textStyle - The text style of the axis
    */
   drawXAxis(extend, color, textStyle) {
-    const { scale, end, labelFormatter } = extend;
+    const { scale, end, labelFormatter, direction, height } = extend;
     let axis = axisBottom(scale);
     if (labelFormatter) {
       axis = axis.tickFormat(labelFormatter);
@@ -3479,6 +3479,12 @@ class SVGRenderer extends BaseRenderer {
       .call((g) => {
       g.selectAll('line').attr('stroke', color);
       g.selectAll('text').attr('style', textStyle);
+    })
+      .call((g) => {
+      if (direction === 'horizontal') {
+        g.selectAll('line').clone().attr('y2', `${-height}`);
+        g.select('.domain').attr('stroke-width', 0);
+      }
     });
   }
   /**
@@ -3490,7 +3496,7 @@ class SVGRenderer extends BaseRenderer {
    * @param {string} textStyle - The text style of the axis
    */
   drawYAxis(extend, color, textStyle) {
-    const { scale, labelFormatter, width, tickSize } = extend;
+    const { scale, labelFormatter, width, tickSize, direction } = extend;
     let axis = axisLeft(scale).ticks(tickSize);
     if (labelFormatter) {
       axis = axis.tickFormat(labelFormatter);
@@ -3508,7 +3514,12 @@ class SVGRenderer extends BaseRenderer {
       g.selectAll('text').attr('style', textStyle);
     })
       .call((g) => {
-      g.selectAll('line').clone().attr('x2', `${width}`);
+      if (direction !== 'horizontal') {
+        g.selectAll('line').clone().attr('x2', `${width}`);
+      }
+      else {
+        g.select('.domain').attr('stroke-width', 2).attr('stroke', color);
+      }
     });
   }
   /**