@hitachivantara/uikit-react-lab 4.0.3 → 4.0.4

package/dist/legacy/Drawer/Drawer.js

@@ -1,14 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-
 var _Close;
-
 var _excluded = ["className", "classes", "id", "children", "open", "onClose", "anchor", "buttonTitle"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import "core-js/modules/es.string.anchor.js";
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.symbol.js";
@@ -25,34 +20,31 @@ import { withStyles } from "@mui/styles";
 import { Close } from "@hitachivantara/uikit-react-icons";
 import { HvButton, withTooltip, setId } from "@hitachivantara/uikit-react-core";
 import styles from "./styles";
+
 /**
  * The Drawer component provides a foundation to create a sliding pane.
  * It only provides the pane with a close button, the rest of the
  * content can be customized.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var HvDrawer = function HvDrawer(_ref) {
   var className = _ref.className,
-      classes = _ref.classes,
-      id = _ref.id,
-      children = _ref.children,
-      open = _ref.open,
-      _onClose = _ref.onClose,
-      _ref$anchor = _ref.anchor,
-      anchor = _ref$anchor === void 0 ? "right" : _ref$anchor,
-      _ref$buttonTitle = _ref.buttonTitle,
-      buttonTitle = _ref$buttonTitle === void 0 ? "Close" : _ref$buttonTitle,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+    classes = _ref.classes,
+    id = _ref.id,
+    children = _ref.children,
+    open = _ref.open,
+    _onClose = _ref.onClose,
+    _ref$anchor = _ref.anchor,
+    anchor = _ref$anchor === void 0 ? "right" : _ref$anchor,
+    _ref$buttonTitle = _ref.buttonTitle,
+    buttonTitle = _ref$buttonTitle === void 0 ? "Close" : _ref$buttonTitle,
+    others = _objectWithoutProperties(_ref, _excluded);
   var closeButtonDisplay = function closeButtonDisplay() {
     return _Close || (_Close = /*#__PURE__*/_jsx(Close, {
       role: "presentation"
     }));
   };
-
   var CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
   return /*#__PURE__*/_jsxs(Drawer, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
@@ -83,18 +75,15 @@ var HvDrawer = function HvDrawer(_ref) {
     }), children]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -103,33 +92,27 @@ process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
      * Style applied to the root of the component.
      */
     root: PropTypes.string,
-
     /**
      * Style applied to the background (outside) of the component.
      */
     background: PropTypes.string,
-
     /**
      * Style applied to the component (root).
      */
     paper: PropTypes.string,
-
     /**
      * Style applied to the close button.
      */
     closeButton: PropTypes.string
   }).isRequired,
-
   /**
    * Components of the Drawer.
    */
   children: PropTypes.node.isRequired,
-
   /**
    * Current state of the Drawer.
    */
   open: PropTypes.bool.isRequired,
-
   /**
    * Function executed on close.
    * Extended from Modal from material-ui
@@ -138,12 +121,10 @@ process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
   onClose: PropTypes.func.isRequired,
-
   /**
    * The side the drawer opens from.
    */
   anchor: PropTypes.oneOf(["left", "top", "right", "bottom"]),
-
   /**
    * Title for the button close.
    */

package/dist/legacy/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"sources":["../../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\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 background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,SAASC,KAAT,QAAsB,mCAAtB;AACA,SAASC,QAAT,EAAmBC,WAAnB,EAAgCC,KAAhC,QAA6C,kCAA7C;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAUX;EAAA,IATJC,SASI,QATJA,SASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,EAOI,QAPJA,EAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,IALJC,IAKI,QALJA,IAKI;EAAA,IAJJC,QAII,QAJJA,OAII;EAAA,uBAHJC,MAGI;EAAA,IAHJA,MAGI,4BAHK,OAGL;EAAA,4BAFJC,WAEI;EAAA,IAFJA,WAEI,iCAFU,OAEV;EAAA,IADDC,MACC;;EACJ,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;IAAA,wCAAM,KAAC,KAAD;MAAO,IAAI,EAAC;IAAZ,EAAN;EAAA,CAA3B;;EAEA,IAAMC,yBAAyB,GAAGH,WAAW,GACzCX,WAAW,CAACa,kBAAD,EAAqBF,WAArB,EAAkC,KAAlC,CAD8B,GAEzCE,kBAFJ;EAIA,oBACE,MAAC,MAAD;IACE,SAAS,EAAEnB,IAAI,CAACW,OAAO,CAACU,IAAT,EAAeX,SAAf,CADjB;IAEE,EAAE,EAAEE,EAFN;IAGE,MAAM,EAAEI,MAHV;IAIE,IAAI,EAAEF,IAJR;IAKE,UAAU,EAAE;MACVH,OAAO,EAAE;QACPU,IAAI,EAAEV,OAAO,CAACW;MADP;IADC,CALd;IAUE,aAAa,EAAE;MACbX,OAAO,EAAE;QACPU,IAAI,EAAEV,OAAO,CAACY;MADP;IADI,CAVjB;IAeE,OAAO,EAAE,iBAACC,KAAD,EAAQC,MAAR;MAAA,OAAmBV,QAAO,CAACS,KAAD,EAAQC,MAAR,CAA1B;IAAA;EAfX,GAgBMP,MAhBN;IAAA,wBAkBE,KAAC,QAAD;MACE,EAAE,EAAEX,KAAK,CAACK,EAAD,EAAK,OAAL,CADX;MAEE,SAAS,EAAED,OAAO,CAACe,WAFrB;MAGE,QAAQ,EAAC,OAHX;MAIE,OAAO,EAAEX,QAJX;MAKE,cAAYE,WALd;MAAA,uBAOE,KAAC,yBAAD;IAPF,EAlBF,EA2BGJ,QA3BH;EAAA,GADF;AA+BD,CAhDD;;AAkDA,wCAAAJ,QAAQ,CAACkB,SAAT,GAAqB;EACnB;AACF;AACA;EACEjB,SAAS,EAAET,SAAS,CAAC2B,MAJF;;EAKnB;AACF;AACA;EACEhB,EAAE,EAAEX,SAAS,CAAC2B,MARK;;EASnB;AACF;AACA;EACEjB,OAAO,EAAEV,SAAS,CAAC4B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,IAAI,EAAEpB,SAAS,CAAC2B,MAJO;;IAKvB;AACJ;AACA;IACIL,UAAU,EAAEtB,SAAS,CAAC2B,MARC;;IASvB;AACJ;AACA;IACIN,KAAK,EAAErB,SAAS,CAAC2B,MAZM;;IAavB;AACJ;AACA;IACIF,WAAW,EAAEzB,SAAS,CAAC2B;EAhBA,CAAhB,EAiBNE,UA7BgB;;EA8BnB;AACF;AACA;EACEjB,QAAQ,EAAEZ,SAAS,CAAC8B,IAAV,CAAeD,UAjCN;;EAkCnB;AACF;AACA;EACEhB,IAAI,EAAEb,SAAS,CAAC+B,IAAV,CAAeF,UArCF;;EAsCnB;AACF;AACA;AACA;AACA;AACA;AACA;EACEf,OAAO,EAAEd,SAAS,CAACgC,IAAV,CAAeH,UA7CL;;EA8CnB;AACF;AACA;EACEd,MAAM,EAAEf,SAAS,CAACiC,KAAV,CAAgB,CAAC,MAAD,EAAS,KAAT,EAAgB,OAAhB,EAAyB,QAAzB,CAAhB,CAjDW;;EAkDnB;AACF;AACA;EACEjB,WAAW,EAAEhB,SAAS,CAAC2B;AArDJ,CAArB;AAwDA,eAAezB,UAAU,CAACK,MAAD,EAAS;EAAE2B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyC1B,QAAzC,CAAf"}
+{"version":3,"file":"Drawer.js","names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"sources":["../../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\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 background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":"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"}

package/dist/legacy/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Drawer/index.js"],"sourcesContent":["export { default } from \"./Drawer\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Drawer/index.js"],"sourcesContent":["export { default } from \"./Drawer\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU"}

package/dist/legacy/Drawer/styles.js

@@ -1,5 +1,4 @@
 import { hexToRgb, alpha } from "@mui/material";
-
 var styles = function styles(theme) {
   return {
     background: {
@@ -20,6 +19,5 @@ var styles = function styles(theme) {
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/legacy/Drawer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["hexToRgb","alpha","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material\";\n\nconst styles = (theme) => ({\n  background: {\n    background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,KAAnB,QAAgC,eAAhC;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAEH,KAAK,CAACD,QAAQ,CAACG,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C;IADP,CADa;IAIzBC,KAAK,EAAE;MACLL,UAAU,YAAKD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAjC,CADL;MAELC,OAAO,EAAE,KAFJ;MAGLC,QAAQ,EAAE,MAHL;MAILC,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;IAJN,CAJkB;IAUzBC,WAAW,EAAE;MACXJ,OAAO,EAAE,CADE;MAEXK,QAAQ,EAAE,SAFC;MAGXC,QAAQ,EAAE,UAHC;MAIXC,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;MAKXC,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;IALI;EAVY,CAAZ;AAAA,CAAf;;AAmBA,eAAejB,MAAf"}
+{"version":3,"file":"styles.js","names":["hexToRgb","alpha","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material\";\n\nconst styles = (theme) => ({\n  background: {\n    background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,KAAK,QAAQ,eAAe;AAE/C,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,UAAU,EAAE;MACVA,UAAU,EAAEH,KAAK,CAACD,QAAQ,CAACG,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,CAAC,EAAE,GAAG;IACpE,CAAC;IACDC,KAAK,EAAE;MACLL,UAAU,YAAKD,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACG,KAAK,CAAE;MAClDC,OAAO,EAAE,KAAK;MACdC,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAEV,KAAK,CAACE,EAAE,CAACS,OAAO,CAAC,CAAC;IAC/B,CAAC;IACDC,WAAW,EAAE;MACXJ,OAAO,EAAE,CAAC;MACVK,QAAQ,EAAE,SAAS;MACnBC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAEf,KAAK,CAACgB,SAAS,CAAC,IAAI,CAAC;MAC1BC,KAAK,EAAEjB,KAAK,CAACgB,SAAS,CAAC,IAAI;IAC7B;EACF,CAAC;AAAA,CAAC;AAEF,eAAejB,MAAM"}

package/dist/legacy/ImageCarousel/ImageCarousel.js

@@ -1,15 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-
 var _Close, _Fullscreen, _Backwards, _Forwards, _Backwards2, _Forwards2;
-
 var _excluded = ["className", "classes", "documents", "title", "id", "fullscreen", "thumbnails", "lowCardinality", "infiniteCarousel", "xs", "onChange", "counter", "currentStep", "setCurrentStep", "visibleArrows", "variant"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.slice.js";
 import "core-js/modules/es.array.concat.js";
@@ -31,73 +26,63 @@ import styles from "./styles";
 /**
  * ImageCarousel description/documentation paragraph
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-
 var HvImageCarousel = function HvImageCarousel(props) {
   var className = props.className,
-      classes = props.classes,
-      documents = props.documents,
-      title = props.title,
-      id = props.id,
-      _props$fullscreen = props.fullscreen,
-      fullscreenProp = _props$fullscreen === void 0 ? false : _props$fullscreen,
-      _props$thumbnails = props.thumbnails,
-      thumbnails = _props$thumbnails === void 0 ? false : _props$thumbnails,
-      _props$lowCardinality = props.lowCardinality,
-      lowCardinality = _props$lowCardinality === void 0 ? false : _props$lowCardinality,
-      _props$infiniteCarous = props.infiniteCarousel,
-      infiniteCarousel = _props$infiniteCarous === void 0 ? false : _props$infiniteCarous,
-      _props$xs = props.xs,
-      xs = _props$xs === void 0 ? false : _props$xs,
-      onChange = props.onChange,
-      _props$counter = props.counter,
-      counter = _props$counter === void 0 ? false : _props$counter,
-      _props$currentStep = props.currentStep,
-      currentStep = _props$currentStep === void 0 ? 0 : _props$currentStep,
-      setCurrentStep = props.setCurrentStep,
-      _props$visibleArrows = props.visibleArrows,
-      visibleArrows = _props$visibleArrows === void 0 ? false : _props$visibleArrows,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? "contain" : _props$variant,
-      others = _objectWithoutProperties(props, _excluded);
-
+    classes = props.classes,
+    documents = props.documents,
+    title = props.title,
+    id = props.id,
+    _props$fullscreen = props.fullscreen,
+    fullscreenProp = _props$fullscreen === void 0 ? false : _props$fullscreen,
+    _props$thumbnails = props.thumbnails,
+    thumbnails = _props$thumbnails === void 0 ? false : _props$thumbnails,
+    _props$lowCardinality = props.lowCardinality,
+    lowCardinality = _props$lowCardinality === void 0 ? false : _props$lowCardinality,
+    _props$infiniteCarous = props.infiniteCarousel,
+    infiniteCarousel = _props$infiniteCarous === void 0 ? false : _props$infiniteCarous,
+    _props$xs = props.xs,
+    xs = _props$xs === void 0 ? false : _props$xs,
+    onChange = props.onChange,
+    _props$counter = props.counter,
+    counter = _props$counter === void 0 ? false : _props$counter,
+    _props$currentStep = props.currentStep,
+    currentStep = _props$currentStep === void 0 ? 0 : _props$currentStep,
+    setCurrentStep = props.setCurrentStep,
+    _props$visibleArrows = props.visibleArrows,
+    visibleArrows = _props$visibleArrows === void 0 ? false : _props$visibleArrows,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? "contain" : _props$variant,
+    others = _objectWithoutProperties(props, _excluded);
   var elementId = useUniqueId(id, "hvcarousel");
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      fullscreen = _useState2[0],
-      setFullscreen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    fullscreen = _useState2[0],
+    setFullscreen = _useState2[1];
   var options = documents.map(function (element) {
     return {
       src: element.src,
       value: setId(elementId, element.value)
     };
   });
-
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      sliceStart = _useState4[0],
-      setSliceStart = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    sliceStart = _useState4[0],
+    setSliceStart = _useState4[1];
   var _useState5 = useState(currentStep),
-      _useState6 = _slicedToArray(_useState5, 2),
-      selImage = _useState6[0],
-      setImage = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    selImage = _useState6[0],
+    setImage = _useState6[1];
   var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      offset = _useState8[0],
-      setOffset = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    offset = _useState8[0],
+    setOffset = _useState8[1];
   var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      imageHover = _useState10[0],
-      setImageHover = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    imageHover = _useState10[0],
+    setImageHover = _useState10[1];
   var direction = "next";
   var useStyles = makeStyles(function (theme) {
     return {
@@ -116,17 +101,14 @@ var HvImageCarousel = function HvImageCarousel(props) {
     };
   });
   var style = useStyles();
-
   var _useScrollTo = useScrollTo(0, setId(elementId, "panel"), false, 100, documents, onChange, "row"),
-      _useScrollTo2 = _slicedToArray(_useScrollTo, 2),
-      selectedIndex = _useScrollTo2[0],
-      setScrollTo = _useScrollTo2[1];
-
+    _useScrollTo2 = _slicedToArray(_useScrollTo, 2),
+    selectedIndex = _useScrollTo2[0],
+    setScrollTo = _useScrollTo2[1];
   var _useScrollTo3 = useScrollTo(0, setId(elementId, "bigPanel"), false, 0, options, onChange, "row"),
-      _useScrollTo4 = _slicedToArray(_useScrollTo3, 2),
-      selectedBigIndex = _useScrollTo4[0],
-      setBigScrollTo = _useScrollTo4[1];
-
+    _useScrollTo4 = _slicedToArray(_useScrollTo3, 2),
+    selectedBigIndex = _useScrollTo4[0],
+    setBigScrollTo = _useScrollTo4[1];
   var refBackwards = useRef(null);
   var refForwards = useRef(null);
   var typeCircle = "circle";
@@ -134,19 +116,15 @@ var HvImageCarousel = function HvImageCarousel(props) {
     var wrappedOnChange = function wrappedOnChange() {
       onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
     };
-
     setScrollTo(event, value, index, wrappedOnChange);
   }, [onChange, setScrollTo]);
-
   var handleFocus = function handleFocus(focus) {
     if (focus === refBackwards.current || focus === refForwards.current) focus.focus();
   };
-
   var handleBigSelection = useCallback(function (event, value, index) {
     var wrappedOnChange = function wrappedOnChange() {
       onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
     };
-
     setBigScrollTo(event, value, index, wrappedOnChange);
   }, [onChange, setBigScrollTo]);
   var handleVisibility = useCallback(function (event, value, index) {
@@ -159,7 +137,6 @@ var HvImageCarousel = function HvImageCarousel(props) {
     var imageWidth = image.offsetWidth;
     var scroll = panel.scrollLeft;
     var focus = document.activeElement;
-
     if (offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth || offsetImage - scroll < 0) {
       handleSelection(event, value, index);
       handleFocus(focus);
@@ -170,62 +147,50 @@ var HvImageCarousel = function HvImageCarousel(props) {
   }, [selImage, setCurrentStep]);
   useEffect(function () {
     if (fullscreen) setOffset(150);else setOffset(0);
-
     if (thumbnails) {
       handleVisibility(undefined, documents[selImage].value, selImage, selectedIndex);
     }
-
     handleBigSelection(undefined, options[selImage].value, selImage, selectedBigIndex);
   }, [documents, fullscreen, handleBigSelection, handleVisibility, options, selImage, selectedBigIndex, selectedIndex, thumbnails]);
-
   var changeSlice = function changeSlice() {
     if (direction === "next") {
       if (infiniteCarousel && selImage === documents.length - 1) setSliceStart(0);else if (selImage > sliceStart + 2 && selImage !== documents.length - 2) setSliceStart(sliceStart + 1);
     }
-
     if (direction === "prev") {
       if (infiniteCarousel && selImage === 0) setSliceStart(documents.length > 5 ? documents.length - 5 : 0);else if (selImage < sliceStart + 2 && selImage !== 1) setSliceStart(sliceStart - 1);
     }
   };
-
   var nextImage = function nextImage() {
     var next;
     if (selImage !== documents.length - 1) next = selImage + 1;else if (infiniteCarousel) next = 0;
     setImage(next);
-
     if (xs) {
       direction = "next";
       changeSlice();
     }
   };
-
   var previousImage = function previousImage() {
     var previous;
     if (selImage !== 0) previous = selImage - 1;else if (infiniteCarousel) previous = documents.length - 1;
     setImage(previous);
-
     if (xs) {
       direction = "prev";
       changeSlice();
     }
   };
-
   var styleThumbnail = function styleThumbnail(index) {
     if (index !== selImage) return classes.img;
     return classes.thumbnailSelected;
   };
-
   var circleType = function circleType(index) {
     if (index === selImage) {
       typeCircle = "BigCircle";
       if (xs) return classes.xsSelectedCircle;
       return classes.selectedCircle;
     }
-
     typeCircle = "Circle";
     return classes.miniCircle;
   };
-
   return /*#__PURE__*/_jsxs(HvContainer, _objectSpread(_objectSpread({
     id: setId(elementId, "container"),
     className: clsx(className, classes.root, xs ? "xs" : "nxs", fullscreen && classes.fullscreenStyle)
@@ -416,13 +381,11 @@ var HvImageCarousel = function HvImageCarousel(props) {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvImageCarousel.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -431,188 +394,151 @@ process.env.NODE_ENV !== "production" ? HvImageCarousel.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the component SelectedImage.
      */
     selectedImage: PropTypes.string,
-
     /**
      * Styles applied to xs mode
      */
     xsMode: PropTypes.string,
-
     /**
      * Styles applied to image in xsMode
      */
     xsImage: PropTypes.string,
-
     /**
      * Styles applied to panel with low cardinality circles
      */
     circles: PropTypes.string,
-
     /**
      * Styles applied to xs mode circles
      */
     xsCircles: PropTypes.string,
-
     /**
      * Styles applied to unavailable button
      */
     hidden: PropTypes.string,
-
     /**
      * Styles applied to the carousel title
      */
     title: PropTypes.string,
-
     /**
      * Styles applied to the counter
      */
     counter: PropTypes.string,
-
     /**
      * Styles applied to the div with the counter
      */
     divCounter: PropTypes.string,
-
     /**
      * Styles applied to the thumbnails
      */
     img: PropTypes.string,
-
     /**
      * Styles applied to the selected thumbnail
      */
     thumbnailSelected: PropTypes.string,
-
     /**
      * Styles applied to the thumbnail button
      */
     thumbnailButton: PropTypes.string,
-
     /**
      * Styles applied to the low cardinality circles
      */
     miniCircle: PropTypes.string,
-
     /**
      * Styles applied to the circle of the selected image
      */
     selectedCircle: PropTypes.string,
-
     /**
      * Styles applied to the circle of the selected image in xsmode
      */
     xsSelectedCircle: PropTypes.string,
-
     /**
      * Styles applied to the panel with low cardinality buttons
      */
     lowButtons: PropTypes.string,
-
     /**
      * Styles applied to the container of the selected image
      */
     imageContainer: PropTypes.string,
-
     /**
      * Styles applied to the panel with the thumbnails
      */
     stack: PropTypes.string,
-
     /**
      * Styles applied to the panel that contains the buttons and counter in default mode
      */
     normalButtons: PropTypes.string,
-
     /**
      * Styles applied to fullscreen mode.
      */
     fullscreenStyle: PropTypes.string,
-
     /**
      * Styles applied to close button in fullscreen mode.
      */
     closeButton: PropTypes.string,
-
     /**
      * Styles applied to change image buttons.
      */
     button: PropTypes.string,
-
     /**
      * Styles applied to thumbnails panel.
      */
     panel: PropTypes.string
   }).isRequired,
-
   /**
    * Documents to be displayed.
    */
   documents: PropTypes.array.isRequired,
-
   /**
    * Title of the image carousel
    */
   title: PropTypes.node,
-
   /**
    * A function called each time the selected image changes.
    */
   onChange: PropTypes.func,
-
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * A flag that activates the thumbnails.
    */
   thumbnails: PropTypes.bool,
-
   /**
    * A flag that switches to low cardinality mode
    */
   lowCardinality: PropTypes.bool,
-
   /**
    * A flag that activates the infinite carousel behavior
    */
   infiniteCarousel: PropTypes.bool,
-
   /**
    * A flag that activates a counter on the top right corner of the selected image
    */
   counter: PropTypes.bool,
-
   /**
    * Set Image Carousel to fullscreen mode
    */
   fullscreen: PropTypes.bool,
-
   /**
    * Set selected image to a particular image in documents
    */
   currentStep: PropTypes.number,
-
   /**
    * Function that changes the selected image
    */
   setCurrentStep: PropTypes.func,
-
   /**
    * Image Carousel set to xs mode
    */
   xs: PropTypes.bool,
-
   /**
    * Arrows always displayed in low cardinality or xs mode
    */
   visibleArrows: PropTypes.bool,
-
   /**
    * Selected image fit variant
    */