{"ast":null,"code":"import { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/home/gkkdzdg/www/src/slices/PicturesSlice/PicturesSlice.js\",\n    _this = this,\n    _s = $RefreshSig$(),\n    _s2 = $RefreshSig$();\n\nimport cn from 'classnames';\nimport Button from 'components/gui/Button';\nimport Slideshow from 'components/slideshow/Slideshow';\nimport SlideshowInline from 'components/slideshowInline/SlideshowInline';\nimport { useIsDesktop } from 'hooks/useIsDevice';\nimport { useState } from 'react';\nimport SliceIntro from 'slices/SliceIntro/SliceIntro';\nimport styles from './PicturesSlice.module.scss';\nimport CircleButton from 'components/gui/CircleButton';\nimport Matterport from 'components/matterport/Matterport';\n\nvar GridItem = function GridItem(_ref) {\n  var src = _ref.src,\n      onClick = _ref.onClick,\n      className = _ref.className;\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: cn(styles.gridItem, className),\n    children: /*#__PURE__*/_jsxDEV(\"img\", {\n      onClick: onClick && function () {\n        return onClick(src);\n      },\n      src: src\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 7\n    }, _this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 15,\n    columnNumber: 11\n  }, _this);\n}; // Mobile\n\n\n_c = GridItem;\n\nvar PicturesSlideshow = function PicturesSlideshow(_ref2) {\n  _s();\n\n  var pictures = _ref2.pictures,\n      _onClick = _ref2.onClick,\n      on3D = _ref2.on3D;\n\n  var _useState = useState(0),\n      index = _useState[0],\n      setIndex = _useState[1];\n\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [/*#__PURE__*/_jsxDEV(SlideshowInline, {\n      items: pictures,\n      renderItem: function renderItem(item, itemStyle, i) {\n        return /*#__PURE__*/_jsxDEV(GridItem, {\n          className: itemStyle,\n          src: item,\n          onClick: _onClick\n        }, item, false, {\n          fileName: _jsxFileName,\n          lineNumber: 30,\n          columnNumber: 46\n        }, _this);\n      },\n      onIndexChange: function onIndexChange(index) {\n        return setIndex(index);\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 28,\n      columnNumber: 7\n    }, _this), /*#__PURE__*/_jsxDEV(CircleButton, {\n      onClick: function onClick() {\n        return _onClick(pictures[index]);\n      },\n      className: cn(styles.openButton),\n      icon: \"fullScreen\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 39,\n      columnNumber: 7\n    }, _this), on3D && /*#__PURE__*/_jsxDEV(CircleButton, {\n      onClick: function onClick() {\n        return on3D();\n      },\n      className: cn(styles.threeDButton),\n      icon: \"3d\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 16\n    }, _this)]\n  }, void 0, true);\n}; // Desktop\n\n\n_s(PicturesSlideshow, \"x2oTrUAHknTo02Ld7gcDOqaxQ8E=\");\n\n_c2 = PicturesSlideshow;\n\nvar PicturesGrid = function PicturesGrid(_ref3) {\n  var pictures = _ref3.pictures,\n      onClick = _ref3.onClick;\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: cn(styles.grid),\n    children: pictures.map(function (picture, i) {\n      return /*#__PURE__*/_jsxDEV(GridItem, {\n        src: picture,\n        onClick: onClick\n      }, i + '-' + picture, false, {\n        fileName: _jsxFileName,\n        lineNumber: 59,\n        columnNumber: 17\n      }, _this);\n    })\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 56,\n    columnNumber: 11\n  }, _this);\n}; //\n\n\n_c3 = PicturesGrid;\n\nvar PicturesSlice = function PicturesSlice(_ref4) {\n  _s2();\n\n  var pictures = _ref4.pictures,\n      introText = _ref4.introText,\n      matterport = _ref4.matterport;\n  var isDesktop = useIsDesktop();\n\n  var _useState2 = useState(),\n      openSlideshowWithSrc = _useState2[0],\n      setOpenSlideshowWithSrc = _useState2[1];\n\n  var _useState3 = useState(false),\n      show3D = _useState3[0],\n      setShow3D = _useState3[1];\n\n  var openFullScreen = function openFullScreen(src) {\n    setOpenSlideshowWithSrc(src);\n  };\n\n  return /*#__PURE__*/_jsxDEV(\"section\", {\n    className: cn(styles.picturesSlice),\n    children: [/*#__PURE__*/_jsxDEV(SliceIntro, {\n      text: introText\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 82,\n      columnNumber: 10\n    }, _this), isDesktop ? /*#__PURE__*/_jsxDEV(PicturesGrid, {\n      pictures: pictures,\n      onClick: openFullScreen\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 85,\n      columnNumber: 15\n    }, _this) : /*#__PURE__*/_jsxDEV(PicturesSlideshow, {\n      pictures: pictures,\n      onClick: openFullScreen,\n      on3D: matterport && function () {\n        return setShow3D(true);\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 86,\n      columnNumber: 15\n    }, _this), show3D && /*#__PURE__*/_jsxDEV(Matterport, {\n      src: matterport,\n      onClose: function onClose() {\n        return setShow3D(false);\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 93,\n      columnNumber: 21\n    }, _this), openSlideshowWithSrc && /*#__PURE__*/_jsxDEV(Slideshow // className={cn(styles.slideshow)}\n    , {\n      fullScreen: true,\n      withArrows: true,\n      images: pictures,\n      openOn: openSlideshowWithSrc,\n      onClose: function onClose() {\n        return setOpenSlideshowWithSrc(null);\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 99,\n      columnNumber: 13\n    }, _this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 80,\n    columnNumber: 7\n  }, _this);\n};\n\n_s2(PicturesSlice, \"1jKccfLGmHsae/936Dw0iRzjsnk=\", false, function () {\n  return [useIsDesktop];\n});\n\n_c4 = PicturesSlice;\nexport default PicturesSlice;\n\nvar _c, _c2, _c3, _c4;\n\n$RefreshReg$(_c, \"GridItem\");\n$RefreshReg$(_c2, \"PicturesSlideshow\");\n$RefreshReg$(_c3, \"PicturesGrid\");\n$RefreshReg$(_c4, \"PicturesSlice\");","map":{"version":3,"sources":["/home/gkkdzdg/www/src/slices/PicturesSlice/PicturesSlice.js"],"names":["cn","Button","Slideshow","SlideshowInline","useIsDesktop","useState","SliceIntro","styles","CircleButton","Matterport","GridItem","src","onClick","className","gridItem","PicturesSlideshow","pictures","on3D","index","setIndex","item","itemStyle","i","openButton","threeDButton","PicturesGrid","grid","map","picture","PicturesSlice","introText","matterport","isDesktop","openSlideshowWithSrc","setOpenSlideshowWithSrc","show3D","setShow3D","openFullScreen","picturesSlice"],"mappings":"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","sourcesContent":["\nimport cn from 'classnames'\nimport Button from 'components/gui/Button'\nimport Slideshow from 'components/slideshow/Slideshow'\nimport SlideshowInline from 'components/slideshowInline/SlideshowInline'\nimport { useIsDesktop } from 'hooks/useIsDevice'\nimport { useState } from 'react'\nimport SliceIntro from 'slices/SliceIntro/SliceIntro'\nimport styles from './PicturesSlice.module.scss'\nimport CircleButton from 'components/gui/CircleButton'\nimport Matterport from 'components/matterport/Matterport'\n\nconst GridItem = ({ src, onClick, className, }) => {\n\n   return <div className={cn(styles.gridItem, className)}>\n      <img\n         onClick={onClick && (() => onClick(src))}\n         src={src}\n      />\n   </div>\n}\n\n// Mobile\nconst PicturesSlideshow = ({ pictures, onClick, on3D, }) => {\n   const [index, setIndex] = useState(0)\n\n   return <>\n      <SlideshowInline\n         items={pictures}\n         renderItem={(item, itemStyle, i) => <GridItem\n            className={itemStyle}\n            key={item}\n            src={item}\n            onClick={onClick}\n         />}\n         onIndexChange={index => setIndex(index)}\n      />\n\n      <CircleButton\n         onClick={() => onClick(pictures[index])}\n         className={cn(styles.openButton)}\n         icon='fullScreen'\n      />\n      {on3D && <CircleButton\n         onClick={() => on3D()}\n         className={cn(styles.threeDButton)}\n         icon='3d'\n      />}\n   </>\n}\n\n// Desktop\n\nconst PicturesGrid = ({ pictures, onClick, }) => {\n\n   return <div className={cn(styles.grid)}>\n      {pictures.map((picture, i) => {\n\n         return <GridItem\n            key={i + '-' + picture}\n            src={picture}\n            onClick={onClick}\n         />\n      })}\n   </div>\n}\n\n//\nconst PicturesSlice = ({ pictures, introText, matterport, }) => {\n\n   const isDesktop = useIsDesktop()\n   const [openSlideshowWithSrc, setOpenSlideshowWithSrc] = useState()\n   const [show3D, setShow3D] = useState(false)\n\n   const openFullScreen = (src) => {\n      setOpenSlideshowWithSrc(src)\n   }\n\n   return (\n      <section className={cn(styles.picturesSlice)}>\n\n         <SliceIntro text={introText} />\n\n         {isDesktop\n            ? <PicturesGrid pictures={pictures} onClick={openFullScreen} />\n            : <PicturesSlideshow\n               pictures={pictures}\n               onClick={openFullScreen}\n               on3D={matterport && (() => setShow3D(true))}\n            />\n         }\n\n         {show3D && <Matterport\n               src={matterport}\n               onClose={() => setShow3D(false)}\n               />}\n\n         {openSlideshowWithSrc &&\n            <Slideshow\n               // className={cn(styles.slideshow)}\n               fullScreen\n               withArrows\n               images={pictures}\n               openOn={openSlideshowWithSrc}\n               onClose={() => setOpenSlideshowWithSrc(null)}\n            />\n         }\n      </section>\n   )\n}\n\nexport default PicturesSlice\n\n"]},"metadata":{},"sourceType":"module"}