@coolon/angular-ui-powerups 0.0.26 → 0.0.28

package/src/lib/interaction/components/activity-container/activity-container.component.ts

@@ -1,93 +0,0 @@
-import { AfterViewInit, Component, Input, OnInit, ViewChild } from '@angular/core';
-import { MatTabGroup } from '@angular/material';
-import { Constructable, Dsl, MutableListModel } from '@coolon/pectin';
-import { Deferred } from '@coolon/pectin/lib/promise/deferred.class';
-import { DisposableComponent } from '../../../components/disposable-component';
-
-import { Activity } from '../../activity';
-import { Alert } from '../../alert';
-import { Confirm } from '../../confirm';
-import { InteractionContext } from '../../interaction-context';
-import { ActivityOutletContext } from '../activity-outlet/activity-outlet-context';
-import { AlertDialogComponent } from '../alert-dialog/alert-dialog.component';
-import { ConfirmationDialogComponent } from '../confirmation-dialog/confirmation-dialog.component';
-
-@Component({
-  selector: 'angular-ui-powerups-activity-container',
-  templateUrl: './activity-container.component.html',
-  styleUrls: ['./activity-container.component.scss']
-})
-export class ActivityContainerComponent extends DisposableComponent implements OnInit, AfterViewInit, InteractionContext {
-
-  @Input()
-  parentInteractionContext: InteractionContext;
-
-  @Input()
-  initialActivity: ActivityOutletContext<any, any, any>;
-
-  @ViewChild('tabs', { static: true })
-  tabs: MatTabGroup;
-
-  readonly activityTabs = new MutableListModel<ActivityOutletContext<any, any, any>>();
-  private obsoleteTabs: ActivityOutletContext<any, any, any>[] = [];
-
-  constructor() {
-    super();
-  }
-
-  ngOnInit() {
-  }
-
-  ngAfterViewInit(): void {
-    const { observe } = Dsl.disposeWith(this);
-    observe.valuesFrom(this.tabs.animationDone).subscribe(() => this.cleanUpTabs());
-  }
-
-  initialise<D, R, E>(options: ActivityContainerComponent.ActivityContext<D, R, E>) {
-    this.initialActivity = {
-      ...options,
-      interactionContext: this
-    };
-  }
-
-  startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R> {
-    const deferred = Deferred.defer<R>();
-    const context = {
-      interactionContext: this,
-      activityClass: activityType,
-      activityData: data,
-      onDone: deferred.resolve,
-      onCancel: deferred.reject
-    };
-    this.activityTabs.push(context);
-    this.tabs.selectedIndex = this.activityTabs.length;
-    return deferred.promise.finally(() => {
-      this.obsoleteTabs.push(context);
-      this.tabs.selectedIndex = this.activityTabs.length - 1;
-    });
-  }
-
-  alert(alert: Alert): Promise<void> {
-    return this.startActivity(AlertDialogComponent, alert);
-  }
-
-  confirm(confirm: Confirm): Promise<boolean> {
-    return this.startActivity(ConfirmationDialogComponent, confirm);
-  }
-
-  private cleanUpTabs() {
-    this.activityTabs.value = this.activityTabs.value.filter(tab => {
-      return !this.obsoleteTabs.includes(tab);
-    });
-  }
-}
-
-export namespace ActivityContainerComponent {
-
-  export interface ActivityContext<D, R, E> {
-    activityClass: Constructable<Activity<D, R, E>>,
-    activityData: D,
-    onDone: (result: R) => void,
-    onCancel: (error: E) => void,
-  }
-}

package/src/lib/interaction/components/activity-outlet/activity-outlet.component.scss

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/src/lib/interaction/components/activity-outlet/activity-outlet.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ActivityOutletComponent } from './activity-outlet.component';
-
-describe('PortalOutletComponentComponent', () => {
-  let component: ActivityOutletComponent;
-  let fixture: ComponentFixture<ActivityOutletComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ActivityOutletComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ActivityOutletComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/interaction/components/activity-outlet/activity-outlet.component.ts

@@ -1,96 +0,0 @@
-import {
-  AfterViewInit,
-  Component,
-  ComponentFactoryResolver,
-  ComponentRef,
-  Injector,
-  Input,
-  OnInit,
-  ViewContainerRef
-} from '@angular/core';
-import { Constructable, lang } from '@coolon/pectin';
-import { Activity, ACTIVITY_DATA } from '../../activity';
-import { Alert } from '../../alert';
-import { Confirm } from '../../confirm';
-import { InteractionContext } from '../../interaction-context';
-import { ActivityOutletContext } from './activity-outlet-context';
-
-@Component({
-  selector: 'angular-ui-powerups-activity-outlet',
-  template: '',
-  styleUrls: ['./activity-outlet.component.scss']
-})
-export class ActivityOutletComponent<D, R, E> implements OnInit, InteractionContext {
-
-  @Input()
-  interactionContext: InteractionContext;
-
-  @Input()
-  set activityContext(activityContext: ActivityOutletContext<D, R, E>) {
-    this.loadActivity(activityContext);
-  };
-
-  private activityComponent: ComponentRef<Activity<D, R, E>>;
-
-  constructor(
-    private componentFactoryResolver: ComponentFactoryResolver,
-    private viewContainerRef: ViewContainerRef,
-    private injector: Injector
-  ) {
-  }
-
-  ngOnInit() {
-  }
-
-  loadActivity(activityContext: ActivityOutletContext<D, R, E>) {
-    const injector = Injector.create({
-      providers: [
-        {
-          provide: InteractionContext,
-          useValue: this
-        },
-        { provide: ACTIVITY_DATA, useValue: activityContext.activityData }
-      ],
-      parent: this.injector
-    });
-    const componentFactory = this.componentFactoryResolver.resolveComponentFactory(activityContext.activityClass);
-    this.viewContainerRef.clear();
-    this.activityComponent = this.viewContainerRef.createComponent(componentFactory, 0, injector);
-    this.activityComponent.instance.onDone(activityContext.onDone);
-    this.activityComponent.instance.onCancel(activityContext.onCancel);
-  }
-
-  alert(alert: Alert): Promise<void> {
-    return this.interactionContext.alert(alert);
-  }
-
-  confirm(confirm: Confirm): Promise<boolean> {
-    return this.interactionContext.confirm(confirm);
-  }
-
-  startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {
-    return this.interactionContext.startActivity(activityType, data);
-  }
-}
-
-export namespace ActivityOutletComponent {
-
-  export class OutletInteractionContext<D, R, E> implements InteractionContext {
-
-    constructor(private readonly context: ActivityOutletContext<D, R, E>) {
-    }
-
-    alert(alert: Alert): Promise<void> {
-      return lang.notImplemented();
-    }
-
-    confirm(confirm: Confirm): Promise<boolean> {
-      return lang.notImplemented();
-    }
-
-    startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1): Promise<R1> {
-      return lang.notImplemented();
-    }
-  }
-
-}

package/src/lib/interaction/components/alert-dialog/alert-dialog.component.html

@@ -1,7 +0,0 @@
-<h3 matDialogTitle *ngIf="alert.title">{{alert.title()}}</h3>
-<div matDialogContent>
-  <p *ngFor="let line of alert.content()">{{line}}</p>
-</div>
-<p matDialogActions>
-  <button mat-raised-button color="primary" (click)="done()">{{alert.ok()}}</button>
-</p>

package/src/lib/interaction/components/alert-dialog/alert-dialog.component.scss

@@ -1,7 +0,0 @@
-:host {
-  display: block;
-  padding: var(--angular-ui-powerups-default-padding);
-}
-.mat-dialog-actions {
-  justify-content: flex-end;
-}

package/src/lib/interaction/components/alert-dialog/alert-dialog.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AlertDialogComponent } from './alert-dialog.component';
-
-describe('ConfirmationDialogComponent', () => {
-  let component: AlertDialogComponent;
-  let fixture: ComponentFixture<AlertDialogComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ AlertDialogComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(AlertDialogComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,20 +0,0 @@
-import { Component, Inject, OnInit } from '@angular/core';
-import { AbstractActivity } from '../../abstract-activity';
-import { ACTIVITY_DATA } from '../../activity';
-import { Alert } from '../../alert';
-
-@Component({
-  selector: 'angular-ui-powerups-alert-dialog',
-  templateUrl: './alert-dialog.component.html',
-  styleUrls: ['./alert-dialog.component.scss']
-})
-export class AlertDialogComponent extends AbstractActivity<Alert, void> implements OnInit {
-
-  constructor(@Inject(ACTIVITY_DATA) readonly alert: Alert) {
-    super();
-  }
-
-  ngOnInit() {
-  }
-
-}

package/src/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.html

@@ -1,9 +0,0 @@
-<h3 matDialogTitle *ngIf="confirm.title">{{confirm.title()}}</h3>
-<div matDialogContent>
-  <p *ngFor="let line of confirm.content()">{{line}}</p>
-</div>
-<p matDialogActions>
-  <button mat-button (click)="cancel()">{{confirm.cancel()}}</button>
-  <button mat-raised-button [color]="isDestructive() ? 'warn' : 'primary'" (click)="done(true)">{{confirm.ok()}}</button>
-</p>
-

package/src/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.scss

@@ -1,8 +0,0 @@
-:host {
-  display: block;
-  padding: var(--angular-ui-powerups-default-padding);
-}
-
-.mat-dialog-actions {
-  justify-content: flex-end;
-}

package/src/lib/interaction/components/confirmation-dialog/confirmation-dialog.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ConfirmationDialogComponent } from './confirmation-dialog.component';
-
-describe('ConfirmationDialogComponent', () => {
-  let component: ConfirmationDialogComponent;
-  let fixture: ComponentFixture<ConfirmationDialogComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ ConfirmationDialogComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ConfirmationDialogComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

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

@@ -1,26 +0,0 @@
-import { Component, Inject, OnInit } from '@angular/core';
-import { assert } from '@coolon/pectin';
-import { AbstractActivity } from '../../abstract-activity';
-import { ACTIVITY_DATA } from '../../activity';
-import { Confirm } from '../../confirm';
-
-@Component({
-  selector: 'angular-ui-powerups-confirmation-dialog',
-  templateUrl: './confirmation-dialog.component.html',
-  styleUrls: ['./confirmation-dialog.component.scss']
-})
-export class ConfirmationDialogComponent extends AbstractActivity<Confirm, boolean> implements OnInit {
-
-  constructor(@Inject(ACTIVITY_DATA) readonly confirm: Confirm) {
-    super();
-    assert.notNil(confirm);
-    console.log(confirm);
-  }
-
-  ngOnInit() {
-  }
-
-  isDestructive(): boolean {
-    return this.confirm.destructive && this.confirm.destructive();
-  }
-}

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

@@ -1,16 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { Constructable } from '@coolon/pectin';
-import { Activity } from './activity';
-import { Alert } from './alert';
-import { Confirm } from './confirm';
-
-export const INTERACTION_CONTEXT = new InjectionToken<any>('InteractionContext');
-
-export abstract class InteractionContext {
-
-  abstract startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R>;
-
-  abstract confirm(confirm: Confirm): Promise<boolean>;
-
-  abstract alert(alert: Alert): Promise<void>;
-}

package/src/lib/interaction/interaction.module.ts

@@ -1,35 +0,0 @@
-import { PortalModule } from '@angular/cdk/portal';
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { MatButtonModule, MatDialogModule, MatTabsModule } from '@angular/material';
-import { ActivityContainerComponent } from './components/activity-container/activity-container.component';
-import { AlertDialogComponent } from './components/alert-dialog/alert-dialog.component';
-import { ConfirmationDialogComponent } from './components/confirmation-dialog/confirmation-dialog.component';
-import { ActivityOutletComponent } from './components/activity-outlet/activity-outlet.component';
-import { DialogInteractionService } from './services/dialog-interaction.service';
-
-@NgModule({
-  imports: [
-    CommonModule,
-    MatButtonModule,
-    MatDialogModule,
-    MatTabsModule,
-    PortalModule
-  ],
-  declarations: [
-    ActivityContainerComponent,
-    ConfirmationDialogComponent,
-    AlertDialogComponent,
-    ActivityOutletComponent
-  ],
-  entryComponents: [
-    ActivityContainerComponent,
-    ConfirmationDialogComponent,
-    AlertDialogComponent
-  ],
-  providers: [
-    DialogInteractionService
-  ]
-})
-export class InteractionModule {
-}

package/src/lib/interaction/result.ts

@@ -1,16 +0,0 @@
-export interface Result<R, E> {
-  // catch(callback: (error: E) => void): Result<R,E>;
-}
-
-export namespace Result {
-  export interface Callback<R,E> {
-    then: <T>(result:R)=>T;
-    catch: <T>(result:E)=>T;
-  }
-
-}
-
-// const r:Result<string, number> = null;
-
-// r.catch(e => {}).then();
-

package/src/lib/interaction/services/dialog-interaction.service.scss

@@ -1,11 +0,0 @@
-// this is currently imported by styles.scss in the project root.
-.dialog-interaction-service {
-  max-width: 95vw !important;
-  max-height: 95vh !important;
-
-  mat-dialog-container {
-    max-width: 95vw !important;
-    max-height: 95vh !important;
-    padding: 0;
-  }
-}

package/src/lib/interaction/services/dialog-interaction.service.spec.ts

@@ -1,12 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { DialogInteractionService } from './dialog-interaction.service';
-
-describe('DialogInteractionService', () => {
-  beforeEach(() => TestBed.configureTestingModule({}));
-
-  it('should be created', () => {
-    const service: DialogInteractionService = TestBed.get(DialogInteractionService);
-    expect(service).toBeTruthy();
-  });
-});

package/src/lib/interaction/services/dialog-interaction.service.ts

@@ -1,63 +0,0 @@
-import { Injectable } from '@angular/core';
-import { MatDialog, MatDialogRef } from '@angular/material';
-import { Constructable } from '@coolon/pectin';
-import { Activity } from '../activity';
-import { Alert } from '../alert';
-import { ActivityContainerComponent } from '../components/activity-container/activity-container.component';
-import { AlertDialogComponent } from '../components/alert-dialog/alert-dialog.component';
-import { ConfirmationDialogComponent } from '../components/confirmation-dialog/confirmation-dialog.component';
-import { Confirm } from '../confirm';
-import { InteractionContext } from '../interaction-context';
-import { assert } from '@coolon/typescript-utilities';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class DialogInteractionService extends InteractionContext {
-
-  constructor(private readonly dialogService: MatDialog) {
-    super();
-    assert.notNil(dialogService);
-  }
-
-  startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data?: D): Promise<R> {
-    return this._startActivity(activityType, data);
-  }
-
-  private _startActivity<D, R, E>(activityType: Constructable<Activity<D, R, E>>, data: D, disableClose: boolean = true) {
-    const config = {
-      data,
-      disableClose,
-      panelClass: 'dialog-interaction-service',
-      autoFocus: false
-    };
-    const matDialogRef = this.dialogService.open(ActivityContainerComponent, config) as MatDialogRef<ActivityContainerComponent>;
-    return new Promise<R>((resolve, reject) => {
-      const activityContainer = matDialogRef.componentInstance;
-      activityContainer.parentInteractionContext = this;
-      activityContainer.initialise({
-        activityClass: activityType,
-        activityData: data,
-        onDone(result) {
-          resolve(result);
-          matDialogRef.close(result);
-        },
-        onCancel(error) {
-          reject(error);
-          matDialogRef.close(error);
-        }
-      });
-
-      matDialogRef.updateSize();
-    });
-  }
-
-  alert(alert: Alert): Promise<void> {
-    return this._startActivity(AlertDialogComponent, alert, false);
-  }
-
-  confirm(confirm: Confirm): Promise<boolean> {
-    return this._startActivity(ConfirmationDialogComponent, confirm, true);
-  }
-
-}

package/src/lib/place/abstract-place-component.ts

@@ -1,33 +0,0 @@
-import { ActivatedRoute, Router } from '@angular/router';
-
-import { Constructable, DelegatingValueModel, MutableValueModel, UseDelegate } from '@coolon/pectin';
-import { Memoize } from '@typescript-plus/fast-memoize-decorator';
-import { DisposableComponent } from '../components/disposable-component';
-import { PlaceComponent } from './place-component';
-import { Place } from './place.decorator';
-import { RouteParameterBindings } from './route/route-parameter-bindings';
-
-export class AbstractPlaceComponent extends DisposableComponent implements PlaceComponent {
-
-  @UseDelegate()
-  readonly titleModel: MutableValueModel<string>;
-
-  private routeBindingMediator: RouteParameterBindings;
-
-  constructor(protected activatedRoute: ActivatedRoute, router: Router) {
-    super();
-    this.routeBindingMediator = this.registerDisposable(new RouteParameterBindings(this, router, activatedRoute));
-    // See https://coolon.atlassian.net/browse/PEC-59
-    (this.titleModel as unknown as DelegatingValueModel<string>).setDefault(this.placeConfig.title);
-  }
-
-  @Memoize()
-  get placeConfig(): Place.Descriptor {
-    return Place.getDescriptor(this.constructor as any as Constructable<PlaceComponent>);
-  }
-
-  canDeactivate(): boolean | Promise<boolean> {
-    return true;
-  }
-
-}

package/src/lib/place/components/busy-overlay/busy-overlay.component.html

@@ -1,4 +0,0 @@
-<ng-content></ng-content>
-<div class="busy-overlay-backdrop" *ngIf="busyModel.value">
-  <mat-progress-spinner mode="indeterminate" [diameter]="52"></mat-progress-spinner>
-</div>

package/src/lib/place/components/busy-overlay/busy-overlay.component.scss

@@ -1,27 +0,0 @@
-:host {
-  position: relative;
-  //display: grid;
-  //grid-template-columns: 1fr;
-  //grid-template-rows: 1fr;
-}
-
-.busy-overlay-content {
-  //display: grid;
-  //grid-template-columns: 1fr;
-  //grid-template-rows: 1fr;
-  //width: 100%;
-  //height: 100%;
-}
-
-div.busy-overlay-backdrop {
-  position: absolute;
-  background-color: rgba(0,0,0,0.2);
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  display: grid;
-  grid-template-columns: auto;
-  grid-template-rows: auto;
-  place-content: center;
-}

package/src/lib/place/components/busy-overlay/busy-overlay.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BusyOverlayComponent } from './busy-overlay.component';
-
-describe('BusyComponent', () => {
-  let component: BusyOverlayComponent;
-  let fixture: ComponentFixture<BusyOverlayComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ BusyOverlayComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(BusyOverlayComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/place/components/busy-overlay/busy-overlay.component.ts

@@ -1,23 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-import { StoreInValueModel, UseDelegate, ValueModel } from '@coolon/pectin';
-
-@Component({
-  selector: 'angular-ui-powerups-busy-overlay',
-  templateUrl: `./busy-overlay.component.html`,
-  styleUrls: ['./busy-overlay.component.scss']
-})
-export class BusyOverlayComponent implements OnInit {
-
-  @Input() @UseDelegate()
-  busyModel: ValueModel<boolean>;
-
-  @Input() @StoreInValueModel('busyModel')
-  busy: boolean;
-
-  constructor() {
-  }
-
-  ngOnInit() {
-  }
-
-}

package/src/lib/place/components/empty-state/empty-state.component.scss

@@ -1,15 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.container {
-  //display: inline-block;
-  padding: var(--angular-ui-powerups-default-padding);
-  border: 2px dashed rgba(0,0,0,0.2);
-  border-radius: 5px;
-  font-size: 14px;
-  font-weight: 300;
-}