@angular-wave/angular.ts 0.0.45 → 0.0.47

package/src/shared/jqlite/jqlite.spec.js

@@ -757,7 +757,6 @@ describe("jqLite", () => {
       expect(selector.attr("prop", "value")).toEqual(selector);
       expect(JQLite(a).attr("prop")).toEqual("value");
       expect(JQLite(b).attr("prop")).toEqual("value");
-
       expect(selector.attr({ prop: "new value" })).toEqual(selector);
       expect(JQLite(a).attr("prop")).toEqual("new value");
       expect(JQLite(b).attr("prop")).toEqual("new value");

package/src/shared/utils.js

@@ -594,8 +594,19 @@ export function isElement(node) {
   ); // We have an on and find method part of jQuery API.
 }
 
-export function nodeName_(element) {
-  return lowercase(element.nodeName || (element[0] && element[0].nodeName));
+/**
+ * Returns a string appropriate for the type of node.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/nodeName)
+ *
+ * @param {JQLite|Element} element
+ * @returns
+ */
+export function getNodeName(element) {
+  return lowercase(
+    /** @type {Element} */ (element).nodeName ||
+      (element[0] && element[0].nodeName),
+  );
 }
 
 export function includes(array, obj) {

package/types/directive/attrs/attrs.d.ts

@@ -1,176 +1,2 @@
-/**
- * @ngdoc directive
- * @name ngHref
- * @restrict A
- * @priority 99
- *
- * @description
- * Using AngularJS markup like `{{hash}}` in an href attribute will
- * make the link go to the wrong URL if the user clicks it before
- * AngularJS has a chance to replace the `{{hash}}` markup with its
- * value. Until AngularJS replaces the markup the link will be broken
- * and will most likely return a 404 error. The `ngHref` directive
- * solves this problem.
- *
- * The wrong way to write it:
- * ```html
- * <a href="http://www.gravatar.com/avatar/{{hash}}">link1</a>
- * ```
- *
- * The correct way to write it:
- * ```html
- * <a ng-href="http://www.gravatar.com/avatar/{{hash}}">link1</a>
- * ```
- *
- * @element A
- * @param {template} ngHref any string which can contain `{{}}` markup.
- *
- */
 export const REGEX_STRING_REGEXP: RegExp;
-/**
- * @ngdoc directive
- * @name ngSrc
- * @restrict A
- * @priority 99
- *
- * @description
- * Using AngularJS markup like `{{hash}}` in a `src` attribute doesn't
- * work right: The browser will fetch from the URL with the literal
- * text `{{hash}}` until AngularJS replaces the expression inside
- * `{{hash}}`. The `ngSrc` directive solves this problem.
- *
- * The buggy way to write it:
- * ```html
- * <img src="http://www.gravatar.com/avatar/{{hash}}" alt="Description"/>
- * ```
- *
- * The correct way to write it:
- * ```html
- * <img ng-src="http://www.gravatar.com/avatar/{{hash}}" alt="Description" />
- * ```
- *
- * @element IMG
- * @param {template} ngSrc any string which can contain `{{}}` markup.
- */
-/**
- * @ngdoc directive
- * @name ngSrcset
- * @restrict A
- * @priority 99
- *
- * @description
- * Using AngularJS markup like `{{hash}}` in a `srcset` attribute doesn't
- * work right: The browser will fetch from the URL with the literal
- * text `{{hash}}` until AngularJS replaces the expression inside
- * `{{hash}}`. The `ngSrcset` directive solves this problem.
- *
- * The buggy way to write it:
- * ```html
- * <img srcset="http://www.gravatar.com/avatar/{{hash}} 2x" alt="Description"/>
- * ```
- *
- * The correct way to write it:
- * ```html
- * <img ng-srcset="http://www.gravatar.com/avatar/{{hash}} 2x" alt="Description" />
- * ```
- *
- * @element IMG
- * @param {template} ngSrcset any string which can contain `{{}}` markup.
- */
-/**
- * @ngdoc directive
- * @name ngDisabled
- * @restrict A
- * @priority 100
- *
- * @description
- *
- * This directive sets the `disabled` attribute on the element (typically a form control,
- * e.g. `input`, `button`, `select` etc.) if the
- * {@link guide/expression expression} inside `ngDisabled` evaluates to truthy.
- *
- * A special directive is necessary because we cannot use interpolation inside the `disabled`
- * attribute. See the {@link guide/interpolation interpolation guide} for more info.
- *
- * @param {string} ngDisabled If the {@link guide/expression expression} is truthy,
- *     then the `disabled` attribute will be set on the element
- */
-/**
- * @ngdoc directive
- * @name ngChecked
- * @restrict A
- * @priority 100
- *
- * @description
- * Sets the `checked` attribute on the element, if the expression inside `ngChecked` is truthy.
- *
- * Note that this directive should not be used together with {@link ngModel `ngModel`},
- * as this can lead to unexpected behavior.
- *
- * A special directive is necessary because we cannot use interpolation inside the `checked`
- * attribute. See the {@link guide/interpolation interpolation guide} for more info.
- *
- * @element INPUT
- * @param {string} ngChecked If the {@link guide/expression expression} is truthy,
- *     then the `checked` attribute will be set on the element
- */
-/**
- *
- * @description
- *
- * Sets the `readonly` attribute on the element, if the expression inside `ngReadonly` is truthy.
- * Note that `readonly` applies only to `input` elements with specific types. [See the input docs on
- * MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) for more information.
- *
- * A special directive is necessary because we cannot use interpolation inside the `readonly`
- * attribute. See the {@link guide/interpolation interpolation guide} for more info.
- * @element INPUT
- * @param {string} ngReadonly If the {@link guide/expression expression} is truthy,
- *     then special attribute "readonly" will be set on the element
- */
-/**
- * @ngdoc directive
- * @name ngSelected
- * @restrict A
- * @priority 100
- *
- * @description
- *
- * Sets the `selected` attribute on the element, if the expression inside `ngSelected` is truthy.
- *
- * A special directive is necessary because we cannot use interpolation inside the `selected`
- * attribute. See the {@link guide/interpolation interpolation guide} for more info.
- *
- * <div class="alert alert-warning">
- *   **Note:** `ngSelected` does not interact with the `select` and `ngModel` directives, it only
- *   sets the `selected` attribute on the element. If you are using `ngModel` on the select, you
- *   should not use `ngSelected` on the options, as `ngModel` will set the select value and
- *   selected options.
- * </div>
- * @element OPTION
- * @param {string} ngSelected If the {@link guide/expression expression} is truthy,
- *     then special attribute "selected" will be set on the element
- */
-/**
- * @ngdoc directive
- * @name ngOpen
- * @restrict A
- * @priority 100
- *
- * @description
- *
- * Sets the `open` attribute on the element, if the expression inside `ngOpen` is truthy.
- *
- * A special directive is necessary because we cannot use interpolation inside the `open`
- * attribute. See the {@link guide/interpolation interpolation guide} for more info.
- *
- * ## A note about browser compatibility
- *
- * Internet Explorer and Edge do not support the `details` element, it is
- * recommended to use {@link ng.ngShow} and {@link ng.ngHide} instead.
- *
- * @element DETAILS
- * @param {string} ngOpen If the {@link guide/expression expression} is truthy,
- *     then special attribute "open" will be set on the element
- */
 export const ngAttributeAliasDirectives: {};

package/types/shared/jqlite/jqlite.d.ts

@@ -2,19 +2,19 @@
  * JQLite both a function and an array-like data structure for manipulation of DOM, linking elements to expando cache,
  * and execution of chain functions.
  *
- * @param {string|Element|Document|Window|JQLite|ArrayLike<Element>|(() => void)} element
+ * @param {string|Element|Comment|Document|Window|JQLite|ArrayLike<Element>|(() => void)} element
  * @returns {JQLite}
  */
-export function JQLite(element: string | Element | Document | Window | JQLite | ArrayLike<Element> | (() => void)): JQLite;
+export function JQLite(element: string | Element | Comment | Document | Window | JQLite | ArrayLike<Element> | (() => void)): JQLite;
 export class JQLite {
     /**
      * JQLite both a function and an array-like data structure for manipulation of DOM, linking elements to expando cache,
      * and execution of chain functions.
      *
-     * @param {string|Element|Document|Window|JQLite|ArrayLike<Element>|(() => void)} element
+     * @param {string|Element|Comment|Document|Window|JQLite|ArrayLike<Element>|(() => void)} element
      * @returns {JQLite}
      */
-    constructor(element: string | Element | Document | Window | JQLite | ArrayLike<Element> | (() => void));
+    constructor(element: string | Element | Comment | Document | Window | JQLite | ArrayLike<Element> | (() => void));
     /**
      * Remove all child nodes of the set of matched elements from the DOM and clears CACHE data, associated with the node.
      * @returns {JQLite} The current instance of JQLite.
@@ -76,6 +76,60 @@ export class JQLite {
      * @returns {JQLite|any|undefined}
      */
     html(value: string): JQLite | any | undefined;
+    /**
+     * Get the combined text contents of each element in the JQLite collection
+     * or set the text contents of all elements.
+     * @param {string} [value]
+     * @returns {JQLite|string}
+     */
+    text(value?: string): JQLite | string;
+    /**
+     * Gets or sets the values of form elements such as input, select and textarea in a JQLite collection.
+     * @param {any} value
+     * @returns {JQLite|any}
+     */
+    val(value: any): JQLite | any;
+    /**
+     * @param {string|Object} name
+     * @param {any} value
+     * @returns
+     */
+    attr(name: string | any, value: any): any;
+    /**
+     * @param {string|any} key - The key (as a string) to get/set or an object for mass-setting.
+     * @param {any} [value] - The value to set. If not provided, the function acts as a getter.
+     * @returns {JQLite|any} - The retrieved data if acting as a getter. Otherwise, returns undefined.
+     */
+    data(key: string | any, value?: any): JQLite | any;
+    replaceWith(arg1: any): void | JQLite;
+    children(): JQLite;
+    /**
+     * @param {string} node
+     * @returns {JQLite}
+     */
+    append(node: string): JQLite;
+    /**
+     * @param {string} node
+     * @returns {JQLite}
+     */
+    prepend(node: string): JQLite;
+    /**
+     * @param {string} newElement
+     * @returns {JQLite}
+     */
+    after(newElement: string): JQLite;
+    /**
+     * @param {boolean} [keepData]
+     * @returns
+     */
+    remove(keepData?: boolean): this;
+    detach(): this;
+    parent(): any;
+    find(selector: any): any;
+    /**
+     * TODO: REMOVE! This function being used ONLY in tests!
+     */
+    triggerHandler(event: any, extraParameters: any): void | JQLite;
     toString(): string;
     eq(index: any): JQLite;
     length: number;
@@ -147,7 +201,7 @@ export function getBooleanAttrName(element: any, name: any): any;
 /**
  * Takes an array of elements, calls any `$destroy` event handlers, removes any data in cache, and finally removes any
  * listeners.
- * @param {NodeListOf<Element>} nodes
+ * @param {NodeListOf<Element>|Element[]} nodes
  */
-export function cleanElementData(nodes: NodeListOf<Element>): void;
+export function cleanElementData(nodes: NodeListOf<Element> | Element[]): void;
 export const BOOLEAN_ATTR: {};

package/types/shared/utils.d.ts

@@ -344,7 +344,15 @@ export function hasCustomToString(obj: any): boolean;
  * @returns {boolean} True if `value` is a DOM element (or wrapped jQuery element).
  */
 export function isElement(node: any): boolean;
-export function nodeName_(element: any): string;
+/**
+ * Returns a string appropriate for the type of node.
+ *
+ * [MDN Reference](https://developer.mozilla.org/docs/Web/API/Node/nodeName)
+ *
+ * @param {JQLite|Element} element
+ * @returns
+ */
+export function getNodeName(element: JQLite | Element): string;
 export function includes(array: any, obj: any): boolean;
 /**
  * Removes the first occurrence of a specified value from an array.