@coolon/angular-ui-powerups 0.0.9 → 0.0.11

package/bundles/coolon-angular-ui-powerups.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material'), require('@angular/platform-browser'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@coolon/pectin/lib/promise/deferred.class'), require('@angular/material/dialog'), require('@angular/material/list'), require('@angular/material/tabs'), require('@angular/material/tooltip'), require('@angular/router'), require('@angular/animations'), require('resize-observer-polyfill'), require('@typescript-plus/fast-memoize-decorator'), require('lodash'), require('reflect-metadata'), require('@coolon/typescript-utilities'), require('@typescript-plus/fast-memoize-decorator/dist/src')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/platform-browser', '@angular/platform-browser/animations', '@coolon/pectin', '@angular/cdk/portal', '@coolon/pectin/lib/promise/deferred.class', '@angular/material/dialog', '@angular/material/list', '@angular/material/tabs', '@angular/material/tooltip', '@angular/router', '@angular/animations', 'resize-observer-polyfill', '@typescript-plus/fast-memoize-decorator', 'lodash', 'reflect-metadata', '@coolon/typescript-utilities', '@typescript-plus/fast-memoize-decorator/dist/src'], factory) :
-    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material, global.ng.platformBrowser, global.ng.platformBrowser.animations, global.pectin, global.ng.cdk.portal, global.deferred_class, global.ng.material.dialog, global.ng.material.list, global.ng.material.tabs, global.ng.material.tooltip, global.ng.router, global.ng.animations, global.ResizeObserver, global.fastMemoizeDecorator, global.lodash, null, global.typescriptUtilities, global.src));
-}(this, function (exports, common, core, forms, material, platformBrowser, animations, pectin, portal, deferred_class, dialog, list, tabs, tooltip, router, animations$1, ResizeObserver, fastMemoizeDecorator, lodash, reflectMetadata, typescriptUtilities, src) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material'), require('@angular/platform-browser'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@coolon/pectin/lib/promise/deferred.class'), require('@coolon/typescript-utilities'), require('@angular/material/dialog'), require('@angular/material/list'), require('@angular/material/tabs'), require('@angular/material/tooltip'), require('@angular/router'), require('@angular/animations'), require('resize-observer-polyfill'), require('@typescript-plus/fast-memoize-decorator'), require('lodash'), require('reflect-metadata'), require('@typescript-plus/fast-memoize-decorator/dist/src')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/platform-browser', '@angular/platform-browser/animations', '@coolon/pectin', '@angular/cdk/portal', '@coolon/pectin/lib/promise/deferred.class', '@coolon/typescript-utilities', '@angular/material/dialog', '@angular/material/list', '@angular/material/tabs', '@angular/material/tooltip', '@angular/router', '@angular/animations', 'resize-observer-polyfill', '@typescript-plus/fast-memoize-decorator', 'lodash', 'reflect-metadata', '@typescript-plus/fast-memoize-decorator/dist/src'], factory) :
+    (global = global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material, global.ng.platformBrowser, global.ng.platformBrowser.animations, global.pectin, global.ng.cdk.portal, global.deferred_class, global.typescriptUtilities, global.ng.material.dialog, global.ng.material.list, global.ng.material.tabs, global.ng.material.tooltip, global.ng.router, global.ng.animations, global.ResizeObserver, global.fastMemoizeDecorator, global.lodash, null, global.src));
+}(this, function (exports, common, core, forms, material, platformBrowser, animations, pectin, portal, deferred_class, typescriptUtilities, dialog, list, tabs, tooltip, router, animations$1, ResizeObserver, fastMemoizeDecorator, lodash, reflectMetadata, src) { 'use strict';
 
     ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
 
@@ -228,8 +228,6 @@
      * @fileoverview added by tsickle
      * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
-    /** @type {?} */
-    var EMPTY_ERRORS = new pectin.MutableListModel().readonly;
     /**
      * @abstract
      * @template T
@@ -238,6 +236,7 @@
         __extends(AbstractInputComponent, _super);
         function AbstractInputComponent() {
             var _this = _super.call(this) || this;
+            _this.valueModel = new pectin.DelegatingFormValueModel();
             // TODO: fix this.
             // tslint:disable-next-line:no-output-native
             _this.focus = new core.EventEmitter();
@@ -261,6 +260,17 @@
             };
             return _this;
         }
+        Object.defineProperty(AbstractInputComponent.prototype, "userValueModel", {
+            set: /**
+             * @param {?} model
+             * @return {?}
+             */
+            function (model) {
+                this.valueModel.setDelegate(model);
+            },
+            enumerable: true,
+            configurable: true
+        });
         /**
          * @return {?}
          */
@@ -332,7 +342,6 @@
          * @return {?}
          */
         function () {
-            // this._focused = this.valueModel['focused'] || new ValueHolder();
         };
         /**
          * @return {?}
@@ -348,8 +357,7 @@
              * @return {?}
              */
             function () {
-                // @ts-ignore
-                return ((/** @type {?} */ (this.valueModel))).enabled || pectin.Constant.TRUE;
+                return this.valueModel.enabled;
             },
             enumerable: true,
             configurable: true
@@ -368,7 +376,7 @@
              * @return {?}
              */
             function () {
-                return ((/** @type {?} */ (this.valueModel))).errorList || EMPTY_ERRORS;
+                return this.valueModel.errorList;
             },
             enumerable: true,
             configurable: true
@@ -384,7 +392,7 @@
             configurable: true
         });
         AbstractInputComponent.propDecorators = {
-            valueModel: [{ type: core.Input }],
+            userValueModel: [{ type: core.Input, args: ['valueModel',] }],
             label: [{ type: core.Input }],
             floatLabel: [{ type: core.Input }],
             hint: [{ type: core.Input }],
@@ -404,8 +412,9 @@
         };
         __decorate([
             pectin.UseDelegate(),
-            __metadata("design:type", pectin.MutableValueModel)
-        ], AbstractInputComponent.prototype, "valueModel", void 0);
+            __metadata("design:type", pectin.ValueModel),
+            __metadata("design:paramtypes", [pectin.ValueModel])
+        ], AbstractInputComponent.prototype, "userValueModel", null);
         return AbstractInputComponent;
     }(DisposableComponent));
     if (false) {
@@ -643,7 +652,7 @@
          */
         function () {
             if (this.hasBinding()) {
-                this.pectinFocusBinding.focusCallbacks.notifyFocusIn();
+                this.pectinFocusBinding.focusContext.notifyFocusIn();
             }
         };
         /**
@@ -654,7 +663,7 @@
          */
         function () {
             if (this.hasBinding()) {
-                this.pectinFocusBinding.focusCallbacks.notifyFocusOut();
+                this.pectinFocusBinding.focusContext.notifyFocusOut();
             }
         };
         /**
@@ -676,7 +685,7 @@
             // TODO: Make this also track the current enabled/disabled state.
             if (this.hasBinding()) {
                 var chain = pectin.Dsl.disposeWith(this).chain;
-                chain.value(this.pectinFocusBinding.focused).subscribe((/**
+                chain.value(this.pectinFocusBinding.focusContext.focused).subscribe((/**
                  * @param {?} focused
                  * @return {?}
                  */
@@ -699,7 +708,7 @@
          * @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.
@@ -784,7 +793,7 @@
          * @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.
@@ -1664,6 +1673,7 @@
         function DialogInteractionService(dialogService) {
             var _this = _super.call(this) || this;
             _this.dialogService = dialogService;
+            typescriptUtilities.assert.notNil(dialogService);
             return _this;
         }
         /**
@@ -1835,7 +1845,7 @@
         };
         BusyOverlayComponent.decorators = [
             { type: core.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}"]
                     }] }
@@ -1847,7 +1857,7 @@
             busy: [{ type: core.Input }]
         };
         __decorate([
-            pectin.UseDelegatingValueModel(),
+            pectin.UseDelegate(),
             __metadata("design:type", pectin.ValueModel)
         ], BusyOverlayComponent.prototype, "busyModel", void 0);
         __decorate([
@@ -2152,6 +2162,7 @@
      * @return {?}
      */
     function slideDownAndUpAnimation(triggerName, options) {
+        // SEE to fix this: https://github.com/angular/angular/issues/15587#issuecomment-351510501
         /** @type {?} */
         var duration = pectin.OptionsHelper.get(options).getOptional('duration', '100ms');
         /** @type {?} */
@@ -3544,7 +3555,17 @@
      * @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);
+            typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(exports.RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY, param);
+            pectin.UseDelegate()(prototype, propertyKey);
+        });
     }
     /**
      * @template T
@@ -3574,7 +3595,18 @@
      * @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);
+            typescriptUtilities.Klass.get(prototype).addToOwnMetadataList(exports.RouteParameterBindings.ROUTE_PARAMETER_LIST_KEY, param);
+            pectin.UseDelegate()(prototype, propertyKey);
+        });
     }
     /**
      * @template E