@angular-wave/angular.ts 0.7.0-beta.0 → 0.7.1

package/src/router/transition/transition-service.js

@@ -64,7 +64,8 @@ export class TransitionProvider {
   static $inject = ["$routerGlobalsProvider", "$viewProvider"];
 
   /**
-   * @param {import('../globals').UIRouterGlobals} globals
+   * @param {import('../globals.js').RouterGlobals} globals
+   * @param viewService
    */
   constructor(globals, viewService) {
     this._transitionCount = 0;

package/src/router/transition/transition.js

@@ -23,6 +23,8 @@ import { Resolvable } from "../resolve/resolvable.js";
 import { ResolveContext } from "../resolve/resolve-context.js";
 import { Rejection } from "./reject-factory.js";
 
+/** @typedef {import('./interface.ts').IHookRegistry} IHookRegistry */
+
 /**
  * Represents a transition between two states.
  *
@@ -30,6 +32,7 @@ import { Rejection } from "./reject-factory.js";
  *
  * This object contains all contextual information about the to/from states, parameters, resolves.
  * It has information about all states being entered and exited as a result of the transition.
+ * @implements {IHookRegistry}
  */
 export class Transition {
   /**
@@ -37,15 +40,16 @@ export class Transition {
    *
    * If the target state is not valid, an error is thrown.
    *
-   * @internal
-   *
    * @param fromPath The path of [[PathNode]]s from which the transition is leaving.  The last node in the `fromPath`
    *        encapsulates the "from state".
    * @param targetState The target state and parameters being transitioned to (also, the transition options)
    * @param {import('../transition/transition-service.js').TransitionProvider} transitionService The [[TransitionService]] instance
-   * @internal
+   * @param {import('../globals.js').RouterGlobals} globals
    */
   constructor(fromPath, targetState, transitionService, globals) {
+    /**
+     * @type {import('../globals.js').RouterGlobals}
+     */
     this.globals = globals;
     this.transitionService = transitionService;
     this._deferred = Promise.withResolvers();
@@ -84,6 +88,14 @@ export class Transition {
     );
     TransitionHook.invokeHooks(onCreateHooks, () => null);
     this.applyViewConfigs();
+    this.onStart = undefined;
+    this.onBefore = undefined;
+    this.onSuccess = undefined;
+    this.onEnter = undefined;
+    this.onRetain = undefined;
+    this.onExit = undefined;
+    this.onFinish = undefined;
+    this.onError = undefined;
   }
 
   /**
@@ -110,15 +122,13 @@ export class Transition {
     );
   }
   /**
-   * @internal
-   * @returns the internal from [State] object
+   * @returns {import('../state/state-object.js').StateObject} the internal from [State] object
    */
   $from() {
     return tail(this._treeChanges.from).state;
   }
   /**
-   * @internal
-   * @returns the internal to [State] object
+   * @returns {import('../state/state-object.js').StateObject} the internal to [State] object
    */
   $to() {
     return tail(this._treeChanges.to).state;

package/src/router/url/url-matcher.js

@@ -10,7 +10,7 @@ import {
   defaults,
 } from "../../shared/common.js";
 import { propEq } from "../../shared/hof.js";
-import { isDefined, isString } from "../../shared/utils.js";
+import { hasOwn, isDefined, isString } from "../../shared/utils.js";
 import { Param, DefType } from "../params/param.js";
 import { joinNeighborsR, splitOnDelim } from "../../shared/strings.js";
 
@@ -436,7 +436,7 @@ export class UrlMatcher {
     params = params || {};
     // I'm not sure why this checks only the param keys passed in, and not all the params known to the matcher
     const paramSchema = this.parameters().filter((paramDef) =>
-      Object.prototype.hasOwnProperty.call(params, paramDef.id),
+      hasOwn(params, paramDef.id),
     );
     return paramSchema
       .map((paramDef) => validParamVal(paramDef, params[paramDef.id]))

package/src/router/view/interface.ts

@@ -0,0 +1,51 @@
+import { ViewDeclaration } from "../state/interface.ts";
+import { PathNode } from "../path/path-node.js";
+
+/** The context ref can be anything that has a `name` and a `parent` reference to another IContextRef */
+export interface ViewContext {
+  name: string;
+  parent: ViewContext;
+}
+
+export interface ActiveUIView {
+  /** An auto-incremented id */
+  id: number;
+  /** The ui-view short name */
+  name: string;
+  /** The ui-view's fully qualified name */
+  fqn: string;
+  /** The ViewConfig that is currently loaded into the ui-view */
+  config: ViewConfig;
+  /** The state context in which the ui-view tag was created. */
+  creationContext: ViewContext;
+  /** A callback that should apply a ViewConfig (or clear the ui-view, if config is undefined) */
+  configUpdated: (config: ViewConfig) => void;
+}
+
+/**
+ * This interface represents a [[_ViewDeclaration]] that is bound to a [[PathNode]].
+ *
+ * A `ViewConfig` is the runtime definition of a single view.
+ *
+ * During a transition, `ViewConfig`s are created for each [[_ViewDeclaration]] defined on each "entering" [[StateObject]].
+ * Then, the [[ViewService]] finds any matching `ui-view`(s) in the DOM, and supplies the ui-view
+ * with the `ViewConfig`.  The `ui-view` then loads itself using the information found in the `ViewConfig`.
+ *
+ * A `ViewConfig` if matched with a `ui-view` by finding all `ui-view`s which were created in the
+ * context named by the `uiViewContextAnchor`, and finding the `ui-view` or child `ui-view` that matches
+ * the `uiViewName` address.
+ */
+export interface ViewConfig {
+  /* The unique id for the ViewConfig instance */
+  $id: number;
+  /** The normalized view declaration from [[State.views]] */
+  viewDecl: ViewDeclaration;
+
+  /** The node the ViewConfig is bound to */
+  path: PathNode[];
+
+  loaded: boolean;
+
+  /** Fetches templates, runs dynamic (controller|template)Provider code, lazy loads Components, etc */
+  load(): Promise<ViewConfig>;
+}

package/src/router/view/view.js

@@ -1,7 +1,7 @@
 import { equals, applyPairs, removeFrom, find } from "../../shared/common.js";
 import { curry } from "../../shared/hof.js";
 import { trace } from "../common/trace.js";
-import { getNg1ViewConfigFactory } from "../state/views.js";
+import { getViewConfigFactory } from "../state/views.js";
 /**
  * The View service
  *
@@ -25,13 +25,10 @@ export class ViewService {
     this._viewConfigFactories = {};
     this._listeners = [];
     this._pluginapi = {
-      _rootViewContext: this._rootViewContext.bind(this),
-      _viewConfigFactory: this._viewConfigFactory.bind(this),
       _registeredUIView: (id) => {
         const res = find(this._ngViews, (view) => view.id === id);
         return res;
       },
-
       _registeredUIViews: () => this._ngViews,
       _activeViewConfigs: () => this._viewConfigs,
       _onSync: (listener) => {
@@ -39,27 +36,37 @@ export class ViewService {
         return () => removeFrom(this._listeners, listener);
       },
     };
-    this._pluginapi._viewConfigFactory(getNg1ViewConfigFactory());
+    this.viewConfigFactory(getViewConfigFactory());
   }
 
   $get = [() => this];
 
-  _rootViewContext(context) {
+  /**
+   * @param {?import('../state/state-object.js').StateObject} context
+   * @return {?import('../state/state-object.js').StateObject}
+   */
+  rootViewContext(context) {
     return (this._rootContext = context || this._rootContext);
   }
 
-  _viewConfigFactory(factory) {
-    this._viewConfigFactory = factory;
+  viewConfigFactory(factory) {
+    this.viewConfigFactory = factory;
   }
+
+  /**
+   * @param path
+   * @param decl
+   * @return {import("../state/views.js").ViewConfig}
+   */
   createViewConfig(path, decl) {
     /** @type {function(any, any): any} */
-    const cfgFactory = this._viewConfigFactory;
+    const cfgFactory = this.viewConfigFactory;
     if (!cfgFactory)
       throw new Error(
         "ViewService: No view config factory registered for type " + decl.$type,
       );
     const cfgs = cfgFactory(path, decl);
-    return Array.isArray(cfgs) ? cfgs : [cfgs];
+    return cfgs;
   }
   /**
    * Deactivates a ViewConfig.

package/src/router/view/view.spec.js

@@ -5,7 +5,7 @@ import { StateMatcher } from "../state/state-matcher.js";
 import { StateBuilder } from "../state/state-builder.js";
 import { StateObject } from "../state/state-object.js";
 import { ViewService } from "./view.js";
-import { ng1ViewsBuilder, getNg1ViewConfigFactory } from "../state/views.js";
+import { ng1ViewsBuilder, getViewConfigFactory } from "../state/views.js";
 import { PathNode } from "../path/path-node.js";
 import { PathUtils } from "../path/path-utils.js";
 import { tail } from "../../shared/common.js";
@@ -81,14 +81,14 @@ describe("view", () => {
 
       state = register(stateDeclaration);
       const $view = new ViewService(null);
-      $view._pluginapi._viewConfigFactory("ng1", getNg1ViewConfigFactory());
+      $view.viewConfigFactory(getViewConfigFactory());
 
       const _states = [root, state];
       path = _states.map((_state) => new PathNode(_state));
       PathUtils.applyViewConfigs($view, path, _states);
     });
 
-    xit("uses the controllerProvider to get controller dynamically", async () => {
+    it("uses the controllerProvider to get controller dynamically", async () => {
       $controllerProvider.register("AcmeFooController", () => {});
       elem.innerHTML = "<div><ng-view></ng-view></div>";
       $compile(elem)(scope);

package/src/router/view-scroll.spec.js

@@ -20,8 +20,7 @@ describe("ngView", () => {
       });
       elem = [{ scrollIntoView: jasmine.createSpy("scrollIntoView") }];
     });
-    // TODO The
-    xit("should scroll element into view after timeout", async () => {
+    it("should scroll element into view after timeout", async () => {
       $ngViewScroll(elem[0]);
       expect(elem[0].scrollIntoView).not.toHaveBeenCalled();
 
@@ -29,8 +28,8 @@ describe("ngView", () => {
       expect(elem[0].scrollIntoView).toHaveBeenCalled();
     });
 
-    xit("should return the promise from the timeout", async () => {
-      const promise = $ngViewScroll(elem);
+    it("should return the promise from the timeout", async () => {
+      const promise = $ngViewScroll(elem[0]);
 
       await wait(100);
       expect(elem[0].scrollIntoView).toHaveBeenCalled();

package/src/services/anchor-scroll.html

@@ -29,7 +29,7 @@
             function ($anchorScroll, $location, $scope) {
               $scope.gotoAnchor = function (x) {
                 window.$locationTest = $location;
-                var newHash = "anchor" + x;
+                const newHash = "anchor" + x;
                 if ($location.hash() !== newHash) {
                   // set the $location.hash to `newHash` and
                   // $anchorScroll will automatically scroll to it

package/src/services/anchor-scroll.js

@@ -24,10 +24,6 @@ export class AnchorScrollProvider {
     this.autoScrollingEnabled = true;
   }
 
-  disableAutoScrolling() {
-    this.autoScrollingEnabled = false;
-  }
-
   $get = [
     "$location",
     "$rootScope",

package/src/services/http/http.md

@@ -1,5 +1,5 @@
 /**
-_ The `$http` service is a core AngularJS service that facilitates communication with the remote
+_ The `$http` service is a core AngularTS service that facilitates communication with the remote
 _ HTTP servers via the browser's [XMLHttpRequest](https://developer.mozilla.org/en/xmlhttprequest)
 _ object or via [JSONP](http://en.wikipedia.org/wiki/JSONP).
 _
@@ -112,7 +112,7 @@ _ the $q service. While for simple usage patterns this doesn't matter much, for
        * the transformed value (`function(data, headersGetter, status)`) or an array of such transformation functions,
        * which allows you to `push`or`unshift` a new transformation function into the transformation chain. \*
 _ <div class="alert alert-warning">
-_ **Note:** AngularJS does not make a copy of the `data` parameter before it is passed into the `transformRequest` pipeline.
+_ **Note:** AngularTS does not make a copy of the `data` parameter before it is passed into the `transformRequest` pipeline.
 _ That means changes to the properties of `data` are not local to the transform function (since Javascript passes objects by reference).
 _ For example, when calling `$http.get(url, $scope.myObject)`, modifications to the object's properties in a transformRequest
 _ function will be reflected on the scope and in any templates where the object is data-bound.
@@ -127,7 +127,7 @@ _ then these will be applied.
 _
 _ You can augment or replace the default transformations by modifying these properties by adding to or
 _ replacing the array. \*
-_ AngularJS provides the following default transformations:
+_ AngularTS provides the following default transformations:
 _
 _ Request transformations (`$httpProvider.defaults.transformRequest` and `$http.defaults.transformRequest`) is
 _ an array with one function that does the following: \*
@@ -282,7 +282,7 @@ _ ``       *
        * - [JSON vulnerability](http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx)
        * - [XSRF](http://en.wikipedia.org/wiki/Cross-site_request_forgery)
        *
-       * Both server and the client must cooperate in order to eliminate these threats. AngularJS comes
+       * Both server and the client must cooperate in order to eliminate these threats. AngularTS comes
        * pre-configured with strategies that address these issues, but for this to work backend server
        * cooperation is required.
        *
@@ -292,7 +292,7 @@ _ ``       *
        * allows third party website to turn your JSON resource URL into
        * [JSONP](http://en.wikipedia.org/wiki/JSONP) request under some conditions. To
        * counter this your server can prefix all JSON requests with following string `")]}',\n"`.
-       * AngularJS will automatically strip the prefix before processing it as JSON.
+       * AngularTS will automatically strip the prefix before processing it as JSON.
        *
        * For example if your server needs to return:
        *``js
@@ -304,13 +304,13 @@ _ )]}',
 _ ['one','two']
 _ ```
 _
-_ AngularJS will strip the prefix, before processing the JSON.
+_ AngularTS will strip the prefix, before processing the JSON.
 _ \*
 _ ### Cross Site Request Forgery (XSRF) Protection
 _
 _ [XSRF](http://en.wikipedia.org/wiki/Cross-site_request_forgery) is an attack technique by
 _ which the attacker can trick an authenticated user into unknowingly executing actions on your
-_ website. AngularJS provides a mechanism to counter XSRF. When performing XHR requests, the
+_ website. AngularTS provides a mechanism to counter XSRF. When performing XHR requests, the
 _ $http service reads a token from a cookie (by default, `XSRF-TOKEN`) and sets it as an HTTP
 _ header (by default `X-XSRF-TOKEN`). Since only JavaScript that runs on your domain could read
 _ the cookie, your server can be assured that the XHR came from JavaScript running on your
@@ -343,7 +343,7 @@ _ The name of the cookie and the header can be specified using the `xsrfCookieNa
 _ `xsrfHeaderName` properties of either `$httpProvider.defaults` at config-time,
 _ `$http.defaults` at run-time, or the per-request config object.
 _
-_ In order to prevent collisions in environments where multiple AngularJS apps share the
+_ In order to prevent collisions in environments where multiple AngularTS apps share the
 _ same domain or subdomain, we recommend that each application uses a unique cookie name. \* \*
 _ @param {object} requestConfig Object describing the request to be made and how it should be
 _ processed. The object has following properties: \* \* - **method** – `{string}` – HTTP method (e.g. 'GET', 'POST', etc) \* - **url** – `{string|TrustedObject}` – Absolute or relative URL of the resource that is being requested;

package/src/services/log.md

@@ -4,7 +4,7 @@ Simple service for logging. Default implementation safely writes the message int
 
 The main purpose of this service is to simplify debugging and troubleshooting.
 
-To reveal the location of the calls to `$log` in the JavaScript console, you can "blackbox" the AngularJS source in your browser:
+To reveal the location of the calls to `$log` in the JavaScript console, you can "blackbox" the AngularTS source in your browser:
 
 - [Mozilla description of blackboxing](https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Black_box_a_source).
 - [Chrome description of blackboxing](https://developer.chrome.com/devtools/docs/blackboxing).

package/src/services/template-request.js

@@ -1,7 +1,7 @@
-import { defaultHttpResponseTransform } from "./http/http";
+import { defaultHttpResponseTransform } from "./http/http.js";
 import { extend, isString, minErr } from "../shared/utils.js";
 
-var $templateRequestMinErr = minErr("$templateRequest");
+const $templateRequestMinErr = minErr("$templateRequest");
 
 /**
  * Used to configure the options passed to the {@link $http} service when making a template request.
@@ -10,7 +10,7 @@ var $templateRequestMinErr = minErr("$templateRequest");
  * requesting a template.
  */
 export function TemplateRequestProvider() {
-  var httpOptions;
+  let httpOptions;
 
   /**
    * The options to be passed to the {@link $http} service when making the request.
@@ -73,16 +73,20 @@ export function TemplateRequestProvider() {
         // We consider the template cache holds only trusted templates, so
         // there's no need to go through adding the template again to the trusted
         // resources for keys that already are included in there. This also makes
-        // AngularJS accept any script directive, no matter its name. However, we
+        // AngularTS accept any script directive, no matter its name. However, we
         // still need to unwrap trusted types.
         if (!isString(tpl) || !$templateCache.has(tpl)) {
-          tpl = $sce.getTrustedResourceUrl(tpl);
-          if (!tpl) {
-            return Promise.reject("Template not found");
+          try {
+            tpl = $sce.getTrustedResourceUrl(tpl);
+            if (!tpl) {
+              return Promise.reject("Template not found");
+            }
+          } catch (e) {
+            return Promise.reject(e.message);
           }
         }
 
-        var transformResponse =
+        let transformResponse =
           $http.defaults && $http.defaults.transformResponse;
 
         if (Array.isArray(transformResponse)) {

package/src/shared/dom.js

@@ -1,4 +1,4 @@
-import { concat, isDefined, isObject } from "./utils.js";
+import { concat, hasOwn, isDefined, isObject } from "./utils.js";
 import {
   Cache,
   EXPANDO,
@@ -370,7 +370,7 @@ export function deleteCacheData(element, key) {
     const expandoStore = getExpando(element, false); // Don't create if it doesn't exist
     const data = expandoStore?.data;
 
-    if (data && Object.prototype.hasOwnProperty.call(data, kebabToCamel(key))) {
+    if (data && hasOwn(data, kebabToCamel(key))) {
       delete data[kebabToCamel(key)];
     }
   }

package/src/shared/interface.ts

@@ -0,0 +1,6 @@
+export type Mapper<X, T> = (x: X, key?: string | number) => T;
+export interface TypedMap<T> {
+  [key: string]: T;
+}
+export type Predicate<X> = (x?: X) => boolean;
+export type PredicateBinary<X, Y> = (x?: X, y?: Y) => boolean;

package/src/shared/noderef.js

@@ -66,7 +66,7 @@ export class NodeRef {
       this._node = element;
     }
 
-    // Nandle array of elements
+    // Handle array of elements
     else if (element instanceof Array) {
       if (element.length == 1) {
         this.initial = element[0].cloneNode(true);
@@ -109,8 +109,6 @@ export class NodeRef {
     } else {
       this._element = undefined;
     }
-    // this._nodes = undefined;
-    // this.isList = false;
   }
 
   /** @param {Array<Node>} nodes */

package/src/shared/utils.js

@@ -47,7 +47,7 @@ export function uppercase(string) {
 }
 
 /**
- * @param {*} obj
+ * @param {*} obj Reference to check.
  * @return {boolean} Returns true if `obj` is an array or array-like object (NodeList, Arguments,
  *                   String ...)
  */
@@ -107,6 +107,7 @@ export function isObject(value) {
 /**
  * Determines if a value is an object with a null prototype
  *
+ * @param {*} value Reference to check.
  * @returns {boolean} True if `value` is an `Object` with a null prototype
  */
 export function isBlankObject(value) {
@@ -364,8 +365,7 @@ export function baseExtend(dst, objs, deep) {
  * to `dst`. You can specify multiple `src` objects. If you want to preserve original objects, you can do so
  * by passing an empty object as the target: `let object = angular.extend({}, object1, object2)`.
  *
- * **Note:** Keep in mind that `angular.extend` does not support recursive merge (deep copy). Use
- * {@link angular.merge} for this.
+ * **Note:** Keep in mind that `angular.extend` does not support recursive merge (deep copy).
  *
  * @param {Object} dst Destination object.
  * @param {...Object} src Source object(s).
@@ -375,38 +375,6 @@ export function extend(dst, ...src) {
   return baseExtend(dst, src, false);
 }
 
-/**
- * Deeply extends the destination object `dst` by copying own enumerable properties from the `src` object(s)
- * to `dst`. You can specify multiple `src` objects. If you want to preserve original objects, you can do so
- * by passing an empty object as the target: `let object = angular.merge({}, object1, object2)`.
- *
- * Unlike {@link angular.extend extend()}, `merge()` recursively descends into object properties of source
- * objects, performing a deep copy.
- *
- * @deprecated
- * sinceVersion="1.6.5"
- * This function is deprecated, but will not be removed in the 1.x lifecycle.
- * There are edge cases (see {@link angular.merge#known-issues known issues}) that are not
- * supported by this function. We suggest using another, similar library for all-purpose merging,
- * such as [lodash's merge()](https://lodash.com/docs/4.17.4#merge).
- *
- * @knownIssue
- * This is a list of (known) object types that are not handled correctly by this function:
- * - [`Blob`](https://developer.mozilla.org/docs/Web/API/Blob)
- * - [`MediaStream`](https://developer.mozilla.org/docs/Web/API/MediaStream)
- * - [`CanvasGradient`](https://developer.mozilla.org/docs/Web/API/CanvasGradient)
- * - AngularJS {@link $rootScope.Scope scopes};
- *
- * `angular.merge` also does not support merging objects with circular references.
- *
- * @param {Object} dst Destination object.
- * @param {...Object} src Source object(s).
- * @returns {Object} Reference to `dst`.
- */
-export function merge(dst, ...src) {
-  return baseExtend(dst, src, true);
-}
-
 /**
  * @param {string} str
  * @returns {number}
@@ -748,7 +716,7 @@ function toJsonReplacer(key, value) {
 
 /**
  * Serializes input into a JSON-formatted string. Properties with leading $$ characters will be
- * stripped since AngularJS uses this notation internally.
+ * stripped since AngularTS uses this notation internally.
  *
  * @param {Object|Array|Date|string|number|boolean} obj Input to be serialized into JSON.
  * @param {boolean|number} [pretty=2] If set to true, the JSON output will contain newlines and whitespace.
@@ -839,7 +807,7 @@ export function parseKeyValue(keyValue) {
       key = tryDecodeURIComponent(key);
       if (isDefined(key)) {
         val = isDefined(val) ? tryDecodeURIComponent(val) : true;
-        if (!Object.hasOwnProperty.call(obj, key)) {
+        if (!hasOwn(obj, /** @type {string} */ (key))) {
           obj[key] = val;
         } else if (Array.isArray(obj[key])) {
           obj[key].push(val);
@@ -879,13 +847,13 @@ export function toKeyValue(obj) {
  * Tries to decode the URI component without throwing an exception.
  *
  * @param  {string} value potential URI component to check.
- * @returns {string}
+ * @returns {string|void}
  */
 export function tryDecodeURIComponent(value) {
   try {
     return decodeURIComponent(value);
   } catch {
-    value;
+    return;
   }
 }
 
@@ -1052,7 +1020,7 @@ export function errorHandlingConfig(config) {
 
 /**
  * This object provides a utility for producing rich Error messages within
- * AngularJS. It can be called as follows:
+ * AngularTS. It can be called as follows:
  *
  * let exampleMinErr = minErr('example');
  * throw exampleMinErr('one', 'This {0} is {1}', foo, bar);
@@ -1209,19 +1177,19 @@ export function isObjectEmpty(obj) {
 }
 
 /**
- * Replaces the attributes and child elements of an existing element (`replacedElem`)
- * with those of a new element (`newElem`), while keeping the original reference.
+ * Checks whether the given object has the specified property as its own (not inherited).
  *
- * @param {HTMLElement} replacedElem - The element to be replaced (its content and attributes will be updated).
- * @param {HTMLElement} newElem - The element providing the new attributes and content.
+ * This is a safe version of `hasOwnProperty` that avoids issues with objects
+ * that have it overridden or missing from their prototype chain.
+ *
+ * @param {object} obj - The object to check.
+ * @param {string|number|symbol} key - The property key to look for.
+ * @returns {boolean} True if the object has the property as its own; otherwise, false.
+ *
+ * @example
+ * hasOwn({ foo: 123 }, 'foo'); // true
+ * hasOwn({}, 'bar'); // false
  */
-export function replaceInline(replacedElem, newElem) {
-  for (const attr of Array.from(newElem.attributes)) {
-    replacedElem.setAttribute(attr.name, attr.value);
-  }
-  replacedElem.innerHTML = "";
-
-  for (const child of Array.from(newElem.childNodes)) {
-    replacedElem.appendChild(child.cloneNode(true));
-  }
+export function hasOwn(obj, key) {
+  return Object.prototype.hasOwnProperty.call(obj, key);
 }

package/src/src.html

@@ -12,10 +12,11 @@
     <script src="/jasmine/boot0.js"></script>
     <script src="/jasmine/boot1.js"></script>
     <script type="module" src="/src/angular.spec.js"></script>
+    <script type="module" src="/src/index.spec.js"></script>
     <script type="module" src="/src/loader.spec.js"></script>
     <script type="module" src="/src/public.spec.js"></script>
   </head>
   <body>
-    <div id="app"></div>
+    <div ng-app id="app"></div>
   </body>
 </html>

package/tsconfig.json

@@ -1,10 +1,11 @@
 {
   "compilerOptions": {
-    "allowJs": true,
     "checkJs": true,
     "noEmit": true,
     "esModuleInterop": true,
+    "allowJs": true,
     "allowSyntheticDefaultImports": true,
+    "allowImportingTsExtensions": true,
     "lib": ["ESNext", "DOM"],
     "target": "ES2017",
     "downlevelIteration": true,

package/tsconfig.types.json

@@ -4,6 +4,7 @@
     "moduleResolution": "NodeNext",
     "declaration": true,
     "allowJs": true,
+    "allowImportingTsExtensions": true,
     "emitDeclarationOnly": true,
     "outDir": "@types",
     "target": "ES2023"

package/typedoc/assets/hierarchy.js

@@ -1,2 +1,2 @@
 window.hierarchyData =
-  "eJylzr0KwjAUBeB3OXOsScFi8wQOrk5SJKbRFm8TSOJU8u4SanUpdOh0L/fn8I3wzsUAea25aBi8eZDRsXc2QI6oucjFqsFA4uy0yiswvHrbQoryyPD2BAlNKgQT9tp5c6Pv4a8p5teiiwOBTeeQiKHd5azdNGDQXU+tNzaLKs4EL0WTGOqKL0BOcaDDxdMG0ByxAksMmbJkUKG7K/vcyPinrElS+gDyn5TQ";
+  "eJyljr0OgjAQx9/l5oJChGCfwMHVyRBTS7WNR5u0dSK8u1cVXUgYmO7y/8pvAO9cDMDP+7JuGXh1QyWjcZa0AUhMx4peAYejkyJZwOBhbAe8KBsGT4/kSRQhqLCRzqsLfoO/J5+quY49Uv8dp1oMXZa2so9AhjbYeWUTUVOxYrur25EB/TMgBxqrTh5XAE0TC2CEkFDmGETQV2HvKzH+K0sk4/gCI4KU+g==";