@coolon/angular-ui-powerups 0.0.9 → 0.0.11

package/fesm5/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 { __extends, __decorate, __metadata, __assign, __awaiter, __generator, __values } 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';
 
 /**
@@ -46,8 +46,6 @@ var DisposableComponent = /** @class */ (function (_super) {
  * @fileoverview added by tsickle
  * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/** @type {?} */
-var EMPTY_ERRORS = new MutableListModel().readonly;
 /**
  * @abstract
  * @template T
@@ -56,6 +54,7 @@ var AbstractInputComponent = /** @class */ (function (_super) {
     __extends(AbstractInputComponent, _super);
     function AbstractInputComponent() {
         var _this = _super.call(this) || this;
+        _this.valueModel = new DelegatingFormValueModel();
         // TODO: fix this.
         // tslint:disable-next-line:no-output-native
         _this.focus = new EventEmitter();
@@ -79,6 +78,17 @@ var AbstractInputComponent = /** @class */ (function (_super) {
         };
         return _this;
     }
+    Object.defineProperty(AbstractInputComponent.prototype, "userValueModel", {
+        set: /**
+         * @param {?} model
+         * @return {?}
+         */
+        function (model) {
+            this.valueModel.setDelegate(model);
+        },
+        enumerable: true,
+        configurable: true
+    });
     /**
      * @return {?}
      */
@@ -150,7 +160,6 @@ var AbstractInputComponent = /** @class */ (function (_super) {
      * @return {?}
      */
     function () {
-        // this._focused = this.valueModel['focused'] || new ValueHolder();
     };
     /**
      * @return {?}
@@ -166,8 +175,7 @@ var AbstractInputComponent = /** @class */ (function (_super) {
          * @return {?}
          */
         function () {
-            // @ts-ignore
-            return ((/** @type {?} */ (this.valueModel))).enabled || Constant.TRUE;
+            return this.valueModel.enabled;
         },
         enumerable: true,
         configurable: true
@@ -186,7 +194,7 @@ var AbstractInputComponent = /** @class */ (function (_super) {
          * @return {?}
          */
         function () {
-            return ((/** @type {?} */ (this.valueModel))).errorList || EMPTY_ERRORS;
+            return this.valueModel.errorList;
         },
         enumerable: true,
         configurable: true
@@ -202,7 +210,7 @@ var AbstractInputComponent = /** @class */ (function (_super) {
         configurable: true
     });
     AbstractInputComponent.propDecorators = {
-        valueModel: [{ type: Input }],
+        userValueModel: [{ type: Input, args: ['valueModel',] }],
         label: [{ type: Input }],
         floatLabel: [{ type: Input }],
         hint: [{ type: Input }],
@@ -222,8 +230,9 @@ var AbstractInputComponent = /** @class */ (function (_super) {
     };
     __decorate([
         UseDelegate(),
-        __metadata("design:type", MutableValueModel)
-    ], AbstractInputComponent.prototype, "valueModel", void 0);
+        __metadata("design:type", ValueModel),
+        __metadata("design:paramtypes", [ValueModel])
+    ], AbstractInputComponent.prototype, "userValueModel", null);
     return AbstractInputComponent;
 }(DisposableComponent));
 if (false) {
@@ -461,7 +470,7 @@ var FocusBindingDirective = /** @class */ (function (_super) {
      */
     function () {
         if (this.hasBinding()) {
-            this.pectinFocusBinding.focusCallbacks.notifyFocusIn();
+            this.pectinFocusBinding.focusContext.notifyFocusIn();
         }
     };
     /**
@@ -472,7 +481,7 @@ var FocusBindingDirective = /** @class */ (function (_super) {
      */
     function () {
         if (this.hasBinding()) {
-            this.pectinFocusBinding.focusCallbacks.notifyFocusOut();
+            this.pectinFocusBinding.focusContext.notifyFocusOut();
         }
     };
     /**
@@ -494,7 +503,7 @@ var FocusBindingDirective = /** @class */ (function (_super) {
         // TODO: Make this also track the current enabled/disabled state.
         if (this.hasBinding()) {
             var chain = Dsl.disposeWith(this).chain;
-            chain.value(this.pectinFocusBinding.focused).subscribe((/**
+            chain.value(this.pectinFocusBinding.focusContext.focused).subscribe((/**
              * @param {?} focused
              * @return {?}
              */
@@ -517,7 +526,7 @@ var FocusBindingDirective = /** @class */ (function (_super) {
      * @return {?}
      */
     function () {
-        return this.pectinFocusBinding && this.pectinFocusBinding.focused;
+        return !!this.pectinFocusBinding && !!this.pectinFocusBinding.focusContext;
     };
     // Hook method for debugging via tracing.
     // Hook method for debugging via tracing.
@@ -602,7 +611,7 @@ var FocusBindingDirective = /** @class */ (function (_super) {
      * @return {?}
      */
     function () {
-        return this.hasBinding() && this.pectinFocusBinding.focused.value;
+        return this.hasBinding() && this.pectinFocusBinding.focusContext.focused.value;
     };
     // Hook method for debugging via tracing.
     // Hook method for debugging via tracing.
@@ -1482,6 +1491,7 @@ var DialogInteractionService = /** @class */ (function (_super) {
     function DialogInteractionService(dialogService) {
         var _this = _super.call(this) || this;
         _this.dialogService = dialogService;
+        assert$1.notNil(dialogService);
         return _this;
     }
     /**
@@ -1653,7 +1663,7 @@ var BusyOverlayComponent = /** @class */ (function () {
     };
     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}"]
                 }] }
@@ -1665,7 +1675,7 @@ var BusyOverlayComponent = /** @class */ (function () {
         busy: [{ type: Input }]
     };
     __decorate([
-        UseDelegatingValueModel(),
+        UseDelegate(),
         __metadata("design:type", ValueModel)
     ], BusyOverlayComponent.prototype, "busyModel", void 0);
     __decorate([
@@ -1970,6 +1980,7 @@ var defaultHiddenStyleDef = style({
  * @return {?}
  */
 function slideDownAndUpAnimation(triggerName, options) {
+    // SEE to fix this: https://github.com/angular/angular/issues/15587#issuecomment-351510501
     /** @type {?} */
     var duration = OptionsHelper.get(options).getOptional('duration', '100ms');
     /** @type {?} */
@@ -3362,7 +3373,17 @@ function RouteId(type, options) {
  * @return {?}
  */
 function QueryParameter(type, options) {
-    return RouteParameter(type, options);
+    return (/**
+     * @param {?} prototype
+     * @param {?} propertyKey
+     * @return {?}
+     */
+    function (prototype, propertyKey) {
+        /** @type {?} */
+        var param = createDefinition(propertyKey, type, options, false);
+        Klass.get(prototype).addToOwnMetadataList(RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY, param);
+        UseDelegate()(prototype, propertyKey);
+    });
 }
 /**
  * @template T
@@ -3392,7 +3413,18 @@ function RouteParameter(type, options) {
  * @return {?}
  */
 function QueryParameterList(elementType, options) {
-    return RouteParameterList(elementType, options);
+    // assert.isTruthy(type.isValid());
+    return (/**
+     * @param {?} prototype
+     * @param {?} propertyKey
+     * @return {?}
+     */
+    function (prototype, propertyKey) {
+        /** @type {?} */
+        var param = createArrayDefinition(propertyKey, elementType, options);
+        Klass.get(prototype).addToOwnMetadataList(RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY, param);
+        UseDelegate()(prototype, propertyKey);
+    });
 }
 /**
  * @template E