{"version":3,"sources":["webpack:///./widgets/horizontalYoutubeGalleryBlock.js"],"names":["WG","HorizontalYoutubeGalleryBlock","$el","_classCallCheck","this","$","key","value","_this","$carousel","find","concat","$wg","on","slick","$this","index","attr","siblings","removeClass","addClass","$sliderNavLine","detach","before","arrows","dots","appendDots","draggable","slidesToShow","responsive","breakpoint","settings","event","currentSlide","length"],"mappings":"i3BAIA,IAEMA,EAAK,kCAMEC,EAA6B,WAIxC,O,EAHD,SAAAA,EAAYC,I,4FAAKC,CAAA,KAAAF,GAEhBG,KAAKF,IAAMG,EAAEH,K,EACb,EAAAI,IAAA,OAAAC,MAED,WAAO,IAAAC,EAAA,KACFC,EAAYL,KAAKF,IAAIQ,KAAK,GAADC,OAAIX,EAAE,aAC/BY,EAAMR,KAAKF,IAGfO,EAAUI,GAAG,QAAQ,SAACC,GACrBN,EAAKN,IAAIQ,KAAK,mBAAmBG,GAAG,SAAS,WAC5C,IAAIE,EAAQV,EAAED,MACVY,EAAQD,EAAME,KAAK,oBAEvBR,EAAUK,MAAM,YAAaE,GAC7BD,EAAMG,WAAWC,YARE,aASnBJ,EAAMK,SATa,aAYnB,IAAIC,EAAiBT,EAAIF,KAAK,mBAAmBY,SACjDP,EAAMQ,OAAOF,SAEZP,MAAM,CACRU,QAAQ,EACRC,MAAM,EACNC,WAAYtB,KAAKF,IAAIQ,KAAK,GAADC,OAAIX,EAAE,iBAC/B2B,WAAW,EACXC,aAAc,EACdC,WAAY,CACX,CACCC,WAAY,IACZC,SAAU,CACTN,MAAM,OAIPZ,GAAG,eAAe,SAACmB,EAAOlB,EAAOmB,GACnC,IAAIZ,EAAiBT,EAAIF,KAAK,mBAAmBY,SACjDd,EAAKN,IAAIQ,KAAK,mBAAmBS,YA/Bb,aAgCpBX,EAAKN,IAAIQ,KAAK,oCAADC,OAAqCsB,EAAY,MAAKb,SAhC/C,aAgCwEG,OAAOF,MAGpGT,EAAIC,GAAG,aAAc,yBAAyB,WACzCR,EAAED,MAAMM,KAAK,KAAKwB,OAAS,GAC9B7B,EAAED,MAAMgB,SAAS,YAEhBP,GAAG,aAAc,yBAAyB,WAC5CR,EAAED,MAAMe,YAAY,iB,0FAjDmB,I","file":"38.js","sourcesContent":["/* eslint-disable no-invalid-this */\n/* eslint-disable no-unused-vars */\n/* eslint-disable max-len */\n// CONSTANTS are all caps.\nconst NS = 'HorizontalYoutubeGalleryBlock';\nconst CLS = 'horizontalYoutubeGalleryBlock';\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/horizontalGalleryBlock.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\n\nexport class HorizontalYoutubeGalleryBlock {\n\tconstructor($el) {\n\t\t// $el is the widget node return by the loadHorizontalGalleryBlock function\n\t\tthis.$el = $($el);\n\t}\n\n\tinit() {\n\t\tlet $carousel = this.$el.find(`${WG}carousel`);\n\t\tlet $wg = this.$el;\n\t\tlet navActiveClass = 'is-active';\n\n\t\t$carousel.on('init', (slick) => {\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\tarrows: false,\n\t\t\tdots: false,\n\t\t\tappendDots: this.$el.find(`${WG}carouselDots`),\n\t\t\tdraggable: true,\n\t\t\tslidesToShow: 1,\n\t\t\tresponsive: [\n\t\t\t\t{\n\t\t\t\t\tbreakpoint: 767,\n\t\t\t\t\tsettings: {\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\n\t\t$wg.on('mouseenter', '.horizontalScrollItem', function() {\n\t\t\tif ($(this).find('a').length > 0) {\n\t\t\t\t$(this).addClass('hover');\n\t\t\t}\n\t\t}).on('mouseleave', '.horizontalScrollItem', function() {\n\t\t\t$(this).removeClass('hover');\n\t\t});\n\t}\n\n\t// Add more functions like on above here\n}\n"],"sourceRoot":""}