@hitachivantara/uikit-react-core 3.68.3 → 3.68.6

package/dist/Header/Navigation/MenuBar/MenuBar.js

@@ -117,10 +117,14 @@ process.env.NODE_ENV !== "production" ? MenuBar.propTypes = {
    *
    * id - the id to be applied to the root element.
    * label - the label to be rendered on the menu item.
+   * href - the url used for navigation.
+   * target - the behavior when opening an url.
    */
   data: _propTypes.default.arrayOf(_propTypes.default.shape({
     id: _propTypes.default.string.isRequired,
-    label: _propTypes.default.string.isRequired
+    label: _propTypes.default.string.isRequired,
+    href: _propTypes.default.string,
+    target: _propTypes.default.string
   })),
 
   /**

package/dist/Header/Navigation/MenuBar/MenuBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.js","names":["MenuBar","classes","id","data","onClick","type","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","clsx","root","hidden","active","list","map","propTypes","PropTypes","shape","string","menubar","menu","isRequired","arrayOf","label","func","oneOf","withStyles","styles","name"],"sources":["../../../../src/Header/Navigation/MenuBar/MenuBar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport MenuItem from \"../MenuItem\";\nimport styles from \"./styles\";\n\nconst MenuBar = ({ classes, id, data = [], onClick, type }) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n  const isActive = isMenu && data.filter((item) => item.id === selectionPath[1]).length > 0;\n\n  return (\n    <div\n      className={clsx(classes.root, classes[`${type}`], {\n        [classes.hidden]: isMenu,\n        [classes.active]: isActive,\n      })}\n    >\n      <ul id={id} className={classes.list} onFocus={() => {}}>\n        {data.map((item) => (\n          <MenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nMenuBar.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the menu bar.\n     */\n    menubar: PropTypes.string,\n    /**\n     * Styles applied to the menu.\n     */\n    menu: PropTypes.string,\n    /**\n     * Styles applied when in menu mode.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied when active.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    list: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    })\n  ),\n  /**\n   * Callback triggered when item is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The type of menu.\n   */\n  type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuBar\" })(MenuBar);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAA+C;EAAA,IAA5CC,OAA4C,QAA5CA,OAA4C;EAAA,IAAnCC,EAAmC,QAAnCA,EAAmC;EAAA,qBAA/BC,IAA+B;EAAA,IAA/BA,IAA+B,0BAAxB,EAAwB;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EAC7D,IAAMC,aAAa,GAAG,IAAAC,iBAAA,EAAWC,yBAAX,CAAtB;EAEA,IAAMC,MAAM,GAAGJ,IAAI,KAAK,MAAxB;EACA,IAAMK,QAAQ,GAAGD,MAAM,IAAIN,IAAI,CAACQ,MAAL,CAAY,UAACC,IAAD;IAAA,OAAUA,IAAI,CAACV,EAAL,KAAYI,aAAa,CAAC,CAAD,CAAnC;EAAA,CAAZ,EAAoDO,MAApD,GAA6D,CAAxF;EAEA,oBACE;IACE,SAAS,EAAE,IAAAC,aAAA,EAAKb,OAAO,CAACc,IAAb,EAAmBd,OAAO,WAAII,IAAJ,EAA1B,EACSI,MADT,IACRR,OAAO,CAACe,MADA,EAESN,QAFT,IAERT,OAAO,CAACgB,MAFA;EADb,gBAME;IAAI,EAAE,EAAEf,EAAR;IAAY,SAAS,EAAED,OAAO,CAACiB,IAA/B;IAAqC,OAAO,EAAE,mBAAM,CAAE;EAAtD,GACGf,IAAI,CAACgB,GAAL,CAAS,UAACP,IAAD;IAAA,oBACR,6BAAC,iBAAD;MAAU,GAAG,EAAEA,IAAI,CAACV,EAApB;MAAwB,IAAI,EAAEU,IAA9B;MAAoC,IAAI,EAAEP,IAA1C;MAAgD,OAAO,EAAED;IAAzD,EADQ;EAAA,CAAT,CADH,CANF,CADF;AAcD,CApBD;;AAsBA,wCAAAJ,OAAO,CAACoB,SAAR,GAAoB;EAClB;AACF;AACA;EACEnB,OAAO,EAAEoB,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEM,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIC,OAAO,EAAEH,kBAAA,CAAUE,MARI;;IASvB;AACJ;AACA;IACIE,IAAI,EAAEJ,kBAAA,CAAUE,MAZO;;IAavB;AACJ;AACA;IACIP,MAAM,EAAEK,kBAAA,CAAUE,MAhBK;;IAiBvB;AACJ;AACA;IACIN,MAAM,EAAEI,kBAAA,CAAUE,MApBK;;IAqBvB;AACJ;AACA;IACIL,IAAI,EAAEG,kBAAA,CAAUE;EAxBO,CAAhB,EAyBNG,UA7Be;;EA8BlB;AACF;AACA;EACExB,EAAE,EAAEmB,kBAAA,CAAUE,MAjCI;;EAkClB;AACF;AACA;AACA;AACA;AACA;EACEpB,IAAI,EAAEkB,kBAAA,CAAUM,OAAV,CACJN,kBAAA,CAAUC,KAAV,CAAgB;IACdpB,EAAE,EAAEmB,kBAAA,CAAUE,MAAV,CAAiBG,UADP;IAEdE,KAAK,EAAEP,kBAAA,CAAUE,MAAV,CAAiBG;EAFV,CAAhB,CADI,CAxCY;;EA8ClB;AACF;AACA;EACEtB,OAAO,EAAEiB,kBAAA,CAAUQ,IAjDD;;EAkDlB;AACF;AACA;EACExB,IAAI,EAAEgB,kBAAA,CAAUS,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB,EAAqCJ;AArDzB,CAApB;;eAwDe,IAAAK,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgDjC,OAAhD,C"}
+{"version":3,"file":"MenuBar.js","names":["MenuBar","classes","id","data","onClick","type","selectionPath","useContext","SelectionContext","isMenu","isActive","filter","item","length","clsx","root","hidden","active","list","map","propTypes","PropTypes","shape","string","menubar","menu","isRequired","arrayOf","label","href","target","func","oneOf","withStyles","styles","name"],"sources":["../../../../src/Header/Navigation/MenuBar/MenuBar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport MenuItem from \"../MenuItem\";\nimport styles from \"./styles\";\n\nconst MenuBar = ({ classes, id, data = [], onClick, type }) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n  const isActive = isMenu && data.filter((item) => item.id === selectionPath[1]).length > 0;\n\n  return (\n    <div\n      className={clsx(classes.root, classes[`${type}`], {\n        [classes.hidden]: isMenu,\n        [classes.active]: isActive,\n      })}\n    >\n      <ul id={id} className={classes.list} onFocus={() => {}}>\n        {data.map((item) => (\n          <MenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nMenuBar.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the menu bar.\n     */\n    menubar: PropTypes.string,\n    /**\n     * Styles applied to the menu.\n     */\n    menu: PropTypes.string,\n    /**\n     * Styles applied when in menu mode.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied when active.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    list: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ),\n  /**\n   * Callback triggered when item is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The type of menu.\n   */\n  type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuBar\" })(MenuBar);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAA+C;EAAA,IAA5CC,OAA4C,QAA5CA,OAA4C;EAAA,IAAnCC,EAAmC,QAAnCA,EAAmC;EAAA,qBAA/BC,IAA+B;EAAA,IAA/BA,IAA+B,0BAAxB,EAAwB;EAAA,IAApBC,OAAoB,QAApBA,OAAoB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EAC7D,IAAMC,aAAa,GAAG,IAAAC,iBAAA,EAAWC,yBAAX,CAAtB;EAEA,IAAMC,MAAM,GAAGJ,IAAI,KAAK,MAAxB;EACA,IAAMK,QAAQ,GAAGD,MAAM,IAAIN,IAAI,CAACQ,MAAL,CAAY,UAACC,IAAD;IAAA,OAAUA,IAAI,CAACV,EAAL,KAAYI,aAAa,CAAC,CAAD,CAAnC;EAAA,CAAZ,EAAoDO,MAApD,GAA6D,CAAxF;EAEA,oBACE;IACE,SAAS,EAAE,IAAAC,aAAA,EAAKb,OAAO,CAACc,IAAb,EAAmBd,OAAO,WAAII,IAAJ,EAA1B,EACSI,MADT,IACRR,OAAO,CAACe,MADA,EAESN,QAFT,IAERT,OAAO,CAACgB,MAFA;EADb,gBAME;IAAI,EAAE,EAAEf,EAAR;IAAY,SAAS,EAAED,OAAO,CAACiB,IAA/B;IAAqC,OAAO,EAAE,mBAAM,CAAE;EAAtD,GACGf,IAAI,CAACgB,GAAL,CAAS,UAACP,IAAD;IAAA,oBACR,6BAAC,iBAAD;MAAU,GAAG,EAAEA,IAAI,CAACV,EAApB;MAAwB,IAAI,EAAEU,IAA9B;MAAoC,IAAI,EAAEP,IAA1C;MAAgD,OAAO,EAAED;IAAzD,EADQ;EAAA,CAAT,CADH,CANF,CADF;AAcD,CApBD;;AAsBA,wCAAAJ,OAAO,CAACoB,SAAR,GAAoB;EAClB;AACF;AACA;EACEnB,OAAO,EAAEoB,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEM,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIC,OAAO,EAAEH,kBAAA,CAAUE,MARI;;IASvB;AACJ;AACA;IACIE,IAAI,EAAEJ,kBAAA,CAAUE,MAZO;;IAavB;AACJ;AACA;IACIP,MAAM,EAAEK,kBAAA,CAAUE,MAhBK;;IAiBvB;AACJ;AACA;IACIN,MAAM,EAAEI,kBAAA,CAAUE,MApBK;;IAqBvB;AACJ;AACA;IACIL,IAAI,EAAEG,kBAAA,CAAUE;EAxBO,CAAhB,EAyBNG,UA7Be;;EA8BlB;AACF;AACA;EACExB,EAAE,EAAEmB,kBAAA,CAAUE,MAjCI;;EAkClB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEpB,IAAI,EAAEkB,kBAAA,CAAUM,OAAV,CACJN,kBAAA,CAAUC,KAAV,CAAgB;IACdpB,EAAE,EAAEmB,kBAAA,CAAUE,MAAV,CAAiBG,UADP;IAEdE,KAAK,EAAEP,kBAAA,CAAUE,MAAV,CAAiBG,UAFV;IAGdG,IAAI,EAAER,kBAAA,CAAUE,MAHF;IAIdO,MAAM,EAAET,kBAAA,CAAUE;EAJJ,CAAhB,CADI,CA1CY;;EAkDlB;AACF;AACA;EACEnB,OAAO,EAAEiB,kBAAA,CAAUU,IArDD;;EAsDlB;AACF;AACA;EACE1B,IAAI,EAAEgB,kBAAA,CAAUW,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB,EAAqCN;AAzDzB,CAApB;;eA4De,IAAAO,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgDnC,OAAhD,C"}

package/dist/Header/Navigation/MenuItem/MenuItem.js

@@ -21,6 +21,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("core-js/modules/es.string.link.js");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -89,6 +93,17 @@ var MenuItem = function MenuItem(_ref) {
   };
 
   var isIe = (0, _browser.default)(["ie", "edge"]);
+
+  var label = /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: isSelected ? "selectedNavText" : "normalText"
+  }, item.label);
+
+  var itemProps = {
+    onClick: actionHandler,
+    onKeyDown: actionHandler,
+    tabIndex: 0,
+    onFocus: handleFocus
+  };
   return /*#__PURE__*/_react.default.createElement("li", {
     id: id,
     key: item.label,
@@ -96,16 +111,14 @@ var MenuItem = function MenuItem(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_ConditionalWrapper.default, {
     condition: isIe,
     wrapper: focusWrapper
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
+  }, item !== null && item !== void 0 && item.href ? /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.button, classes.link),
+    href: item === null || item === void 0 ? void 0 : item.href,
+    target: item === null || item === void 0 ? void 0 : item.target
+  }, itemProps), label) : /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     className: (0, _clsx.default)(classes.button),
-    onClick: actionHandler,
-    onKeyDown: actionHandler,
-    tabIndex: 0,
-    onFocus: handleFocus
-  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: isSelected ? "selectedNavText" : "normalText"
-  }, item.label))), hasSubLevel && /*#__PURE__*/_react.default.createElement(_MenuBar.default, {
+    role: "button"
+  }, itemProps), label)), hasSubLevel && /*#__PURE__*/_react.default.createElement(_MenuBar.default, {
     data: data,
     onClick: onClick,
     type: "menu"
@@ -137,6 +150,11 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
      */
     button: _propTypes.default.string,
 
+    /**
+     * Style applied to each item button when it is behaving as a.
+     */
+    link: _propTypes.default.string,
+
     /**
      * Style applied to the reference element used for ie focus.
      */
@@ -162,6 +180,8 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
   item: _propTypes.default.shape({
     id: _propTypes.default.string.isRequired,
     label: _propTypes.default.string.isRequired,
+    href: _propTypes.default.string,
+    target: _propTypes.default.string,
     data: _propTypes.default.arrayOf(_propTypes.default.shape({
       id: _propTypes.default.string.isRequired,
       label: _propTypes.default.string.isRequired

package/dist/Header/Navigation/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["MenuItem","classes","id","item","type","onClick","selectionPath","useContext","SelectionContext","FocusContext","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","isKeypress","KeyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","isBrowser","label","clsx","root","selectedItem","notSelectedItem","button","propTypes","PropTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","withStyles","styles","name"],"sources":["../../../../src/Header/Navigation/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../../utils/KeyboardUtils\";\nimport HvTypography from \"../../../Typography\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport ConditionalWrapper from \"../../../utils/ConditionalWrapper\";\nimport MenuBar from \"../MenuBar\";\nimport styles from \"./styles\";\nimport isBrowser from \"../../../utils/browser\";\n\nconst MenuItem = ({ classes, id, item, type, onClick }) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath[isMenu ? 1 : 0] === item.id;\n  const hasSubLevel = data && data.length;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, KeyboardCodes.Enter) ||\n      isKeypress(event, KeyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event) => {\n    dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>{childrenToWrap}</div>\n  );\n  const isIe = isBrowser([\"ie\", \"edge\"]);\n  return (\n    <li\n      id={id}\n      key={item.label}\n      className={clsx(classes.root, classes[`${type}Item`], {\n        [classes.selectedItem]: !isMenu && isSelected,\n        [classes.notSelectedItem]: !isMenu && !isSelected,\n      })}\n    >\n      <ConditionalWrapper condition={isIe} wrapper={focusWrapper}>\n        <div\n          role=\"button\"\n          className={clsx(classes.button)}\n          onClick={actionHandler}\n          onKeyDown={actionHandler}\n          tabIndex={0}\n          onFocus={handleFocus}\n        >\n          <HvTypography variant={isSelected ? \"selectedNavText\" : \"normalText\"}>\n            {item.label}\n          </HvTypography>\n        </div>\n      </ConditionalWrapper>\n      {hasSubLevel && <MenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </li>\n  );\n};\n\nMenuItem.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the first element in the hierarchy.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the li element when it is selected.\n     */\n    selectedItem: PropTypes.string,\n    /**\n     * Style applied to the li element when it isn't selected.\n     */\n    notSelectedItem: PropTypes.string,\n    /**\n     * Style applied to each item button.\n     */\n    button: PropTypes.string,\n    /**\n     * Style applied to the reference element used for ie focus.\n     */\n    externalReference: PropTypes.string,\n    /**\n     * Style applied to simulated a focus in ie.\n     */\n    falseFocus: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An object containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   */\n  item: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n      })\n    ),\n  }).isRequired,\n  /**\n   * Callback triggered when item is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The type of menu.\n   */\n  type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuItem\" })(MenuItem);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA0C;EAAA,IAAvCC,OAAuC,QAAvCA,OAAuC;EAAA,IAA9BC,EAA8B,QAA9BA,EAA8B;EAAA,IAA1BC,IAA0B,QAA1BA,IAA0B;EAAA,IAApBC,IAAoB,QAApBA,IAAoB;EAAA,IAAdC,OAAc,QAAdA,OAAc;EACzD,IAAMC,aAAa,GAAG,IAAAC,iBAAA,EAAWC,yBAAX,CAAtB;;EACA,kBAAqB,IAAAD,iBAAA,EAAWE,0BAAX,CAArB;EAAA,IAAQC,QAAR,eAAQA,QAAR;;EAEA,IAAQC,IAAR,GAAiBR,IAAjB,CAAQQ,IAAR;EACA,IAAMC,MAAM,GAAGR,IAAI,KAAK,MAAxB;EACA,IAAMS,UAAU,GAAGP,aAAa,CAACM,MAAM,GAAG,CAAH,GAAO,CAAd,CAAb,KAAkCT,IAAI,CAACD,EAA1D;EACA,IAAMY,WAAW,GAAGH,IAAI,IAAIA,IAAI,CAACI,MAAjC;;EAEA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;IAC/B,IACEA,KAAK,CAACb,IAAN,KAAe,OAAf,IACA,IAAAc,yBAAA,EAAWD,KAAX,EAAkBE,4BAAA,CAAcC,KAAhC,CADA,IAEA,IAAAF,yBAAA,EAAWD,KAAX,EAAkBE,4BAAA,CAAcE,QAAhC,CAHF,EAIE;MACA,IAAIJ,KAAK,CAACb,IAAN,KAAe,OAAnB,EAA4B;QAC1Ba,KAAK,CAACK,aAAN,CAAoBC,IAApB;MACD;;MAEDlB,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGY,KAAH,EAAUd,IAAV,CAAP;IACD;EACF,CAZD;;EAcA,IAAMqB,WAAW,GAAG,SAAdA,WAAc,CAACP,KAAD,EAAW;IAC7BP,QAAQ,CAAC;MAAEN,IAAI,EAAE,gBAAR;MAA0BqB,WAAW,EAAER,KAAK,CAACK;IAA7C,CAAD,CAAR;EACD,CAFD;;EAIA,IAAMI,YAAY,GAAG,SAAfA,YAAe,CAACC,cAAD;IAAA,oBACnB;MAAK,SAAS,EAAE1B,OAAO,CAAC2B;IAAxB,GAA4CD,cAA5C,CADmB;EAAA,CAArB;;EAGA,IAAME,IAAI,GAAG,IAAAC,gBAAA,EAAU,CAAC,IAAD,EAAO,MAAP,CAAV,CAAb;EACA,oBACE;IACE,EAAE,EAAE5B,EADN;IAEE,GAAG,EAAEC,IAAI,CAAC4B,KAFZ;IAGE,SAAS,EAAE,IAAAC,aAAA,EAAK/B,OAAO,CAACgC,IAAb,EAAmBhC,OAAO,WAAIG,IAAJ,UAA1B,EACe,CAACQ,MADhB,KAC0BC,UAD1B,GACRZ,OAAO,CAACiC,YADA,GAERjC,OAAO,CAACkC,eAFA;EAHb,gBAQE,6BAAC,2BAAD;IAAoB,SAAS,EAAEN,IAA/B;IAAqC,OAAO,EAAEH;EAA9C,gBACE;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAE,IAAAM,aAAA,EAAK/B,OAAO,CAACmC,MAAb,CAFb;IAGE,OAAO,EAAEpB,aAHX;IAIE,SAAS,EAAEA,aAJb;IAKE,QAAQ,EAAE,CALZ;IAME,OAAO,EAAEQ;EANX,gBAQE,6BAAC,mBAAD;IAAc,OAAO,EAAEX,UAAU,GAAG,iBAAH,GAAuB;EAAxD,GACGV,IAAI,CAAC4B,KADR,CARF,CADF,CARF,EAsBGjB,WAAW,iBAAI,6BAAC,gBAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEN,OAA9B;IAAuC,IAAI,EAAC;EAA5C,EAtBlB,CADF;AA0BD,CAzDD;;AA2DA,wCAAAL,QAAQ,CAACqC,SAAT,GAAqB;EACnB;AACF;AACA;EACEpC,OAAO,EAAEqC,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEK,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIN,YAAY,EAAEI,kBAAA,CAAUE,MARD;;IASvB;AACJ;AACA;IACIL,eAAe,EAAEG,kBAAA,CAAUE,MAZJ;;IAavB;AACJ;AACA;IACIJ,MAAM,EAAEE,kBAAA,CAAUE,MAhBK;;IAiBvB;AACJ;AACA;IACIZ,iBAAiB,EAAEU,kBAAA,CAAUE,MApBN;;IAqBvB;AACJ;AACA;IACIC,UAAU,EAAEH,kBAAA,CAAUE;EAxBC,CAAhB,EAyBNE,UA7BgB;;EA8BnB;AACF;AACA;EACExC,EAAE,EAAEoC,kBAAA,CAAUE,MAjCK;;EAkCnB;AACF;AACA;AACA;AACA;AACA;EACErC,IAAI,EAAEmC,kBAAA,CAAUC,KAAV,CAAgB;IACpBrC,EAAE,EAAEoC,kBAAA,CAAUE,MAAV,CAAiBE,UADD;IAEpBX,KAAK,EAAEO,kBAAA,CAAUE,MAAV,CAAiBE,UAFJ;IAGpB/B,IAAI,EAAE2B,kBAAA,CAAUK,OAAV,CACJL,kBAAA,CAAUC,KAAV,CAAgB;MACdrC,EAAE,EAAEoC,kBAAA,CAAUE,MAAV,CAAiBE,UADP;MAEdX,KAAK,EAAEO,kBAAA,CAAUE,MAAV,CAAiBE;IAFV,CAAhB,CADI;EAHc,CAAhB,EASHA,UAjDgB;;EAkDnB;AACF;AACA;EACErC,OAAO,EAAEiC,kBAAA,CAAUM,IArDA;;EAsDnB;AACF;AACA;EACExC,IAAI,EAAEkC,kBAAA,CAAUO,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB,EAAqCH;AAzDxB,CAArB;;eA4De,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAiDhD,QAAjD,C"}
+{"version":3,"file":"MenuItem.js","names":["MenuItem","classes","id","item","type","onClick","selectionPath","useContext","SelectionContext","FocusContext","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","isKeypress","KeyboardCodes","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","isBrowser","label","itemProps","onKeyDown","tabIndex","onFocus","clsx","root","selectedItem","notSelectedItem","href","button","link","target","propTypes","PropTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","withStyles","styles","name"],"sources":["../../../../src/Header/Navigation/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { KeyboardCodes, isKeypress } from \"../../../utils/KeyboardUtils\";\nimport HvTypography from \"../../../Typography\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport ConditionalWrapper from \"../../../utils/ConditionalWrapper\";\nimport MenuBar from \"../MenuBar\";\nimport styles from \"./styles\";\nimport isBrowser from \"../../../utils/browser\";\n\nconst MenuItem = ({ classes, id, item, type, onClick }) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath[isMenu ? 1 : 0] === item.id;\n  const hasSubLevel = data && data.length;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, KeyboardCodes.Enter) ||\n      isKeypress(event, KeyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event) => {\n    dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>{childrenToWrap}</div>\n  );\n  const isIe = isBrowser([\"ie\", \"edge\"]);\n  const label = (\n    <HvTypography variant={isSelected ? \"selectedNavText\" : \"normalText\"}>\n      {item.label}\n    </HvTypography>\n  );\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    tabIndex: 0,\n    onFocus: handleFocus,\n  };\n  return (\n    <li\n      id={id}\n      key={item.label}\n      className={clsx(classes.root, classes[`${type}Item`], {\n        [classes.selectedItem]: !isMenu && isSelected,\n        [classes.notSelectedItem]: !isMenu && !isSelected,\n      })}\n    >\n      <ConditionalWrapper condition={isIe} wrapper={focusWrapper}>\n        {item?.href ? (\n          <a\n            className={clsx(classes.button, classes.link)}\n            href={item?.href}\n            target={item?.target}\n            {...itemProps}\n          >\n            {label}\n          </a>\n        ) : (\n          <div className={clsx(classes.button)} role=\"button\" {...itemProps}>\n            {label}\n          </div>\n        )}\n      </ConditionalWrapper>\n      {hasSubLevel && <MenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </li>\n  );\n};\n\nMenuItem.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the first element in the hierarchy.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the li element when it is selected.\n     */\n    selectedItem: PropTypes.string,\n    /**\n     * Style applied to the li element when it isn't selected.\n     */\n    notSelectedItem: PropTypes.string,\n    /**\n     * Style applied to each item button.\n     */\n    button: PropTypes.string,\n    /**\n     * Style applied to each item button when it is behaving as a.\n     */\n    link: PropTypes.string,\n    /**\n     * Style applied to the reference element used for ie focus.\n     */\n    externalReference: PropTypes.string,\n    /**\n     * Style applied to simulated a focus in ie.\n     */\n    falseFocus: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An object containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   */\n  item: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    href: PropTypes.string,\n    target: PropTypes.string,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n      })\n    ),\n  }).isRequired,\n  /**\n   * Callback triggered when item is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The type of menu.\n   */\n  type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuItem\" })(MenuItem);\n"],"mappings":"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"}

package/dist/Header/Navigation/MenuItem/styles.js

@@ -90,6 +90,10 @@ var styles = function styles(theme) {
       },
       "&.focus-visible": _objectSpread({}, _styles.outlineStyles)
     },
+    link: {
+      display: "block",
+      textDecoration: "none"
+    },
     externalReference: _objectSpread({}, externalReference),
     falseFocus: _objectSpread(_objectSpread({}, falseFocus), {}, {
       top: "4px"

package/dist/Header/Navigation/MenuItem/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["externalReference","focusStyles","falseFocus","styles","theme","hoverColor","hv","palette","atmosphere","atmo3","root","display","backgroundColor","selectedItem","borderTop","accent","acce3","paddingTop","notSelectedItem","marginTop","button","border","cursor","padding","hvSpacing","outline","outlineStyles","top"],"sources":["../../../../src/Header/Navigation/MenuItem/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\nimport focusStyles, { outlineStyles } from \"../../../Focus/styles\";\n\nconst { externalReference, falseFocus } = focusStyles;\n\nconst styles = (theme) => {\n  const hoverColor = theme.hv.palette.atmosphere.atmo3;\n\n  return {\n    root: {\n      display: \"inline\",\n      \"&:hover\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:focus-within\": {\n          \"& > [role='button']\": {\n            backgroundColor: hoverColor,\n          },\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    selectedItem: {\n      borderTop: `2px solid ${theme.hv.palette.accent.acce3}`,\n      paddingTop: \"2px\",\n    },\n    notSelectedItem: {\n      marginTop: \"4px\",\n    },\n    button: {\n      border: \"none\",\n      cursor: \"pointer\",\n      padding: theme.hvSpacing(\"8px\", \"sm\"),\n      \"&:active\": {\n        outline: \"none\",\n      },\n      \"&:focus\": {\n        outline: \"none\",\n        backgroundColor: hoverColor,\n      },\n      \"&.focus-visible\": {\n        ...outlineStyles,\n      },\n    },\n    externalReference: {\n      ...externalReference,\n    },\n    falseFocus: {\n      ...falseFocus,\n      top: \"4px\",\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAQA,iBAAR,GAA0CC,eAA1C,CAAQD,iBAAR;AAAA,IAA2BE,UAA3B,GAA0CD,eAA1C,CAA2BC,UAA3B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAMC,UAAU,GAAGD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA/C;EAEA,OAAO;IACLC,IAAI,EAAE;MACJC,OAAO,EAAE,QADL;MAEJ,WAAW;QACT,uBAAuB;UACrBC,eAAe,EAAEP;QADI,CADd;QAIT,kBAAkB;UAChB,uBAAuB;YACrBO,eAAe,EAAEP;UADI;QADP;MAJT,CAFP;MAYJ;MACA,kBAAkB;QAChB,uBAAuB;UACrBO,eAAe,EAAEP;QADI;MADP;IAbd,CADD;IAoBLQ,YAAY,EAAE;MACZC,SAAS,sBAAeV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KAAvC,CADG;MAEZC,UAAU,EAAE;IAFA,CApBT;IAwBLC,eAAe,EAAE;MACfC,SAAS,EAAE;IADI,CAxBZ;IA2BLC,MAAM,EAAE;MACNC,MAAM,EAAE,MADF;MAENC,MAAM,EAAE,SAFF;MAGNC,OAAO,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,KAAhB,EAAuB,IAAvB,CAHH;MAIN,YAAY;QACVC,OAAO,EAAE;MADC,CAJN;MAON,WAAW;QACTA,OAAO,EAAE,MADA;QAETb,eAAe,EAAEP;MAFR,CAPL;MAWN,qCACKqB,qBADL;IAXM,CA3BH;IA0CL1B,iBAAiB,oBACZA,iBADY,CA1CZ;IA6CLE,UAAU,kCACLA,UADK;MAERyB,GAAG,EAAE;IAFG;EA7CL,CAAP;AAkDD,CArDD;;eAuDexB,M"}
+{"version":3,"file":"styles.js","names":["externalReference","focusStyles","falseFocus","styles","theme","hoverColor","hv","palette","atmosphere","atmo3","root","display","backgroundColor","selectedItem","borderTop","accent","acce3","paddingTop","notSelectedItem","marginTop","button","border","cursor","padding","hvSpacing","outline","outlineStyles","link","textDecoration","top"],"sources":["../../../../src/Header/Navigation/MenuItem/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\nimport focusStyles, { outlineStyles } from \"../../../Focus/styles\";\n\nconst { externalReference, falseFocus } = focusStyles;\n\nconst styles = (theme) => {\n  const hoverColor = theme.hv.palette.atmosphere.atmo3;\n\n  return {\n    root: {\n      display: \"inline\",\n      \"&:hover\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:focus-within\": {\n          \"& > [role='button']\": {\n            backgroundColor: hoverColor,\n          },\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    selectedItem: {\n      borderTop: `2px solid ${theme.hv.palette.accent.acce3}`,\n      paddingTop: \"2px\",\n    },\n    notSelectedItem: {\n      marginTop: \"4px\",\n    },\n    button: {\n      border: \"none\",\n      cursor: \"pointer\",\n      padding: theme.hvSpacing(\"8px\", \"sm\"),\n      \"&:active\": {\n        outline: \"none\",\n      },\n      \"&:focus\": {\n        outline: \"none\",\n        backgroundColor: hoverColor,\n      },\n      \"&.focus-visible\": {\n        ...outlineStyles,\n      },\n    },\n    link: {\n      display: \"block\",\n      textDecoration: \"none\",\n    },\n    externalReference: {\n      ...externalReference,\n    },\n    falseFocus: {\n      ...falseFocus,\n      top: \"4px\",\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;;;;;AAEA,IAAQA,iBAAR,GAA0CC,eAA1C,CAAQD,iBAAR;AAAA,IAA2BE,UAA3B,GAA0CD,eAA1C,CAA2BC,UAA3B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD,EAAW;EACxB,IAAMC,UAAU,GAAGD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA/C;EAEA,OAAO;IACLC,IAAI,EAAE;MACJC,OAAO,EAAE,QADL;MAEJ,WAAW;QACT,uBAAuB;UACrBC,eAAe,EAAEP;QADI,CADd;QAIT,kBAAkB;UAChB,uBAAuB;YACrBO,eAAe,EAAEP;UADI;QADP;MAJT,CAFP;MAYJ;MACA,kBAAkB;QAChB,uBAAuB;UACrBO,eAAe,EAAEP;QADI;MADP;IAbd,CADD;IAoBLQ,YAAY,EAAE;MACZC,SAAS,sBAAeV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KAAvC,CADG;MAEZC,UAAU,EAAE;IAFA,CApBT;IAwBLC,eAAe,EAAE;MACfC,SAAS,EAAE;IADI,CAxBZ;IA2BLC,MAAM,EAAE;MACNC,MAAM,EAAE,MADF;MAENC,MAAM,EAAE,SAFF;MAGNC,OAAO,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,KAAhB,EAAuB,IAAvB,CAHH;MAIN,YAAY;QACVC,OAAO,EAAE;MADC,CAJN;MAON,WAAW;QACTA,OAAO,EAAE,MADA;QAETb,eAAe,EAAEP;MAFR,CAPL;MAWN,qCACKqB,qBADL;IAXM,CA3BH;IA0CLC,IAAI,EAAE;MACJhB,OAAO,EAAE,OADL;MAEJiB,cAAc,EAAE;IAFZ,CA1CD;IA8CL5B,iBAAiB,oBACZA,iBADY,CA9CZ;IAiDLE,UAAU,kCACLA,UADK;MAER2B,GAAG,EAAE;IAFG;EAjDL,CAAP;AAsDD,CAzDD;;eA2De1B,M"}

package/dist/Header/Navigation/Navigation.d.ts

@@ -5,6 +5,8 @@ export interface NavigationItemProp {
   id: string;
   label: string;
   path?: string;
+  href?: string;
+  target?: string;
 }
 
 export type HvHeaderNavigationClassKey = "root";
@@ -20,6 +22,8 @@ export interface HvHeaderNavigationProps
    *
    * id - the id to be applied to the root element.
    * label - the label to be rendered on the menu item.
+   * href - the url for navigation.
+   * target - the behavior when opening a link.
    */
   data: NavigationItemProp[];
   /**

package/dist/Header/Navigation/Navigation.js

@@ -76,10 +76,14 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
    *
    * id - the id to be applied to the root element.
    * label - the label to be rendered on the menu item.
+   * href - the url used for navigation.
+   * target - the behavior when opening an url.
    */
   data: _propTypes.default.arrayOf(_propTypes.default.shape({
     id: _propTypes.default.string.isRequired,
-    label: _propTypes.default.string.isRequired
+    label: _propTypes.default.string.isRequired,
+    href: _propTypes.default.string,
+    target: _propTypes.default.string
   })).isRequired,
 
   /**

package/dist/Header/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","names":["Navigation","classes","className","data","selected","onClick","others","selectionPath","useSelectionPath","handleClick","event","selection","clsx","root","propTypes","PropTypes","shape","string","isRequired","arrayOf","id","label","func","withStyles","styles","name"],"sources":["../../../src/Header/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport SelectionContext from \"./utils/SelectionContext\";\nimport useSelectionPath from \"./utils/useSelectionPath\";\nimport MenuBar from \"./MenuBar\";\nimport styles from \"./styles\";\n\nconst Navigation = ({ classes, className, data, selected, onClick, ...others }) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <nav className={clsx(className, classes.root)} {...others}>\n          <MenuBar data={data} onClick={handleClick} type=\"menubar\" />\n        </nav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n    })\n  ).isRequired,\n  /**\n   * Menu item id selected.\n   */\n  selected: PropTypes.string,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderNavigation\" })(Navigation);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAgE;EAAA,IAA7DC,OAA6D,QAA7DA,OAA6D;EAAA,IAApDC,SAAoD,QAApDA,SAAoD;EAAA,IAAzCC,IAAyC,QAAzCA,IAAyC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACjF,IAAMC,aAAa,GAAG,IAAAC,yBAAA,EAAiBL,IAAjB,EAAuBC,QAAvB,CAAtB;;EAEA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;IACxCN,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGK,KAAH,EAAUC,SAAV,CAAP;EACD,CAFD;;EAIA,oBACE,6BAAC,yBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEJ;EAAlC,gBACE,6BAAC,2BAAD,qBACE;IAAK,SAAS,EAAE,IAAAK,aAAA,EAAKV,SAAL,EAAgBD,OAAO,CAACY,IAAxB;EAAhB,GAAmDP,MAAnD,gBACE,6BAAC,gBAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEM,WAA9B;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF,CADF,CADF;AASD,CAhBD;;AAkBA,wCAAAT,UAAU,CAACc,SAAX,GAAuB;EACrB;AACF;AACA;EACEb,OAAO,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUE;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEhB,SAAS,EAAEa,kBAAA,CAAUE,MAbA;;EAcrB;AACF;AACA;AACA;AACA;AACA;EACEd,IAAI,EAAEY,kBAAA,CAAUI,OAAV,CACJJ,kBAAA,CAAUC,KAAV,CAAgB;IACdI,EAAE,EAAEL,kBAAA,CAAUE,MAAV,CAAiBC,UADP;IAEdG,KAAK,EAAEN,kBAAA,CAAUE,MAAV,CAAiBC;EAFV,CAAhB,CADI,EAKJA,UAzBmB;;EA0BrB;AACF;AACA;EACEd,QAAQ,EAAEW,kBAAA,CAAUE,MA7BC;;EA8BrB;AACF;AACA;EACEZ,OAAO,EAAEU,kBAAA,CAAUO;AAjCE,CAAvB;;eAoCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmDzB,UAAnD,C"}
+{"version":3,"file":"Navigation.js","names":["Navigation","classes","className","data","selected","onClick","others","selectionPath","useSelectionPath","handleClick","event","selection","clsx","root","propTypes","PropTypes","shape","string","isRequired","arrayOf","id","label","href","target","func","withStyles","styles","name"],"sources":["../../../src/Header/Navigation/Navigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { FocusProvider } from \"./utils/FocusContext\";\nimport SelectionContext from \"./utils/SelectionContext\";\nimport useSelectionPath from \"./utils/useSelectionPath\";\nimport MenuBar from \"./MenuBar\";\nimport styles from \"./styles\";\n\nconst Navigation = ({ classes, className, data, selected, onClick, ...others }) => {\n  const selectionPath = useSelectionPath(data, selected);\n\n  const handleClick = (event, selection) => {\n    onClick?.(event, selection);\n  };\n\n  return (\n    <SelectionContext.Provider value={selectionPath}>\n      <FocusProvider>\n        <nav className={clsx(className, classes.root)} {...others}>\n          <MenuBar data={data} onClick={handleClick} type=\"menubar\" />\n        </nav>\n      </FocusProvider>\n    </SelectionContext.Provider>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ).isRequired,\n  /**\n   * Menu item id selected.\n   */\n  selected: PropTypes.string,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderNavigation\" })(Navigation);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAgE;EAAA,IAA7DC,OAA6D,QAA7DA,OAA6D;EAAA,IAApDC,SAAoD,QAApDA,SAAoD;EAAA,IAAzCC,IAAyC,QAAzCA,IAAyC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;EACjF,IAAMC,aAAa,GAAG,IAAAC,yBAAA,EAAiBL,IAAjB,EAAuBC,QAAvB,CAAtB;;EAEA,IAAMK,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAQC,SAAR,EAAsB;IACxCN,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGK,KAAH,EAAUC,SAAV,CAAP;EACD,CAFD;;EAIA,oBACE,6BAAC,yBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEJ;EAAlC,gBACE,6BAAC,2BAAD,qBACE;IAAK,SAAS,EAAE,IAAAK,aAAA,EAAKV,SAAL,EAAgBD,OAAO,CAACY,IAAxB;EAAhB,GAAmDP,MAAnD,gBACE,6BAAC,gBAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEM,WAA9B;IAA2C,IAAI,EAAC;EAAhD,EADF,CADF,CADF,CADF;AASD,CAhBD;;AAkBA,wCAAAT,UAAU,CAACc,SAAX,GAAuB;EACrB;AACF;AACA;EACEb,OAAO,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUE;EAJO,CAAhB,EAKNC,UATkB;;EAUrB;AACF;AACA;EACEhB,SAAS,EAAEa,kBAAA,CAAUE,MAbA;;EAcrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEd,IAAI,EAAEY,kBAAA,CAAUI,OAAV,CACJJ,kBAAA,CAAUC,KAAV,CAAgB;IACdI,EAAE,EAAEL,kBAAA,CAAUE,MAAV,CAAiBC,UADP;IAEdG,KAAK,EAAEN,kBAAA,CAAUE,MAAV,CAAiBC,UAFV;IAGdI,IAAI,EAAEP,kBAAA,CAAUE,MAHF;IAIdM,MAAM,EAAER,kBAAA,CAAUE;EAJJ,CAAhB,CADI,EAOJC,UA7BmB;;EA8BrB;AACF;AACA;EACEd,QAAQ,EAAEW,kBAAA,CAAUE,MAjCC;;EAkCrB;AACF;AACA;EACEZ,OAAO,EAAEU,kBAAA,CAAUS;AArCE,CAAvB;;eAwCe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAmD3B,UAAnD,C"}

package/dist/Login/Login.js

@@ -21,8 +21,6 @@ var _core = require("@material-ui/core");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-var _background = _interopRequireDefault(require("./resources/background.svg"));
-
 var _excluded = ["id", "className", "classes", "children", "background"];
 
 /**
@@ -39,7 +37,7 @@ var HvLogin = function HvLogin(_ref) {
     id: id,
     className: (0, _clsx.default)(className, classes.root),
     style: {
-      backgroundImage: "url(".concat(background || _background.default, ")")
+      backgroundImage: background && "url(".concat(background, ")")
     }
   }, others), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.formContainer

package/dist/Login/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","names":["HvLogin","id","className","classes","children","background","others","clsx","root","backgroundImage","bg","formContainer","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../src/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport bg from \"./resources/background.svg\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: `url(${background || bg})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAiE;EAAA,IAA9DC,EAA8D,QAA9DA,EAA8D;EAAA,IAA1DC,SAA0D,QAA1DA,SAA0D;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EAAA,IAA5BC,UAA4B,QAA5BA,UAA4B;EAAA,IAAbC,MAAa;EAC/E,oBACE;IACE,EAAE,EAAEL,EADN;IAEE,SAAS,EAAE,IAAAM,aAAA,EAAKL,SAAL,EAAgBC,OAAO,CAACK,IAAxB,CAFb;IAGE,KAAK,EAAE;MACLC,eAAe,gBAASJ,UAAU,IAAIK,mBAAvB;IADV;EAHT,GAMMJ,MANN,gBAQE;IAAK,SAAS,EAAEH,OAAO,CAACQ;EAAxB,GAAwCP,QAAxC,CARF,CADF;AAYD,CAbD;;AAeA,wCAAAJ,OAAO,CAACY,SAAR,GAAoB;EAClB;AACF;AACA;EACEX,EAAE,EAAEY,kBAAA,CAAUC,MAJI;;EAKlB;AACF;AACA;EACEZ,SAAS,EAAEW,kBAAA,CAAUC,MARH;;EASlB;AACF;AACA;EACEX,OAAO,EAAEU,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEK,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIH,aAAa,EAAEE,kBAAA,CAAUC;EARF,CAAhB,EASNE,UArBe;;EAsBlB;AACF;AACA;EACEZ,QAAQ,EAAES,kBAAA,CAAUI,IAAV,CAAeD,UAzBP;;EA0BlB;AACF;AACA;EACEX,UAAU,EAAEQ,kBAAA,CAAUC;AA7BJ,CAApB;;eAgCe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAwCpB,OAAxC,C"}
+{"version":3,"file":"Login.js","names":["HvLogin","id","className","classes","children","background","others","clsx","root","backgroundImage","formContainer","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../src/Login/Login.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * Container layout for the login form.\n */\nconst HvLogin = ({ id, className, classes, children, background, ...others }) => {\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n\nHvLogin.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the form container.\n     */\n    formContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   *  The form to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   *  The path for the background image.\n   */\n  background: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvLogin\" })(HvLogin);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAiE;EAAA,IAA9DC,EAA8D,QAA9DA,EAA8D;EAAA,IAA1DC,SAA0D,QAA1DA,SAA0D;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EAAA,IAA5BC,UAA4B,QAA5BA,UAA4B;EAAA,IAAbC,MAAa;EAC/E,oBACE;IACE,EAAE,EAAEL,EADN;IAEE,SAAS,EAAE,IAAAM,aAAA,EAAKL,SAAL,EAAgBC,OAAO,CAACK,IAAxB,CAFb;IAGE,KAAK,EAAE;MACLC,eAAe,EAAEJ,UAAU,kBAAWA,UAAX;IADtB;EAHT,GAMMC,MANN,gBAQE;IAAK,SAAS,EAAEH,OAAO,CAACO;EAAxB,GAAwCN,QAAxC,CARF,CADF;AAYD,CAbD;;AAeA,wCAAAJ,OAAO,CAACW,SAAR,GAAoB;EAClB;AACF;AACA;EACEV,EAAE,EAAEW,kBAAA,CAAUC,MAJI;;EAKlB;AACF;AACA;EACEX,SAAS,EAAEU,kBAAA,CAAUC,MARH;;EASlB;AACF;AACA;EACEV,OAAO,EAAES,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEI,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIH,aAAa,EAAEE,kBAAA,CAAUC;EARF,CAAhB,EASNE,UArBe;;EAsBlB;AACF;AACA;EACEX,QAAQ,EAAEQ,kBAAA,CAAUI,IAAV,CAAeD,UAzBP;;EA0BlB;AACF;AACA;EACEV,UAAU,EAAEO,kBAAA,CAAUC;AA7BJ,CAApB;;eAgCe,IAAAI,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAwCnB,OAAxC,C"}

package/dist/Slider/Slider.js

@@ -29,6 +29,8 @@ require("core-js/modules/es.number.is-nan.js");
 
 require("core-js/modules/es.number.constructor.js");
 
+require("core-js/modules/es.promise.js");
+
 require("core-js/modules/es.array.slice.js");
 
 require("core-js/modules/es.array.filter.js");
@@ -63,8 +65,6 @@ var _rcSlider = _interopRequireDefault(require("rc-slider"));
 
 var _rcTooltip = _interopRequireDefault(require("rc-tooltip"));
 
-require("rc-slider/assets/index.css");
-
 var _core = require("@material-ui/core");
 
 var _ = require("..");
@@ -210,6 +210,11 @@ var HvSlider = function HvSlider(props) {
 
     setValidationMessage("");
   }, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);
+  (0, _react.useEffect)(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("rc-slider/assets/index.css"));
+    });
+  }, []);
   (0, _react.useEffect)(function () {
     var stepVl = (0, _utils.calculateStepValue)(maxPointValue, minPointValue, divisionQuantity);
     var inverseStepVl = 1 / stepVl;

package/dist/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["HvSlider","props","id","className","name","label","status","statusMessage","disabled","required","requiredMessage","readOnly","ariaErrorMessage","classes","hideInput","markProperties","markStep","markDigits","knobPropertiesProp","knobProperties","valuesProp","values","defaultValues","undefined","inputProps","theme","maxPointValue","minPointValue","divisionQuantity","formatMark","noOverlap","onChange","onBlur","onBeforeChange","onAfterChange","formatTooltip","sliderProps","knobProps","others","styles","styleCreator","stepValue","useMemo","calculateStepValue","inverseStepValue","isSingle","isSingleSlider","defaultKnobsPositions","knobsValuesToKnobsPositions","value","length","useControlled","knobsPositions","setKnobsPositions","useState","isDraggingTrack","setIsDraggingTrack","isDirty","useRef","elementId","useUniqueId","hasLabel","convertStatusToArray","arrayStatus","arrayDefaultStatus","validationStatus","setValidationState","validationMessage","setValidationMessage","canShowError","generateDefaultKnobProperties","trackStyles","createTrackStyles","knobStyles","createKnobStyles","marks","createMark","rangesCount","performValidation","useCallback","invalid","newValidationState","map","position","Number","isNaN","validationStates","valid","useEffect","stepVl","inverseStepVl","current","generateKnobsPositionAndValues","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","duplicatedValue","findDuplicated","filter","item","index","indexOf","forEach","array","newArray","newPosition","previousValue","knobsPositionToScaledValue","knobsPosition","onChangeHandler","knobs","knobProperty","fixed","scaledValueToKnobsPositionValue","onInputChangeHandler","inputValues","newKnobPositions","ensureValuesConsistency","onBeforeChangeHandler","onAfterChangeHandler","onMouseDownHandler","event","target","includes","onMouseUpHandler","onBlurHandler","sliderInputId","setId","createKnob","knobNode","params","knobValue","dragging","knobClassName","style","restProps","scaledKnobValue","toFixed","backgroundColor","dragColor","color","isEmpty","handleId","indexedHandleId","clsx","handleHiddenContainer","handleContainerDisabled","handleContainer","sliderTooltip","document","getElementById","handle","root","trackDragging","trackStandBy","rootDisabled","statusArrayToFormStatus","labelContainer","labelIncluded","onlyInput","knobsPositionsToKnobsValues","sliderContainer","sliderRoot","dotDisabled","dot","singleValue","rail","knobInner","rootRange","error","propTypes","PropTypes","string","node","bool","instanceOf","Object","oneOf","arrayOf","number","shape","hoverColor","trackColor","knobRingColor","defaultValue","hidden","func","knobOuter","knobHidden","knobHiddenLast","track","mark","isRequired","any","withStyles","withTheme"],"sources":["../../src/Slider/Slider.js"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport Slider from \"rc-slider\";\nimport Tooltip from \"rc-tooltip\";\nimport \"rc-slider/assets/index.css\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElement, useControlled, useUniqueId, HvLabel, setId, HvWarningText } from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport {\n  knobsPositionToScaledValue,\n  calculateStepValue,\n  createKnobStyles,\n  createTrackStyles,\n  createMark,\n  knobsValuesToKnobsPositions,\n  knobsPositionsToKnobsValues,\n  scaledValueToKnobsPositionValue,\n  generateDefaultKnobProperties,\n  isSingleSlider,\n  ensureValuesConsistency,\n  convertStatusToArray,\n  statusArrayToFormStatus,\n} from \"./utils\";\nimport styleCreator from \"./styles\";\nimport SliderInput from \"./SliderInput\";\n\n/**\n * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters. Still in development\n */\nconst HvSlider = (props) => {\n  const {\n    id,\n    className,\n    name,\n    label,\n    status,\n    statusMessage,\n    disabled,\n    required = false,\n    requiredMessage = \"The value is required\",\n    readOnly = false,\n    \"aria-errormessage\": ariaErrorMessage,\n    classes,\n    hideInput = false,\n    markProperties = [],\n    markStep = 20,\n    markDigits = 0,\n    knobProperties: knobPropertiesProp,\n    values: valuesProp,\n    defaultValues = [undefined],\n    inputProps,\n    theme,\n    maxPointValue = 100,\n    minPointValue = 0,\n    divisionQuantity = 100,\n    formatMark,\n    noOverlap = true,\n    onChange,\n    onBlur,\n    onBeforeChange,\n    onAfterChange,\n    formatTooltip,\n    sliderProps,\n    knobProps,\n    ...others\n  } = props;\n\n  const styles = styleCreator(theme);\n  const stepValue = useMemo(\n    () => calculateStepValue(maxPointValue, minPointValue, divisionQuantity),\n    [divisionQuantity, maxPointValue, minPointValue]\n  );\n  const inverseStepValue = 1 / stepValue;\n  const isSingle = useMemo(\n    () => isSingleSlider(valuesProp, defaultValues),\n    [defaultValues, valuesProp]\n  );\n  const defaultKnobsPositions = useMemo(\n    () => knobsValuesToKnobsPositions(defaultValues, inverseStepValue, minPointValue, isSingle),\n    [defaultValues, inverseStepValue, isSingle, minPointValue]\n  );\n  const value = useMemo(\n    () =>\n      valuesProp?.length > 0\n        ? knobsValuesToKnobsPositions(valuesProp, inverseStepValue, minPointValue, isSingle)\n        : undefined,\n    [inverseStepValue, isSingle, minPointValue, valuesProp]\n  );\n\n  const [knobsPositions, setKnobsPositions] = useControlled(value, defaultKnobsPositions);\n  const [isDraggingTrack, setIsDraggingTrack] = useState(false);\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n  const elementId = useUniqueId(id, \"hvSlider\");\n  // miscellaneous state\n  const hasLabel = label != null;\n  // validation related state\n  const { arrayStatus, arrayDefaultStatus } = useMemo(\n    () => convertStatusToArray(status, knobsPositions.length),\n    [knobsPositions.length, status]\n  );\n  const [validationStatus, setValidationState] = useControlled(arrayStatus, arrayDefaultStatus);\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const knobProperties = generateDefaultKnobProperties(\n    knobPropertiesProp,\n    knobsPositions.length,\n    disabled,\n    theme\n  );\n  const trackStyles = createTrackStyles(knobProperties, styles);\n  const knobStyles = createKnobStyles(knobProperties, styles);\n  const marks = useMemo(\n    () =>\n      createMark(\n        markProperties,\n        markStep,\n        divisionQuantity,\n        minPointValue,\n        stepValue,\n        markDigits,\n        formatMark,\n        disabled,\n        styles\n      ),\n    [\n      disabled,\n      divisionQuantity,\n      formatMark,\n      markDigits,\n      markProperties,\n      markStep,\n      minPointValue,\n      stepValue,\n      styles,\n    ]\n  );\n\n  const rangesCount = knobProperties.length - 1;\n\n  const performValidation = useCallback(() => {\n    let invalid = false;\n    const newValidationState = knobsPositions.map((position) => {\n      if (position == null || Number.isNaN(position)) {\n        invalid = true;\n        return validationStates.invalid;\n      }\n      return validationStates.valid;\n    });\n    setValidationState([...newValidationState]);\n    if (invalid) {\n      setValidationMessage(requiredMessage);\n      return;\n    }\n    setValidationMessage(\"\");\n  }, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);\n\n  useEffect(() => {\n    const stepVl = calculateStepValue(maxPointValue, minPointValue, divisionQuantity);\n    const inverseStepVl = 1 / stepVl;\n    if (valuesProp?.length > 0) {\n      setKnobsPositions(\n        knobsValuesToKnobsPositions(\n          valuesProp.length > 0 ? valuesProp : defaultValues,\n          inverseStepVl,\n          minPointValue\n        )\n      );\n    }\n  }, [\n    defaultValues,\n    divisionQuantity,\n    maxPointValue,\n    minPointValue,\n    setKnobsPositions,\n    valuesProp,\n  ]);\n\n  useEffect(() => {\n    if (!isDirty.current) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n    performValidation(knobsPositions, requiredMessage);\n  }, [knobsPositions, requiredMessage, performValidation]);\n\n  /**\n   * Generates an object which posses the current value and position of the knobs.\n   *\n   * @param {Array} knobsCurrentPosition - An array containing the current positions of the knobs.\n   * @returns {Object} - An object with the positions and values of the knobs.\n   * @memberof HvSlider\n   */\n  const generateKnobsPositionAndValues = (knobsCurrentPosition) => {\n    const newKnobsPosition = knobsCurrentPosition.slice();\n    const knobsValues = [];\n\n    let duplicatedValue = null;\n\n    const findDuplicated = newKnobsPosition.filter(\n      (item, index) => newKnobsPosition.indexOf(item) !== index\n    );\n\n    if (noOverlap && findDuplicated.length > 0) {\n      [duplicatedValue] = findDuplicated;\n    }\n    newKnobsPosition.forEach((position, index, array) => {\n      const newArray = array;\n      let newPosition = position;\n\n      if (noOverlap && newPosition === duplicatedValue) {\n        const previousValue = knobsPositions[index];\n        if (previousValue !== newPosition) {\n          newPosition += newPosition > previousValue ? -1 : 1;\n          newArray[index] = newPosition;\n        }\n      }\n\n      knobsValues[index] = knobsPositionToScaledValue(newPosition, minPointValue, stepValue);\n    }, this);\n\n    return {\n      knobsPosition: newKnobsPosition,\n      knobsValues,\n    };\n  };\n\n  /**\n   * Function executed while the knobs changes.\n   *\n   * executes the callback provided by the user with the values and position of the knobs,\n   * also lock the value of the knob in case one is fixed.\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onChangeHandler = (knobsPosition) => {\n    isDirty.current = true;\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n    knobProperties.forEach((knobProperty, index) => {\n      if (knobProperty.fixed) {\n        knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(\n          defaultValues[index],\n          minPointValue,\n          inverseStepValue\n        );\n      }\n    });\n    if (disabled || readOnly) return;\n    onChange?.(knobs.knobsValues);\n    setKnobsPositions(knobs.knobsPosition);\n  };\n\n  const onInputChangeHandler = (inputValues, index) => {\n    let newKnobPositions = knobsValuesToKnobsPositions(\n      inputValues,\n      inverseStepValue,\n      minPointValue\n    );\n    newKnobPositions = ensureValuesConsistency(newKnobPositions, index);\n    onChangeHandler(newKnobPositions);\n  };\n\n  /**\n   * Function executed before a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onBeforeChangeHandler = (knobsPosition) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n    onBeforeChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function executed after a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onAfterChangeHandler = (knobsPosition) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n    onAfterChange?.(knobs.knobsValues);\n  };\n\n  const onMouseDownHandler = (event) => {\n    if (event.target.className.includes(\"track\")) {\n      setIsDraggingTrack(true);\n    }\n  };\n\n  const onMouseUpHandler = () => {\n    setIsDraggingTrack(false);\n  };\n\n  const onBlurHandler = (event) => {\n    const knobs = generateKnobsPositionAndValues(knobsPositions);\n    performValidation(knobsPositions, requiredMessage);\n    onBlur?.(event, knobs.knobsValues, status);\n  };\n  const sliderInputId = setId(elementId, \"input\");\n  /**\n   * Function used to create a custom knob for the slider.\n   *\n   * TODO: This should be isolated because is creating a sub component,\n   * but there were some problems regarding the underlying component losing\n   * references of the handlers disabling the focus.\n   *\n   * @param {Object} props - An object containing the properties of the knobs.\n   * @memberof HvSlider\n   */\n  const createKnob = (knobNode, params) => {\n    const { value: knobValue, dragging, index } = params;\n    const { className: knobClassName, style, ...restProps } = knobNode.props;\n    const scaledKnobValue = knobsPositionToScaledValue(knobValue, minPointValue, stepValue).toFixed(\n      markDigits\n    );\n    if (dragging) {\n      style.backgroundColor = knobProperties[index].dragColor;\n    } else {\n      style.backgroundColor = knobProperties[index].color;\n    }\n\n    const isEmpty = Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;\n    const handleId = setId(elementId, \"knob\");\n    const indexedHandleId = setId(handleId, index);\n    return (\n      <div\n        key={index}\n        className={clsx({\n          [classes.handleContainer]: !disabled && !isEmpty,\n          [classes.handleContainerDisabled]: disabled && !isEmpty,\n          [classes.handleHiddenContainer]: isEmpty || readOnly,\n        })}\n      >\n        <Tooltip\n          prefixCls=\"rc-slider-tooltip\"\n          overlay={formatTooltip?.(scaledKnobValue) || scaledKnobValue}\n          visible={dragging}\n          placement=\"top\"\n          overlayClassName={classes.sliderTooltip}\n          getTooltipContainer={() => document.getElementById(indexedHandleId)}\n        >\n          <div\n            id={indexedHandleId}\n            style={style}\n            className={clsx(knobClassName, classes.handle)}\n            {...restProps}\n            aria-label={`${label}-knob-${index}`}\n            aria-valuenow={knobsPositionToScaledValue(knobValue, minPointValue, stepValue)}\n            aria-valuemin={minPointValue}\n            aria-valuemax={maxPointValue}\n            {...knobProps?.[index]}\n          />\n        </Tooltip>\n      </div>\n    );\n  };\n\n  return (\n    <HvFormElement\n      className={clsx(className, classes.root, {\n        [classes.trackDragging]: !readOnly && !disabled && !isSingle && isDraggingTrack,\n        [classes.trackStandBy]: !readOnly && !disabled && !isSingle && !isDraggingTrack,\n        [classes.rootDisabled]: disabled,\n      })}\n      id={id}\n      name={name}\n      status={statusArrayToFormStatus(validationStatus)}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      onMouseDown={onMouseDownHandler}\n      onMouseUp={onMouseUpHandler}\n      onBlur={onBlurHandler}\n      {...others}\n    >\n      {(hasLabel || !hideInput) && (\n        <div\n          className={clsx(classes.labelContainer, {\n            [classes.labelIncluded]: hasLabel,\n            [classes.onlyInput]: !hasLabel,\n          })}\n        >\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={classes.label}\n              htmlFor={setId(elementId, \"slider\")}\n              label={label}\n            />\n          )}\n\n          {!hideInput && (\n            <SliderInput\n              id={sliderInputId}\n              label={label}\n              values={knobsPositionsToKnobsValues(knobsPositions, stepValue, minPointValue)}\n              onChange={onInputChangeHandler}\n              status={validationStatus}\n              disabled={disabled}\n              readOnly={readOnly}\n              markDigits={markDigits}\n              inputProps={inputProps}\n            />\n          )}\n        </div>\n      )}\n      <div className={classes.sliderContainer}>\n        {isSingle && (\n          <Slider\n            id={setId(elementId, \"slider\")}\n            handleRender={createKnob}\n            className={clsx(classes.sliderRoot)}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            dotStyle={disabled ? styles.dotDisabled : styles.dot}\n            onChange={(singleValue) => onChangeHandler([singleValue])}\n            onBeforeChange={(singleValue) => onBeforeChangeHandler([singleValue])}\n            onAfterChange={(singleValue) => onAfterChangeHandler([singleValue])}\n            value={knobsPositions.length > 0 ? knobsPositions[0] : undefined}\n            allowCross={false}\n            disabled={disabled}\n            count={rangesCount}\n            railStyle={styles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            {...sliderProps}\n          />\n        )}\n        {!isSingle && (\n          <Slider\n            id={setId(elementId, \"slider\")}\n            range\n            handleRender={createKnob}\n            className={clsx(classes.sliderRoot, { [classes.rootRange]: !isSingle })}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            disabled={disabled}\n            dotStyle={disabled ? styles.dotDisabled : styles.dot}\n            onChange={onChangeHandler}\n            onBeforeChange={onBeforeChangeHandler}\n            onAfterChange={onAfterChangeHandler}\n            value={knobsPositions.length > 0 ? [...knobsPositions] : undefined}\n            allowCross={false}\n            count={rangesCount}\n            railStyle={styles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            draggableTrack={!readOnly && !isSingle}\n            {...sliderProps}\n          />\n        )}\n      </div>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSlider.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the slider root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The slider name.\n   */\n  name: PropTypes.string,\n  /**\n   * The label of the slider.\n   *\n   * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.\n   */\n  label: PropTypes.node,\n  /**\n   * Indicates that the slider is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the slider is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user slider is required on the form element.\n   */\n  required: PropTypes.bool,\n  /**\n   * What message to render when the value is required.\n   */\n  requiredMessage: PropTypes.string,\n  /**\n   * if `true` the input that controls the slider is hidden.\n   */\n  hideInput: PropTypes.bool,\n  /**\n   * Attributes applied to the slider element.\n   */\n  sliderProps: PropTypes.instanceOf(Object),\n  /**\n   * The status of the slider.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * The values array to apply to the component\n   */\n  values: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * The default values array to apply to the component\n   */\n  defaultValues: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * The object used to set the knob properties,\n   * for every item in the array a new knob will be created.\n   */\n  knobProperties: PropTypes.arrayOf(\n    PropTypes.shape({\n      color: PropTypes.string,\n      hoverColor: PropTypes.string,\n      trackColor: PropTypes.string,\n      dragColor: PropTypes.string,\n      knobRingColor: PropTypes.string,\n      defaultValue: PropTypes.number,\n      hidden: PropTypes.bool,\n      fixed: PropTypes.bool,\n    })\n  ),\n  /**\n   * The object used to set the mark properties individually.\n   */\n  markProperties: PropTypes.arrayOf(\n    PropTypes.shape({\n      position: PropTypes.number,\n      label: PropTypes.string,\n    })\n  ),\n  /**\n   * the function executed before a change will occur in the slider.\n   */\n  onBeforeChange: PropTypes.func,\n  /**\n   * the function executed while a change is occurring in the slider.\n   */\n  onChange: PropTypes.func,\n  /**\n   * the function executed after a change ocurred in the slider.\n   */\n  onAfterChange: PropTypes.func,\n  /**\n   * the function executed after a blur ocurred in the slider.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * the separation in points between marks.\n   * example: if 10 divisions and a markstep of 2 there will be 5 marks.\n   */\n  markStep: PropTypes.number,\n  /**\n   * how many subdivisions there are in the slider.\n   */\n  divisionQuantity: PropTypes.number,\n  /**\n   * the value of the first point in the slider from left to right.\n   */\n  minPointValue: PropTypes.number,\n  /**\n   * the value of the last point in the slider from left to right.\n   */\n  maxPointValue: PropTypes.number,\n  /**\n   * the max number of decimals if no format function is applied\n   */\n  markDigits: PropTypes.number,\n  /**\n   * a formatting function used to add format to the marks in the track,\n   * the function receives the mark text\n   */\n  formatMark: PropTypes.func,\n  /**\n   * a formatting function used to add format to the tooltip in the track,\n   * the function receives the mark text\n   */\n  formatTooltip: PropTypes.func,\n  /**\n   * if `true` the knobs can't have the same value, if `false` knobs can have the same value.\n   */\n  noOverlap: PropTypes.bool,\n  /**\n   * the classes object to be applied into the root object.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component when in range mode.\n     */\n    rootRange: PropTypes.string,\n    /**\n     * Style applied to the container holding the label.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Style applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the knob.\n     */\n    handle: PropTypes.string,\n    /**\n     * Style applied to the container that has the knob used to move.\n     */\n    handleContainer: PropTypes.string,\n    /**\n     * Style applied to the div where the slider is placed.\n     */\n    sliderRoot: PropTypes.string,\n    /**\n     * Style applied when the user is dragging the range track.\n     */\n    trackDragging: PropTypes.string,\n    /**\n     * Style applied when root container is disabled.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Style applied when the user is not dragging the range track.\n     */\n    trackStandBy: PropTypes.string,\n    /**\n     * Style applied to the warning container.\n     */\n    error: PropTypes.string,\n    /**\n     * Style applied to the handle container when it is hidden.\n     */\n    handleHiddenContainer: PropTypes.string,\n    /**\n     * Style applied to the handle container when it is disabled.\n     */\n    handleContainerDisabled: PropTypes.string,\n    /**\n     * Style applied when the label element is present.\n     */\n    labelIncluded: PropTypes.string,\n    /**\n     * Style applied when only the input element is present.\n     */\n    onlyInput: PropTypes.string,\n    /**\n     * Style applied to the dot.\n     */\n    dot: PropTypes.string,\n    /**\n     * Style applied to the rail.\n     */\n    rail: PropTypes.string,\n    /**\n     * Style applied to the inner of the knob.\n     */\n    knobInner: PropTypes.string,\n    /**\n     * Style applied to the outside of the knob.\n     */\n    knobOuter: PropTypes.string,\n    /**\n     * Style applied when the knob is hidden.\n     */\n    knobHidden: PropTypes.string,\n    /**\n     * Style applied  last hidden knob.\n     */\n    knobHiddenLast: PropTypes.string,\n    /**\n     * Style applied to the track.\n     */\n    track: PropTypes.string,\n    /**\n     * Style applied to the mark.\n     */\n    mark: PropTypes.string,\n    /**\n     * Style applied to the tooltip.\n     */\n    sliderTooltip: PropTypes.string,\n    /**\n     * Style applied to the container of the tooltip.\n     */\n    sliderContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Identifies the element that provides an error message for the slider.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n  /**\n   * Attributes applied to the input element.\n   */\n  knobProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n  /**\n   * Theme object required to style the slider.\n   */\n  theme: PropTypes.any.isRequired,\n};\n\nexport default withStyles(styleCreator, { name: \"HvSlider\", withTheme: true })(HvSlider);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAeA;;AACA;;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;EAC1B,IACEC,EADF,GAmCID,KAnCJ,CACEC,EADF;EAAA,IAEEC,SAFF,GAmCIF,KAnCJ,CAEEE,SAFF;EAAA,IAGEC,IAHF,GAmCIH,KAnCJ,CAGEG,IAHF;EAAA,IAIEC,KAJF,GAmCIJ,KAnCJ,CAIEI,KAJF;EAAA,IAKEC,MALF,GAmCIL,KAnCJ,CAKEK,MALF;EAAA,IAMEC,aANF,GAmCIN,KAnCJ,CAMEM,aANF;EAAA,IAOEC,QAPF,GAmCIP,KAnCJ,CAOEO,QAPF;EAAA,sBAmCIP,KAnCJ,CAQEQ,QARF;EAAA,IAQEA,QARF,gCAQa,KARb;EAAA,4BAmCIR,KAnCJ,CASES,eATF;EAAA,IASEA,eATF,sCASoB,uBATpB;EAAA,sBAmCIT,KAnCJ,CAUEU,QAVF;EAAA,IAUEA,QAVF,gCAUa,KAVb;EAAA,IAWuBC,gBAXvB,GAmCIX,KAnCJ,CAWE,mBAXF;EAAA,IAYEY,OAZF,GAmCIZ,KAnCJ,CAYEY,OAZF;EAAA,uBAmCIZ,KAnCJ,CAaEa,SAbF;EAAA,IAaEA,SAbF,iCAac,KAbd;EAAA,4BAmCIb,KAnCJ,CAcEc,cAdF;EAAA,IAcEA,cAdF,sCAcmB,EAdnB;EAAA,sBAmCId,KAnCJ,CAeEe,QAfF;EAAA,IAeEA,QAfF,gCAea,EAfb;EAAA,wBAmCIf,KAnCJ,CAgBEgB,UAhBF;EAAA,IAgBEA,UAhBF,kCAgBe,CAhBf;EAAA,IAiBkBC,kBAjBlB,GAmCIjB,KAnCJ,CAiBEkB,cAjBF;EAAA,IAkBUC,UAlBV,GAmCInB,KAnCJ,CAkBEoB,MAlBF;EAAA,2BAmCIpB,KAnCJ,CAmBEqB,aAnBF;EAAA,IAmBEA,aAnBF,qCAmBkB,CAACC,SAAD,CAnBlB;EAAA,IAoBEC,UApBF,GAmCIvB,KAnCJ,CAoBEuB,UApBF;EAAA,IAqBEC,KArBF,GAmCIxB,KAnCJ,CAqBEwB,KArBF;EAAA,2BAmCIxB,KAnCJ,CAsBEyB,aAtBF;EAAA,IAsBEA,aAtBF,qCAsBkB,GAtBlB;EAAA,2BAmCIzB,KAnCJ,CAuBE0B,aAvBF;EAAA,IAuBEA,aAvBF,qCAuBkB,CAvBlB;EAAA,4BAmCI1B,KAnCJ,CAwBE2B,gBAxBF;EAAA,IAwBEA,gBAxBF,sCAwBqB,GAxBrB;EAAA,IAyBEC,UAzBF,GAmCI5B,KAnCJ,CAyBE4B,UAzBF;EAAA,uBAmCI5B,KAnCJ,CA0BE6B,SA1BF;EAAA,IA0BEA,SA1BF,iCA0Bc,IA1Bd;EAAA,IA2BEC,QA3BF,GAmCI9B,KAnCJ,CA2BE8B,QA3BF;EAAA,IA4BEC,MA5BF,GAmCI/B,KAnCJ,CA4BE+B,MA5BF;EAAA,IA6BEC,cA7BF,GAmCIhC,KAnCJ,CA6BEgC,cA7BF;EAAA,IA8BEC,aA9BF,GAmCIjC,KAnCJ,CA8BEiC,aA9BF;EAAA,IA+BEC,aA/BF,GAmCIlC,KAnCJ,CA+BEkC,aA/BF;EAAA,IAgCEC,WAhCF,GAmCInC,KAnCJ,CAgCEmC,WAhCF;EAAA,IAiCEC,SAjCF,GAmCIpC,KAnCJ,CAiCEoC,SAjCF;EAAA,IAkCKC,MAlCL,0CAmCIrC,KAnCJ;EAqCA,IAAMsC,MAAM,GAAG,IAAAC,eAAA,EAAaf,KAAb,CAAf;EACA,IAAMgB,SAAS,GAAG,IAAAC,cAAA,EAChB;IAAA,OAAM,IAAAC,yBAAA,EAAmBjB,aAAnB,EAAkCC,aAAlC,EAAiDC,gBAAjD,CAAN;EAAA,CADgB,EAEhB,CAACA,gBAAD,EAAmBF,aAAnB,EAAkCC,aAAlC,CAFgB,CAAlB;EAIA,IAAMiB,gBAAgB,GAAG,IAAIH,SAA7B;EACA,IAAMI,QAAQ,GAAG,IAAAH,cAAA,EACf;IAAA,OAAM,IAAAI,qBAAA,EAAe1B,UAAf,EAA2BE,aAA3B,CAAN;EAAA,CADe,EAEf,CAACA,aAAD,EAAgBF,UAAhB,CAFe,CAAjB;EAIA,IAAM2B,qBAAqB,GAAG,IAAAL,cAAA,EAC5B;IAAA,OAAM,IAAAM,kCAAA,EAA4B1B,aAA5B,EAA2CsB,gBAA3C,EAA6DjB,aAA7D,EAA4EkB,QAA5E,CAAN;EAAA,CAD4B,EAE5B,CAACvB,aAAD,EAAgBsB,gBAAhB,EAAkCC,QAAlC,EAA4ClB,aAA5C,CAF4B,CAA9B;EAIA,IAAMsB,KAAK,GAAG,IAAAP,cAAA,EACZ;IAAA,OACE,CAAAtB,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAE8B,MAAZ,IAAqB,CAArB,GACI,IAAAF,kCAAA,EAA4B5B,UAA5B,EAAwCwB,gBAAxC,EAA0DjB,aAA1D,EAAyEkB,QAAzE,CADJ,GAEItB,SAHN;EAAA,CADY,EAKZ,CAACqB,gBAAD,EAAmBC,QAAnB,EAA6BlB,aAA7B,EAA4CP,UAA5C,CALY,CAAd;;EAQA,qBAA4C,IAAA+B,eAAA,EAAcF,KAAd,EAAqBF,qBAArB,CAA5C;EAAA;EAAA,IAAOK,cAAP;EAAA,IAAuBC,iBAAvB;;EACA,gBAA8C,IAAAC,eAAA,EAAS,KAAT,CAA9C;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,kBAAxB,iBA7D0B,CA8D1B;;;EACA,IAAMC,OAAO,GAAG,IAAAC,aAAA,EAAO,KAAP,CAAhB;EACA,IAAMC,SAAS,GAAG,IAAAC,aAAA,EAAY1D,EAAZ,EAAgB,UAAhB,CAAlB,CAhE0B,CAiE1B;;EACA,IAAM2D,QAAQ,GAAGxD,KAAK,IAAI,IAA1B,CAlE0B,CAmE1B;;EACA,eAA4C,IAAAqC,cAAA,EAC1C;IAAA,OAAM,IAAAoB,2BAAA,EAAqBxD,MAArB,EAA6B8C,cAAc,CAACF,MAA5C,CAAN;EAAA,CAD0C,EAE1C,CAACE,cAAc,CAACF,MAAhB,EAAwB5C,MAAxB,CAF0C,CAA5C;EAAA,IAAQyD,WAAR,YAAQA,WAAR;EAAA,IAAqBC,kBAArB,YAAqBA,kBAArB;;EAIA,sBAA+C,IAAAb,eAAA,EAAcY,WAAd,EAA2BC,kBAA3B,CAA/C;EAAA;EAAA,IAAOC,gBAAP;EAAA,IAAyBC,kBAAzB;;EACA,sBAAkD,IAAAf,eAAA,EAAc5C,aAAd,EAA6B,EAA7B,CAAlD;EAAA;EAAA,IAAO4D,iBAAP;EAAA,IAA0BC,oBAA1B;;EACA,IAAMC,YAAY,GAChBzD,gBAAgB,IAAI,IAApB,KACEN,MAAM,KAAKiB,SAAX,IAAwBhB,aAAa,KAAKgB,SAA3C,IAA0DjB,MAAM,KAAKiB,SAAX,IAAwBd,QADnF,CADF;EAIA,IAAMU,cAAc,GAAG,IAAAmD,oCAAA,EACrBpD,kBADqB,EAErBkC,cAAc,CAACF,MAFM,EAGrB1C,QAHqB,EAIrBiB,KAJqB,CAAvB;EAMA,IAAM8C,WAAW,GAAG,IAAAC,wBAAA,EAAkBrD,cAAlB,EAAkCoB,MAAlC,CAApB;EACA,IAAMkC,UAAU,GAAG,IAAAC,uBAAA,EAAiBvD,cAAjB,EAAiCoB,MAAjC,CAAnB;EACA,IAAMoC,KAAK,GAAG,IAAAjC,cAAA,EACZ;IAAA,OACE,IAAAkC,iBAAA,EACE7D,cADF,EAEEC,QAFF,EAGEY,gBAHF,EAIED,aAJF,EAKEc,SALF,EAMExB,UANF,EAOEY,UAPF,EAQErB,QARF,EASE+B,MATF,CADF;EAAA,CADY,EAaZ,CACE/B,QADF,EAEEoB,gBAFF,EAGEC,UAHF,EAIEZ,UAJF,EAKEF,cALF,EAMEC,QANF,EAOEW,aAPF,EAQEc,SARF,EASEF,MATF,CAbY,CAAd;EA0BA,IAAMsC,WAAW,GAAG1D,cAAc,CAAC+B,MAAf,GAAwB,CAA5C;EAEA,IAAM4B,iBAAiB,GAAG,IAAAC,kBAAA,EAAY,YAAM;IAC1C,IAAIC,OAAO,GAAG,KAAd;IACA,IAAMC,kBAAkB,GAAG7B,cAAc,CAAC8B,GAAf,CAAmB,UAACC,QAAD,EAAc;MAC1D,IAAIA,QAAQ,IAAI,IAAZ,IAAoBC,MAAM,CAACC,KAAP,CAAaF,QAAb,CAAxB,EAAgD;QAC9CH,OAAO,GAAG,IAAV;QACA,OAAOM,yBAAA,CAAiBN,OAAxB;MACD;;MACD,OAAOM,yBAAA,CAAiBC,KAAxB;IACD,CAN0B,CAA3B;IAOArB,kBAAkB,kCAAKe,kBAAL,EAAlB;;IACA,IAAID,OAAJ,EAAa;MACXZ,oBAAoB,CAAC1D,eAAD,CAApB;MACA;IACD;;IACD0D,oBAAoB,CAAC,EAAD,CAApB;EACD,CAfyB,EAevB,CAAChB,cAAD,EAAiB1C,eAAjB,EAAkC0D,oBAAlC,EAAwDF,kBAAxD,CAfuB,CAA1B;EAiBA,IAAAsB,gBAAA,EAAU,YAAM;IACd,IAAMC,MAAM,GAAG,IAAA9C,yBAAA,EAAmBjB,aAAnB,EAAkCC,aAAlC,EAAiDC,gBAAjD,CAAf;IACA,IAAM8D,aAAa,GAAG,IAAID,MAA1B;;IACA,IAAI,CAAArE,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAE8B,MAAZ,IAAqB,CAAzB,EAA4B;MAC1BG,iBAAiB,CACf,IAAAL,kCAAA,EACE5B,UAAU,CAAC8B,MAAX,GAAoB,CAApB,GAAwB9B,UAAxB,GAAqCE,aADvC,EAEEoE,aAFF,EAGE/D,aAHF,CADe,CAAjB;IAOD;EACF,CAZD,EAYG,CACDL,aADC,EAEDM,gBAFC,EAGDF,aAHC,EAIDC,aAJC,EAKD0B,iBALC,EAMDjC,UANC,CAZH;EAqBA,IAAAoE,gBAAA,EAAU,YAAM;IACd,IAAI,CAAC/B,OAAO,CAACkC,OAAb,EAAsB;MACpB;MACA;MACA;IACD;;IACDb,iBAAiB,CAAC1B,cAAD,EAAiB1C,eAAjB,CAAjB;EACD,CAPD,EAOG,CAAC0C,cAAD,EAAiB1C,eAAjB,EAAkCoE,iBAAlC,CAPH;EASA;AACF;AACA;AACA;AACA;AACA;AACA;;EACE,IAAMc,8BAA8B,GAAG,SAAjCA,8BAAiC,CAACC,oBAAD,EAA0B;IAC/D,IAAMC,gBAAgB,GAAGD,oBAAoB,CAACE,KAArB,EAAzB;IACA,IAAMC,WAAW,GAAG,EAApB;IAEA,IAAIC,eAAe,GAAG,IAAtB;IAEA,IAAMC,cAAc,GAAGJ,gBAAgB,CAACK,MAAjB,CACrB,UAACC,IAAD,EAAOC,KAAP;MAAA,OAAiBP,gBAAgB,CAACQ,OAAjB,CAAyBF,IAAzB,MAAmCC,KAApD;IAAA,CADqB,CAAvB;;IAIA,IAAIvE,SAAS,IAAIoE,cAAc,CAAChD,MAAf,GAAwB,CAAzC,EAA4C;MAAA,mDACtBgD,cADsB;;MACzCD,eADyC;IAE3C;;IACDH,gBAAgB,CAACS,OAAjB,CAAyB,UAACpB,QAAD,EAAWkB,KAAX,EAAkBG,KAAlB,EAA4B;MACnD,IAAMC,QAAQ,GAAGD,KAAjB;MACA,IAAIE,WAAW,GAAGvB,QAAlB;;MAEA,IAAIrD,SAAS,IAAI4E,WAAW,KAAKT,eAAjC,EAAkD;QAChD,IAAMU,aAAa,GAAGvD,cAAc,CAACiD,KAAD,CAApC;;QACA,IAAIM,aAAa,KAAKD,WAAtB,EAAmC;UACjCA,WAAW,IAAIA,WAAW,GAAGC,aAAd,GAA8B,CAAC,CAA/B,GAAmC,CAAlD;UACAF,QAAQ,CAACJ,KAAD,CAAR,GAAkBK,WAAlB;QACD;MACF;;MAEDV,WAAW,CAACK,KAAD,CAAX,GAAqB,IAAAO,iCAAA,EAA2BF,WAA3B,EAAwC/E,aAAxC,EAAuDc,SAAvD,CAArB;IACD,CAbD,EAaG,KAbH;IAeA,OAAO;MACLoE,aAAa,EAAEf,gBADV;MAELE,WAAW,EAAXA;IAFK,CAAP;EAID,CAhCD;EAkCA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;EACE,IAAMc,eAAe,GAAG,SAAlBA,eAAkB,CAACD,aAAD,EAAmB;IACzCpD,OAAO,CAACkC,OAAR,GAAkB,IAAlB;IACA,IAAMoB,KAAK,GAAGnB,8BAA8B,CAACiB,aAAD,CAA5C;IACA1F,cAAc,CAACoF,OAAf,CAAuB,UAACS,YAAD,EAAeX,KAAf,EAAyB;MAC9C,IAAIW,YAAY,CAACC,KAAjB,EAAwB;QACtBF,KAAK,CAACF,aAAN,CAAoBR,KAApB,IAA6B,IAAAa,sCAAA,EAC3B5F,aAAa,CAAC+E,KAAD,CADc,EAE3B1E,aAF2B,EAG3BiB,gBAH2B,CAA7B;MAKD;IACF,CARD;IASA,IAAIpC,QAAQ,IAAIG,QAAhB,EAA0B;IAC1BoB,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGgF,KAAK,CAACf,WAAT,CAAR;IACA3C,iBAAiB,CAAC0D,KAAK,CAACF,aAAP,CAAjB;EACD,CAfD;;EAiBA,IAAMM,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,WAAD,EAAcf,KAAd,EAAwB;IACnD,IAAIgB,gBAAgB,GAAG,IAAArE,kCAAA,EACrBoE,WADqB,EAErBxE,gBAFqB,EAGrBjB,aAHqB,CAAvB;IAKA0F,gBAAgB,GAAG,IAAAC,8BAAA,EAAwBD,gBAAxB,EAA0ChB,KAA1C,CAAnB;IACAS,eAAe,CAACO,gBAAD,CAAf;EACD,CARD;EAUA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;;EACE,IAAME,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACV,aAAD,EAAmB;IAC/C,IAAME,KAAK,GAAGnB,8BAA8B,CAACiB,aAAD,CAA5C;IACA5E,cAAc,SAAd,IAAAA,cAAc,WAAd,YAAAA,cAAc,CAAG8E,KAAK,CAACf,WAAT,CAAd;EACD,CAHD;EAKA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;;EACE,IAAMwB,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACX,aAAD,EAAmB;IAC9C,IAAME,KAAK,GAAGnB,8BAA8B,CAACiB,aAAD,CAA5C;IACA3E,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAG6E,KAAK,CAACf,WAAT,CAAb;EACD,CAHD;;EAKA,IAAMyB,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAAW;IACpC,IAAIA,KAAK,CAACC,MAAN,CAAaxH,SAAb,CAAuByH,QAAvB,CAAgC,OAAhC,CAAJ,EAA8C;MAC5CpE,kBAAkB,CAAC,IAAD,CAAlB;IACD;EACF,CAJD;;EAMA,IAAMqE,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;IAC7BrE,kBAAkB,CAAC,KAAD,CAAlB;EACD,CAFD;;EAIA,IAAMsE,aAAa,GAAG,SAAhBA,aAAgB,CAACJ,KAAD,EAAW;IAC/B,IAAMX,KAAK,GAAGnB,8BAA8B,CAACxC,cAAD,CAA5C;IACA0B,iBAAiB,CAAC1B,cAAD,EAAiB1C,eAAjB,CAAjB;IACAsB,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAG0F,KAAH,EAAUX,KAAK,CAACf,WAAhB,EAA6B1F,MAA7B,CAAN;EACD,CAJD;;EAKA,IAAMyH,aAAa,GAAG,IAAAC,OAAA,EAAMrE,SAAN,EAAiB,OAAjB,CAAtB;EACA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;EACE,IAAMsE,UAAU,GAAG,SAAbA,UAAa,CAACC,QAAD,EAAWC,MAAX,EAAsB;IACvC,IAAeC,SAAf,GAA8CD,MAA9C,CAAQlF,KAAR;IAAA,IAA0BoF,QAA1B,GAA8CF,MAA9C,CAA0BE,QAA1B;IAAA,IAAoChC,KAApC,GAA8C8B,MAA9C,CAAoC9B,KAApC;IACA,sBAA0D6B,QAAQ,CAACjI,KAAnE;IAAA,IAAmBqI,aAAnB,mBAAQnI,SAAR;IAAA,IAAkCoI,KAAlC,mBAAkCA,KAAlC;IAAA,IAA4CC,SAA5C;IACA,IAAMC,eAAe,GAAG,IAAA7B,iCAAA,EAA2BwB,SAA3B,EAAsCzG,aAAtC,EAAqDc,SAArD,EAAgEiG,OAAhE,CACtBzH,UADsB,CAAxB;;IAGA,IAAIoH,QAAJ,EAAc;MACZE,KAAK,CAACI,eAAN,GAAwBxH,cAAc,CAACkF,KAAD,CAAd,CAAsBuC,SAA9C;IACD,CAFD,MAEO;MACLL,KAAK,CAACI,eAAN,GAAwBxH,cAAc,CAACkF,KAAD,CAAd,CAAsBwC,KAA9C;IACD;;IAED,IAAMC,OAAO,GAAG1D,MAAM,CAACC,KAAP,CAAajC,cAAc,CAACiD,KAAD,CAA3B,KAAuCjD,cAAc,CAACiD,KAAD,CAAd,IAAyB,IAAhF;IACA,IAAM0C,QAAQ,GAAG,IAAAf,OAAA,EAAMrE,SAAN,EAAiB,MAAjB,CAAjB;IACA,IAAMqF,eAAe,GAAG,IAAAhB,OAAA,EAAMe,QAAN,EAAgB1C,KAAhB,CAAxB;IACA,oBACE;MACE,GAAG,EAAEA,KADP;MAEE,SAAS,EAAE,IAAA4C,aAAA,GAGwBH,OAAO,IAAInI,QAHnC,KAGRE,OAAO,CAACqI,qBAHA,EAC+B,CAACJ,OADhC,KAE0BtI,QAF1B,GAERK,OAAO,CAACsI,uBAFA,GACRtI,OAAO,CAACuI,eADA;IAFb,gBAQE,6BAAC,kBAAD;MACE,SAAS,EAAC,mBADZ;MAEE,OAAO,EAAE,CAAAjH,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAGsG,eAAH,CAAb,KAAoCA,eAF/C;MAGE,OAAO,EAAEJ,QAHX;MAIE,SAAS,EAAC,KAJZ;MAKE,gBAAgB,EAAExH,OAAO,CAACwI,aAL5B;MAME,mBAAmB,EAAE;QAAA,OAAMC,QAAQ,CAACC,cAAT,CAAwBP,eAAxB,CAAN;MAAA;IANvB,gBAQE;MACE,EAAE,EAAEA,eADN;MAEE,KAAK,EAAET,KAFT;MAGE,SAAS,EAAE,IAAAU,aAAA,EAAKX,aAAL,EAAoBzH,OAAO,CAAC2I,MAA5B;IAHb,GAIMhB,SAJN;MAKE,wBAAenI,KAAf,mBAA6BgG,KAA7B,CALF;MAME,iBAAe,IAAAO,iCAAA,EAA2BwB,SAA3B,EAAsCzG,aAAtC,EAAqDc,SAArD,CANjB;MAOE,iBAAed,aAPjB;MAQE,iBAAeD;IARjB,GASMW,SATN,aASMA,SATN,uBASMA,SAAS,CAAGgE,KAAH,CATf,EARF,CARF,CADF;EA+BD,CA9CD;;EAgDA,oBACE,6BAAC,eAAD;IACE,SAAS,EAAE,IAAA4C,aAAA,EAAK9I,SAAL,EAAgBU,OAAO,CAAC4I,IAAxB,EACgB,CAAC9I,QADjB,IAC6B,CAACH,QAD9B,IAC0C,CAACqC,QAD3C,KACuDU,eADvD,IACR1C,OAAO,CAAC6I,aADA,EAEsD,CAACnG,eAFvD,IAER1C,OAAO,CAAC8I,YAFA,GAGenJ,QAHf,IAGRK,OAAO,CAAC+I,YAHA,CADb;IAME,EAAE,EAAE1J,EANN;IAOE,IAAI,EAAEE,IAPR;IAQE,MAAM,EAAE,IAAAyJ,8BAAA,EAAwB5F,gBAAxB,CARV;IASE,QAAQ,EAAEzD,QATZ;IAUE,QAAQ,EAAEC,QAVZ;IAWE,QAAQ,EAAEE,QAXZ;IAYE,WAAW,EAAE8G,kBAZf;IAaE,SAAS,EAAEI,gBAbb;IAcE,MAAM,EAAEC;EAdV,GAeMxF,MAfN,GAiBG,CAACuB,QAAQ,IAAI,CAAC/C,SAAd,kBACC;IACE,SAAS,EAAE,IAAAmI,aAAA,EAAKpI,OAAO,CAACiJ,cAAb,EACgBjG,QADhB,GACRhD,OAAO,CAACkJ,aADA,GAERlJ,OAAO,CAACmJ,SAFA;EADb,GAMGnG,QAAQ,iBACP,6BAAC,SAAD;IACE,EAAE,EAAE,IAAAmE,OAAA,EAAMrE,SAAN,EAAiB,OAAjB,CADN;IAEE,SAAS,EAAE9C,OAAO,CAACR,KAFrB;IAGE,OAAO,EAAE,IAAA2H,OAAA,EAAMrE,SAAN,EAAiB,QAAjB,CAHX;IAIE,KAAK,EAAEtD;EAJT,EAPJ,EAeG,CAACS,SAAD,iBACC,6BAAC,oBAAD;IACE,EAAE,EAAEiH,aADN;IAEE,KAAK,EAAE1H,KAFT;IAGE,MAAM,EAAE,IAAA4J,kCAAA,EAA4B7G,cAA5B,EAA4CX,SAA5C,EAAuDd,aAAvD,CAHV;IAIE,QAAQ,EAAEwF,oBAJZ;IAKE,MAAM,EAAElD,gBALV;IAME,QAAQ,EAAEzD,QANZ;IAOE,QAAQ,EAAEG,QAPZ;IAQE,UAAU,EAAEM,UARd;IASE,UAAU,EAAEO;EATd,EAhBJ,CAlBJ,eAgDE;IAAK,SAAS,EAAEX,OAAO,CAACqJ;EAAxB,GACGrH,QAAQ,iBACP,6BAAC,iBAAD;IACE,EAAE,EAAE,IAAAmF,OAAA,EAAMrE,SAAN,EAAiB,QAAjB,CADN;IAEE,YAAY,EAAEsE,UAFhB;IAGE,SAAS,EAAE,IAAAgB,aAAA,EAAKpI,OAAO,CAACsJ,UAAb,CAHb;IAIE,GAAG,EAAE,CAJP;IAKE,GAAG,EAAEvI,gBALP;IAME,IAAI,EAAE,CANR;IAOE,KAAK,EAAE+C,KAPT;IAQE,QAAQ,EAAEnE,QAAQ,GAAG+B,MAAM,CAAC6H,WAAV,GAAwB7H,MAAM,CAAC8H,GARnD;IASE,QAAQ,EAAE,kBAACC,WAAD;MAAA,OAAiBxD,eAAe,CAAC,CAACwD,WAAD,CAAD,CAAhC;IAAA,CATZ;IAUE,cAAc,EAAE,wBAACA,WAAD;MAAA,OAAiB/C,qBAAqB,CAAC,CAAC+C,WAAD,CAAD,CAAtC;IAAA,CAVlB;IAWE,aAAa,EAAE,uBAACA,WAAD;MAAA,OAAiB9C,oBAAoB,CAAC,CAAC8C,WAAD,CAAD,CAArC;IAAA,CAXjB;IAYE,KAAK,EAAElH,cAAc,CAACF,MAAf,GAAwB,CAAxB,GAA4BE,cAAc,CAAC,CAAD,CAA1C,GAAgD7B,SAZzD;IAaE,UAAU,EAAE,KAbd;IAcE,QAAQ,EAAEf,QAdZ;IAeE,KAAK,EAAEqE,WAfT;IAgBE,SAAS,EAAEtC,MAAM,CAACgI,IAhBpB;IAiBE,WAAW,EAAE9F,UAAU,CAAC+F,SAjB1B;IAkBE,UAAU,EAAEjG;EAlBd,GAmBMnC,WAnBN,EAFJ,EAwBG,CAACS,QAAD,iBACC,6BAAC,iBAAD;IACE,EAAE,EAAE,IAAAmF,OAAA,EAAMrE,SAAN,EAAiB,QAAjB,CADN;IAEE,KAAK,MAFP;IAGE,YAAY,EAAEsE,UAHhB;IAIE,SAAS,EAAE,IAAAgB,aAAA,EAAKpI,OAAO,CAACsJ,UAAb,EAAgD,CAACtH,QAAjD,IAA4BhC,OAAO,CAAC4J,SAApC,CAJb;IAKE,GAAG,EAAE,CALP;IAME,GAAG,EAAE7I,gBANP;IAOE,IAAI,EAAE,CAPR;IAQE,KAAK,EAAE+C,KART;IASE,QAAQ,EAAEnE,QATZ;IAUE,QAAQ,EAAEA,QAAQ,GAAG+B,MAAM,CAAC6H,WAAV,GAAwB7H,MAAM,CAAC8H,GAVnD;IAWE,QAAQ,EAAEvD,eAXZ;IAYE,cAAc,EAAES,qBAZlB;IAaE,aAAa,EAAEC,oBAbjB;IAcE,KAAK,EAAEpE,cAAc,CAACF,MAAf,GAAwB,CAAxB,oCAAgCE,cAAhC,IAAkD7B,SAd3D;IAeE,UAAU,EAAE,KAfd;IAgBE,KAAK,EAAEsD,WAhBT;IAiBE,SAAS,EAAEtC,MAAM,CAACgI,IAjBpB;IAkBE,WAAW,EAAE9F,UAAU,CAAC+F,SAlB1B;IAmBE,UAAU,EAAEjG,WAnBd;IAoBE,cAAc,EAAE,CAAC5D,QAAD,IAAa,CAACkC;EApBhC,GAqBMT,WArBN,EAzBJ,CAhDF,EAkGGiC,YAAY,iBACX,6BAAC,eAAD;IAAe,EAAE,EAAE,IAAA2D,OAAA,EAAMrE,SAAN,EAAiB,OAAjB,CAAnB;IAA8C,SAAS,EAAE9C,OAAO,CAAC6J,KAAjE;IAAwE,aAAa;EAArF,GACGvG,iBADH,CAnGJ,CADF;AA0GD,CA5bD;;AA8bA,wCAAAnE,QAAQ,CAAC2K,SAAT,GAAqB;EACnB;AACF;AACA;EACExK,SAAS,EAAEyK,kBAAA,CAAUC,MAJF;;EAKnB;AACF;AACA;EACE3K,EAAE,EAAE0K,kBAAA,CAAUC,MARK;;EASnB;AACF;AACA;EACEzK,IAAI,EAAEwK,kBAAA,CAAUC,MAZG;;EAanB;AACF;AACA;AACA;AACA;EACExK,KAAK,EAAEuK,kBAAA,CAAUE,IAlBE;;EAmBnB;AACF;AACA;EACEtK,QAAQ,EAAEoK,kBAAA,CAAUG,IAtBD;;EAuBnB;AACF;AACA;EACEpK,QAAQ,EAAEiK,kBAAA,CAAUG,IA1BD;;EA2BnB;AACF;AACA;EACEtK,QAAQ,EAAEmK,kBAAA,CAAUG,IA9BD;;EA+BnB;AACF;AACA;EACErK,eAAe,EAAEkK,kBAAA,CAAUC,MAlCR;;EAmCnB;AACF;AACA;EACE/J,SAAS,EAAE8J,kBAAA,CAAUG,IAtCF;;EAuCnB;AACF;AACA;EACE3I,WAAW,EAAEwI,kBAAA,CAAUI,UAAV,CAAqBC,MAArB,CA1CM;;EA2CnB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE3K,MAAM,EAAEsK,kBAAA,CAAUM,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CAnDW;;EAoDnB;AACF;AACA;EACE3K,aAAa,EAAEqK,kBAAA,CAAUC,MAvDN;;EAwDnB;AACF;AACA;EACExJ,MAAM,EAAEuJ,kBAAA,CAAUO,OAAV,CAAkBP,kBAAA,CAAUQ,MAA5B,CA3DW;;EA4DnB;AACF;AACA;EACE9J,aAAa,EAAEsJ,kBAAA,CAAUO,OAAV,CAAkBP,kBAAA,CAAUQ,MAA5B,CA/DI;;EAgEnB;AACF;AACA;AACA;EACEjK,cAAc,EAAEyJ,kBAAA,CAAUO,OAAV,CACdP,kBAAA,CAAUS,KAAV,CAAgB;IACdxC,KAAK,EAAE+B,kBAAA,CAAUC,MADH;IAEdS,UAAU,EAAEV,kBAAA,CAAUC,MAFR;IAGdU,UAAU,EAAEX,kBAAA,CAAUC,MAHR;IAIdjC,SAAS,EAAEgC,kBAAA,CAAUC,MAJP;IAKdW,aAAa,EAAEZ,kBAAA,CAAUC,MALX;IAMdY,YAAY,EAAEb,kBAAA,CAAUQ,MANV;IAOdM,MAAM,EAAEd,kBAAA,CAAUG,IAPJ;IAQd9D,KAAK,EAAE2D,kBAAA,CAAUG;EARH,CAAhB,CADc,CApEG;;EAgFnB;AACF;AACA;EACEhK,cAAc,EAAE6J,kBAAA,CAAUO,OAAV,CACdP,kBAAA,CAAUS,KAAV,CAAgB;IACdlG,QAAQ,EAAEyF,kBAAA,CAAUQ,MADN;IAEd/K,KAAK,EAAEuK,kBAAA,CAAUC;EAFH,CAAhB,CADc,CAnFG;;EAyFnB;AACF;AACA;EACE5I,cAAc,EAAE2I,kBAAA,CAAUe,IA5FP;;EA6FnB;AACF;AACA;EACE5J,QAAQ,EAAE6I,kBAAA,CAAUe,IAhGD;;EAiGnB;AACF;AACA;EACEzJ,aAAa,EAAE0I,kBAAA,CAAUe,IApGN;;EAqGnB;AACF;AACA;EACE3J,MAAM,EAAE4I,kBAAA,CAAUe,IAxGC;;EAyGnB;AACF;AACA;AACA;EACE3K,QAAQ,EAAE4J,kBAAA,CAAUQ,MA7GD;;EA8GnB;AACF;AACA;EACExJ,gBAAgB,EAAEgJ,kBAAA,CAAUQ,MAjHT;;EAkHnB;AACF;AACA;EACEzJ,aAAa,EAAEiJ,kBAAA,CAAUQ,MArHN;;EAsHnB;AACF;AACA;EACE1J,aAAa,EAAEkJ,kBAAA,CAAUQ,MAzHN;;EA0HnB;AACF;AACA;EACEnK,UAAU,EAAE2J,kBAAA,CAAUQ,MA7HH;;EA8HnB;AACF;AACA;AACA;EACEvJ,UAAU,EAAE+I,kBAAA,CAAUe,IAlIH;;EAmInB;AACF;AACA;AACA;EACExJ,aAAa,EAAEyI,kBAAA,CAAUe,IAvIN;;EAwInB;AACF;AACA;EACE7J,SAAS,EAAE8I,kBAAA,CAAUG,IA3IF;;EA4InB;AACF;AACA;EACElK,OAAO,EAAE+J,kBAAA,CAAUS,KAAV,CAAgB;IACvB;AACJ;AACA;IACI5B,IAAI,EAAEmB,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIJ,SAAS,EAAEG,kBAAA,CAAUC,MARE;;IASvB;AACJ;AACA;IACIf,cAAc,EAAEc,kBAAA,CAAUC,MAZH;;IAavB;AACJ;AACA;IACIxK,KAAK,EAAEuK,kBAAA,CAAUC,MAhBM;;IAiBvB;AACJ;AACA;IACIrB,MAAM,EAAEoB,kBAAA,CAAUC,MApBK;;IAqBvB;AACJ;AACA;IACIzB,eAAe,EAAEwB,kBAAA,CAAUC,MAxBJ;;IAyBvB;AACJ;AACA;IACIV,UAAU,EAAES,kBAAA,CAAUC,MA5BC;;IA6BvB;AACJ;AACA;IACInB,aAAa,EAAEkB,kBAAA,CAAUC,MAhCF;;IAiCvB;AACJ;AACA;IACIjB,YAAY,EAAEgB,kBAAA,CAAUC,MApCD;;IAqCvB;AACJ;AACA;IACIlB,YAAY,EAAEiB,kBAAA,CAAUC,MAxCD;;IAyCvB;AACJ;AACA;IACIH,KAAK,EAAEE,kBAAA,CAAUC,MA5CM;;IA6CvB;AACJ;AACA;IACI3B,qBAAqB,EAAE0B,kBAAA,CAAUC,MAhDV;;IAiDvB;AACJ;AACA;IACI1B,uBAAuB,EAAEyB,kBAAA,CAAUC,MApDZ;;IAqDvB;AACJ;AACA;IACId,aAAa,EAAEa,kBAAA,CAAUC,MAxDF;;IAyDvB;AACJ;AACA;IACIb,SAAS,EAAEY,kBAAA,CAAUC,MA5DE;;IA6DvB;AACJ;AACA;IACIR,GAAG,EAAEO,kBAAA,CAAUC,MAhEQ;;IAiEvB;AACJ;AACA;IACIN,IAAI,EAAEK,kBAAA,CAAUC,MApEO;;IAqEvB;AACJ;AACA;IACIL,SAAS,EAAEI,kBAAA,CAAUC,MAxEE;;IAyEvB;AACJ;AACA;IACIe,SAAS,EAAEhB,kBAAA,CAAUC,MA5EE;;IA6EvB;AACJ;AACA;IACIgB,UAAU,EAAEjB,kBAAA,CAAUC,MAhFC;;IAiFvB;AACJ;AACA;IACIiB,cAAc,EAAElB,kBAAA,CAAUC,MApFH;;IAqFvB;AACJ;AACA;IACIkB,KAAK,EAAEnB,kBAAA,CAAUC,MAxFM;;IAyFvB;AACJ;AACA;IACImB,IAAI,EAAEpB,kBAAA,CAAUC,MA5FO;;IA6FvB;AACJ;AACA;IACIxB,aAAa,EAAEuB,kBAAA,CAAUC,MAhGF;;IAiGvB;AACJ;AACA;IACIX,eAAe,EAAEU,kBAAA,CAAUC;EApGJ,CAAhB,EAqGNoB,UApPgB;;EAqPnB;AACF;AACA;AACA;AACA;EACE,qBAAqBrB,kBAAA,CAAUC,MA1PZ;;EA2PnB;AACF;AACA;EACErJ,UAAU,EAAEoJ,kBAAA,CAAUO,OAAV,CAAkBP,kBAAA,CAAUI,UAAV,CAAqBC,MAArB,CAAlB,CA9PO;;EA+PnB;AACF;AACA;EACE5I,SAAS,EAAEuI,kBAAA,CAAUO,OAAV,CAAkBP,kBAAA,CAAUI,UAAV,CAAqBC,MAArB,CAAlB,CAlQQ;;EAmQnB;AACF;AACA;EACExJ,KAAK,EAAEmJ,kBAAA,CAAUsB,GAAV,CAAcD;AAtQF,CAArB;;eAyQe,IAAAE,gBAAA,EAAW3J,eAAX,EAAyB;EAAEpC,IAAI,EAAE,UAAR;EAAoBgM,SAAS,EAAE;AAA/B,CAAzB,EAAgEpM,QAAhE,C"}
+{"version":3,"file":"Slider.js","names":["HvSlider","props","id","className","name","label","status","statusMessage","disabled","required","requiredMessage","readOnly","ariaErrorMessage","classes","hideInput","markProperties","markStep","markDigits","knobPropertiesProp","knobProperties","valuesProp","values","defaultValues","undefined","inputProps","theme","maxPointValue","minPointValue","divisionQuantity","formatMark","noOverlap","onChange","onBlur","onBeforeChange","onAfterChange","formatTooltip","sliderProps","knobProps","others","styles","styleCreator","stepValue","useMemo","calculateStepValue","inverseStepValue","isSingle","isSingleSlider","defaultKnobsPositions","knobsValuesToKnobsPositions","value","length","useControlled","knobsPositions","setKnobsPositions","useState","isDraggingTrack","setIsDraggingTrack","isDirty","useRef","elementId","useUniqueId","hasLabel","convertStatusToArray","arrayStatus","arrayDefaultStatus","validationStatus","setValidationState","validationMessage","setValidationMessage","canShowError","generateDefaultKnobProperties","trackStyles","createTrackStyles","knobStyles","createKnobStyles","marks","createMark","rangesCount","performValidation","useCallback","invalid","newValidationState","map","position","Number","isNaN","validationStates","valid","useEffect","stepVl","inverseStepVl","current","generateKnobsPositionAndValues","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","duplicatedValue","findDuplicated","filter","item","index","indexOf","forEach","array","newArray","newPosition","previousValue","knobsPositionToScaledValue","knobsPosition","onChangeHandler","knobs","knobProperty","fixed","scaledValueToKnobsPositionValue","onInputChangeHandler","inputValues","newKnobPositions","ensureValuesConsistency","onBeforeChangeHandler","onAfterChangeHandler","onMouseDownHandler","event","target","includes","onMouseUpHandler","onBlurHandler","sliderInputId","setId","createKnob","knobNode","params","knobValue","dragging","knobClassName","style","restProps","scaledKnobValue","toFixed","backgroundColor","dragColor","color","isEmpty","handleId","indexedHandleId","clsx","handleHiddenContainer","handleContainerDisabled","handleContainer","sliderTooltip","document","getElementById","handle","root","trackDragging","trackStandBy","rootDisabled","statusArrayToFormStatus","labelContainer","labelIncluded","onlyInput","knobsPositionsToKnobsValues","sliderContainer","sliderRoot","dotDisabled","dot","singleValue","rail","knobInner","rootRange","error","propTypes","PropTypes","string","node","bool","instanceOf","Object","oneOf","arrayOf","number","shape","hoverColor","trackColor","knobRingColor","defaultValue","hidden","func","knobOuter","knobHidden","knobHiddenLast","track","mark","isRequired","any","withStyles","withTheme"],"sources":["../../src/Slider/Slider.js"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState, useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport Slider from \"rc-slider\";\nimport Tooltip from \"rc-tooltip\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElement, useControlled, useUniqueId, HvLabel, setId, HvWarningText } from \"..\";\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport {\n  knobsPositionToScaledValue,\n  calculateStepValue,\n  createKnobStyles,\n  createTrackStyles,\n  createMark,\n  knobsValuesToKnobsPositions,\n  knobsPositionsToKnobsValues,\n  scaledValueToKnobsPositionValue,\n  generateDefaultKnobProperties,\n  isSingleSlider,\n  ensureValuesConsistency,\n  convertStatusToArray,\n  statusArrayToFormStatus,\n} from \"./utils\";\nimport styleCreator from \"./styles\";\nimport SliderInput from \"./SliderInput\";\n\n/**\n * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters. Still in development\n */\nconst HvSlider = (props) => {\n  const {\n    id,\n    className,\n    name,\n    label,\n    status,\n    statusMessage,\n    disabled,\n    required = false,\n    requiredMessage = \"The value is required\",\n    readOnly = false,\n    \"aria-errormessage\": ariaErrorMessage,\n    classes,\n    hideInput = false,\n    markProperties = [],\n    markStep = 20,\n    markDigits = 0,\n    knobProperties: knobPropertiesProp,\n    values: valuesProp,\n    defaultValues = [undefined],\n    inputProps,\n    theme,\n    maxPointValue = 100,\n    minPointValue = 0,\n    divisionQuantity = 100,\n    formatMark,\n    noOverlap = true,\n    onChange,\n    onBlur,\n    onBeforeChange,\n    onAfterChange,\n    formatTooltip,\n    sliderProps,\n    knobProps,\n    ...others\n  } = props;\n\n  const styles = styleCreator(theme);\n  const stepValue = useMemo(\n    () => calculateStepValue(maxPointValue, minPointValue, divisionQuantity),\n    [divisionQuantity, maxPointValue, minPointValue]\n  );\n  const inverseStepValue = 1 / stepValue;\n  const isSingle = useMemo(\n    () => isSingleSlider(valuesProp, defaultValues),\n    [defaultValues, valuesProp]\n  );\n  const defaultKnobsPositions = useMemo(\n    () => knobsValuesToKnobsPositions(defaultValues, inverseStepValue, minPointValue, isSingle),\n    [defaultValues, inverseStepValue, isSingle, minPointValue]\n  );\n  const value = useMemo(\n    () =>\n      valuesProp?.length > 0\n        ? knobsValuesToKnobsPositions(valuesProp, inverseStepValue, minPointValue, isSingle)\n        : undefined,\n    [inverseStepValue, isSingle, minPointValue, valuesProp]\n  );\n\n  const [knobsPositions, setKnobsPositions] = useControlled(value, defaultKnobsPositions);\n  const [isDraggingTrack, setIsDraggingTrack] = useState(false);\n  // signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n  const elementId = useUniqueId(id, \"hvSlider\");\n  // miscellaneous state\n  const hasLabel = label != null;\n  // validation related state\n  const { arrayStatus, arrayDefaultStatus } = useMemo(\n    () => convertStatusToArray(status, knobsPositions.length),\n    [knobsPositions.length, status]\n  );\n  const [validationStatus, setValidationState] = useControlled(arrayStatus, arrayDefaultStatus);\n  const [validationMessage, setValidationMessage] = useControlled(statusMessage, \"\");\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const knobProperties = generateDefaultKnobProperties(\n    knobPropertiesProp,\n    knobsPositions.length,\n    disabled,\n    theme\n  );\n  const trackStyles = createTrackStyles(knobProperties, styles);\n  const knobStyles = createKnobStyles(knobProperties, styles);\n  const marks = useMemo(\n    () =>\n      createMark(\n        markProperties,\n        markStep,\n        divisionQuantity,\n        minPointValue,\n        stepValue,\n        markDigits,\n        formatMark,\n        disabled,\n        styles\n      ),\n    [\n      disabled,\n      divisionQuantity,\n      formatMark,\n      markDigits,\n      markProperties,\n      markStep,\n      minPointValue,\n      stepValue,\n      styles,\n    ]\n  );\n\n  const rangesCount = knobProperties.length - 1;\n\n  const performValidation = useCallback(() => {\n    let invalid = false;\n    const newValidationState = knobsPositions.map((position) => {\n      if (position == null || Number.isNaN(position)) {\n        invalid = true;\n        return validationStates.invalid;\n      }\n      return validationStates.valid;\n    });\n    setValidationState([...newValidationState]);\n    if (invalid) {\n      setValidationMessage(requiredMessage);\n      return;\n    }\n    setValidationMessage(\"\");\n  }, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);\n\n  useEffect(() => import(\"rc-slider/assets/index.css\"), []);\n\n  useEffect(() => {\n    const stepVl = calculateStepValue(maxPointValue, minPointValue, divisionQuantity);\n    const inverseStepVl = 1 / stepVl;\n    if (valuesProp?.length > 0) {\n      setKnobsPositions(\n        knobsValuesToKnobsPositions(\n          valuesProp.length > 0 ? valuesProp : defaultValues,\n          inverseStepVl,\n          minPointValue\n        )\n      );\n    }\n  }, [\n    defaultValues,\n    divisionQuantity,\n    maxPointValue,\n    minPointValue,\n    setKnobsPositions,\n    valuesProp,\n  ]);\n\n  useEffect(() => {\n    if (!isDirty.current) {\n      // skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n    performValidation(knobsPositions, requiredMessage);\n  }, [knobsPositions, requiredMessage, performValidation]);\n\n  /**\n   * Generates an object which posses the current value and position of the knobs.\n   *\n   * @param {Array} knobsCurrentPosition - An array containing the current positions of the knobs.\n   * @returns {Object} - An object with the positions and values of the knobs.\n   * @memberof HvSlider\n   */\n  const generateKnobsPositionAndValues = (knobsCurrentPosition) => {\n    const newKnobsPosition = knobsCurrentPosition.slice();\n    const knobsValues = [];\n\n    let duplicatedValue = null;\n\n    const findDuplicated = newKnobsPosition.filter(\n      (item, index) => newKnobsPosition.indexOf(item) !== index\n    );\n\n    if (noOverlap && findDuplicated.length > 0) {\n      [duplicatedValue] = findDuplicated;\n    }\n    newKnobsPosition.forEach((position, index, array) => {\n      const newArray = array;\n      let newPosition = position;\n\n      if (noOverlap && newPosition === duplicatedValue) {\n        const previousValue = knobsPositions[index];\n        if (previousValue !== newPosition) {\n          newPosition += newPosition > previousValue ? -1 : 1;\n          newArray[index] = newPosition;\n        }\n      }\n\n      knobsValues[index] = knobsPositionToScaledValue(newPosition, minPointValue, stepValue);\n    }, this);\n\n    return {\n      knobsPosition: newKnobsPosition,\n      knobsValues,\n    };\n  };\n\n  /**\n   * Function executed while the knobs changes.\n   *\n   * executes the callback provided by the user with the values and position of the knobs,\n   * also lock the value of the knob in case one is fixed.\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onChangeHandler = (knobsPosition) => {\n    isDirty.current = true;\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n    knobProperties.forEach((knobProperty, index) => {\n      if (knobProperty.fixed) {\n        knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(\n          defaultValues[index],\n          minPointValue,\n          inverseStepValue\n        );\n      }\n    });\n    if (disabled || readOnly) return;\n    onChange?.(knobs.knobsValues);\n    setKnobsPositions(knobs.knobsPosition);\n  };\n\n  const onInputChangeHandler = (inputValues, index) => {\n    let newKnobPositions = knobsValuesToKnobsPositions(\n      inputValues,\n      inverseStepValue,\n      minPointValue\n    );\n    newKnobPositions = ensureValuesConsistency(newKnobPositions, index);\n    onChangeHandler(newKnobPositions);\n  };\n\n  /**\n   * Function executed before a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onBeforeChangeHandler = (knobsPosition) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n    onBeforeChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function executed after a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onAfterChangeHandler = (knobsPosition) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n    onAfterChange?.(knobs.knobsValues);\n  };\n\n  const onMouseDownHandler = (event) => {\n    if (event.target.className.includes(\"track\")) {\n      setIsDraggingTrack(true);\n    }\n  };\n\n  const onMouseUpHandler = () => {\n    setIsDraggingTrack(false);\n  };\n\n  const onBlurHandler = (event) => {\n    const knobs = generateKnobsPositionAndValues(knobsPositions);\n    performValidation(knobsPositions, requiredMessage);\n    onBlur?.(event, knobs.knobsValues, status);\n  };\n  const sliderInputId = setId(elementId, \"input\");\n  /**\n   * Function used to create a custom knob for the slider.\n   *\n   * TODO: This should be isolated because is creating a sub component,\n   * but there were some problems regarding the underlying component losing\n   * references of the handlers disabling the focus.\n   *\n   * @param {Object} props - An object containing the properties of the knobs.\n   * @memberof HvSlider\n   */\n  const createKnob = (knobNode, params) => {\n    const { value: knobValue, dragging, index } = params;\n    const { className: knobClassName, style, ...restProps } = knobNode.props;\n    const scaledKnobValue = knobsPositionToScaledValue(knobValue, minPointValue, stepValue).toFixed(\n      markDigits\n    );\n    if (dragging) {\n      style.backgroundColor = knobProperties[index].dragColor;\n    } else {\n      style.backgroundColor = knobProperties[index].color;\n    }\n\n    const isEmpty = Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;\n    const handleId = setId(elementId, \"knob\");\n    const indexedHandleId = setId(handleId, index);\n    return (\n      <div\n        key={index}\n        className={clsx({\n          [classes.handleContainer]: !disabled && !isEmpty,\n          [classes.handleContainerDisabled]: disabled && !isEmpty,\n          [classes.handleHiddenContainer]: isEmpty || readOnly,\n        })}\n      >\n        <Tooltip\n          prefixCls=\"rc-slider-tooltip\"\n          overlay={formatTooltip?.(scaledKnobValue) || scaledKnobValue}\n          visible={dragging}\n          placement=\"top\"\n          overlayClassName={classes.sliderTooltip}\n          getTooltipContainer={() => document.getElementById(indexedHandleId)}\n        >\n          <div\n            id={indexedHandleId}\n            style={style}\n            className={clsx(knobClassName, classes.handle)}\n            {...restProps}\n            aria-label={`${label}-knob-${index}`}\n            aria-valuenow={knobsPositionToScaledValue(knobValue, minPointValue, stepValue)}\n            aria-valuemin={minPointValue}\n            aria-valuemax={maxPointValue}\n            {...knobProps?.[index]}\n          />\n        </Tooltip>\n      </div>\n    );\n  };\n\n  return (\n    <HvFormElement\n      className={clsx(className, classes.root, {\n        [classes.trackDragging]: !readOnly && !disabled && !isSingle && isDraggingTrack,\n        [classes.trackStandBy]: !readOnly && !disabled && !isSingle && !isDraggingTrack,\n        [classes.rootDisabled]: disabled,\n      })}\n      id={id}\n      name={name}\n      status={statusArrayToFormStatus(validationStatus)}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      onMouseDown={onMouseDownHandler}\n      onMouseUp={onMouseUpHandler}\n      onBlur={onBlurHandler}\n      {...others}\n    >\n      {(hasLabel || !hideInput) && (\n        <div\n          className={clsx(classes.labelContainer, {\n            [classes.labelIncluded]: hasLabel,\n            [classes.onlyInput]: !hasLabel,\n          })}\n        >\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={classes.label}\n              htmlFor={setId(elementId, \"slider\")}\n              label={label}\n            />\n          )}\n\n          {!hideInput && (\n            <SliderInput\n              id={sliderInputId}\n              label={label}\n              values={knobsPositionsToKnobsValues(knobsPositions, stepValue, minPointValue)}\n              onChange={onInputChangeHandler}\n              status={validationStatus}\n              disabled={disabled}\n              readOnly={readOnly}\n              markDigits={markDigits}\n              inputProps={inputProps}\n            />\n          )}\n        </div>\n      )}\n      <div className={classes.sliderContainer}>\n        {isSingle && (\n          <Slider\n            id={setId(elementId, \"slider\")}\n            handleRender={createKnob}\n            className={clsx(classes.sliderRoot)}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            dotStyle={disabled ? styles.dotDisabled : styles.dot}\n            onChange={(singleValue) => onChangeHandler([singleValue])}\n            onBeforeChange={(singleValue) => onBeforeChangeHandler([singleValue])}\n            onAfterChange={(singleValue) => onAfterChangeHandler([singleValue])}\n            value={knobsPositions.length > 0 ? knobsPositions[0] : undefined}\n            allowCross={false}\n            disabled={disabled}\n            count={rangesCount}\n            railStyle={styles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            {...sliderProps}\n          />\n        )}\n        {!isSingle && (\n          <Slider\n            id={setId(elementId, \"slider\")}\n            range\n            handleRender={createKnob}\n            className={clsx(classes.sliderRoot, { [classes.rootRange]: !isSingle })}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            disabled={disabled}\n            dotStyle={disabled ? styles.dotDisabled : styles.dot}\n            onChange={onChangeHandler}\n            onBeforeChange={onBeforeChangeHandler}\n            onAfterChange={onAfterChangeHandler}\n            value={knobsPositions.length > 0 ? [...knobsPositions] : undefined}\n            allowCross={false}\n            count={rangesCount}\n            railStyle={styles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            draggableTrack={!readOnly && !isSingle}\n            {...sliderProps}\n          />\n        )}\n      </div>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} className={classes.error} disableBorder>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSlider.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the slider root node.\n   */\n  id: PropTypes.string,\n  /**\n   * The slider name.\n   */\n  name: PropTypes.string,\n  /**\n   * The label of the slider.\n   *\n   * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.\n   */\n  label: PropTypes.node,\n  /**\n   * Indicates that the slider is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the slider is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user slider is required on the form element.\n   */\n  required: PropTypes.bool,\n  /**\n   * What message to render when the value is required.\n   */\n  requiredMessage: PropTypes.string,\n  /**\n   * if `true` the input that controls the slider is hidden.\n   */\n  hideInput: PropTypes.bool,\n  /**\n   * Attributes applied to the slider element.\n   */\n  sliderProps: PropTypes.instanceOf(Object),\n  /**\n   * The status of the slider.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * The values array to apply to the component\n   */\n  values: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * The default values array to apply to the component\n   */\n  defaultValues: PropTypes.arrayOf(PropTypes.number),\n  /**\n   * The object used to set the knob properties,\n   * for every item in the array a new knob will be created.\n   */\n  knobProperties: PropTypes.arrayOf(\n    PropTypes.shape({\n      color: PropTypes.string,\n      hoverColor: PropTypes.string,\n      trackColor: PropTypes.string,\n      dragColor: PropTypes.string,\n      knobRingColor: PropTypes.string,\n      defaultValue: PropTypes.number,\n      hidden: PropTypes.bool,\n      fixed: PropTypes.bool,\n    })\n  ),\n  /**\n   * The object used to set the mark properties individually.\n   */\n  markProperties: PropTypes.arrayOf(\n    PropTypes.shape({\n      position: PropTypes.number,\n      label: PropTypes.string,\n    })\n  ),\n  /**\n   * the function executed before a change will occur in the slider.\n   */\n  onBeforeChange: PropTypes.func,\n  /**\n   * the function executed while a change is occurring in the slider.\n   */\n  onChange: PropTypes.func,\n  /**\n   * the function executed after a change ocurred in the slider.\n   */\n  onAfterChange: PropTypes.func,\n  /**\n   * the function executed after a blur ocurred in the slider.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * the separation in points between marks.\n   * example: if 10 divisions and a markstep of 2 there will be 5 marks.\n   */\n  markStep: PropTypes.number,\n  /**\n   * how many subdivisions there are in the slider.\n   */\n  divisionQuantity: PropTypes.number,\n  /**\n   * the value of the first point in the slider from left to right.\n   */\n  minPointValue: PropTypes.number,\n  /**\n   * the value of the last point in the slider from left to right.\n   */\n  maxPointValue: PropTypes.number,\n  /**\n   * the max number of decimals if no format function is applied\n   */\n  markDigits: PropTypes.number,\n  /**\n   * a formatting function used to add format to the marks in the track,\n   * the function receives the mark text\n   */\n  formatMark: PropTypes.func,\n  /**\n   * a formatting function used to add format to the tooltip in the track,\n   * the function receives the mark text\n   */\n  formatTooltip: PropTypes.func,\n  /**\n   * if `true` the knobs can't have the same value, if `false` knobs can have the same value.\n   */\n  noOverlap: PropTypes.bool,\n  /**\n   * the classes object to be applied into the root object.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component when in range mode.\n     */\n    rootRange: PropTypes.string,\n    /**\n     * Style applied to the container holding the label.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Style applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Style applied to the knob.\n     */\n    handle: PropTypes.string,\n    /**\n     * Style applied to the container that has the knob used to move.\n     */\n    handleContainer: PropTypes.string,\n    /**\n     * Style applied to the div where the slider is placed.\n     */\n    sliderRoot: PropTypes.string,\n    /**\n     * Style applied when the user is dragging the range track.\n     */\n    trackDragging: PropTypes.string,\n    /**\n     * Style applied when root container is disabled.\n     */\n    rootDisabled: PropTypes.string,\n    /**\n     * Style applied when the user is not dragging the range track.\n     */\n    trackStandBy: PropTypes.string,\n    /**\n     * Style applied to the warning container.\n     */\n    error: PropTypes.string,\n    /**\n     * Style applied to the handle container when it is hidden.\n     */\n    handleHiddenContainer: PropTypes.string,\n    /**\n     * Style applied to the handle container when it is disabled.\n     */\n    handleContainerDisabled: PropTypes.string,\n    /**\n     * Style applied when the label element is present.\n     */\n    labelIncluded: PropTypes.string,\n    /**\n     * Style applied when only the input element is present.\n     */\n    onlyInput: PropTypes.string,\n    /**\n     * Style applied to the dot.\n     */\n    dot: PropTypes.string,\n    /**\n     * Style applied to the rail.\n     */\n    rail: PropTypes.string,\n    /**\n     * Style applied to the inner of the knob.\n     */\n    knobInner: PropTypes.string,\n    /**\n     * Style applied to the outside of the knob.\n     */\n    knobOuter: PropTypes.string,\n    /**\n     * Style applied when the knob is hidden.\n     */\n    knobHidden: PropTypes.string,\n    /**\n     * Style applied  last hidden knob.\n     */\n    knobHiddenLast: PropTypes.string,\n    /**\n     * Style applied to the track.\n     */\n    track: PropTypes.string,\n    /**\n     * Style applied to the mark.\n     */\n    mark: PropTypes.string,\n    /**\n     * Style applied to the tooltip.\n     */\n    sliderTooltip: PropTypes.string,\n    /**\n     * Style applied to the container of the tooltip.\n     */\n    sliderContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Identifies the element that provides an error message for the slider.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n  /**\n   * Attributes applied to the input element.\n   */\n  knobProps: PropTypes.arrayOf(PropTypes.instanceOf(Object)),\n  /**\n   * Theme object required to style the slider.\n   */\n  theme: PropTypes.any.isRequired,\n};\n\nexport default withStyles(styleCreator, { name: \"HvSlider\", withTheme: true })(HvSlider);\n"],"mappings":"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"}

package/dist/VerticalNavigation/Navigation/Navigation.d.ts

@@ -10,6 +10,14 @@ export interface NavigationData {
    * the label to be rendered on the menu item.
    */
   label: string;
+  /**
+   * The url for the link.
+   */
+  href?: string;
+  /**
+   * The behavior when opening a link.
+   */
+  target?: string;
   /**
    * Icon to be render.
    */

package/dist/VerticalNavigation/Navigation/Navigation.js

@@ -70,11 +70,15 @@ var createListHierarchy = function createListHierarchy(items, id, classes) {
         icon = item.icon,
         children = item.data,
         selectable = item.selectable,
-        disabled = item.disabled;
+        disabled = item.disabled,
+        href = item.href,
+        target = item.target;
     var ItemText = (0, _utils2.wrapperTooltip)(true, itemLabel, itemLabel);
     return /*#__PURE__*/_react.default.createElement(_TreeView.TreeViewItem, {
       id: (0, _utils.setId)(id, itemId),
       className: classes.listItem,
+      href: href,
+      target: target,
       key: itemId,
       nodeId: itemId,
       label: /*#__PURE__*/_react.default.createElement(ItemText, null),
@@ -308,12 +312,16 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
    * id - the id to be applied to the root element.
    * label - the label to be rendered on the menu item.
    * data - sub-menu items
+   * href - the url used for navigation.
+   * target - the behavior when opening an url.
    */
   data: _propTypes.default.arrayOf(_propTypes.default.shape({
     id: _propTypes.default.string.isRequired,
     label: _propTypes.default.string.isRequired,
     icon: _propTypes.default.node,
-    data: _propTypes.default.array
+    data: _propTypes.default.array,
+    href: _propTypes.default.string,
+    target: _propTypes.default.string
   })).isRequired,
 
   /**