{"version":3,"sources":["../../../../dev/j/mkt/technology/sub-2021.js"],"names":["ScrollController","controller","ScrollMagic","Controller","vertical","SubpageNavigation","$items","$","hoveredClass","dimmedClass","initHandler","_this","this","w","device","mobile","on","e","not","currentTarget","addClass","removeClass","join","PerformanceCards","$root","scene","cardsTimeline","cardsAnimation","TimelineMax","selectors","card","cardStatic","graph","bar","label","heading","perex","vars","$cards","find","prepareTimelines","Scene","triggerElement","triggerHook","reverse","setTween","add","addTo","_this2","each","cardIndex","animateCards","$card","index","pause","$graphContainers","$bar","$label","$heading","$perex","hasClass","to","opacity","y","ease","Power3","easeOut","staggerTo","cycle","height","Power1","AnimationNumber","create","parseInt","data","$staticPath","document","querySelector","getAttribute","split","$pathImgAssets","SubpageAnimationController","animations","malware","AnimationMalware","ai","AnimationAi","loc","AnimationLocation","sec","AnimationSecurity","dev","AnimationDevice","layers","AnimationLayers","$header","headerScene","headerAnimation","_this3","$svgPlaceholder","placeholderId","canShowSvgAnimations","svg","SvgLoader","load","svgMarkup","innerHTML","children","unwrap","duration","outerHeight","play","png","Preload","image","0","progress","filename","$img","src","replaceWith","el","outerHTML","resizeEndHandler","browser","name","Subpage","storageAvailable","click","localStorage","removeItem","autoHandle"],"mappings":"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","file":"sub-2021.js","sourcesContent":["'use strict';\n\nvar ScrollController = {\n\t\tcontroller: new ScrollMagic.Controller({\n\t\t\tvertical: true\n\t\t})\n\t},\n\tSubpageNavigation = {\n\t\t$items: $('.sp-nav__item'),\n\n\t\thoveredClass: 'sp-nav__item--hovered',\n\t\tdimmedClass: 'sp-nav__item--dimmed',\n\n\t\tinitHandler: function initHandler() {\n\t\t\tvar _this = this;\n\n\t\t\tif (w.device.mobile) {\n\t\t\t\t//No effects on mobile devices\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.$items.on('mouseenter',function (e) {\n\t\t\t\t//Mouse enter\n\t\t\t\t_this.$items.not(e.currentTarget).addClass(_this.dimmedClass);\n\t\t\t\t$(e.currentTarget).addClass(_this.hoveredClass);\n\t\t\t}).on('mouseleave',function (e) {\n\t\t\t\t_this.$items.removeClass([_this.dimmedClass, _this.hoveredClass].join(' '));\n\t\t\t});\n\t\t}\n\t},\n\tPerformanceCards = {\n\t\t$root: $('.sp-graphics__cards, .av-cards'),\n\t\tscene: null,\n\t\tcardsTimeline: [],\n\t\tcardsAnimation: new TimelineMax(),\n\n\t\tselectors: {\n\t\t\tcard: '.sp-graphics__card, .av-card',\n\t\t\tcardStatic: '.av-cards-static',\n\t\t\tgraph: '.card__graph',\n\t\t\tbar: '.card__graph-bar',\n\t\t\tlabel: '.card__graph-label',\n\t\t\theading: '.card__heading',\n\t\t\tperex: '.card__perex'\n\t\t},\n\n\t\tvars: function vars() {\n\t\t\tthis.$cards = this.$root.find(this.selectors.card);\n\t\t},\n\t\tinitHandler: function initHandler() {\n\t\t\tthis.vars();\n\t\t\tthis.prepareTimelines();\n\n\t\t\tthis.scene = new ScrollMagic.Scene({\n\t\t\t\ttriggerElement: this.$root[0],\n\t\t\t\ttriggerHook: 0.85,\n\t\t\t\treverse: false\n\t\t\t}).setTween(this.cardsAnimation.add(this.cardsTimeline, 0, 'normal', 0.45)).addTo(ScrollController.controller);\n\t\t},\n\t\tprepareTimelines: function prepareTimelines() {\n\t\t\tvar _this2 = this;\n\n\t\t\tthis.$cards.each(function (cardIndex, card) {\n\t\t\t\t_this2.animateCards($(card), cardIndex);\n\t\t\t});\n\t\t},\n\t\tanimateCards: function animateCards($card, index) {\n\n\t\t\tthis.cardsTimeline[index] = new TimelineMax({ pause: true });\n\t\t\tvar $graphContainers = $card.find(this.selectors.graph);\n\t\t\tvar $bar = $graphContainers.find(this.selectors.bar);\n\t\t\tvar $label = $graphContainers.find(this.selectors.label);\n\t\t\tvar $heading = $card.find(this.selectors.heading);\n\t\t\tvar $perex = $card.find(this.selectors.perex);\n\t\t\tvar animationDuration = 1;\n\n\t\t\tif (!$card.hasClass('av-card-static')) {\n\t\t\t\tthis.cardsTimeline[index].to($card, animationDuration, { opacity: 1, y: 0, ease: Power3.easeOut });\n\t\t\t}\n\t\t\tthis.cardsTimeline[index]\n\t\t\t//.addLabel('animContent')\n\t\t\t.staggerTo($bar, animationDuration, { cycle: { height: [50, 25] }, opacity: 1, ease: Power1.easeOut }, 0.15, 'animContent-=0.8').staggerTo($label, animationDuration, { opacity: 1, ease: Power3.easeOut }, 0.15, 'animContent-=0.8').add(AnimationNumber.create($heading, animationDuration, Power3.easeOut, parseInt($heading.data('number')), '%n'), 'animContent-=0.8').to($perex, animationDuration, { opacity: 1, y: 0, ease: Power3.easeOut }, 'animContent-=0.8');\n\t\t}\n\t},\n\n\t$staticPath = document.querySelector('link[href*=\"v2/avast.css\"]').getAttribute('href').split('c/')[0],\n\t$pathImgAssets = typeof $staticPath !== 'undefined' ? $staticPath : '',\n\n\tSubpageAnimationController = {\n\t\tanimations: {\n\t\t\tmalware: AnimationMalware,\n\t\t\tai: AnimationAi,\n\t\t\tloc: AnimationLocation,\n\t\t\tsec: AnimationSecurity,\n\t\t\tdev: AnimationDevice,\n\t\t\tlayers: AnimationLayers\n\t\t},\n\n\t\t$header: $('.sp-intro'),\n\t\theaderScene: null,\n\t\theaderAnimation: null,\n\n\t\tinitHandler: function initHandler() {\n\t\t\tvar _this3 = this;\n\n\t\t\tvar $svgPlaceholder = this.$header.find('.sp-intro__svg-placeholder');\n\t\t\tvar placeholderId = $svgPlaceholder.data('svg');\n\n\t\t\tif (this.canShowSvgAnimations()) {\n\t\t\t\tvar svg = $pathImgAssets + ('i/mkt/technology/svg/unique/svg-' + placeholderId + '.svg');\n\t\t\t\tSvgLoader.load(svg, function (svgMarkup) {\n\t\t\t\t\t$svgPlaceholder[0].innerHTML = svgMarkup;\n\t\t\t\t\t$svgPlaceholder.children().addClass('sp-intro__svg');\n\t\t\t\t\t$svgPlaceholder.children().unwrap();\n\n\t\t\t\t\t_this3.headerAnimation = _this3.animations[placeholderId];\n\n\t\t\t\t\t_this3.headerScene = new ScrollMagic.Scene({\n\t\t\t\t\t\ttriggerElement: _this3.$header[0],\n\t\t\t\t\t\ttriggerHook: 0,\n\t\t\t\t\t\tduration: _this3.$header.outerHeight()\n\t\t\t\t\t}).on('enter', function () {\n\t\t\t\t\t\t_this3.headerAnimation.play();\n\t\t\t\t\t}).on('leave', function () {\n\t\t\t\t\t\t_this3.headerAnimation.pause();\n\t\t\t\t\t}).addTo(ScrollController.controller);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tvar png = $pathImgAssets + ('i/mkt/technology/svg/raster/svg-' + placeholderId + '__2.png');\n\t\t\t\tPreload.image({ 0: png }, function (progress, filename) {\n\t\t\t\t\tvar $img = $('<img class=\"sp-intro__svg\"/>');\n\t\t\t\t\t$img[0].src = filename;\n\t\t\t\t\t$svgPlaceholder.replaceWith($img);\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t//All other svgs\n\t\t\t$('.svg-placeholder').each(function (index, el) {\n\t\t\t\tvar placeholderId = $(el).data('svg');\n\n\t\t\t\tif (_this3.canShowSvgAnimations()) {\n\t\t\t\t\tvar svg = $pathImgAssets + ('i/mkt/technology/svg/unique/svg-' + placeholderId + '.svg');\n\t\t\t\t\tSvgLoader.load(svg, function (svgMarkup) {\n\t\t\t\t\t\tel.outerHTML = svgMarkup;\n\t\t\t\t\t\t_this3.animations[placeholderId].play();\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tvar png = $pathImgAssets + ('i/mkt/technology/svg/raster/svg-' + placeholderId + '__2.png');\n\t\t\t\t\tPreload.image({ 0: png }, function (progress, filename) {\n\t\t\t\t\t\tvar $img = $('<img/>');\n\t\t\t\t\t\t$img[0].src = filename;\n\t\t\t\t\t\t$(el).replaceWith($img);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\tresizeEndHandler: function resizeEndHandler() {\n\t\t\tif (!this.headerScene) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.headerScene.duration(this.$header.outerHeight());\n\t\t},\n\t\tcanShowSvgAnimations: function canShowSvgAnimations() {\n\t\t\treturn !w.device.mobile && w.browser.name !== 'ms msie';\n\t\t}\n\t},\n\tSubpage = {\n\t\tinitHandler: function initHandler() {\n\t\t\tif (!storageAvailable('localStorage')) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t$('.sp-intro__back').click(function () {\n\t\t\t\tlocalStorage.removeItem('avastTechnologyHomepageState');\n\t\t\t});\n\t\t}\n\t};\n\nw.autoHandle(SubpageNavigation);\nw.autoHandle(PerformanceCards);\nw.autoHandle(SubpageAnimationController);\nw.autoHandle(Subpage);\n"]}