{"version":3,"sources":["webpack:///./widgets/aboutCompetitionBlock.js"],"names":["WG","AboutCompetitionBlock","$el","_classCallCheck","this","key","value","setAboutCompetitionBlock","$wg","$","find","hasClass","addClass","aboutCompetitionBlockText","aboutCompetitionBlockImages","css","window","on","utils","isElementOutViewport","parseInt","animate","trigger"],"mappings":"q3BAIA,IAEMA,EAAK,0BAOEC,EAAqB,WAIhC,O,EAHD,SAAAA,EAAYC,I,4FAAKC,CAAA,KAAAF,GAEhBG,KAAKF,IAAMA,I,EACX,EAAAG,IAAA,OAAAC,MAED,WACCF,KAAKG,6BACL,CAAAF,IAAA,2BAAAC,MAED,WAEC,IAAME,EAAMC,EAAEL,KAAKF,KAEdM,EAAIE,KAAK,cAAcC,SAAS,gBACpCH,EAAIE,KAAK,cAAcE,SAAS,eAEjC,IAAIC,EAA4BL,EAAIE,KAAKV,EAAK,QAC1Cc,EAA8BN,EAAIE,KAAKV,EAAK,UAC3CQ,EAAIG,SAASX,EAAK,aAItBa,EAA0BE,IAAI,QAAS,SACvCD,EAA4BC,IAAI,OAAQ,WAJxCF,EAA0BE,IAAI,OAAQ,SACtCD,EAA4BC,IAAI,QAAS,UAM1CN,EAAEO,QAAQC,GAAG,UAAU,WACjBC,IAAMC,qBAAqBX,KACyB,IAApDY,SAASZ,EAAIE,KAAK,cAAcK,IAAI,aACvCP,EAAIE,KAAK,cAAcW,QAAQ,CAC9B,QAAW,KACT,MAGJR,EAA0BQ,QAAQ,CACjC,KAAQ,GACR,MAAS,IACP,KACHP,EAA4BO,QAAQ,CACnC,KAAQ,GACR,MAAS,IACP,SAILZ,EAAEO,QAAQM,QAAQ,e,0FA9Cc,I","file":"13.js","sourcesContent":["/* eslint-disable comma-dangle */\n/* eslint-disable max-len */\n/* eslint-disable no-unused-vars */\n// CONSTANTS are all caps.\nconst NS = 'AboutCompetitionBlock';\nconst CLS = 'aboutCompetitionBlock';\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/aboutCompetitionBlock.js using Webpack dynamic imports as chunks.\n// import $ from 'jquery'\nimport utils from '../utils';\n\nexport class AboutCompetitionBlock {\n\tconstructor($el) {\n\t\t// $el is the widget node return by the loadAboutCompetitionBlock function\n\t\tthis.$el = $el;\n\t}\n\n\tinit() {\n\t\tthis.setAboutCompetitionBlock();\n\t}\n\n\tsetAboutCompetitionBlock() {\n\t\t// Add Some logic here\n\t\tconst $wg = $(this.$el);\n\t\tlet animationOffset = 30;\n\t\tif (!$wg.find('.container').hasClass('sec--fadeIn')) {\n\t\t\t$wg.find('.container').addClass('sec--fadeIn');\n\t\t}\n\t\tlet aboutCompetitionBlockText = $wg.find(WG + 'text');\n\t\tlet aboutCompetitionBlockImages = $wg.find(WG + 'images');\n\t\tif (!$wg.hasClass(WG + '-flipped')) {\n\t\t\taboutCompetitionBlockText.css('left', -animationOffset + 'px');\n\t\t\taboutCompetitionBlockImages.css('right', -animationOffset + 'px');\n\t\t} else {\n\t\t\taboutCompetitionBlockText.css('right', -animationOffset + 'px');\n\t\t\taboutCompetitionBlockImages.css('left', -animationOffset + 'px');\n\t\t}\n\n\t\t$(window).on('scroll', function() {\n\t\t\tif (!utils.isElementOutViewport($wg)) {\n\t\t\t\tif (parseInt($wg.find('.container').css('opacity')) === 0) {\n\t\t\t\t\t$wg.find('.container').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\t// if an aboutCompetitionBlock\n\t\t\t\taboutCompetitionBlockText.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\taboutCompetitionBlockImages.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":""}