{"version":3,"sources":["core/animate.js","components/animate.js","attributes/animateInview.js","attributes/animateOutview.js","attributes/animateEnter.js","attributes/animateLeave.js","attributes/animateMove.js"],"names":["dmx","animate","node","effect","duration","delay","cancelAnimate","clear","Promise","resolve","reject","className","complete","event","stopPropagation","removeEventListener","style","setProperty","classList","add","addEventListener","once","removeProperty","remove","effects","map","observer","IntersectionObserver","entries","forEach","entry","inview","outview","target","ratio","intersectionRatio","animateVisible","animating","then","catch","threshold","Component","initialData","visible","attributes","showeffect","type","String","default","hideeffect","showduration","Number","hideduration","showdelay","hidedelay","Boolean","methods","this","props","$node","init","performUpdate","updatedProps","has","set","console","log","Attribute","attr","value","modifiers","parseInt","argument","observe","unobserve","random","Math","data","$index","preventDefault","pos","top","offsetTop","left","offsetLeft","width","offsetWidth","height","offsetHeight","requestAnimationFrame","offsetParent","appendChild","warn","parent","key","easing","find","repeater","updateHandler","getBoundingClientRect","updatedHandler"],"mappings":"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","file":"dmxAnimateCSS.js","sourcesContent":["dmx.animate = function (node, effect, duration, delay) {\r\n  if (node.cancelAnimate) node.cancelAnimate();\r\n\r\n  dmx.animate.clear(node);\r\n\r\n  return new Promise((resolve, reject) => {\r\n    const className = `animate__${effect}`;\r\n    const complete = (event) => {\r\n      node.cancelAnimate = null;\r\n      event.stopPropagation();\r\n      dmx.animate.clear(node);\r\n      resolve();\r\n    }\r\n\r\n    node.cancelAnimate = () => {\r\n      node.removeEventListener('animationend', complete);\r\n      dmx.animate.clear(node);\r\n      reject();\r\n    };\r\n    \r\n    if (delay) node.style.setProperty('--animate-delay', delay + 'ms');\r\n    if (duration) node.style.setProperty('--animate-duration', duration + 'ms');\r\n\r\n    node.classList.add('animate__animated', className);\r\n\r\n    node.addEventListener('animationend', complete, { once: true });\r\n  });\r\n};\r\n\r\ndmx.animate.clear = function (node) {\r\n  node.style.removeProperty('--animate-delay');\r\n  node.style.removeProperty('--animate-duration');\r\n  node.classList.remove('animate__animated', ...dmx.animate.effects.map(effect => 'animate__' + effect));\r\n};\r\n\r\ndmx.animate.effects = [\r\n  // Attension seekers\r\n  'bounce', 'flash', 'pulse', 'rubberBand', 'shakeX', 'shakeY', 'headShake', 'swing', 'tada', 'wobble', 'jello', 'heartBeat',\r\n  // Back entrances\r\n  'backInDown', 'backInLeft', 'backInRight', 'backInUp',\r\n  // Back exits\r\n  'backOutDown', 'backOutLeft', 'backOutRight', 'backOutUp',\r\n  // Bouncing entrances\r\n  'bounceIn', 'bounceInDown', 'bounceInLeft', 'bounceInRight', 'bounceInUp',\r\n  // Bouncing exits\r\n  'bounceOut', 'bounceOutDown', 'bounceOutLeft', 'bounceOutRight', 'bounceOutUp',\r\n  // Fading entrances\r\n  'fadeIn', 'fadeInDown', 'fadeInDownBig', 'fadeInLeft', 'fadeInLeftBig', 'fadeInRight', 'fadeInRightBig',\r\n  'fadeInUp', 'fadeInUpBig', 'fadeInTopLeft', 'fadeInTopRight', 'fadeInBottomLeft', 'fadeInBottomRight',\r\n  // Fading exits\r\n  'fadeOut', 'fadeOutDown', 'fadeOutDownBig', 'fadeOutLeft', 'fadeOutLeftBig', 'fadeOutRight', 'fadeOutRightBig',\r\n  'fadeOutUp', 'fadeOutUpBig', 'fadeOutTopLeft', 'fadeOutTopRight', 'fadeOutBottomLeft', 'fadeOutBottomRight',\r\n  // Flippers\r\n  'flip', 'flipInX', 'flipInY', 'flipOutX', 'flipOutY',\r\n  // Lightspeed\r\n  'lightSpeedInRight', 'lightSpeedInLeft', 'lightSpeedOutRight', 'lightSpeedOutLeft',\r\n  // Rotating entrances\r\n  'rotateIn', 'rotateInDownLeft', 'rotateInDownRight', 'rotateInUpLeft', 'rotateInUpRight',\r\n  // Rotating exits\r\n  'rotateOut', 'rotateOutDownLeft', 'rotateOutDownRight', 'rotateOutUpLeft', 'rotateOutUpRight',\r\n  // Specials\r\n  'hinge', 'jackInTheBox', 'rollIn', 'rollOut',\r\n  // Zooming entrances\r\n  'zoomIn', 'zoomInDown', 'zoomInLeft', 'zoomInRight', 'zoomInUp',\r\n  // Zooming exits\r\n  'zoomOut', 'zoomOutDown', 'zoomOutLeft', 'zoomOutRight', 'zoomOutUp',\r\n  // Sliding entrances\r\n  'slideInDown', 'slideInLeft', 'slideInRight', 'slideInUp',\r\n  // Sliding exits\r\n  'slideOutDown', 'slideOutLeft', 'slideOutRight', 'slideOutUp'\r\n];\r\n\r\ndmx.animate.observer = new IntersectionObserver(entries => {\r\n  entries.forEach(entry => {\r\n    const { inview, outview } = entry.target;\r\n\r\n    entry.target.ratio = entry.intersectionRatio;\r\n\r\n    //if (!entry.isIntersecting) return;\r\n\r\n    if (!entry.target.animateVisible) {\r\n      entry.target.style.setProperty('visibility', 'hidden');\r\n    }\r\n\r\n    if (entry.intersectionRatio >= inview.ratio) {\r\n      if (!entry.target.animateVisible) {\r\n        entry.target.animating = true;\r\n        entry.target.animateVisible = true;\r\n        entry.target.style.removeProperty('visibility');\r\n\r\n        dmx.animate(entry.target, inview.effect, inview.duration, inview.delay).then(() => {\r\n          entry.target.animating = false;\r\n          entry.target.style.removeProperty('visibility');\r\n        }).catch(() => {});\r\n      }\r\n    } else {\r\n      if (outview && entry.target.animateVisible) {\r\n        entry.target.animating = true;\r\n        entry.target.animateVisible = false;\r\n        \r\n        dmx.animate(entry.target, outview.effect, outview.duration, outview.delay).then(() => {\r\n          entry.target.animating = false;\r\n          entry.target.style.setProperty('visibility', 'hidden');\r\n        }).catch(() => {});\r\n      }\r\n    }\r\n  });\r\n}, {\r\n  threshold: [0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]\r\n});\r\n","dmx.Component('animate', {\r\n\r\n  initialData: {\r\n    animating: false,\r\n    visible: false,\r\n  },\r\n\r\n  attributes: {\r\n    showeffect: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n\r\n    hideeffect: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n\r\n    showduration: {\r\n      type: Number,\r\n      default: null,\r\n    },\r\n\r\n    hideduration: {\r\n      type: Number,\r\n      default: null,\r\n    },\r\n\r\n    showdelay: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n\r\n    hidedelay: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n\r\n    visible: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    animate (effect, duration) {\r\n      if (this.props.visible) {\r\n        dmx.animate(this.$node, effect, duration);\r\n      }\r\n    },\r\n  },\r\n\r\n  init (node) {\r\n    if (!this.props.visible) {\r\n      node.style.setProperty('visibility', 'hidden');\r\n    }\r\n  },\r\n\r\n  performUpdate (updatedProps) {\r\n    if (updatedProps.has('visible')) {\r\n      if (this.props.visible) {\r\n        if (this.props.showeffect) {\r\n          this.set('animating', true);\r\n\r\n          dmx.animate(this.$node, this.props.showeffect, this.props.showduration, this.props.showdelay).then(() => {\r\n            this.set('animating', false);\r\n          }).catch(() => {});\r\n        }\r\n\r\n        console.log('remove visibility');\r\n        this.$node.style.removeProperty('visibility');\r\n      } else {\r\n        if (this.props.hideeffect) {\r\n          this.set('animating', true);\r\n\r\n          dmx.animate(this.$node, this.props.hideeffect, this.props.hideduration, this.props.hidedelay).then(() => {\r\n            this.set('animating', false);\r\n            console.log('add visibility');\r\n            this.$node.style.setProperty('visibility', 'hidden');\r\n          }).catch(() => {});\r\n        }\r\n      }\r\n\r\n      this.set('visible', this.props.visible);\r\n    }\r\n  },\r\n\r\n});\r\n","dmx.Attribute('animate-inview', 'mounted', function (node, attr) {\r\n  node.inview = {\r\n    effect: attr.value,\r\n    delay: attr.modifiers.delay,\r\n    duration: attr.modifiers.duration,\r\n    ratio: (parseInt(attr.argument, 10) || 100) / 100,\r\n  };\r\n\r\n  node.style.setProperty('visibility', 'hidden');\r\n\r\n  dmx.animate.observer.observe(node);\r\n\r\n  return () => {\r\n    dmx.animate.observer.unobserve(node);\r\n  };\r\n});\r\n","dmx.Attribute('animate-outview', 'mounted', function (node, attr) {\r\n  node.outview = {\r\n    effect: attr.value,\r\n    delay: attr.modifiers.delay,\r\n    duration: attr.modifiers.duration,\r\n    ratio: (parseInt(attr.argument, 10) || 100) / 100,\r\n  };\r\n});","dmx.Attribute('animate-enter', 'mounted', function (node, attr) {\r\n  const { value, modifiers } = attr;\r\n  const { delay, duration, random } = modifiers;\r\n  dmx.animate(node, value, duration, (random ? Math.random() * 10 : this.data.$index) * delay);\r\n});","dmx.Attribute('animate-leave', 'mounted', function (node, attr) {\r\n  const { value, modifiers } = attr;\r\n  const { delay, duration, random } = modifiers;\r\n\r\n  // repeaters trigger a remove event on nodes that get removed\r\n  node.addEventListener('remove', event => {\r\n    event.preventDefault();\r\n\r\n    const pos = {\r\n      top: node.offsetTop,\r\n      left: node.offsetLeft,\r\n      width: node.offsetWidth,\r\n      height: node.offsetHeight,\r\n    };\r\n\r\n    requestAnimationFrame(() => {\r\n      node.style.setProperty('position', 'absolute');\r\n      node.style.setProperty('top', pos.top);\r\n      node.style.setProperty('left', pos.left);\r\n      node.style.setProperty('width', pos.width);\r\n      node.style.setProperty('height', pos.height);\r\n      node.offsetParent.appendChild(node);\r\n  \r\n      dmx.animate(node, value, duration, (random ? Math.random() * 10 : this.data.$index) * delay);\r\n    });\r\n  });\r\n});","dmx.Attribute('animate-move', 'mounted', function (node, attr) {\r\n  if (this.type !== 'repeat-item') {\r\n    console.warn('Attribute animate-move is only allowed on repeat items');\r\n    return;\r\n  }\r\n\r\n  if (!this.parent.props.key) {\r\n    console.warn('Attribute animate-move can only be used on keyed repeaters');\r\n    return;\r\n  }\r\n\r\n  const { delay, duration, random } = attr.modifiers;\r\n  const easing = ['linear', 'ease-in', 'ease-out', 'ease-in-out'].find(easing => !!attr.modifiers[easing]);\r\n  const repeater = this.parent;\r\n  const updateHandler = event => {\r\n    node.pos = node.getBoundingClientRect();\r\n  };\r\n  const updatedHandler = event => {\r\n    if (node.pos) {\r\n      node.style.removeProperty('transform');\r\n      node.style.removeProperty('transition');\r\n\r\n      requestAnimationFrame(() => {\r\n        const { left, top } = node.getBoundingClientRect();\r\n\r\n        node.style.setProperty('transform', `translate(${node.pos.left - left}px, ${node.pos.top - top}px)`);\r\n\r\n        requestAnimationFrame(() => {\r\n          node.style.setProperty('transition', `transform ${duration || 800}ms ${easing || 'ease'} ${delay ? ((random ? Math.random() * 10 : this.data.$index) * delay) : 0}ms`);\r\n          node.style.removeProperty('transform');\r\n        });\r\n      });\r\n    }\r\n  };\r\n\r\n  repeater.addEventListener('update', updateHandler);\r\n  repeater.addEventListener('updated', updatedHandler);\r\n\r\n  return () => {\r\n    repeater.removeEventListener('update', updateHandler);\r\n    repeater.removeEventListener('updated', updatedHandler);\r\n  };\r\n});"]}