@angular-wave/angular.ts 0.0.38 → 0.0.40

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@angular-wave/angular.ts",
   "license": "MIT",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "type": "module",
   "main": "dist/angular-ts.esm.js",
   "browser": "dist/angular-ts.umd.js",
@@ -37,11 +37,9 @@
     "playwright": "^1.44.0",
     "prettier": "latest",
     "rollup": "latest",
+    "rollup-plugin-version-injector": "^1.3.3",
     "sinon": "latest",
     "typescript": "latest",
     "vite": "latest"
-  },
-  "dependencies": {
-  
   }
 }

package/rollup.config.js

@@ -2,6 +2,12 @@ import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import pkg from './package.json' assert { type: 'json' };
 import terser from '@rollup/plugin-terser';
+import versionInjector from 'rollup-plugin-version-injector';
+
+const SHARED_PLUGINS = [
+  terser(), 
+  versionInjector()
+]
 
 export default [
   // browser-friendly UMD build
@@ -12,7 +18,10 @@ export default [
       file: pkg.browser,
       format: 'umd',
     },
-    plugins: [resolve(), commonjs(), terser()],
+    plugins: [
+      resolve(), 
+      commonjs()
+    ].concat(SHARED_PLUGINS)
   },
 
   // ES module (for bundlers) build.
@@ -25,6 +34,6 @@ export default [
     input: 'src/index.js',
     external: ['ms'],
     output: { file: pkg.main, format: 'es' },
-    plugins: [terser()],
+    plugins: SHARED_PLUGINS,
   },
 ];

package/src/angular.spec.js

@@ -24,7 +24,7 @@ import {
   nodeName_,
   snakeCase,
 } from "./shared/utils";
-import { dealoc, jqLite, startingTag } from "./shared/jqlite/jqlite";
+import { dealoc, JQLite, startingTag } from "./shared/jqlite/jqlite";
 import { Angular, angularInit } from "./loader";
 import { publishExternalAPI } from "./public";
 import { createInjector } from "./injector";
@@ -48,7 +48,6 @@ describe("angular", () => {
 
   afterEach(() => {
     dealoc(element);
-    jqLite.CACHE.clear();
   });
 
   describe("case", () => {
@@ -784,7 +783,7 @@ describe("angular", () => {
     it("should copy elements by reference", () => {
       const src = {
         element: document.createElement("div"),
-        jqObject: jqLite("<p><span>s1</span><span>s2</span></p>").find("span"),
+        jqObject: JQLite("<p><span>s1</span><span>s2</span></p>").find("span"),
       };
       const dst = {};
 
@@ -1293,7 +1292,7 @@ describe("angular", () => {
     });
 
     it("should handle JQLite and jQuery objects like arrays", () => {
-      let jqObject = jqLite("<p><span>s1</span><span>s2</span></p>").find(
+      let jqObject = JQLite("<p><span>s1</span><span>s2</span></p>").find(
         "span",
       );
       let log = [];
@@ -1304,7 +1303,7 @@ describe("angular", () => {
       expect(log).toEqual(["0:s1", "1:s2"]);
 
       log = [];
-      jqObject = jqLite("<pane></pane>");
+      jqObject = JQLite("<pane></pane>");
       forEach(jqObject.children(), (value, key) => {
         log.push(`${key}:${value.innerHTML}`);
       });
@@ -1312,7 +1311,7 @@ describe("angular", () => {
     });
 
     it("should handle NodeList objects like arrays", () => {
-      const nodeList = jqLite(
+      const nodeList = JQLite(
         "<p><span>a</span><span>b</span><span>c</span></p>",
       )[0].childNodes;
       const log = [];
@@ -1483,20 +1482,20 @@ describe("angular", () => {
       });
 
       it("should follow the ES spec when called with jQuery/shared/jqlite/jqlite", () => {
-        testForEachSpec(2, jqLite("<span>a</span><span>b</span>"));
+        testForEachSpec(2, JQLite("<span>a</span><span>b</span>"));
       });
 
       it("should follow the ES spec when called with childNodes NodeList", () => {
         testForEachSpec(
           2,
-          jqLite("<p><span>a</span><span>b</span></p>")[0].childNodes,
+          JQLite("<p><span>a</span><span>b</span></p>")[0].childNodes,
         );
       });
 
       it("should follow the ES spec when called with getElementsByTagName HTMLCollection", () => {
         testForEachSpec(
           2,
-          jqLite("<p><span>a</span><span>b</span></p>")[0].getElementsByTagName(
+          JQLite("<p><span>a</span><span>b</span></p>")[0].getElementsByTagName(
             "*",
           ),
         );
@@ -1505,7 +1504,7 @@ describe("angular", () => {
       it("should follow the ES spec when called with querySelectorAll HTMLCollection", () => {
         testForEachSpec(
           2,
-          jqLite("<p><span>a</span><span>b</span></p>")[0].querySelectorAll(
+          JQLite("<p><span>a</span><span>b</span></p>")[0].querySelectorAll(
             "*",
           ),
         );
@@ -1602,7 +1601,7 @@ describe("angular", () => {
 
     it("should look for ngApp directive as attr", () => {
       window.angular.module("ABC", []);
-      const appElement = jqLite('<div ng-app="ABC"></div>')[0];
+      const appElement = JQLite('<div ng-app="ABC"></div>')[0];
 
       angularInit(appElement);
       expect(bootstrapSpy).toHaveBeenCalled();
@@ -1610,34 +1609,34 @@ describe("angular", () => {
 
     it("should look for ngApp directive using querySelectorAll", () => {
       window.angular.module("ABC", []);
-      const appElement = jqLite('<div ng-app="ABC"></div>')[0];
+      const appElement = JQLite('<div ng-app="ABC"></div>')[0];
       element.querySelector["[ng-app]"] = appElement;
       angularInit(element);
       expect(bootstrapSpy).toHaveBeenCalled();
     });
 
     it("should bootstrap anonymously", () => {
-      const appElement = jqLite("<div ng-app></div>")[0];
+      const appElement = JQLite("<div ng-app></div>")[0];
       element.querySelector["[ng-app]"] = appElement;
       angularInit(element);
       expect(bootstrapSpy).toHaveBeenCalled();
     });
 
     it("should bootstrap if the annotation is on the root element", () => {
-      const appElement = jqLite('<div ng-app=""></div>')[0];
+      const appElement = JQLite('<div ng-app=""></div>')[0];
       angularInit(appElement);
       expect(bootstrapSpy).toHaveBeenCalled();
     });
 
     it("should complain if app module cannot be found", () => {
-      const appElement = jqLite('<div ng-app="doesntexist"></div>')[0];
+      const appElement = JQLite('<div ng-app="doesntexist"></div>')[0];
       expect(() => {
         angularInit(appElement);
       }).toThrowError(/modulerr/);
     });
 
     it("should complain if an element has already been bootstrapped", () => {
-      const element = jqLite("<div>bootstrap me!</div>");
+      const element = JQLite("<div>bootstrap me!</div>");
       angular.bootstrap(element);
 
       expect(() => {
@@ -1657,8 +1656,8 @@ describe("angular", () => {
     });
 
     it("should bootstrap in strict mode when ng-strict-di attribute is specified", () => {
-      const appElement = jqLite('<div ng-app="" ng-strict-di></div>');
-      angularInit(jqLite("<div></div>").append(appElement[0])[0]);
+      const appElement = JQLite('<div ng-app="" ng-strict-di></div>');
+      angularInit(JQLite("<div></div>").append(appElement[0])[0]);
       expect(bootstrapSpy).toHaveBeenCalled();
       expect(bootstrapSpy.calls.mostRecent().args[2].strictDi).toBe(true);
 
@@ -1802,7 +1801,7 @@ describe("angular", () => {
     });
 
     it("should link to new node and given scope", () => {
-      const template = jqLite('<div>{{greeting = "hello world"}}</div>');
+      const template = JQLite('<div>{{greeting = "hello world"}}</div>');
 
       const compile = $compile(template);
       let templateClone = template[0].cloneNode(true);
@@ -1819,7 +1818,7 @@ describe("angular", () => {
     });
 
     it("should link to cloned node and create scope", () => {
-      const template = jqLite('<div>{{greeting = "hello world"}}</div>');
+      const template = JQLite('<div>{{greeting = "hello world"}}</div>');
       element = $compile(template)($rootScope, () => {});
       $rootScope.$digest();
       expect(template.text()).toEqual('{{greeting = "hello world"}}');
@@ -1830,7 +1829,7 @@ describe("angular", () => {
 
   describe("nodeName_", () => {
     it('should correctly detect node name with "namespace" when xmlns is defined', () => {
-      const div = jqLite(
+      const div = JQLite(
         '<div xmlns:ngtest="http://angularjs.org/">' +
           '<ngtest:foo ngtest:attr="bar"></ngtest:foo>' +
           "</div>",
@@ -1840,7 +1839,7 @@ describe("angular", () => {
     });
 
     it('should correctly detect node name with "namespace" when xmlns is NOT defined', () => {
-      const div = jqLite(
+      const div = JQLite(
         '<div xmlns:ngtest="http://angularjs.org/">' +
           '<ngtest:foo ngtest:attr="bar"></ng-test>' +
           "</div>",
@@ -1883,7 +1882,7 @@ describe("angular", () => {
     });
 
     it("should bootstrap app", () => {
-      const element = jqLite("<div>{{1+2}}</div>");
+      const element = JQLite("<div>{{1+2}}</div>");
       const injector = angular.bootstrap(element);
       expect(injector).toBeDefined();
       expect(element.injector()).toBe(injector);
@@ -1891,7 +1890,7 @@ describe("angular", () => {
     });
 
     it("should complain if app module can't be found", () => {
-      const element = jqLite("<div>{{1+2}}</div>");
+      const element = JQLite("<div>{{1+2}}</div>");
 
       expect(() => {
         angular.bootstrap(element, ["doesntexist"]);
@@ -1907,7 +1906,7 @@ describe("angular", () => {
 
       beforeEach(() => {
         window.name = "";
-        element = jqLite("<div>{{1+2}}</div>");
+        element = JQLite("<div>{{1+2}}</div>");
       });
 
       afterEach(() => {
@@ -1947,7 +1946,7 @@ describe("angular", () => {
       });
 
       it("should load extra modules", () => {
-        element = jqLite("<div>{{1+2}}</div>");
+        element = JQLite("<div>{{1+2}}</div>");
         window.name = "NG_DEFER_BOOTSTRAP!";
 
         const bootstrapping = jasmine.createSpy("bootstrapping");

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

@@ -1,4 +1,4 @@
-import { jqLite } from "../shared/jqlite/jqlite";
+import { JQLite } from "../shared/jqlite/jqlite";
 import { forEach, isString } from "../shared/utils";
 import { concatWithSpace, getDomNode } from "./shared";
 
@@ -33,7 +33,7 @@ export const $$AnimateCssDriverProvider = [
         const bodyNode = $document[0].body;
         const rootNode = getDomNode($rootElement);
 
-        const rootBodyElement = jqLite(
+        const rootBodyElement = JQLite(
           // this is to avoid using something that exists outside of the body
           // we also special case the doc fragment case because our unit test code
           // appends the $rootElement to the body after the app has been bootstrapped
@@ -65,7 +65,7 @@ export const $$AnimateCssDriverProvider = [
         }
 
         function prepareAnchoredAnimation(classes, outAnchor, inAnchor) {
-          const clone = jqLite(getDomNode(outAnchor).cloneNode(true));
+          const clone = JQLite(getDomNode(outAnchor).cloneNode(true));
           const startingClasses = filterCssClasses(getClassVal(clone));
 
           outAnchor.addClass(NG_ANIMATE_SHIM_CLASS_NAME);

package/src/animations/animate-queue.js

@@ -1,4 +1,4 @@
-import { jqLite } from "../shared/jqlite/jqlite";
+import { JQLite } from "../shared/jqlite/jqlite";
 import {
   isUndefined,
   forEach,
@@ -299,7 +299,7 @@ export const $$AnimateQueueProvider = [
             });
 
             // Remove the callback when the element is removed from the DOM
-            jqLite(container).on("$destroy", () => {
+            JQLite(container).on("$destroy", () => {
               const animationDetails = activeAnimationsLookup.get(node);
 
               if (!animationDetails) {
@@ -377,7 +377,7 @@ export const $$AnimateQueueProvider = [
                   if (!disabledElementsLookup.has(node)) {
                     // The element is added to the map for the first time.
                     // Create a listener to remove it on `$destroy` (to avoid memory leak).
-                    jqLite(element).on(
+                    JQLite(element).on(
                       "$destroy",
                       removeFromDisabledElementsLookup,
                     );
@@ -437,7 +437,7 @@ export const $$AnimateQueueProvider = [
           }
 
           // If animations are hard-disabled for the whole application there is no need to continue.
-          // There are also situations where a directive issues an animation for a jqLite wrapper that
+          // There are also situations where a directive issues an animation for a JQLite wrapper that
           // contains only comment nodes. In this case, there is no way we can perform an animation.
           if (
             !animationsEnabled ||
@@ -757,7 +757,7 @@ export const $$AnimateQueueProvider = [
           let elementDisabled = disabledElementsLookup.get(node);
           let animateChildren;
 
-          let parentHost = jqLite.data(node, NG_ANIMATE_PIN_DATA);
+          let parentHost = JQLite.data(node, NG_ANIMATE_PIN_DATA);
           if (parentHost) {
             parentNode = getDomNode(parentHost);
           }
@@ -794,7 +794,7 @@ export const $$AnimateQueueProvider = [
             }
 
             if (isUndefined(animateChildren) || animateChildren === true) {
-              const value = jqLite.data(parentNode, NG_ANIMATE_CHILDREN_DATA);
+              const value = JQLite.data(parentNode, NG_ANIMATE_CHILDREN_DATA);
               if (isDefined(value)) {
                 animateChildren = value;
               }
@@ -817,7 +817,7 @@ export const $$AnimateQueueProvider = [
 
             if (!rootNodeDetected) {
               // If `rootNode` is not detected, check if `parentNode` is pinned to another element
-              parentHost = jqLite.data(parentNode, NG_ANIMATE_PIN_DATA);
+              parentHost = JQLite.data(parentNode, NG_ANIMATE_PIN_DATA);
               if (parentHost) {
                 // The pin target element becomes the next parent element
                 parentNode = getDomNode(parentHost);

package/src/animations/animation.js

@@ -1,4 +1,4 @@
-import { jqLite } from "../shared/jqlite/jqlite";
+import { JQLite } from "../shared/jqlite/jqlite";
 import { forEach, mergeClasses } from "../shared/utils";
 import {
   NG_ANIMATE_CLASSNAME,
@@ -347,7 +347,7 @@ export function $$AnimationProvider() {
                 refLookup[key] = refLookup[key] || {};
                 refLookup[key][direction] = {
                   animationID: index,
-                  element: jqLite(anchor),
+                  element: JQLite(anchor),
                 };
               });
             } else {

package/src/animations/shared.js

@@ -1,5 +1,5 @@
 import { forEach, isString, minErr, extend } from "../shared/utils";
-import { jqLite } from "../shared/jqlite/jqlite";
+import { JQLite } from "../shared/jqlite/jqlite";
 
 export const ADD_CLASS_SUFFIX = "-add";
 export const REMOVE_CLASS_SUFFIX = "-remove";
@@ -119,14 +119,14 @@ export function removeFromArray(arr, val) {
 }
 
 export function stripCommentsFromElement(element) {
-  if (element instanceof jqLite) {
+  if (element instanceof JQLite) {
     switch (element.length) {
       case 0:
         return element;
 
       case 1:
         // there is no point of stripping anything if the element
-        // is the only element within the jqLite wrapper.
+        // is the only element within the JQLite wrapper.
         // (it's important that we retain the element instance.)
         if (element[0].nodeType === Node.ELEMENT_NODE) {
           return element;
@@ -134,12 +134,12 @@ export function stripCommentsFromElement(element) {
         break;
 
       default:
-        return jqLite(extractElementNode(element));
+        return JQLite(extractElementNode(element));
     }
   }
 
   if (element.nodeType === Node.ELEMENT_NODE) {
-    return jqLite(element);
+    return JQLite(element);
   }
 }
 
@@ -303,7 +303,7 @@ export function resolveElementClasses(existing, toAdd, toRemove) {
 }
 
 export function getDomNode(element) {
-  return element instanceof jqLite ? element[0] : element;
+  return element instanceof JQLite ? element[0] : element;
 }
 
 export function applyGeneratedPreparationClasses(element, event, options) {

package/src/binding.spec.js

@@ -1,4 +1,4 @@
-import { jqLite, dealoc } from "./shared/jqlite/jqlite";
+import { JQLite, dealoc } from "./shared/jqlite/jqlite";
 import { publishExternalAPI } from "./public";
 import { createInjector } from "./injector";
 import { browserTrigger } from "./shared/test-utils";
@@ -13,7 +13,7 @@ describe("binding", () => {
     errors = [];
 
   function childNode(element, index) {
-    return jqLite(element[0].childNodes[index]);
+    return JQLite(element[0].childNodes[index]);
   }
 
   beforeEach(function () {
@@ -30,7 +30,7 @@ describe("binding", () => {
     $document = $injector.get("$document");
     this.compileToHtml = function (content) {
       let html;
-      content = jqLite(content);
+      content = JQLite(content);
       $compile(content)($rootScope);
       html = content[0].outerHTML;
       return html;
@@ -352,8 +352,8 @@ describe("binding", () => {
     )($rootScope);
     $rootScope.$apply();
 
-    const d1 = jqLite(element[0].childNodes[1]);
-    const d2 = jqLite(element[0].childNodes[3]);
+    const d1 = JQLite(element[0].childNodes[1]);
+    const d2 = JQLite(element[0].childNodes[3]);
     expect(d1[0].classList.contains("o")).toBeTruthy();
     expect(d2[0].classList.contains("e")).toBeTruthy();
     // expect(element).toBe(
@@ -448,8 +448,8 @@ describe("binding", () => {
         '<input type="radio" ng-model="sex" value="male">' +
         "</div>",
     )($rootScope);
-    const female = jqLite(element[0].childNodes[0]);
-    const male = jqLite(element[0].childNodes[1]);
+    const female = JQLite(element[0].childNodes[0]);
+    const male = JQLite(element[0].childNodes[1]);
 
     female[0].click();
     browserTrigger(female, "change");

package/src/core/animate/animate.js

@@ -6,7 +6,7 @@ import {
   minErr,
   extend,
 } from "../../shared/utils";
-import { jqLite } from "../../shared/jqlite/jqlite";
+import { JQLite } from "../../shared/jqlite/jqlite";
 
 const $animateMinErr = minErr("$animate");
 const NG_ANIMATE_CLASSNAME = "ng-animate";
@@ -620,8 +620,8 @@ export const AnimateProvider = [
            * @return {Runner} the animation runner
            */
           enter(element, parent, after, options) {
-            parent = parent && jqLite(parent);
-            after = after && jqLite(after);
+            parent = parent && JQLite(parent);
+            after = after && JQLite(after);
             parent = parent || after.parent();
             domInsert(element, parent, after);
             return $$animateQueue.push(
@@ -656,8 +656,8 @@ export const AnimateProvider = [
            * @return {Runner} the animation runner
            */
           move(element, parent, after, options) {
-            parent = parent && jqLite(parent);
-            after = after && jqLite(after);
+            parent = parent && JQLite(parent);
+            after = after && JQLite(after);
             parent = parent || after.parent();
             domInsert(element, parent, after);
             return $$animateQueue.push(