{"version":3,"sources":["webpack:///./cartridges/app_accelerator_core/cartridge/client/default/js/modules/module.page-motion.js"],"names":["PageMotion","options","_classCallCheck","motionInterval","elementOffset","callbackOnElements","elements","_setupMotionEls","bind","_createClass","key","value","currentPageEl","_getElementArrays","classList","add","_triggerMotionInterval","inViewElements","motionEls","querySelectorAll","_removeWatchers","outViewElements","forEach","call","currentMotionEl","index","closest","removeAttribute","motionWatcher","scrollMonitor","create","motionData","getMotionData","elementIsVisible","offsetParent","firstElementChild","offsetHeight","_setMotionData","_setupMotionElChildren","isInViewport","immediate","push","hasScaleMotion","one","_enterViewportDebouncer","orderPreference","enterViewportEls","window","clearTimeout","enterViewportTimeout","setTimeout","filter","n","watchedElement","destroy","motionEl","children","currentChild","setAttribute","propertiesArray","join","motionString","getAttribute","propertiesString","charAt","parsedData","JSON","parse","properties","split","indexOf","_setDirectionProperty","arguments","length","undefined","direction","directionIndex","isBelowViewport","targetEl","setChildren","motionSettings","motionCompleteHandler","_motionCompleteHandler","slice","scrollTracking","toggleMotionClasses","triggerMotion","_triggerChildrenMotion","addEventListener","whichTransition","elementList","self","intervalCounter","pageLoadInterval","setInterval","clearInterval","evt","target","remove","publishEvent","removeEventListener","currentMotion","concat"],"mappings":"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","file":"module-page-motion.js","sourcesContent":["import scrollMonitor from 'scrollmonitor';\nimport {publishEvent} from '../helpers/utilities';\nimport {callbackOnElements, whichTransition} from '@borngroup/born-utilities';\n\n/**\n * Adds special handling to elements to display different types of motion.\n * Timing is mostly handled on the JS, while actual transitions are carried over on CSS.\n */\nexport default class PageMotion {\n    constructor(options) {\n        this.motionInterval = 100;\n        this.elementOffset = -100;\n\n        callbackOnElements(options.elements, this._setupMotionEls.bind(this));\n    }\n\n    _setupMotionEls(currentPageEl) {\n        this._getElementArrays(currentPageEl);\n\n        currentPageEl.classList.add('set--page-motion-ready');\n\n        this._triggerMotionInterval(this.inViewElements);\n    }\n\n    /**\n     * Gets the in-view and out-view elements and sets them in arrays easy access.\n     * @param  {[type]} currentPageEl [description]\n     * @return {[type]}               [description]\n     */\n    _getElementArrays(currentPageEl) {\n        let motionEls = currentPageEl.querySelectorAll('[data-motion]');\n\n        this._removeWatchers();\n\n        this.inViewElements = [];\n        this.outViewElements = [];\n\n        [].forEach.call(motionEls, function(currentMotionEl, index) {\n            //Remove any motion attributes from elements that are semantically hidden (think Slick cloned slides).\n            //This prevents waiting for animations or displaying blank containers.\n            if (currentMotionEl.closest('[aria-hidden=\"true\"]')) {\n                currentMotionEl.removeAttribute('data-motion');\n\n                return;\n            } else {\n                let motionWatcher = scrollMonitor.create(currentMotionEl, this.elementOffset),\n                    motionData = this.getMotionData(currentMotionEl, motionWatcher),\n                    //This might not be the best way to check for visibility, but it works for now.\n                    //Need to count only which elements are currently visible, the other elements can be shown on scroll.\n                    elementIsVisible = currentMotionEl.offsetParent || (currentMotionEl.firstElementChild && currentMotionEl.firstElementChild.offsetHeight > 0);\n\n                this._setMotionData(currentMotionEl, motionData, true);\n                this._setupMotionElChildren(currentMotionEl, motionData);\n\n                if ((motionWatcher.isInViewport && elementIsVisible) || motionData.immediate) {\n                    //Push currently visible elements into an array,\n                    //which is later used to display motion in a set interval.\n                    this.inViewElements.push(currentMotionEl);\n                } else {\n                    //For the out-of-view elements, push scrollMonitor watchers into an array.\n                    //Scale motion should always trigger automatically and not with scroll.\n                    if (!motionData.hasScaleMotion) {\n                        this.outViewElements.push(motionWatcher);\n                    }\n\n                    motionWatcher.one('enterViewport', this._enterViewportDebouncer.bind(this, currentMotionEl, index));\n                }\n            }\n        }.bind(this));\n    }\n\n    /**\n     * Debounces scrollMonitor's \"enterViewport\" event.\n     * Pushes all newly \"in viewport\" elements into an array,\n     * which is then passed to _triggerMotionInterval()\n     * so that motion is triggered in the specified interval.\n     * If this is not in place, motion will trigger at the same time\n     * for elements that just entered the viewort.\n     */\n    _enterViewportDebouncer(currentMotionEl, orderPreference) {\n        this.enterViewportEls = this.enterViewportEls || [];\n\n        //Force the DOM order on the array.\n        //`orderPreference` comes from the position in the DOM.\n        //scrollMonitor sometimes fires in the wrong order when multiple elements are at the same height.\n        this.enterViewportEls[orderPreference] = currentMotionEl;\n\n        window.clearTimeout(this.enterViewportTimeout);\n\n        this.enterViewportTimeout = window.setTimeout(function() {\n            //Clean array out of empty items.\n            this.enterViewportEls = this.enterViewportEls.filter(n => n);\n            this._triggerMotionInterval(this.enterViewportEls, true);\n\n            //Empty array after it has been passed to _triggerMotionInterval() to avoid looping through the same elements again.\n            this.enterViewportEls = [];\n        }.bind(this), 25);\n    }\n\n    /**\n     * Ensures watchers are destroyed in case the `this.outViewElements` array needs to be rebuilt.\n     */\n    _removeWatchers() {\n        if (this.outViewElements) {\n            this.outViewElements.forEach(watchedElement => watchedElement.destroy);\n        }\n    }\n\n    /**\n     * Facilitates applying similar motion to a list of matching children elements.\n     * This is also better than manually setting data-motion properties, because doing so would pause\n     * full page transitions if the list of a data-motion children is too long.\n     * @param  {[type]} motionEl   [description]\n     * @param  {[type]} motionData [description]\n     */\n    _setupMotionElChildren(motionEl, motionData) {\n        if (motionData.children) {\n            [].forEach.call(motionData.children, function(currentChild) {\n                currentChild.setAttribute('data-motion', motionData.propertiesArray.join(' '));\n\n                this._setMotionData(currentChild, motionData, false);\n            }.bind(this));\n        }\n    }\n\n    /**\n     * Very silly JSON string test. It just checks if the first character is an opening bracket,\n     * because really that's all we need.\n     */\n    getMotionData(motionEl, motionWatcher) {\n        let motionData = {},\n            motionString = motionEl.getAttribute('data-motion'),\n            propertiesString;\n\n        if (motionString.charAt(0) === '{') {\n            let parsedData = JSON.parse(motionString);\n\n            motionData = parsedData;\n\n            propertiesString = parsedData.properties;\n\n            if (parsedData.children) {\n                motionData.children = motionEl.querySelectorAll(parsedData.children);\n            }\n        } else {\n            propertiesString = motionString;\n        }\n\n        motionData.propertiesArray = propertiesString.split(/(?:,| )+/);\n        motionData.hasScaleMotion = propertiesString.indexOf('scale-') !== -1;\n\n        this._setDirectionProperty(motionWatcher, motionData.propertiesArray);\n\n        return motionData;\n    }\n\n    /**\n     * Updates the \"from-<direction>\" property of a watched element with the direction based on the element's position in the DOM.\n     * Leverages ScrollMonitor's data to determine where the element is positioned.\n     */\n    _setDirectionProperty(motionWatcher, propertiesArray = [], direction = 'from-v-direction') {\n        let directionIndex = propertiesArray.indexOf(direction);\n\n        if (directionIndex !== -1 && direction === 'from-v-direction') {\n            propertiesArray[directionIndex] = motionWatcher.isInViewport || motionWatcher.isBelowViewport ? 'from-bottom' : 'from-top';\n        }\n    }\n\n    /**\n     * Sets the motionData properties into a targetEl (either an element with data-motion or a defined child).\n     * @param {[type]} targetEl    [description]\n     * @param {[type]} motionData  [description]\n     * @param {[type]} setChildren [description]\n     */\n    _setMotionData(targetEl, motionData, setChildren) {\n        targetEl.motionSettings = targetEl.motionSettings || {\n            motionCompleteHandler: this._motionCompleteHandler,\n            propertiesArray: motionData.propertiesArray.slice(0), //Slice array to create independent array references to elements and their children.\n            children: setChildren && motionData.children ? motionData.children : '',\n            scrollTracking: motionData.scrollTracking\n        };\n\n        PageMotion.toggleMotionClasses(targetEl, true);\n    }\n\n    /**\n     * Fires the initial motion by setting a \"set--motion-trigger\" class, which has CSS transitions set.\n     * @param  {[type]} motionEl [description]\n     * @return {[type]}          [description]\n     */\n    triggerMotion(motionEl) {\n        motionEl.classList.add('set--motion-trigger');\n\n        this._triggerChildrenMotion(motionEl);\n\n        motionEl.addEventListener(whichTransition(), motionEl.motionSettings.motionCompleteHandler);\n    }\n\n    _triggerChildrenMotion(motionEl) {\n        //Fire children motions, if any.\n        if (motionEl.motionSettings.children) {\n            this._triggerMotionInterval(motionEl.motionSettings.children);\n        }\n    }\n\n    /**\n     * Forces elements to display a motion in a set interval.\n     * The alternative, `window.setTimeout`, causes issues because browsers attempt to\n     * reduce the amount of timers running at the same time.\n     * @param  {NodeList} elementList [description]\n     */\n    _triggerMotionInterval(elementList) {\n        let self = this,\n            intervalCounter = 0,\n            pageLoadInterval;\n\n        pageLoadInterval = window.setInterval(function() {\n            if (elementList[intervalCounter]) {\n                self.triggerMotion(elementList[intervalCounter]);\n\n                intervalCounter++;\n            } else {\n                window.clearInterval(pageLoadInterval);\n            }\n        }, self.motionInterval);\n    }\n\n    /**\n     * After either an initial data-motion (or its children) element transition is complete,\n     * reset said element to its original state to prevent issues with user-actionable transitions.\n     * @param  {[type]} evt [description]\n     */\n    _motionCompleteHandler(evt) {\n        if (evt.target === this) {\n            this.removeAttribute('data-motion');\n            this.classList.add('set--motion-complete');\n            this.classList.remove('set--motion-trigger');\n\n            PageMotion.toggleMotionClasses(this);\n\n            publishEvent('motion', 'complete', this);\n\n            this.removeEventListener(whichTransition(), this.motionSettings.motionCompleteHandler);\n        }\n    }\n\n    /**\n     * Sets motion classes on the target element depending on the motion types defined on its `data-motion` attribute.\n     * @param  {[type]} targetEl [description]\n     * @param  {[type]} add      [description]\n     */\n    static toggleMotionClasses(targetEl, add) {\n        targetEl.motionSettings.propertiesArray.forEach(function(currentMotion) {\n            if (add) {\n                targetEl.classList.add(`set--motion-${currentMotion}`);\n            } else {\n                targetEl.classList.remove(`set--motion-${currentMotion}`);\n            }\n        });\n    }\n\n}\n"],"sourceRoot":""}