npm - @hitachivantara/uikit-react-lab - Versions diffs - 4.0.2 → 4.0.4 - Mend

@hitachivantara/uikit-react-lab 4.0.2 → 4.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (450) hide show

package/dist/legacy/ImageCarousel/ImageCarousel.js CHANGED Viewed

@@ -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
    */

package/dist/legacy/ImageCarousel/ImageCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageCarousel.js","names":["React","useState","useRef","useEffect","useCallback","PropTypes","clsx","setId","useUniqueId","HvButton","HvContainer","HvTypography","HvGrid","HvStack","HvPanel","useScrollTo","Button","Fade","withStyles","makeStyles","Backwards","Forwards","Close","Fullscreen","styles","HvImageCarousel","props","className","classes","documents","title","id","fullscreen","fullscreenProp","thumbnails","lowCardinality","infiniteCarousel","xs","onChange","counter","currentStep","setCurrentStep","visibleArrows","variant","others","elementId","setFullscreen","options","map","element","src","value","sliceStart","setSliceStart","selImage","setImage","offset","setOffset","imageHover","setImageHover","direction","useStyles","theme","button","backgroundColor","hv","palette","atmosphere","atmo3","imageBox","minWidth","display","justifyContent","allImages","width","style","selectedIndex","setScrollTo","selectedBigIndex","setBigScrollTo","refBackwards","refForwards","typeCircle","handleSelection","event","index","wrappedOnChange","handleFocus","focus","current","handleBigSelection","handleVisibility","image","document","getElementById","panel","container","containerWidth","offsetWidth","offsetPanel","offsetLeft","offsetImage","imageWidth","scroll","scrollLeft","activeElement","undefined","changeSlice","length","nextImage","next","previousImage","previous","styleThumbnail","img","thumbnailSelected","circleType","xsSelectedCircle","selectedCircle","miniCircle","root","fullscreenStyle","closeButton","imageContainer","stack","appear","enter","exit","selectedImage","lowButtons","xsCircles","slice","divCounter","color","circles","normalButtons","hidden","i","thumbnailButton","propTypes","string","shape","xsMode","xsImage","isRequired","array","node","func","bool","number","name"],"sources":["../../../src/ImageCarousel/ImageCarousel.js"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport {\n setId,\n useUniqueId,\n HvButton,\n HvContainer,\n HvTypography,\n HvGrid,\n HvStack,\n HvPanel,\n useScrollTo,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { Button, Fade } from \"@mui/material\";\nimport { withStyles, makeStyles } from \"@mui/styles\";\n\nimport { Backwards, Forwards, Close, Fullscreen } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n/*\n ImageCarousel description/documentation paragraph\n /\nconst HvImageCarousel = (props) => {\n const {\n className,\n classes,\n documents,\n title,\n id,\n fullscreen: fullscreenProp = false,\n thumbnails = false,\n lowCardinality = false,\n infiniteCarousel = false,\n xs = false,\n onChange,\n counter = false,\n currentStep = 0,\n setCurrentStep,\n visibleArrows = false,\n variant = \"contain\",\n ...others\n } = props;\n const elementId = useUniqueId(id, \"hvcarousel\");\n const [fullscreen, setFullscreen] = useState(false);\n const options = documents.map((element) => ({\n src: element.src,\n value: setId(elementId, element.value),\n }));\n\n const [sliceStart, setSliceStart] = useState(0);\n const [selImage, setImage] = useState(currentStep);\n const [offset, setOffset] = useState(0);\n const [imageHover, setImageHover] = useState(false);\n let direction = \"next\";\n const useStyles = makeStyles((theme) => ({\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n imageBox: {\n minWidth: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n allImages: {\n width: \"max-content\",\n display: \"flex\",\n },\n }));\n const style = useStyles();\n\n const [selectedIndex, setScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"panel\"),\n false,\n 100,\n documents,\n onChange,\n \"row\"\n );\n const [selectedBigIndex, setBigScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"bigPanel\"),\n false,\n 0,\n options,\n onChange,\n \"row\"\n );\n const refBackwards = useRef(null);\n const refForwards = useRef(null);\n let typeCircle = \"circle\";\n\n const handleSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setScrollTo]\n );\n\n const handleFocus = (focus) => {\n if (focus === refBackwards.current \|\| focus === refForwards.current) focus.focus();\n };\n\n const handleBigSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setBigScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setBigScrollTo]\n );\n\n const handleVisibility = useCallback(\n (event, value, index) => {\n const image = document.getElementById(value);\n const panel = document.getElementById(setId(elementId, \"panel\"));\n const container = document.getElementById(setId(elementId, \"container\"));\n const containerWidth = container.offsetWidth;\n const offsetPanel = panel.offsetLeft;\n const offsetImage = image.offsetLeft;\n const imageWidth = image.offsetWidth;\n const scroll = panel.scrollLeft;\n const focus = document.activeElement;\n\n if (\n offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth \|\|\n offsetImage - scroll < 0\n ) {\n handleSelection(event, value, index);\n handleFocus(focus);\n }\n },\n [elementId, handleSelection, offset]\n );\n\n useEffect(() => {\n setCurrentStep?.(selImage);\n }, [selImage, setCurrentStep]);\n\n useEffect(() => {\n if (fullscreen) setOffset(150);\n else setOffset(0);\n\n if (thumbnails) {\n handleVisibility(undefined, documents[selImage].value, selImage, selectedIndex);\n }\n handleBigSelection(undefined, options[selImage].value, selImage, selectedBigIndex);\n }, [\n documents,\n fullscreen,\n handleBigSelection,\n handleVisibility,\n options,\n selImage,\n selectedBigIndex,\n selectedIndex,\n thumbnails,\n ]);\n\n const changeSlice = () => {\n if (direction === \"next\") {\n if (infiniteCarousel && selImage === documents.length - 1) setSliceStart(0);\n else if (selImage > sliceStart + 2 && selImage !== documents.length - 2)\n setSliceStart(sliceStart + 1);\n }\n if (direction === \"prev\") {\n if (infiniteCarousel && selImage === 0)\n setSliceStart(documents.length > 5 ? documents.length - 5 : 0);\n else if (selImage < sliceStart + 2 && selImage !== 1) setSliceStart(sliceStart - 1);\n }\n };\n\n const nextImage = () => {\n let next;\n if (selImage !== documents.length - 1) next = selImage + 1;\n else if (infiniteCarousel) next = 0;\n setImage(next);\n if (xs) {\n direction = \"next\";\n changeSlice();\n }\n };\n\n const previousImage = () => {\n let previous;\n if (selImage !== 0) previous = selImage - 1;\n else if (infiniteCarousel) previous = documents.length - 1;\n setImage(previous);\n if (xs) {\n direction = \"prev\";\n changeSlice();\n }\n };\n\n const styleThumbnail = (index) => {\n if (index !== selImage) return classes.img;\n return classes.thumbnailSelected;\n };\n\n const circleType = (index) => {\n if (index === selImage) {\n typeCircle = \"BigCircle\";\n if (xs) return classes.xsSelectedCircle;\n return classes.selectedCircle;\n }\n typeCircle = \"Circle\";\n return classes.miniCircle;\n };\n\n return (\n <HvContainer\n id={setId(elementId, \"container\")}\n className={clsx(\n className,\n classes.root,\n fullscreen ? classes.fullscreenStyle : \"\",\n xs ? \"xs\" : \"nxs\"\n )}\n {...others}\n >\n {!xs && (\n <div className={classes.title}>\n <div>{title}</div>\n {fullscreenProp && (\n <div>\n {fullscreen ? (\n <HvButton\n className={classes.closeButton}\n icon\n aria-label=\"Close\"\n onClick={() => setFullscreen(!fullscreen)}\n >\n <Close />\n </HvButton>\n ) : (\n <HvButton icon aria-label=\"Fullscreen\" onClick={() => setFullscreen(true)}>\n <Fullscreen />\n </HvButton>\n )}\n </div>\n )}\n </div>\n )}\n <HvContainer\n className={clsx(\n classes.imageContainer,\n !xs ? \"nxs\" : \"\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\"\n )}\n onFocus={() => setImageHover(true)}\n onMouseOver={() => setImageHover(true)}\n onBlur={() => setImageHover(false)}\n onMouseOut={() => setImageHover(false)}\n >\n <HvPanel\n className={clsx(classes.stack, xs ? \"xs\" : \"nxs\")}\n id={setId(elementId, \"bigPanel\")}\n >\n {options.map((element, index) => (\n <div className={style.imageBox} id={element.value} key={`div ${element.value}`}>\n <Fade in={selImage === index \|\| xs} timeout={{ appear: 500, enter: 1200, exit: 200 }}>\n <img\n className={clsx(\n classes.selectedImage,\n xs ? \"xs\" : \"nxs\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\",\n variant\n )}\n src={element.src}\n alt={element.value}\n key={`image ${element.value}`}\n />\n </Fade>\n </div>\n ))}\n </HvPanel>\n {(xs \|\| lowCardinality) && (\n <div className={clsx(classes.lowButtons, !xs ? \"nxs\" : \"\")}>\n <div>\n <Fade in={imageHover \|\| visibleArrows}>\n <HvButton\n ref={refBackwards}\n className={classes.button}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </Fade>\n </div>\n <div>\n <Fade in={imageHover \|\| visibleArrows}>\n <HvButton\n ref={refForwards}\n className={classes.button}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </Fade>\n </div>\n </div>\n )}\n {xs && (\n <div className={classes.xsCircles}>\n {documents\n .map((element, index) => (\n <span\n className={circleType(index)}\n title={typeCircle}\n key={`Circle ${element.value}`}\n />\n ))\n .slice(sliceStart, sliceStart + 5)}\n </div>\n )}\n {counter && (\n <div className={clsx(classes.divCounter, !xs ? \"nxs\" : \"\")}>\n <span className={classes.counter}>\n <HvTypography variant=\"normalText\" style={{ color: \"white\" }}>\n {`${selImage + 1}/${documents.length}`}\n </HvTypography>\n </span>\n </div>\n )}\n </HvContainer>\n {!xs && (\n <>\n {lowCardinality ? (\n <div className={classes.circles}>\n {documents.map((element, index) => (\n <span\n className={circleType(index)}\n title={`${typeCircle} ${index}`}\n key={`Circle ${element.value}`}\n />\n ))}\n </div>\n ) : (\n <HvGrid\n className={clsx(classes.normalButtons)}\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <HvGrid item>\n <HvButton\n className={infiniteCarousel \|\| selImage !== 0 ? \"\" : classes.hidden}\n ref={refBackwards}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </HvGrid>\n <HvGrid item>\n <HvTypography variant=\"highlightText\" component=\"a\">\n {selImage + 1}\n </HvTypography>\n <HvTypography variant=\"normalText\" component=\"a\">\n {` / ${documents.length}`}\n </HvTypography>\n </HvGrid>\n <HvGrid item>\n <HvButton\n className={\n infiniteCarousel \|\| selImage !== documents.length - 1 ? \"\" : classes.hidden\n }\n ref={refForwards}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </HvGrid>\n </HvGrid>\n )}\n {thumbnails && (\n <HvPanel className={classes.panel} id={setId(elementId, \"panel\")}>\n <HvStack key=\"Thumbnails\" direction=\"row\" spacing=\"xs\" withNavigation>\n {documents.map((element, i) => (\n <Button\n id={element.value}\n key={`Button ${element.value}`}\n className={classes.thumbnailButton}\n onClick={() => setImage(i)}\n >\n <img\n className={styleThumbnail(i)}\n src={element.src}\n alt={element.value}\n key={`Thumbnail ${element.value}`}\n />\n </Button>\n ))}\n </HvStack>\n </HvPanel>\n )}\n </>\n )}\n </HvContainer>\n );\n};\n\nHvImageCarousel.propTypes = {\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 the component root class.\n /\n root: PropTypes.string,\n /\n Styles applied to the component SelectedImage.\n /\n selectedImage: PropTypes.string,\n /\n Styles applied to xs mode\n /\n xsMode: PropTypes.string,\n /\n Styles applied to image in xsMode\n /\n xsImage: PropTypes.string,\n /\n Styles applied to panel with low cardinality circles\n /\n circles: PropTypes.string,\n /\n Styles applied to xs mode circles\n /\n xsCircles: PropTypes.string,\n /\n Styles applied to unavailable button\n /\n hidden: PropTypes.string,\n /\n Styles applied to the carousel title\n /\n title: PropTypes.string,\n /\n Styles applied to the counter\n /\n counter: PropTypes.string,\n /\n Styles applied to the div with the counter\n /\n divCounter: PropTypes.string,\n /\n Styles applied to the thumbnails\n /\n img: PropTypes.string,\n /\n Styles applied to the selected thumbnail\n /\n thumbnailSelected: PropTypes.string,\n /\n Styles applied to the thumbnail button\n /\n thumbnailButton: PropTypes.string,\n /\n Styles applied to the low cardinality circles\n /\n miniCircle: PropTypes.string,\n /\n Styles applied to the circle of the selected image\n /\n selectedCircle: PropTypes.string,\n /\n Styles applied to the circle of the selected image in xsmode\n /\n xsSelectedCircle: PropTypes.string,\n /\n Styles applied to the panel with low cardinality buttons\n /\n lowButtons: PropTypes.string,\n /\n Styles applied to the container of the selected image\n /\n imageContainer: PropTypes.string,\n /\n Styles applied to the panel with the thumbnails\n /\n stack: PropTypes.string,\n /\n Styles applied to the panel that contains the buttons and counter in default mode\n /\n normalButtons: PropTypes.string,\n /\n Styles applied to fullscreen mode.\n /\n fullscreenStyle: PropTypes.string,\n /\n Styles applied to close button in fullscreen mode.\n /\n closeButton: PropTypes.string,\n /\n Styles applied to change image buttons.\n /\n button: PropTypes.string,\n /\n Styles applied to thumbnails panel.\n /\n panel: PropTypes.string,\n }).isRequired,\n /\n Documents to be displayed.\n /\n documents: PropTypes.array.isRequired,\n /\n Title of the image carousel\n /\n title: PropTypes.node,\n /\n A function called each time the selected image changes.\n /\n onChange: PropTypes.func,\n /\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A flag that activates the thumbnails.\n /\n thumbnails: PropTypes.bool,\n /\n A flag that switches to low cardinality mode\n /\n lowCardinality: PropTypes.bool,\n /\n A flag that activates the infinite carousel behavior\n /\n infiniteCarousel: PropTypes.bool,\n /\n A flag that activates a counter on the top right corner of the selected image\n /\n counter: PropTypes.bool,\n /\n Set Image Carousel to fullscreen mode\n /\n fullscreen: PropTypes.bool,\n /\n Set selected image to a particular image in documents\n /\n currentStep: PropTypes.number,\n /\n Function that changes the selected image\n /\n setCurrentStep: PropTypes.func,\n /\n Image Carousel set to xs mode\n /\n xs: PropTypes.bool,\n /\n Arrows always displayed in low cardinality or xs mode\n /\n visibleArrows: PropTypes.bool,\n /\n Selected image fit variant\n */\n variant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvImageCarousel\" })(HvImageCarousel);\n"],"mappings":"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"}
1	+ {"version":3,"file":"ImageCarousel.js","names":["React","useState","useRef","useEffect","useCallback","PropTypes","clsx","setId","useUniqueId","HvButton","HvContainer","HvTypography","HvGrid","HvStack","HvPanel","useScrollTo","Button","Fade","withStyles","makeStyles","Backwards","Forwards","Close","Fullscreen","styles","HvImageCarousel","props","className","classes","documents","title","id","fullscreen","fullscreenProp","thumbnails","lowCardinality","infiniteCarousel","xs","onChange","counter","currentStep","setCurrentStep","visibleArrows","variant","others","elementId","setFullscreen","options","map","element","src","value","sliceStart","setSliceStart","selImage","setImage","offset","setOffset","imageHover","setImageHover","direction","useStyles","theme","button","backgroundColor","hv","palette","atmosphere","atmo3","imageBox","minWidth","display","justifyContent","allImages","width","style","selectedIndex","setScrollTo","selectedBigIndex","setBigScrollTo","refBackwards","refForwards","typeCircle","handleSelection","event","index","wrappedOnChange","handleFocus","focus","current","handleBigSelection","handleVisibility","image","document","getElementById","panel","container","containerWidth","offsetWidth","offsetPanel","offsetLeft","offsetImage","imageWidth","scroll","scrollLeft","activeElement","undefined","changeSlice","length","nextImage","next","previousImage","previous","styleThumbnail","img","thumbnailSelected","circleType","xsSelectedCircle","selectedCircle","miniCircle","root","fullscreenStyle","closeButton","imageContainer","stack","appear","enter","exit","selectedImage","lowButtons","xsCircles","slice","divCounter","color","circles","normalButtons","hidden","i","thumbnailButton","propTypes","string","shape","xsMode","xsImage","isRequired","array","node","func","bool","number","name"],"sources":["../../../src/ImageCarousel/ImageCarousel.js"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport {\n setId,\n useUniqueId,\n HvButton,\n HvContainer,\n HvTypography,\n HvGrid,\n HvStack,\n HvPanel,\n useScrollTo,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { Button, Fade } from \"@mui/material\";\nimport { withStyles, makeStyles } from \"@mui/styles\";\n\nimport { Backwards, Forwards, Close, Fullscreen } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n/*\n ImageCarousel description/documentation paragraph\n /\nconst HvImageCarousel = (props) => {\n const {\n className,\n classes,\n documents,\n title,\n id,\n fullscreen: fullscreenProp = false,\n thumbnails = false,\n lowCardinality = false,\n infiniteCarousel = false,\n xs = false,\n onChange,\n counter = false,\n currentStep = 0,\n setCurrentStep,\n visibleArrows = false,\n variant = \"contain\",\n ...others\n } = props;\n const elementId = useUniqueId(id, \"hvcarousel\");\n const [fullscreen, setFullscreen] = useState(false);\n const options = documents.map((element) => ({\n src: element.src,\n value: setId(elementId, element.value),\n }));\n\n const [sliceStart, setSliceStart] = useState(0);\n const [selImage, setImage] = useState(currentStep);\n const [offset, setOffset] = useState(0);\n const [imageHover, setImageHover] = useState(false);\n let direction = \"next\";\n const useStyles = makeStyles((theme) => ({\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n imageBox: {\n minWidth: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n },\n allImages: {\n width: \"max-content\",\n display: \"flex\",\n },\n }));\n const style = useStyles();\n\n const [selectedIndex, setScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"panel\"),\n false,\n 100,\n documents,\n onChange,\n \"row\"\n );\n const [selectedBigIndex, setBigScrollTo] = useScrollTo(\n 0,\n setId(elementId, \"bigPanel\"),\n false,\n 0,\n options,\n onChange,\n \"row\"\n );\n const refBackwards = useRef(null);\n const refForwards = useRef(null);\n let typeCircle = \"circle\";\n\n const handleSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setScrollTo]\n );\n\n const handleFocus = (focus) => {\n if (focus === refBackwards.current \|\| focus === refForwards.current) focus.focus();\n };\n\n const handleBigSelection = useCallback(\n (event, value, index) => {\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n setBigScrollTo(event, value, index, wrappedOnChange);\n },\n [onChange, setBigScrollTo]\n );\n\n const handleVisibility = useCallback(\n (event, value, index) => {\n const image = document.getElementById(value);\n const panel = document.getElementById(setId(elementId, \"panel\"));\n const container = document.getElementById(setId(elementId, \"container\"));\n const containerWidth = container.offsetWidth;\n const offsetPanel = panel.offsetLeft;\n const offsetImage = image.offsetLeft;\n const imageWidth = image.offsetWidth;\n const scroll = panel.scrollLeft;\n const focus = document.activeElement;\n\n if (\n offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth \|\|\n offsetImage - scroll < 0\n ) {\n handleSelection(event, value, index);\n handleFocus(focus);\n }\n },\n [elementId, handleSelection, offset]\n );\n\n useEffect(() => {\n setCurrentStep?.(selImage);\n }, [selImage, setCurrentStep]);\n\n useEffect(() => {\n if (fullscreen) setOffset(150);\n else setOffset(0);\n\n if (thumbnails) {\n handleVisibility(undefined, documents[selImage].value, selImage, selectedIndex);\n }\n handleBigSelection(undefined, options[selImage].value, selImage, selectedBigIndex);\n }, [\n documents,\n fullscreen,\n handleBigSelection,\n handleVisibility,\n options,\n selImage,\n selectedBigIndex,\n selectedIndex,\n thumbnails,\n ]);\n\n const changeSlice = () => {\n if (direction === \"next\") {\n if (infiniteCarousel && selImage === documents.length - 1) setSliceStart(0);\n else if (selImage > sliceStart + 2 && selImage !== documents.length - 2)\n setSliceStart(sliceStart + 1);\n }\n if (direction === \"prev\") {\n if (infiniteCarousel && selImage === 0)\n setSliceStart(documents.length > 5 ? documents.length - 5 : 0);\n else if (selImage < sliceStart + 2 && selImage !== 1) setSliceStart(sliceStart - 1);\n }\n };\n\n const nextImage = () => {\n let next;\n if (selImage !== documents.length - 1) next = selImage + 1;\n else if (infiniteCarousel) next = 0;\n setImage(next);\n if (xs) {\n direction = \"next\";\n changeSlice();\n }\n };\n\n const previousImage = () => {\n let previous;\n if (selImage !== 0) previous = selImage - 1;\n else if (infiniteCarousel) previous = documents.length - 1;\n setImage(previous);\n if (xs) {\n direction = \"prev\";\n changeSlice();\n }\n };\n\n const styleThumbnail = (index) => {\n if (index !== selImage) return classes.img;\n return classes.thumbnailSelected;\n };\n\n const circleType = (index) => {\n if (index === selImage) {\n typeCircle = \"BigCircle\";\n if (xs) return classes.xsSelectedCircle;\n return classes.selectedCircle;\n }\n typeCircle = \"Circle\";\n return classes.miniCircle;\n };\n\n return (\n <HvContainer\n id={setId(elementId, \"container\")}\n className={clsx(\n className,\n classes.root,\n fullscreen ? classes.fullscreenStyle : \"\",\n xs ? \"xs\" : \"nxs\"\n )}\n {...others}\n >\n {!xs && (\n <div className={classes.title}>\n <div>{title}</div>\n {fullscreenProp && (\n <div>\n {fullscreen ? (\n <HvButton\n className={classes.closeButton}\n icon\n aria-label=\"Close\"\n onClick={() => setFullscreen(!fullscreen)}\n >\n <Close />\n </HvButton>\n ) : (\n <HvButton icon aria-label=\"Fullscreen\" onClick={() => setFullscreen(true)}>\n <Fullscreen />\n </HvButton>\n )}\n </div>\n )}\n </div>\n )}\n <HvContainer\n className={clsx(\n classes.imageContainer,\n !xs ? \"nxs\" : \"\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\"\n )}\n onFocus={() => setImageHover(true)}\n onMouseOver={() => setImageHover(true)}\n onBlur={() => setImageHover(false)}\n onMouseOut={() => setImageHover(false)}\n >\n <HvPanel\n className={clsx(classes.stack, xs ? \"xs\" : \"nxs\")}\n id={setId(elementId, \"bigPanel\")}\n >\n {options.map((element, index) => (\n <div className={style.imageBox} id={element.value} key={`div ${element.value}`}>\n <Fade in={selImage === index \|\| xs} timeout={{ appear: 500, enter: 1200, exit: 200 }}>\n <img\n className={clsx(\n classes.selectedImage,\n xs ? \"xs\" : \"nxs\",\n fullscreen ? \"fullscreen\" : \"notFullscreen\",\n variant\n )}\n src={element.src}\n alt={element.value}\n key={`image ${element.value}`}\n />\n </Fade>\n </div>\n ))}\n </HvPanel>\n {(xs \|\| lowCardinality) && (\n <div className={clsx(classes.lowButtons, !xs ? \"nxs\" : \"\")}>\n <div>\n <Fade in={imageHover \|\| visibleArrows}>\n <HvButton\n ref={refBackwards}\n className={classes.button}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </Fade>\n </div>\n <div>\n <Fade in={imageHover \|\| visibleArrows}>\n <HvButton\n ref={refForwards}\n className={classes.button}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </Fade>\n </div>\n </div>\n )}\n {xs && (\n <div className={classes.xsCircles}>\n {documents\n .map((element, index) => (\n <span\n className={circleType(index)}\n title={typeCircle}\n key={`Circle ${element.value}`}\n />\n ))\n .slice(sliceStart, sliceStart + 5)}\n </div>\n )}\n {counter && (\n <div className={clsx(classes.divCounter, !xs ? \"nxs\" : \"\")}>\n <span className={classes.counter}>\n <HvTypography variant=\"normalText\" style={{ color: \"white\" }}>\n {`${selImage + 1}/${documents.length}`}\n </HvTypography>\n </span>\n </div>\n )}\n </HvContainer>\n {!xs && (\n <>\n {lowCardinality ? (\n <div className={classes.circles}>\n {documents.map((element, index) => (\n <span\n className={circleType(index)}\n title={`${typeCircle} ${index}`}\n key={`Circle ${element.value}`}\n />\n ))}\n </div>\n ) : (\n <HvGrid\n className={clsx(classes.normalButtons)}\n container\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <HvGrid item>\n <HvButton\n className={infiniteCarousel \|\| selImage !== 0 ? \"\" : classes.hidden}\n ref={refBackwards}\n icon\n aria-label=\"Backwards\"\n onClick={(event) => previousImage(event)}\n >\n <Backwards />\n </HvButton>\n </HvGrid>\n <HvGrid item>\n <HvTypography variant=\"highlightText\" component=\"a\">\n {selImage + 1}\n </HvTypography>\n <HvTypography variant=\"normalText\" component=\"a\">\n {` / ${documents.length}`}\n </HvTypography>\n </HvGrid>\n <HvGrid item>\n <HvButton\n className={\n infiniteCarousel \|\| selImage !== documents.length - 1 ? \"\" : classes.hidden\n }\n ref={refForwards}\n icon\n aria-label=\"Forwards\"\n onClick={(event) => nextImage(event)}\n >\n <Forwards />\n </HvButton>\n </HvGrid>\n </HvGrid>\n )}\n {thumbnails && (\n <HvPanel className={classes.panel} id={setId(elementId, \"panel\")}>\n <HvStack key=\"Thumbnails\" direction=\"row\" spacing=\"xs\" withNavigation>\n {documents.map((element, i) => (\n <Button\n id={element.value}\n key={`Button ${element.value}`}\n className={classes.thumbnailButton}\n onClick={() => setImage(i)}\n >\n <img\n className={styleThumbnail(i)}\n src={element.src}\n alt={element.value}\n key={`Thumbnail ${element.value}`}\n />\n </Button>\n ))}\n </HvStack>\n </HvPanel>\n )}\n </>\n )}\n </HvContainer>\n );\n};\n\nHvImageCarousel.propTypes = {\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 the component root class.\n /\n root: PropTypes.string,\n /\n Styles applied to the component SelectedImage.\n /\n selectedImage: PropTypes.string,\n /\n Styles applied to xs mode\n /\n xsMode: PropTypes.string,\n /\n Styles applied to image in xsMode\n /\n xsImage: PropTypes.string,\n /\n Styles applied to panel with low cardinality circles\n /\n circles: PropTypes.string,\n /\n Styles applied to xs mode circles\n /\n xsCircles: PropTypes.string,\n /\n Styles applied to unavailable button\n /\n hidden: PropTypes.string,\n /\n Styles applied to the carousel title\n /\n title: PropTypes.string,\n /\n Styles applied to the counter\n /\n counter: PropTypes.string,\n /\n Styles applied to the div with the counter\n /\n divCounter: PropTypes.string,\n /\n Styles applied to the thumbnails\n /\n img: PropTypes.string,\n /\n Styles applied to the selected thumbnail\n /\n thumbnailSelected: PropTypes.string,\n /\n Styles applied to the thumbnail button\n /\n thumbnailButton: PropTypes.string,\n /\n Styles applied to the low cardinality circles\n /\n miniCircle: PropTypes.string,\n /\n Styles applied to the circle of the selected image\n /\n selectedCircle: PropTypes.string,\n /\n Styles applied to the circle of the selected image in xsmode\n /\n xsSelectedCircle: PropTypes.string,\n /\n Styles applied to the panel with low cardinality buttons\n /\n lowButtons: PropTypes.string,\n /\n Styles applied to the container of the selected image\n /\n imageContainer: PropTypes.string,\n /\n Styles applied to the panel with the thumbnails\n /\n stack: PropTypes.string,\n /\n Styles applied to the panel that contains the buttons and counter in default mode\n /\n normalButtons: PropTypes.string,\n /\n Styles applied to fullscreen mode.\n /\n fullscreenStyle: PropTypes.string,\n /\n Styles applied to close button in fullscreen mode.\n /\n closeButton: PropTypes.string,\n /\n Styles applied to change image buttons.\n /\n button: PropTypes.string,\n /\n Styles applied to thumbnails panel.\n /\n panel: PropTypes.string,\n }).isRequired,\n /\n Documents to be displayed.\n /\n documents: PropTypes.array.isRequired,\n /\n Title of the image carousel\n /\n title: PropTypes.node,\n /\n A function called each time the selected image changes.\n /\n onChange: PropTypes.func,\n /\n Id to be applied to the root node.\n /\n id: PropTypes.string,\n /\n A flag that activates the thumbnails.\n /\n thumbnails: PropTypes.bool,\n /\n A flag that switches to low cardinality mode\n /\n lowCardinality: PropTypes.bool,\n /\n A flag that activates the infinite carousel behavior\n /\n infiniteCarousel: PropTypes.bool,\n /\n A flag that activates a counter on the top right corner of the selected image\n /\n counter: PropTypes.bool,\n /\n Set Image Carousel to fullscreen mode\n /\n fullscreen: PropTypes.bool,\n /\n Set selected image to a particular image in documents\n /\n currentStep: PropTypes.number,\n /\n Function that changes the selected image\n /\n setCurrentStep: PropTypes.func,\n /\n Image Carousel set to xs mode\n /\n xs: PropTypes.bool,\n /\n Arrows always displayed in low cardinality or xs mode\n /\n visibleArrows: PropTypes.bool,\n /\n Selected image fit variant\n */\n variant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvImageCarousel\" })(HvImageCarousel);\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,MAAM,EAAEC,SAAS,EAAEC,WAAW,QAAQ,OAAO;AACvE,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SACEC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACRC,WAAW,EACXC,YAAY,EACZC,MAAM,EACNC,OAAO,EACPC,OAAO,EACPC,WAAW,QACN,kCAAkC;AAEzC,SAASC,MAAM,EAAEC,IAAI,QAAQ,eAAe;AAC5C,SAASC,UAAU,EAAEC,UAAU,QAAQ,aAAa;AAEpD,SAASC,SAAS,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAU,QAAQ,mCAAmC;AAE1F,OAAOC,MAAM,MAAM,UAAU;AAC7B;AACA;AACA;AAFA;AAAA;AAAA;AAGA,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAK,EAAK;EACjC,IACEC,SAAS,GAiBPD,KAAK,CAjBPC,SAAS;IACTC,OAAO,GAgBLF,KAAK,CAhBPE,OAAO;IACPC,SAAS,GAePH,KAAK,CAfPG,SAAS;IACTC,KAAK,GAcHJ,KAAK,CAdPI,KAAK;IACLC,EAAE,GAaAL,KAAK,CAbPK,EAAE;IAAA,oBAaAL,KAAK,CAZPM,UAAU;IAAEC,cAAc,kCAAG,KAAK;IAAA,oBAYhCP,KAAK,CAXPQ,UAAU;IAAVA,UAAU,kCAAG,KAAK;IAAA,wBAWhBR,KAAK,CAVPS,cAAc;IAAdA,cAAc,sCAAG,KAAK;IAAA,wBAUpBT,KAAK,CATPU,gBAAgB;IAAhBA,gBAAgB,sCAAG,KAAK;IAAA,YAStBV,KAAK,CARPW,EAAE;IAAFA,EAAE,0BAAG,KAAK;IACVC,QAAQ,GAONZ,KAAK,CAPPY,QAAQ;IAAA,iBAONZ,KAAK,CANPa,OAAO;IAAPA,OAAO,+BAAG,KAAK;IAAA,qBAMbb,KAAK,CALPc,WAAW;IAAXA,WAAW,mCAAG,CAAC;IACfC,cAAc,GAIZf,KAAK,CAJPe,cAAc;IAAA,uBAIZf,KAAK,CAHPgB,aAAa;IAAbA,aAAa,qCAAG,KAAK;IAAA,iBAGnBhB,KAAK,CAFPiB,OAAO;IAAPA,OAAO,+BAAG,SAAS;IAChBC,MAAM,4BACPlB,KAAK;EACT,IAAMmB,SAAS,GAAGrC,WAAW,CAACuB,EAAE,EAAE,YAAY,CAAC;EAC/C,gBAAoC9B,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA5C+B,UAAU;IAAEc,aAAa;EAChC,IAAMC,OAAO,GAAGlB,SAAS,CAACmB,GAAG,CAAC,UAACC,OAAO;IAAA,OAAM;MAC1CC,GAAG,EAAED,OAAO,CAACC,GAAG;MAChBC,KAAK,EAAE5C,KAAK,CAACsC,SAAS,EAAEI,OAAO,CAACE,KAAK;IACvC,CAAC;EAAA,CAAC,CAAC;EAEH,iBAAoClD,QAAQ,CAAC,CAAC,CAAC;IAAA;IAAxCmD,UAAU;IAAEC,aAAa;EAChC,iBAA6BpD,QAAQ,CAACuC,WAAW,CAAC;IAAA;IAA3Cc,QAAQ;IAAEC,QAAQ;EACzB,iBAA4BtD,QAAQ,CAAC,CAAC,CAAC;IAAA;IAAhCuD,MAAM;IAAEC,SAAS;EACxB,iBAAoCxD,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA5CyD,UAAU;IAAEC,aAAa;EAChC,IAAIC,SAAS,GAAG,MAAM;EACtB,IAAMC,SAAS,GAAG1C,UAAU,CAAC,UAAC2C,KAAK;IAAA,OAAM;MACvCC,MAAM,EAAE;QACNC,eAAe,EAAEF,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;MAC/C,CAAC;MACDC,QAAQ,EAAE;QACRC,QAAQ,EAAE,MAAM;QAChBC,OAAO,EAAE,MAAM;QACfC,cAAc,EAAE;MAClB,CAAC;MACDC,SAAS,EAAE;QACTC,KAAK,EAAE,aAAa;QACpBH,OAAO,EAAE;MACX;IACF,CAAC;EAAA,CAAC,CAAC;EACH,IAAMI,KAAK,GAAGd,SAAS,EAAE;EAEzB,mBAAqC9C,WAAW,CAC9C,CAAC,EACDR,KAAK,CAACsC,SAAS,EAAE,OAAO,CAAC,EACzB,KAAK,EACL,GAAG,EACHhB,SAAS,EACTS,QAAQ,EACR,KAAK,CACN;IAAA;IARMsC,aAAa;IAAEC,WAAW;EASjC,oBAA2C9D,WAAW,CACpD,CAAC,EACDR,KAAK,CAACsC,SAAS,EAAE,UAAU,CAAC,EAC5B,KAAK,EACL,CAAC,EACDE,OAAO,EACPT,QAAQ,EACR,KAAK,CACN;IAAA;IARMwC,gBAAgB;IAAEC,cAAc;EASvC,IAAMC,YAAY,GAAG9E,MAAM,CAAC,IAAI,CAAC;EACjC,IAAM+E,WAAW,GAAG/E,MAAM,CAAC,IAAI,CAAC;EAChC,IAAIgF,UAAU,GAAG,QAAQ;EAEzB,IAAMC,eAAe,GAAG/E,WAAW,CACjC,UAACgF,KAAK,EAAEjC,KAAK,EAAEkC,KAAK,EAAK;IACvB,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;MAC5BhD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG8C,KAAK,EAAEC,KAAK,CAAC;IAC1B,CAAC;IACDR,WAAW,CAACO,KAAK,EAAEjC,KAAK,EAAEkC,KAAK,EAAEC,eAAe,CAAC;EACnD,CAAC,EACD,CAAChD,QAAQ,EAAEuC,WAAW,CAAC,CACxB;EAED,IAAMU,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAK,EAAK;IAC7B,IAAIA,KAAK,KAAKR,YAAY,CAACS,OAAO,IAAID,KAAK,KAAKP,WAAW,CAACQ,OAAO,EAAED,KAAK,CAACA,KAAK,EAAE;EACpF,CAAC;EAED,IAAME,kBAAkB,GAAGtF,WAAW,CACpC,UAACgF,KAAK,EAAEjC,KAAK,EAAEkC,KAAK,EAAK;IACvB,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAAS;MAC5BhD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG8C,KAAK,EAAEC,KAAK,CAAC;IAC1B,CAAC;IACDN,cAAc,CAACK,KAAK,EAAEjC,KAAK,EAAEkC,KAAK,EAAEC,eAAe,CAAC;EACtD,CAAC,EACD,CAAChD,QAAQ,EAAEyC,cAAc,CAAC,CAC3B;EAED,IAAMY,gBAAgB,GAAGvF,WAAW,CAClC,UAACgF,KAAK,EAAEjC,KAAK,EAAEkC,KAAK,EAAK;IACvB,IAAMO,KAAK,GAAGC,QAAQ,CAACC,cAAc,CAAC3C,KAAK,CAAC;IAC5C,IAAM4C,KAAK,GAAGF,QAAQ,CAACC,cAAc,CAACvF,KAAK,CAACsC,SAAS,EAAE,OAAO,CAAC,CAAC;IAChE,IAAMmD,SAAS,GAAGH,QAAQ,CAACC,cAAc,CAACvF,KAAK,CAACsC,SAAS,EAAE,WAAW,CAAC,CAAC;IACxE,IAAMoD,cAAc,GAAGD,SAAS,CAACE,WAAW;IAC5C,IAAMC,WAAW,GAAGJ,KAAK,CAACK,UAAU;IACpC,IAAMC,WAAW,GAAGT,KAAK,CAACQ,UAAU;IACpC,IAAME,UAAU,GAAGV,KAAK,CAACM,WAAW;IACpC,IAAMK,MAAM,GAAGR,KAAK,CAACS,UAAU;IAC/B,IAAMhB,KAAK,GAAGK,QAAQ,CAACY,aAAa;IAEpC,IACEN,WAAW,GAAGE,WAAW,GAAG7C,MAAM,GAAG8C,UAAU,GAAGC,MAAM,GAAGN,cAAc,IACzEI,WAAW,GAAGE,MAAM,GAAG,CAAC,EACxB;MACApB,eAAe,CAACC,KAAK,EAAEjC,KAAK,EAAEkC,KAAK,CAAC;MACpCE,WAAW,CAACC,KAAK,CAAC;IACpB;EACF,CAAC,EACD,CAAC3C,SAAS,EAAEsC,eAAe,EAAE3B,MAAM,CAAC,CACrC;EAEDrD,SAAS,CAAC,YAAM;IACdsC,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGa,QAAQ,CAAC;EAC5B,CAAC,EAAE,CAACA,QAAQ,EAAEb,cAAc,CAAC,CAAC;EAE9BtC,SAAS,CAAC,YAAM;IACd,IAAI6B,UAAU,EAAEyB,SAAS,CAAC,GAAG,CAAC,CAAC,KAC1BA,SAAS,CAAC,CAAC,CAAC;IAEjB,IAAIvB,UAAU,EAAE;MACdyD,gBAAgB,CAACe,SAAS,EAAE7E,SAAS,CAACyB,QAAQ,CAAC,CAACH,KAAK,EAAEG,QAAQ,EAAEsB,aAAa,CAAC;IACjF;IACAc,kBAAkB,CAACgB,SAAS,EAAE3D,OAAO,CAACO,QAAQ,CAAC,CAACH,KAAK,EAAEG,QAAQ,EAAEwB,gBAAgB,CAAC;EACpF,CAAC,EAAE,CACDjD,SAAS,EACTG,UAAU,EACV0D,kBAAkB,EAClBC,gBAAgB,EAChB5C,OAAO,EACPO,QAAQ,EACRwB,gBAAgB,EAChBF,aAAa,EACb1C,UAAU,CACX,CAAC;EAEF,IAAMyE,WAAW,GAAG,SAAdA,WAAW,GAAS;IACxB,IAAI/C,SAAS,KAAK,MAAM,EAAE;MACxB,IAAIxB,gBAAgB,IAAIkB,QAAQ,KAAKzB,SAAS,CAAC+E,MAAM,GAAG,CAAC,EAAEvD,aAAa,CAAC,CAAC,CAAC,CAAC,KACvE,IAAIC,QAAQ,GAAGF,UAAU,GAAG,CAAC,IAAIE,QAAQ,KAAKzB,SAAS,CAAC+E,MAAM,GAAG,CAAC,EACrEvD,aAAa,CAACD,UAAU,GAAG,CAAC,CAAC;IACjC;IACA,IAAIQ,SAAS,KAAK,MAAM,EAAE;MACxB,IAAIxB,gBAAgB,IAAIkB,QAAQ,KAAK,CAAC,EACpCD,aAAa,CAACxB,SAAS,CAAC+E,MAAM,GAAG,CAAC,GAAG/E,SAAS,CAAC+E,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,KAC5D,IAAItD,QAAQ,GAAGF,UAAU,GAAG,CAAC,IAAIE,QAAQ,KAAK,CAAC,EAAED,aAAa,CAACD,UAAU,GAAG,CAAC,CAAC;IACrF;EACF,CAAC;EAED,IAAMyD,SAAS,GAAG,SAAZA,SAAS,GAAS;IACtB,IAAIC,IAAI;IACR,IAAIxD,QAAQ,KAAKzB,SAAS,CAAC+E,MAAM,GAAG,CAAC,EAAEE,IAAI,GAAGxD,QAAQ,GAAG,CAAC,CAAC,KACtD,IAAIlB,gBAAgB,EAAE0E,IAAI,GAAG,CAAC;IACnCvD,QAAQ,CAACuD,IAAI,CAAC;IACd,IAAIzE,EAAE,EAAE;MACNuB,SAAS,GAAG,MAAM;MAClB+C,WAAW,EAAE;IACf;EACF,CAAC;EAED,IAAMI,aAAa,GAAG,SAAhBA,aAAa,GAAS;IAC1B,IAAIC,QAAQ;IACZ,IAAI1D,QAAQ,KAAK,CAAC,EAAE0D,QAAQ,GAAG1D,QAAQ,GAAG,CAAC,CAAC,KACvC,IAAIlB,gBAAgB,EAAE4E,QAAQ,GAAGnF,SAAS,CAAC+E,MAAM,GAAG,CAAC;IAC1DrD,QAAQ,CAACyD,QAAQ,CAAC;IAClB,IAAI3E,EAAE,EAAE;MACNuB,SAAS,GAAG,MAAM;MAClB+C,WAAW,EAAE;IACf;EACF,CAAC;EAED,IAAMM,cAAc,GAAG,SAAjBA,cAAc,CAAI5B,KAAK,EAAK;IAChC,IAAIA,KAAK,KAAK/B,QAAQ,EAAE,OAAO1B,OAAO,CAACsF,GAAG;IAC1C,OAAOtF,OAAO,CAACuF,iBAAiB;EAClC,CAAC;EAED,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAI/B,KAAK,EAAK;IAC5B,IAAIA,KAAK,KAAK/B,QAAQ,EAAE;MACtB4B,UAAU,GAAG,WAAW;MACxB,IAAI7C,EAAE,EAAE,OAAOT,OAAO,CAACyF,gBAAgB;MACvC,OAAOzF,OAAO,CAAC0F,cAAc;IAC/B;IACApC,UAAU,GAAG,QAAQ;IACrB,OAAOtD,OAAO,CAAC2F,UAAU;EAC3B,CAAC;EAED,oBACE,MAAC,WAAW;IACV,EAAE,EAAEhH,KAAK,CAACsC,SAAS,EAAE,WAAW,CAAE;IAClC,SAAS,EAAEvC,IAAI,CACbqB,SAAS,EACTC,OAAO,CAAC4F,IAAI,EAEZnF,EAAE,GAAG,IAAI,GAAG,KAAK,EADjBL,UAAU,IAAGJ,OAAO,CAAC6F,eAAe;EAEpC,GACE7E,MAAM;IAAA,WAET,CAACP,EAAE,iBACF;MAAK,SAAS,EAAET,OAAO,CAACE,KAAM;MAAA,wBAC5B;QAAA,UAAMA;MAAK,EAAO,EACjBG,cAAc,iBACb;QAAA,UACGD,UAAU,gBACT,KAAC,QAAQ;UACP,SAAS,EAAEJ,OAAO,CAAC8F,WAAY;UAC/B,IAAI;UACJ,cAAW,OAAO;UAClB,OAAO,EAAE;YAAA,OAAM5E,aAAa,CAAC,CAACd,UAAU,CAAC;UAAA,CAAC;UAAA,2CAE1C,KAAC,KAAK,KAAG;QAAA,EACA,gBAEX,KAAC,QAAQ;UAAC,IAAI;UAAC,cAAW,YAAY;UAAC,OAAO,EAAE;YAAA,OAAMc,aAAa,CAAC,IAAI,CAAC;UAAA,CAAC;UAAA,qDACxE,KAAC,UAAU,KAAG;QAAA;MAEjB,EAEJ;IAAA,EAEJ,eACD,MAAC,WAAW;MACV,SAAS,EAAExC,IAAI,CACbsB,OAAO,CAAC+F,cAAc,EAEtB3F,UAAU,GAAG,YAAY,GAAG,eAAe,EAD3C,CAACK,EAAE,IAAG,KAAK,CAEX;MACF,OAAO,EAAE;QAAA,OAAMsB,aAAa,CAAC,IAAI,CAAC;MAAA,CAAC;MACnC,WAAW,EAAE;QAAA,OAAMA,aAAa,CAAC,IAAI,CAAC;MAAA,CAAC;MACvC,MAAM,EAAE;QAAA,OAAMA,aAAa,CAAC,KAAK,CAAC;MAAA,CAAC;MACnC,UAAU,EAAE;QAAA,OAAMA,aAAa,CAAC,KAAK,CAAC;MAAA,CAAC;MAAA,wBAEvC,KAAC,OAAO;QACN,SAAS,EAAErD,IAAI,CAACsB,OAAO,CAACgG,KAAK,EAAEvF,EAAE,GAAG,IAAI,GAAG,KAAK,CAAE;QAClD,EAAE,EAAE9B,KAAK,CAACsC,SAAS,EAAE,UAAU,CAAE;QAAA,UAEhCE,OAAO,CAACC,GAAG,CAAC,UAACC,OAAO,EAAEoC,KAAK;UAAA,oBAC1B;YAAK,SAAS,EAAEV,KAAK,CAACN,QAAS;YAAC,EAAE,EAAEpB,OAAO,CAACE,KAAM;YAAA,uBAChD,KAAC,IAAI;cAAC,EAAE,EAAEG,QAAQ,KAAK+B,KAAK,IAAIhD,EAAG;cAAC,OAAO,EAAE;gBAAEwF,MAAM,EAAE,GAAG;gBAAEC,KAAK,EAAE,IAAI;gBAAEC,IAAI,EAAE;cAAI,CAAE;cAAA,uBACnF;gBACE,SAAS,EAAEzH,IAAI,CACbsB,OAAO,CAACoG,aAAa,EACrB3F,EAAE,GAAG,IAAI,GAAG,KAAK,EACjBL,UAAU,GAAG,YAAY,GAAG,eAAe,EAC3CW,OAAO,CACP;gBACF,GAAG,EAAEM,OAAO,CAACC,GAAI;gBACjB,GAAG,EAAED,OAAO,CAACE;cAAM,mBACLF,OAAO,CAACE,KAAK;YAC3B;UACG,iBAbsDF,OAAO,CAACE,KAAK,EActE;QAAA,CACP;MAAC,EACM,EACT,CAACd,EAAE,IAAIF,cAAc,kBACpB;QAAK,SAAS,EAAE7B,IAAI,CAACsB,OAAO,CAACqG,UAAU,EAAE,CAAC5F,EAAE,IAAG,KAAK,CAAO;QAAA,wBACzD;UAAA,uBACE,KAAC,IAAI;YAAC,EAAE,EAAEqB,UAAU,IAAIhB,aAAc;YAAA,uBACpC,KAAC,QAAQ;cACP,GAAG,EAAEsC,YAAa;cAClB,SAAS,EAAEpD,OAAO,CAACmC,MAAO;cAC1B,IAAI;cACJ,cAAW,WAAW;cACtB,OAAO,EAAE,iBAACqB,KAAK;gBAAA,OAAK2B,aAAa,CAAC3B,KAAK,CAAC;cAAA,CAAC;cAAA,mDAEzC,KAAC,SAAS,KAAG;YAAA;UACJ;QACN,EACH,eACN;UAAA,uBACE,KAAC,IAAI;YAAC,EAAE,EAAE1B,UAAU,IAAIhB,aAAc;YAAA,uBACpC,KAAC,QAAQ;cACP,GAAG,EAAEuC,WAAY;cACjB,SAAS,EAAErD,OAAO,CAACmC,MAAO;cAC1B,IAAI;cACJ,cAAW,UAAU;cACrB,OAAO,EAAE,iBAACqB,KAAK;gBAAA,OAAKyB,SAAS,CAACzB,KAAK,CAAC;cAAA,CAAC;cAAA,iDAErC,KAAC,QAAQ,KAAG;YAAA;UACH;QACN,EACH;MAAA,EAET,EACA/C,EAAE,iBACD;QAAK,SAAS,EAAET,OAAO,CAACsG,SAAU;QAAA,UAC/BrG,SAAS,CACPmB,GAAG,CAAC,UAACC,OAAO,EAAEoC,KAAK;UAAA,oBAClB;YACE,SAAS,EAAE+B,UAAU,CAAC/B,KAAK,CAAE;YAC7B,KAAK,EAAEH;UAAW,oBACHjC,OAAO,CAACE,KAAK,EAC5B;QAAA,CACH,CAAC,CACDgF,KAAK,CAAC/E,UAAU,EAAEA,UAAU,GAAG,CAAC;MAAC,EAEvC,EACAb,OAAO,iBACN;QAAK,SAAS,EAAEjC,IAAI,CAACsB,OAAO,CAACwG,UAAU,EAAE,CAAC/F,EAAE,IAAG,KAAK,CAAO;QAAA,uBACzD;UAAM,SAAS,EAAET,OAAO,CAACW,OAAQ;UAAA,uBAC/B,KAAC,YAAY;YAAC,OAAO,EAAC,YAAY;YAAC,KAAK,EAAE;cAAE8F,KAAK,EAAE;YAAQ,CAAE;YAAA,oBACvD/E,QAAQ,GAAG,CAAC,cAAIzB,SAAS,CAAC+E,MAAM;UAAA;QACvB;MACV,EAEV;IAAA,EACW,EACb,CAACvE,EAAE,iBACF;MAAA,WACGF,cAAc,gBACb;QAAK,SAAS,EAAEP,OAAO,CAAC0G,OAAQ;QAAA,UAC7BzG,SAAS,CAACmB,GAAG,CAAC,UAACC,OAAO,EAAEoC,KAAK;UAAA,oBAC5B;YACE,SAAS,EAAE+B,UAAU,CAAC/B,KAAK,CAAE;YAC7B,KAAK,YAAKH,UAAU,cAAIG,KAAK;UAAG,oBACjBpC,OAAO,CAACE,KAAK,EAC5B;QAAA,CACH;MAAC,EACE,gBAEN,MAAC,MAAM;QACL,SAAS,EAAE7C,IAAI,CAACsB,OAAO,CAAC2G,aAAa,CAAE;QACvC,SAAS;QACT,cAAc,EAAC,eAAe;QAC9B,UAAU,EAAC,QAAQ;QAAA,wBAEnB,KAAC,MAAM;UAAC,IAAI;UAAA,uBACV,KAAC,QAAQ;YACP,SAAS,EAAEnG,gBAAgB,IAAIkB,QAAQ,KAAK,CAAC,GAAG,EAAE,GAAG1B,OAAO,CAAC4G,MAAO;YACpE,GAAG,EAAExD,YAAa;YAClB,IAAI;YACJ,cAAW,WAAW;YACtB,OAAO,EAAE,iBAACI,KAAK;cAAA,OAAK2B,aAAa,CAAC3B,KAAK,CAAC;YAAA,CAAC;YAAA,qDAEzC,KAAC,SAAS,KAAG;UAAA;QACJ,EACJ,eACT,MAAC,MAAM;UAAC,IAAI;UAAA,wBACV,KAAC,YAAY;YAAC,OAAO,EAAC,eAAe;YAAC,SAAS,EAAC,GAAG;YAAA,UAChD9B,QAAQ,GAAG;UAAC,EACA,eACf,KAAC,YAAY;YAAC,OAAO,EAAC,YAAY;YAAC,SAAS,EAAC,GAAG;YAAA,wBACtCzB,SAAS,CAAC+E,MAAM;UAAA,EACX;QAAA,EACR,eACT,KAAC,MAAM;UAAC,IAAI;UAAA,uBACV,KAAC,QAAQ;YACP,SAAS,EACPxE,gBAAgB,IAAIkB,QAAQ,KAAKzB,SAAS,CAAC+E,MAAM,GAAG,CAAC,GAAG,EAAE,GAAGhF,OAAO,CAAC4G,MACtE;YACD,GAAG,EAAEvD,WAAY;YACjB,IAAI;YACJ,cAAW,UAAU;YACrB,OAAO,EAAE,iBAACG,KAAK;cAAA,OAAKyB,SAAS,CAACzB,KAAK,CAAC;YAAA,CAAC;YAAA,mDAErC,KAAC,QAAQ,KAAG;UAAA;QACH,EACJ;MAAA,EAEZ,EACAlD,UAAU,iBACT,KAAC,OAAO;QAAC,SAAS,EAAEN,OAAO,CAACmE,KAAM;QAAC,EAAE,EAAExF,KAAK,CAACsC,SAAS,EAAE,OAAO,CAAE;QAAA,uBAC/D,KAAC,OAAO;UAAkB,SAAS,EAAC,KAAK;UAAC,OAAO,EAAC,IAAI;UAAC,cAAc;UAAA,UAClEhB,SAAS,CAACmB,GAAG,CAAC,UAACC,OAAO,EAAEwF,CAAC;YAAA,oBACxB,KAAC,MAAM;cACL,EAAE,EAAExF,OAAO,CAACE,KAAM;cAElB,SAAS,EAAEvB,OAAO,CAAC8G,eAAgB;cACnC,OAAO,EAAE;gBAAA,OAAMnF,QAAQ,CAACkF,CAAC,CAAC;cAAA,CAAC;cAAA,uBAE3B;gBACE,SAAS,EAAExB,cAAc,CAACwB,CAAC,CAAE;gBAC7B,GAAG,EAAExF,OAAO,CAACC,GAAI;gBACjB,GAAG,EAAED,OAAO,CAACE;cAAM,uBACDF,OAAO,CAACE,KAAK;YAC/B,oBATaF,OAAO,CAACE,KAAK,EAUrB;UAAA,CACV;QAAC,GAfS,YAAY;MAgBf,EAEb;IAAA,EAEJ;EAAA,GACW;AAElB,CAAC;AAED,wCAAA1B,eAAe,CAACkH,SAAS,GAAG;EAC1B;AACF;AACA;EACEhH,SAAS,EAAEtB,SAAS,CAACuI,MAAM;EAC3B;AACF;AACA;EACEhH,OAAO,EAAEvB,SAAS,CAACwI,KAAK,CAAC;IACvB;AACJ;AACA;IACIrB,IAAI,EAAEnH,SAAS,CAACuI,MAAM;IACtB;AACJ;AACA;IACIZ,aAAa,EAAE3H,SAAS,CAACuI,MAAM;IAC/B;AACJ;AACA;IACIE,MAAM,EAAEzI,SAAS,CAACuI,MAAM;IACxB;AACJ;AACA;IACIG,OAAO,EAAE1I,SAAS,CAACuI,MAAM;IACzB;AACJ;AACA;IACIN,OAAO,EAAEjI,SAAS,CAACuI,MAAM;IACzB;AACJ;AACA;IACIV,SAAS,EAAE7H,SAAS,CAACuI,MAAM;IAC3B;AACJ;AACA;IACIJ,MAAM,EAAEnI,SAAS,CAACuI,MAAM;IACxB;AACJ;AACA;IACI9G,KAAK,EAAEzB,SAAS,CAACuI,MAAM;IACvB;AACJ;AACA;IACIrG,OAAO,EAAElC,SAAS,CAACuI,MAAM;IACzB;AACJ;AACA;IACIR,UAAU,EAAE/H,SAAS,CAACuI,MAAM;IAC5B;AACJ;AACA;IACI1B,GAAG,EAAE7G,SAAS,CAACuI,MAAM;IACrB;AACJ;AACA;IACIzB,iBAAiB,EAAE9G,SAAS,CAACuI,MAAM;IACnC;AACJ;AACA;IACIF,eAAe,EAAErI,SAAS,CAACuI,MAAM;IACjC;AACJ;AACA;IACIrB,UAAU,EAAElH,SAAS,CAACuI,MAAM;IAC5B;AACJ;AACA;IACItB,cAAc,EAAEjH,SAAS,CAACuI,MAAM;IAChC;AACJ;AACA;IACIvB,gBAAgB,EAAEhH,SAAS,CAACuI,MAAM;IAClC;AACJ;AACA;IACIX,UAAU,EAAE5H,SAAS,CAACuI,MAAM;IAC5B;AACJ;AACA;IACIjB,cAAc,EAAEtH,SAAS,CAACuI,MAAM;IAChC;AACJ;AACA;IACIhB,KAAK,EAAEvH,SAAS,CAACuI,MAAM;IACvB;AACJ;AACA;IACIL,aAAa,EAAElI,SAAS,CAACuI,MAAM;IAC/B;AACJ;AACA;IACInB,eAAe,EAAEpH,SAAS,CAACuI,MAAM;IACjC;AACJ;AACA;IACIlB,WAAW,EAAErH,SAAS,CAACuI,MAAM;IAC7B;AACJ;AACA;IACI7E,MAAM,EAAE1D,SAAS,CAACuI,MAAM;IACxB;AACJ;AACA;IACI7C,KAAK,EAAE1F,SAAS,CAACuI;EACnB,CAAC,CAAC,CAACI,UAAU;EACb;AACF;AACA;EACEnH,SAAS,EAAExB,SAAS,CAAC4I,KAAK,CAACD,UAAU;EACrC;AACF;AACA;EACElH,KAAK,EAAEzB,SAAS,CAAC6I,IAAI;EACrB;AACF;AACA;EACE5G,QAAQ,EAAEjC,SAAS,CAAC8I,IAAI;EACxB;AACF;AACA;EACEpH,EAAE,EAAE1B,SAAS,CAACuI,MAAM;EACpB;AACF;AACA;EACE1G,UAAU,EAAE7B,SAAS,CAAC+I,IAAI;EAC1B;AACF;AACA;EACEjH,cAAc,EAAE9B,SAAS,CAAC+I,IAAI;EAC9B;AACF;AACA;EACEhH,gBAAgB,EAAE/B,SAAS,CAAC+I,IAAI;EAChC;AACF;AACA;EACE7G,OAAO,EAAElC,SAAS,CAAC+I,IAAI;EACvB;AACF;AACA;EACEpH,UAAU,EAAE3B,SAAS,CAAC+I,IAAI;EAC1B;AACF;AACA;EACE5G,WAAW,EAAEnC,SAAS,CAACgJ,MAAM;EAC7B;AACF;AACA;EACE5G,cAAc,EAAEpC,SAAS,CAAC8I,IAAI;EAC9B;AACF;AACA;EACE9G,EAAE,EAAEhC,SAAS,CAAC+I,IAAI;EAClB;AACF;AACA;EACE1G,aAAa,EAAErC,SAAS,CAAC+I,IAAI;EAC7B;AACF;AACA;EACEzG,OAAO,EAAEtC,SAAS,CAACuI;AACrB,CAAC;AAED,eAAe1H,UAAU,CAACM,MAAM,EAAE;EAAE8H,IAAI,EAAE;AAAkB,CAAC,CAAC,CAAC7H,eAAe,CAAC"}

package/dist/legacy/ImageCarousel/index.js.map CHANGED Viewed

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

package/dist/legacy/ImageCarousel/styles.js CHANGED Viewed

@@ -1,8 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var styles = function styles(theme) {
   var _notFullscreen, _img, _thumbnailSelected, _imageContainer;
   return {
     root: {
       "&:not(.xs)": {
@@ -223,6 +221,5 @@ var styles = function styles(theme) {
     }
   };
 };
 export default styles;
 //# sourceMappingURL=styles.js.map