@coolon/angular-ui-powerups 3.10.2 → 3.10.3

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.10.3](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.10.2...v3.10.3) (2021-02-08)
+
+
+### Bug Fixes
+
+* added busy panel to activity-container ([d610631](https://bitbucket.org/coolon/angular-ui-powerups/commit/d610631830622ab5a068cc54b644bb2154c363f8))
+
 ### [3.10.2](https://bitbucket.org/coolon/angular-ui-powerups/compare/v3.10.1...v3.10.2) (2021-02-08)
 
 

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/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@angular/cdk/portal'), require('@angular/cdk/scrolling'), require('@angular/material/autocomplete'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/divider'), require('@angular/material/icon'), require('@angular/material/menu'), require('@angular/material/table'), require('@angular/material/tooltip'), require('@fortawesome/angular-fontawesome'), require('@fortawesome/free-solid-svg-icons'), require('@coolon/pectin'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('lodash'), require('typescript-string-enums'), require('@coolon/typescript-utilities'), require('immer'), require('@angular/flex-layout'), require('@angular/material/dialog'), require('@angular/router'), require('@angular/cdk/overlay'), require('resize-observer-polyfill'), require('@angular/material/list'), require('@angular/material/progress-spinner'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations')) :
-    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/tabs', '@angular/platform-browser/animations', '@angular/cdk/portal', '@angular/cdk/scrolling', '@angular/material/autocomplete', '@angular/material/button', '@angular/material/checkbox', '@angular/material/divider', '@angular/material/icon', '@angular/material/menu', '@angular/material/table', '@angular/material/tooltip', '@fortawesome/angular-fontawesome', '@fortawesome/free-solid-svg-icons', '@coolon/pectin', '@typescript-plus/fast-memoize-decorator/dist/src', 'lodash', 'typescript-string-enums', '@coolon/typescript-utilities', 'immer', '@angular/flex-layout', '@angular/material/dialog', '@angular/router', '@angular/cdk/overlay', 'resize-observer-polyfill', '@angular/material/list', '@angular/material/progress-spinner', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.tabs, global.ng.platformBrowser.animations, global.ng.cdk.portal, global.ng.cdk.scrolling, global.ng.material.autocomplete, global.ng.material.button, global.ng.material.checkbox, global.ng.material.divider, global.ng.material.icon, global.ng.material.menu, global.ng.material.table, global.ng.material.tooltip, global.angularFontawesome, global.freeSolidSvgIcons, global.pectin, global.src, global._, global.typescriptStringEnums, global.typescriptUtilities, global.produce, global.ng.flexLayout, global.ng.material.dialog, global.ng.router, global.ng.cdk.overlay, global.ResizeObserver, global.ng.material.list, global.ng.material.progressSpinner, global.fastMemoizeDecorator, null, global.ng.animations));
-}(this, (function (exports, i2, i0, forms, formField, input, select, tabs, animations, portal, scrolling, autocomplete, button, checkbox, divider, icon, menu, table, tooltip, angularFontawesome, freeSolidSvgIcons, pectin, src, _, typescriptStringEnums, typescriptUtilities, produce, flexLayout, i1, i1$1, overlay, ResizeObserver, list, progressSpinner, fastMemoizeDecorator, reflectMetadata, animations$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/tabs'), require('@angular/platform-browser/animations'), require('@angular/cdk/portal'), require('@angular/cdk/scrolling'), require('@angular/material/autocomplete'), require('@angular/material/button'), require('@angular/material/checkbox'), require('@angular/material/divider'), require('@angular/material/icon'), require('@angular/material/menu'), require('@angular/material/progress-spinner'), require('@angular/material/table'), require('@angular/material/tooltip'), require('@fortawesome/angular-fontawesome'), require('@fortawesome/free-solid-svg-icons'), require('@coolon/pectin'), require('@typescript-plus/fast-memoize-decorator/dist/src'), require('lodash'), require('typescript-string-enums'), require('@coolon/typescript-utilities'), require('immer'), require('@angular/flex-layout'), require('@angular/material/dialog'), require('@angular/router'), require('@angular/cdk/overlay'), require('resize-observer-polyfill'), require('@angular/material/list'), require('@typescript-plus/fast-memoize-decorator'), require('reflect-metadata'), require('@angular/animations')) :
+    typeof define === 'function' && define.amd ? define('@coolon/angular-ui-powerups', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/material/form-field', '@angular/material/input', '@angular/material/select', '@angular/material/tabs', '@angular/platform-browser/animations', '@angular/cdk/portal', '@angular/cdk/scrolling', '@angular/material/autocomplete', '@angular/material/button', '@angular/material/checkbox', '@angular/material/divider', '@angular/material/icon', '@angular/material/menu', '@angular/material/progress-spinner', '@angular/material/table', '@angular/material/tooltip', '@fortawesome/angular-fontawesome', '@fortawesome/free-solid-svg-icons', '@coolon/pectin', '@typescript-plus/fast-memoize-decorator/dist/src', 'lodash', 'typescript-string-enums', '@coolon/typescript-utilities', 'immer', '@angular/flex-layout', '@angular/material/dialog', '@angular/router', '@angular/cdk/overlay', 'resize-observer-polyfill', '@angular/material/list', '@typescript-plus/fast-memoize-decorator', 'reflect-metadata', '@angular/animations'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.coolon = global.coolon || {}, global.coolon['angular-ui-powerups'] = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.material.formField, global.ng.material.input, global.ng.material.select, global.ng.material.tabs, global.ng.platformBrowser.animations, global.ng.cdk.portal, global.ng.cdk.scrolling, global.ng.material.autocomplete, global.ng.material.button, global.ng.material.checkbox, global.ng.material.divider, global.ng.material.icon, global.ng.material.menu, global.ng.material.progressSpinner, global.ng.material.table, global.ng.material.tooltip, global.angularFontawesome, global.freeSolidSvgIcons, global.pectin, global.src, global._, global.typescriptStringEnums, global.typescriptUtilities, global.produce, global.ng.flexLayout, global.ng.material.dialog, global.ng.router, global.ng.cdk.overlay, global.ResizeObserver, global.ng.material.list, global.fastMemoizeDecorator, null, global.ng.animations));
+}(this, (function (exports, i2, i0, forms, formField, input, select, tabs, animations, portal, scrolling, autocomplete, button, checkbox, divider, icon, menu, progressSpinner, table, tooltip, angularFontawesome, freeSolidSvgIcons, pectin, src, _, typescriptStringEnums, typescriptUtilities, produce, flexLayout, i1, i1$1, overlay, ResizeObserver, list, fastMemoizeDecorator, reflectMetadata, animations$1) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -632,6 +632,34 @@
                 },] }
     ];
 
+    var BusyOverlayComponent = /** @class */ (function () {
+        function BusyOverlayComponent() {
+        }
+        BusyOverlayComponent.prototype.ngOnInit = function () {
+        };
+        return BusyOverlayComponent;
+    }());
+    BusyOverlayComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'aup-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{-ms-grid-columns:auto;-ms-grid-rows:auto;background-color:rgba(0,0,0,.2);bottom:0;display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:auto;left:0;place-content:center;position:absolute;right:0;top:0}"]
+                },] }
+    ];
+    BusyOverlayComponent.ctorParameters = function () { return []; };
+    BusyOverlayComponent.propDecorators = {
+        busyModel: [{ type: i0.Input }],
+        busy: [{ type: i0.Input }]
+    };
+    __decorate([
+        pectin.TrackExternal(),
+        __metadata("design:type", pectin.ValueModel)
+    ], BusyOverlayComponent.prototype, "busyModel", void 0);
+    __decorate([
+        pectin.StoreInValueModel('busyModel'),
+        __metadata("design:type", Boolean)
+    ], BusyOverlayComponent.prototype, "busy", void 0);
+
     /**
      * @example
      * // basic usage
@@ -1409,6 +1437,22 @@
         __metadata("design:type", Object)
     ], PopupMenuComponent.prototype, "face", void 0);
 
+    var EmptyStateComponent = /** @class */ (function () {
+        function EmptyStateComponent() {
+        }
+        EmptyStateComponent.prototype.ngOnInit = function () {
+        };
+        return EmptyStateComponent;
+    }());
+    EmptyStateComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'aup-empty-state',
+                    template: "\n      <div class=\"container\">\n          <ng-content></ng-content>\n      </div>\n  ",
+                    styles: [":host{align-items:center;display:flex;flex-direction:column;justify-content:center}.container{border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300;padding:var(--aup-default-padding)}"]
+                },] }
+    ];
+    EmptyStateComponent.ctorParameters = function () { return []; };
+
     var FocusContainerComponent = /** @class */ (function (_super) {
         __extends(FocusContainerComponent, _super);
         function FocusContainerComponent(focusManager) {
@@ -4128,7 +4172,9 @@
                         TreeTableComponent,
                         exports.TreeInheritanceIconComponent,
                         TreeLabelCellRendererComponent,
-                        exports.IconComponent
+                        exports.IconComponent,
+                        BusyOverlayComponent,
+                        EmptyStateComponent,
                     ],
                     imports: [
                         i2.CommonModule,
@@ -4149,7 +4195,8 @@
                         tooltip.MatTooltipModule,
                         autocomplete.MatAutocompleteModule,
                         menu.MatMenuModule,
-                        divider.MatDividerModule
+                        divider.MatDividerModule,
+                        progressSpinner.MatProgressSpinnerModule
                     ],
                     exports: [
                         NumberInputComponent,
@@ -4182,7 +4229,9 @@
                         MoreMenuComponent,
                         SeparatorComponent,
                         FlexComponent,
-                        TreeTableComponent
+                        TreeTableComponent,
+                        BusyOverlayComponent,
+                        EmptyStateComponent,
                     ],
                     providers: [
                         FocusBindingFactory
@@ -4490,6 +4539,7 @@
             this._complete = false;
             this.deferredResult = pectin.Deferred.defer();
             this.focusedModel = new pectin.MutableValueModel();
+            this._activityBusy = new pectin.DelegatingValueModel().withDefault(false);
         }
         ActivityRef.prototype.isActivityRealised = function () {
             return !!this._activity;
@@ -4528,12 +4578,14 @@
                 },
                 focused: this.focusedModel.readonly
             });
+            this._activityBusy.setDelegate(this._activity.busy);
         };
         ActivityRef.prototype.finishActivity = function (resolveOrReject) {
             pectin.assert.isFalsey(this.isComplete());
             resolveOrReject(this.deferredResult);
             this._complete = true;
             this.onComplete(this);
+            this._activityBusy.dispose();
         };
         ActivityRef.prototype.cancel = function () {
             this.activity.cancel();
@@ -4545,6 +4597,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(ActivityRef.prototype, "activityBusy", {
+            get: function () {
+                return this._activityBusy.readonly;
+            },
+            enumerable: false,
+            configurable: true
+        });
         return ActivityRef;
     }());
 
@@ -4622,6 +4681,8 @@
             _this.activityRefs = [];
             _this.garbage = new pectin.GarbageCollector();
             _this.inAnimation = new pectin.MutableValueModel(false);
+            _this.busy = new pectin.DelegatingValueModel().withDefault(false);
+            _this.registerDisposable(_this.busy);
             return _this;
         }
         ActivityContainerComponent.prototype.ngOnInit = function () {
@@ -4779,6 +4840,7 @@
             if (previousIndex !== newIndex) {
                 this.inAnimation.value = true;
                 this.activityRefs[newIndex].setFocused(false);
+                this.busy.setDelegate(this.activityRefs[newIndex].activityBusy);
                 this.tabs.selectedIndex = newIndex;
                 this.onAnimationFinishedJob = function () {
                     _this.activityRefs = _this.activityRefs.filter(function (tab) { return !tab.isComplete(); });
@@ -4812,8 +4874,8 @@
     ActivityContainerComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aup-activity-container',
-                    template: "<mat-tab-group #tabs no-tab-header\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let activityRef of activityRefs; let i = index; trackBy: activityIndex\">\n    <!--\n    We have issues where angular is triggering a leave animation when an\n    new activity is started, but is not running the enter animation\n    when it is scrolled back into view.  So we track the tab changes and\n    disable all animations inside the tab while we're animating.\n    -->\n    <div class=\"activity-outlet-wrapper\" [@.disabled]=\"!activityRef.focused\">\n      <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"activityRef\"></aup-activity-outlet>\n    </div>\n  </mat-tab>\n</mat-tab-group>\n",
-                    styles: [":host{display:flex;flex-direction:column}mat-tab-group{flex:1}"]
+                    template: "<mat-tab-group #tabs no-tab-header\n               [dynamicHeight]=\"dynamicHeight\"\n               [class.full-height-tabs]=\"!dynamicHeight\">\n  <mat-tab *ngFor=\"let activityRef of activityRefs; let i = index; trackBy: activityIndex\">\n    <aup-busy-overlay [busyModel]=\"busy\">\n      <!--\n      We have issues where angular is triggering a leave animation when an\n      new activity is started, but is not running the enter animation\n      when it is scrolled back into view.  So we track the tab changes and\n      disable all animations inside the tab while we're animating.\n      -->\n      <div class=\"activity-outlet-wrapper\" [@.disabled]=\"!activityRef.focused\">\n        <aup-activity-outlet [nestedInteractionContext]=\"this\" [activityRef]=\"activityRef\"></aup-activity-outlet>\n      </div>\n    </aup-busy-overlay>\n  </mat-tab>\n</mat-tab-group>\n",
+                    styles: [":host{display:flex;flex-direction:column}aup-busy-overlay,mat-tab-group{flex:1}"]
                 },] }
     ];
     ActivityContainerComponent.ctorParameters = function () { return []; };
@@ -7366,7 +7428,7 @@
             var _this = this;
             var when = pectin.Dsl.disposeWith(this).when;
             return new Promise(function (resolve) {
-                when(_this.navigationInProgress).becomesFalsey(function () { return resolve(); }, {
+                when(_this.navigationInProgress).becomesFalsey(function () { return resolve(_this); }, {
                     initialValue: 'evaluate',
                     once: true
                 });
@@ -8014,50 +8076,6 @@
         __metadata("design:returntype", Object)
     ], AbstractPlaceNavigationComponent.prototype, "getNavigationFace", null);
 
-    var BusyOverlayComponent = /** @class */ (function () {
-        function BusyOverlayComponent() {
-        }
-        BusyOverlayComponent.prototype.ngOnInit = function () {
-        };
-        return BusyOverlayComponent;
-    }());
-    BusyOverlayComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'aup-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{-ms-grid-columns:auto;-ms-grid-rows:auto;background-color:rgba(0,0,0,.2);bottom:0;display:-ms-grid;display:grid;grid-template-columns:auto;grid-template-rows:auto;left:0;place-content:center;position:absolute;right:0;top:0}"]
-                },] }
-    ];
-    BusyOverlayComponent.ctorParameters = function () { return []; };
-    BusyOverlayComponent.propDecorators = {
-        busyModel: [{ type: i0.Input }],
-        busy: [{ type: i0.Input }]
-    };
-    __decorate([
-        pectin.TrackExternal(),
-        __metadata("design:type", pectin.ValueModel)
-    ], BusyOverlayComponent.prototype, "busyModel", void 0);
-    __decorate([
-        pectin.StoreInValueModel('busyModel'),
-        __metadata("design:type", Boolean)
-    ], BusyOverlayComponent.prototype, "busy", void 0);
-
-    var EmptyStateComponent = /** @class */ (function () {
-        function EmptyStateComponent() {
-        }
-        EmptyStateComponent.prototype.ngOnInit = function () {
-        };
-        return EmptyStateComponent;
-    }());
-    EmptyStateComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'aup-empty-state',
-                    template: "\n      <div class=\"container\">\n          <ng-content></ng-content>\n      </div>\n  ",
-                    styles: [":host{align-items:center;display:flex;flex-direction:column;justify-content:center}.container{border:2px dashed rgba(0,0,0,.2);border-radius:5px;font-size:14px;font-weight:300;padding:var(--aup-default-padding)}"]
-                },] }
-    ];
-    EmptyStateComponent.ctorParameters = function () { return []; };
-
     var ListPlaceNavComponent = /** @class */ (function (_super) {
         __extends(ListPlaceNavComponent, _super);
         function ListPlaceNavComponent(router) {
@@ -8190,19 +8208,15 @@
                         ComponentsModule
                     ],
                     declarations: [
-                        EmptyStateComponent,
-                        BusyOverlayComponent,
                         PlaceOutletComponent,
                         TabbedPlaceNavigationComponent,
                         ListPlaceNavComponent,
                         SidePlaceNavigationComponent,
                         AbstractPlaceNavigationComponent
                     ],
-                    entryComponents: [BusyOverlayComponent],
+                    entryComponents: [],
                     exports: [
-                        BusyOverlayComponent,
                         PlaceOutletComponent,
-                        EmptyStateComponent,
                         TabbedPlaceNavigationComponent,
                         ListPlaceNavComponent,
                         SidePlaceNavigationComponent,