@angular-wave/angular.ts 0.0.52 → 0.0.54

package/src/binding.spec.js

@@ -9,7 +9,6 @@ describe("binding", () => {
     $rootScope,
     $compile,
     $exceptionHandler,
-    $document,
     errors = [];
 
   function childNode(element, index) {
@@ -27,7 +26,6 @@ describe("binding", () => {
     $rootScope = $injector.get("$rootScope");
     $compile = $injector.get("$compile");
     $exceptionHandler = $injector.get("$exceptionHandler");
-    $document = $injector.get("$document");
     this.compileToHtml = function (content) {
       let html;
       content = JQLite(content);

package/src/core/animate/animate-css.js

@@ -1,3 +1,5 @@
+import { addInlineStyles } from "./helpers";
+
 /**
  * @ngdoc service
  * @name $animateCss
@@ -14,6 +16,12 @@ export function CoreAnimateCssProvider() {
   this.$get = [
     "$$AnimateRunner",
     ($$AnimateRunner) =>
+      /**
+       *
+       * @param {import("../../shared/jqlite/jqlite").JQLite} element
+       * @param {*} initialOptions
+       * @returns
+       */
       function (element, initialOptions) {
         // all of the animation functions should create
         // a copy of the options data, however, if a
@@ -32,17 +40,16 @@ export function CoreAnimateCssProvider() {
         }
 
         if (options.from) {
-          //element.css(options.from);
+          addInlineStyles(element[0], options.from);
           options.from = null;
         }
 
         let closed;
         const runner = new $$AnimateRunner();
-        return {
-          start: run,
-          end: run,
-        };
 
+        /**
+         * @returns {$$AnimateRunner}
+         */
         function run() {
           requestAnimationFrame(() => {
             applyAnimationContents();
@@ -54,6 +61,9 @@ export function CoreAnimateCssProvider() {
           return runner;
         }
 
+        /**
+         * @returns {void}
+         */
         function applyAnimationContents() {
           if (options.addClass) {
             element[0].classList.add(options.addClass);
@@ -64,10 +74,15 @@ export function CoreAnimateCssProvider() {
             options.removeClass = null;
           }
           if (options.to) {
-            //element.css(options.to);
+            addInlineStyles(element[0], options.to);
             options.to = null;
           }
         }
+
+        return {
+          start: run,
+          end: run,
+        };
       },
   ];
 }

package/src/core/animate/animate.js

@@ -8,6 +8,7 @@ import {
 } from "../../shared/utils";
 import { JQLite } from "../../shared/jqlite/jqlite";
 import { NG_ANIMATE_CLASSNAME } from "../../animations/shared";
+import { addInlineStyles } from "./helpers";
 
 const $animateMinErr = minErr("$animate");
 
@@ -86,10 +87,10 @@ export function CoreAnimateQueueProvider() {
 
           options = options || {};
           if (options.from) {
-            //element.css(options.from);
+            addInlineStyles(element[0], options.from);
           }
           if (options.to) {
-            //element.css(options.to);
+            addInlineStyles(element[0], options.to);
           }
 
           if (options.addClass || options.removeClass) {
@@ -150,7 +151,7 @@ export function CoreAnimateQueueProvider() {
                 toRemove.split(" ").forEach((css) => elm.classList.remove(css));
               }
               if (toAdd) {
-                elm.className += ` ${toAdd}`;
+                toAdd.split(" ").forEach((css) => elm.classList.add(css));
               }
             });
             postDigestQueue.delete(element);