{"version":3,"sources":["webpack:///./widgets/magnifyingGallery.js"],"names":["WG","concat","MagnifyingGallery","$el","_classCallCheck","this","$","key","value","This","images","find","imagesLoaded","totalImages","length","each","imgSrc","attr","objImg","Image","src","onload","initCarousel","initMagnify","_this","$carousel","$wg","on","$this","index","slick","siblings","removeClass","addClass","$sliderNavLine","detach","before","appendArrows","nextArrow","prevArrow","draggable","responsive","breakpoint","settings","arrows","dots","event","currentSlide","magnify","limitBounds","mobileCloseEvent"],"mappings":"q2BAKA,IAEMA,EAAK,IAAHC,OADI,oBACM,KAOLC,EAAiB,WAI5B,O,EAHD,SAAAA,EAAYC,I,4FAAKC,CAAA,KAAAF,GAEhBG,KAAKF,IAAMG,EAAEH,K,EACb,EAAAI,IAAA,OAAAC,MAED,WACC,IAAMC,EAAOJ,KAETK,EADQL,KAAKF,IACAQ,KAAK,GAADV,OAAID,EAAE,aAGvBY,EAAe,EAEfC,EAAcH,EAAOI,OAEzBJ,EAAOK,MAAK,WACX,IAAIC,EAASV,EAAED,MAAMY,KAAK,OACtBC,EAAS,IAAIC,MACjBD,EAAOE,IAAMJ,EACbE,EAAOG,OAAS,aACfT,GACoBC,IACnBJ,EAAKa,eACLb,EAAKc,qBAIR,CAAAhB,IAAA,eAAAC,MAED,WAAe,IAAAgB,EAAA,KACRC,EAAYpB,KAAKF,IAAIQ,KAAK,GAADV,OAAID,EAAE,aAC/B0B,EAAMrB,KAAKF,IAGjBsB,EAAUE,GAAG,QAAQ,WACpBH,EAAKrB,IAAIQ,KAAK,mBAAmBgB,GAAG,SAAS,WAC5C,IAAIC,EAAQtB,EAAED,MACVwB,EAAQD,EAAMX,KAAK,oBAEvBQ,EAAUK,MAAM,YAAaD,GAC7BD,EAAMG,WAAWC,YARE,aASnBJ,EAAMK,SATa,aAYnB,IAAIC,EAAiBR,EAAIf,KAAK,mBAAmBwB,SACjDP,EAAMQ,OAAOF,SAEZJ,MAAM,CACRO,aAAchC,KAAKF,IAAIQ,KAAK,GAADV,OAAID,EAAE,gBACjCsC,UAAW,qCACXC,UAAW,oCACXC,WAAW,EACXC,WAAY,CACX,CACCC,WAAY,KACZC,SAAU,CACTC,QAAQ,EACRC,MAAM,OAIPlB,GAAG,eAAe,SAACmB,EAAOhB,EAAOiB,GACnC,IAAIb,EAAiBR,EAAIf,KAAK,mBAAmBwB,SACjDX,EAAKrB,IAAIQ,KAAK,mBAAmBqB,YA/Bb,aAgCpBR,EAAKrB,IAAIQ,KAAK,oCAADV,OAAqC8C,EAAY,MAAKd,SAhC/C,aAgCwEG,OAAOF,QAEpG,CAAA3B,IAAA,cAAAC,MAED,WACCH,KAAKF,IAAIQ,KAAK,GAADV,OAAID,EAAE,aAAYgD,QAAQ,CACtCC,aAAa,EACbC,iBAAkB,e,0FAxES,I","file":"47.js","sourcesContent":["/* eslint-disable no-unused-vars */\n/* eslint-disable no-invalid-this */\n/* eslint-disable max-len */\n/* eslint-disable comma-dangle */\n// CONSTANTS are all caps.\nconst NS = 'MagnifyingGallery';\nconst CLS = 'magnifyingGallery';\nconst WG = `.${CLS}-`;\n\n// Import stuff here if you need to or even better to import them dynamically\n// for ex. of dynamic import check out src/scripts/loadWg/magnifyingGallery.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\n\n\nexport class MagnifyingGallery {\n\tconstructor($el) {\n\t\t// $el is the widget node return by the loadMagnifyingGallery function\n\t\tthis.$el = $($el);\n\t}\n\n\tinit() {\n\t\tconst This = this;\n\t\tconst $wg = this.$el;\n\t\tlet images = $wg.find(`${WG}slideImg`);\n\n\t\t// no images are loaded.\n\t\tlet imagesLoaded = 0;\n\t\t// total number of images in the slider\n\t\tlet totalImages = images.length;\n\n\t\timages.each(function() {\n\t\t\tlet imgSrc = $(this).attr('src');\n\t\t\tlet objImg = new Image();\n\t\t\tobjImg.src = imgSrc;\n\t\t\tobjImg.onload = function() {\n\t\t\t\timagesLoaded++;\n\t\t\t\tif (imagesLoaded == totalImages) {\n\t\t\t\t\tThis.initCarousel();\n\t\t\t\t\tThis.initMagnify();\n\t\t\t\t}\n\t\t\t};\n\t\t});\n\t}\n\n\tinitCarousel() {\n\t\tconst $carousel = this.$el.find(`${WG}carousel`);\n\t\tconst $wg = this.$el;\n\t\tlet navActiveClass = 'is-active';\n\n\t\t$carousel.on('init', () => {\n\t\t\tthis.$el.find('.sliderNav-link').on('click', function() {\n\t\t\t\tlet $this = $(this);\n\t\t\t\tlet index = $this.attr('data-slide-index');\n\n\t\t\t\t$carousel.slick('slickGoTo', index);\n\t\t\t\t$this.siblings().removeClass(navActiveClass);\n\t\t\t\t$this.addClass(navActiveClass);\n\n\t\t\t\t// detach the line and put it before the active item\n\t\t\t\tlet $sliderNavLine = $wg.find('.sliderNav-line').detach();\n\t\t\t\t$this.before($sliderNavLine);\n\t\t\t});\n\t\t}).slick({\n\t\t\tappendArrows: this.$el.find(`${WG}carouselNav`),\n\t\t\tnextArrow: '<i class=\"icon-chevron-right\"></i>',\n\t\t\tprevArrow: '<i class=\"icon-chevron-left\"></i>',\n\t\t\tdraggable: false,\n\t\t\tresponsive: [\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 1142,\n\t\t\t\t\tsettings: {\n\t\t\t\t\t\tarrows: false,\n\t\t\t\t\t\tdots: true\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t}).on('afterChange', (event, slick, currentSlide) => {\n\t\t\tlet $sliderNavLine = $wg.find('.sliderNav-line').detach();\n\t\t\tthis.$el.find('.sliderNav-link').removeClass(navActiveClass);\n\t\t\tthis.$el.find(`.sliderNav-link[data-slide-index=${currentSlide}]`).addClass(navActiveClass).before($sliderNavLine);\n\t\t});\n\t}\n\n\tinitMagnify() {\n\t\tthis.$el.find(`${WG}slideImg`).magnify({\n\t\t\tlimitBounds: true,\n\t\t\tmobileCloseEvent: 'click'\n\t\t});\n\t}\n}\n"],"sourceRoot":""}