@coolon/angular-ui-powerups 13.3.0 → 13.5.0

package/fesm2020/coolon-angular-ui-powerups.mjs

@@ -40,7 +40,7 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i1$5 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import * as i1$7 from '@coolon/pectin';
-import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, ValueModel, StoreInValueModel, Command, MutableListModel, StoreInListModel, Trace, Disposable, DelegatingListModel, MutableValueModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, ListModel, Functions, MultipleSelectionModel, AbstractComputedListModel, DelegatingSelectionModel, DirtyTrackingForm, ComputedListModel, PageController, Deferred } from '@coolon/pectin';
+import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, ValueModel, StoreInValueModel, Command, MutableListModel, StoreInListModel, Disposable, DelegatingListModel, MutableValueModel, FocusManager, EventListenerList, Form, Guard, Binding, DebugContext, ListModel, Functions, MultipleSelectionModel, AbstractComputedListModel, DelegatingSelectionModel, DirtyTrackingForm, ComputedListModel, PageController, Trace, Deferred } from '@coolon/pectin';
 import { __decorate, __param, __metadata } from 'tslib';
 import * as i1$2 from '@angular/platform-browser';
 import * as _ from 'lodash';
@@ -1075,7 +1075,7 @@ class CommandComponent extends PopupAwareComponent {
     getFace() {
         return this.face;
     }
-    tryAndFocus() {
+    requestFocus() {
         this.button.focus();
     }
 }
@@ -1101,12 +1101,6 @@ __decorate([
     StoreInValueModel('busyFaceModel'),
     __metadata("design:type", Object)
 ], CommandComponent.prototype, "busyFace", void 0);
-__decorate([
-    Trace(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CommandComponent.prototype, "tryAndFocus", null);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: CommandComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aup-command', template: "<ng-container *ngIf=\"iconOnly$.value\">\n  <button mat-icon-button [pectinCommand]=\"command\" [color]=\"color$.value\" [class.busy]=\"command.busy.value\"\n          [matTooltip]=\"tooltip$.value\">\n    <aup-command-face [class]=\"alignFace\" [faces]=\"faces$.value\"></aup-command-face>\n  </button>\n</ng-container>\n<ng-container *ngIf=\"!iconOnly$.value\">\n  <ng-container [ngSwitch]=\"buttonStyle$.value\">\n    <ng-container *ngSwitchCase=\"CommandFace.Style.STROKED\">\n      <button mat-stroked-button [pectinCommand]=\"command\" [color]=\"color$.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltip$.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"CommandFace.Style.RAISED\">\n      <button mat-raised-button [pectinCommand]=\"command\" [color]=\"color$.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltip$.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n      <button mat-button [pectinCommand]=\"command\" [color]=\"color$.value\" [class.busy]=\"command.busy.value\"\n              [matTooltip]=\"tooltip$.value\">\n        <aup-command-face [class]=\"alignFace\" [faces]=\"faces$.value\"></aup-command-face>\n      </button>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", styles: [":host{display:inline-flex;flex-direction:row;justify-content:stretch}:host.centered button{text-align:center}:host.start button{text-align:start}:host.end button{text-align:end}button{flex:1}\n"] }]
@@ -1133,7 +1127,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
             }], button: [{
                 type: ViewChild,
                 args: [MatButton]
-            }], tryAndFocus: [] } });
+            }] } });
 
 /**
  *
@@ -5001,10 +4995,10 @@ class ActivityActionsComponent extends DisposableComponent {
         this.cdr.detectChanges();
     }
     focusConfirm() {
-        this.confirmCommandComponent.tryAndFocus();
+        this.confirmCommandComponent.requestFocus();
     }
     focusCancel() {
-        this.cancelCommandComponent.tryAndFocus();
+        this.cancelCommandComponent.requestFocus();
     }
 }
 ActivityActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ActivityActionsComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
@@ -5068,6 +5062,7 @@ class Activity extends DisposableComponent {
         this.activityReadyListeners = new EventListenerList();
         this._busy$ = this.registerDisposable(new DelegatingValueModel().withDefault(false));
         this._focused$ = this.registerDisposable(new DelegatingValueModel());
+        this._ready$ = new MutableValueModel(false);
         this.class = "aup-activity";
         this.busyWhile(this.confirmCommand.busy);
     }
@@ -5104,10 +5099,17 @@ class Activity extends DisposableComponent {
     }
     notifyActivityReady() {
         this.activityReadyListeners.fire(l => l(this));
+        this._ready$.value = true;
     }
     onActivityReady(callback) {
         return this.activityReadyListeners.add(callback);
     }
+    autoFocusOnActivityReady(focusable) {
+        return this.onActivityReady(() => focusable.requestFocus());
+    }
+    get ready$() {
+        return this._ready$.readonly;
+    }
     get busy$() {
         return this._busy$.readonly;
     }