@coolon/angular-ui-powerups 3.16.0-alpha.0 → 3.17.0

package/lib/components/forms/number-input/number-input.component.d.ts

@@ -4,6 +4,7 @@ export declare class NumberInputComponent extends AbstractValueInputComponent<nu
     autocomplete: string;
     min: number;
     max: number;
+    iconPrefix: string;
     constructor();
     ngOnInit(): void;
 }

package/lib/components/forms/string-input/string-input.component.d.ts

@@ -5,6 +5,7 @@ export declare class StringInputComponent extends AbstractValueInputComponent<st
     autocomplete: string;
     enableClearModel: ValueModel<boolean>;
     enableClear: boolean;
+    iconPrefix: string;
     readonly clearCommand: Command<void>;
     constructor();
     ngOnInit(): void;

package/lib/components/table/paginator/paginator.component.d.ts

@@ -1,6 +1,7 @@
 import { OnInit } from '@angular/core';
 import { PageController } from '@coolon/pectin';
-export declare class PaginatorComponent implements OnInit {
+import { DisposableComponent } from '../../disposable-component';
+export declare class PaginatorComponent extends DisposableComponent implements OnInit {
     pageController: PageController;
     constructor();
     ngOnInit(): void;

package/lib/components/table/table.component.d.ts

@@ -16,6 +16,19 @@ import { ColumnModel } from './column-model';
  * @example
  * <aup-table [tableModel]="heroTableModel"></aup-table>
  *
+ * Column templates
+ * @example
+ * this.heroTableModel = TableModel.fromList(heroList, table => {
+ *   table.pluck("firstName");
+ *   table.pluck("lastName");
+ *   table.addTemplateColumn("specialColumn");
+ * });
+ * <aup-table [tableModel]="heroTableModel">
+ *   <div *aupColumnTemplate="let hero; columnId: 'specialColumn'; fillCell: true; padChild:false">
+ *     {{hero.name}}
+ *   </div>
+ * </aup-table>
+ *
  * Styling
  * @example
  * aup-table {

package/lib/interaction/activity.d.ts

@@ -1,16 +1,22 @@
-import { InjectionToken } from '@angular/core';
-import { ValueModel } from '@coolon/pectin';
+import { AfterViewInit, InjectionToken } from '@angular/core';
+import { Command, ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from '../components/disposable-component';
+import { ActivityActionsComponent } from './components/activity-actions/activity-actions.component';
 import { InteractionContext } from './interaction-context';
 export declare const ACTIVITY_DATA: InjectionToken<any>;
-export declare class Activity<D, R, E = any> extends DisposableComponent {
+export declare class Activity<D, R, E = any> extends DisposableComponent implements AfterViewInit {
     private readonly _busyModel;
     private _focusedModel;
     private _activityContext;
+    protected activityActions: ActivityActionsComponent;
+    confirmCommand: Command<unknown>;
+    cancelCommand: Command<unknown>;
     private _interactionContext;
     class: string;
     get isFocused(): boolean;
+    constructor();
     initialise(nestedInteractionContext: InteractionContext, activityContext: Activity.Context<R, E>): void;
+    ngAfterViewInit(): void;
     get interactionContext(): InteractionContext;
     done(result?: R): void;
     cancel(error?: E): void;

package/lib/interaction/components/activity-actions/activity-actions.component.d.ts

@@ -1,49 +1,53 @@
-import { OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { Command } from '@coolon/pectin';
 import { CommandFace } from '../../../components/commands/command-face';
 import { DisposableComponent } from '../../../components/disposable-component';
 /**
  * @example
- * <aup-activity-actions
- *     [confirmCommand]="confirm"
- *     [cancelCommand]="cancel"
- *     [style]="{confirm: saveFace, cancel: cancelFace}">
+ * <aup-activity-actions [style]="{confirm: saveFace, cancel: cancelFace}">
  * </aup-activity-actions>
  *
  * // Running `ng g @coolon/angular-ui-powerups:aup-i18n` will install default
  * // style definitions
- * <aup-activity-actions
- *     [confirmCommand]="confirm"
- *     [cancelCommand]="cancel"
- *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
- * </aup-activity-actions>
- *
- * // both commands are optional
- * <aup-activity-actions
- *     [confirmCommand]="confirm"
- *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
+ * <aup-activity-actions [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
  * </aup-activity-actions>
  *
  * // you can also add additional content that will be displayed along with the buttons.
  * // The location of the content depends on the alignment attribute.
  * <aup-activity-actions
- *     [confirmCommand]="confirm"
- *     [cancelCommand]="cancel"
  *     align="stretch"
  *     [style]="I18n.aup.components.activityActions.styles.okCancelIcons">
  *     <span>This content will be between the two commands</span>
  * </aup-activity-actions>
  */
 export declare class ActivityActionsComponent extends DisposableComponent implements OnInit {
+    private readonly cdr;
+    /**
+     * @deprecated activity actions now use the confirm command of the activity automatically
+     */
     confirmCommand: Command<any>;
+    /**
+     * @deprecated activity actions now use the cancel command of the activity automatically
+     */
     cancelCommand: Command<any>;
-    style: ActivityActionsComponent.Style;
+    set faces(faces: ActivityActionsComponent.Style);
+    confirmFace: CommandFace;
+    cancelFace: CommandFace;
+    /**
+     * @deprecated use #commandFaces instead.
+     */
+    set style(style: ActivityActionsComponent.Style);
     align: 'start' | 'end' | 'stretch';
     get alignEnd(): boolean;
     get alignStretch(): boolean;
+    constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
-    hasConfirmCommand(): boolean;
-    hasCancelCommand(): boolean;
+    hasConfirmFace(): CommandFace;
+    hasCancelFace(): CommandFace;
+    initCommands(activity: {
+        confirmCommand: Command<unknown>;
+        cancelCommand: Command<unknown>;
+    }): void;
 }
 export declare namespace ActivityActionsComponent {
     interface Style {

package/lib/interaction/components/activity-content/activity-body.component.d.ts

@@ -0,0 +1,5 @@
+import { OnInit } from '@angular/core';
+import { DisposableComponent } from '../../../components/disposable-component';
+export declare class ActivityBodyComponent extends DisposableComponent implements OnInit {
+    ngOnInit(): void;
+}

package/lib/interaction/components/alert-dialog/alert-dialog.component.d.ts

@@ -1,8 +1,10 @@
 import { OnInit } from '@angular/core';
+import { CommandFace } from '../../../components/commands/command-face';
 import { Activity } from '../../activity';
 import { Alert } from '../../alert';
 export declare class AlertDialogComponent extends Activity<Alert, void> implements OnInit {
     readonly alert: Alert;
+    readonly confirmFace: CommandFace;
     constructor(alert: Alert);
     ngOnInit(): void;
 }

package/lib/interaction/components/confirm-then-dialog/confirm-then-dialog.component.d.ts

@@ -1,14 +1,16 @@
 import { OnInit } from '@angular/core';
 import { Constructable } from '@coolon/pectin';
+import { CommandFace } from '../../../components/commands/command-face';
 import { Activity } from '../../activity';
 import { Confirm } from '../../confirm';
 export declare class ConfirmThenDialogComponent<D, R, E> extends Activity<ConfirmThenDialogComponent.Data<D, R, E>, R, E> implements OnInit {
     readonly config: ConfirmThenDialogComponent.Data<D, R, E>;
+    readonly confirmFace: CommandFace;
+    readonly cancelFace: CommandFace;
     constructor(config: ConfirmThenDialogComponent.Data<D, R, E>);
     ngOnInit(): void;
     get confirm(): Confirm;
     isDestructive(): boolean;
-    onConfirm(): void;
 }
 export declare namespace ConfirmThenDialogComponent {
     interface Data<D, R, E> {

package/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.d.ts

@@ -1,8 +1,11 @@
 import { OnInit } from '@angular/core';
+import { CommandFace } from '../../../components/commands/command-face';
 import { Activity } from '../../activity';
 import { Confirm } from '../../confirm';
 export declare class ConfirmationDialogComponent extends Activity<Confirm, void> implements OnInit {
     readonly confirm: Confirm;
+    readonly confirmFace: CommandFace;
+    readonly cancelFace: CommandFace;
     constructor(confirm: Confirm);
     ngOnInit(): void;
     isDestructive(): boolean;

package/lib/interaction/exports.d.ts

@@ -13,6 +13,7 @@ export * from "./route-synchronisation-adapter";
 export * from "./components/activity-actions/activity-actions.component";
 export * from "./components/activity-container/activity-container.component";
 export * from "./components/activity-container/activity-outlet/activity-outlet.component";
+export * from "./components/activity-content/activity-body.component";
 export * from "./components/activity-title/activity-title.component";
 export * from "./components/add-item-interaction-context/add-item-interaction-context.component";
 export * from "./components/alert-dialog/alert-dialog.component";

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "3.16.0-alpha.0",
+  "version": "3.17.0",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.2.0",
     "@typescript-plus/fast-memoize-decorator": "^0.1.0",
     "json5": "^2.1.0",
     "ts-morph": "^9.1.0",
+    "wake-event": "^0.0.1",
     "tslib": "^2.0.0",
     "typescript-string-enums": "^1.0.0"
   },