{"version":3,"sources":["Demo/UIElements/Advance/Slider.js","assets/images/slider/img-slide-1.jpg","assets/images/slider/img-slide-2.jpg","assets/images/slider/img-slide-4.jpg","assets/images/slider/img-slide-5.jpg","assets/images/slider/img-slide-3.jpg","assets/images/slider/img-slide-6.jpg","assets/images/slider/img-slide-7.jpg"],"names":["AdvanceSlider","props","_this","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","next","bind","E_next_react_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__","previous","nextNav","previousNav","slider","slickNext","slickPrev","sliderNav","_this2","settingsNavButtonDots","dots","infinite","speed","slidesToShow","slidesToScroll","arrows","appendDots","react__WEBPACK_IMPORTED_MODULE_6___default","a","createElement","className","style","backgroundColor","padding","bottom","customPaging","i","_hoc_Aux__WEBPACK_IMPORTED_MODULE_12__","react_bootstrap__WEBPACK_IMPORTED_MODULE_7__","react_bootstrap__WEBPACK_IMPORTED_MODULE_8__","md","xl","react_bootstrap__WEBPACK_IMPORTED_MODULE_9__","Header","Title","as","Body","react_slick__WEBPACK_IMPORTED_MODULE_11___default","centerPadding","autoplay","autoplaySpeed","src","imgSlide1","alt","imgSlide3","imgSlide2","imgSlide4","imgSlide5","imgSlide6","imgSlide7","fade","assign","ref","c","react_bootstrap__WEBPACK_IMPORTED_MODULE_10__","size","onClick","sm","initialSlide","responsive","breakpoint","settings","React","Component","module","exports","__webpack_require__","p"],"mappings":"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","file":"static/js/59.33e04bb9.chunk.js","sourcesContent":["import React from 'react';\r\nimport {Row, Col, Card, Button} from 'react-bootstrap';\r\nimport Slider from \"react-slick\";\r\n\r\nimport Aux from \"../../../hoc/_Aux\";\r\n\r\nimport imgSlide1 from '../../../assets/images/slider/img-slide-1.jpg';\r\nimport imgSlide2 from '../../../assets/images/slider/img-slide-2.jpg';\r\nimport imgSlide3 from '../../../assets/images/slider/img-slide-3.jpg';\r\nimport imgSlide4 from '../../../assets/images/slider/img-slide-4.jpg';\r\nimport imgSlide5 from '../../../assets/images/slider/img-slide-5.jpg';\r\nimport imgSlide6 from '../../../assets/images/slider/img-slide-6.jpg';\r\nimport imgSlide7 from '../../../assets/images/slider/img-slide-7.jpg';\r\n\r\nclass AdvanceSlider extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.next = this.next.bind(this);\r\n        this.previous = this.previous.bind(this);\r\n        this.nextNav = this.nextNav.bind(this);\r\n        this.previousNav = this.previousNav.bind(this);\r\n    }\r\n    next() {\r\n        this.slider.slickNext();\r\n    }\r\n    previous() {\r\n        this.slider.slickPrev();\r\n    }\r\n    nextNav() {\r\n        this.sliderNav.slickNext();\r\n    }\r\n    previousNav() {\r\n        this.sliderNav.slickPrev();\r\n    }\r\n\r\n    render() {\r\n        const settingsBasic = {\r\n            dots: true,\r\n            infinite: true,\r\n            speed: 1000,\r\n            slidesToShow: 1,\r\n            slidesToScroll: 1,\r\n            centerPadding: '500px',\r\n            autoplay: true,\r\n            autoplaySpeed: 5000\r\n        };\r\n\r\n        const settingsMultiResponsive = {\r\n            dots: true,\r\n            infinite: true,\r\n            speed: 500,\r\n            slidesToShow: 4,\r\n            slidesToScroll: 4,\r\n            initialSlide: 0,\r\n            responsive: [\r\n                {\r\n                    breakpoint: 1024,\r\n                    settings: {\r\n                        slidesToShow: 3,\r\n                        slidesToScroll: 3,\r\n                        infinite: true,\r\n                        dots: true\r\n                    }\r\n                },\r\n                {\r\n                    breakpoint: 992,\r\n                    settings: {\r\n                        slidesToShow: 2,\r\n                        slidesToScroll: 2,\r\n                        initialSlide: 2\r\n                    }\r\n                },\r\n                {\r\n                    breakpoint: 480,\r\n                    settings: {\r\n                        slidesToShow: 1,\r\n                        slidesToScroll: 1\r\n                    }\r\n                }\r\n            ]\r\n        };\r\n\r\n        const settingsDots = {\r\n            dots: true,\r\n            infinite: true,\r\n            fade: true,\r\n            speed: 500,\r\n            slidesToShow: 1,\r\n            slidesToScroll: 1,\r\n            arrows: false,\r\n            autoplay: true,\r\n            autoplaySpeed: 1000\r\n        };\r\n\r\n        const settingsButtons = {\r\n            dots: false,\r\n            infinite: true,\r\n            speed: 500,\r\n            slidesToShow: 1,\r\n            slidesToScroll: 1,\r\n            arrows: false\r\n        };\r\n\r\n        const settingsNavButtonDots = {\r\n            dots: true,\r\n            infinite: true,\r\n            speed: 500,\r\n            slidesToShow: 1,\r\n            slidesToScroll: 1,\r\n            arrows: false,\r\n            /*autoplay: true,\r\n            autoplaySpeed: 1500,*/\r\n            appendDots: dots => (\r\n                <div className=\"pc-dots\"\r\n                    style={{\r\n                        backgroundColor: \"#000\",\r\n                        padding: \"8px\",\r\n                        bottom: \"-33px\"\r\n                    }}\r\n                >\r\n                    <ul className=\"p-0 m-0\"> {dots} </ul>\r\n                </div>\r\n            ),\r\n            customPaging: i => (\r\n                <div className=\"pc-dot\">\r\n                    {i + 1}\r\n                </div>\r\n            )\r\n        };\r\n        return (\r\n            <Aux>\r\n                <Row>\r\n                    <Col md={12} xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Basic Slider</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Slider {...settingsBasic}>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide1} alt=\"Slide1\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide3} alt=\"Slide3\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide2} alt=\"Slide2\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide4} alt=\"Slide4\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide5} alt=\"Slide5\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide6} alt=\"Slide6\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide7} alt=\"Slide7\" />\r\n                                    </div>\r\n                                </Slider>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={12} xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Only Dots with Fade</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Slider {...settingsDots}>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide1} alt=\"Slide1\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide3} alt=\"Slide3\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide2} alt=\"Slide2\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide4} alt=\"Slide4\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide5} alt=\"Slide5\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide6} alt=\"Slide6\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide7} alt=\"Slide7\" />\r\n                                    </div>\r\n                                </Slider>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={12} xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Custom Buttons and Dots</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Slider ref={c => (this.slider = c)} {...settingsNavButtonDots}>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide1} alt=\"Slide1\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide3} alt=\"Slide3\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide2} alt=\"Slide2\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide4} alt=\"Slide4\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide5} alt=\"Slide5\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide6} alt=\"Slide6\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide7} alt=\"Slide7\" />\r\n                                    </div>\r\n                                </Slider>\r\n                                <div className=\"mt-5 text-center\">\r\n                                    <Button size=\"sm\" onClick={this.previous}>Previous</Button>\r\n                                    <Button size=\"sm\" onClick={this.next}>Next</Button>\r\n                                </div>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={12} xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Only Nav Buttons</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Slider ref={c => (this.sliderNav = c)} {...settingsButtons}>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide1} alt=\"Slide1\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide3} alt=\"Slide3\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide2} alt=\"Slide2\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide4} alt=\"Slide4\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide5} alt=\"Slide5\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide6} alt=\"Slide6\" />\r\n                                    </div>\r\n                                    <div>\r\n                                        <img className=\"d-block w-100\" src={imgSlide7} alt=\"Slide7\" />\r\n                                    </div>\r\n                                </Slider>\r\n                                <div className=\"text-center\">\r\n                                    <Button size=\"sm\" onClick={this.previousNav}><i className=\"feather icon-chevron-left m-0\" /></Button>\r\n                                    <Button size=\"sm\" onClick={this.nextNav}><i className=\"feather icon-chevron-right m-0\" /></Button>\r\n                                </div>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col sm={12}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Multi-Items with Responsive Slider</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Slider {...settingsMultiResponsive}>\r\n                                    <div className=\"p-10\">\r\n                                        <img className=\"w-100\" src={imgSlide1} alt=\"Slide1\" />\r\n                                    </div>\r\n                                    <div className=\"p-10\">\r\n                                        <img className=\"w-100\" src={imgSlide3} alt=\"Slide3\" />\r\n                                    </div>\r\n                                    <div className=\"p-10\">\r\n                                        <img className=\"w-100\" src={imgSlide2} alt=\"Slide2\" />\r\n                                    </div>\r\n                                    <div className=\"p-10\">\r\n                                        <img className=\"w-100\" src={imgSlide4} alt=\"Slide4\" />\r\n                                    </div>\r\n                                    <div className=\"p-10\">\r\n                                        <img className=\"w-100\" src={imgSlide5} alt=\"Slide5\" />\r\n                                    </div>\r\n                                    <div className=\"p-10\">\r\n                                        <img className=\"w-100\" src={imgSlide6} alt=\"Slide6\" />\r\n                                    </div>\r\n                                    <div className=\"p-10\">\r\n                                        <img className=\"w-100\" src={imgSlide7} alt=\"Slide7\" />\r\n                                    </div>\r\n                                </Slider>\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\nexport default AdvanceSlider;","module.exports = __webpack_public_path__ + \"static/media/img-slide-1.0c48c1b5.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-slide-2.bcbfd0c4.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-slide-4.abc75c6c.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-slide-5.280db3ad.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-slide-3.b4556bf6.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-slide-6.7cbc0627.jpg\";","module.exports = __webpack_public_path__ + \"static/media/img-slide-7.794aae52.jpg\";"],"sourceRoot":""}