function () {
    var component;
    var componentName;
    for (componentName in this.el.components) {
      component = this.el.components[componentName];
      if (componentName === this.attrName) { continue; }
      if (component.name !== 'animation') { continue; }
      if (!component.animationIsPlaying) { continue; }
      if (component.data.property !== this.data.property) { continue; }
      component.animationIsPlaying = false;
    }
  }
function () {
    var component;
    var componentName;
    for (componentName in this.el.components) {
      component = this.el.components[componentName];
      if (componentName === this.attrName) { continue; }
      if (component.name !== 'animation') { continue; }
      if (!component.animationIsPlaying) { continue; }
      if (component.data.property !== this.data.property) { continue; }
      component.animationIsPlaying = false;
    }
  }
function ( ) { var component ; var componentName ; for ( componentName in this . el . components ) { component = this . el . components [ componentName ] ; if ( componentName === this . attrName ) { continue ; } if ( component . name !== 'animation' ) { continue ; } if ( ! component . animationIsPlaying ) { continue ; } if ( component . data . property !== this . data . property ) { continue ; } component . animationIsPlaying = false ; } }
Make sure two animations on the same property don't fight each other.
e.g., animation__mouseenter="property: material.opacity"
animation__mouseleave="property: material.opacity"
Make sure two animations on the same property don t fight each other . e . g . animation__mouseenter = property : material . opacity animation__mouseleave = property : material . opacity
This function is called by the animation component when the animation is playing