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

@hitachivantara/uikit-react-lab 4.0.3 → 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 (420) hide show

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

@@ -1,15 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _Close, _Fullscreen, _Backwards, _Forwards, _Backwards2, _Forwards2;
 const _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/web.dom-collections.iterator.js";
 import React, { useState, useRef, useEffect, useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -21,32 +15,29 @@ 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";
 const HvImageCarousel = props => {
   const {
-    className,
-    classes,
-    documents,
-    title,
-    id,
-    fullscreen: fullscreenProp = false,
-    thumbnails = false,
-    lowCardinality = false,
-    infiniteCarousel = false,
-    xs = false,
-    onChange,
-    counter = false,
-    currentStep = 0,
-    setCurrentStep,
-    visibleArrows = false,
-    variant = "contain"
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
+      className,
+      classes,
+      documents,
+      title,
+      id,
+      fullscreen: fullscreenProp = false,
+      thumbnails = false,
+      lowCardinality = false,
+      infiniteCarousel = false,
+      xs = false,
+      onChange,
+      counter = false,
+      currentStep = 0,
+      setCurrentStep,
+      visibleArrows = false,
+      variant = "contain"
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
   const elementId = useUniqueId(id, "hvcarousel");
   const [fullscreen, setFullscreen] = useState(false);
   const options = documents.map(element => ({
@@ -82,19 +73,15 @@ const HvImageCarousel = props => {
     const wrappedOnChange = () => {
       onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
     };
     setScrollTo(event, value, index, wrappedOnChange);
   }, [onChange, setScrollTo]);
   const handleFocus = focus => {
     if (focus === refBackwards.current || focus === refForwards.current) focus.focus();
   };
   const handleBigSelection = useCallback((event, value, index) => {
     const wrappedOnChange = () => {
       onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
     };
     setBigScrollTo(event, value, index, wrappedOnChange);
   }, [onChange, setBigScrollTo]);
   const handleVisibility = useCallback((event, value, index) => {
@@ -107,7 +94,6 @@ const HvImageCarousel = props => {
     const imageWidth = image.offsetWidth;
     const scroll = panel.scrollLeft;
     const focus = document.activeElement;
     if (offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth || offsetImage - scroll < 0) {
       handleSelection(event, value, index);
       handleFocus(focus);
@@ -118,62 +104,50 @@ const HvImageCarousel = props => {
   }, [selImage, setCurrentStep]);
   useEffect(() => {
     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]);
   const 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);
     }
   };
   const nextImage = () => {
     let next;
     if (selImage !== documents.length - 1) next = selImage + 1;else if (infiniteCarousel) next = 0;
     setImage(next);
     if (xs) {
       direction = "next";
       changeSlice();
     }
   };
   const previousImage = () => {
     let previous;
     if (selImage !== 0) previous = selImage - 1;else if (infiniteCarousel) previous = documents.length - 1;
     setImage(previous);
     if (xs) {
       direction = "prev";
       changeSlice();
     }
   };
   const styleThumbnail = index => {
     if (index !== selImage) return classes.img;
     return classes.thumbnailSelected;
   };
   const 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)
@@ -334,13 +308,11 @@ const 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.
    */
@@ -349,188 +321,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/modern/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":"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"}

package/dist/modern/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/modern/ImageCarousel/styles.js CHANGED Viewed

@@ -236,6 +236,5 @@ const styles = theme => ({
     height: "75px"
   }
 });
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/ImageCarousel/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","borderStyle","borderColor","opacity","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n \"&:not(.xs)\": {\n background: theme.hv.palette.atmosphere.atmo1,\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"column\",\n margin: \"0px\",\n paddingTop: \"15px\",\n paddingBottom: \"15px\",\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n maxWidth: \"500px\",\n height: \"200px\",\n padding: \"0px\",\n },\n },\n fullscreenStyle: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n padding: \"10px 150px 10px 150px\",\n top: 0,\n left: 0,\n zIndex: 1300,\n },\n closeButton: {\n position: \"absolute\",\n right: \"25px\",\n },\n selectedImage: {\n \"&:not(.contain)\": {\n objectFit: \"cover\",\n },\n \"&:not(.cover)\": {\n objectFit: \"contain\",\n },\n \"&:not(.xs)\": {\n width: \"100%\",\n textAlign: \"center\",\n \"&:not(.fullscreen)\": {\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n },\n \"&:not(.notFullscreen)\": {\n height: \"100%\",\n },\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n textAlign: \"center\",\n },\n },\n xsMode: {\n width: \"min-content\",\n height: \"min-content\",\n margin: \"0px\",\n textAlign: \"center\",\n },\n circles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n xsCircles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n transform: \"translateY(-63px)\",\n },\n hidden: {\n visibility: \"hidden\",\n },\n title: {\n display: \"flex\",\n alignItems: \"flex-start\",\n width: \"100%\",\n justifyContent: \"space-between\",\n },\n divCounter: {\n width: \"100%\",\n paddingTop: \"10px\",\n paddingRight: \"15px\",\n display: \"flex\",\n justifyContent: \"flex-end\",\n position: \"relative\",\n bottom: \"102%\",\n \"&:not(.nxs)\": {\n right: \"5%\",\n bottom: \"262px\",\n padding: \"0px\",\n },\n },\n counter: {\n width: \"45px\",\n backgroundColor: theme.hv.palette.base.base2,\n },\n img: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n },\n thumbnailSelected: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n borderStyle: \"solid\",\n borderColor: theme.hv.palette.base.base2,\n opacity: \"50%\",\n },\n thumbnailButton: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n miniCircle: {\n width: \"5px\",\n height: \"5px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n display: \"inline-block\",\n margin: \"10px\",\n },\n selectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo5,\n display: \"inline-block\",\n margin: \"10px\",\n },\n xsSelectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n display: \"inline-block\",\n margin: \"10px\",\n },\n lowButtons: {\n width: \"95%\",\n display: \"inline-flex\",\n justifyContent: \"space-between\",\n position: \"relative\",\n top: \"-50%\",\n transform: \"translateY(-16px)\",\n \"&:not(.nxs)\": {\n width: \"90%\",\n top: \"-99px\",\n },\n },\n imageContainer: {\n width: \"100%\",\n marginTop: \"20px\",\n margin: \"0px\",\n textAlign: \"center\",\n padding: \"0px\",\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n \"&:not(.notFullscreen)\": {\n height: \"85%\",\n alignItems: \"center\",\n },\n },\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n inputImage: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n stack: {\n \"&:not(.xs)\": {\n width: \"100%\",\n display: \"flex\",\n alignSelf: \"center\",\n height: \"100%\",\n padding: \"0px\",\n },\n \"&:not(.flag)\": {\n overflowX: \"hidden\",\n },\n \"&:not(.nxs)\": {\n height: \"200px\",\n display: \"flex\",\n padding: \"0px\",\n },\n },\n normalButtons: {\n padding: \"5px 0px\",\n },\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflow: \"hidden\",\n padding: \"3px\",\n height: \"75px\",\n },\n});\n\nexport default styles;\n"],"mappings":"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"}
1	+ {"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","borderStyle","borderColor","opacity","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n \"&:not(.xs)\": {\n background: theme.hv.palette.atmosphere.atmo1,\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"column\",\n margin: \"0px\",\n paddingTop: \"15px\",\n paddingBottom: \"15px\",\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n maxWidth: \"500px\",\n height: \"200px\",\n padding: \"0px\",\n },\n },\n fullscreenStyle: {\n width: \"100vw\",\n height: \"100vh\",\n position: \"fixed\",\n padding: \"10px 150px 10px 150px\",\n top: 0,\n left: 0,\n zIndex: 1300,\n },\n closeButton: {\n position: \"absolute\",\n right: \"25px\",\n },\n selectedImage: {\n \"&:not(.contain)\": {\n objectFit: \"cover\",\n },\n \"&:not(.cover)\": {\n objectFit: \"contain\",\n },\n \"&:not(.xs)\": {\n width: \"100%\",\n textAlign: \"center\",\n \"&:not(.fullscreen)\": {\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n },\n \"&:not(.notFullscreen)\": {\n height: \"100%\",\n },\n },\n \"&:not(.nxs)\": {\n width: \"100%\",\n textAlign: \"center\",\n },\n },\n xsMode: {\n width: \"min-content\",\n height: \"min-content\",\n margin: \"0px\",\n textAlign: \"center\",\n },\n circles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n xsCircles: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\",\n transform: \"translateY(-63px)\",\n },\n hidden: {\n visibility: \"hidden\",\n },\n title: {\n display: \"flex\",\n alignItems: \"flex-start\",\n width: \"100%\",\n justifyContent: \"space-between\",\n },\n divCounter: {\n width: \"100%\",\n paddingTop: \"10px\",\n paddingRight: \"15px\",\n display: \"flex\",\n justifyContent: \"flex-end\",\n position: \"relative\",\n bottom: \"102%\",\n \"&:not(.nxs)\": {\n right: \"5%\",\n bottom: \"262px\",\n padding: \"0px\",\n },\n },\n counter: {\n width: \"45px\",\n backgroundColor: theme.hv.palette.base.base2,\n },\n img: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n },\n thumbnailSelected: {\n width: \"100%\",\n height: \"70px\",\n [theme.breakpoints.up(\"lg\")]: {\n height: \"75px\",\n },\n textAlign: \"center\",\n objectFit: \"cover\",\n borderStyle: \"solid\",\n borderColor: theme.hv.palette.base.base2,\n opacity: \"50%\",\n },\n thumbnailButton: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n miniCircle: {\n width: \"5px\",\n height: \"5px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo4,\n display: \"inline-block\",\n margin: \"10px\",\n },\n selectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo5,\n display: \"inline-block\",\n margin: \"10px\",\n },\n xsSelectedCircle: {\n width: \"10px\",\n height: \"10px\",\n borderRadius: \"50%\",\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n display: \"inline-block\",\n margin: \"10px\",\n },\n lowButtons: {\n width: \"95%\",\n display: \"inline-flex\",\n justifyContent: \"space-between\",\n position: \"relative\",\n top: \"-50%\",\n transform: \"translateY(-16px)\",\n \"&:not(.nxs)\": {\n width: \"90%\",\n top: \"-99px\",\n },\n },\n imageContainer: {\n width: \"100%\",\n marginTop: \"20px\",\n margin: \"0px\",\n textAlign: \"center\",\n padding: \"0px\",\n [theme.breakpoints.up(\"xs\")]: {\n height: \"150px\",\n minHeight: \"150px\",\n },\n [theme.breakpoints.up(\"sm\")]: {\n height: \"300px\",\n minHeight: \"300px\",\n },\n [theme.breakpoints.up(\"lg\")]: {\n height: \"450px\",\n minHeight: \"450px\",\n },\n \"&:not(.notFullscreen)\": {\n height: \"85%\",\n alignItems: \"center\",\n },\n },\n button: {\n backgroundColor: theme.hv.palette.atmosphere.atmo3,\n },\n inputImage: {\n width: \"110px\",\n height: \"70px\",\n padding: \"0px 0px\",\n [theme.breakpoints.up(\"lg\")]: {\n width: \"120px\",\n height: \"75px\",\n },\n },\n stack: {\n \"&:not(.xs)\": {\n width: \"100%\",\n display: \"flex\",\n alignSelf: \"center\",\n height: \"100%\",\n padding: \"0px\",\n },\n \"&:not(.flag)\": {\n overflowX: \"hidden\",\n },\n \"&:not(.nxs)\": {\n height: \"200px\",\n display: \"flex\",\n padding: \"0px\",\n },\n },\n normalButtons: {\n padding: \"5px 0px\",\n },\n panel: {\n display: \"flex\",\n width: \"100%\",\n overflow: \"hidden\",\n padding: \"3px\",\n height: \"75px\",\n },\n});\n\nexport default styles;\n"],"mappings":"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"}