@angular-wave/angular.ts 0.0.12 → 0.0.14

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@angular-wave/angular.ts",
   "license": "MIT",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "type": "module",
   "main": "dist/angular-ts.esm.js",
   "browser": "dist/angular-ts.umd.js",

package/src/exts/messages.md

@@ -518,33 +518,33 @@ _ {@link module:ngMessages Click here} to learn more about`ngMessages`and`ngMess
     _ @param {string} ngMessageExp|whenExp an expression value corresponding to the message key.
     _/
 
-                                                                            /**
-                                                                            * @ngdoc directive
-                                                                            * @name ngMessageDefault
-                                                                            * @restrict AE
-                                                                            * @scope
-                                                                            *
-                                                                            * @description
-                                                                            * `ngMessageDefault` is a directive with the purpose to show and hide a default message for
-                                                                            * {@link directive:ngMessages}, when none of provided messages matches.
-                                                                            *
-                                                                            * More information about using `ngMessageDefault` can be found in the
-                                                                            * {@link module:ngMessages `ngMessages` module documentation}.
-                                                                            *
-                                                                            * @usage
-                                                                            * ```html
-                                                                            * <!-- using attribute directives -->
-                                                                            * <ANY ng-messages="expression" role="alert">
-                                                                            *   <ANY ng-message="stringValue">...</ANY>
-                                                                            *   <ANY ng-message="stringValue1, stringValue2, ...">...</ANY>
-                                                                            *   <ANY ng-message-default>...</ANY>
-                                                                            * </ANY>
-                                                                            *
-                                                                            * <!-- or by using element directives -->
-                                                                            * <ng-messages for="expression" role="alert">
-                                                                            *   <ng-message when="stringValue">...</ng-message>
-                                                                            *   <ng-message when="stringValue1, stringValue2, ...">...</ng-message>
-                                                                            *   <ng-message-default>...</ng-message-default>
-                                                                            * </ng-messages>
-                                                                            *
-                                                                            */
+                                                                                                                        /**
+                                                                                                                        * @ngdoc directive
+                                                                                                                        * @name ngMessageDefault
+                                                                                                                        * @restrict AE
+                                                                                                                        * @scope
+                                                                                                                        *
+                                                                                                                        * @description
+                                                                                                                        * `ngMessageDefault` is a directive with the purpose to show and hide a default message for
+                                                                                                                        * {@link directive:ngMessages}, when none of provided messages matches.
+                                                                                                                        *
+                                                                                                                        * More information about using `ngMessageDefault` can be found in the
+                                                                                                                        * {@link module:ngMessages `ngMessages` module documentation}.
+                                                                                                                        *
+                                                                                                                        * @usage
+                                                                                                                        * ```html
+                                                                                                                        * <!-- using attribute directives -->
+                                                                                                                        * <ANY ng-messages="expression" role="alert">
+                                                                                                                        *   <ANY ng-message="stringValue">...</ANY>
+                                                                                                                        *   <ANY ng-message="stringValue1, stringValue2, ...">...</ANY>
+                                                                                                                        *   <ANY ng-message-default>...</ANY>
+                                                                                                                        * </ANY>
+                                                                                                                        *
+                                                                                                                        * <!-- or by using element directives -->
+                                                                                                                        * <ng-messages for="expression" role="alert">
+                                                                                                                        *   <ng-message when="stringValue">...</ng-message>
+                                                                                                                        *   <ng-message when="stringValue1, stringValue2, ...">...</ng-message>
+                                                                                                                        *   <ng-message-default>...</ng-message-default>
+                                                                                                                        * </ng-messages>
+                                                                                                                        *
+                                                                                                                        */

package/src/router/adapter/directives/stateDirectives.js

@@ -4,23 +4,21 @@
  * These are the directives included in UI-Router for Angular 1.
  * These directives are used in templates to create viewports and link/navigate to states.
  *
- * @preferred @publicapi @module directives
- */ /** */
+ */
 import {
   extend,
   forEach,
   tail,
-  isString,
-  isObject,
-  isArray,
-  parse,
   noop,
   unnestR,
   identity,
   uniqR,
   inArray,
   removeFrom,
-} from "../../core/index";
+} from "../../core/common/common";
+import { isString, isObject, isArray } from "../../core/common/predicates";
+
+import { parse } from "../../core/common/hof";
 /** @hidden */
 function parseStateRef(ref) {
   const paramsOnly = ref.match(/^\s*({[^}]*})\s*$/);
@@ -52,12 +50,12 @@ function processedDef($state, $element, def) {
 function getTypeInfo(el) {
   // SVGAElement does not use the href attribute, but rather the 'xlinkHref' attribute.
   const isSvg =
-    Object.prototype.toString.call(el.prop("href")) ===
+    Object.prototype.toString.call(el[0].getAttribute("href")) ===
     "[object SVGAnimatedString]";
   const isForm = el[0].nodeName === "FORM";
   return {
     attr: isForm ? "action" : isSvg ? "xlink:href" : "href",
-    isAnchor: el.prop("tagName").toUpperCase() === "A",
+    isAnchor: el[0].nodeName === "A",
     clickable: !isForm,
   };
 }
@@ -252,8 +250,7 @@ function bindEvents(element, scope, hookFn, uiStateOpts) {
  * - Unlike the parameter values expression, the state name is not `$watch`ed (for performance reasons).
  * If you need to dynamically update the state being linked to, use the fully dynamic [[uiState]] directive.
  */
-let uiSrefDirective;
-uiSrefDirective = [
+export let uiSrefDirective = [
   "$uiRouter",
   "$timeout",
   function $StateRefDirective($uiRouter, $timeout) {
@@ -390,8 +387,7 @@ uiSrefDirective = [
  * - A middle-click, right-click, or ctrl-click is handled (natively) by the browser to open the href in a new window, for example.
  * ```
  */
-let uiStateDirective;
-uiStateDirective = [
+export let uiStateDirective = [
   "$uiRouter",
   "$timeout",
   function $StateRefDynamicDirective($uiRouter, $timeout) {
@@ -540,8 +536,7 @@ uiStateDirective = [
  *
  * - Multiple classes may be specified in a space-separated format: `ui-sref-active='class1 class2 class3'`
  */
-let uiSrefActiveDirective;
-uiSrefActiveDirective = [
+export let uiSrefActiveDirective = [
   "$state",
   "$stateParams",
   "$interpolate",
@@ -675,9 +670,11 @@ uiSrefActiveDirective = [
               (cls) => !inArray(addClasses, cls),
             );
             $scope.$evalAsync(() => {
-              addClasses.forEach((className) => $element.addClass(className));
+              addClasses.forEach((className) =>
+                $element[0].classList.add(className),
+              );
               removeClasses.forEach((className) =>
-                $element.removeClass(className),
+                $element[0].classList.remove(className),
               );
             });
           }
@@ -687,9 +684,3 @@ uiSrefActiveDirective = [
     };
   },
 ];
-window.angular
-  .module("ui.router.state")
-  .directive("uiSref", uiSrefDirective)
-  .directive("uiSrefActive", uiSrefActiveDirective)
-  .directive("uiSrefActiveEq", uiSrefActiveDirective)
-  .directive("uiState", uiStateDirective);

package/src/router/adapter/directives/viewDirective.js

@@ -1,21 +1,13 @@
-/** @publicapi @module directives */ /** */
-import {
-  extend,
-  filter,
-  isDefined,
-  isFunction,
-  isString,
-  kebobString,
-  noop,
-  parse,
-  ResolveContext,
-  tail,
-  trace,
-  unnestR,
-} from "../../core/index";
-
+import { extend, filter, tail, unnestR } from "../../core/common/common";
+import { isDefined, isFunction, isString } from "../../core/common/predicates";
+import { kebobString } from "../../core/common/strings";
+import { noop } from "../../core/common/common";
+import { parse } from "../../core/common/hof";
+import { ResolveContext } from "../../core/resolve/resolveContext";
+import { trace } from "../../core/common/trace";
 import { getLocals } from "../services";
 import { Ng1ViewConfig } from "../statebuilders/views";
+import { jqLite } from "../../../jqLite";
 /**
  * `ui-view`: A viewport directive which is filled in by a view from the active state.
  *
@@ -141,9 +133,7 @@ import { Ng1ViewConfig } from "../statebuilders/views";
  * });
  * ```
  */
-export let uiView;
-// eslint-disable-next-line prefer-const
-uiView = [
+export let uiView = [
   "$view",
   "$animate",
   "$uiViewScroll",
@@ -153,18 +143,18 @@ uiView = [
     function getRenderer() {
       return {
         enter: function (element, target, cb) {
-          if (angular.version.minor > 2) {
-            $animate.enter(element, null, target).then(cb);
-          } else {
-            $animate.enter(element, null, target, cb);
-          }
+          // if (angular.version.minor > 2) {
+          //$animate.enter(element, null, target).then(cb);
+          // } else {
+          $animate.enter(element, null, target, cb);
+          // }
         },
         leave: function (element, cb) {
-          if (angular.version.minor > 2) {
-            $animate.leave(element).then(cb);
-          } else {
-            $animate.leave(element, cb);
-          }
+          // if (angular.version.minor > 2) {
+          //$animate.leave(element).then(cb);
+          // } else {
+          $animate.leave(element, cb);
+          // }
         },
       };
     }
@@ -324,8 +314,13 @@ $ViewDirectiveFill.$inject = [
   "$view",
   "$q",
 ];
-/** @hidden */
-function $ViewDirectiveFill($compile, $controller, $transitions, $view, $q) {
+export function $ViewDirectiveFill(
+  $compile,
+  $controller,
+  $transitions,
+  $view,
+  $q,
+) {
   const getControllerAs = parse("viewDecl.controllerAs");
   const getResolveAs = parse("viewDecl.resolveAs");
   return {
@@ -338,14 +333,18 @@ function $ViewDirectiveFill($compile, $controller, $transitions, $view, $q) {
         const data = $element.data("$uiView");
         if (!data) {
           $element.html(initial);
-          $compile($element.contents())(scope);
+          $compile($element[0].contentDocument || $element[0].childNodes)(
+            scope,
+          );
           return;
         }
         const cfg = data.$cfg || { viewDecl: {}, getTemplate: noop };
         const resolveCtx = cfg.path && new ResolveContext(cfg.path);
         $element.html(cfg.getTemplate($element, resolveCtx) || initial);
         trace.traceUIViewFill(data.$uiView, $element.html());
-        const link = $compile($element.contents());
+        const link = $compile(
+          $element[0].contentDocument || $element[0].childNodes,
+        );
         const controller = cfg.controller;
         const controllerAs = getControllerAs(cfg);
         const resolveAs = getResolveAs(cfg);
@@ -386,7 +385,7 @@ function $ViewDirectiveFill($compile, $controller, $transitions, $view, $q) {
               .filter((el) => el && el.tagName && tagRegexp.exec(el.tagName));
             return (
               directiveEl &&
-              angular.element(directiveEl).data(`$${cfg.component}Controller`)
+              jqLite(directiveEl).data(`$${cfg.component}Controller`)
             );
           };
           const deregisterWatch = scope.$watch(
@@ -410,8 +409,6 @@ function $ViewDirectiveFill($compile, $controller, $transitions, $view, $q) {
   };
 }
 /** @hidden */
-const hasComponentImpl =
-  typeof angular.module("ui.router")["component"] === "function";
 /** @hidden incrementing id */
 let _uiCanExitId = 0;
 /** @hidden TODO: move these callbacks to $view and/or `/hooks/components.ts` or something */
@@ -425,10 +422,7 @@ function registerControllerCallbacks(
   // Call $onInit() ASAP
   if (
     isFunction(controllerInstance.$onInit) &&
-    !(
-      (cfg.viewDecl.component || cfg.viewDecl.componentProvider) &&
-      hasComponentImpl
-    )
+    !(cfg.viewDecl.component || cfg.viewDecl.componentProvider)
   ) {
     controllerInstance.$onInit();
   }
@@ -508,7 +502,3 @@ function registerControllerCallbacks(
     );
   }
 }
-window.angular
-  .module("ui.router.state")
-  .directive("uiView", uiView)
-  .directive("uiView", $ViewDirectiveFill);

package/src/router/adapter/locationServices.js

@@ -32,7 +32,6 @@ export class Ng1LocationServices {
             .replace(/(~~|~2F)/g, (m) => ({ "~~": "~", "~2F": "/" })[m])
         : x;
   }
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
   dispose() {}
   constructor($locationProvider) {
     // .onChange() registry
@@ -48,7 +47,7 @@ export class Ng1LocationServices {
   html5Mode() {
     let html5Mode = this.$locationProvider.html5Mode();
     html5Mode = isObject(html5Mode) ? html5Mode.enabled : html5Mode;
-    return html5Mode && this.$sniffer.history;
+    return html5Mode && typeof history !== "undefined";
   }
   baseHref() {
     return (
@@ -63,11 +62,10 @@ export class Ng1LocationServices {
     if (state) this.$location.state(state);
     return this.$location.url();
   }
-  _runtimeServices($rootScope, $location, $sniffer, $browser, $window) {
+  _runtimeServices($rootScope, $location, $browser) {
     this.$location = $location;
-    this.$sniffer = $sniffer;
     this.$browser = $browser;
-    this.$window = $window;
+    this.$window = window;
     // Bind $locationChangeSuccess to the listeners registered in LocationService.onChange
     $rootScope.$on("$locationChangeSuccess", (evt) =>
       this._urlListeners.forEach((fn) => fn(evt)),

package/src/router/adapter/services.js

@@ -21,7 +21,6 @@ import {
 import { StateProvider } from "./stateProvider";
 import { getStateHookBuilder } from "./statebuilders/onEnterExitRetain";
 import { Ng1LocationServices } from "./locationServices";
-import { UrlRouterProvider } from "./urlRouterProvider";
 
 export let router = null;
 $uiRouterProvider.$inject = ["$locationProvider"];
@@ -52,15 +51,9 @@ export function $uiRouterProvider($locationProvider) {
   // backwards compat: also expose router instance as $uiRouterProvider.router
   router["router"] = router;
   router["$get"] = $get;
-  $get.$inject = ["$location", "$browser", "$window", "$sniffer", "$rootScope"];
-  function $get($location, $browser, $window, $sniffer, $rootScope) {
-    ng1LocationService._runtimeServices(
-      $rootScope,
-      $location,
-      $sniffer,
-      $browser,
-      $window,
-    );
+  $get.$inject = ["$location", "$browser", "$rootScope"];
+  function $get($location, $browser, $rootScope) {
+    ng1LocationService._runtimeServices($rootScope, $location, $browser);
     delete router["router"];
     delete router["$get"];
     return router;
@@ -69,7 +62,7 @@ export function $uiRouterProvider($locationProvider) {
 }
 export const getProviderFor = (serviceName) => [
   "$uiRouterProvider",
-  ($urp) => {
+  function UrlServiceProvider($urp) {
     const service = $urp.router[serviceName];
     service["$get"] = () => service;
     return service;
@@ -103,13 +96,13 @@ export function runBlock($injector, $q, $uiRouter) {
         )),
     );
 }
-// $urlRouter service and $urlRouterProvider
-export const getUrlRouterProvider = (uiRouter) =>
-  (uiRouter.urlRouterProvider = new UrlRouterProvider(uiRouter));
+
 // $state service and $stateProvider
 // $urlRouter service and $urlRouterProvider
-export const getStateProvider = () =>
-  extend(router.stateProvider, { $get: () => router.stateService });
+export function getStateProvider() {
+  return extend(router.stateProvider, { $get: () => router.stateService });
+}
+
 watchDigests.$inject = ["$rootScope"];
 export function watchDigests($rootScope) {
   $rootScope.$watch(function () {

package/src/router/adapter/stateFilters.js

@@ -11,7 +11,7 @@
  * ```
  */
 $IsStateFilter.$inject = ["$state"];
-function $IsStateFilter($state) {
+export function $IsStateFilter($state) {
   const isFilter = function (state, params, options) {
     return $state.is(state, params, options);
   };
@@ -29,15 +29,10 @@ function $IsStateFilter($state) {
  * ```
  */
 $IncludedByStateFilter.$inject = ["$state"];
-function $IncludedByStateFilter($state) {
+export function $IncludedByStateFilter($state) {
   const includesFilter = function (state, params, options) {
     return $state.includes(state, params, options);
   };
   includesFilter.$stateful = true;
   return includesFilter;
 }
-window.angular
-  .module("ui.router.state")
-  .filter("isState", $IsStateFilter)
-  .filter("includedByState", $IncludedByStateFilter);
-export { $IsStateFilter, $IncludedByStateFilter };

package/src/router/adapter/templateFactory.js

@@ -154,7 +154,7 @@ export class TemplateFactory {
   makeComponentTemplate(uiView, context, component, bindings) {
     bindings = bindings || {};
     // Bind once prefix
-    const prefix = angular.version.minor >= 3 ? "::" : "";
+    const prefix = "::"; //angular.version.minor >= 3 ? "::" : "";
     // Convert to kebob name. Add x- prefix if the string starts with `x-` or `data-`
     const kebob = (camelCase) => {
       const kebobed = kebobString(camelCase);

package/src/router/adapter/viewScroll.js

@@ -1,7 +1,4 @@
-/** @publicapi @module ng1 */ /** */
-
-/** @hidden */
-function $ViewScrollProvider() {
+export function $ViewScrollProvider() {
   let useAnchorScroll = false;
   this.useAnchorScroll = function () {
     useAnchorScroll = true;
@@ -25,7 +22,3 @@ function $ViewScrollProvider() {
     },
   ];
 }
-
-window.angular
-  .module("ui.router.state")
-  .provider("$uiViewScroll", $ViewScrollProvider);

package/src/router/core/common/common.js

@@ -226,17 +226,7 @@ export function map(collection, callback, target) {
   forEach(collection, (item, i) => (target[i] = callback(item, i)));
   return target;
 }
-/**
- * Given an object, return its enumerable property values
- *
- * @example
- * ```
- *
- * let foo = { a: 1, b: 2, c: 3 }
- * let vals = values(foo); // [ 1, 2, 3 ]
- * ```
- */
-export const values = (obj) => Object.keys(obj).map((key) => obj[key]);
+
 /**
  * Reduce function that returns true if all of the values are truthy.
  *

package/src/router/core/hooks/coreResolvables.js

@@ -1,7 +1,7 @@
 import { Transition } from "../transition/transition";
 import { UIRouter } from "../router";
 import { Resolvable } from "../resolve/resolvable";
-import { inArray, uniqR, unnestR, values } from "../common/common";
+import { inArray, uniqR, unnestR } from "../common/common";
 function addCoreResolvables(trans) {
   trans.addResolvable(Resolvable.fromData(UIRouter, trans.router), "");
   trans.addResolvable(Resolvable.fromData(Transition, trans), "");
@@ -20,7 +20,7 @@ const isTransition = inArray(TRANSITION_TOKENS);
 // This function removes resolves for '$transition$' and `Transition` from the treeChanges.
 // Do not use this on current transitions, only on old ones.
 export const treeChangesCleanup = (trans) => {
-  const nodes = values(trans.treeChanges())
+  const nodes = Object.values(trans.treeChanges())
     .reduce(unnestR, [])
     .reduce(uniqR, []);
   // If the resolvable is a Transition, return a new resolvable with null data

package/src/router/core/path/pathUtils.js

@@ -5,7 +5,6 @@ import {
   omit,
   tail,
   mergeR,
-  values,
   unnestR,
   inArray,
   arrayTuples,
@@ -55,7 +54,7 @@ export class PathUtils {
     path
       .filter((node) => inArray(states, node.state))
       .forEach((node) => {
-        const viewDecls = values(node.state.views || {});
+        const viewDecls = Object.values(node.state.views || {});
         const subPath = PathUtils.subPath(path, (n) => n === node);
         const viewConfigs = viewDecls.map((view) =>
           $view.createViewConfig(subPath, view),

package/src/router/core/router.js

@@ -5,7 +5,7 @@ import { ViewService } from "./view/view";
 import { StateRegistry } from "./state/stateRegistry";
 import { StateService } from "./state/stateService";
 import { UIRouterGlobals } from "./globals";
-import { values, removeFrom } from "./common/common";
+import { removeFrom } from "./common/common";
 import { isFunction } from "./common/predicates";
 import { UrlService } from "./url/urlService";
 import { trace } from "./common/trace";
@@ -196,6 +196,8 @@ export class UIRouter {
     return (this._plugins[pluginInstance.name] = pluginInstance);
   }
   getPlugin(pluginName) {
-    return pluginName ? this._plugins[pluginName] : values(this._plugins);
+    return pluginName
+      ? this._plugins[pluginName]
+      : Object.values(this._plugins);
   }
 }

package/src/router/core/state/stateBuilder.js

@@ -7,7 +7,6 @@ import {
   noop,
   omit,
   tail,
-  values,
   copy,
 } from "../common/common";
 import { isArray, isDefined, isFunction, isString } from "../common/predicates";
@@ -75,7 +74,7 @@ const getParamsBuilder = (paramFactory) =>
       paramFactory.fromConfig(id, null, state.self);
     const urlParams =
       (state.url && state.url.parameters({ inherit: false })) || [];
-    const nonUrlParams = values(
+    const nonUrlParams = Object.values(
       mapObj(
         omit(state.params || {}, urlParams.map(prop("id"))),
         makeConfigParam,
@@ -292,7 +291,7 @@ export class StateBuilder {
       return null;
     }
     for (const key in builders) {
-      if (!builders.hasOwnProperty(key)) continue;
+      if (!Object.prototype.hasOwnProperty.call(builders, key)) continue;
       const chain = builders[key].reduce(
         (parentFn, step) => (_state) => step(_state, parentFn),
         noop,

package/src/router/core/state/stateMatcher.js

@@ -1,5 +1,4 @@
 import { isString } from "../common/predicates";
-import { values } from "../common/common";
 import { safeConsole } from "../common/safeConsole";
 export class StateMatcher {
   constructor(_states) {
@@ -22,7 +21,7 @@ export class StateMatcher {
     ) {
       return state;
     } else if (isStr && matchGlob) {
-      const _states = values(this._states);
+      const _states = Object.values(this._states);
       const matches = _states.filter(
         (_state) =>
           _state.__stateObjectCache.nameGlob &&

package/src/router/core/state/stateObject.js

@@ -1,4 +1,4 @@
-import { defaults, values, find, inherit } from "../common/common";
+import { defaults, find } from "../common/common";
 import { propEq } from "../common/hof";
 import { Glob } from "../common/glob";
 import { isObject, isFunction } from "../common/predicates";
@@ -25,7 +25,7 @@ export class StateObject {
     stateDecl = StateObject.isStateClass(stateDecl)
       ? new stateDecl()
       : stateDecl;
-    const state = inherit(inherit(stateDecl, StateObject.prototype));
+    const state = Object.setPrototypeOf(stateDecl, StateObject.prototype);
     stateDecl.$$state = () => state;
     state.self = stateDecl;
     state.__stateObjectCache = {
@@ -33,7 +33,7 @@ export class StateObject {
     };
     return state;
   }
-  /** @deprecated use State.create() */
+  // /** @deprecated use State.create() */
   constructor(config) {
     return StateObject.create(config || {});
   }
@@ -83,10 +83,11 @@ export class StateObject {
     const inherited =
       (opts.inherit && this.parent && this.parent.parameters()) || [];
     return inherited
-      .concat(values(this.params))
+      .concat(Object.values(this.params))
       .filter(
         (param) =>
-          !opts.matchingKeys || opts.matchingKeys.hasOwnProperty(param.id),
+          !opts.matchingKeys ||
+          Object.prototype.hasOwnProperty.call(opts.matchingKeys, param.id),
       );
   }
   /**
@@ -99,7 +100,7 @@ export class StateObject {
   parameter(id, opts = {}) {
     return (
       (this.url && this.url.parameter(id, opts)) ||
-      find(values(this.params), propEq("id", id)) ||
+      find(Object.values(this.params), propEq("id", id)) ||
       (opts.inherit && this.parent && this.parent.parameter(id))
     );
   }

package/src/router/core/state/stateQueueManager.js

@@ -19,7 +19,7 @@ export class StateQueueManager {
     const name = state.name;
     if (!isString(name)) throw new Error("State must have a valid name");
     if (
-      this.states.hasOwnProperty(name) ||
+      Object.prototype.hasOwnProperty.call(this.states, name) ||
       inArray(queue.map(prop("name")), name)
     )
       throw new Error(`State '${name}' is already defined`);