@angular-wave/angular.ts 0.0.2 → 0.0.5

package/dist/angular-ts.umd.js

@@ -619,6 +619,14 @@
     return Array.prototype.indexOf.call(array, obj) !== -1;
   }
 
+  /**
+   * Removes the first occurrence of a specified value from an array.
+   *
+   * @template T
+   * @param {Array<T>} array - The array from which to remove the value.
+   * @param {T} value - The value to remove.
+   * @returns {number} - The index of the removed value, or -1 if the value was not found.
+   */
   function arrayRemove(array, value) {
     const index = array.indexOf(value);
     if (index >= 0) {
@@ -1354,6 +1362,8 @@
    *
    */
 
+  const EXPANDO = "ngId";
+
   /**
    * Expando cache for adding properties to DOM nodes with JavaScript.
    * This used to be an Object in JQLite decorator, but swapped out for a Map
@@ -1468,18 +1478,8 @@
    * @returns {Object} jQuery object.
    */
 
-  JQLite.cache = CACHE;
-
-  const EXPANDO = "ngId";
   let jqId = 1;
 
-  /**
-   * !!! This is an undocumented "private" function !!!
-   * @param {JQLite|Element} node
-   * @returns
-   */
-  JQLite._data = (node) => JQLite.cache.get(node[EXPANDO]) || {};
-
   function jqNextId() {
     return ++jqId;
   }
@@ -1565,13 +1565,6 @@
     }
   }
 
-  function jqLiteHasData(node) {
-    for (const key in JQLite.cache.get(node[EXPANDO])) {
-      return true;
-    }
-    return false;
-  }
-
   function jqLiteBuildFragment(html, context) {
     let tmp;
     let tag;
@@ -1671,6 +1664,11 @@
   }
   var jqLite = JQLite;
 
+  /**
+   * @param {Element} element
+   * @param {boolean} [onlyDescendants]
+   * @returns {void}
+   */
   function dealoc(element, onlyDescendants) {
     if (!element) return;
     if (!onlyDescendants && elementAcceptsData(element))
@@ -1689,13 +1687,13 @@
    */
   function removeIfEmptyData(element) {
     const expandoId = element[EXPANDO];
-    const { events, data } = JQLite.cache.get(expandoId);
+    const { events, data } = CACHE.get(expandoId);
 
     if (
       (!data || !Object.keys(data).length) &&
       (!events || !Object.keys(events).length)
     ) {
-      JQLite.cache.delete(expandoId);
+      CACHE.delete(expandoId);
       element[EXPANDO] = undefined; // don't delete DOM expandos. IE and Chrome don't like it
     }
   }
@@ -1723,8 +1721,8 @@
     } else {
       const removeHandler = function (type) {
         const listenerFns = events[type];
-        if (isDefined(fn)) {
-          arrayRemove(listenerFns || [], fn);
+        if (isDefined(fn) && isArray(listenerFns)) {
+          arrayRemove(listenerFns, fn);
         }
         if (!(isDefined(fn) && listenerFns && listenerFns.length > 0)) {
           element.removeEventListener(type, handle);
@@ -1752,7 +1750,7 @@
    */
   function jqLiteRemoveData(element, name) {
     const expandoId = element[EXPANDO];
-    const expandoStore = expandoId && JQLite.cache.get(expandoId);
+    const expandoStore = expandoId && CACHE.get(expandoId);
 
     if (expandoStore) {
       if (name) {
@@ -1773,7 +1771,7 @@
    */
   function jqLiteExpandoStore(element, createIfNecessary = false) {
     let expandoId = element[EXPANDO];
-    let expandoStore = expandoId && JQLite.cache.get(expandoId);
+    let expandoStore = expandoId && CACHE.get(expandoId);
 
     if (createIfNecessary && !expandoStore) {
       element[EXPANDO] = expandoId = jqNextId();
@@ -1782,7 +1780,7 @@
         data: {},
         handle: null,
       };
-      JQLite.cache.set(expandoId, expandoStore);
+      CACHE.set(expandoId, expandoStore);
     }
 
     return expandoStore;
@@ -1799,15 +1797,12 @@
       const data = expandoStore && expandoStore.data;
 
       if (isSimpleSetter) {
-        // data('key', value)
         data[kebabToCamel(key)] = value;
       } else {
         if (massGetter) {
-          // data()
           return data;
         }
         if (isSimpleGetter) {
-          // data('key')
           // don't force creation of expandoStore if it doesn't exist yet
           return data && data[kebabToCamel(key)];
         }
@@ -1954,7 +1949,7 @@
 
   function jqLiteCleanData(nodes) {
     for (let i = 0, ii = nodes.length; i < ii; i++) {
-      var events = (jqLite._data(nodes[i]) || {}).events;
+      var events = (CACHE.get(nodes[i][EXPANDO]) || {}).events;
       if (events && events.$destroy) {
         jqLite(nodes[i]).triggerHandler("$destroy");
       }
@@ -1967,7 +1962,6 @@
     {
       data: jqLiteData,
       removeData: jqLiteRemoveData,
-      hasData: jqLiteHasData,
       cleanData: jqLiteCleanData,
     },
     (fn, name) => {
@@ -2090,8 +2084,6 @@
         let key;
         const nodeCount = this.length;
 
-        // jqLiteHasClass has only two arguments, but is a getter-only fn, so we need to special-case it
-        // in a way that survives minification.
         // jqLiteEmpty takes no arguments but is a setter.
         if (
           fn !== jqLiteEmpty &&
@@ -2101,7 +2093,6 @@
             // we are a write, but the object properties are the key/values
             for (i = 0; i < nodeCount; i++) {
               if (fn === jqLiteData) {
-                // data() takes the whole object in jQuery
                 fn(this[i], arg1);
               } else {
                 for (key in arg1) {
@@ -9644,7 +9635,7 @@
             fragment.appendChild(elementsToRemove[i]);
           }
 
-          if (jqLite.hasData(firstElementToRemove)) {
+          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.
@@ -16744,66 +16735,6 @@
     };
   }
 
-  /**
-   * @ngdoc directive
-   * @name ngSwitch
-   * @restrict EA
-   *
-   * @description
-   * The `ngSwitch` directive is used to conditionally swap DOM structure on your template based on a scope expression.
-   * Elements within `ngSwitch` but without `ngSwitchWhen` or `ngSwitchDefault` directives will be preserved at the location
-   * as specified in the template.
-   *
-   * The directive itself works similar to ngInclude, however, instead of downloading template code (or loading it
-   * from the template cache), `ngSwitch` simply chooses one of the nested elements and makes it visible based on which element
-   * matches the value obtained from the evaluated expression. In other words, you define a container element
-   * (where you place the directive), place an expression on the **`on="..."` attribute**
-   * (or the **`ng-switch="..."` attribute**), define any inner elements inside of the directive and place
-   * a when attribute per element. The when attribute is used to inform ngSwitch which element to display when the on
-   * expression is evaluated. If a matching expression is not found via a when attribute then an element with the default
-   * attribute is displayed.
-   *
-   * <div class="alert alert-info">
-   * Be aware that the attribute values to match against cannot be expressions. They are interpreted
-   * as literal string values to match against.
-   * For example, **`ng-switch-when="someVal"`** will match against the string `"someVal"` not against the
-   * value of the expression `$scope.someVal`.
-   * </div>
-
-   * @animations
-   * | Animation                        | Occurs                              |
-   * |----------------------------------|-------------------------------------|
-   * | {@link ng.$animate#enter enter}  | after the ngSwitch contents change and the matched child element is placed inside the container |
-   * | {@link ng.$animate#leave leave}  | after the ngSwitch contents change and just before the former contents are removed from the DOM |
-   *
-   * @usage
-   *
-   * ```
-   * <ANY ng-switch="expression">
-   *   <ANY ng-switch-when="matchValue1">...</ANY>
-   *   <ANY ng-switch-when="matchValue2">...</ANY>
-   *   <ANY ng-switch-default>...</ANY>
-   * </ANY>
-   * ```
-   *
-   *
-   * @scope
-   * @priority 1200
-   * @param {*} ngSwitch|on expression to match against <code>ng-switch-when</code>.
-   * On child elements add:
-   *
-   * * `ngSwitchWhen`: the case statement to match against. If match then this
-   *   case will be displayed. If the same match appears multiple times, all the
-   *   elements will be displayed. It is possible to associate multiple values to
-   *   the same `ngSwitchWhen` by defining the optional attribute
-   *   `ngSwitchWhenSeparator`. The separator will be used to split the value of
-   *   the `ngSwitchWhen` attribute into multiple tokens, and the element will show
-   *   if any of the `ngSwitch` evaluates to any of these tokens.
-   * * `ngSwitchDefault`: the default case when no other case match. If there
-   *   are multiple default cases, all of them will be displayed when no other
-   *   case match.
-   *
-   */
   const ngSwitchDirective = [
     "$animate",
     "$compile",
@@ -16813,11 +16744,13 @@
       // asks for $scope to fool the BC controller module
       controller: [
         "$scope",
-        function NgSwitchController() {
-          this.cases = {};
+        class {
+          constructor() {
+            this.cases = {};
+          }
         },
       ],
-      link(scope, element, attr, ngSwitchController) {
+      link(scope, _element, attr, ngSwitchController) {
         const watchExpr = attr.ngSwitch || attr.on;
         let selectedTranscludes = [];
         const selectedElements = [];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@angular-wave/angular.ts",
   "license": "MIT",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "type": "module",
   "main": "dist/angular-ts.cjs.js",
   "module": "dist/angular-ts.esm.js",
@@ -40,8 +40,5 @@
     "sinon": "latest",
     "typescript": "latest",
     "vite": "latest"
-  },
-  "dependencies": {
-   
   }
 }

package/public/README.md

@@ -0,0 +1 @@
+These templates are used by express for various tests.

package/src/core/cache.js

@@ -7,6 +7,8 @@
  *
  */
 
+export const EXPANDO = "ngId";
+
 /**
  * Expando cache for adding properties to DOM nodes with JavaScript.
  * This used to be an Object in JQLite decorator, but swapped out for a Map

package/src/core/compile.js

@@ -35,6 +35,7 @@ import {
 import { SCE_CONTEXTS } from "./sce";
 import { PREFIX_REGEXP, ALIASED_ATTR } from "../constants";
 import { createEventDirective } from "../directive/events";
+import { CACHE, EXPANDO } from "./cache";
 
 const $compileMinErr = minErr("$compile");
 
@@ -3277,7 +3278,7 @@ export function $CompileProvider($provide, $$sanitizeUriProvider) {
           fragment.appendChild(elementsToRemove[i]);
         }
 
-        if (jqLite.hasData(firstElementToRemove)) {
+        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/utils.js

@@ -617,6 +617,14 @@ export function includes(array, obj) {
   return Array.prototype.indexOf.call(array, obj) !== -1;
 }
 
+/**
+ * Removes the first occurrence of a specified value from an array.
+ *
+ * @template T
+ * @param {Array<T>} array - The array from which to remove the value.
+ * @param {T} value - The value to remove.
+ * @returns {number} - The index of the removed value, or -1 if the value was not found.
+ */
 export function arrayRemove(array, value) {
   const index = array.indexOf(value);
   if (index >= 0) {

package/src/directive/csp.md

@@ -39,12 +39,14 @@
 - ```
 
   ```
+
 - 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

package/src/directive/switch.js

@@ -1,66 +1,6 @@
 import { forEach } from "../core/utils";
 import { getBlockNodes } from "../jqLite";
 
-/**
- * @ngdoc directive
- * @name ngSwitch
- * @restrict EA
- *
- * @description
- * The `ngSwitch` directive is used to conditionally swap DOM structure on your template based on a scope expression.
- * Elements within `ngSwitch` but without `ngSwitchWhen` or `ngSwitchDefault` directives will be preserved at the location
- * as specified in the template.
- *
- * The directive itself works similar to ngInclude, however, instead of downloading template code (or loading it
- * from the template cache), `ngSwitch` simply chooses one of the nested elements and makes it visible based on which element
- * matches the value obtained from the evaluated expression. In other words, you define a container element
- * (where you place the directive), place an expression on the **`on="..."` attribute**
- * (or the **`ng-switch="..."` attribute**), define any inner elements inside of the directive and place
- * a when attribute per element. The when attribute is used to inform ngSwitch which element to display when the on
- * expression is evaluated. If a matching expression is not found via a when attribute then an element with the default
- * attribute is displayed.
- *
- * <div class="alert alert-info">
- * Be aware that the attribute values to match against cannot be expressions. They are interpreted
- * as literal string values to match against.
- * For example, **`ng-switch-when="someVal"`** will match against the string `"someVal"` not against the
- * value of the expression `$scope.someVal`.
- * </div>
-
- * @animations
- * | Animation                        | Occurs                              |
- * |----------------------------------|-------------------------------------|
- * | {@link ng.$animate#enter enter}  | after the ngSwitch contents change and the matched child element is placed inside the container |
- * | {@link ng.$animate#leave leave}  | after the ngSwitch contents change and just before the former contents are removed from the DOM |
- *
- * @usage
- *
- * ```
- * <ANY ng-switch="expression">
- *   <ANY ng-switch-when="matchValue1">...</ANY>
- *   <ANY ng-switch-when="matchValue2">...</ANY>
- *   <ANY ng-switch-default>...</ANY>
- * </ANY>
- * ```
- *
- *
- * @scope
- * @priority 1200
- * @param {*} ngSwitch|on expression to match against <code>ng-switch-when</code>.
- * On child elements add:
- *
- * * `ngSwitchWhen`: the case statement to match against. If match then this
- *   case will be displayed. If the same match appears multiple times, all the
- *   elements will be displayed. It is possible to associate multiple values to
- *   the same `ngSwitchWhen` by defining the optional attribute
- *   `ngSwitchWhenSeparator`. The separator will be used to split the value of
- *   the `ngSwitchWhen` attribute into multiple tokens, and the element will show
- *   if any of the `ngSwitch` evaluates to any of these tokens.
- * * `ngSwitchDefault`: the default case when no other case match. If there
- *   are multiple default cases, all of them will be displayed when no other
- *   case match.
- *
- */
 export const ngSwitchDirective = [
   "$animate",
   "$compile",
@@ -70,11 +10,13 @@ export const ngSwitchDirective = [
     // asks for $scope to fool the BC controller module
     controller: [
       "$scope",
-      function NgSwitchController() {
-        this.cases = {};
+      class {
+        constructor() {
+          this.cases = {};
+        }
       },
     ],
-    link(scope, element, attr, ngSwitchController) {
+    link(scope, _element, attr, ngSwitchController) {
       const watchExpr = attr.ngSwitch || attr.on;
       let selectedTranscludes = [];
       const selectedElements = [];

package/src/directive/switch.md

@@ -0,0 +1,66 @@
+/\*\*
+
+- @ngdoc directive
+- @name ngSwitch
+- @restrict EA
+-
+- @description
+- The `ngSwitch` directive is used to conditionally swap DOM structure on your template based on a scope expression.
+- Elements within `ngSwitch` but without `ngSwitchWhen` or `ngSwitchDefault` directives will be preserved at the location
+- as specified in the template.
+-
+- The directive itself works similar to ngInclude, however, instead of downloading template code (or loading it
+- from the template cache), `ngSwitch` simply chooses one of the nested elements and makes it visible based on which element
+- matches the value obtained from the evaluated expression. In other words, you define a container element
+- (where you place the directive), place an expression on the **`on="..."` attribute**
+- (or the **`ng-switch="..."` attribute**), define any inner elements inside of the directive and place
+- a when attribute per element. The when attribute is used to inform ngSwitch which element to display when the on
+- expression is evaluated. If a matching expression is not found via a when attribute then an element with the default
+- attribute is displayed.
+-
+- <div class="alert alert-info">
+- Be aware that the attribute values to match against cannot be expressions. They are interpreted
+- as literal string values to match against.
+- For example, **`ng-switch-when="someVal"`** will match against the string `"someVal"` not against the
+- value of the expression `$scope.someVal`.
+- </div>
+
+- @animations
+- | Animation | Occurs |
+- |----------------------------------|-------------------------------------|
+- | {@link ng.$animate#enter enter} | after the ngSwitch contents change and the matched child element is placed inside the container |
+- | {@link ng.$animate#leave leave} | after the ngSwitch contents change and just before the former contents are removed from the DOM |
+-
+- @usage
+-
+- ```
+
+  ```
+
+- <ANY ng-switch="expression">
+- <ANY ng-switch-when="matchValue1">...</ANY>
+- <ANY ng-switch-when="matchValue2">...</ANY>
+- <ANY ng-switch-default>...</ANY>
+- </ANY>
+- ```
+
+  ```
+
+-
+-
+- @scope
+- @priority 1200
+- @param {\*} ngSwitch|on expression to match against <code>ng-switch-when</code>.
+- On child elements add:
+-
+- - `ngSwitchWhen`: the case statement to match against. If match then this
+- case will be displayed. If the same match appears multiple times, all the
+- elements will be displayed. It is possible to associate multiple values to
+- the same `ngSwitchWhen` by defining the optional attribute
+- `ngSwitchWhenSeparator`. The separator will be used to split the value of
+- the `ngSwitchWhen` attribute into multiple tokens, and the element will show
+- if any of the `ngSwitch` evaluates to any of these tokens.
+- - `ngSwitchDefault`: the default case when no other case match. If there
+- are multiple default cases, all of them will be displayed when no other
+- case match.
+- \*/

package/src/jqLite.js

@@ -15,7 +15,7 @@ import {
   shallowCopy,
   trim,
 } from "./core/utils";
-import { CACHE } from "./core/cache";
+import { CACHE, EXPANDO } from "./core/cache";
 
 /**
  * @ngdoc function
@@ -94,18 +94,8 @@ import { CACHE } from "./core/cache";
  * @returns {Object} jQuery object.
  */
 
-JQLite.cache = CACHE;
-
-const EXPANDO = "ngId";
 let jqId = 1;
 
-/**
- * !!! This is an undocumented "private" function !!!
- * @param {JQLite|Element} node
- * @returns
- */
-JQLite._data = (node) => JQLite.cache.get(node[EXPANDO]) || {};
-
 function jqNextId() {
   return ++jqId;
 }
@@ -191,13 +181,6 @@ function elementAcceptsData(node) {
   }
 }
 
-function jqLiteHasData(node) {
-  for (const key in JQLite.cache.get(node[EXPANDO])) {
-    return true;
-  }
-  return false;
-}
-
 export function jqLiteBuildFragment(html, context) {
   let tmp;
   let tag;
@@ -297,6 +280,11 @@ export function JQLite(element) {
 }
 export var jqLite = JQLite;
 
+/**
+ * @param {Element} element
+ * @param {boolean} [onlyDescendants]
+ * @returns {void}
+ */
 export function dealoc(element, onlyDescendants) {
   if (!element) return;
   if (!onlyDescendants && elementAcceptsData(element))
@@ -315,13 +303,13 @@ export function dealoc(element, onlyDescendants) {
  */
 function removeIfEmptyData(element) {
   const expandoId = element[EXPANDO];
-  const { events, data } = JQLite.cache.get(expandoId);
+  const { events, data } = CACHE.get(expandoId);
 
   if (
     (!data || !Object.keys(data).length) &&
     (!events || !Object.keys(events).length)
   ) {
-    JQLite.cache.delete(expandoId);
+    CACHE.delete(expandoId);
     element[EXPANDO] = undefined; // don't delete DOM expandos. IE and Chrome don't like it
   }
 }
@@ -349,8 +337,8 @@ function jqLiteOff(element, type, fn, unsupported) {
   } else {
     const removeHandler = function (type) {
       const listenerFns = events[type];
-      if (isDefined(fn)) {
-        arrayRemove(listenerFns || [], fn);
+      if (isDefined(fn) && isArray(listenerFns)) {
+        arrayRemove(listenerFns, fn);
       }
       if (!(isDefined(fn) && listenerFns && listenerFns.length > 0)) {
         element.removeEventListener(type, handle);
@@ -378,7 +366,7 @@ function jqLiteOff(element, type, fn, unsupported) {
  */
 function jqLiteRemoveData(element, name) {
   const expandoId = element[EXPANDO];
-  const expandoStore = expandoId && JQLite.cache.get(expandoId);
+  const expandoStore = expandoId && CACHE.get(expandoId);
 
   if (expandoStore) {
     if (name) {
@@ -399,7 +387,7 @@ function jqLiteRemoveData(element, name) {
  */
 function jqLiteExpandoStore(element, createIfNecessary = false) {
   let expandoId = element[EXPANDO];
-  let expandoStore = expandoId && JQLite.cache.get(expandoId);
+  let expandoStore = expandoId && CACHE.get(expandoId);
 
   if (createIfNecessary && !expandoStore) {
     element[EXPANDO] = expandoId = jqNextId();
@@ -408,7 +396,7 @@ function jqLiteExpandoStore(element, createIfNecessary = false) {
       data: {},
       handle: null,
     };
-    JQLite.cache.set(expandoId, expandoStore);
+    CACHE.set(expandoId, expandoStore);
   }
 
   return expandoStore;
@@ -425,15 +413,12 @@ function jqLiteData(element, key, value) {
     const data = expandoStore && expandoStore.data;
 
     if (isSimpleSetter) {
-      // data('key', value)
       data[kebabToCamel(key)] = value;
     } else {
       if (massGetter) {
-        // data()
         return data;
       }
       if (isSimpleGetter) {
-        // data('key')
         // don't force creation of expandoStore if it doesn't exist yet
         return data && data[kebabToCamel(key)];
       }
@@ -580,7 +565,7 @@ export function getBooleanAttrName(element, name) {
 
 export function jqLiteCleanData(nodes) {
   for (let i = 0, ii = nodes.length; i < ii; i++) {
-    var events = (jqLite._data(nodes[i]) || {}).events;
+    var events = (CACHE.get(nodes[i][EXPANDO]) || {}).events;
     if (events && events.$destroy) {
       jqLite(nodes[i]).triggerHandler("$destroy");
     }
@@ -593,7 +578,6 @@ forEach(
   {
     data: jqLiteData,
     removeData: jqLiteRemoveData,
-    hasData: jqLiteHasData,
     cleanData: jqLiteCleanData,
   },
   (fn, name) => {
@@ -716,8 +700,6 @@ forEach(
       let key;
       const nodeCount = this.length;
 
-      // jqLiteHasClass has only two arguments, but is a getter-only fn, so we need to special-case it
-      // in a way that survives minification.
       // jqLiteEmpty takes no arguments but is a setter.
       if (
         fn !== jqLiteEmpty &&
@@ -727,7 +709,6 @@ forEach(
           // we are a write, but the object properties are the key/values
           for (i = 0; i < nodeCount; i++) {
             if (fn === jqLiteData) {
-              // data() takes the whole object in jQuery
               fn(this[i], arg1);
             } else {
               for (key in arg1) {