{"version":3,"file":"frontend.js","mappings":"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","sources":["webpack://toms-image-slider/./src/frontend.scss","webpack://toms-image-slider/external window \"React\"","webpack://toms-image-slider/external window \"ReactDOM\"","webpack://toms-image-slider/external window [\"wp\",\"components\"]","webpack://toms-image-slider/external window [\"wp\",\"element\"]","webpack://toms-image-slider/webpack/bootstrap","webpack://toms-image-slider/webpack/runtime/compat get default export","webpack://toms-image-slider/webpack/runtime/define property getters","webpack://toms-image-slider/webpack/runtime/hasOwnProperty shorthand","webpack://toms-image-slider/webpack/runtime/make namespace object","webpack://toms-image-slider/./src/frontend.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport {};","module.exports = window[\"React\"];","module.exports = window[\"ReactDOM\"];","module.exports = window[\"wp\"][\"components\"];","module.exports = window[\"wp\"][\"element\"];","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, {useState, useEffect, useRef} from 'react'\nimport ReactDOM from 'react-dom'\nimport \"./frontend.scss\"\n\nimport {Modal, Icon} from \"@wordpress/components\"\nimport { array } from 'prop-types'\n\n\nconst divsToUpdate = document.querySelectorAll(\".toms-image-slider\")\n\ndivsToUpdate.forEach(function(div) {\n  const data = JSON.parse(div.querySelector(\"pre\").innerHTML)\n  if(data.imageSlider !== false){\n    ReactDOM.render(<TomSImageSliderFrontend {...data} />, div)\n    div.classList.remove(\"toms-image-slider\")\n  }\n})\n\nfunction TomSImageSliderFrontend(slides) {\n    var defaultImageFromPHP = tomsSlieshowDefaultFromPHP.defaultImage\n    if(!!(slides.galleryImages)){\n        const [current, setCurrent] = useState(0)\n        const [currentImg, setCurrentImg] = useState(slides.galleryImages[0])\n        const length = slides.galleryImages.length\n        const slideImg = slides.galleryImages\n\n        const nextSlide = () => {\n            setCurrent(current === length - 1 ? 0 : current + 1),\n            setCurrentImg(slideImg[current === length - 1 ? 0 : current + 1])\n\n            isOpen && (setModalImg(slideImg[current === length - 1 ? 0 : current + 1]))\n        }\n\n        const prevSlide = () => {\n            setCurrent(current === 0 ? length - 1 : current - 1),\n            setCurrentImg(slideImg[current === 0 ? length - 1 : current - 1])\n\n            isOpen && (setModalImg(slideImg[current === 0 ? length - 1 : current - 1]))\n        }\n\n        //自动滑动 autoplay\n        const timeoutRef = useRef(null);\n        function resetTimeout() { /*清空计时函数*/\n            if (timeoutRef.current) {\n            clearTimeout(timeoutRef.current);\n            }\n        }\n        useEffect(() => {\n            if( slides.autoPlay !== false && length >=1 ){\n                resetTimeout(); /*清空计时*/\n\n                timeoutRef.current = setTimeout( () => {\n                    setCurrent(current === length - 1 ? 0 : current + 1),\n                    setCurrentImg(slideImg[current === length - 1 ? 0 : current + 1])\n                }, 3600 )\n\n                return () => {\n                    resetTimeout(); /*返回清空计时*/\n                }\n            }\n        }, [current])\n\n        //图片弹窗\n        const [ isOpen, setOpen ] = useState( false );\n        const openModal = () => { slides.sliderModal !== false && setOpen( true ) };\n        const closeModal = () => setOpen( false );\n\n        const [modalCurrent, setModalCurrent] = useState(0)\n        const [modalImg, setModalImg] = useState(slides.galleryImages[0])\n\n        const modalNextSlide = () => {\n            setModalCurrent(modalCurrent === length - 1 ? 0 : modalCurrent + 1)\n            setModalImg(slideImg[modalCurrent === length - 1 ? 0 : modalCurrent + 1])\n        }\n\n        const modalPrevSlide = () => {\n            setModalCurrent(modalCurrent=== 0 ? length - 1 : modalCurrent - 1)\n            setModalImg(slideImg[modalCurrent === 0 ? length - 1 : modalCurrent - 1])\n        }\n\n        //控制显示缩略图\n        const [showState, setShowState] = useState({shown:true})\n        function showThumnbail(){\n            return(\n                setShowState({shown: !showState.shown})\n            )\n        }\n\n        if(!Array.isArray(slides.galleryImages)){ /*判断图片的值是否小于0 或者是数组*/\n            return null;\n        }\n    return(\n        <>\n        <section className=\"toms-image-slider-preview\">\n            <div className=\"toms-image-slider-image\">\n                <span className='left-arrow' onClick={prevSlide}>\n                    <svg t=\"1632461798804\" className=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"8849\" width=\"32\" height=\"32\">\n                        <path d=\"M804.157345 1024H596.658663c-9.595315 0-18.790825-4.297901-24.787897-11.794241L247.229283 612.600878c-47.776672-58.771303-47.776672-142.93021 0-201.701512L571.470961 11.794241c6.097023-7.49634 15.192582-11.794241 24.787897-11.794241h206.799024c6.69673 0 10.494876 7.796193 6.196974 12.993655L436.936652 471.369839c-19.090678 23.488531-19.090678 57.172084 0 80.760566l373.417667 458.775988c4.19795 5.297413 0.499756 13.093607-6.196974 13.093607z\" p-id=\"8850\"></path>\n                    </svg>\n                </span>\n\n                <div className=\"toms-image-slider-active-image\" onClick={ openModal } >\n                    { /*slides.galleryImages.map(\n                        function (img, index){\n                            return (\n                                <>\n                                    <div className={index === current ? 'toms-image-slider-slide toms-image-slider-slide-active' : 'toms-image-slider-slide'} key={index} >\n                            {index === current && !!(img) &&( */}\n                            {!!(slideImg[current]) ? (\n                                <img src={slideImg[current]} className=\"toms-image-slider-gellery-image\" width=\"200\" height=\"200\" />\n                            ) : (\n                                <img src={defaultImageFromPHP} className=\"toms-image-slider-gellery-image\" width=\"200\" height=\"200\" />\n                            )}\n                                        {/*)}\n                                    </div>\n                                </>\n                            )}\n                            )*/}\n                </div>\n\n                <span className='right-arrow' onClick={nextSlide}>\n                    <svg t=\"1632461740711\" className=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"8565\" width=\"32\" height=\"32\">\n                        <path d=\"M776.270961 612.600878l-324.641483 399.604881c-6.097023 7.49634-15.192582 11.794241-24.787897 11.794241H219.44285c-6.69673 0-10.494876-7.796193-6.196974-13.093607l373.317716-458.875939c19.090678-23.488531 19.090678-57.172084 0-80.760566L214.145437 12.993655c-4.297901-5.197462-0.499756-12.993655 6.196974-12.993655h206.799024c9.595315 0 18.790825 4.297901 24.787896 11.794241l324.34163 399.105125c47.776672 58.771303 47.776672 142.93021 0 201.701512z\" p-id=\"8566\"></path>\n                    </svg>\n                </span>\n            </div>\n            {slides.thumnbail !== false && (\n            <div className=\"toms-image-slider-thumnbail\">\n                {slides.galleryImages.map(\n                    function (slide, index){\n                        if(index >= 0){\n                        return(\n                            <span className=\"toms-image-slider-thumnbail-image\">\n                                {!!(slide) &&(\n                                <img src={slide} className={index === current ? 'toms-image-slider-gellery-thumnbail-image toms-image-slider-gellery-thumnbail-image-active' : 'toms-image-slider-gellery-thumnbail-image'} width=\"200\" height=\"200\" onClick={() => { setCurrentImg(slide), setCurrent(index) } } />\n                                )}\n                            </span>\n                        )}\n                })}\n            </div>\n            )}\n            { isOpen && (\n                <Modal className=\"toms-image-slider-modal-block\" overlayClassName=\"toms-image-slider-modal-overlay\" onRequestClose={ closeModal } style={{backgroundImage: `url(${!!(slideImg[modalCurrent]) ? (slideImg[modalCurrent]) : '' })`}}>\n                    <div className=\"toms-image-slider-modal-block\">\n                        {/*<div className=\"toms-image-slider-modal-main\">\n                        </div>*/}\n                            <span className='modal-left-arrow' onClick={modalPrevSlide}>\n                                <Icon\n                                    icon={ () => (\n                                        <svg t=\"1632461688518\" className=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"8373\" width=\"64\" height=\"64\">\n                                            <path d=\"M804.157345 1024H596.658663c-9.595315 0-18.790825-4.297901-24.787897-11.794241L247.229283 612.600878c-47.776672-58.771303-47.776672-142.93021 0-201.701512L571.470961 11.794241c6.097023-7.49634 15.192582-11.794241 24.787897-11.794241h206.799024c6.69673 0 10.494876 7.796193 6.196974 12.993655L436.936652 471.369839c-19.090678 23.488531-19.090678 57.172084 0 80.760566l373.417667 458.775988c4.19795 5.297413 0.499756 13.093607-6.196974 13.093607z\" p-id=\"8374\"></path>\n                                        </svg>\n                                    )}\n                                />\n                            </span>\n                            {/*<div className=\"toms-image-slider-modal\">\n                            slides.map(\n                                function (slide, index){\n                                    return(\n                                        <div className=\"toms-image-slider-modal\">\n                                        {index === modalCurrent && (\n                                                <img src={modalImg} className=\"toms-image-slider-modal-image\" width=\"200\" height=\"200\" />\n                                        )}\n                                        </div>\n                                    )\n                            })\n                            </div>*/}\n                        \n                        {slides.thumnbail !== false && (\n                        <>\n                            <span  className=\"toms-image-slider-modal-show-thumnbail-icon\" onClick={showThumnbail}>\n                                <Icon\n                                    icon={\n                                        <svg t=\"1632467128148\" className=\"thumnbail-icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"15012\" width=\"48\" height=\"48\">\n                                            <path d=\"M992 96H160a32 32 0 0 0-32 32v96H32a32 32 0 0 0-32 32v640a32 32 0 0 0 32 32h832a32 32 0 0 0 32-32v-96h96a32 32 0 0 0 32-32V128a32 32 0 0 0-32-32zM832 288v506.416l-171.168-146.72a32 32 0 0 0-37.296-3.136l-137.056 82.24-206.4-235.872a32.048 32.048 0 0 0-23.008-10.912 32.192 32.192 0 0 0-23.68 9.36L64 658.752V288h768zM64 749.248l190.432-190.432 201.488 230.272a31.952 31.952 0 0 0 40.544 6.352l140.224-84.128L814.832 864H64v-114.752zM960 736h-64V256a32 32 0 0 0-32-32H192v-64h768v576z\" p-id=\"15013\"></path><path d=\"M656 576c61.744 0 112-50.256 112-112s-50.256-112-112-112-112 50.256-112 112 50.256 112 112 112z m0-160c26.464 0 48 21.536 48 48s-21.536 48-48 48-48-21.536-48-48 21.536-48 48-48z\" p-id=\"15014\"></path>\n                                        </svg>\n                                    }\n                                />\n                            </span>\n                            {showState.shown === true &&\n                            <div className=\"toms-image-slider-modal-thumnbail\">\n                                {slides.galleryImages.map(\n                                    function (slide, index){\n                                        if(index >= 0){\n                                        return(\n                                            <span className=\"toms-image-slider-modal-thumnbail-image\">\n                                                <img src={slide} className={index === modalCurrent ? 'toms-image-slider-gellery-modal-thumnbail-image toms-image-slider-gellery-modal-thumnbail-image-active' : 'toms-image-slider-gellery-modal-thumnbail-image'} width=\"200\" height=\"200\" onClick={() => { setModalImg(slide), setModalCurrent(index) } } />\n                                            </span>\n                                        )}\n                                })}\n                            </div>\n                            }\n                        </>\n                        )}\n                        <span className='modal-right-arrow' onClick={modalNextSlide}>\n                            <Icon\n                                icon={ () => (\n                                    <svg t=\"1632461620854\" className=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"8135\" width=\"64\" height=\"64\">\n                                        <path d=\"M776.270961 612.600878l-324.641483 399.604881c-6.097023 7.49634-15.192582 11.794241-24.787897 11.794241H219.44285c-6.69673 0-10.494876-7.796193-6.196974-13.093607l373.317716-458.875939c19.090678-23.488531 19.090678-57.172084 0-80.760566L214.145437 12.993655c-4.297901-5.197462-0.499756-12.993655 6.196974-12.993655h206.799024c9.595315 0 18.790825 4.297901 24.787896 11.794241l324.34163 399.105125c47.776672 58.771303 47.776672 142.93021 0 201.701512z\" p-id=\"8136\"></path>\n                                    </svg>\n                                )} \n                            />\n                        </span>\n                    </div>\n                </Modal>)\n            }\n        </section>\n        </>\n    )\n    }else{\n        return(\n            <div className=\"toms-image-slider-empty\">\n                <img src={defaultImageFromPHP} className=\"toms-image-slider-gellery-image\" width=\"200\" height=\"200\" />\n            </div>\n        )\n    }\n}"],"names":["React","useState","useEffect","useRef","ReactDOM","Modal","Icon","array","divsToUpdate","document","querySelectorAll","forEach","div","data","JSON","parse","querySelector","innerHTML","imageSlider","render","createElement","TomSImageSliderFrontend","classList","remove","slides","defaultImageFromPHP","tomsSlieshowDefaultFromPHP","defaultImage","galleryImages","current","setCurrent","currentImg","setCurrentImg","length","slideImg","nextSlide","isOpen","setModalImg","prevSlide","timeoutRef","resetTimeout","clearTimeout","autoPlay","setTimeout","setOpen","openModal","sliderModal","closeModal","modalCurrent","setModalCurrent","modalImg","modalNextSlide","modalPrevSlide","showState","setShowState","shown","showThumnbail","Array","isArray","Fragment","className","onClick","t","viewBox","version","xmlns","width","height","d","src","thumnbail","map","slide","index","overlayClassName","onRequestClose","style","backgroundImage","icon"],"sourceRoot":""}