@coolon/angular-ui-powerups 0.0.9 → 0.0.11

package/fesm2015/coolon-angular-ui-powerups.js

@@ -5,9 +5,10 @@ import { MatDialog, MatButtonModule, MatDialogModule, MatTabsModule, MatProgress
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { __decorate, __metadata, __awaiter } from 'tslib';
-import { GarbageCollector, MutableListModel, Constant, UseDelegate, MutableValueModel, assert, UnaryCommand, lang, Dsl, Logger, ListModel, StoreInListModel, EventListenerList, DelegatingValueModel, UseDelegatingValueModel, ValueModel, StoreInValueModel, Trace, OptionsHelper, ValueHolder, TransactionObserver, Binding } from '@coolon/pectin';
+import { GarbageCollector, DelegatingFormValueModel, UseDelegate, ValueModel, assert, UnaryCommand, lang, Dsl, Logger, ListModel, StoreInListModel, EventListenerList, DelegatingValueModel, MutableListModel, StoreInValueModel, Trace, OptionsHelper, ValueHolder, MutableValueModel, TransactionObserver, Binding } from '@coolon/pectin';
 import { PortalModule } from '@angular/cdk/portal';
 import { Deferred } from '@coolon/pectin/lib/promise/deferred.class';
+import { assert as assert$1, Klass, Opts } from '@coolon/typescript-utilities';
 import { MatDialog as MatDialog$1 } from '@angular/material/dialog';
 import { MatListModule } from '@angular/material/list';
 import { MatTabsModule as MatTabsModule$1 } from '@angular/material/tabs';
@@ -18,7 +19,6 @@ import ResizeObserver from 'resize-observer-polyfill';
 import { Memoize } from '@typescript-plus/fast-memoize-decorator';
 import { isNil } from 'lodash';
 import 'reflect-metadata';
-import { Klass, Opts } from '@coolon/typescript-utilities';
 import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator/dist/src';
 
 /**
@@ -38,8 +38,6 @@ class DisposableComponent extends GarbageCollector {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/** @type {?} */
-const EMPTY_ERRORS = new MutableListModel().readonly;
 /**
  * @abstract
  * @template T
@@ -47,6 +45,7 @@ const EMPTY_ERRORS = new MutableListModel().readonly;
 class AbstractInputComponent extends DisposableComponent {
     constructor() {
         super();
+        this.valueModel = new DelegatingFormValueModel();
         // TODO: fix this.
         // tslint:disable-next-line:no-output-native
         this.focus = new EventEmitter();
@@ -69,6 +68,13 @@ class AbstractInputComponent extends DisposableComponent {
             }
         };
     }
+    /**
+     * @param {?} model
+     * @return {?}
+     */
+    set userValueModel(model) {
+        this.valueModel.setDelegate(model);
+    }
     /**
      * @return {?}
      */
@@ -117,7 +123,6 @@ class AbstractInputComponent extends DisposableComponent {
      * @return {?}
      */
     ngOnInit() {
-        // this._focused = this.valueModel['focused'] || new ValueHolder();
     }
     /**
      * @return {?}
@@ -129,8 +134,7 @@ class AbstractInputComponent extends DisposableComponent {
      * @return {?}
      */
     get enabled() {
-        // @ts-ignore
-        return ((/** @type {?} */ (this.valueModel))).enabled || Constant.TRUE;
+        return this.valueModel.enabled;
     }
     /**
      * @return {?}
@@ -142,7 +146,7 @@ class AbstractInputComponent extends DisposableComponent {
      * @return {?}
      */
     get errorList() {
-        return ((/** @type {?} */ (this.valueModel))).errorList || EMPTY_ERRORS;
+        return this.valueModel.errorList;
     }
     /**
      * @return {?}
@@ -152,7 +156,7 @@ class AbstractInputComponent extends DisposableComponent {
     }
 }
 AbstractInputComponent.propDecorators = {
-    valueModel: [{ type: Input }],
+    userValueModel: [{ type: Input, args: ['valueModel',] }],
     label: [{ type: Input }],
     floatLabel: [{ type: Input }],
     hint: [{ type: Input }],
@@ -172,8 +176,9 @@ AbstractInputComponent.propDecorators = {
 };
 __decorate([
     UseDelegate(),
-    __metadata("design:type", MutableValueModel)
-], AbstractInputComponent.prototype, "valueModel", void 0);
+    __metadata("design:type", ValueModel),
+    __metadata("design:paramtypes", [ValueModel])
+], AbstractInputComponent.prototype, "userValueModel", null);
 if (false) {
     /** @type {?} */
     AbstractInputComponent.prototype.valueModel;
@@ -386,7 +391,7 @@ class FocusBindingDirective extends DisposableComponent {
      */
     onFocusIn() {
         if (this.hasBinding()) {
-            this.pectinFocusBinding.focusCallbacks.notifyFocusIn();
+            this.pectinFocusBinding.focusContext.notifyFocusIn();
         }
     }
     /**
@@ -394,7 +399,7 @@ class FocusBindingDirective extends DisposableComponent {
      */
     onFocusOut() {
         if (this.hasBinding()) {
-            this.pectinFocusBinding.focusCallbacks.notifyFocusOut();
+            this.pectinFocusBinding.focusContext.notifyFocusOut();
         }
     }
     /**
@@ -409,7 +414,7 @@ class FocusBindingDirective extends DisposableComponent {
         // TODO: Make this also track the current enabled/disabled state.
         if (this.hasBinding()) {
             const { chain } = Dsl.disposeWith(this);
-            chain.value(this.pectinFocusBinding.focused).subscribe((/**
+            chain.value(this.pectinFocusBinding.focusContext.focused).subscribe((/**
              * @param {?} focused
              * @return {?}
              */
@@ -428,7 +433,7 @@ class FocusBindingDirective extends DisposableComponent {
      * @return {?}
      */
     hasBinding() {
-        return this.pectinFocusBinding && this.pectinFocusBinding.focused;
+        return !!this.pectinFocusBinding && !!this.pectinFocusBinding.focusContext;
     }
     // Hook method for debugging via tracing.
     /**
@@ -484,7 +489,7 @@ class FocusBindingDirective extends DisposableComponent {
      * @return {?}
      */
     modelShouldStillHaveFocus() {
-        return this.hasBinding() && this.pectinFocusBinding.focused.value;
+        return this.hasBinding() && this.pectinFocusBinding.focusContext.focused.value;
     }
     // Hook method for debugging via tracing.
     /**
@@ -1218,6 +1223,7 @@ class DialogInteractionService extends InteractionContext {
     constructor(dialogService) {
         super();
         this.dialogService = dialogService;
+        assert$1.notNil(dialogService);
     }
     /**
      * @template D, R, E
@@ -1358,7 +1364,7 @@ class BusyOverlayComponent {
 }
 BusyOverlayComponent.decorators = [
     { type: Component, args: [{
-                selector: 'aup-busy-overlay',
+                selector: 'angular-ui-powerups-busy-overlay',
                 template: "<ng-content></ng-content>\n<div class=\"busy-overlay-backdrop\" *ngIf=\"busyModel.value\">\n  <mat-progress-spinner mode=\"indeterminate\" [diameter]=\"52\"></mat-progress-spinner>\n</div>\n",
                 styles: [":host{position:relative}div.busy-overlay-backdrop{position:absolute;background-color:rgba(0,0,0,.2);top:0;left:0;bottom:0;right:0;display:-ms-grid;display:grid;-ms-grid-columns:auto;grid-template-columns:auto;-ms-grid-rows:auto;grid-template-rows:auto;place-content:center}"]
             }] }
@@ -1370,7 +1376,7 @@ BusyOverlayComponent.propDecorators = {
     busy: [{ type: Input }]
 };
 __decorate([
-    UseDelegatingValueModel(),
+    UseDelegate(),
     __metadata("design:type", ValueModel)
 ], BusyOverlayComponent.prototype, "busyModel", void 0);
 __decorate([
@@ -1641,6 +1647,7 @@ const defaultHiddenStyleDef = style({
  * @return {?}
  */
 function slideDownAndUpAnimation(triggerName, options) {
+    // SEE to fix this: https://github.com/angular/angular/issues/15587#issuecomment-351510501
     /** @type {?} */
     const duration = OptionsHelper.get(options).getOptional('duration', '100ms');
     /** @type {?} */
@@ -2840,7 +2847,17 @@ function RouteId(type, options) {
  * @return {?}
  */
 function QueryParameter(type, options) {
-    return RouteParameter(type, options);
+    return (/**
+     * @param {?} prototype
+     * @param {?} propertyKey
+     * @return {?}
+     */
+    (prototype, propertyKey) => {
+        /** @type {?} */
+        const param = createDefinition(propertyKey, type, options, false);
+        Klass.get(prototype).addToOwnMetadataList(RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY, param);
+        UseDelegate()(prototype, propertyKey);
+    });
 }
 /**
  * @template T
@@ -2870,7 +2887,18 @@ function RouteParameter(type, options) {
  * @return {?}
  */
 function QueryParameterList(elementType, options) {
-    return RouteParameterList(elementType, options);
+    // assert.isTruthy(type.isValid());
+    return (/**
+     * @param {?} prototype
+     * @param {?} propertyKey
+     * @return {?}
+     */
+    (prototype, propertyKey) => {
+        /** @type {?} */
+        const param = createArrayDefinition(propertyKey, elementType, options);
+        Klass.get(prototype).addToOwnMetadataList(RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY, param);
+        UseDelegate()(prototype, propertyKey);
+    });
 }
 /**
  * @template E