{"version":3,"sources":["webpack:///./widgets/upcomingEventsContainerBlock.js"],"names":["UpcomingEventsContainerBlock","$el","_classCallCheck","this","key","value","setUpcomingEventsContainerBlock","item","$","hasClass","addClass","upcomingEventContainerBlockText","find","upcomingEventContainerBlockImages","css","window","on","utils","isElementOutViewport","parseInt","animate","trigger"],"mappings":"43BAIA,IASaA,EAA4B,WAIvC,O,EAHD,SAAAA,EAAYC,I,4FAAKC,CAAA,KAAAF,GAEhBG,KAAKF,IAAMA,I,EACX,EAAAG,IAAA,OAAAC,MAED,WACCF,KAAKG,oCACL,CAAAF,IAAA,kCAAAC,MAED,WAEC,IAAME,EAAOC,EAAEL,KAAKF,KAGfM,EAAKE,SAAS,gBAClBF,EAAKG,SAAS,eAGf,IAAIC,EAAkCJ,EAAKK,KAAK,sCAC5CC,EAAoCN,EAAKK,KAAK,wCAE7CL,EAAKE,SAAS,0CAIlBE,EAAgCG,IAAI,QAAS,SAC7CD,EAAkCC,IAAI,OAAQ,WAJ9CH,EAAgCG,IAAI,OAAQ,SAC5CD,EAAkCC,IAAI,QAAS,UAMhDN,EAAEO,QAAQC,GAAG,UAAU,WACjBC,IAAMC,qBAAqBX,KACO,IAAlCY,SAASZ,EAAKO,IAAI,aAAsBP,EAAKE,SAAS,WACzDF,EAAKa,QAAQ,CACZ,QAAW,KACT,MAEJT,EAAgCS,QAAQ,CACvC,KAAQ,GACR,MAAS,IACP,KACHP,EAAkCO,QAAQ,CACzC,KAAQ,GACR,MAAS,IACP,SAILZ,EAAEO,QAAQM,QAAQ,e,0FAhDqB,I","file":"84.js","sourcesContent":["/* eslint-disable comma-dangle */\n/* eslint-disable max-len */\n/* eslint-disable no-unused-vars */\n// CONSTANTS are all caps.\nconst NS = 'UpcomingEventsContainerBlock';\nconst CLS = 'upcomingEventsContainerBlock';\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/upcomingEventsContainerBlock.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\nimport utils from '../utils';\n\nexport class UpcomingEventsContainerBlock {\n\tconstructor($el) {\n\t\t// $el is the widget node return by the loadUpcomingEventsContainerBlock function\n\t\tthis.$el = $el;\n\t}\n\n\tinit() {\n\t\tthis.setUpcomingEventsContainerBlock();\n\t}\n\n\tsetUpcomingEventsContainerBlock() {\n\t\t// Add Some logic here\n\t\tconst item = $(this.$el);\n\t\tlet animationOffset = 30;\n\n\t\tif (!item.hasClass('sec--fadeIn')) {\n\t\t\titem.addClass('sec--fadeIn');\n\t\t}\n\n\t\tlet upcomingEventContainerBlockText = item.find('.upcomingEventsContainerBlock-text');\n\t\tlet upcomingEventContainerBlockImages = item.find('.upcomingEventsContainerBlock-images');\n\n\t\tif (!item.hasClass('upcomingEventsContainerBlock--flipped')) {\n\t\t\tupcomingEventContainerBlockText.css('left', -animationOffset + 'px');\n\t\t\tupcomingEventContainerBlockImages.css('right', -animationOffset + 'px');\n\t\t} else {\n\t\t\tupcomingEventContainerBlockText.css('right', -animationOffset + 'px');\n\t\t\tupcomingEventContainerBlockImages.css('left', -animationOffset + 'px');\n\t\t}\n\n\t\t$(window).on('scroll', function() {\n\t\t\tif (!utils.isElementOutViewport(item)) {\n\t\t\t\tif (parseInt(item.css('opacity')) === 0 && !item.hasClass('d-none')) {\n\t\t\t\t\titem.animate({\n\t\t\t\t\t\t'opacity': '1'\n\t\t\t\t\t}, 1500);\n\t\t\t\t}\n\t\t\t\tupcomingEventContainerBlockText.animate({\n\t\t\t\t\t'left': '',\n\t\t\t\t\t'right': ''\n\t\t\t\t}, 1000);\n\t\t\t\tupcomingEventContainerBlockImages.animate({\n\t\t\t\t\t'left': '',\n\t\t\t\t\t'right': ''\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t});\n\n\t\t$(window).trigger('scroll');\n\t}\n\n\t// Add more functions like on above here\n}\n"],"sourceRoot":""}