npm - @angular-wave/angular.ts - Versions diffs - 0.7.0-beta.1 → 0.7.1 - Mend

@angular-wave/angular.ts 0.7.0-beta.1 → 0.7.1

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 (927) hide show

package/docs/package.json CHANGED Viewed

@@ -1,14 +1,14 @@
 {
   "name": "docsy-example-site",
-  "version": "0.10.0",
-  "version.next": "0.10.1-dev.0-unreleased",
+  "version": "0.12.0",
+  "version.next": "0.12.1-dev-unreleased",
   "description": "Example site that uses Docsy theme for technical documentation.",
   "repository": "github:google/docsy-example",
   "homepage": "https://example.docsy.dev",
   "author": "Docsy Authors",
   "license": "Apache-2.0",
   "bugs": "https://github.com/google/docsy-example/issues",
-  "spelling": "cSpell:ignore HTMLTEST precheck postbuild -",
+  "spelling": "cSpell:ignore docsy hugo htmltest precheck postbuild rtlcss -",
   "scripts": {
     "_build": "npm run _hugo-dev --",
     "_check:links": "echo IMPLEMENTATION PENDING for check-links; echo",
@@ -31,12 +31,23 @@
     "serve": "npm run _serve",
     "test": "npm run check:links",
     "update:dep": "npm install --save-dev autoprefixer@latest postcss-cli@latest",
-    "update:hugo": "npm install --save-dev --save-exact hugo-extended@latest"
+    "update:hugo": "npm install --save-dev --save-exact hugo-extended@latest",
+    "update:pkgs": "npx npm-check-updates -u"
   },
   "devDependencies": {
-    "autoprefixer": "^10.4.14",
+    "autoprefixer": "^10.4.21",
     "cross-env": "^7.0.3",
-    "hugo-extended": "0.126.1",
-    "postcss-cli": "^11.0.0"
+    "hugo-extended": "0.147.8",
+    "postcss": "^8.4.38",
+    "postcss-cli": "^11.0.1",
+    "rtlcss": "^4.3.0"
+  },
+  "optionalDependencies": {
+    "npm-check-updates": "^18.0.1"
+  },
+  "private": true,
+  "prettier": {
+    "proseWrap": "always",
+    "singleQuote": true
   }
 }

package/index.html CHANGED Viewed

@@ -65,7 +65,7 @@
       });
     </script>
   </head>
-  <body ng-app="todo" ng-init="hide = false">
+  <body ng-app="todo">
     <div ng-controller="TodoCtrl as $ctrl">
       <h3>Todos</h3>
       <button ng-click="$ctrl.archive()">Archive</button>

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@angular-wave/angular.ts",
   "description": "A modern, optimized and typesafe version of AngularTS",
   "license": "MIT",
-  "version": "0.7.0-beta.1",
+  "version": "0.7.1",
   "type": "module",
   "main": "dist/angular-ts.esm.js",
   "module": "dist/angular-ts.esm.js",

package/src/animations/animate-children-directive.js CHANGED Viewed

@@ -1,8 +1,9 @@
 import { isString } from "../shared/utils.js";
 import { NG_ANIMATE_CHILDREN_DATA } from "./shared.js";
 import { setCacheData } from "../shared/dom.js";
+import { $injectTokens } from "../injection-tokens.js";
-$$AnimateChildrenDirective.$inject = ["$interpolate"];
+$$AnimateChildrenDirective.$inject = [$injectTokens.$interpolate];
 /**
  * @param {*} $interpolate

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

@@ -267,6 +267,7 @@ export function AnimateCssProvider() {
         // all of the animation functions should create
         // a copy of the options data, however, if a
         // parent service has already created a copy then
+        let delayStyle;
         // we should stick to using that
         let options = initialOptions || {};
         if (!options.$$prepared) {
@@ -479,13 +480,12 @@ export function AnimateCssProvider() {
           return closeAndReturnNoopAnimator();
         }
-        var activeClasses = pendClasses(
+        let activeClasses = pendClasses(
           preparationClasses,
           ACTIVE_CLASS_SUFFIX,
         );
         if (options.delay != null) {
-          var delayStyle;
           if (typeof options.delay !== "boolean") {
             delayStyle = parseFloat(options.delay);
             // number in options.delay means we have to recalculate the delay for the closing timeout

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

@@ -1,13 +1,13 @@
 export function AnimateAsyncRunFactoryProvider() {
   this.$get = [
     function () {
-      var waitQueue = [];
+      let waitQueue = [];
       function waitForTick(fn) {
         waitQueue.push(fn);
         if (waitQueue.length > 1) return;
         window.requestAnimationFrame(function () {
-          for (var i = 0; i < waitQueue.length; i++) {
+          for (let i = 0; i < waitQueue.length; i++) {
             waitQueue[i]();
           }
           waitQueue = [];
@@ -15,7 +15,7 @@ export function AnimateAsyncRunFactoryProvider() {
       }
       return function () {
-        var passed = false;
+        let passed = false;
         waitForTick(function () {
           passed = true;
         });

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

@@ -12,25 +12,22 @@ export function ngAnimateSwapDirective($animate) {
     link(scope, $element, attrs, ctrl, $transclude) {
       let previousElement;
       let previousScope;
-      scope.$watchCollection(
-        attrs["ngAnimateSwap"] || attrs["for"],
-        (value) => {
-          if (previousElement) {
-            $animate.leave(previousElement);
-          }
-          if (previousScope) {
-            previousScope.$destroy();
-            previousScope = null;
-          }
-          if (value) {
-            $transclude((clone, childScope) => {
-              previousElement = clone;
-              previousScope = childScope;
-              $animate.enter(clone, null, $element);
-            });
-          }
-        },
-      );
+      scope.$watch(attrs["ngAnimateSwap"] || attrs["for"], (value) => {
+        if (previousElement) {
+          $animate.leave(previousElement);
+        }
+        if (previousScope) {
+          previousScope.$destroy();
+          previousScope = null;
+        }
+        if (value) {
+          $transclude((clone, childScope) => {
+            previousElement = clone;
+            previousScope = childScope;
+            $animate.enter(clone, null, $element);
+          });
+        }
+      });
     },
   };
 }

package/src/animations/animate.js CHANGED Viewed

@@ -35,6 +35,8 @@ function prepareAnimateOptions(options) {
 }
 AnimateProvider.$inject = ["$provide"];
+/** @param {import('../interface.ts').Provider} $provide */
 export function AnimateProvider($provide) {
   const provider = this;
   let classNameFilter = null;
@@ -74,7 +76,7 @@ export function AnimateProvider($provide) {
    * ```
    *
    * @param {string} name The name of the animation (this is what the class-based CSS value will be compared to).
-   * @param {Function} factory The factory function that will be executed to return the animation
+   * @param {import("../interface.ts").Injectable} factory The factory function that will be executed to return the animation
    *                           object.
    */
   this.register = function (name, factory) {

package/src/animations/shared.js CHANGED Viewed

@@ -256,7 +256,7 @@ export function resolveElementClasses(existing, toAdd, toRemove) {
   };
   Object.entries(flags).forEach(([klass, val]) => {
-    var prop, allow;
+    let prop, allow;
     if (val === ADD_CLASS) {
       prop = "addClass";
       allow = !existing[klass] || existing[klass + REMOVE_CLASS_SUFFIX];

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

@@ -17,6 +17,9 @@ const $compileMinErr = minErr("$compile");
 const SIMPLE_ATTR_NAME = /^\w/;
 const specialAttrHolder = document.createElement("div");
+/**
+ * @implements {Record<string, any>}
+ */
 export class Attributes {
   static $nonscope = true;
@@ -26,7 +29,7 @@ export class Attributes {
    * @param {import("../exception-handler.js").ErrorHandler} $exceptionHandler
    * @param {*} $sce
    * @param {import("../../shared/noderef.js").NodeRef} [nodeRef]
-   * @param {*} [attributesToCopy]
+   * @param {Object} [attributesToCopy]
    */
   constructor(
     $rootScope,

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

@@ -143,7 +143,7 @@ export class CompileProvider {
   /**
    * @param {import('../../interface.js').Provider} $provide
-   * @param $$sanitizeUriProvider
+   * @param {import('../sanitize/sanitize-uri.js').SanitizeUriProvider} $$sanitizeUriProvider
    */
   constructor($provide, $$sanitizeUriProvider) {
     const hasDirectives = {};
@@ -155,7 +155,7 @@ export class CompileProvider {
      * @param {import("../scope/scope.js").Scope} scope
      * @param {string} directiveName
      * @param {boolean} isController
-     * @returns {Object} a configuartion object for attribute bindings
+     * @returns {Object} a configuration object for attribute bindings
      */
     function parseIsolateBindings(scope, directiveName, isController) {
       const LOCAL_REGEXP = /^([@&]|[=<]())(\??)\s*([\w$]*)$/;
@@ -451,13 +451,13 @@ export class CompileProvider {
      * the absolute url is prefixed with `'unsafe:'` string and only then is it written into the DOM.
      *
      * @param {RegExp=} regexp New regexp to trust urls with.
-     * @returns {RegExp|CompileProvider} Current RegExp if called without value or self for
+     * @returns {RegExp|import('../sanitize/sanitize-uri.js').SanitizeUriProvider} Current RegExp if called without value or self for
      *    chaining otherwise.
      */
     this.aHrefSanitizationTrustedUrlList = function (regexp) {
       if (isDefined(regexp)) {
         $$sanitizeUriProvider.aHrefSanitizationTrustedUrlList(regexp);
-        return this;
+        return;
       }
       return $$sanitizeUriProvider.aHrefSanitizationTrustedUrlList();
     };
@@ -474,13 +474,13 @@ export class CompileProvider {
      * the absolute url is prefixed with `'unsafe:'` string and only then is it written into the DOM.
      *
      * @param {RegExp=} regexp New regexp to trust urls with.
-     * @returns {RegExp|CompileProvider} Current RegExp if called without value or self for
+     * @returns {RegExp|import('../sanitize/sanitize-uri.js').SanitizeUriProvider} Current RegExp if called without value or self for
      *    chaining otherwise.
      */
     this.imgSrcSanitizationTrustedUrlList = function (regexp) {
       if (isDefined(regexp)) {
         $$sanitizeUriProvider.imgSrcSanitizationTrustedUrlList(regexp);
-        return this;
+        return;
       }
       return $$sanitizeUriProvider.imgSrcSanitizationTrustedUrlList();
     };
@@ -1296,6 +1296,7 @@ export class CompileProvider {
             let controllerScope;
             let elementControllers;
             let transcludeFn;
+            let scopeToChild = scope;
             /** @type {NodeRef} */
             let $element;
@@ -1467,7 +1468,7 @@ export class CompileProvider {
             // RECURSION
             // We only pass the isolate scope, if the isolate directive has a template,
             // otherwise the child elements do not belong to the isolate directive.
-            var scopeToChild = scope;
             if (
               newIsolateScopeDirective &&
               (newIsolateScopeDirective.template ||
@@ -2472,6 +2473,8 @@ export class CompileProvider {
             .catch((error) => {
               if (isError(error)) {
                 $exceptionHandler(error);
+              } else {
+                $exceptionHandler(new Error(error));
               }
             });
@@ -2579,11 +2582,12 @@ export class CompileProvider {
           type = (type || "html").toLowerCase();
           switch (type) {
             case "svg":
-            case "math":
-              /** @type {HTMLDivElement} */
-              var wrapper = document.createElement("div");
+            case "math": {
+              const wrapper =
+                /** @type {HTMLDivElement} */ document.createElement("div");
               wrapper.innerHTML = `<${type}>${template}</${type}>`;
               return wrapper.childNodes[0].childNodes;
+            }
             default:
               return template;
           }
@@ -2659,21 +2663,22 @@ export class CompileProvider {
           // If you want to programmatically set explicitly trusted unsafe URLs, you should use
           // `$sce.trustAsHtml` on the whole `img` tag and inject it into the DOM using the
           // `ng-bind-html` directive.
-          var result = "";
+          let result = "";
           // first check if there are spaces because it's not the same pattern
-          var trimmedSrcset = trim(value);
+          const trimmedSrcset = trim(value);
           //                (   999x   ,|   999w   ,|   ,|,   )
-          var srcPattern = /(\s+\d+x\s*,|\s+\d+w\s*,|\s+,|,\s+)/;
-          var pattern = /\s/.test(trimmedSrcset) ? srcPattern : /(,)/;
+          const srcPattern = /(\s+\d+x\s*,|\s+\d+w\s*,|\s+,|,\s+)/;
+          const pattern = /\s/.test(trimmedSrcset) ? srcPattern : /(,)/;
           // split srcset into tuple of uri and descriptor except for the last item
-          var rawUris = trimmedSrcset.split(pattern);
+          const rawUris = trimmedSrcset.split(pattern);
           // for each tuples
-          var nbrUrisWith2parts = Math.floor(rawUris.length / 2);
-          for (var i = 0; i < nbrUrisWith2parts; i++) {
-            var innerIdx = i * 2;
+          const nbrUrisWith2parts = Math.floor(rawUris.length / 2);
+          let i;
+          for (i = 0; i < nbrUrisWith2parts; i++) {
+            const innerIdx = i * 2;
             // sanitize the uri
             result += $sce.getTrustedMediaUrl(trim(rawUris[innerIdx]));
             // add the descriptor
@@ -2681,7 +2686,7 @@ export class CompileProvider {
           }
           // split the last item into uri and descriptor
-          var lastTuple = trim(rawUris[i * 2]).split(/\s/);
+          const lastTuple = trim(rawUris[i * 2]).split(/\s/);
           // sanitize the last uri
           result += $sce.getTrustedMediaUrl(trim(lastTuple[0]));
@@ -2985,7 +2990,7 @@ export class CompileProvider {
                   removeWatchCollection.push(removeWatch);
                   break;
-                case "=":
+                case "=": {
                   if (!hasOwn(attrs, attrName)) {
                     if (optional) {
                       break;
@@ -2998,7 +3003,6 @@ export class CompileProvider {
                   }
                   parentGet = $parse(attrs[attrName]);
-                  var complexExpression = !!parentGet.inputs;
                   if (parentGet.literal) {
                     compare = equals;
                   } else {
@@ -3023,7 +3027,7 @@ export class CompileProvider {
                   lastValue = destination.$target[scopeName] = parentGet(
                     scope.$target,
                   );
-                  var parentValueWatch = function parentValueWatch(
+                  const parentValueWatch = function parentValueWatch(
                     parentValue,
                   ) {
                     if (!compare(parentValue, destination[scopeName])) {
@@ -3055,7 +3059,7 @@ export class CompileProvider {
                       scope.$watch(
                         expr,
                         (val) => {
-                          var res = $parse(attrs[attrName], parentValueWatch);
+                          const res = $parse(attrs[attrName], parentValueWatch);
                           if (val) {
                             if (parentGet.literal) {
                               scope.$target[attrName] = val;
@@ -3081,7 +3085,7 @@ export class CompileProvider {
                           return;
                         }
                         if (
-                          (complexExpression && !parentGet.literal) ||
+                          (!!parentGet.inputs && !parentGet.literal) ||
                           (isUndefined(attrs[attrName]) && isDefined(val))
                         ) {
                           destination.$target[attrName] = lastValue;
@@ -3113,6 +3117,7 @@ export class CompileProvider {
                   }
                   removeWatchCollection.push(removeWatch);
                   break;
+                }
                 case "<":
                   if (!hasOwn(attrs, attrName)) {