npm - @angular-wave/angular.ts - Versions diffs - 0.1.3 → 0.1.4 - Mend

@angular-wave/angular.ts 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/dist/angular-ts.esm.js +2 -2
package/dist/angular-ts.umd.js +2 -2
package/package.json +1 -1
package/src/angular.spec.js +0 -1
package/src/animations/animate-css.html +1 -7
package/src/animations/animate-css.js +4 -9
package/src/core/compile/compile.js +1 -1
package/src/core/location/location.js +3 -5
package/src/core/task-tracker-factory.js +94 -78
package/src/router/common/coreservices.js +1 -2
package/src/router/resolve/resolve-context.js +3 -5
package/src/router/state/state-service.js +1 -0
package/src/services/anchor-scroll.js +9 -7
package/src/services/browser.js +146 -194
package/src/services/http/http.spec.js +1 -0
package/src/services/http-backend/http-backend.js +3 -4
package/src/shared/hof.js +0 -14
package/types/core/task-tracker-factory.d.ts +44 -33
package/types/loader.d.ts +1 -1
package/types/router/url/url-service.d.ts +2 -2
package/types/services/browser.d.ts +41 -103
package/types/services/http-backend/http-backend.d.ts +1 -2
package/types/shared/predicates.d.ts +1 -1

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@angular-wave/angular.ts",
   "description": "A modern, optimized and typesafe version of AngularJS",
   "license": "MIT",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "type": "module",
   "main": "dist/angular-ts.esm.js",
   "browser": "dist/angular-ts.umd.js",

package/src/angular.spec.js CHANGED Viewed

@@ -1893,7 +1893,6 @@ describe("angular", () => {
       expect(element.html()).toBe("{{1+2}}");
       dealoc(element);
     });
   });
   describe("startingElementHtml", () => {

package/src/animations/animate-css.html CHANGED Viewed

@@ -49,13 +49,7 @@
     </style>
   </head>
   <body ng-app="test">
-    <div ng-if="bool" id="data-animate" class="fade" data-animate="true">
-      Fade me in out
-    </div>
-    <div ng-if="bool" id="animate" class="fade" animate="true">
-      Fade me in out
-    </div>
-    <div ng-if="bool" id="no-animate" class="fade">Fade me in out</div>
+    <div class="{{bool}}">{{bool}}</div>
     <button ng-click="bool=true">Fade In!</button>
     <button ng-click="bool=false">Fade Out!</button>
   </body>

package/src/animations/animate-css.js CHANGED Viewed

@@ -392,7 +392,7 @@ export function $AnimateCssProvider() {
         if (!options.$$skipPreparationClasses) {
           element[0].classList.add(
-            preparationClasses.split(" ").filter((x) => x !== ""),
+            ...preparationClasses.split(" ").filter((x) => x !== ""),
           );
         }
@@ -589,15 +589,11 @@ export function $AnimateCssProvider() {
           animationPaused = false;
           if (preparationClasses && !options.$$skipPreparationClasses) {
-            preparationClasses.split(" ").forEach(function (cls) {
-              element[0].classList.remove(cls);
-            });
+            element[0].classList.remove(...preparationClasses.split(" "));
           }
           activeClasses = pendClasses(preparationClasses, ACTIVE_CLASS_SUFFIX);
           if (activeClasses) {
-            activeClasses.split(" ").forEach(function (cls) {
-              element[0].classList.remove(cls);
-            });
+            element[0].classList.remove(...activeClasses.split(" "));
           }
           blockKeyframeAnimations(node, false);
@@ -786,9 +782,8 @@ export function $AnimateCssProvider() {
             });
             applyAnimationClasses(element, options);
             element[0].classList.add(
-              activeClasses.split(" ").filter((x) => x !== ""),
+              ...activeClasses.split(" ").filter((x) => x !== ""),
             );
             if (flags.recalculateTimingStyles) {
               cacheKey = $$animateCache.cacheKey(

package/src/core/compile/compile.js CHANGED Viewed

@@ -2352,7 +2352,7 @@ export function $CompileProvider($provide, $$sanitizeUriProvider) {
                 // Copy in CSS classes from original node
                 try {
                   if (oldClasses !== "") {
-                    linkNode.classList.add(oldClasses);
+                    linkNode.classList.add(...oldClasses.trim().split(" "));
                   }
                 } catch (e) {
                   // ignore, since it means that we are trying to set class on

package/src/core/location/location.js CHANGED Viewed

@@ -649,11 +649,11 @@ export function $LocationProvider() {
       const IGNORE_URI_REGEXP = /^\s*(javascript|mailto):/i;
-      function setBrowserUrlWithFallback(url, replace, state) {
+      function setBrowserUrlWithFallback(url, state) {
         const oldUrl = $location.url();
         const oldState = $location.$$state;
         try {
-          $browser.url(url, replace, state);
+          $browser.url(url, state);
           // Make sure $location.state() returns referentially identical (not just deeply equal)
           // state object; this makes possible quick checking if the state changed in the digest
@@ -762,7 +762,7 @@ export function $LocationProvider() {
           if (defaultPrevented) {
             $location.$$parse(oldUrl);
             $location.$$state = oldState;
-            setBrowserUrlWithFallback(oldUrl, false, oldState);
+            setBrowserUrlWithFallback(oldUrl, oldState);
           } else {
             initializing = false;
             afterLocationChange(oldUrl, oldState);
@@ -779,7 +779,6 @@ export function $LocationProvider() {
           const oldUrl = /** @type {string} */ ($browser.url());
           const newUrl = $location.absUrl();
           const oldState = $browser.state();
-          const currentReplace = $location.$$replace;
           const urlOrStateChanged =
             !urlsEqual(oldUrl, newUrl) ||
             ($location.$$html5 && oldState !== $location.$$state);
@@ -808,7 +807,6 @@ export function $LocationProvider() {
                 if (urlOrStateChanged) {
                   setBrowserUrlWithFallback(
                     newUrl,
-                    currentReplace,
                     oldState === $location.$$state ? null : $location.$$state,
                   );
                 }

package/src/core/task-tracker-factory.js CHANGED Viewed

@@ -1,122 +1,138 @@
-export function $$TaskTrackerFactoryProvider() {
-  this.$get = [
+export class $$TaskTrackerFactoryProvider {
+  $get = [
     "$log",
-    /** @param {import('../services/log').LogService} log */
+    /**
+     * Creates a new `TaskTracker` instance.
+     *
+     * @param {import('../services/log').LogService} log - The logging service.
+     * @returns {TaskTracker} A new `TaskTracker` instance.
+     */
     (log) => new TaskTracker(log),
   ];
 }
 /**
- * ! This is a private undocumented service !
+ * A factory function to create `TaskTracker` instances.
  *
- * @name $$taskTrackerFactory
- * @description
- * A function to create `TaskTracker` instances.
- *
- * A `TaskTracker` can keep track of pending tasks (grouped by type) and can notify interested
+ * A `TaskTracker` tracks pending tasks (grouped by type) and notifies interested
  * parties when all pending tasks (or tasks of a specific type) have been completed.
- * @param {import('../services/log').LogService} log
  */
-export function TaskTracker(log) {
-  const self = this;
-  const taskCounts = {};
-  const taskCallbacks = [];
-  const ALL_TASKS_TYPE = (self.ALL_TASKS_TYPE = "$$all$$");
-  const DEFAULT_TASK_TYPE = (self.DEFAULT_TASK_TYPE = "$$default$$");
+export class TaskTracker {
   /**
-   * Execute the specified function and decrement the appropriate `taskCounts` counter.
-   * If the counter reaches 0, all corresponding `taskCallbacks` are executed.
-   *
-   * @param {Function} fn - The function to execute.
-   * @param {string=} [taskType=DEFAULT_TASK_TYPE] - The type of task that is being completed.
+   * @param {import('../services/log').LogService} log - The logging service.
    */
-  self.completeTask = completeTask;
+  constructor(log) {
+    /** @private */
+    this.log = log;
-  /**
-   * Increase the task count for the specified task type (or the default task type if non is
-   * specified).
-   *
-   * @param {string=} [taskType=DEFAULT_TASK_TYPE] - The type of task whose count will be increased.
-   */
-  self.incTaskCount = incTaskCount;
+    /** @private */
+    this.taskCounts = {};
+    /** @private */
+    this.taskCallbacks = [];
+    /**
+     * Special task types used for tracking all tasks and default tasks.
+     * @type {string}
+     */
+    this.ALL_TASKS_TYPE = "$$all$$";
+    /**
+     * Default task type.
+     * @type {string}
+     */
+    this.DEFAULT_TASK_TYPE = "$$default$$";
+  }
   /**
-   * Execute the specified callback when all pending tasks have been completed.
-   *
-   * If there are no pending tasks, the callback is executed immediately. You can optionally limit
-   * the tasks that will be waited for to a specific type, by passing a `taskType`.
+   * Completes a task and decrements the associated task counter.
+   * If the counter reaches 0, all corresponding callbacks are executed.
    *
-   * @param {function} callback - The function to call when there are no pending tasks.
-   * @param {string=} [taskType=ALL_TASKS_TYPE] - The type of tasks that will be waited for.
+   * @param {Function} fn - The function to execute when completing the task.
+   * @param {string} [taskType=this.DEFAULT_TASK_TYPE] - The type of task being completed.
    */
-  self.notifyWhenNoPendingTasks = notifyWhenNoPendingTasks;
-  function completeTask(fn, taskType) {
-    taskType = taskType || DEFAULT_TASK_TYPE;
+  completeTask(fn, taskType = this.DEFAULT_TASK_TYPE) {
     try {
       fn();
     } finally {
-      decTaskCount(taskType);
+      if (this.taskCounts[taskType]) {
+        this.taskCounts[taskType]--;
+        this.taskCounts[this.ALL_TASKS_TYPE]--;
+      }
-      const countForType = taskCounts[taskType];
-      const countForAll = taskCounts[ALL_TASKS_TYPE];
+      const countForType = this.taskCounts[taskType];
+      const countForAll = this.taskCounts[this.ALL_TASKS_TYPE];
-      // If at least one of the queues (`ALL_TASKS_TYPE` or `taskType`) is empty, run callbacks.
+      // If either the overall task queue or the specific task type queue is empty, run callbacks.
       if (!countForAll || !countForType) {
         const getNextCallback = !countForAll
-          ? getLastCallback
-          : getLastCallbackForType;
-        let nextCb;
+          ? this.getLastCallback.bind(this)
+          : () => this.getLastCallbackForType(taskType);
-        while ((nextCb = getNextCallback(taskType))) {
+        let nextCb;
+        while ((nextCb = getNextCallback())) {
           try {
             nextCb();
           } catch (e) {
-            log.error(e);
+            this.log.error(e);
           }
         }
       }
     }
   }
-  function decTaskCount(taskType) {
-    taskType = taskType || DEFAULT_TASK_TYPE;
-    if (taskCounts[taskType]) {
-      taskCounts[taskType]--;
-      taskCounts[ALL_TASKS_TYPE]--;
+  /**
+   * Increments the task count for the specified task type.
+   *
+   * @param {string} [taskType=this.DEFAULT_TASK_TYPE] - The type of task whose count will be increased.
+   */
+  incTaskCount(taskType = this.DEFAULT_TASK_TYPE) {
+    this.taskCounts[taskType] = (this.taskCounts[taskType] || 0) + 1;
+    this.taskCounts[this.ALL_TASKS_TYPE] =
+      (this.taskCounts[this.ALL_TASKS_TYPE] || 0) + 1;
+  }
+  /**
+   * Registers a callback to be executed when all pending tasks of the specified type are completed.
+   * If there are no pending tasks of the specified type, the callback is executed immediately.
+   *
+   * @param {Function} callback - The function to execute when no pending tasks remain.
+   * @param {string} [taskType=this.ALL_TASKS_TYPE] - The type of tasks to wait for completion.
+   */
+  notifyWhenNoPendingTasks(callback, taskType = this.ALL_TASKS_TYPE) {
+    if (!this.taskCounts[taskType]) {
+      callback();
+    } else {
+      this.taskCallbacks.push({ type: taskType, cb: callback });
     }
   }
-  function getLastCallback() {
-    const cbInfo = taskCallbacks.pop();
-    return cbInfo && cbInfo.cb;
+  /**
+   * Retrieves and removes the last registered callback from the queue.
+   *
+   * @private
+   * @returns {Function|undefined} The last callback function or undefined if none exist.
+   */
+  getLastCallback() {
+    const cbInfo = this.taskCallbacks.pop();
+    return cbInfo ? cbInfo.cb : undefined;
   }
-  function getLastCallbackForType(taskType) {
-    for (let i = taskCallbacks.length - 1; i >= 0; --i) {
-      const cbInfo = taskCallbacks[i];
+  /**
+   * Retrieves and removes the last registered callback for the specified task type.
+   *
+   * @private
+   * @param {string} taskType - The type of task for which the callback was registered.
+   * @returns {Function|undefined} The last callback function for the task type, or undefined if none exist.
+   */
+  getLastCallbackForType(taskType) {
+    for (let i = this.taskCallbacks.length - 1; i >= 0; --i) {
+      const cbInfo = this.taskCallbacks[i];
       if (cbInfo.type === taskType) {
-        taskCallbacks.splice(i, 1);
+        this.taskCallbacks.splice(i, 1);
         return cbInfo.cb;
       }
     }
-  }
-  function incTaskCount(taskType) {
-    taskType = taskType || DEFAULT_TASK_TYPE;
-    taskCounts[taskType] = (taskCounts[taskType] || 0) + 1;
-    taskCounts[ALL_TASKS_TYPE] = (taskCounts[ALL_TASKS_TYPE] || 0) + 1;
-  }
-  function notifyWhenNoPendingTasks(callback, taskType) {
-    taskType = taskType || ALL_TASKS_TYPE;
-    if (!taskCounts[taskType]) {
-      callback();
-    } else {
-      taskCallbacks.push({ type: taskType, cb: callback });
-    }
+    return undefined;
   }
 }

package/src/router/common/coreservices.js CHANGED Viewed

@@ -1,5 +1,4 @@
-const services = {
+export const services = {
   $q: undefined,
   $injector: undefined,
 };
-export { services };

package/src/router/resolve/resolve-context.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { PathUtils } from "../path/path-utils";
 import { stringify } from "../../shared/strings";
 import { isUndefined } from "../../shared/utils";
-export let resolvePolicies = {
+export const resolvePolicies = {
   when: {
     LAZY: "LAZY",
     EAGER: "EAGER",
@@ -18,10 +18,8 @@ export let resolvePolicies = {
   },
 };
-const whens = resolvePolicies.when;
-const ALL_WHENS = [whens.EAGER, whens.LAZY];
-const EAGER_WHENS = [whens.EAGER];
-export const NATIVE_INJECTOR_TOKEN = "Native Injector";
+const ALL_WHENS = [resolvePolicies.when.EAGER, resolvePolicies.when.LAZY];
+const EAGER_WHENS = [resolvePolicies.when.EAGER];
 /**
  * Encapsulates Dependency Injection for a path of nodes
  *

package/src/router/state/state-service.js CHANGED Viewed

@@ -667,6 +667,7 @@ export class StateService {
   defaultErrorHandler(handler) {
     return (this._defaultErrorHandler = handler || this._defaultErrorHandler);
   }
   get(stateOrName, base) {
     const reg = this.stateRegistry;
     if (arguments.length === 0) return reg.get();

package/src/services/anchor-scroll.js CHANGED Viewed

@@ -19,14 +19,16 @@ import {
  * @typedef {AnchorScrollFunction | AnchorScrollObject} AnchorScrollService
  */
-export function AnchorScrollProvider() {
-  let autoScrollingEnabled = true;
+export class AnchorScrollProvider {
+  constructor() {
+    this.autoScrollingEnabled = true;
+  }
-  this.disableAutoScrolling = () => {
-    autoScrollingEnabled = false;
-  };
+  disableAutoScrolling() {
+    this.autoScrollingEnabled = false;
+  }
-  this.$get = [
+  $get = [
     "$location",
     "$rootScope",
     /**
@@ -124,7 +126,7 @@ export function AnchorScrollProvider() {
       // does not scroll when user clicks on anchor link that is currently on
       // (no url change, no $location.hash() change), browser native does scroll
-      if (autoScrollingEnabled) {
+      if (this.autoScrollingEnabled) {
         $rootScope.$watch(
           () => $location.hash(),
           (newVal, oldVal) => {