@angular-wave/angular.ts 0.6.3 → 0.6.4

package/package.json

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

package/src/angular.spec.js

@@ -22,8 +22,8 @@ import {
   nextUid,
   getNodeName,
   snakeCase,
-} from "./shared/utils";
-import { dealoc, JQLite, startingTag } from "./shared/jqlite/jqlite";
+} from "./shared/utils.js";
+import { dealoc, JQLite, startingTag } from "./shared/jqlite/jqlite.js";
 import { Angular } from "./loader";
 import { createInjector } from "./core/di/injector";
 

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

@@ -1,4 +1,4 @@
-import { isString } from "../shared/utils";
+import { isString } from "../shared/utils.js";
 import { NG_ANIMATE_CHILDREN_DATA } from "./shared";
 
 $$AnimateChildrenDirective.$inject = ["$interpolate"];

package/src/animations/animate-css-driver.js

@@ -1,5 +1,5 @@
-import { JQLite } from "../shared/jqlite/jqlite";
-import { isString } from "../shared/utils";
+import { JQLite } from "../shared/jqlite/jqlite.js";
+import { isString } from "../shared/utils.js";
 import { concatWithSpace, getDomNode } from "./shared";
 
 const NG_ANIMATE_SHIM_CLASS_NAME = "ng-animate-shim";

package/src/animations/animate-css.js

@@ -1,4 +1,4 @@
-import { isDefined } from "../shared/utils";
+import { isDefined } from "../shared/utils.js";
 import {
   TRANSITION_DURATION_PROP,
   TRANSITION_DELAY_PROP,

package/src/animations/animate-js.js

@@ -1,4 +1,4 @@
-import { isObject, isFunction } from "../shared/utils";
+import { isObject, isFunction } from "../shared/utils.js";
 import {
   applyAnimationClassesFactory,
   applyAnimationStyles,

package/src/animations/animate-queue.js

@@ -1,4 +1,4 @@
-import { getOrSetCacheData, JQLite } from "../shared/jqlite/jqlite";
+import { getOrSetCacheData, JQLite } from "../shared/jqlite/jqlite.js";
 import {
   isUndefined,
   isObject,
@@ -6,7 +6,7 @@ import {
   isElement,
   isDefined,
   extend,
-} from "../shared/utils";
+} from "../shared/utils.js";
 import {
   NG_ANIMATE_CHILDREN_DATA,
   applyAnimationClassesFactory,

package/src/animations/animate.js

@@ -1,5 +1,5 @@
-import { isFunction, isObject, minErr, extend } from "../shared/utils";
-import { JQLite } from "../shared/jqlite/jqlite";
+import { isFunction, isObject, minErr, extend } from "../shared/utils.js";
+import { JQLite } from "../shared/jqlite/jqlite.js";
 import { NG_ANIMATE_CLASSNAME } from "./shared";
 
 /** @typedef {"enter"|"leave"|"move"|"addClass"|"setClass"|"removeClass"} AnimationMethod */

package/src/animations/animate.spec.js

@@ -1,7 +1,7 @@
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 import { Angular } from "../../loader";
-import { isObject } from "../../shared/utils";
-import { isFunction } from "../../shared/utils";
+import { isObject } from "../../shared/utils.js";
+import { isFunction } from "../../shared/utils.js";
 import { createInjector } from "../di/injector";
 
 describe("$animate", () => {

package/src/animations/animation.js

@@ -1,5 +1,5 @@
-import { JQLite } from "../shared/jqlite/jqlite";
-import { mergeClasses } from "../shared/utils";
+import { JQLite } from "../shared/jqlite/jqlite.js";
+import { mergeClasses } from "../shared/utils.js";
 import {
   NG_ANIMATE_CLASSNAME,
   PREPARE_CLASS_SUFFIX,

package/src/binding.spec.js

@@ -1,4 +1,4 @@
-import { JQLite, dealoc } from "./shared/jqlite/jqlite";
+import { JQLite, dealoc } from "./shared/jqlite/jqlite.js";
 import { Angular } from "./loader";
 import { browserTrigger } from "./shared/test-utils";
 

package/src/core/cache/cache.js

@@ -17,4 +17,4 @@ export const EXPANDO = "ng";
  *
  * @type {Map<number, ExpandoStore>}
  */
-export const CACHE = new Map();
+export const Cache = new Map();

package/src/core/compile/attributes.js

@@ -1,4 +1,4 @@
-import { getBooleanAttrName } from "../../shared/jqlite/jqlite";
+import { getBooleanAttrName } from "../../shared/jqlite/jqlite.js";
 import {
   isString,
   snakeCase,
@@ -7,8 +7,8 @@ import {
   minErr,
   trim,
   directiveNormalize,
-} from "../../shared/utils";
-import { ALIASED_ATTR } from "../../shared/constants";
+} from "../../shared/utils.js";
+import { ALIASED_ATTR } from "../../shared/constants.js";
 
 const $compileMinErr = minErr("$compile");
 const SIMPLE_ATTR_NAME = /^\w/;

package/src/core/compile/compile.js

@@ -5,9 +5,9 @@ import {
   getOrSetCacheData,
   isTextNode,
   startingTag,
-} from "../../shared/jqlite/jqlite";
-import { identifierForController } from "../controller/controller";
-import { TTL } from "../scope/scope";
+} from "../../shared/jqlite/jqlite.js";
+import { identifierForController } from "../controller/controller.js";
+import { TTL } from "../scope/scope.js";
 import {
   minErr,
   assertArg,
@@ -31,13 +31,13 @@ import {
   simpleCompare,
   isError,
   directiveNormalize,
-} from "../../shared/utils";
-import { SCE_CONTEXTS } from "../sce/sce";
-import { PREFIX_REGEXP } from "../../shared/constants";
-import { createEventDirective } from "../../directive/events/events";
-import { CACHE, EXPANDO } from "../cache/cache";
-import { Attributes } from "./attributes";
-import { ngObserveDirective } from "../../directive/observe/observe";
+} from "../../shared/utils.js";
+import { SCE_CONTEXTS } from "../sce/sce.js";
+import { PREFIX_REGEXP } from "../../shared/constants.js";
+import { createEventDirective } from "../../directive/events/events.js";
+import { Cache, EXPANDO } from "../cache/cache.js";
+import { Attributes } from "./attributes.js";
+import { ngObserveDirective } from "../../directive/observe/observe.js";
 
 let ttl = TTL;
 
@@ -588,7 +588,6 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
           : (x) => x.replace(/\{\{/g, startSymbol).replace(/}}/g, endSymbol);
 
       const NG_PREFIX_BINDING = /^ng(Attr|Prop|On|Observe)([A-Z].*)$/;
-      const MULTI_ELEMENT_DIR_RE = /^(.+)Start$/;
       return compile;
 
       //= ===============================
@@ -984,17 +983,10 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
               j < jj;
               j++
             ) {
-              /** @type {string|boolean} */
-              let attrStartName = false;
-
-              /** @type {string|boolean} */
-              let attrEndName = false;
-
               let isNgAttr = false;
               let isNgProp = false;
               let isNgEvent = false;
               let isNgObserve = false;
-              let multiElementMatch;
 
               attr = nAttrs[j];
               name = attr.name;
@@ -1015,15 +1007,6 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
                   .toLowerCase()
                   .substring(4 + ngPrefixMatch[1].length)
                   .replace(/_(.)/g, (match, letter) => letter.toUpperCase());
-
-                // Support *-start / *-end multi element directives
-              } else if (
-                (multiElementMatch = nName.match(MULTI_ELEMENT_DIR_RE)) &&
-                directiveIsMultiElement(multiElementMatch[1])
-              ) {
-                attrStartName = name;
-                attrEndName = `${name.substring(0, name.length - 5)}end`;
-                name = name.substring(0, name.length - 6);
               }
 
               if (isNgProp || isNgEvent) {
@@ -1066,8 +1049,6 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
                   "A",
                   maxPriority,
                   ignoreDirective,
-                  attrStartName,
-                  attrEndName,
                 );
               }
             }
@@ -1093,62 +1074,6 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
         return directives;
       }
 
-      /**
-       * Given a node with a directive-start it collects all of the siblings until it finds
-       * directive-end.
-       * @param {Element} node
-       * @param {string} attrStart
-       * @param {string} attrEnd
-       * @returns {*}
-       */
-      function groupScan(node, attrStart, attrEnd) {
-        const nodes = [];
-        let depth = 0;
-        if (attrStart && node.hasAttribute && node.hasAttribute(attrStart)) {
-          do {
-            if (!node) {
-              throw $compileMinErr(
-                "uterdir",
-                "Unterminated attribute, found '{0}' but no matching '{1}' found.",
-                attrStart,
-                attrEnd,
-              );
-            }
-            if (node.nodeType === Node.ELEMENT_NODE) {
-              if (node.hasAttribute(attrStart)) depth++;
-              if (node.hasAttribute(attrEnd)) depth--;
-            }
-            nodes.push(node);
-            node = /** @type {Element} */ (node.nextSibling);
-          } while (depth > 0);
-        } else {
-          nodes.push(node);
-        }
-
-        return JQLite(nodes);
-      }
-
-      /**
-       * Wrapper for linking function which converts normal linking function into a grouped
-       * linking function.
-       * @param linkFn
-       * @param attrStart
-       * @param attrEnd
-       * @returns {Function}
-       */
-      function groupElementsLinkFnWrapper(linkFn, attrStart, attrEnd) {
-        return function groupedElementsLink(
-          scope,
-          element,
-          attrs,
-          controllers,
-          transcludeFn,
-        ) {
-          element = groupScan(element[0], attrStart, attrEnd);
-          return linkFn(scope, element, attrs, controllers, transcludeFn);
-        };
-      }
-
       /**
        * A function generator that is used to support both eager and lazy compilation
        * linking function.
@@ -1540,17 +1465,6 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
         // executes all directives on the current element
         for (let i = 0, ii = directives.length; i < ii; i++) {
           directive = directives[i];
-          const attrStart = directive.$$start;
-          const attrEnd = directive.$$end;
-
-          // collect multiblock sections
-          if (attrStart) {
-            $compileNode = groupScan(
-              /** @type {Element} */ (compileNode),
-              attrStart,
-              attrEnd,
-            );
-          }
           $template = undefined;
 
           if (terminalPriority > directive.priority) {
@@ -1898,13 +1812,11 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
               );
               const context = directive.$$originalDirective || directive;
               if (isFunction(linkFn)) {
-                addLinkFns(null, bind(context, linkFn), attrStart, attrEnd);
+                addLinkFns(null, bind(context, linkFn));
               } else if (linkFn) {
                 addLinkFns(
                   bind(context, linkFn.pre),
                   bind(context, linkFn.post),
-                  attrStart,
-                  attrEnd,
                 );
               }
             } catch (e) {
@@ -1932,10 +1844,8 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
 
         /// /////////////////
 
-        function addLinkFns(pre, post, attrStart, attrEnd) {
+        function addLinkFns(pre, post) {
           if (pre) {
-            if (attrStart)
-              pre = groupElementsLinkFnWrapper(pre, attrStart, attrEnd);
             pre.require = directive.require;
             pre.directiveName = directiveName;
             if (
@@ -1947,8 +1857,6 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
             preLinkFns.push(pre);
           }
           if (post) {
-            if (attrStart)
-              post = groupElementsLinkFnWrapper(post, attrStart, attrEnd);
             post.require = directive.require;
             post.directiveName = directiveName;
             if (
@@ -2117,8 +2025,6 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
         location,
         maxPriority,
         ignoreDirective,
-        startAttrName,
-        endAttrName,
       ) {
         if (name === ignoreDirective) return false;
         let match = false;
@@ -2136,12 +2042,6 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
               (isUndefined(maxPriority) || maxPriority > directive.priority) &&
               directive.restrict.indexOf(location) !== -1
             ) {
-              if (startAttrName) {
-                directive = inherit(directive, {
-                  $$start: startAttrName,
-                  $$end: endAttrName,
-                });
-              }
               if (!directive.$$bindings) {
                 const bindings = (directive.$$bindings = parseDirectiveBindings(
                   directive,
@@ -2159,33 +2059,6 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
         return match;
       }
 
-      /**
-       * looks up the directive and returns true if it is a multi-element directive,
-       * and therefore requires DOM nodes between -start and -end markers to be grouped
-       * together. Example: `<div my-directive-start></div><div><div/><div my-directive-end></div>`
-       *
-       * @param {string} name name of the directive to look up.
-       * @returns true if directive was registered as multi-element.
-       */
-      function directiveIsMultiElement(name) {
-        if (Object.prototype.hasOwnProperty.call(hasDirectives, name)) {
-          for (
-            let directive,
-              directives = $injector.get(name + Suffix),
-              i = 0,
-              ii = directives.length;
-            i < ii;
-            i++
-          ) {
-            directive = directives[i];
-            if (directive.multiElement) {
-              return true;
-            }
-          }
-        }
-        return false;
-      }
-
       /**
        * When the element is replaced with HTML template then the new attributes
        * on the template need to be merged with the existing attributes in the DOM.
@@ -2800,7 +2673,7 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
           fragment.appendChild(elementsToRemove[i]);
         }
 
-        if (CACHE.has(firstElementToRemove[EXPANDO])) {
+        if (Cache.has(firstElementToRemove[EXPANDO])) {
           // Copy over user data (that includes AngularJS's $scope etc.). Don't copy private
           // data here because there's no public interface in jQuery to do that and copying over
           // event listeners (which is the main use of private data) wouldn't work anyway.

package/src/core/compile/compile.md

@@ -70,7 +70,6 @@
 -       {@link $compile#-controlleras- controllerAs}: 'stringIdentifier',
 -       {@link $compile#-bindtocontroller- bindToController}: false,
 -       {@link $compile#-require- require}: 'siblingDirectiveName', // or // ['^parentDirectiveName', '?optionalDirectiveName', '?^optionalParent'],
--       {@link $compile#-multielement- multiElement}: false,
 -       {@link $compile#-compile- compile}: function compile(tElement, tAttrs, transclude) {
 -         return {
 -            {@link $compile#pre-linking-function pre}: function preLink(scope, iElement, iAttrs, controller) { ... },
@@ -234,13 +233,6 @@
 - The directive definition object provides instructions to the {@link ng.$compile
 - compiler}. The attributes are:
 -
-- #### `multiElement`
-- When this property is set to true (default is `false`), the HTML compiler will collect DOM nodes between
-- nodes with the attributes `directive-name-start` and `directive-name-end`, and group them
-- together as the directive elements. It is recommended that this feature be used on directives
-- which are not strictly behavioral (such as {@link ngClick}), and which
-- do not manipulate or replace child nodes (such as {@link ngInclude}).
--
 - #### `priority`
 - When there are multiple directives defined on a single DOM element, sometimes it
 - is necessary to specify the order in which the directives are applied. The `priority` is used