@angular-wave/angular.ts 0.0.48 → 0.0.50

package/src/core/scope/scope.js

@@ -55,7 +55,7 @@ let lastDirtyWatch = null;
 let applyAsyncId = null;
 
 /** Services required by each scope instance */
-/** @type {angular.IParseService} */
+/** @type {import('../parser/parse').ParseService} */
 let $parse;
 /** @type {import('../../services/browser').Browser} */
 let $browser;
@@ -89,7 +89,7 @@ export class $RootScopeProvider {
     "$browser",
     /**
      * @param {import('../exception-handler').ErrorHandler} exceptionHandler
-     * @param {angular.IParseService} parse
+     * @param {import('../parser/parse').ParseService} parse
      * @param {import('../../services/browser').Browser} browser
      * @returns {Scope} root scope
      */
@@ -148,7 +148,7 @@ export class Scope {
     this.$root = this;
 
     /**
-     * @type {[]}
+     * @type {Array<any>}
      */
     this.$$watchers = [];
 
@@ -263,7 +263,7 @@ export class Scope {
     if (isolate || parent !== this) {
       child.$on(
         "$destroy",
-        /** @param {angular.IAngularEvent} $event */
+        /** @param {any} $event */ //angular.IAngularEvent
         ($event) => {
           $event.currentScope.$$destroyed = true;
         },
@@ -440,10 +440,10 @@ export class Scope {
    *   values are examined for changes on every call to `$digest`.
    * - The `listener` is called whenever any expression in the `watchExpressions` array changes.
    *
-   * @param {Array.<string|Function(scope)>} watchExpressions Array of expressions that will be individually
+   * @param {Array.<string|((Scope)=>any)>} watchExpressions Array of expressions that will be individually
    * watched using {@link ng.$rootScope.Scope#$watch $watch()}
    *
-   * @param {function(newValues, oldValues, scope)} listener Callback called whenever the return value of any
+   * @param {function(any, any, Scope): any} listener Callback called whenever the return value of any
    *    expression in `watchExpressions` changes
    *    The `newValues` array contains the current values of the `watchExpressions`, with the indexes matching
    *    those of `watchExpression`
@@ -533,12 +533,12 @@ export class Scope {
    *
    *
    *
-   * @param {string|function(scope)} obj Evaluated as {@link guide/expression expression}. The
+   * @param {string|function(Scope):any} obj Evaluated as {@link guide/expression expression}. The
    *    expression value should evaluate to an object or an array which is observed on each
    *    {@link ng.$rootScope.Scope#$digest $digest} cycle. Any shallow change within the
    *    collection will trigger a call to the `listener`.
    *
-   * @param {function(newCollection, oldCollection, scope)} listener a callback function called
+   * @param {function(any[], any[], Scope):any} listener a callback function called
    *    when a change is detected.
    *    - The `newCollection` object is the newly modified data obtained from the `obj` expression
    *    - The `oldCollection` object is a copy of the former collection data.
@@ -1309,7 +1309,7 @@ export class Scope {
    *   - `defaultPrevented` - `{boolean}`: true if `preventDefault` was called.
    *
    * @param {string} name Event name to listen on.
-   * @param {function(angular.IAngularEvent): any} listener Function to call when the event is emitted.
+   * @param {function(any): any} listener Function to call when the event is emitted witn angular.IAngularEvent
    * @returns {function()} Returns a deregistration function for this listener.
    */
   $on(name, listener) {
@@ -1319,6 +1319,7 @@ export class Scope {
     }
     namedListeners.push(listener);
 
+    /** @type {Scope} */
     let current = this;
     do {
       current.$$listenerCount[name] = (current.$$listenerCount[name] ?? 0) + 1;
@@ -1389,6 +1390,7 @@ export class Scope {
   $emit(name, ...args) {
     const empty = [];
     let namedListeners;
+    /** @type {Scope} */
     let scope = this;
     let stopPropagation = false;
     const event = {
@@ -1429,7 +1431,7 @@ export class Scope {
         break;
       }
       // traverse upwards
-      scope = scope.$parent;
+      scope = /** @type {Scope} */ scope.$parent;
     } while (scope);
 
     event.currentScope = null;
@@ -1460,8 +1462,10 @@ export class Scope {
    */
   $broadcast(name, ...args) {
     const target = this;
+    /** @type {Scope} */
     let current = target;
 
+    /** @type {Scope} */
     let next = target;
     const event = {
       name,

package/src/directive/csp.md

@@ -18,12 +18,6 @@
 -
 - The following default rules in CSP affect AngularJS:
 -
-- - The use of `eval()`, `Function(string)` and similar functions to dynamically create and execute
-- code from strings is forbidden. AngularJS makes use of this in the {@link $parse} service to
-- provide a 30% increase in the speed of evaluating AngularJS expressions. (This CSP rule can be
-- disabled with the CSP keyword `unsafe-eval`, but it is generally not recommended as it would
-- weaken the protections offered by CSP.)
--
 - - The use of inline resources, such as inline `<script>` and `<style>` elements, are forbidden.
 - This prevents apps from injecting custom styles directly into the document. AngularJS makes use of
 - this to include some CSS rules (e.g. {@link ngCloak} and {@link ngHide}). To make these
@@ -31,22 +25,6 @@
 - in your HTML manually. (This CSP rule can be disabled with the CSP keyword `unsafe-inline`, but
 - it is generally not recommended as it would weaken the protections offered by CSP.)
 -
-- If you do not provide `ngCsp` then AngularJS tries to autodetect if CSP is blocking dynamic code
-- creation from strings (e.g., `unsafe-eval` not specified in CSP header) and automatically
-- deactivates this feature in the {@link $parse} service. This autodetection, however, triggers a
-- CSP error to be logged in the console:
--
-- ```
-
-  ```
-
-- Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of
-- script in the following Content Security Policy directive: "default-src 'self'". Note that
-- 'script-src' was not explicitly set, so 'default-src' is used as a fallback.
-- ```
-
-  ```
-
 -
 - This error is harmless but annoying. To prevent the error from showing up, put the `ngCsp`
 - directive on an element of the HTML document that appears before the `<script>` tag that loads
@@ -59,7 +37,6 @@
 -
 - - no-inline-style: this stops AngularJS from injecting CSS styles into the DOM
 -
-- - no-unsafe-eval: this stops AngularJS from optimizing $parse with unsafe eval of strings
 -
 - You can use these values in the following combinations:
 -
@@ -72,9 +49,6 @@
 - styles and unsafe eval. E.g. `<body ng-csp>`. This is backwardly compatible with previous
 - versions of AngularJS.
 -
-- - Specifying only `no-unsafe-eval` tells AngularJS that we must not use eval, but that we can
-- inject inline styles. E.g. `<body ng-csp="no-unsafe-eval">`.
--
 - - Specifying only `no-inline-style` tells AngularJS that we must not inject styles, but that we can
 - run eval - no automatic check for unsafe eval will occur. E.g. `<body ng-csp="no-inline-style">`
 -

package/src/directive/form/form.spec.js

@@ -523,12 +523,12 @@ describe("form", () => {
   describe("nested forms", () => {
     it("should chain nested forms", () => {
       doc = JQLite(
-        '<ng:form name="parent">' +
-          '<ng:form name="child">' +
-          '<input ng:model="modelA" name="inputA">' +
-          '<input ng:model="modelB" name="inputB">' +
-          "</ng:form>" +
-          "</ng:form>",
+        '<ng-form name="parent">' +
+          '<ng-form name="child">' +
+          '<input ng-model="modelA" name="inputA">' +
+          '<input ng-model="modelB" name="inputB">' +
+          "</ng-form>" +
+          "</ng-form>",
       );
       $compile(doc)(scope);
 
@@ -561,8 +561,8 @@ describe("form", () => {
       doc = JQLite(
         '<ng-form name="parent">' +
           '<ng-form name="child">' +
-          '<input ng:model="modelA" name="inputA">' +
-          '<input ng:model="modelB" name="inputB">' +
+          '<input ng-model="modelA" name="inputA">' +
+          '<input ng-model="modelB" name="inputB">' +
           "</ng-form>" +
           "</ng-form>",
       );
@@ -581,7 +581,7 @@ describe("form", () => {
         '<ng-form name="parent">' +
           '<ng-form name="child">' +
           '<ng-form name="grandchild">' +
-          '<input ng:model="modelA" name="inputA">' +
+          '<input ng-model="modelA" name="inputA">' +
           "</ng-form>" +
           "</ng-form>" +
           "</ng-form>",
@@ -647,8 +647,8 @@ describe("form", () => {
         '<ng-form name="parent">' +
           '<ng-form name="child">' +
           '<ng-form name="grandchild">' +
-          '<input ng:model="modelA" name="inputA">' +
-          '<input ng:model="modelB" name="inputB">' +
+          '<input ng-model="modelA" name="inputA">' +
+          '<input ng-model="modelB" name="inputB">' +
           "</ng-form>" +
           "</ng-form>" +
           "</ng-form>",
@@ -670,7 +670,7 @@ describe("form", () => {
       doc = JQLite(
         '<form name="parent">' +
           '<div ng-form name="child">' +
-          '<input ng:model="modelA" name="inputA" required>' +
+          '<input ng-model="modelA" name="inputA" required>' +
           "</div>" +
           "</form>",
       );
@@ -694,7 +694,7 @@ describe("form", () => {
       doc = JQLite(
         '<form name="parent">' +
           '<div ng-form name="child.form">' +
-          '<input ng:model="modelA" name="inputA" required>' +
+          '<input ng-model="modelA" name="inputA" required>' +
           "</div>" +
           "</form>",
       );
@@ -974,11 +974,11 @@ describe("form", () => {
 
     it("should chain nested forms in repeater", () => {
       doc = JQLite(
-        "<ng:form name=parent>" +
-          '<ng:form ng:repeat="f in forms" name=child>' +
-          "<input type=text ng:model=text name=text>" +
-          "</ng:form>" +
-          "</ng:form>",
+        "<ng-form name=parent>" +
+          '<ng-form ng-repeat="f in forms" name=child>' +
+          "<input type=text ng-model=text name=text>" +
+          "</ng-form>" +
+          "</ng-form>",
       );
       $compile(doc)(scope);
 

package/src/directive/include/include.spec.js

@@ -93,7 +93,7 @@ describe("ngInclude", () => {
     });
 
     it("should NOT use untrusted URL expressions ", () => {
-      element = JQLite('<ng:include src="url"></ng:include>');
+      element = JQLite('<ng-include src="url"></ng-include>');
       const injector = angular.bootstrap(element);
       $rootScope = injector.get("$rootScope");
       $rootScope.url = "http://example.com/myUrl";
@@ -103,7 +103,7 @@ describe("ngInclude", () => {
     });
 
     it("should NOT use mistyped expressions ", () => {
-      element = JQLite('<ng:include src="url"></ng:include>');
+      element = JQLite('<ng-include src="url"></ng-include>');
       const injector = angular.bootstrap(element);
       $rootScope = injector.get("$rootScope");
       $rootScope.name = "chirayu";
@@ -115,7 +115,7 @@ describe("ngInclude", () => {
     });
 
     it("should remove previously included text if a falsy value is bound to src", (done) => {
-      element = JQLite('<div><ng:include src="url"></ng:include></div>');
+      element = JQLite('<div><ng-include src="url"></ng-include></div>');
       const injector = angular.bootstrap(element);
       $rootScope = injector.get("$rootScope");
       $rootScope.expr = "igor";
@@ -142,7 +142,7 @@ describe("ngInclude", () => {
         });
       });
       element = JQLite(
-        '<div><div><ng:include src="url"></ng:include></div></div>',
+        '<div><div><ng-include src="url"></ng-include></div></div>',
       );
       const injector = angular.bootstrap(element, ["myModule"]);
       $rootScope = injector.get("$rootScope");
@@ -165,7 +165,7 @@ describe("ngInclude", () => {
         });
       });
       element = JQLite(
-        '<div><div><ng:include src="url"></ng:include></div></div>',
+        '<div><div><ng-include src="url"></ng-include></div></div>',
       );
       const injector = angular.bootstrap(element, ["myModule"]);
       $rootScope = injector.get("$rootScope");
@@ -189,7 +189,7 @@ describe("ngInclude", () => {
       });
 
       element = JQLite(
-        '<div><div><ng:include src="url"></ng:include></div></div>',
+        '<div><div><ng-include src="url"></ng-include></div></div>',
       );
 
       const injector = angular.bootstrap(element, ["myModule"]);
@@ -207,7 +207,7 @@ describe("ngInclude", () => {
       window.angular.module("myModule", []);
 
       element = JQLite(
-        '<div><div><ng:include src="url" onload="loaded = true"></ng:include></div></div>',
+        '<div><div><ng-include src="url" onload="loaded = true"></ng-include></div></div>',
       );
       const injector = angular.bootstrap(element, ["myModule"]);
       $rootScope = injector.get("$rootScope");
@@ -227,7 +227,7 @@ describe("ngInclude", () => {
     it("should create child scope and destroy old one", (done) => {
       window.angular.module("myModule", []);
 
-      element = JQLite('<div><ng:include src="url"></ng:include></div>');
+      element = JQLite('<div><ng-include src="url"></ng-include></div>');
       const injector = angular.bootstrap(element, ["myModule"]);
       $rootScope = injector.get("$rootScope");
       $rootScope.$digest();
@@ -267,7 +267,7 @@ describe("ngInclude", () => {
 
     it("should do xhr request and cache it", async () => {
       window.angular.module("myModule", []);
-      element = JQLite('<div><ng:include src="url"></ng:include></div>');
+      element = JQLite('<div><ng-include src="url"></ng-include></div>');
       const injector = angular.bootstrap(element, ["myModule"]);
       $rootScope = injector.get("$rootScope");
       $rootScope.url = "/mock/hello";
@@ -287,7 +287,7 @@ describe("ngInclude", () => {
 
     it("should clear content when error during xhr request", () => {
       window.angular.module("myModule", []);
-      element = JQLite('<div><ng:include src="url">content</ng:include></div>');
+      element = JQLite('<div><ng-include src="url">content</ng-include></div>');
       const injector = angular.bootstrap(element, ["myModule"]);
       $rootScope = injector.get("$rootScope");
       $rootScope.url = "/mock/401";
@@ -297,7 +297,7 @@ describe("ngInclude", () => {
 
     it("should be async even if served from cache", (done) => {
       window.angular.module("myModule", []);
-      element = JQLite('<div><ng:include src="url"></ng:include></div>');
+      element = JQLite('<div><ng-include src="url"></ng-include></div>');
       const injector = angular.bootstrap(element, ["myModule"]);
       $rootScope = injector.get("$rootScope");
       $rootScope.url = "/mock/hello";
@@ -319,7 +319,7 @@ describe("ngInclude", () => {
     it("should discard pending xhr callbacks if a new template is requested before the current finished loading", (done) => {
       window.angular.module("myModule", []);
       element = JQLite(
-        "<div><ng:include src='templateUrl'></ng:include></div>",
+        "<div><ng-include src='templateUrl'></ng-include></div>",
       );
       const injector = angular.bootstrap(element, ["myModule"]);
       $rootScope = injector.get("$rootScope");
@@ -339,7 +339,7 @@ describe("ngInclude", () => {
     it("should not break attribute bindings on the same element", async () => {
       window.angular.module("myModule", []);
       element = JQLite(
-        '<div><span foo="#/{{hrefUrl}}" ng:include="includeUrl"></span></div>',
+        '<div><span foo="#/{{hrefUrl}}" ng-include="includeUrl"></span></div>',
       );
       const injector = angular.bootstrap(element, ["myModule"]);
       $rootScope = injector.get("$rootScope");
@@ -457,7 +457,7 @@ describe("ngInclude", () => {
           },
         ]);
         element = JQLite(
-          '<div><ng:include src="tpl" autoscroll></ng:include></div>',
+          '<div><ng-include src="tpl" autoscroll></ng-include></div>',
         );
         const injector = angular.bootstrap(element, ["myModule"]);
         $rootScope = injector.get("$rootScope");
@@ -480,7 +480,7 @@ describe("ngInclude", () => {
           },
         ]);
         element = JQLite(
-          '<div><ng:include src="tpl" autoscroll="value"></ng:include></div>',
+          '<div><ng-include src="tpl" autoscroll="value"></ng-include></div>',
         );
         const injector = angular.bootstrap(element, ["myModule"]);
         $rootScope = injector.get("$rootScope");
@@ -506,7 +506,7 @@ describe("ngInclude", () => {
           },
         ]);
 
-        element = JQLite('<div><ng:include src="tpl"></ng:include></div>');
+        element = JQLite('<div><ng-include src="tpl"></ng-include></div>');
         const injector = angular.bootstrap(element, ["myModule"]);
         $rootScope = injector.get("$rootScope");
 
@@ -530,7 +530,7 @@ describe("ngInclude", () => {
         ]);
 
         element = JQLite(
-          '<div><ng:include src="tpl" autoscroll="value"></ng:include></div>',
+          '<div><ng-include src="tpl" autoscroll="value"></ng-include></div>',
         );
         const injector = angular.bootstrap(element, ["myModule"]);
         $rootScope = injector.get("$rootScope");
@@ -558,7 +558,7 @@ describe("ngInclude", () => {
 
       // it('should only call $anchorScroll after the "enter" animation completes', inject(
       //   compileAndLink(
-      //     '<div><ng:include src="tpl" autoscroll></ng:include></div>',
+      //     '<div><ng-include src="tpl" autoscroll></ng-include></div>',
       //   ),
       //   ($rootScope, $animate, $timeout) => {
       //     expect(autoScrollSpy).not.toHaveBeenCalled();

package/src/directive/switch/switch.spec.js

@@ -103,10 +103,10 @@ describe("ngSwitch", () => {
 
   it("should switch on switch-when-default", () => {
     element = $compile(
-      '<ng:switch on="select">' +
-        '<div ng:switch-when="1">one</div>' +
-        "<div ng:switch-default>other</div>" +
-        "</ng:switch>",
+      '<ng-switch on="select">' +
+        '<div ng-switch-when="1">one</div>' +
+        "<div ng-switch-default>other</div>" +
+        "</ng-switch>",
     )($scope);
     $scope.$apply();
     expect(element.text()).toEqual("other");

package/src/shared/constants.js

@@ -7,8 +7,9 @@ export const TOUCHED_CLASS = "ng-touched";
 export const EMPTY_CLASS = "ng-empty";
 export const NOT_EMPTY_CLASS = "ng-not-empty";
 
-export const PREFIX_REGEXP = /^((?:x|data)[:\-_])/i;
-export const SPECIAL_CHARS_REGEXP = /[:\-_]+(.)/g;
+// x prefix is being kept for view-directive.spec lines 1550, 565
+export const PREFIX_REGEXP = /^((?:x|data)[-])/i;
+export const SPECIAL_CHARS_REGEXP = /[-]+(.)/g;
 
 export const ALIASED_ATTR = {
   ngMinlength: "minlength",

package/src/shared/jqlite/jqlite.js

@@ -366,7 +366,7 @@ JQLite.prototype.removeData = function (name) {
 /**
  * Gets or sets data on a parent element
  * @param {string} name
- * @param {any} value
+ * @param {any} [value]
  * @returns {JQLite|any}
  */
 JQLite.prototype.inheritedData = function (name, value) {
@@ -383,7 +383,7 @@ JQLite.prototype.inheritedData = function (name, value) {
 
 /**
  * Gets or sets innerHTML on the first element in JQLite collection
- * @param {string} value
+ * @param {string} [value]
  * @returns {JQLite|any|undefined}
  */
 JQLite.prototype.html = function (value) {

package/src/types.js

@@ -12,7 +12,10 @@
  */
 
 /**
- * @typedef {function(any, any=): any} CompiledExpression
+ * @typedef {function} CompiledExpression
+ * @param {import('./core/scope/scope').Scope} context - An object against which any expressions embedded in the strings are evaluated against (typically a scope object).
+ * @param {object} [locals] - local variables context object, useful for overriding values in `context`.
+ * @returns {any}
  * @property {boolean} literal - Indicates if the expression is a literal.
  * @property {boolean} constant - Indicates if the expression is constant.
  * @property {function(any, any): any} assign - Assigns a value to a context. If value is not provided,