https://www.intel.co.jp/etc.clientlibs/intelsites/clientlibs/generated/clientlib-animated-hero.26092109.min.js

1!function(){"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return i(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,n=Array(t);i<t;i++)n[i]=e[i];return n}function n(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,a(n.key),n)}}function a(t){var i=function(t,i){if("object"!=e(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var a=n.call(t,i||"default");if("object"!=e(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===i?String:Number)(t)}(t,"string");return"symbol"==e(i)?i:i+""}var o=["360w","680w","1080w"],r="https://",s=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.container=t,this.slides=[],this.CENTER_POINT=.5,this.FACE_FADE_START=.3,this.FACE_FADE_END=.7,this.SHADOW_OPACITY_FACTOR=.05,this.SHADOW_SCALE_FACTOR=.1,this.INFO_PANEL_TRANSLATE_Y_FACTOR=700,this.BG_TITLE_FONT_SIZE=240,this.LERP_FACTOR=.2,this.ANIMATION_THRESHOLD=.5,this.MAX_FACES_VISIBLE=3,this.LANDSCAPE_MODE_MAX_HEIGHT=580,this.scrollY=0,this.smoothScrollY=0,this.containerHeight=0,this.lastSlideTop=0,this.lastSlideIndex=0,this.rafId=null,this.isInitialized=!1,this.isScrollSnapDisabled=!1,this.paginationContainer=null,this.paginationDots=[],this.nextArrow=null,this.scene=null,this.cubeContainer=null,this.cubeShadow=null,this.cubeFaces=[],this.mainInfoPanel=null,this.bgSlides=[],this.bgTitles=[],this.allCarouselsImageMappedSrc=[],this.nextElementId=this.container.dataset.actionNextElement||"",this.querySelectors={paginationContainer:".cmp-animated-hero__pagination",paginationDots:".cmp-animated-hero__dot",nextArrow:".cmp-animated-hero__next-arrow",scene:".cmp-animated-hero__scene",cubeContainer:".cmp-animated-hero__cube-container",cubeShadow:".cmp-animated-hero__cube-shadow",cubeFaces:".cmp-animated-hero__cube-face",mainInfoPanel:".cmp-animated-hero__main-info-panel",bgSlides:".cmp-animated-hero__bg-slide",bgTitles:".cmp-animated-hero__bg-title",mainInfoPanelContainer:".cmp-animated-hero__info-panel-container",infoPanelProtection:".cmp-animated-hero__info-panel-protection",infoPanelEyebrow:".cmp-animated-hero__info-panel-eyebrow",infoPanelHeadline:".cmp-animated-hero__info-panel-headline",infoPanelDescription:".cmp-animated-hero__info-panel-description",infoPanelCta:".cmp-animated-hero__info-panel-cta",heroImages:".cmp-teaser__image .cmp-image__image"},this.init()},i=[{key:"init",value:function(){var e=this;"loading"===document.readyState?document.addEventListener("DOMContentLoaded",function(){return e.setup()}):this.setup()}},{key:"setup",value:function(){this.container&&(document.documentElement.classList.add("scroll-snap-enable"),document.body.classList.add("has-animated-hero"),this.paginationContainer=this.container.querySelector(this.querySelectors.paginationContainer),this.paginationDots=Array.from(this.container.querySelectorAll(this.querySelectors.paginationDots)),this.nextArrow=this.container.querySelector(this.querySelectors.nextArrow),this.scene=this.container.querySelector(this.querySelectors.scene),this.cubeContainer=this.container.querySelector(this.querySelectors.cubeContainer),this.cubeShadow=this.container.querySelector(this.querySelectors.cubeShadow),this.cubeFaces=Array.from(this.container.querySelectorAll(this.querySelectors.cubeFaces)),this.mainInfoPanel=this.container.querySelector(this.querySelectors.mainInfoPanel),this.bgSlides=Array.from(this.container.querySelectorAll(this.querySelectors.bgSlides)),this.bgTitles=Array.from(this.container.querySelectorAll(this.querySelectors.bgTitles)),this.LANDSCAPE_MODE_MAX_HEIGHT=Number.parseFloat(getComputedStyle(this.container).getPropertyValue("--animated-hero-landscape-max-viewport-height"))||this.LANDSCAPE_MODE_MAX_HEIGHT,this.buildSlidesFromDOM(),this.calculateHeight(),this.setupEventListeners(),this.handleScroll(),this.updateBackgroun

1dSlidesFontSize(),this.mapAllImageSource(),this.updateAllImageSource(),this.isInitialized=!0)}},{key:"mapImageSources",value:function(e){var t=[];return e.querySelectorAll(this.querySelectors.heroImages).forEach(function(e){if("SmartCrop:Auto"===e.parentElement.dataset.cmpSmartcroprendition){var i=e.srcset.split(r);e.removeAttribute("srcset");var n=e.parentElement;n&&(delete n.dataset.cmpWidths,delete n.dataset.cmpHookImage);var s=[];o.forEach(function(e){i.forEach(function(t){var i,n,o;t.includes(e)&&s.push((i={},n="".concat(e),o="".concat(r).concat(t.split(" ")[0]),(n=a(n))in i?Object.defineProperty(i,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):i[n]=o,i))})}),t.push({image:e,widthSrc:s})}}),t}},{key:"mapAllImageSource",value:function(){var e,i=this.mapImageSources(this.container);(e=this.allCarouselsImageMappedSrc).push.apply(e,t(i))}},{key:"buildSlidesFromDOM",value:function(){var e=this,t=this.container.querySelectorAll(this.querySelectors.bgSlides);this.slides=Array.from(t).map(function(t,i){var n=t.querySelector(e.querySelectors.bgTitles),a=n?n.textContent.trim():"Slide ".concat(i+1),o=e.container.querySelector('.cmp-animated-hero__cube-face[data-slide-index="'.concat(i,'"]')),r="",s="",l="",c="",u="#",h=!1;if(o){var d=o.querySelector(e.querySelectors.infoPanelEyebrow),m=o.querySelector(e.querySelectors.infoPanelHeadline),f=o.querySelector(e.querySelectors.infoPanelDescription),p=o.querySelector(e.querySelectors.infoPanelProtection),S=o.querySelector(e.querySelectors.infoPanelCta);r=d?d.textContent.trim():"",s=m?m.textContent.trim():"",l=f?f.textContent.trim():"",h=Boolean(p),c=S?S.textContent.trim():"",u=S?S.getAttribute("href"):"#"}return{title:a,eyebrow:r,headline:s,description:l,useProtection:h,cta:c,ctaHref:u,ctaElement:o?o.querySelector(e.querySelectors.infoPanelCta):null}})}},{key:"calculateHeight",value:function(){if(this.container&&(this.containerHeight=this.container.offsetHeight),this.slides.length>0){var e=document.getElementById("slide-".concat(this.slides.length-1));e&&(this.lastSlideTop=e.offsetTop)}else this.lastSlideTop=0}},{key:"setupEventListeners",value:function(){var e=this;window.addEventListener("scroll",function(){e.handleScroll(),e.handleSnapControl()},{passive:!0}),window.addEventListener("resize",function(){e.handleResize()}),this.paginationDots.forEach(function(t,i){t.addEventListener("click",function(){e.scrollToSlide(i)})}),this.nextArrow&&this.nextArrow.addEventListener("click",function(){var t=e.getActiveSlideIndex();e.scrollToSlide(t+1)}),this.container.querySelectorAll(this.querySelectors.infoPanelCta).forEach(function(t){var i=t.closest(e.querySelectors.cubeFaces);if(i){var n=Number.parseInt(i.dataset.slideIndex,10);Number.isNaN(n)||t.addEventListener("focus",function(t){t.relatedTarget&&e.scrollToSlide(n)})}})}},{key:"handleScroll",value:function(){this.scrollY=window.scrollY,this.rafId||this.animate()}},{key:"handleSnapControl",value:function(){if(0!==this.slides.length&&0!==this.containerHeight){var e=document.getElementById("slide-".concat(this.slides.length-1));if(e){var t=e.getBoundingClientRect(),i=.5*window.innerHeight,n=t.top<i;n!==this.isScrollSnapDisabled&&(this.isScrollSnapDisabled=n,n?(document.documentElement.classList.add("scroll-snap-disable"),document.documentElement.classList.remove("scroll-snap-enable")):(document.documentElement.classList.add("scroll-snap-enable"),document.documentElement.classList.remove("scroll-snap-disable")))}}}},{key:"handleResize",value:function(){this.calculateHeight(),this.updateBackgroun

1dSlidesFontSize(),this.animate(),this.updateAllImageSource()}},{key:"updateAllImageSource",value:function(){var e=this;this.allCarouselsImageMappedSrc.forEach(function(t){var i=t.image,n=t.widthSrc;if(n.length){var a=window.innerWidth,o=window.innerHeight;i.removeAttribute("srcset");var r,s=i.parentElement;s&&delete s.dataset.cmpHookImage;var l=(r=a<768||o<=e.LANDSCAPE_MODE_MAX_HEIGHT?n.find(function(e){return"360w"===Object.keys(e)[0]}):a<1024?n.find(function(e){return"680w"===Object.keys(e)[0]}):n.find(function(e){return"1080w"===Object.keys(e)[0]}))?r[Object.keys(r)[0]]:null;l&&(i.src=l)}})}},{key:"animate",value:function(){var e=this;this.smoothScrollY+=(this.scrollY-this.smoothScrollY)*this.LERP_FACTOR,this.updateAnimations(),Math.abs(this.scrollY-this.smoothScrollY)>this.ANIMATION_THRESHOLD?this.rafId=requestAnimationFrame(function(){return e.animate()}):(this.smoothScrollY=this.scrollY,this.updateAnimations(),this.rafId=null)}},{key:"updateAnimations",value:function(){if(0!==this.containerHeight&&0!==this.slides.length){var e=this.smoothScrollY/this.containerHeight*this.slides.length,t=Math.round(e),i=e-Math.floor(e);this.lastSlideIndex!==t&&t<this.slides.length&&(this.lastSlideIndex=t,this.trackSlideChange(t));var n=this.calculateFaceOpacity(i),a=this.calculateShadowEffects(i),o=this.calculateContainerOpacity(e),r=this.calculateInfoPanelTranslateY({slideProgress:e,activeSlideIndex:t}),s=this.slides.length>0&&this.containerHeight>0,l=0;s&&(l=this.scrollY>=this.lastSlideTop?this.scrollY:0);var c=0;if(s&&l){var u=document.getElementById("slide-".concat(this.slides.length-1));if(u){var h=this.lastSlideTop+u.offsetHeight,d=window.innerHeight,m=this.lastSlideTop-this.scrollY,f=h-this.scrollY-d;c=Math.max(f,m)}else c=this.lastSlideTop-this.scrollY}this.updateCubeRotation(e),this.updateCubeShadow(a),this.updateCubeFaces(e),this.updateScene({containerOpacity:o,sectionTranslateY:c}),this.updateMainInfoPanel({slideProgress:e,faceOpacity:n,infoPanelTranslateY:r}),this.updatePagination({activeSlideIndex:t,sectionTranslateY:c}

1),this.updateBackgroundSlidesOpacity(e),this.updateMainInfoPanelContent(t)}}},{key:"updateCubeRotation",value:function(e){if(this.cubeContainer&&e<=this.slides.length-1){var t=90*e;this.cubeContainer.style.transform="translate3d(0,0,0) rotateX(".concat(t,"deg)")}}},{key:"updateCubeShadow",value:function(e){var t=e.shadowOpacity,i=e.scaleShadow;this.cubeShadow&&(this.cubeShadow.style.opacity=t,this.cubeShadow.style.transform="scale(".concat(1-i,", ").concat(1+i,")"))}},{key:"updateCubeFaces",value:function(e){var t=this;this.cubeFaces.forEach(function(i){var n=Number.parseInt(i.dataset.slideIndex,10);if(!Number.isNaN(n)){var a=i.querySelector(".cmp-animated-hero__image-wrapper"),o=i.querySelector(".cmp-animated-hero__face-info-panel"),r=n-e>t.MAX_FACES_VISIBLE?0:1,s=Math.pow(1-Math.min(Math.abs(e-n),1),4);i.style.opacity=r,a&&(a.style.opacity=r*s),o&&(o.style.opacity=r*s),t.paginationContainer&&(t.paginationContainer.style.opacity=t.calculateContainerOpacity(e))}})}},{key:"updateScene",value:function(e){var t=e.containerOpacity,i=e.sectionTranslateY;this.scene&&(this.scene.style.opacity=t,this.scene.style.transform=i?"translateY(".concat(i,"px)"):"none")}},{key:"updateMainInfoPanel",value:function(e){var t=e.slideProgress,i=e.faceOpacity,n=e.infoPanelTranslateY;this.mainInfoPanel&&(t<=this.slides.length-1?(this.mainInfoPanel.style.opacity=i,this.mainInfoPanel.style.transform="translateY(".concat(n,"px)")):(this.mainInfoPanel.style.opacity=1,this.mainInfoPanel.style.transform="translateY(0px)"))}},{key:"updatePagination",value:function(e){var t=this,i=e.activeSlideIndex,n=e.sectionTranslateY;this.paginationContainer&&(this.paginationContainer.style.transform=n?"translateY(".concat(n,"px)"):"none"),this.paginationDots.forEach(function(e,n){

1n===i?(e.classList.add("cmp-animated-hero__dot--active"),e.setAttribute("aria-current","true"),e.setAttribute("aria-disabled","true"),e.setAttribute("aria-label","Current slide")):(e.classList.remove("cmp-animated-hero__dot--active"),e.removeAttribute("aria-current"),e.removeAttribute("aria-disabled"),e.setAttribute("aria-label","Navigate to slide ".concat(n+1," of ").concat(t.slides.length)))})}},{key:"updateBackgroundSlidesOpacity",value:function(e){this.bgSlides.forEach(function(t,i){var n=t.querySelector(".cmp-animated-hero__bg-slide-info");if(n){var a=Math.pow(1-Math.min(Math.abs(e-i),1),4);n.style.opacity=a}})}},{key:"updateBackgroundSlidesFontSize",value:function(){var e=this;this.bgSlides.forEach(function(t,i){var n=t.querySelector(".cmp-animated-hero__bg-slide-info"),a=e.bgTitles[i];a&&n&&e.updateBackgroundTitleFontSize(a,n)})}},{key:"updateBackgroundTitleFontSize",value:function(e,t){var i=e.nextElementSibling,n=t.offsetWidth/i.scrollWidth*this.BG_TITLE_FONT_SIZE;n<this.BG_TITLE_FONT_SIZE?e.style.fontSize="".concat(n,"px"):e.style.fontSize="".concat(this.BG_TITLE_FONT_SIZE,"px")}},{key:"updateMainInfoPanelContent",value:function(e){var t=this.slides[e];if(t&&this.mainInfoPanel){var i=this.mainInfoPanel.querySelector(this.querySelectors.mainInfoPanelContainer);if(i){var n=i.querySelector(this.querySelectors.infoPanelEyebrow),a=i.querySelector(this.querySelectors.infoPanelHeadline),o=i.querySelector(this.querySelectors.infoPanelDescription),r=i.querySelector(this.querySelectors.infoPanelCta);if(n&&(n.textContent=t.eyebrow),a&&(a.textContent=t.headline),o&&(o.textContent=t.description),r&&t.ctaElement){var s=t.ctaElement,l=s.cloneNode(!0);l.classList.contains("cmp-animated-hero__info-panel-cta")||l.classList.add("cmp-animated-hero__info-panel-cta"),l.id&&(l.id="mobile-panel-".concat(l.id)),s.dataset.action&&l.addEventListener("click",function(e){e.preventDefault(),s.click()}),r.replaceWith(l)}}}}},{key:"scrollToSlide",value:function(e){var t=document.getElementById("slide-".concat(e));if(t)t.scrollIntoView({behavior:"smooth",block:"start"});else{var i=document.getElementById(this.nextElementId);i&&i.scrollIntoView({behavior:"smooth",block:"start"})}}},{key:"getActiveSlideIndex",value:function(){if(0===this.slides.length)return 0;var e=this.smoothScrollY/this.containerHeight*this.slides.length;return Math.round(e)}},{key:"calculateFaceOpacity",value:function(e){var t=1;return t=e<=this.FACE_FADE_START?1-e/this.FACE_FADE_START:e>=this.FACE_FADE_END?(e-this.FACE_FADE_END)/this.FACE_FADE_START:0,Math.pow(t,4)}},{key:"calculateShadowEffects",value:function(e){var t=1-2*Math.abs(e-this.CENTER_POINT);return{shadowOpacity:1-t*this.SHADOW_OPACITY_FACTOR,scaleShadow:t*this.SHADOW_SCALE_FACTOR}}},{key:"calculateContainerOpacity",value:function(e){var t=this.slides.length-1;if(e<=t)return 1;var i=e-t;return Math.max(0,1-i/this.CENTER_POINT)}},{key:"calculateInfoPanelTranslateY",value:function(e){var t=e.slideProgress;return(e.activeSlideIndex-t)*this.INFO_PANEL_TRANSLATE_Y_FACTOR}},{key:"trackSlideChange",value:function(e){if("undefined"!=typeof wap_tms&&wap_tms.custom){var t=this.container.id||"animated-hero",i=this.slides.length,n=e+1;wap_tms.custom.assistantComponent(t,"impression","flip","","flip to slide ".concat(n," of ").concat(i))}}}],i&&n(e.prototype,i),s&&n(e,s),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,i,s}();document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll(".cmp-animated-hero").forEach(function(e){new s(e)})},{once:!0})}();