{"version":3,"sources":["webpack:///./Scripts/Components/LightboxImages.js","webpack:///./Scripts/Containers/LightboxImages.container.js"],"names":["LightboxImages","props","images","length","className","classes","data-title","title","tags","tag","class","style","color","TextColor","background","Color","key","Name","data-src","src","itemProp","onClick","onClickThumbnail","thumbnails","options","perPage","width","fixedWidth","fixedHeight","pagination","arrows","image","index","height","showThumbnails","showImageCount","connect","state","isOpen","lightboxImages","visible","currentImage","dispatch","onClose","show","onClickNext","next","onClickPrev","previous","setCurrentIndex"],"mappings":"2LAwDeA,EAnDQ,SAAAC,GAAK,eACvBA,EAAMC,QAAUD,EAAMC,OAAOC,OAAS,EAAI,kBAAC,WAAD,MAC3C,kBAAC,WAAD,KACI,yBAAKC,UAAU,sBACX,yBAAKA,UAAU,WACX,4BAAQA,UAAS,0CAAqCH,EAAMI,SAAWC,aAAYL,EAAMM,SAClFN,EAAMO,KAAKL,QACV,yBAAKC,UAAU,+BACV,MAAAH,EAAMO,MAAN,QAAe,SAACC,GAAD,OACZ,yBAAKC,MAAM,sBAAsBC,MAAO,CAAEC,MAAO,GAAF,OAAKH,EAAII,WAAaC,WAAY,GAAF,OAAKL,EAAIM,QAAWC,IAAKP,EAAIQ,MACvGR,EAAIQ,UAKrB,uBAAGC,WAAUjB,EAAMC,OAAO,GAAGiB,IAAKC,SAAS,MAAMC,QAAS,kBAAMpB,EAAMqB,iBAAiB,IAAIlB,UAAU,iBACjG,yBAAKA,UAAU,8BAA8BgB,SAAS,QAAQD,IAAKlB,EAAMsB,WAAW,GAAGJ,QAG/F,yBAAKf,UAAU,OACX,kBAAC,IAAD,CAAQoB,QAAU,CACVC,QAAU,EACVC,MAAO,IACPC,WAAY,IACZC,YAAa,IACbC,YAAY,EACZC,OAAQ7B,EAAMC,OAAOC,OAAS,IAEjC,MAAAF,EAAMC,QAAN,QAAiB,SAAC6B,EAAOC,GAAR,OACdA,EAAQ,GACR,kBAAC,IAAD,CAAahB,IAAKgB,GACd,yBAAK5B,UAAU,kCAAkCY,IAAKgB,GAClD,uBAAGd,WAAUa,EAAMZ,IAAKC,SAAS,MAAMC,QAAS,kBAAMpB,EAAMqB,iBAAiBU,IAAQ5B,UAAU,iBAC3F,yBAAKA,UAAU,+BAA+BgB,SAAS,QAAQD,IAAKlB,EAAMsB,WAAWS,GAAOb,IAAKc,OAAO,MAAMP,MAAM,kBAUpJ,kBAAC,IAAD,KACIQ,gBAAgB,EAChBC,gBAAgB,GACZlC,M,SCzBDmC,uBAnBS,SAACC,GACrB,MAAO,CACHC,OAAQD,EAAME,eAAeC,QAC7BC,aAAcJ,EAAME,eAAeP,UAIhB,SAAAU,GACvB,MAAO,CACHC,QAAS,kBAAMD,EAASE,aAAK,KAC7BC,YAAa,kBAAMH,EAASI,gBAC5BC,YAAa,kBAAML,EAASM,gBAC5B1B,iBAAkB,SAACU,GACfU,EAASE,aAAK,IACdF,EAASO,YAAgBjB,QAKtBI,EArBiB,SAAAnC,GAAK,OAAI,kBAAC,EAAmBA","file":"15.6d77584beaaaaee75703.js","sourcesContent":["import React, { Fragment } from 'react';\r\nimport Lightbox from 'react-images';\r\nimport { Splide, SplideSlide } from '@splidejs/react-splide';\r\n// import '@splidejs/splide/dist/css/splide.min.css';\r\n\r\nconst LightboxImages = props => (\r\n    !props.images || props.images.length < 1 ? <Fragment /> :\r\n    <Fragment>\r\n        <div className=\"row product-images\">\r\n            <div className=\"columns\">\r\n                <figure className={`product-detail__image-container ${props.classes}`} data-title={props.title}>\r\n                    {!!props.tags.length && \r\n                        <div className='product-detail__tag-wrapper'>\r\n                            {props.tags.map((tag) => \r\n                                <div class=\"product-detail__tag\" style={{ color: `${tag.TextColor}`, background: `${tag.Color}` }} key={tag.Name}>\r\n                                    {tag.Name}\r\n                                </div>\r\n                            )}\r\n                        </div>\r\n                    }\r\n                    <a data-src={props.images[0].src} itemProp=\"url\" onClick={() => props.onClickThumbnail(0)} className=\"product-image\">\r\n                        <img className=\"product-detail__image--main\" itemProp=\"image\" src={props.thumbnails[0].src} />\r\n                    </a>\r\n                </figure>\r\n                <div className=\"row\">\r\n                    <Splide options={ {\r\n                            perPage : 4,\r\n                            width: 600,\r\n                            fixedWidth: 110,\r\n                            fixedHeight: 110,\r\n                            pagination: false,\r\n                            arrows: props.images.length > 4\r\n                            }}>\r\n                        {props.images.map((image, index) => (\r\n                            index > 0 &&\r\n                            <SplideSlide key={index}>\r\n                                <div className=\"product-detail__image-container\" key={index}>\r\n                                    <a data-src={image.src} itemProp=\"url\" onClick={() => props.onClickThumbnail(index)} className=\"product-image\">\r\n                                        <img className=\"product-detail__image--alter\" itemProp=\"image\" src={props.thumbnails[index].src} height=\"110\" width=\"110\" />\r\n                                    </a>\r\n                                </div>\r\n                            </SplideSlide>\r\n                            \r\n                        ))}\r\n                    </Splide>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <Lightbox \r\n            showThumbnails={true}\r\n            showImageCount={false}\r\n            {...props}\r\n        />\r\n    </Fragment>\r\n)\r\n\r\nexport default LightboxImages;","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport LightboxImages from '../Components/LightboxImages';\r\nimport { setCurrentIndex, show, previous, next } from '../Actions/LightboxImages.action';\r\n\r\nconst LightboxImagesContainer = props => <LightboxImages {...props} />;\r\n\r\nconst mapStateToProps = (state) => {\r\n    return {\r\n        isOpen: state.lightboxImages.visible,\r\n        currentImage: state.lightboxImages.index,\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        onClose: () => dispatch(show(false)),\r\n        onClickNext: () => dispatch(next()),\r\n        onClickPrev: () => dispatch(previous()),\r\n        onClickThumbnail: (index) => {\r\n            dispatch(show(true));\r\n            dispatch(setCurrentIndex(index));\r\n        },\r\n    }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(LightboxImagesContainer);"],"sourceRoot":""}