@angular-wave/angular.ts 0.6.3 → 0.6.5

package/src/core/controller/controller.js

@@ -5,7 +5,7 @@ import {
   isObject,
   isString,
   isFunction,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 
 const $controllerMinErr = minErr("$controller");
 
@@ -66,7 +66,7 @@ export class ControllerProvider {
   /**
    * $get method for dependency injection.
    *
-   * @param {import("../../core/di/internal-injector").InjectorService} $injector
+   * @param {import("../../core/di/internal-injector.js").InjectorService} $injector
    * @returns {Function} A service function that creates controllers.
    */
   $get = [

package/src/core/di/injector.js

@@ -8,7 +8,7 @@ import {
   assertNotHasOwnProperty,
   isObject,
   assert,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 import { INJECTOR_LITERAL } from "./ng-module";
 import { ProviderInjector, InjectorService } from "./internal-injector";
 

package/src/core/di/injector.spec.js

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
 import { createInjector, annotate } from "./injector";
-import { valueFn, extend } from "../../shared/utils";
+import { valueFn, extend } from "../../shared/utils.js";
 
 describe("injector.modules", () => {
   beforeEach(() => {

package/src/core/di/internal-injector.js

@@ -1,5 +1,5 @@
-import { assertArgFn, minErr } from "../../shared/utils";
-import { INJECTOR_LITERAL } from "./ng-module";
+import { assertArgFn, minErr } from "../../shared/utils.js";
+import { INJECTOR_LITERAL } from "./ng-module.js";
 
 const ARROW_ARG = /^([^(]+?)=>/;
 const FN_ARGS = /^[^(]*\(\s*([^)]*)\)/m;

package/src/core/di/ng-module.js

@@ -4,7 +4,7 @@ import {
   isObject,
   isString,
   assert,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 
 export const PROVIDE_LITERAL = "$provide";
 export const INJECTOR_LITERAL = "$injector";

package/src/core/filter/filter.js

@@ -1,4 +1,4 @@
-import { isObject } from "../../shared/utils";
+import { isObject } from "../../shared/utils.js";
 import { filterFilter } from "../../filters/filter";
 import { jsonFilter } from "../../filters/filters";
 import { limitToFilter } from "../../filters/limit-to";
@@ -28,7 +28,7 @@ export function FilterProvider($provide) {
     "$injector",
     /**
      *
-     * @param {import("../../core/di/internal-injector").InjectorService} $injector
+     * @param {import("../../core/di/internal-injector.js").InjectorService} $injector
      * @returns
      */
     function ($injector) {

package/src/core/interpolate/interpolate.js

@@ -5,7 +5,7 @@ import {
   stringify,
   valueFn,
   extend,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 import { constantWatchDelegate } from "../parse/parse.js";
 
 const $interpolateMinErr = minErr("$interpolate");

package/src/core/interval/interval-factory.js

@@ -1,4 +1,4 @@
-import { isDefined, sliceArgs } from "../../shared/utils";
+import { isDefined, sliceArgs } from "../../shared/utils.js";
 
 export function $IntervalFactoryProvider() {
   this.$get = [

package/src/core/interval/interval.js

@@ -1,5 +1,5 @@
 import { markQExceptionHandled } from "../q/q";
-import { minErr } from "../../shared/utils";
+import { minErr } from "../../shared/utils.js";
 
 const $intervalMinErr = minErr("$interval");
 

package/src/core/location/location.js

@@ -1,4 +1,4 @@
-import { JQLite } from "../../shared/jqlite/jqlite";
+import { JQLite } from "../../shared/jqlite/jqlite.js";
 import { urlResolve } from "../url-utils/url-utils";
 import {
   encodeUriSegment,
@@ -12,8 +12,8 @@ import {
   parseKeyValue,
   toInt,
   toKeyValue,
-} from "../../shared/utils";
-import { ScopePhase } from "../scope/scope";
+} from "../../shared/utils.js";
+import { ScopePhase } from "../scope/scope.js";
 
 /**
  * @typedef {Object} DefaultPorts

package/src/core/on.spec.js

@@ -1,6 +1,6 @@
 import { Angular } from "../loader";
 import { createInjector } from "./di/injector";
-import { valueFn } from "../shared/utils";
+import { valueFn } from "../shared/utils.js";
 
 describe("ngOn* event binding", () => {
   let $rootScope, module, injector, $compile;

package/src/core/parse/interpreter.js

@@ -1,4 +1,4 @@
-import { isDefined } from "../../shared/utils";
+import { isDefined } from "../../shared/utils.js";
 import { ASTType } from "./ast-type";
 
 export const PURITY_ABSOLUTE = 1;

package/src/core/prop.spec.js

@@ -1,7 +1,7 @@
 import { Angular } from "../loader";
 import { createInjector } from "./di/injector";
-import { valueFn } from "../shared/utils";
-import { dealoc } from "../shared/jqlite/jqlite";
+import { valueFn } from "../shared/utils.js";
+import { dealoc } from "../shared/jqlite/jqlite.js";
 
 describe("ngProp*", () => {
   let $compile, $rootScope, compileProvider, $sce;

package/src/core/q/q.js

@@ -7,7 +7,7 @@ import {
   isError,
   toDebugString,
   isPromiseLike,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 
 /**
  * @typedef {Object} QService
@@ -65,7 +65,7 @@ export class $QProvider {
     /**
      *
      * @param {import('../scope/scope').Scope} $rootScope
-     * @param {import('../exception-handler').ErrorHandler} $exceptionHandler
+     * @param {import("../exception-handler.js").ErrorHandler} $exceptionHandler
      * @returns
      */
     function ($rootScope, $exceptionHandler) {

package/src/core/root-element.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";
 
 describe("$rootElement", () => {

package/src/core/sanitize/sanitize-uri.js

@@ -1,4 +1,4 @@
-import { isDefined } from "../../shared/utils";
+import { isDefined } from "../../shared/utils.js";
 import { urlResolve } from "../url-utils/url-utils";
 
 /**

package/src/core/sce/sce.js

@@ -11,9 +11,9 @@ import {
   lowercase,
   minErr,
   shallowCopy,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 
-import { snakeToCamel } from "../../shared/jqlite/jqlite";
+import { snakeToCamel } from "../../shared/jqlite/jqlite.js";
 
 const $sceMinErr = minErr("$sce");
 
@@ -230,7 +230,7 @@ export function SceDelegateProvider() {
     "$$sanitizeUri",
     /**
      *
-     * @param {import("../../core/di/internal-injector").InjectorService} $injector
+     * @param {import("../../core/di/internal-injector.js").InjectorService} $injector
      * @param {*} $$sanitizeUri
      * @returns
      */

package/src/core/sce/sce.spec.js

@@ -1,7 +1,7 @@
 import { createInjector } from "../di/injector";
 
 import { Angular } from "../../loader";
-import { adjustMatcher } from "./sce";
+import { adjustMatcher } from "./sce.js";
 
 describe("SCE", () => {
   let $sce, $rootScope;

package/src/core/scope/scope.js

@@ -9,7 +9,7 @@ import {
   isNumberNaN,
   arrayRemove,
   equals,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 
 /**
  * @enum {number}
@@ -72,7 +72,7 @@ let applyAsyncId = null;
 let $parse;
 /** @type {import('../../services/browser').Browser} */
 let $browser;
-/**@type {import('../exception-handler').ErrorHandler} */
+/**@type {import("../exception-handler.js").ErrorHandler} */
 let $exceptionHandler;
 
 /**
@@ -96,7 +96,7 @@ export class RootScopeProvider {
     "$parse",
     "$browser",
     /**
-     * @param {import('../exception-handler').ErrorHandler} exceptionHandler
+     * @param {import("../exception-handler.js").ErrorHandler} exceptionHandler
      * @param {import('../parse/parse').ParseService} parse
      * @param {import('../../services/browser').Browser} browser
      * @returns {Scope} root scope

package/src/core/scope/scope.spec.js

@@ -1,5 +1,5 @@
 import { $$asyncQueue, Scope } from "./scope";
-import { extend, sliceArgs } from "../../shared/utils";
+import { extend, sliceArgs } from "../../shared/utils.js";
 import { Angular } from "../../loader";
 import { createInjector } from "../di/injector";
 

package/src/core/timeout/timeout.js

@@ -1,5 +1,5 @@
 import { markQExceptionHandled } from "../q/q";
-import { isDefined, minErr, sliceArgs } from "../../shared/utils";
+import { isDefined, minErr, sliceArgs } from "../../shared/utils.js";
 
 const $timeoutMinErr = minErr("$timeout");
 
@@ -14,7 +14,7 @@ export class TimeoutProvider {
      * @param {import('../scope/scope').Scope} $rootScope
      * @param {import('../../services/browser').Browser} $browser
      * @param {*} $q
-     * @param {import('../exception-handler').ErrorHandler} $exceptionHandler
+     * @param {import("../exception-handler.js").ErrorHandler} $exceptionHandler
      * @returns
      */
     ($rootScope, $browser, $q, $exceptionHandler) => {

package/src/core/url-utils/url-utils.js

@@ -1,4 +1,4 @@
-import { isString } from "../../shared/utils";
+import { isString } from "../../shared/utils.js";
 
 /**
  * HTTP protocol

package/src/directive/aria/aria.js

@@ -1,4 +1,4 @@
-import { extend } from "../../shared/utils";
+import { extend } from "../../shared/utils.js";
 
 const ARIA_DISABLE_ATTR = "ngAriaDisable";
 

package/src/directive/aria/aria.spec.js

@@ -1,6 +1,6 @@
 import { createInjector } from "../../core/di/injector";
 import { Angular } from "../../loader";
-import { dealoc } from "../../shared/jqlite/jqlite";
+import { dealoc } from "../../shared/jqlite/jqlite.js";
 
 describe("$aria", () => {
   let scope;

package/src/directive/attrs/attrs.js

@@ -1,6 +1,6 @@
-import { BOOLEAN_ATTR } from "../../shared/jqlite/jqlite";
-import { directiveNormalize } from "../../shared/utils";
-import { ALIASED_ATTR } from "../../shared/constants";
+import { BOOLEAN_ATTR } from "../../shared/jqlite/jqlite.js";
+import { directiveNormalize } from "../../shared/utils.js";
+import { ALIASED_ATTR } from "../../shared/constants.js";
 
 export const REGEX_STRING_REGEXP = /^\/(.+)\/([a-z]*)$/;
 

package/src/directive/attrs/attrs.spec.js

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
-import { dealoc } from "../../shared/jqlite/jqlite";
+import { dealoc } from "../../shared/jqlite/jqlite.js";
 
 describe("ngSrcset", () => {
   let $scope;

package/src/directive/attrs/boolean.spec.js

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
-import { dealoc } from "../../shared/jqlite/jqlite";
+import { dealoc } from "../../shared/jqlite/jqlite.js";
 
 describe("boolean attr directives", () => {
   let element, $rootScope, $compile, $rootElement;

package/src/directive/attrs/element-style.spec.js

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 
 describe("style", () => {
   let $rootScope;

package/src/directive/attrs/src.spec.js

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
-import { dealoc } from "../../shared/jqlite/jqlite";
+import { dealoc } from "../../shared/jqlite/jqlite.js";
 
 describe("ngSrc", () => {
   let $scope;

package/src/directive/bind/bind.js

@@ -1,4 +1,4 @@
-import { isUndefined, stringify } from "../../shared/utils";
+import { isUndefined, stringify } from "../../shared/utils.js";
 
 /**
  * @returns {import('../../types').Directive}

package/src/directive/bind/bind.spec.js

@@ -1,5 +1,5 @@
 import { Angular } from "../../loader";
-import { dealoc } from "../../shared/jqlite/jqlite";
+import { dealoc } from "../../shared/jqlite/jqlite.js";
 
 describe("ng-bind", () => {
   let $rootScope;

package/src/directive/bind/bing-html.spec.js

@@ -1,5 +1,5 @@
 import { createInjector } from "../../core/di/injector";
-import { forEach } from "../../shared/utils";
+import { forEach } from "../../shared/utils.js";
 import { Angular } from "../../loader";
 
 describe("ngBindHtml", () => {

package/src/directive/change/change.spec.js

@@ -1,5 +1,5 @@
 import { createInjector } from "../../core/di/injector";
-import { dealoc } from "../../shared/jqlite/jqlite";
+import { dealoc } from "../../shared/jqlite/jqlite.js";
 import { Angular } from "../../loader";
 
 describe("ngChange", () => {

package/src/directive/channel/channel.js

@@ -1,24 +1,42 @@
-import { EventBus } from "../../core/pubsub/pubsub";
+import { EventBus } from "../../core/pubsub/pubsub.js";
+import { isObject } from "../../shared/utils.js";
 
 /**
  * Dynamically updates an element's content based on events published on a specified channel.
- * When the directive is applied, it listens for data sent via `EventBus` and
- * updates the inner HTML of the element accordingly.
+ * If data is sent via `EventBus` on the specified `ngChannel`, the directive attempts to update the element's content accordingly,
+ * either by directly setting the inner HTML or merging the scope's data if the element contains a template.
+ *
+ * If the element has a template and incoming data is an object, the directive will merge all key/value pairs onto the scope,
+ * allowing Angular expressions (`{{ yourModel }}`) to be evaluated and rendered.
  *
  * When the scope is destroyed, the directive automatically unsubscribes from the channel.
+ * Example:
+ *
+ * HTML:
+ * <div ng-channel="userChannel">Hello {{ user.firstName }} {{ user.lastName }}</div>
  *
+ * JavaScript:
+ * angular.EventBus.publish('userChannel', { user: { firstName: 'John', lastName: 'Smith' } });
  *
- * @returns {import("../../types").Directive}
+ * @returns {import("../../types.js").Directive}
  */
 export function ngChannelDirective() {
   return {
     restrict: "EA",
     link: (scope, element, attrs) => {
-      const targetElement = element[0];
+      const hasTemplate = element[0].childNodes.length > 0;
       const channel = attrs["ngChannel"];
 
-      const key = EventBus.subscribe(channel, (val) => {
-        targetElement.innerHTML = val;
+      const key = EventBus.subscribe(channel, async (val) => {
+        if (!hasTemplate) {
+          element[0].innerHTML = val;
+        } else {
+          if (isObject(val)) {
+            Object.entries(val).forEach(([key, value]) => {
+              scope[key] = value;
+            });
+          }
+        }
       });
 
       scope.$on("$destroy", () => {

package/src/directive/channel/channel.spec.js

@@ -49,4 +49,21 @@ describe("channel", () => {
 
     expect(unsubscribeSpy).toHaveBeenCalled();
   });
+
+  it("should handle templates when EventBus emits a value", async () => {
+    element = $compile(
+      '<div ng-channel="testChannel">{{ a.firstName }} {{ a.lastName }}</div>',
+    )($scope);
+    $scope.$digest();
+    expect(element[0].textContent).toBe(" ");
+
+    EventBus.publish("testChannel", {
+      a: { firstName: "John", lastName: "Doe" },
+    });
+
+    await wait(100);
+    $scope.$digest();
+
+    expect(element[0].textContent).toBe("John Doe");
+  });
 });

package/src/directive/class/class.js

@@ -1,4 +1,4 @@
-import { hasAnimate, isObject, isString } from "../../shared/utils";
+import { hasAnimate, isObject, isString } from "../../shared/utils.js";
 
 function classDirective(name, selector) {
   name = `ngClass${name}`;

package/src/directive/class/class.spec.js

@@ -1,6 +1,6 @@
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 import { Angular } from "../../loader";
-import { valueFn } from "../../shared/utils";
+import { valueFn } from "../../shared/utils.js";
 
 describe("ngClass", () => {
   let element;

package/src/directive/cloak/cloak.spec.js

@@ -1,4 +1,4 @@
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
 

package/src/directive/controller/controller.spec.js

@@ -1,7 +1,7 @@
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
-import { bind } from "../../shared/utils";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
+import { bind } from "../../shared/utils.js";
 
 describe("ngController", () => {
   let angular;

package/src/directive/events/click.spec.js

@@ -1,4 +1,4 @@
-import { dealoc } from "../../shared/jqlite/jqlite";
+import { dealoc } from "../../shared/jqlite/jqlite.js";
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
 

package/src/directive/events/event.spec.js

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
-import { dealoc } from "../../shared/jqlite/jqlite";
+import { dealoc } from "../../shared/jqlite/jqlite.js";
 
 describe("event directives", () => {
   let angular;

package/src/directive/events/events.js

@@ -1,5 +1,5 @@
-import { directiveNormalize } from "../../shared/utils";
-import { ScopePhase } from "../../core/scope/scope";
+import { directiveNormalize } from "../../shared/utils.js";
+import { ScopePhase } from "../../core/scope/scope.js";
 
 /*
  * A collection of directives that allows creation of custom event handlers that are defined as
@@ -27,7 +27,7 @@ const forceAsyncEvents = {
        *
        * @param {*} $parse
        * @param {*} $rootScope
-       * @param {import('../../core/exception-handler').ErrorHandler} $exceptionHandler
+       * @param {import('../../core/exception-handler.js').ErrorHandler} $exceptionHandler
        * @returns
        */
       ($parse, $rootScope, $exceptionHandler) => {

package/src/directive/form/form.js

@@ -7,13 +7,13 @@ import {
   snakeCase,
   extend,
   isUndefined,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 import {
   PRISTINE_CLASS,
   DIRTY_CLASS,
   VALID_CLASS,
   INVALID_CLASS,
-} from "../../shared/constants";
+} from "../../shared/constants.js";
 
 export const nullFormCtrl = {
   $addControl: () => {},

package/src/directive/form/form.spec.js

@@ -1,5 +1,5 @@
 import { Angular } from "../../loader";
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 import { FormController } from "./form";
 
 describe("form", () => {

package/src/directive/if/if.js

@@ -1,6 +1,6 @@
 import { domInsert } from "../../animations/animate";
-import { getBlockNodes } from "../../shared/jqlite/jqlite";
-import { hasAnimate } from "../../shared/utils";
+import { getBlockNodes } from "../../shared/jqlite/jqlite.js";
+import { hasAnimate } from "../../shared/utils.js";
 
 ngIfDirective.$inject = ["$animate"];
 /**
@@ -11,7 +11,6 @@ ngIfDirective.$inject = ["$animate"];
  */
 export function ngIfDirective($animate) {
   return {
-    multiElement: true,
     transclude: "element",
     priority: 600,
     terminal: true,

package/src/directive/if/if.md

@@ -1,6 +1,5 @@
 @name ngIf
 @restrict A
-@multiElement
 
 @description
 The `ngIf` directive removes or recreates a portion of the DOM tree based on an

package/src/directive/if/if.spec.js

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

package/src/directive/include/include.js

@@ -1,6 +1,6 @@
-import { isDefined } from "../../shared/utils";
-import { buildFragment } from "../../shared/jqlite/jqlite";
-import { hasAnimate } from "../../shared/utils";
+import { isDefined } from "../../shared/utils.js";
+import { buildFragment } from "../../shared/jqlite/jqlite.js";
+import { hasAnimate } from "../../shared/utils.js";
 import { domInsert } from "../../animations/animate";
 
 export const ngIncludeDirective = [

package/src/directive/include/include.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 { createInjector } from "../../core/di/injector";
-import { valueFn } from "../../shared/utils";
+import { valueFn } from "../../shared/utils.js";
 import { wait } from "../../shared/test-utils";
 
 describe("ngInclude", () => {

package/src/directive/init/init.spec.js

@@ -1,4 +1,4 @@
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
 

package/src/directive/input/input.js

@@ -13,7 +13,7 @@ import {
   timezoneToOffset,
   nextUid,
   equals,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 import { ngModelMinErr } from "./../model/model";
 
 // Regex code was initially obtained from SO prior to modification: https://stackoverflow.com/questions/3143070/javascript-regex-iso-datetime#answer-3143231

package/src/directive/input/input.spec.js

@@ -1,5 +1,5 @@
 import { Angular } from "../../loader";
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 import { EMAIL_REGEXP, ISO_DATE_REGEXP, URL_REGEXP } from "./input";
 
 describe("input", () => {

package/src/directive/messages/messages.js

@@ -1,4 +1,4 @@
-import { isString } from "../../shared/utils";
+import { isString } from "../../shared/utils.js";
 
 const ACTIVE_CLASS = "ng-active";
 const INACTIVE_CLASS = "ng-inactive";