1"use strict";(self.webpackChunkui_apps=self.webpackChunkui_apps||[]).push([[7887],{7887(__unused_webpack_module,__webpack_exports__,__webpack_require__){eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ animatedscroll: () => (/* binding */ animatedscroll),\n/* harmony export */ \"default\": () => (/* binding */ AnimatedScroll)\n/* harmony export */ });\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3029);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2901);\n/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4467);\n/* harmony import */ var _clientlibs_common_publish_src_js_utils_helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(222);\nvar AnimatedScroll=/*#__PURE__*/function(){function AnimatedScroll(){var _this=this;(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__/* [\"default\"] */ .A)(this,AnimatedScroll);(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* [\"default\"] */ .A)(this,\"init\",function(){var _loop=function _loop(){var animatedScrollCont=_this.animatedScrollContainer[i];var dataElm=animatedScrollCont.getAttribute('data-color-primary');var colorData=dataElm||null;// Initial state\nvar scrollPosition;var lockElement;var setImagePin;var textElement;var imgElement;var setImagePinWidth;var setImagePinHeight;var textElementPosition;var textElementHeight;var textElementStartPosition;var textElementEndHeight;var opacity;var setImagePinLeftPos;var setImage;var mainContainerPos;var setOffsetTop=_this.pageHeaderHeight+_this.pageTabHeight;var body=_this.body;var scrollPos=0;var getSceneColor=_this.sceneMainBackgroundColor;function getPosition(){scrollPosition=window.pageYOffset;// window.scrollY is not compatible in ie :|\nlockElement=animatedScrollCont.querySelector('.animated-lock-element');textElement=animatedScrollCont.querySelector('.animated-scroll__text');setImagePin=animatedScrollCont.querySelector('.cmp-image__image');imgElement=animatedScrollCont.querySelector('.animated-scroll__img');setImage=animatedScrollCont.querySelector('.animated-scroll__img .cmp-image');setImagePinWidth=setImage.getBoundingClientRect().width;setImagePinHeight=setImagePin.getBoundingClientRect().height;setImagePinLeftPos=setImagePin.getBoundingClientRect().left;textElementPosition=textElement.getBoundingClientRect().top+scrollPosition-(setOffsetTop+30);textElementHeight=textElement.getBoundingClientRect().bottom+scrollPosition-(setOffsetTop+30);textElementStartPosition=lockElement.getBoundingClientRect().top;textElementEndHeight=lockElement.getBoundingClientRect().bottom;mainContainerPos=animatedScrollCont.getBoundingClientRect().left;if(textElementStartPosition!==0){if(document.body.getBoundingClientRect().top>scrollPos){if(textElementStartPosition<800&&textElementEndHeight>400){body.style.backgroundColor=colorData;body.style.transition='3s';}else{body.style.backgroundColor=getSceneColor;body.style.transition='3s';}}else if(textElementStartPosition<800&&textElementEndHeight>400){body.style.backgroundColor=colorData;body.style.transition='3s';}else{body.style.backgroundColor=getSceneColor;body.style.transition='3s';}}// saves the new position for iteration.\nscrollPos=document.body.getBoundingClientRect().top;}function setPosition(){if(window.innerWidth>991){setImagePin.style.setProperty('--imgWidth',\"\".concat(setImagePinWidth,\"px\"));if(scrollPosition>textElementPosition&&scrollPosition<textElementHeight-setImagePinHeight){setImagePin.style.position='fixed';setImagePin.style.top=\"\".concat(setOffsetTop+30,\"px\");setImagePin.style.setProperty('--imgWidth',\"\".concat(setImagePinWidth,\"px\"));setImagePin.style.left=\"\".concat(setImagePinLeftPos,\"px\");setImagePin.style.bottom='';}else if(scrollPosition>textElementPosition&&scrollPosition>textElementHeight-setImagePinHeight){if(setImagePinWidth===0){setImagePin.style.position='relative';setImagePin.style.top='';setImagePin.style.left='';setImagePin.style.bottom='';}else{setImagePin.style.position='absolute';setImagePin.style.top='auto';setImagePin.style.left=\"\".concat(setImagePinLeftPos-mainContainerPos,\"px\");setImagePin.style.bottom='0px';setImagePin.style.setProperty('--imgWidth',\"\".concat(setImagePinWidth,\"px\"));}}else{setImagePin.style.position='relative';setImagePin.style.top='';setImagePin.style.left='';setImagePin.style.bottom='';setImagePin.style.setProperty('--imgWidth','100%');}}else{setImagePin.style.position='relative';setImagePin.style.setProperty('--imgWidth','100%');setImagePin.style.top='';setImagePin.style.left='';setImagePin.style.bottom='';}}function getTimeoutPosition(){setTimeout(function(){getPosition();},500);}function setTimeoutPosition(){setTimeout(function(){setPosition();},800);}getTimeoutPosition();setTimeoutPosition();// adding scroll event\nwindow.addEventListener('scroll',function(e){getPosition();setPosition();});};for(var i=0;i<_this.animatedScrollContainer.length;i++){_loop();}});(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__/* [\"default\"] */ .A)(this,\"initDimensions\",function(){_this.init();// timeOutAnimatedComp stores a numeric ID which is\n// used by clearTimeOut to reset timer\nvar timeOutAnimatedComp;// The function that we want to execute after\n// we are done resizing\n// reset sidebar height on window resize\nwindow.addEventListener('resize',function(){// clearTimeOut() resets the setTimeOut() timer\n// due to this the function in setTimeout() is\n// fired after we are done resizing\nclearTimeout(timeOutAnimatedComp);// setTimeout returns the numeric ID which is used by\n// clearTimeOut to reset the timer\ntimeOutAnimatedComp=setTimeout(_this.init,400);});});this.namespace='AnimatedScroll';this.body=document.querySelector('body');this.ready=false;// component data missing\nvar proceed=(0,_clientlibs_common_publish_src_js_utils_helpers__WEBPACK_IMPORTED_MODULE_3__/* .waitFor */ .fm)('.cmp-animatedscroll .animated-scroll__img');proceed.then(function(){_this.setImagePinWrapper=document.querySelector('.animated-scroll__img .s7dm-dynamic-media.cmp-image__image');_this.animatedScrollContainer=document.querySelectorAll('.cmp-animatedscroll');_this.setImagePin=document.querySelectorAll('.animated-scroll__img');_this.ready=true;// component data gathered\n});this.pageHeader=document.querySelector('.cmp-header-container');this.pageHeaderHeight=this.pageHeader?$(this.pageHeader).height():0;this.pageTab=document.querySelector('.cmp-tabs__scroll');this.pageTabHeight=this.pageTab?$(this.pageTab).height():0;
1this.sceneMainBackgroundColor='#FFFFFF';this.sceneDuration=256;this.scrollDimension={};}return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__/* [\"default\"] */ .A)(AnimatedScroll,[{key:\"run\",value:function run(){var _this2=this;(0,_clientlibs_common_publish_src_js_utils_helpers__WEBPACK_IMPORTED_MODULE_3__/* .compReady */ .l8)(this).then(function(){_this2.initDimensions();},function(){// max attempt reached;\n});}}]);}();var animatedscroll=new AnimatedScroll();\n\n//# sourceURL=webpack://ui.apps/./src/main/content/jcr_root/apps/atlas/components/content/animatedscroll/v1/animatedscroll/animatedscroll.js?\n}")}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.