@angular-wave/angular.ts 0.0.1 → 0.0.2

package/src/core/location.js

@@ -940,7 +940,7 @@ export function $LocationProvider() {
         if (isString(rewriteLinks) && isUndefined(elm.attr(rewriteLinks)))
           return;
 
-        let absHref = elm.prop("href");
+        let absHref = elm[0].href;
         // get the actual href attribute - see
         // http://msdn.microsoft.com/en-us/library/ie/dd347148(v=vs.85).aspx
         const relHref = elm.attr("href") || elm.attr("xlink:href");

package/src/core/utils.js

@@ -605,7 +605,7 @@ export function isElement(node) {
   return !!(
     node &&
     (node.nodeName || // We are a direct element.
-      (node.prop && node.attr && node.find))
+      (node.attr && node.find))
   ); // We have an on and find method part of jQuery API.
 }
 

package/src/directive/a.js

@@ -20,7 +20,7 @@ export function htmlAnchorDirective() {
 
           // SVGAElement does not use the href attribute, but rather the 'xlinkHref' attribute.
           const href =
-            toString.call(element.prop("href")) === "[object SVGAnimatedString]"
+            toString.call(element[0].href) === "[object SVGAnimatedString]"
               ? "xlink:href"
               : "href";
           element.on("click", (event) => {

package/src/directive/attrs.js

@@ -256,7 +256,7 @@ forEach(["src", "srcset", "href"], (attrName) => {
 
           if (
             attrName === "href" &&
-            toString.call(element.prop("href")) === "[object SVGAnimatedString]"
+            toString.call(element[0].href) === "[object SVGAnimatedString]"
           ) {
             name = "xlinkHref";
             attr.$attr[name] = "xlink:href";

package/src/directive/csp.md

@@ -0,0 +1,87 @@
+/\*\*
+
+- @ngdoc directive
+- @name ngCsp
+-
+- @restrict A
+- @element ANY
+- @description
+-
+- AngularJS has some features that can conflict with certain restrictions that are applied when using
+- [CSP (Content Security Policy)](https://developer.mozilla.org/en/Security/CSP) rules.
+-
+- If you intend to implement CSP with these rules then you must tell AngularJS not to use these
+- features.
+-
+- This is necessary when developing things like Google Chrome Extensions or Universal Windows Apps.
+-
+-
+- 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
+- directives work when a CSP rule is blocking inline styles, you must link to the `angular-csp.css`
+- 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
+- the `angular.js` file.
+-
+- _Note: This directive is only available in the `ng-csp` and `data-ng-csp` attribute form._
+-
+- You can specify which of the CSP related AngularJS features should be deactivated by providing
+- a value for the `ng-csp` attribute. The options are as follows:
+-
+- - 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:
+-
+-
+- - No declaration means that AngularJS will assume that you can do inline styles, but it will do
+- a runtime check for unsafe-eval. E.g. `<body>`. This is backwardly compatible with previous
+- versions of AngularJS.
+-
+- - A simple `ng-csp` (or `data-ng-csp`) attribute will tell AngularJS to deactivate both inline
+- 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">`
+-
+- - Specifying both `no-unsafe-eval` and `no-inline-style` tells AngularJS that we must not inject
+- styles nor use eval, which is the same as an empty: ng-csp.
+- E.g.`<body ng-csp="no-inline-style;no-unsafe-eval">`
+
+// `ngCsp` is not implemented as a proper directive any more, because we need it be processed while
+// we bootstrap the app (before `$parse` is instantiated). For this reason, we just have the `csp()`
+// fn that looks for the `ng-csp` attribute anywhere in the current doc.
+// TODO MOVE CSP to PARSE CONFIG as this should not even be a directive
+\*/

package/src/directive/input.js

@@ -15,7 +15,7 @@ import {
   nextUid,
   equals,
 } from "../core/utils";
-import { ngModelMinErr } from "./ngModel";
+import { ngModelMinErr } from "./model";
 
 // Regex code was initially obtained from SO prior to modification: https://stackoverflow.com/questions/3143070/javascript-regex-iso-datetime#answer-3143231
 export const ISO_DATE_REGEXP =
@@ -1102,7 +1102,7 @@ export function badInputChecker(scope, element, attr, ctrl, parserName) {
 
   if (nativeValidation) {
     ctrl.$parsers.push((value) => {
-      const validity = element.prop(VALIDITY_STATE_PROPERTY) || {};
+      const validity = element[0][VALIDITY_STATE_PROPERTY] || {};
       if (validity.badInput || validity.typeMismatch) {
         ctrl.$$parserName = parserName;
         return undefined;
@@ -1759,7 +1759,7 @@ export function ngValueDirective() {
     // Support: IE9 only
     // In IE9 values are converted to string (e.g. `input.value = null` results in `input.value === 'null'`).
     const propValue = isDefined(value) ? value : null;
-    element.prop("value", propValue);
+    element[0]["value"] = propValue;
     attr.$set("value", value);
   }
 

package/src/directive/{ngModel.js → model.js}

@@ -17,7 +17,7 @@ import {
   isFunction,
 } from "../core/utils";
 import { addSetValidityMethod, nullFormCtrl, setupValidity } from "./form";
-import { defaultModelOptions } from "./ngModelOptions";
+import { defaultModelOptions } from "./model-options";
 import { startingTag } from "../jqLite";
 export const ngModelMinErr = minErr("ngModel");
 

package/src/directive/select.js

@@ -11,7 +11,7 @@ import {
 const noopNgModelController = { $setViewValue: () => {}, $render: () => {} };
 
 function setOptionSelectedStatus(optionEl, value) {
-  optionEl.prop("selected", value);
+  optionEl[0].selected = value;
   /**
    * When unselecting an option, setting the property to null / false should be enough
    * However, screenreaders might react to the selected attribute instead, see
@@ -278,7 +278,7 @@ var SelectController = [
 
         optionAttrs.$observe("value", (newVal) => {
           let removal;
-          const previouslySelected = optionElement.prop("selected");
+          const previouslySelected = optionElement[0].selected;
 
           if (isDefined(hashedVal)) {
             self.removeOption(oldVal);
@@ -306,7 +306,7 @@ var SelectController = [
           self.readValue();
 
           let removal;
-          const previouslySelected = optionElement.prop("selected");
+          const previouslySelected = optionElement[0].selected;
 
           if (isDefined(oldVal)) {
             self.removeOption(oldVal);
@@ -323,7 +323,7 @@ var SelectController = [
         // The text content is interpolated
         optionScope.$watch(interpolateTextFn, (newVal, oldVal) => {
           optionAttrs.$set("value", newVal);
-          const previouslySelected = optionElement.prop("selected");
+          const previouslySelected = optionElement[0].selected;
           if (oldVal !== newVal) {
             self.removeOption(oldVal);
           }
@@ -342,7 +342,7 @@ var SelectController = [
         // Since model updates will also select disabled options (like ngOptions),
         // we only have to handle options becoming disabled, not enabled
 
-        if (newVal === "true" || (newVal && optionElement.prop("selected"))) {
+        if (newVal === "true" || (newVal && optionElement[0].selected)) {
           if (self.multiple) {
             scheduleViewValueUpdate(true);
           } else {

package/src/jqLite.js

@@ -42,12 +42,10 @@ import { CACHE } from "./core/cache";
  * ## AngularJS's jqLite
  * jqLite provides only the following jQuery methods:
  *
- * - [`addClass()`](http://api.jquery.com/addClass/) - Does not support a function as first argument
  * - [`after()`](http://api.jquery.com/after/)
  * - [`append()`](http://api.jquery.com/append/) - Contrary to jQuery, this doesn't clone elements
  *   so will not work correctly when invoked on a jqLite object containing more than one DOM node
  * - [`attr()`](http://api.jquery.com/attr/) - Does not support functions as parameters
- * - [`bind()`](http://api.jquery.com/bind/) (_deprecated_, use [`on()`](http://api.jquery.com/on/)) - Does not support namespaces, selectors or eventData
  * - [`children()`](http://api.jquery.com/children/) - Does not support selectors
  * - [`data()`](http://api.jquery.com/data/)
  * - [`empty()`](http://api.jquery.com/empty/)
@@ -58,7 +56,6 @@ import { CACHE } from "./core/cache";
  * - [`one()`](http://api.jquery.com/one/) - Does not support namespaces or selectors
  * - [`parent()`](http://api.jquery.com/parent/) - Does not support selectors
  * - [`prepend()`](http://api.jquery.com/prepend/)
- * - [`prop()`](http://api.jquery.com/prop/)
  * - [`remove()`](http://api.jquery.com/remove/)
  * - [`removeData()`](http://api.jquery.com/removeData/)
  * - [`replaceWith()`](http://api.jquery.com/replaceWith/)
@@ -669,15 +666,6 @@ forEach(
         return ret === null ? undefined : ret;
       }
     },
-
-    prop(element, name, value) {
-      if (isDefined(value)) {
-        element[name] = value;
-      } else {
-        return element[name];
-      }
-    },
-
     text: (function () {
       getText.$dv = "";
       return getText;

package/src/public.js

@@ -17,28 +17,28 @@ import {
   ngClassDirective,
   ngClassEvenDirective,
   ngClassOddDirective,
-} from "./directive/ngClass";
+} from "./directive/class";
 import { ngCloakDirective } from "./directive/cloak";
-import { ngControllerDirective } from "./directive/ngController";
-import { ngHideDirective, ngShowDirective } from "./directive/ngShowHide";
-import { ngIfDirective } from "./directive/ngIf";
+import { ngControllerDirective } from "./directive/controller";
+import { ngHideDirective, ngShowDirective } from "./directive/show-hide";
+import { ngIfDirective } from "./directive/if";
 import {
   ngIncludeDirective,
   ngIncludeFillContentDirective,
-} from "./directive/ngInclude";
+} from "./directive/include";
 import { ngInitDirective } from "./directive/init";
 import { ngNonBindableDirective } from "./directive/non-bindable";
-import { ngRefDirective } from "./directive/ngRef";
-import { ngRepeatDirective } from "./directive/ngRepeat";
+import { ngRefDirective } from "./directive/ref";
+import { ngRepeatDirective } from "./directive/repeat";
 import { ngStyleDirective } from "./directive/style";
 import {
   ngSwitchDirective,
   ngSwitchWhenDirective,
   ngSwitchDefaultDirective,
-} from "./directive/ngSwitch";
-import { ngOptionsDirective } from "./directive/ngOptions";
-import { ngTranscludeDirective } from "./directive/ngTransclude";
-import { ngModelDirective } from "./directive/ngModel";
+} from "./directive/switch";
+import { ngOptionsDirective } from "./directive/options";
+import { ngTranscludeDirective } from "./directive/transclude";
+import { ngModelDirective } from "./directive/model";
 import { ngListDirective } from "./directive/list";
 import { ngChangeDirective } from "./directive/change";
 import {
@@ -47,36 +47,36 @@ import {
   patternDirective,
   requiredDirective,
 } from "./directive/validators";
-import { ngModelOptionsDirective } from "./directive/ngModelOptions";
+import { ngModelOptionsDirective } from "./directive/model-options";
 import { ngAttributeAliasDirectives } from "./directive/attrs";
 import { ngEventDirectives } from "./directive/events";
-import { AnchorScrollProvider } from "./services/anchorScroll";
+import { AnchorScrollProvider } from "./services/anchor-scroll";
 import {
   AnimateProvider,
   CoreAnimateJsProvider,
   CoreAnimateQueueProvider,
 } from "./core/animate";
 import { BrowserProvider } from "./services/browser";
-import { CoreAnimateCssProvider } from "./core/animateCss";
-import { CookieReaderProvider } from "./services/cookieReader";
+import { CoreAnimateCssProvider } from "./core/animate-css";
+import { CookieReaderProvider } from "./services/cookie-reader";
 import {
   AnimateAsyncRunFactoryProvider,
   AnimateRunnerFactoryProvider,
-} from "./core/animateRunner";
+} from "./core/animate-runner";
 import {
   CacheFactoryProvider,
   TemplateCacheProvider,
-} from "./services/cacheFactory";
+} from "./services/cache-factory";
 import { $ControllerProvider } from "./core/controller";
 import {
   $DocumentProvider,
   $$IsDocumentHiddenProvider,
 } from "./services/document";
-import { $ExceptionHandlerProvider } from "./core/exceptionHandler";
+import { $ExceptionHandlerProvider } from "./core/exception-handler";
 import { $FilterProvider } from "./core/filter";
 import { $IntervalProvider } from "./core/interval";
 import { $InterpolateProvider } from "./core/interpolate";
-import { $$IntervalFactoryProvider } from "./core/intervalFactory";
+import { $$IntervalFactoryProvider } from "./core/interval-factory";
 import {
   $HttpProvider,
   $HttpParamSerializerProvider,
@@ -85,17 +85,17 @@ import {
 import {
   $HttpBackendProvider,
   $xhrFactoryProvider,
-} from "./services/httpBackend";
+} from "./services/http-backend";
 import { $LocationProvider } from "./core/location";
 import { $LogProvider } from "./services/log";
 import { $ParseProvider } from "./core/parser/parse";
-import { $RootScopeProvider } from "./core/rootScope";
+import { $RootScopeProvider } from "./core/root-scope";
 import { $QProvider, $$QProvider } from "./core/q";
 import { $SceProvider, $SceDelegateProvider } from "./core/sce";
-import { $$TaskTrackerFactoryProvider } from "./core/taskTrackerFactory";
-import { TemplateRequestProvider } from "./services/templateRequest";
+import { $$TaskTrackerFactoryProvider } from "./core/task-tracker-factory";
+import { TemplateRequestProvider } from "./services/template-request";
 import { $TimeoutProvider } from "./core/timeout";
-import { SanitizeUriProvider } from "./core/sanitizeUri";
+import { SanitizeUriProvider } from "./core/sanitize-uri";
 import { setupModuleLoader } from "./loader";
 import { initAnimateModule } from "./animations/module";
 import { initMessageModule } from "./exts/messages";

package/src/services/log.js

@@ -1,49 +1,4 @@
-/**
- * @ngdoc service
- * @name $log
- *
- * @description
- * Simple service for logging. Default implementation safely writes the message
- * into the browser's console (if present).
- *
- * The main purpose of this service is to simplify debugging and troubleshooting.
- *
- * To reveal the location of the calls to `$log` in the JavaScript console,
- * you can "blackbox" the AngularJS source in your browser:
- *
- * [Mozilla description of blackboxing](https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Black_box_a_source).
- * [Chrome description of blackboxing](https://developer.chrome.com/devtools/docs/blackboxing).
- *
- * Note: Not all browsers support blackboxing.
- *
- * The default is to log `debug` messages. You can use
- * {@link ng.$logProvider ng.$logProvider#debugEnabled} to change this.
- *
- * @example
-   <example module="logExample" name="log-service">
-     <file name="script.js">
-       angular.module('logExample', [])
-         .controller('LogController', ['$scope', '$log', function($scope, $log) {
-           $scope.$log = $log;
-           $scope.message = 'Hello World!';
-         }]);
-     </file>
-     <file name="index.html">
-       <div ng-controller="LogController">
-         <p>Reload this page with open console, enter text and hit the log button...</p>
-         <label>Message:
-         <input type="text" ng-model="message" /></label>
-         <button ng-click="$log.log(message)">log</button>
-         <button ng-click="$log.warn(message)">warn</button>
-         <button ng-click="$log.info(message)">info</button>
-         <button ng-click="$log.error(message)">error</button>
-         <button ng-click="$log.debug(message)">debug</button>
-       </div>
-     </file>
-   </example>
- */
-
-import { forEach, isDefined, isError } from "../core/utils";
+import { isError } from "../core/utils";
 
 /**
  * @ngdoc provider
@@ -53,9 +8,10 @@ import { forEach, isDefined, isError } from "../core/utils";
  * @description
  * Use the `$logProvider` to configure how the application logs messages
  */
-export function $LogProvider() {
-  let debug = true;
-  const self = this;
+export class $LogProvider {
+  constructor() {
+    this.debug = true;
+  }
 
   /**
    * @ngdoc method
@@ -64,15 +20,15 @@ export function $LogProvider() {
    * @param {boolean=} flag enable or disable debug level messages
    * @returns {*} current value if used as getter or itself (chaining) if used as setter
    */
-  this.debugEnabled = function (flag) {
-    if (isDefined(flag)) {
-      debug = flag;
+  debugEnabled(flag) {
+    if (typeof flag !== "undefined") {
+      this.debug = flag;
       return this;
     }
-    return debug;
-  };
+    return this.debug;
+  }
 
-  function formatError(arg) {
+  formatError(arg) {
     if (isError(arg)) {
       if (arg.stack) {
         arg =
@@ -86,75 +42,69 @@ export function $LogProvider() {
     return arg;
   }
 
-  function consoleLog(type) {
+  consoleLog(type) {
     const console = window.console || {};
     const logFn = console[type] || console.log || (() => {});
 
-    return function () {
-      var args = [];
-      forEach(arguments, function (arg) {
-        args.push(formatError(arg));
-      });
-      return logFn.apply(console, args);
+    return (...args) => {
+      const formattedArgs = args.map((arg) => this.formatError(arg));
+      return logFn.apply(console, formattedArgs);
     };
   }
 
-  this.$get = [
-    function () {
-      return {
-        /**
-         * @ngdoc method
-         * @name $log#log
-         *
-         * @description
-         * Write a log message
-         */
-        log: consoleLog("log"),
-
-        /**
-         * @ngdoc method
-         * @name $log#info
-         *
-         * @description
-         * Write an information message
-         */
-        info: consoleLog("info"),
+  $get() {
+    return {
+      /**
+       * @ngdoc method
+       * @name $log#log
+       *
+       * @description
+       * Write a log message
+       */
+      log: this.consoleLog("log"),
 
-        /**
-         * @ngdoc method
-         * @name $log#warn
-         *
-         * @description
-         * Write a warning message
-         */
-        warn: consoleLog("warn"),
+      /**
+       * @ngdoc method
+       * @name $log#info
+       *
+       * @description
+       * Write an information message
+       */
+      info: this.consoleLog("info"),
 
-        /**
-         * @ngdoc method
-         * @name $log#error
-         *
-         * @description
-         * Write an error message
-         */
-        error: consoleLog("error"),
+      /**
+       * @ngdoc method
+       * @name $log#warn
+       *
+       * @description
+       * Write a warning message
+       */
+      warn: this.consoleLog("warn"),
 
-        /**
-         * @ngdoc method
-         * @name $log#debug
-         *
-         * @description
-         * Write a debug message
-         */
-        debug: (function () {
-          const fn = consoleLog("debug");
+      /**
+       * @ngdoc method
+       * @name $log#error
+       *
+       * @description
+       * Write an error message
+       */
+      error: this.consoleLog("error"),
 
-          return function () {
-            if (debug) {
-              fn.apply(self, arguments);
-            }
-          };
-        })(),
-      };
-    },
-  ];
+      /**
+       * @ngdoc method
+       * @name $log#debug
+       *
+       * @description
+       * Write a debug message
+       */
+      debug: (() => {
+        const fn = this.consoleLog("debug");
+        return (...args) => {
+          if (this.debug) {
+            fn.apply(this, args);
+          }
+        };
+      })(),
+    };
+  }
 }

package/src/services/log.md

@@ -0,0 +1,39 @@
+# $log
+
+Simple service for logging. Default implementation safely writes the message into the browser's console (if present).
+
+The main purpose of this service is to simplify debugging and troubleshooting.
+
+To reveal the location of the calls to `$log` in the JavaScript console, you can "blackbox" the AngularJS source in your browser:
+
+- [Mozilla description of blackboxing](https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Black_box_a_source).
+- [Chrome description of blackboxing](https://developer.chrome.com/devtools/docs/blackboxing).
+
+Note: Not all browsers support blackboxing.
+
+The default is to log `debug` messages. You can use [`ng.$logProvider.debugEnabled`](https://docs.angularjs.org/api/ng/provider/$logProvider#debugEnabled) to change this.
+
+## Example
+
+```html
+<example module="logExample" name="log-service">
+  <file name="script.js">
+    angular.module('logExample', []) .controller('LogController', ['$scope',
+    '$log', function($scope, $log) { $scope.$log = $log; $scope.message = 'Hello
+    World!'; }]);
+  </file>
+  <file name="index.html">
+    <div ng-controller="LogController">
+      <p>
+        Reload this page with open console, enter text and hit the log button...
+      </p>
+      <label>Message: <input type="text" ng-model="message" /></label>
+      <button ng-click="$log.log(message)">log</button>
+      <button ng-click="$log.warn(message)">warn</button>
+      <button ng-click="$log.info(message)">info</button>
+      <button ng-click="$log.error(message)">error</button>
+      <button ng-click="$log.debug(message)">debug</button>
+    </div>
+  </file>
+</example>
+```

package/test/jqlite.spec.js

@@ -919,37 +919,6 @@ describe("jqLite", () => {
     });
   });
 
-  describe("prop", () => {
-    it("should read element property", () => {
-      const elm = jqLite('<div class="foo">a</div>');
-      expect(elm.prop("className")).toBe("foo");
-    });
-
-    it("should set element property to a value", () => {
-      const elm = jqLite('<div class="foo">a</div>');
-      elm.prop("className", "bar");
-      expect(elm[0].className).toBe("bar");
-      expect(elm.prop("className")).toBe("bar");
-    });
-
-    it("should set boolean element property", () => {
-      const elm = jqLite('<input type="checkbox">');
-      expect(elm.prop("checked")).toBe(false);
-
-      elm.prop("checked", true);
-      expect(elm.prop("checked")).toBe(true);
-
-      elm.prop("checked", "");
-      expect(elm.prop("checked")).toBe(false);
-
-      elm.prop("checked", "lala");
-      expect(elm.prop("checked")).toBe(true);
-
-      elm.prop("checked", null);
-      expect(elm.prop("checked")).toBe(false);
-    });
-  });
-
   describe("text", () => {
     it('should return `""` on empty', () => {
       expect(jqLite().length).toEqual(0);

package/test/messages/messages.spec.js

@@ -1,5 +1,5 @@
 import { createInjector } from "../../src/injector";
-import { countWatchers } from "../../src/core/rootScope";
+import { countWatchers } from "../../src/core/root-scope";
 import { publishExternalAPI } from "../../src/public";
 import { isString } from "../../src/core/utils";
 import { jqLite } from "../../src/jqLite";