import { each } from '../../utils/generic'
import rinse from './rinse'
export default function initialize () {
var this$1 = this;
rinse.call(this)
each(this.store.elements, function (element) {
var styles = [element.styles.inline]
if (element.visible) {
styles.push(element.styles.opacity.computed)
styles.push(element.styles.transform.generated.final)
} else {
styles.push(element.styles.opacity.generated)
styles.push(element.styles.transform.generated.initial)
}
element.node.setAttribute('style', styles.join(' '))
})
each(this.store.containers, function (container) {
if (container.node === document.documentElement) {
window.addEventListener('scroll', this$1.delegate)
window.addEventListener('resize', this$1.delegate)
} else {
container.node.addEventListener('scroll', this$1.delegate)
container.node.addEventListener('resize', this$1.delegate)
}
})
/**
* Manually invoke delegate once to capture
* element and container dimensions, container
* scroll position, and trigger any valid reveals
*/
this.delegate()
this.initTimeout = null
}
|