web animations update

2025-08-21 13:01:01 +08:00 · 2015-08-23 15:24:46 -05:00
parent 26e0117a3f
commit 442050038b
56 changed files with 5528 additions and 22 deletions
--- a/scripts/resources/web-animations-js/src/property-interpolation.js
+++ b/scripts/resources/web-animations-js/src/property-interpolation.js
@ -0,0 +1,125 @@
+// Copyright 2014 Google Inc. All rights reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+//   You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//   See the License for the specific language governing permissions and
+// limitations under the License.
+
+(function(scope, testing) {
+
+  var propertyHandlers = {};
+
+  function addPropertyHandler(parser, merger, property) {
+    propertyHandlers[property] = propertyHandlers[property] || [];
+    propertyHandlers[property].push([parser, merger]);
+  }
+  function addPropertiesHandler(parser, merger, properties) {
+    for (var i = 0; i < properties.length; i++) {
+      var property = properties[i];
+      WEB_ANIMATIONS_TESTING && console.assert(property.toLowerCase() === property);
+      addPropertyHandler(parser, merger, property);
+      if (/-/.test(property)) {
+        // Add camel cased variant.
+        addPropertyHandler(parser, merger, property.replace(/-(.)/g, function(_, c) {
+          return c.toUpperCase();
+        }));
+      }
+    }
+  }
+  scope.addPropertiesHandler = addPropertiesHandler;
+
+  var initialValues = {
+    backgroundColor: 'transparent',
+    backgroundPosition: '0% 0%',
+    borderBottomColor: 'currentColor',
+    borderBottomLeftRadius: '0px',
+    borderBottomRightRadius: '0px',
+    borderBottomWidth: '3px',
+    borderLeftColor: 'currentColor',
+    borderLeftWidth: '3px',
+    borderRightColor: 'currentColor',
+    borderRightWidth: '3px',
+    // Spec says this should be 0 but in practise it is 2px.
+    borderSpacing: '2px',
+    borderTopColor: 'currentColor',
+    borderTopLeftRadius: '0px',
+    borderTopRightRadius: '0px',
+    borderTopWidth: '3px',
+    bottom: 'auto',
+    clip: 'rect(0px, 0px, 0px, 0px)',
+    color: 'black', // Depends on user agent.
+    fontSize: '100%',
+    fontWeight: '400',
+    height: 'auto',
+    left: 'auto',
+    letterSpacing: 'normal',
+    lineHeight: '120%',
+    marginBottom: '0px',
+    marginLeft: '0px',
+    marginRight: '0px',
+    marginTop: '0px',
+    maxHeight: 'none',
+    maxWidth: 'none',
+    minHeight: '0px',
+    minWidth: '0px',
+    opacity: '1.0',
+    outlineColor: 'invert',
+    outlineOffset: '0px',
+    outlineWidth: '3px',
+    paddingBottom: '0px',
+    paddingLeft: '0px',
+    paddingRight: '0px',
+    paddingTop: '0px',
+    right: 'auto',
+    textIndent: '0px',
+    textShadow: '0px 0px 0px transparent',
+    top: 'auto',
+    transform: '',
+    verticalAlign: '0px',
+    visibility: 'visible',
+    width: 'auto',
+    wordSpacing: 'normal',
+    zIndex: 'auto'
+  };
+
+  function propertyInterpolation(property, left, right) {
+    if (left == 'initial' || right == 'initial') {
+      var ucProperty = property.replace(/-(.)/g, function(_, c) {
+        return c.toUpperCase();
+      });
+      if (left == 'initial')
+        left = initialValues[ucProperty];
+      if (right == 'initial')
+        right = initialValues[ucProperty];
+    }
+    var handlers = left == right ? [] : propertyHandlers[property];
+    for (var i = 0; handlers && i < handlers.length; i++) {
+      var parsedLeft = handlers[i][0](left);
+      var parsedRight = handlers[i][0](right);
+      if (parsedLeft !== undefined && parsedRight !== undefined) {
+        var interpolationArgs = handlers[i][1](parsedLeft, parsedRight);
+        if (interpolationArgs) {
+          var interp = scope.Interpolation.apply(null, interpolationArgs);
+          return function(t) {
+            if (t == 0) return left;
+            if (t == 1) return right;
+            return interp(t);
+          };
+        }
+      }
+    }
+    return scope.Interpolation(false, true, function(bool) {
+      return bool ? right : left;
+    });
+  }
+  scope.propertyInterpolation = propertyInterpolation;
+
+})(webAnimations1, webAnimationsTesting);
+