@coolon/angular-ui-powerups 0.0.58 → 0.0.60

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/material/tabs'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@coolon/pectin/lib/promise/deferred.class'), require('@angular/material/dialog'), require('@coolon/typescript-utilities'), require('@angular/material/icon'), require('@angular/material/list'), require('@angular/material/tooltip'), require('@angular/router'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('lodash'), require('@angular/animations'), require('resize-observer-polyfill')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/material/tabs', '@angular/platform-browser/animations', '@coolon/pectin', '@angular/cdk/portal', '@coolon/pectin/lib/promise/deferred.class', '@angular/material/dialog', '@coolon/typescript-utilities', '@angular/material/icon', '@angular/material/list', '@angular/material/tooltip', '@angular/router', '@typescript-plus/fast-memoize-decorator/dist/src', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', 'lodash', '@angular/animations', 'resize-observer-polyfill'], 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.material.tabs, global.ng.platformBrowser.animations, global.pectin, global.ng.cdk.portal, global.deferred_class, global.ng.material.dialog, global.typescriptUtilities, global.ng.material.icon, global.ng.material.list, global.ng.material.tooltip, global.ng.router, global.src, global.fastMemoizeDecorator, null, global.___default, global.ng.animations, global.ResizeObserver));
-}(this, function (exports, common, core, forms, material, tabs, animations, pectin, portal, deferred_class, dialog, typescriptUtilities, icon, list, tooltip, router, src, fastMemoizeDecorator, reflectMetadata, ___default, animations$1, ResizeObserver) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@coolon/pectin'), require('@angular/cdk/portal'), require('@coolon/typescript-utilities'), require('@angular/material/dialog'), require('@angular/material/icon'), require('@angular/material/list'), require('@angular/material/tooltip'), require('@angular/router'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('lodash'), require('@angular/animations'), require('resize-observer-polyfill')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material', '@angular/material/tabs', '@angular/platform-browser/animations', '@coolon/pectin', '@angular/cdk/portal', '@coolon/typescript-utilities', '@angular/material/dialog', '@angular/material/icon', '@angular/material/list', '@angular/material/tooltip', '@angular/router', '@typescript-plus/fast-memoize-decorator/dist/src', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', 'lodash', '@angular/animations', 'resize-observer-polyfill'], 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.material.tabs, global.ng.platformBrowser.animations, global.pectin, global.ng.cdk.portal, global.typescriptUtilities, global.ng.material.dialog, global.ng.material.icon, global.ng.material.list, global.ng.material.tooltip, global.ng.router, global.src, global.fastMemoizeDecorator, null, global.___default, global.ng.animations, global.ResizeObserver));
+}(this, function (exports, common, core, forms, material, tabs, animations, pectin, portal, typescriptUtilities, dialog, icon, list, tooltip, router, src, fastMemoizeDecorator, reflectMetadata, ___default, animations$1, ResizeObserver) { 'use strict';
 
     var ___default__default = 'default' in ___default ? ___default['default'] : ___default;
     ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
@@ -1031,15 +1031,10 @@
         /** @type {?} */
         Activity.prototype.busy;
         /**
-         * @param {?} callback
-         * @return {?}
-         */
-        Activity.prototype.onDone = function (callback) { };
-        /**
-         * @param {?} callback
+         * @param {?} activityContext
          * @return {?}
          */
-        Activity.prototype.onCancel = function (callback) { };
+        Activity.prototype.initialise = function (activityContext) { };
     }
 
     /**
@@ -1104,8 +1099,7 @@
             var componentFactory = this.componentFactoryResolver.resolveComponentFactory(activityContext.activityClass);
             this.viewContainerRef.clear();
             this.activityComponentRef = this.viewContainerRef.createComponent(componentFactory, 0, injector);
-            this.activityComponentRef.instance.onDone(activityContext.onDone);
-            this.activityComponentRef.instance.onCancel(activityContext.onCancel);
+            this.activityComponentRef.instance.initialise(activityContext);
         };
         /**
          * @param {?} alert
@@ -1172,6 +1166,12 @@
             interactionContext: [{ type: core.Input }],
             activityContext: [{ type: core.Input }]
         };
+        __decorate([
+            pectin.Trace(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [Object]),
+            __metadata("design:returntype", void 0)
+        ], ActivityOutletComponent.prototype, "loadActivity", null);
         return ActivityOutletComponent;
     }());
     if (false) {
@@ -1266,40 +1266,24 @@
     /**
      * @template D, R, E
      */
-    var   /**
-     * @template D, R, E
-     */
-    AbstractActivity = /** @class */ (function (_super) {
+    var AbstractActivity = /** @class */ (function (_super) {
         __extends(AbstractActivity, _super);
         function AbstractActivity() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
-            _this._doneListeners = new pectin.EventListenerList();
-            _this._cancelListeners = new pectin.EventListenerList();
-            _this._finishListeners = new pectin.EventListenerList();
             _this._busyModel = new pectin.DelegatingValueModel().withDefault(false);
             return _this;
         }
         /**
-         * @param {?} callback
-         * @return {?}
-         */
-        AbstractActivity.prototype.onDone = /**
-         * @param {?} callback
-         * @return {?}
-         */
-        function (callback) {
-            this._doneListeners.add(callback);
-        };
-        /**
-         * @param {?} callback
+         * @param {?} activityContext
          * @return {?}
          */
-        AbstractActivity.prototype.onCancel = /**
-         * @param {?} callback
+        AbstractActivity.prototype.initialise = /**
+         * @param {?} activityContext
          * @return {?}
          */
-        function (callback) {
-            this._cancelListeners.add(callback);
+        function (activityContext) {
+            typescriptUtilities.assert.isNil(this.activityContext);
+            this.activityContext = activityContext;
         };
         /**
          * @param {?=} result
@@ -1310,17 +1294,7 @@
          * @return {?}
          */
         function (result) {
-            var _this = this;
-            return this._doneListeners
-                .fireAndWait((/**
-             * @param {?} l
-             * @return {?}
-             */
-            function (l) { return l(result); }))
-                .finally((/**
-             * @return {?}
-             */
-            function () { return _this.finalizeAndDispose(); }));
+            return this.activityContext.onDone(result);
         };
         /**
          * @param {?=} error
@@ -1331,17 +1305,7 @@
          * @return {?}
          */
         function (error) {
-            var _this = this;
-            return this._cancelListeners
-                .fireAndWait((/**
-             * @param {?} l
-             * @return {?}
-             */
-            function (l) { return l(error); }))
-                .finally((/**
-             * @return {?}
-             */
-            function () { return _this.finalizeAndDispose(); }));
+            this.activityContext.onCancel(error);
         };
         // @Trace()
         // @Trace()
@@ -1355,33 +1319,6 @@
          */
         function () {
         };
-        /**
-         * @private
-         * @return {?}
-         */
-        AbstractActivity.prototype.finalizeAndDispose = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            // this._activeModel.value = false;
-            this._finishListeners.fire((/**
-             * @param {?} l
-             * @return {?}
-             */
-            function (l) { return l(); }));
-            // this._interactionContext = null;
-            // this._initialized = false;
-            [
-                this._finishListeners,
-                this._doneListeners,
-                this._cancelListeners
-            ].forEach((/**
-             * @param {?} l
-             * @return {?}
-             */
-            function (l) { return l.dispose(); }));
-        };
         Object.defineProperty(AbstractActivity.prototype, "busy", {
             get: /**
              * @return {?}
@@ -1412,6 +1349,12 @@
         function () {
             return this._busyModel.value;
         };
+        __decorate([
+            pectin.Trace(),
+            __metadata("design:type", Function),
+            __metadata("design:paramtypes", [Object]),
+            __metadata("design:returntype", void 0)
+        ], AbstractActivity.prototype, "initialise", null);
         return AbstractActivity;
     }(DisposableComponent));
     if (false) {
@@ -1419,22 +1362,12 @@
          * @type {?}
          * @private
          */
-        AbstractActivity.prototype._doneListeners;
-        /**
-         * @type {?}
-         * @private
-         */
-        AbstractActivity.prototype._cancelListeners;
-        /**
-         * @type {?}
-         * @private
-         */
-        AbstractActivity.prototype._finishListeners;
+        AbstractActivity.prototype._busyModel;
         /**
          * @type {?}
          * @private
          */
-        AbstractActivity.prototype._busyModel;
+        AbstractActivity.prototype.activityContext;
     }
 
     /**
@@ -1506,7 +1439,7 @@
         ConfirmationDialogComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'angular-ui-powerups-confirmation-dialog',
-                        template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<p matDialogActions>\n  <button mat-button (click)=\"cancel()\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\"\n          (click)=\"done(true)\">{{confirm.ok()}}</button>\n</p>\n\n",
+                        template: "<h3 matDialogTitle *ngIf=\"confirm.title\">{{confirm.title()}}</h3>\n<div matDialogContent>\n  <p *ngFor=\"let line of confirm.content()\">{{line}}</p>\n</div>\n<p matDialogActions>\n  <button mat-button (click)=\"cancel()\">{{confirm.cancel()}}</button>\n  <button mat-raised-button [color]=\"isDestructive() ? 'warn' : 'primary'\"\n          (click)=\"done()\">{{confirm.ok()}}</button>\n</p>\n\n",
                         styles: [":host{display:block;padding:var(--angular-ui-powerups-default-padding)}.mat-dialog-actions{justify-content:flex-end}"]
                     }] }
         ];
@@ -1531,8 +1464,7 @@
             var _this = _super.call(this) || this;
             _this.activityOutletTabs = new pectin.MutableListModel();
             _this.obsoleteTabs = [];
-            var _a = pectin.Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-            _this.lastActivityTab = chain(_this.activityOutletTabs).last().otherwise(_this.initialActivityOutlet);
+            _this.finished = false;
             return _this;
         }
         /**
@@ -1559,16 +1491,38 @@
         };
         /**
          * @template D, R, E
-         * @param {?} options
+         * @param {?} initialContext
          * @return {?}
          */
         ActivityContainerComponent.prototype.initialise = /**
          * @template D, R, E
-         * @param {?} options
+         * @param {?} initialContext
          * @return {?}
          */
-        function (options) {
-            this.initialActivityOutlet = __assign({}, options, { interactionContext: this });
+        function (initialContext) {
+            /** @type {?} */
+            var self = this;
+            this.initialActivityOutletContext = {
+                activityClass: initialContext.activityClass,
+                activityData: initialContext.activityData,
+                onDone: (/**
+                 * @param {?} result
+                 * @return {?}
+                 */
+                function (result) {
+                    self.finished = true;
+                    return initialContext.onDone(result);
+                }),
+                onCancel: (/**
+                 * @param {?} error
+                 * @return {?}
+                 */
+                function (error) {
+                    self.finished = true;
+                    return initialContext.onCancel(error);
+                }),
+                interactionContext: this
+            };
         };
         /**
          * @template D, R, E
@@ -1585,23 +1539,49 @@
         function (activityType, data) {
             var _this = this;
             /** @type {?} */
-            var deferred = deferred_class.Deferred.defer();
-            /** @type {?} */
-            var context = {
-                interactionContext: this,
-                activityClass: activityType,
-                activityData: data,
-                onDone: deferred.resolve,
-                onCancel: deferred.reject
-            };
-            this.activityOutletTabs.push(context);
-            this.tabs.selectedIndex = this.activityOutletTabs.length;
-            return deferred.promise.finally((/**
+            var self = this;
+            return new Promise((/**
+             * @param {?} resolve
+             * @param {?} reject
              * @return {?}
              */
-            function () {
-                _this.obsoleteTabs.push(context);
-                _this.tabs.selectedIndex = _this.activityOutletTabs.length - 1;
+            function (resolve, reject) {
+                /** @type {?} */
+                var context = {
+                    interactionContext: self,
+                    activityClass: activityType,
+                    activityData: data,
+                    onDone: (/**
+                     * @param {?} result
+                     * @return {?}
+                     */
+                    function (result) {
+                        self.obsoleteTabs.push(context);
+                        // animating on the next tick gives chained done's a chance to
+                        // finished before we start an animations
+                        resolve(result);
+                        setTimeout((/**
+                         * @return {?}
+                         */
+                        function () { return self.animateTabs(); }));
+                    }),
+                    onCancel: (/**
+                     * @param {?} error
+                     * @return {?}
+                     */
+                    function (error) {
+                        self.obsoleteTabs.push(context);
+                        // finished before we start an animations
+                        reject(error);
+                        // animating on the next tick gives chained done's a chance to complete before we animate
+                        setTimeout((/**
+                         * @return {?}
+                         */
+                        function () { return self.animateTabs(); }));
+                    })
+                };
+                self.activityOutletTabs.push(context);
+                self.tabs.selectedIndex = _this.activityOutletTabs.length;
             }));
         };
         /**
@@ -1643,12 +1623,26 @@
             function (tab) {
                 return !_this.obsoleteTabs.includes(tab);
             }));
+            this.obsoleteTabs = [];
             this.outlets.toArray()[this.tabs.selectedIndex].notifyReady();
         };
+        /**
+         * @private
+         * @return {?}
+         */
+        ActivityContainerComponent.prototype.animateTabs = /**
+         * @private
+         * @return {?}
+         */
+        function () {
+            if (!this.finished) {
+                this.tabs.selectedIndex = this.activityOutletTabs.length - this.obsoleteTabs.length;
+            }
+        };
         ActivityContainerComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'angular-ui-powerups-activity-container',
-                        template: "<mat-tab-group #tabs no-tab-header [dynamicHeight]=\"true\">\n  <mat-tab>\n    <angular-ui-powerups-activity-outlet [interactionContext]=\"this\"\n                                         [activityContext]=\"initialActivityOutlet\"></angular-ui-powerups-activity-outlet>\n  </mat-tab>\n  <mat-tab *ngFor=\"let tab of activityOutletTabs.value\">\n    <angular-ui-powerups-activity-outlet [interactionContext]=\"this\"\n                                         [activityContext]=\"tab\"></angular-ui-powerups-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
+                        template: "<mat-tab-group #tabs no-tab-header [dynamicHeight]=\"true\">\n  <mat-tab>\n    <angular-ui-powerups-activity-outlet [interactionContext]=\"this\"\n                                         [activityContext]=\"initialActivityOutletContext\"></angular-ui-powerups-activity-outlet>\n  </mat-tab>\n  <mat-tab *ngFor=\"let tab of activityOutletTabs.value\">\n    <angular-ui-powerups-activity-outlet [interactionContext]=\"this\"\n                                         [activityContext]=\"tab\"></angular-ui-powerups-activity-outlet>\n  </mat-tab>\n</mat-tab-group>\n",
                         styles: [":host{display:block}"]
                     }] }
         ];
@@ -1656,7 +1650,7 @@
         ActivityContainerComponent.ctorParameters = function () { return []; };
         ActivityContainerComponent.propDecorators = {
             parentInteractionContext: [{ type: core.Input }],
-            initialActivityOutlet: [{ type: core.Input }],
+            initialActivityOutletContext: [{ type: core.Input }],
             tabs: [{ type: core.ViewChild, args: ['tabs', { static: true },] }],
             outlets: [{ type: core.ViewChildren, args: [exports.ɵv,] }]
         };
@@ -1666,7 +1660,7 @@
         /** @type {?} */
         exports.ɵu.prototype.parentInteractionContext;
         /** @type {?} */
-        exports.ɵu.prototype.initialActivityOutlet;
+        exports.ɵu.prototype.initialActivityOutletContext;
         /** @type {?} */
         exports.ɵu.prototype.tabs;
         /** @type {?} */
@@ -1682,7 +1676,7 @@
          * @type {?}
          * @private
          */
-        exports.ɵu.prototype.lastActivityTab;
+        exports.ɵu.prototype.finished;
     }
     (function (ActivityContainerComponent) {
         /**
@@ -1711,10 +1705,10 @@
     var DIALOG_INTERACTION_SERVICE_DEFAULTS = new core.InjectionToken('DIALOG_INTERACTION_SERVICE_DEFAULTS');
     var DialogInteractionService = /** @class */ (function (_super) {
         __extends(DialogInteractionService, _super);
-        function DialogInteractionService(dialogService, dialogDefaults, matDialogDefaultConfig) {
+        function DialogInteractionService(dialogService, dialogServiceDefaults, matDialogDefaultConfig) {
             var _this = _super.call(this) || this;
             _this.dialogService = dialogService;
-            _this.dialogDefaults = dialogDefaults;
+            _this.dialogServiceDefaults = dialogServiceDefaults;
             _this.matDialogDefaultConfig = matDialogDefaultConfig;
             typescriptUtilities.assert.notNil(dialogService);
             return _this;
@@ -1754,7 +1748,7 @@
             var _this = this;
             if (disableClose === void 0) { disableClose = true; }
             /** @type {?} */
-            var config = __assign({ autoFocus: false }, this.matDialogDefaultConfig, this.dialogDefaults, {
+            var config = __assign({ autoFocus: false, hasBackdrop: true }, this.matDialogDefaultConfig, this.dialogServiceDefaults, {
                 data: data,
                 disableClose: disableClose,
                 panelClass: 'dialog-interaction-service'
@@ -1838,7 +1832,7 @@
          */
         DialogInteractionService.prototype.dialogService;
         /** @type {?} */
-        DialogInteractionService.prototype.dialogDefaults;
+        DialogInteractionService.prototype.dialogServiceDefaults;
         /** @type {?} */
         DialogInteractionService.prototype.matDialogDefaultConfig;
     }