@coolon/angular-ui-powerups 12.4.0-alpha.8 → 12.4.0-alpha.80

package/lib/interaction/alert.d.ts

@@ -1,5 +1,11 @@
 export interface Alert {
     title?(): string;
-    content(): string[];
+    color?(): 'primary' | 'accent' | 'warn';
+    content(): string | string[];
     ok(): string;
 }
+export declare namespace Alert {
+    function getContent(alert: Alert): string[];
+    function getTitle(alert: Alert): string;
+    function getColor(alert: Alert): 'primary' | 'accent' | 'warn';
+}

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

@@ -0,0 +1,7 @@
+import { CommandFace } from '../../components/commands/command-face';
+import { Confirm } from '../confirm';
+import { AbstractDialogComponent } from './abstract-dialog.component';
+export declare class AbstractConfirmDialogComponent<D, R, E = any> extends AbstractDialogComponent<D, R, E> {
+    readonly cancelFace: CommandFace;
+    constructor(config: Confirm);
+}

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

@@ -0,0 +1,17 @@
+import { InjectionToken } from '@angular/core';
+import { CommandFace } from '../../components/commands/command-face';
+import { Activity } from '../activity';
+import { Alert } from '../alert';
+import { Confirm } from '../confirm';
+export declare const ALERT_CONFIG: InjectionToken<any>;
+export declare class AbstractDialogComponent<D, R, E = any> extends Activity<D, R, E> {
+    protected readonly config: Alert | Confirm;
+    readonly confirmFace: CommandFace;
+    readonly title: string;
+    readonly content: string[];
+    readonly color?: 'primary' | 'accent' | 'warn';
+    constructor(config: Alert | Confirm);
+    getConfig(): Alert | Confirm;
+    protected checkColor(rawColor: string): 'primary' | 'accent' | 'warn';
+    isDestructive(): boolean;
+}

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

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef, OnInit } from '@angular/core';
 import { Command } from '@coolon/pectin';
+import { Enum } from 'typescript-string-enums';
 import { CommandFace } from '../../../components/commands/command-face';
 import { DisposableComponent } from '../../../components/disposable-component';
 /**
@@ -40,9 +41,8 @@ export declare class ActivityActionsComponent extends DisposableComponent implem
      * @deprecated use #faces instead.
      */
     set style(style: ActivityActionsComponent.Style);
-    align: 'start' | 'end' | 'stretch';
-    get alignEnd(): boolean;
-    get alignStretch(): boolean;
+    layout: ActivityActionsComponent.Layout;
+    align: ActivityActionsComponent.Align;
     constructor(cdr: ChangeDetectorRef);
     ngOnInit(): void;
     hasConfirmFace(): boolean;
@@ -53,6 +53,17 @@ export declare class ActivityActionsComponent extends DisposableComponent implem
     }): void;
 }
 export declare namespace ActivityActionsComponent {
+    const Layout: {
+        INLINE: "inline";
+        BLOCK: "block";
+    };
+    type Layout = Enum<typeof Layout>;
+    const Align: {
+        START: "start";
+        END: "end";
+        STRETCH: "stretch";
+    };
+    type Align = Enum<typeof Align>;
     interface Style {
         confirm: CommandFace;
         cancel: CommandFace;

package/lib/interaction/components/activity-triggers/abstract-activity-trigger.component.d.ts

@@ -14,7 +14,7 @@ export declare class AbstractActivityTriggerComponent<D = any, R = any, E = any>
     faceModel: ValueModel<CommandFace>;
     alignFace: HorizontalAlignment;
     readonly startActivityCommand: Command<unknown>;
-    interactionContext: InteractionContext;
+    get interactionContext(): InteractionContext;
     confirmEvent: EventEmitter<R>;
     cancelEvent: EventEmitter<E>;
     constructor();

package/lib/interaction/components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component.d.ts

@@ -1,6 +1,7 @@
 import { InteractionContext } from '../../../interaction-context';
 import { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';
 export declare class InlineActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {
-    interactionContext: InteractionContext;
+    _interactionContext: InteractionContext;
+    get interactionContext(): InteractionContext;
     constructor();
 }

package/lib/interaction/components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component.d.ts

@@ -2,6 +2,7 @@ import { InteractionContext } from '../../../interaction-context';
 import { InteractionService } from '../../../services/interaction.service';
 import { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.component';
 export declare class ModalActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {
-    interactionContext: InteractionContext;
+    _interactionContext: InteractionContext;
+    get interactionContext(): InteractionContext;
     constructor(interactionService: InteractionService);
 }

package/lib/interaction/components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component.d.ts

@@ -3,6 +3,7 @@ import { AbstractActivityTriggerComponent } from '../abstract-activity-trigger.c
 export declare class PopupActivityTriggerComponent<D = any, R = any, E = any> extends AbstractActivityTriggerComponent<D, R, E> {
     anchorX: 'start' | 'end';
     anchorY: 'top' | 'bottom';
-    interactionContext: InteractionContext;
+    _interactionContext: InteractionContext;
     constructor();
+    get interactionContext(): InteractionContext;
 }

package/lib/interaction/components/add-card-activity/add-card-activity.component.d.ts

@@ -0,0 +1,39 @@
+import { OnInit } from '@angular/core';
+import { ListModelChain } from '@coolon/pectin';
+import { Enum } from 'typescript-string-enums';
+import { CommandFace } from '../../../components/commands/command-face';
+import { InteractionContext } from '../../interaction-context';
+import { InteractionService } from '../../services/interaction.service';
+import { AbstractActivityTriggerComponent } from '../activity-triggers/abstract-activity-trigger.component';
+/**
+ *
+ */
+export declare class AddCardActivityComponent extends AbstractActivityTriggerComponent implements OnInit {
+    private modalInteractionContext;
+    inlineInteractionContext: InteractionContext;
+    interactionStyle: AddCardActivityComponent.InteractionType;
+    renderAs: AddCardActivityComponent.RenderAs;
+    notCard: boolean;
+    readonly faceList: ListModelChain<CommandFace>;
+    get renderAsClass(): string;
+    get activityTypeClass(): string;
+    isRenderAsCard(): boolean;
+    isRenderAsButton(): boolean;
+    constructor(interactionService: InteractionService);
+    ngOnInit(): void;
+    get interactionContext(): InteractionContext;
+    isModal(): boolean;
+    isInline(): boolean;
+}
+export declare namespace AddCardActivityComponent {
+    const InteractionType: {
+        MODAL: "modal";
+        INLINE: "inline";
+    };
+    type InteractionType = Enum<typeof InteractionType>;
+    const RenderAs: {
+        CARD: "card";
+        BUTTON: "button";
+    };
+    type RenderAs = Enum<typeof RenderAs>;
+}

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

@@ -1,10 +1,5 @@
-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;
+import { AbstractDialogComponent } from '../abstract-dialog.component';
+export declare class AlertDialogComponent extends AbstractDialogComponent<Alert, void> {
     constructor(alert: Alert);
-    ngOnInit(): void;
 }

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

@@ -1,17 +1,9 @@
-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;
+import { AbstractConfirmDialogComponent } from '../abstract-confirm-dialog.component';
+export declare class ConfirmThenDialogComponent<D, R, E> extends AbstractConfirmDialogComponent<ConfirmThenDialogComponent.Data<D, R, E>, R, E> {
     constructor(config: ConfirmThenDialogComponent.Data<D, R, E>);
-    ngOnInit(): void;
-    get confirm(): Confirm;
-    get titleColor(): string;
-    isDestructive(): boolean;
 }
 export declare namespace ConfirmThenDialogComponent {
     interface Data<D, R, E> {

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

@@ -0,0 +1,12 @@
+import { Confirm } from '../../confirm';
+import { InteractionContext } from '../../interaction-context';
+import { AbstractConfirmDialogComponent } from '../abstract-confirm-dialog.component';
+export declare class ConfirmThenExecuteDialogComponent<R, E> extends AbstractConfirmDialogComponent<ConfirmThenExecuteDialogComponent.Data<R, E>, R, E> {
+    constructor(data: ConfirmThenExecuteDialogComponent.Data<R, E>);
+}
+export declare namespace ConfirmThenExecuteDialogComponent {
+    interface Data<R, E> {
+        confirm: Confirm;
+        operation: (interactionContext: InteractionContext) => R | Promise<R>;
+    }
+}

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

@@ -1,13 +1,6 @@
-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 {
+import { AbstractConfirmDialogComponent } from '../abstract-confirm-dialog.component';
+export declare class ConfirmationDialogComponent extends AbstractConfirmDialogComponent<Confirm, void> {
     readonly confirm: Confirm;
-    readonly confirmFace: CommandFace;
-    readonly cancelFace: CommandFace;
     constructor(confirm: Confirm);
-    ngOnInit(): void;
-    get titleColor(): string;
-    isDestructive(): boolean;
 }

package/lib/interaction/components/editors/edit-context.d.ts

@@ -0,0 +1,3 @@
+export interface EditContext<T> {
+    injectError(error: string): any;
+}

package/lib/interaction/components/editors/inline-string-editor/inline-editor-model.d.ts

@@ -0,0 +1,24 @@
+import { GarbageCollector, ListModel, MutableValueModel, Validator, ValueModel } from '@coolon/pectin';
+import { EditContext } from '../edit-context';
+export declare class InlineEditorModel<T> extends GarbageCollector {
+    readonly valueModel: ValueModel<T>;
+    readonly saveCallback: InlineEditorModel.SaveCallback<T>;
+    readonly editing: MutableValueModel<boolean>;
+    private readonly _validators;
+    private _editingEnabled;
+    constructor(valueModel: ValueModel<T>, saveCallback: InlineEditorModel.SaveCallback<T>);
+    get editingEnabled(): ValueModel<boolean>;
+    disableWhile(condition: ValueModel<boolean>): this;
+    enableWhile(condition: ValueModel<boolean>): this;
+    get validators(): ListModel<Validator<T>>;
+    validateUsing(validator: Validator<T>): this;
+    isEditing(): boolean;
+    cancelEdit(): void;
+    startEditing(): void;
+}
+export declare namespace InlineEditorModel {
+    type SaveCallback<T> = (value: T, context: EditContext<T>) => void | Promise<void>;
+    function create<T>(valueModel: ValueModel<T>, options: {
+        save: SaveCallback<T>;
+    }): InlineEditorModel<T>;
+}

package/lib/interaction/components/editors/inline-string-editor/inline-string-editor.component.d.ts

@@ -0,0 +1,57 @@
+import { OnInit } from '@angular/core';
+import { BooleanValueModelChain, Command, DelegatingValueModel, ValueModel, ValueModelChain } from '@coolon/pectin';
+import { CommandFace } from '../../../../components/commands/command-face';
+import { DisposableComponent } from '../../../../components/disposable-component';
+import { InteractionService } from '../../../services/interaction.service';
+import { InPlaceInteractionContextComponent } from '../../inplace-interaction-context/in-place-interaction-context.component';
+import { InlineEditorModel } from './inline-editor-model';
+/**
+ * @example
+ * const source: ValueModel<string> = ...;
+ * const model = InlineEditorModel.create(source, {
+ *   save(updated:string, context: EditContext) => {
+ *      try {
+ *        try and save the thing...
+ *      } catch(error) {
+ *        context.injectError(error)
+ *      }
+ * }).validateUsing(Validator.present("We'll need a value");
+ *
+ * # in the view
+ * <aup-inline-string-editor
+ *       label="My field"
+ *       placeHolder="I'm ready for a string..."
+ *       [editorModel]="model"></aup-inline-string-editor>
+ */
+export declare class InlineStringEditorComponent extends DisposableComponent implements OnInit {
+    editorModel: InlineEditorModel<string>;
+    facesModel: ValueModel<InlineStringEditorComponent.Faces>;
+    faces: InlineStringEditorComponent.Faces;
+    interactionContext: InPlaceInteractionContextComponent<any, any, any>;
+    label: string;
+    placeHolder: string;
+    placeHolderModel: ValueModel<string>;
+    readonly description: ValueModelChain<string>;
+    empty: BooleanValueModelChain;
+    readonly editCommand: Command<void>;
+    displayValue: ValueModelChain<string>;
+    readonly editFaceModel: ValueModelChain<CommandFace>;
+    readonly saveFace: ValueModelChain<CommandFace>;
+    readonly cancelFace: ValueModelChain<CommandFace>;
+    readonly editingEnabled: DelegatingValueModel<boolean>;
+    constructor(interactionService: InteractionService);
+    ngOnInit(): void;
+    private createInputActivityData;
+    cancelEdit(): void;
+    startEdit(): void;
+    private isEditing;
+    isEmpty(): boolean;
+}
+export declare namespace InlineStringEditorComponent {
+    interface Faces {
+        edit?: CommandFace;
+        save?: CommandFace;
+        cancel?: CommandFace;
+    }
+    const DEFAULT_FACES: Faces;
+}

package/lib/interaction/components/inplace-interaction-context/in-place-interaction-context.component.d.ts

@@ -29,6 +29,7 @@ export declare class InPlaceInteractionContextComponent<D, R, E> extends Disposa
      */
     animateFirstActivity: boolean;
     get animationDuration(): string;
+    get active(): boolean;
     constructor(interactionService: InteractionService, tabConfig: MatTabsConfig);
     ngAfterViewInit(): void;
     initialise(id: string, api: InteractionService.Api): void;
@@ -38,6 +39,7 @@ export declare class InPlaceInteractionContextComponent<D, R, E> extends Disposa
     confirm(confirm: Confirm): Promise<boolean>;
     confirmOrReject(confirm: Confirm): Promise<void>;
     confirmThen<D1, R1, E1>(confirm: Confirm, activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1>;
+    confirmThenExecute<R1>(confirm: Confirm, operation: (interactionContext: InteractionContext) => (Promise<R1> | R1)): Promise<R1>;
     isActive(): boolean;
     startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1, options?: InteractionContext.Options): Promise<R1>;
 }

package/lib/interaction/components/input-activities/input-activity.d.ts

@@ -0,0 +1,41 @@
+import { Command, Form, Validator } from '@coolon/pectin';
+import { Enum } from 'typescript-string-enums';
+import { CommandFace } from '../../../components/commands/command-face';
+import { Activity } from '../../activity';
+export declare class InputActivity<T, D extends InputActivity.Data<T> = InputActivity.Data<T>> extends Activity<D, T> {
+    readonly data: D;
+    readonly confirmCommand: Command<void>;
+    readonly cancelCommand: Command<void>;
+    readonly valueModel: Form.ValueModelBase<T>;
+    class: string;
+    readonly confirmFace: CommandFace;
+    readonly cancelFace: CommandFace;
+    get layout(): InputActivity.Layout;
+    constructor(data: D);
+    onActivityReady(): void;
+    get additionalCssClassName(): string;
+    onEscape(): void;
+    shouldCancelOnEscape(): boolean;
+}
+export declare namespace InputActivity {
+    const Layout: {
+        INLINE: "inline";
+        BLOCK: "block";
+    };
+    type Layout = Enum<typeof Layout>;
+    interface Context {
+        injectError(error: string): any;
+    }
+    interface Data<T> {
+        initialValue: T;
+        label?: string;
+        placeholder?: string;
+        layout?: InputActivity.Layout;
+        confirmFace?: CommandFace;
+        cancelFace?: CommandFace;
+        validators?: Validator<T>[];
+        cancelOnEscape?: boolean;
+        cssClassName?: string;
+        save?(valueModel: T, interactionContext?: Context): void | Promise<void>;
+    }
+}

package/lib/interaction/components/input-activities/select-input-activity.d.ts

@@ -1,7 +1,15 @@
-import { AbstractInputActivity } from './abstract-input-activity';
-import { SelectInputActivityData } from './select-input-activity-data';
-export declare class SelectInputActivity<T> extends AbstractInputActivity<T, SelectInputActivityData<T>> {
+import { ListModel } from '@coolon/pectin';
+import { InputActivity } from './input-activity';
+export declare class SelectInputActivity<T> extends InputActivity<T, SelectInputActivity.Data<T>> {
     readonly defaultOptionLabelFormat: (option: T) => T | T[keyof T];
     get optionLabelFormat(): (option: T) => any;
     get options(): T[];
 }
+export declare namespace SelectInputActivity {
+    interface Data<T> extends InputActivity.Data<T> {
+        options?: T[];
+        optionsModel?: ListModel<T>;
+        optionLabel?: keyof T;
+        optionLabelFormat?: (option: T) => any;
+    }
+}

package/lib/interaction/components/input-activities/string-input-activity.d.ts

@@ -1,3 +1,7 @@
-import { AbstractInputActivity } from './abstract-input-activity';
-export declare class StringInputActivity extends AbstractInputActivity<string> {
+import { InputActivity } from './input-activity';
+export declare class StringInputActivity extends InputActivity<string> {
+}
+export declare namespace StringInputActivity {
+    interface Data extends InputActivity.Data<String> {
+    }
 }

package/lib/interaction/exports.d.ts

@@ -8,8 +8,9 @@ export * from "./alert";
 export * from "./confirm";
 export * from "./interaction-context";
 export * from "./interaction.module";
-export * from "./result";
 export * from "./route-synchronisation-adapter";
+export * from "./components/abstract-confirm-dialog.component";
+export * from "./components/abstract-dialog.component";
 export * from "./components/activity-actions/activity-actions.component";
 export * from "./components/activity-body/activity-body.component";
 export * from "./components/activity-container/activity-container.component";
@@ -19,14 +20,17 @@ export * from "./components/activity-triggers/abstract-activity-trigger.componen
 export * from "./components/activity-triggers/inline-activity-trigger/inline-activity-trigger.component";
 export * from "./components/activity-triggers/modal-activity-trigger/modal-activity-trigger.component";
 export * from "./components/activity-triggers/popup-activity-trigger/popup-activity-trigger.component";
+export * from "./components/add-card-activity/add-card-activity.component";
 export * from "./components/add-item-interaction-context/add-item-interaction-context.component";
 export * from "./components/alert-dialog/alert-dialog.component";
 export * from "./components/confirm-then-dialog/confirm-then-dialog.component";
+export * from "./components/confirm-then-execute-dialog/confirm-then-execute-dialog.component";
 export * from "./components/confirmation-dialog/confirmation-dialog.component";
+export * from "./components/editors/edit-context";
+export * from "./components/editors/inline-string-editor/inline-editor-model";
+export * from "./components/editors/inline-string-editor/inline-string-editor.component";
 export * from "./components/inplace-interaction-context/in-place-interaction-context.component";
-export * from "./components/input-activities/abstract-input-activity";
-export * from "./components/input-activities/input-activity-data";
-export * from "./components/input-activities/select-input-activity-data";
+export * from "./components/input-activities/input-activity";
 export * from "./components/input-activities/select-input-activity";
 export * from "./components/input-activities/string-input-activity";
 export * from "./components/popup-interaction-context/popup-interaction-context.component";

package/lib/interaction/interaction-context.d.ts

@@ -11,6 +11,7 @@ export interface InteractionContext extends Disposable, Disposable.Collector {
     alert(alert: Alert): Promise<void>;
     confirmOrReject(confirm: Confirm): Promise<void>;
     confirmThen<D, R, E>(confirm: Confirm, activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R>;
+    confirmThenExecute<R>(confirm: Confirm, operation: (interactionContext: InteractionContext) => R | Promise<R>): Promise<R>;
 }
 export declare namespace InteractionContext {
     interface Options {

package/lib/place/place-component.d.ts

@@ -22,7 +22,12 @@ export declare class PlaceComponent extends DisposableComponent {
     initialiseVisit(visit: Visit, notifyVisitChanged: (current: Visit, previous: Visit) => void): void;
     updateVisit(visit: Visit): void;
     isInitialised(): boolean;
-    private installBinding;
+    /**
+     * Initialised the component bindings.  If any binding has an initial model value (e.g. a selection model
+     * initialised during the constructor) and the route has nothing, then the visit will be udpated and this
+     * method will return ture to nofiy the the visit has changed.
+     */
+    private installAndInitialiseBinding;
     get placeDefinition(): PlaceDefinition;
     get active(): ValueModel<boolean>;
     /**

package/lib/place/place-router.d.ts

@@ -43,10 +43,10 @@ export declare class PlaceRouter extends GarbageCollector {
     onRouterCancelled(event: NavigationCancel): void;
     onRouterError(event: NavigationError): void;
     onRouterEnd(event: NavigationEnd): void;
-    navigate(visit: Visit, options?: {
+    navigate(visit: Visit | Visit[], options?: {
         relativeTo: ActivatedRoute;
     }): Promise<void>;
-    doNavigation(visit: Visit, runNavigationCommands: (router: Router) => any): Promise<void>;
+    doNavigation(visit: Visit | Visit[], runNavigationCommands: (router: Router) => any): Promise<void>;
     navigateByUrl(urlSnapshot: UrlSnapshot, navigationExtras?: NavigationExtras): Promise<boolean>;
     get activeVisits(): ListModel<Visit>;
     pushVisitChangesToRoute(previous: Visit, next: Visit): Promise<void>;

package/lib/services/exports.d.ts

@@ -2,3 +2,5 @@
  * @file Automatically generated by barrelsby.
  */
 export * from "./visibility-service";
+export * from "./markdown/markdown.service";
+export * from "./markdown/pill-plugin";

package/lib/services/markdown/markdown.service.d.ts

@@ -0,0 +1,6 @@
+export declare class MarkdownService {
+    constructor();
+    render(content: string): string;
+    renderInline(content: string): string;
+    usePillExtension(renderer?: (content: string) => string): void;
+}

package/lib/services/markdown/pill-plugin.d.ts

@@ -0,0 +1,15 @@
+import { marked } from 'marked';
+import RendererThis = marked.RendererThis;
+import TokenizerThis = marked.TokenizerThis;
+import Tokens = marked.Tokens;
+export declare const markdownPillExtension: (renderPill: (text: string) => string) => {
+    name: string;
+    level: string;
+    start: (src: string) => number;
+    tokenizer: (this: TokenizerThis, src: string) => {
+        type: string;
+        raw: string;
+        text: string;
+    };
+    renderer: (this: RendererThis, token: Tokens.Generic) => string;
+};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "12.4.0-alpha.8",
+  "version": "12.4.0-alpha.80",
   "schematics": "./schematics/collection.json",
   "dependencies": {
-    "@coolon/typescript-utilities": "^2.2.0",
+    "@coolon/typescript-utilities": "^2.3.0",
     "typescript-string-enums": "^1.0.0",
     "@typescript-plus/fast-memoize-decorator": "^0.1.0",
     "json5": "^2.1.0",
@@ -14,25 +14,26 @@
     "@fortawesome/free-solid-svg-icons": "^5.15.2",
     "@fortawesome/fontawesome-free": "5.15.3",
     "resize-observer-polyfill": "^1.5.1",
-    "tslib": "^2.1.0"
+    "marked": "4.0.2",
+    "tslib": "^2.2.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^12.0.3",
-    "@angular/cdk": "^12.0.3",
-    "@angular/common": "^12.0.3",
-    "@angular/compiler": "^12.0.3",
-    "@angular/core": "^12.0.3",
-    "@angular/flex-layout": "^12.0.0-beta.34",
-    "@angular/forms": "^12.0.3",
-    "@angular/material": "^12.0.3",
-    "@angular/material-moment-adapter": "^12.0.3",
-    "@angular/platform-browser": "^12.0.3",
-    "@angular/platform-browser-dynamic": "^12.0.3",
-    "@angular/router": "^12.0.3",
+    "@angular/animations": "^12.2.9",
+    "@angular/cdk": "^12.2.9",
+    "@angular/common": "^12.2.9",
+    "@angular/compiler": "^12.2.9",
+    "@angular/core": "^12.2.9",
+    "@angular/flex-layout": "^12.0.0-beta.35",
+    "@angular/forms": "^12.2.9",
+    "@angular/material": "^12.2.9",
+    "@angular/material-moment-adapter": "^12.2.9",
+    "@angular/platform-browser": "^12.2.9",
+    "@angular/platform-browser-dynamic": "^12.2.9",
+    "@angular/router": "^12.2.9",
     "rxjs": "~6.6.3",
     "reflect-metadata": "^0.1.13",
     "zone.js": "~0.11.4",
-    "@coolon/pectin": ">=3.13.2"
+    "@coolon/pectin": ">=3.16.1"
   },
   "main": "bundles/coolon-angular-ui-powerups.umd.js",
   "module": "fesm2015/coolon-angular-ui-powerups.js",

package/schematics/activity/index.js

@@ -8,7 +8,7 @@ const workspace_1 = require("../utils/workspace");
 function addActivity(_options) {
     return (tree, context) => {
         const workspace = workspace_1.Workspace.load(tree, context);
-        const buildContext = workspace.getApplication(_options.project);
+        const buildContext = workspace.getProject(_options.project);
         const nameParts = _options.name.split('/');
         const componentName = nameParts[nameParts.length - 1];
         const componentPathParts = nameParts.slice(0, nameParts.length - 1);

package/schematics/activity/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/activity/index.ts"],"names":[],"mappings":";;;AAAA,2DAAoG;AACpG,uEAAuD;AACvD,oEAA0E;AAC1E,kDAA+C;AAI/C,SAAgB,WAAW,CAAC,QAAgB;IAE1C,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAE/C,MAAM,SAAS,GAAG,qBAAS,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,YAAY,GAAG,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEhE,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACtD,MAAM,kBAAkB,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACpE,MAAM,gBAAgB,GAAG,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAElF,kHAAkH;QAClH,MAAM,YAAY,GAAG,8BAAiB,CAAC,qBAAqB,EAAE,WAAW,EAAE;YACzE,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,IAAI,EAAE,QAAQ,CAAC,IAAI;SACpB,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,QAAQ,kBAAkB,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,8BAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QAExI,MAAM,cAAc,GAAG,gDAA2B,CAChD,IAAI,EACJ,qBAAqB,EACrB;YACE,IAAI,EAAE,aAAa;YACnB,cAAc,EAAE,YAAY,CAAC,cAAc;YAC3C,UAAU,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YACrD,aAAa;SACd,EACD,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,aAAa,EAAE,CACnD,CAAC;QAGF,OAAO,kBAAK,CAAC,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAE9D,CAAC,CAAC;AAEJ,CAAC;AArCD,kCAqCC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/activity/index.ts"],"names":[],"mappings":";;;AAAA,2DAAoG;AACpG,uEAAuD;AACvD,oEAA0E;AAC1E,kDAA+C;AAI/C,SAAgB,WAAW,CAAC,QAAgB;IAE1C,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAE/C,MAAM,SAAS,GAAG,qBAAS,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAEhD,MAAM,YAAY,GAAG,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAE5D,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACtD,MAAM,kBAAkB,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACpE,MAAM,gBAAgB,GAAG,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAElF,kHAAkH;QAClH,MAAM,YAAY,GAAG,8BAAiB,CAAC,qBAAqB,EAAE,WAAW,EAAE;YACzE,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,IAAI,EAAE,QAAQ,CAAC,IAAI;SACpB,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,QAAQ,kBAAkB,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,8BAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QAExI,MAAM,cAAc,GAAG,gDAA2B,CAChD,IAAI,EACJ,qBAAqB,EACrB;YACE,IAAI,EAAE,aAAa;YACnB,cAAc,EAAE,YAAY,CAAC,cAAc;YAC3C,UAAU,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YACrD,aAAa;SACd,EACD,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,aAAa,EAAE,CACnD,CAAC;QAGF,OAAO,kBAAK,CAAC,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAE9D,CAAC,CAAC;AAEJ,CAAC;AAtCD,kCAsCC"}

package/schematics/activity/templates/component/__name@dasherize__.component.html.template

@@ -1,4 +1,4 @@
-<aup-activity-title><%=name%></aup-activity-title>
+<aup-activity-title>{{i18n.title()}}</aup-activity-title>
 <aup-activity-body>
   <p><%=name%> works!</p>
 </aup-activity-body>

package/schematics/activity/templates/component/__name@dasherize__.component.ts.template

@@ -8,11 +8,11 @@ import { I18n } from '<%=pathToRoot%>/i18n';
   templateUrl: './<%=dasherize(name)%>.component.html',
   styleUrls: ['./<%=dasherize(name)%>.component.scss'],
 })
-export class <%=capitalize(camelize(name))%>Component extends Activity<<%=capitalize(camelize(name))%>.Data, void> implements OnInit {
+export class <%=capitalize(camelize(name))%>Component extends Activity<<%=capitalize(camelize(name))%>Component.Data, void> implements OnInit {
 
   readonly i18n = <%=i18nNamespace%>;
 
-  constructor(@Inject(ACTIVITY_DATA) private readonly data: <%=capitalize(camelize(name))%>.Data) {
+  constructor(@Inject(ACTIVITY_DATA) private readonly data: <%=capitalize(camelize(name))%>Component.Data) {
     super();
     const {chain} = Dsl.disposeWith(this);
 
@@ -22,6 +22,8 @@ export class <%=capitalize(camelize(name))%>Component extends Activity<<%=capita
     this.cancelCommand = Command.create(() => {
        this.cancel();
     });
+
+    this.busyWhile(this.confirmCommand.busy);
   }
 
   ngOnInit() {
@@ -29,7 +31,7 @@ export class <%=capitalize(camelize(name))%>Component extends Activity<<%=capita
 
 }
 
-export namespace <%=capitalize(camelize(name))%> {
+export namespace <%=capitalize(camelize(name))%>Component {
   export interface Data {
   }
 }

package/schematics/aup-i18n/index.js

@@ -9,7 +9,7 @@ const package_util_1 = require("../package-util");
 function run(_options) {
     return (tree, _context) => {
         const workspace = workspace_1.Workspace.load(tree, _context);
-        const buildContext = workspace.getApplicationOrDefault(_options.project);
+        const buildContext = workspace.getProject(_options.project);
         const templateSource = applyWithOverwrite(schematics_1.url('./templates'), [
             schematics_1.applyTemplates(Object.assign(Object.assign({}, _options), core_1.strings)),
             schematics_1.move(buildContext.sourceRoot)