code: 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;
      }
    }
docs: 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"