{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/home/gkkdzdg/www/src/slices/NeighborhoodSlice/NeighborhoodSlice.js\";\nimport cn from 'classnames';\nimport CustomBlockContent from 'components/gui/CustomBlockContent';\nimport Slideshow, { SlideshowContained } from 'components/slideshow/Slideshow';\nimport { useIsDesktop } from 'hooks/useIsDevice';\nimport HTMLReactParser from 'html-react-parser';\nimport SliceIntro from 'slices/SliceIntro/SliceIntro';\nimport styles from './NeighborhoodSlice.module.scss';\nimport { imageBuilder } from '../../lib/sanity';\nimport SlideshowInline from 'components/slideshowInline/SlideshowInline'; // Mobile\n\nconst NeighborhoodSlideshow = ({\n  house\n}) => {\n  const {\n    area,\n    areaText,\n    location,\n    areaImages\n  } = house;\n  return /*#__PURE__*/_jsxDEV(_Fragment, {\n    children: [areaText && /*#__PURE__*/_jsxDEV(\"div\", {\n      className: cn(styles.description),\n      children: /*#__PURE__*/_jsxDEV(CustomBlockContent, {\n        className: cn('p--m'),\n        blocks: areaText\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 25,\n        columnNumber: 10\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 20\n    }, this), /*#__PURE__*/_jsxDEV(SlideshowInline, {\n      pagination: true,\n      items: areaImages && areaImages.map(image => imageBuilder.image(image).height(800).width(1000).url()),\n      renderItem: (item, itemStyle, i) => /*#__PURE__*/_jsxDEV(\"div\", {\n        className: cn(styles.slideshowItem, itemStyle),\n        children: /*#__PURE__*/_jsxDEV(\"img\", {\n          src: item\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 32,\n          columnNumber: 13\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 31,\n        columnNumber: 46\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 28,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true);\n}; // Desktop\n\n\nconst NeighborhoodGrid = ({\n  house\n}) => {\n  const {\n    area,\n    areaText,\n    location,\n    areaImages\n  } = house;\n  console.log('NeighborhoodSlice.js::24 areaImages', areaImages);\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: cn(styles.gridContainer),\n    children: [/*#__PURE__*/_jsxDEV(\"div\", {\n      className: cn(styles.gridPart, styles.gridMapContainer),\n      children: areaImages && /*#__PURE__*/_jsxDEV(Slideshow, {\n        fullScreen: false,\n        withArrows: true,\n        arrowsColor: \"black\",\n        pagination: true,\n        images: areaImages.map(image => imageBuilder.image(image).height(800).width(1000).url())\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 56,\n        columnNumber: 13\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: cn(styles.gridPart, styles.gridDescription),\n      children: [area && /*#__PURE__*/_jsxDEV(\"h3\", {\n        className: cn('h--2'),\n        children: HTMLReactParser(area.replace('\\n', '<br/>'))\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 65,\n        columnNumber: 19\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: cn(styles.gridColumns),\n        children: [areaText && /*#__PURE__*/_jsxDEV(CustomBlockContent, {\n          className: cn('p--m'),\n          blocks: areaText\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 67,\n          columnNumber: 26\n        }, this), location && /*#__PURE__*/_jsxDEV(\"p\", {\n          className: cn('p--m'),\n          children: HTMLReactParser(location.replace('\\n', '<br/>'))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 68,\n          columnNumber: 26\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 66,\n        columnNumber: 10\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 64,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 53,\n    columnNumber: 11\n  }, this);\n}; //\n\n\nconst NeighborhoodSlice = ({\n  house,\n  introText\n}) => {\n  const isDesktop = useIsDesktop();\n  return /*#__PURE__*/_jsxDEV(\"section\", {\n    className: cn(styles.neighborhoodSlice),\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(NeighborhoodGrid, {\n      house: house\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 85,\n      columnNumber: 15\n    }, this) : /*#__PURE__*/_jsxDEV(NeighborhoodSlideshow, {\n      house: house\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 86,\n      columnNumber: 15\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 80,\n    columnNumber: 7\n  }, this);\n};\n\nexport default NeighborhoodSlice;","map":{"version":3,"sources":["/home/gkkdzdg/www/src/slices/NeighborhoodSlice/NeighborhoodSlice.js"],"names":["cn","CustomBlockContent","Slideshow","SlideshowContained","useIsDesktop","HTMLReactParser","SliceIntro","styles","imageBuilder","SlideshowInline","NeighborhoodSlideshow","house","area","areaText","location","areaImages","description","map","image","height","width","url","item","itemStyle","i","slideshowItem","NeighborhoodGrid","console","log","gridContainer","gridPart","gridMapContainer","gridDescription","replace","gridColumns","NeighborhoodSlice","introText","isDesktop","neighborhoodSlice"],"mappings":"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","sourcesContent":["\nimport cn from 'classnames'\nimport CustomBlockContent from 'components/gui/CustomBlockContent'\nimport Slideshow, { SlideshowContained } from 'components/slideshow/Slideshow'\nimport { useIsDesktop } from 'hooks/useIsDevice'\nimport HTMLReactParser from 'html-react-parser'\nimport SliceIntro from 'slices/SliceIntro/SliceIntro'\nimport styles from './NeighborhoodSlice.module.scss'\nimport { imageBuilder } from '../../lib/sanity'\nimport SlideshowInline from 'components/slideshowInline/SlideshowInline'\n\n// Mobile\nconst NeighborhoodSlideshow = ({ house }) => {\n\n   const {\n      area,\n      areaText,\n      location,\n      areaImages,\n   } = house\n\n   return <>\n\n      {areaText && <div className={cn(styles.description)}>\n         <CustomBlockContent className={cn('p--m',)} blocks={areaText} />\n      </div>}\n\n      <SlideshowInline\n         pagination\n         items={areaImages && areaImages.map(image => imageBuilder.image(image).height(800).width(1000).url())}\n         renderItem={(item, itemStyle, i) => <div className={cn(styles.slideshowItem, itemStyle)}>\n            <img\n               src={item}\n            />\n         </div>}\n      />\n\n   </>\n}\n\n// Desktop\nconst NeighborhoodGrid = ({ house }) => {\n\n   const {\n      area,\n      areaText,\n      location,\n      areaImages,\n   } = house\n\n   console.log('NeighborhoodSlice.js::24 areaImages', areaImages)\n\n   return <div className={cn(styles.gridContainer)}>\n      <div className={cn(styles.gridPart, styles.gridMapContainer)}>\n         {areaImages &&\n            <Slideshow\n               fullScreen={false}\n               withArrows\n               arrowsColor='black'\n               pagination\n               images={areaImages.map(image => imageBuilder.image(image).height(800).width(1000).url())}\n            />}\n      </div>\n      <div className={cn(styles.gridPart, styles.gridDescription)}>\n         {area && <h3 className={cn('h--2')}>{HTMLReactParser(area.replace('\\n', '<br/>'))}</h3>}\n         <div className={cn(styles.gridColumns)}>\n            {areaText && <CustomBlockContent className={cn('p--m',)} blocks={areaText} />}\n            {location && <p className={cn('p--m')}>{HTMLReactParser(location.replace('\\n', '<br/>'))}</p>}\n         </div>\n      </div>\n   </div>\n}\n\n//\nconst NeighborhoodSlice = ({ house, introText, }) => {\n\n   const isDesktop = useIsDesktop()\n\n   return (\n      <section className={cn(styles.neighborhoodSlice)}>\n\n         <SliceIntro text={introText} />\n\n         {isDesktop\n            ? <NeighborhoodGrid house={house} />\n            : <NeighborhoodSlideshow house={house} />\n         }\n      </section>\n   )\n}\n\nexport default NeighborhoodSlice\n\n"]},"metadata":{},"sourceType":"module"}