{"version":3,"sources":["Demo/AppPages/Gallery/GalleryGrid.js","assets/images/gallery-grid/img-grd-gal-1.jpg","assets/images/gallery-grid/img-grd-gal-2.jpg","assets/images/gallery-grid/img-grd-gal-3.jpg","assets/images/gallery-grid/img-grd-gal-4.jpg","assets/images/gallery-grid/img-grd-gal-5.jpg","assets/images/gallery-grid/img-grd-gal-6.jpg","App/components/Gallery.js"],"names":["GalleryGrid","react__WEBPACK_IMPORTED_MODULE_5___default","a","createElement","_hoc_Aux_index__WEBPACK_IMPORTED_MODULE_9__","react_bootstrap__WEBPACK_IMPORTED_MODULE_6__","react_bootstrap__WEBPACK_IMPORTED_MODULE_7__","react_bootstrap__WEBPACK_IMPORTED_MODULE_8__","Header","Title","as","Body","xl","md","className","_App_components_Gallery__WEBPACK_IMPORTED_MODULE_10__","images","src","thumb1","thumbnail","caption","useForDemo","backdropClosesModal","singleItem","thumb2","thumb3","thumb4","thumb5","thumb6","videos","React","Component","module","exports","__webpack_require__","p","Gallery","props","_this","itemType","Object","E_next_react_node_modules_babel_runtime_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__","this","E_next_react_node_modules_babel_runtime_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_2__","E_next_react_node_modules_babel_runtime_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__","call","texts","state","lightboxIsOpen","currentItem","closeLightbox","bind","E_next_react_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__","gotoNext","gotoPrevious","gotoItem","handleClickItem","openLightbox","event","index","preventDefault","setState","length","_this2","gallery","filter","i","map","obj","react__WEBPACK_IMPORTED_MODULE_6___default","href","css","classes","orientation","onClick","e","key","source","alt","lg","sm","xs","text","text_thumbail","videoId","videoThumbnail","concat","DEMO","BLANK_LINK","video_thumbnail","source_video","_this3","heading","subheading","renderGallery","react_images_texts_videos__WEBPACK_IMPORTED_MODULE_10___default","items","type","isOpen","onClickImage","onClickNext","onClickPrev","onClickThumbnail","onClose","showThumbnails","theme","displayName","gutter","StyleSheet","create","marginRight","overflow","@media (min-width: 500px)","boxSizing","display","float","lineHeight","paddingRight","paddingBottom","width","height","cursor","text-align","font-size","padding","margin","border","border-radius","color","landscape","square","maxWidth"],"mappings":"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","file":"static/js/54.68c354a1.chunk.js","sourcesContent":["import React from 'react';\r\nimport {Row, Col, Card} from 'react-bootstrap';\r\n\r\nimport Aux from \"../../../hoc/_Aux/index\";\r\nimport Gallery from '../../../App/components/Gallery';\r\n\r\nimport thumb1 from '../../../assets/images/gallery-grid/img-grd-gal-1.jpg';\r\nimport thumb2 from '../../../assets/images/gallery-grid/img-grd-gal-2.jpg';\r\nimport thumb3 from '../../../assets/images/gallery-grid/img-grd-gal-3.jpg';\r\nimport thumb4 from '../../../assets/images/gallery-grid/img-grd-gal-4.jpg';\r\nimport thumb5 from '../../../assets/images/gallery-grid/img-grd-gal-5.jpg';\r\nimport thumb6 from '../../../assets/images/gallery-grid/img-grd-gal-6.jpg';\r\n\r\nclass GalleryGrid extends React.Component {\r\n\r\n    render() {\r\n        return (\r\n            <Aux>\r\n                <Row>\r\n                    <Col>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as='h5'>Image Grid</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Row>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery images={[{src: thumb1, thumbnail: thumb1, caption:\"Next Image 1\", useForDemo:true}]} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery images={[{src: thumb2, thumbnail: thumb2, caption:\"Next Image 2\", useForDemo:true}]} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery images={[{src: thumb3, thumbnail: thumb3, caption:\"Next Image 3\", useForDemo:true}]} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery images={[{src: thumb4, thumbnail: thumb4, caption:\"Next Image 4\", useForDemo:true}]} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery images={[{src: thumb5, thumbnail: thumb5, caption:\"Next Image 5\", useForDemo:true}]} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery images={[{src: thumb6, thumbnail: thumb6, caption:\"Next Image 6\", useForDemo:true}]} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as='h5'>Video Grid</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Row>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery videos={['0LjlawWMXCw']} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery videos={['ZQ264Axbjxg']} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery videos={['bYbV_PFdfQs']} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery videos={['IkyZHPnfFnE']} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery videos={['HjV2aWgavdo']} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                    <Col xl={4} md={6} className='mb-4'>\r\n                                        <Gallery videos={['Rh03jAsRHQM']} backdropClosesModal singleItem />\r\n                                    </Col>\r\n                                </Row>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\n\r\nexport default GalleryGrid;","module.exports = __webpack_public_path__ + \"static/media/img-grd-gal-1.fe78b279.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-grd-gal-2.d4471655.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-grd-gal-3.ae4cc8c1.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-grd-gal-4.dd8027d1.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-grd-gal-5.501ba725.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-grd-gal-6.75253e9e.jpg\";","import React from 'react';\r\nimport {Row, Col} from 'react-bootstrap';\r\nimport { css, StyleSheet } from 'aphrodite/no-important';\r\nimport Lightbox from 'react-images-texts-videos';\r\nimport DEMO from \"../../store/constant\";\r\n\r\nclass Gallery extends React.Component {\r\n    constructor (props) {\r\n        super(props);\r\n\r\n        let itemType;\r\n\r\n        if (this.props.images) {\r\n            itemType = 'images'\r\n        } else if (this.props.texts) {\r\n            itemType = 'texts'\r\n        } else {\r\n            itemType = 'videos'\r\n        }\r\n\r\n        this.state = {\r\n            lightboxIsOpen: false,\r\n            currentItem: 0,\r\n            itemType: itemType,\r\n        };\r\n\r\n        this.closeLightbox = this.closeLightbox.bind(this);\r\n        this.gotoNext = this.gotoNext.bind(this);\r\n        this.gotoPrevious = this.gotoPrevious.bind(this);\r\n        this.gotoItem = this.gotoItem.bind(this);\r\n        this.handleClickItem = this.handleClickItem.bind(this);\r\n        this.openLightbox = this.openLightbox.bind(this);\r\n    }\r\n\r\n    openLightbox (event, index) {\r\n        event.preventDefault();\r\n        this.setState({\r\n            currentItem: index,\r\n            lightboxIsOpen: true,\r\n        });\r\n    }\r\n\r\n    closeLightbox () {\r\n        this.setState({\r\n            currentItem: 0,\r\n            lightboxIsOpen: false,\r\n        });\r\n    }\r\n\r\n    gotoPrevious () {\r\n        this.setState({\r\n            currentItem: this.state.currentItem - 1,\r\n        });\r\n    }\r\n\r\n    gotoNext () {\r\n        this.setState({\r\n            currentItem: this.state.currentItem + 1,\r\n        });\r\n    }\r\n\r\n    gotoItem (index) {\r\n        this.setState({\r\n            currentItem: index,\r\n        });\r\n    }\r\n\r\n    handleClickItem () {\r\n        if (this.state.currentItem === this.props[this.state.itemType].length - 1) return;\r\n\r\n        this.gotoNext();\r\n    }\r\n\r\n    renderGallery () {\r\n        if (this.state.itemType === 'images') {\r\n            const { images } = this.props;\r\n\r\n            if (!images) return;\r\n\r\n            let gallery;\r\n\r\n            if (this.props.singleItem) {\r\n                gallery = images.filter(i => i.useForDemo).map((obj, i) => {\r\n                    return (\r\n                        <a\r\n                            href={obj.src}\r\n                            className={css(classes.thumbnail, classes[obj.orientation])}\r\n                            onClick={(e) => this.openLightbox(e, i)}\r\n                            key={i}\r\n                        >\r\n                            <div className='img-thumbnail'>\r\n                                <img src={obj.thumbnail} className={css(classes.source)} alt=\"\" />\r\n                            </div>\r\n                        </a>\r\n                    );\r\n                });\r\n                return (\r\n                    <div className={css(classes.gallery)}>\r\n                        {gallery}\r\n                    </div>\r\n                );\r\n            } else {\r\n                gallery = images.filter(i => i.useForDemo).map((obj, i) => {\r\n                    return (\r\n                        <Col xl={2} lg={3} md={4} sm={6} xs={12} key={i} className=\"mb-1\">\r\n                            <a\r\n                                href={obj.src}\r\n                                className={css(classes.thumbnail, classes[obj.orientation])}\r\n                                onClick={(e) => this.openLightbox(e, i)}\r\n                            >\r\n                                <div className='img-thumbnail'>\r\n                                    <img src={obj.thumbnail} className={css(classes.source)} alt=\"\" />\r\n                                </div>\r\n                            </a>\r\n                        </Col>\r\n                    );\r\n                });\r\n                return (\r\n                    <div className={css(classes.gallery)}>\r\n                        <Row>\r\n                            {gallery}\r\n                        </Row>\r\n                    </div>\r\n                );\r\n            }\r\n\r\n        } else if (this.state.itemType === 'texts') {\r\n            const { texts } = this.props;\r\n            let gallery;\r\n            if (!texts) return;\r\n\r\n            if (this.props.singleItem) {\r\n                gallery = texts.map((text, i) => {\r\n                    return (\r\n                        <p className={css(classes.text_thumbail)} key={i} onClick={(e) => this.openLightbox(e, i)}>\r\n                            {text}\r\n                        </p>\r\n                    );\r\n                });\r\n\r\n                return (\r\n                    <div className={css(classes.gallery)}>\r\n                        {gallery}\r\n                    </div>\r\n                );\r\n            } else {\r\n                gallery = texts.map((text, i) => {\r\n                    return (\r\n                        <Col xl={2} lg={3} md={4} sm={6} xs={12} key={i} className=\"mb-1\">\r\n                            <p\r\n                                className={css(classes.text_thumbail)}\r\n                                onClick={(e) => this.openLightbox(e, i)}\r\n                            >\r\n                                {text}\r\n                            </p>\r\n                        </Col>\r\n                    );\r\n                });\r\n\r\n                return (\r\n                    <div className={css(classes.gallery)}>\r\n                        {gallery}\r\n                    </div>\r\n                );\r\n            }\r\n        } else {\r\n            let gallery;\r\n            const { videos } = this.props;\r\n\r\n            if (!videos) return;\r\n\r\n            if (this.props.singleItem) {\r\n                gallery = videos.map((videoId, i) => {\r\n                    const videoThumbnail = `https://img.youtube.com/vi/${videoId}/0.jpg`;\r\n                    return (\r\n                        <a href={DEMO.BLANK_LINK}\r\n                           className={css(classes.video_thumbnail)}\r\n                           key={i}\r\n                           onClick={(e) => this.openLightbox(e, i)}\r\n                        >\r\n                            <div className='img-thumbnail'>\r\n                                <img src={videoThumbnail} className={css(classes.source_video)} alt=\"\" />\r\n                            </div>\r\n                        </a>\r\n                    );\r\n                });\r\n\r\n                return (\r\n                    <div className={css(classes.gallery)}>\r\n                        {gallery}\r\n                    </div>\r\n                );\r\n            } else {\r\n                gallery = videos.map((videoId, i) => {\r\n                    const videoThumbnail = `https://img.youtube.com/vi/${videoId}/0.jpg`;\r\n                    return (\r\n                        <Col xl={2} lg={3} md={4} sm={6} xs={12} key={i} className=\"mb-1\">\r\n                            <a href={DEMO.BLANK_LINK}\r\n                               className={css(classes.video_thumbnail)}\r\n                               onClick={(e) => this.openLightbox(e, i)}\r\n                            >\r\n                                <div className='img-thumbnail'>\r\n                                    <img src={videoThumbnail} className={css(classes.source_video)} alt=\"\" />\r\n                                </div>\r\n                            </a>\r\n                        </Col>\r\n                    );\r\n                });\r\n\r\n                return (\r\n                    <div className={css(classes.gallery)}>\r\n                        <Row>\r\n                            {gallery}\r\n                        </Row>\r\n                    </div>\r\n                );\r\n            }\r\n\r\n        }\r\n    }\r\n    render () {\r\n        return (\r\n            <div className='section'>\r\n                {this.props.heading && <h2>{this.props.heading}</h2>}\r\n                {this.props.subheading && <p>{this.props.subheading}</p>}\r\n                {this.renderGallery()}\r\n                <Lightbox\r\n                    currentItem={this.state.currentItem}\r\n                    items={{type:this.state.itemType,items:this.props[this.state.itemType]}}\r\n                    isOpen={this.state.lightboxIsOpen}\r\n                    onClickImage={() => this.handleClickItem}\r\n                    onClickNext={this.gotoNext}\r\n                    onClickPrev={this.gotoPrevious}\r\n                    onClickThumbnail={() => this.gotoItem}\r\n                    onClose={this.closeLightbox}\r\n                    showThumbnails={this.props.showThumbnails}\r\n                    theme={this.props.theme}\r\n                    backdropClosesModal={this.props.backdropClosesModal}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nGallery.displayName = 'Gallery';\r\n\r\nconst gutter = {\r\n    small: 2,\r\n    large: 4,\r\n};\r\nconst classes = StyleSheet.create({\r\n    gallery: {\r\n        marginRight: -gutter.small,\r\n        overflow: 'hidden',\r\n\r\n        '@media (min-width: 500px)': {\r\n            marginRight: -gutter.large,\r\n        },\r\n    },\r\n\r\n    // anchor\r\n    thumbnail: {\r\n        boxSizing: 'border-box',\r\n        display: 'block',\r\n        float: 'left',\r\n        lineHeight: 0,\r\n        paddingRight: gutter.small,\r\n        paddingBottom: gutter.small,\r\n        overflow: 'hidden',\r\n\r\n        '@media (min-width: 500px)': {\r\n            paddingRight: gutter.large,\r\n            paddingBottom: gutter.large,\r\n        },\r\n    },\r\n\r\n    // anchor\r\n    video_thumbnail: {\r\n        width:'50%',\r\n        height: '258px',\r\n        boxSizing: 'border-box',\r\n        display: 'block',\r\n        float: 'left',\r\n        lineHeight: 0,\r\n        paddingRight: gutter.small,\r\n        paddingBottom: gutter.small,\r\n        overflow: 'hidden',\r\n\r\n        '@media (min-width: 500px)': {\r\n            paddingRight: gutter.large,\r\n            paddingBottom: gutter.large,\r\n        },\r\n    },\r\n\r\n    // anchor\r\n    text_thumbail: {\r\n        cursor: 'pointer',\r\n        height: '200px',\r\n        'text-align': 'justify',\r\n        'font-size': '16px',\r\n        width: '46%',\r\n        padding: '10px',\r\n        margin: '10px',\r\n        boxSizing: 'border-box',\r\n        display: 'block',\r\n        float: 'left',\r\n        overflow: 'scroll',\r\n        border: 'solid 1px #E6E6E8',\r\n        'border-radius': '4px',\r\n        color: 'darkgray',\r\n\r\n        '@media (min-width: 500px)': {\r\n        },\r\n    },\r\n\r\n    // orientation\r\n    landscape: {\r\n        width: '30%',\r\n    },\r\n    square: {\r\n        paddingBottom: 0,\r\n        width: '40%',\r\n\r\n        '@media (min-width: 500px)': {\r\n            paddingBottom: 0,\r\n        },\r\n    },\r\n\r\n    // actual <img />\r\n    source: {\r\n        border: 0,\r\n        display: 'block',\r\n        height: 'auto',\r\n        maxWidth: '100%',\r\n        width: 'auto',\r\n    },\r\n\r\n\r\n    source_video: {\r\n        border: 0,\r\n        height: 'auto',\r\n        maxWidth: '90%',\r\n        width: 'auto',\r\n    },\r\n});\r\n\r\nexport default Gallery;"],"sourceRoot":""}