@coolon/angular-ui-powerups 13.0.3 → 13.1.0

package/lib/components/forms/abstract-list-input.component.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { Form, MutableListModel } from '@coolon/pectin';
-import { AbstractInputComponent } from './abstract-input.component';
+import { EventEmitter, OnInit } from "@angular/core";
+import { ConvertedFormListModel, Form, MutableListModel } from "@coolon/pectin";
+import { AbstractInputComponent } from "./abstract-input.component";
 import * as i0 from "@angular/core";
 export declare class AbstractListInputComponent<T> extends AbstractInputComponent<T[]> implements OnInit {
-    listModel: Form.ListModelBase<T> | MutableListModel<T>;
+    listModel: Form.ListModelBase<T> | ConvertedFormListModel<T, any> | MutableListModel<T>;
     /**
      * A backing model for all our @Input() valueModel properties which should be defined as follows.
      *

package/lib/components/forms/abstract-value-input.component.d.ts

@@ -1,9 +1,9 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { Form, Guard, MutableValueModel } from '@coolon/pectin';
+import { ConvertedFormValueModel, Form, Guard, MutableValueModel } from "@coolon/pectin";
 import { AbstractInputComponent } from './abstract-input.component';
 import * as i0 from "@angular/core";
 export declare class AbstractValueInputComponent<T> extends AbstractInputComponent<T> implements OnInit {
-    valueModel: Form.ValueModelBase<T> | MutableValueModel<T>;
+    valueModel: Form.ValueModelBase<T> | ConvertedFormValueModel<T, any> | MutableValueModel<T>;
     /**
      * A backing model for all our @Input() valueModel properties which should be defined as follows.
      *

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

@@ -30,11 +30,17 @@ export declare class InPlaceInteractionContextComponent<D, R, E> extends Disposa
      * the activity will replace the existing content immediately.
      */
     animateFirstActivity: boolean;
+    /**
+     * If true the activity will sync with the router to enable back button support.  This is a work around for
+     * deeply nested activities that can't be linked with the root place interactionContext hook for cancelling
+     * active interactions.
+     */
+    syncWithRoutes: boolean;
     get animationDuration(): string;
     get active(): boolean;
     constructor(interactionService: InteractionService, tabConfig: MatTabsConfig);
     ngAfterViewInit(): void;
-    initialise(id: string, api: InteractionService.Api): void;
+    onInplaceInteractionContextRegistered(id: string, api: InteractionService.Api): void;
     get identifier(): string;
     alert(alert: Alert): Promise<void>;
     cancelActiveActivity(): Promise<boolean>;
@@ -45,5 +51,5 @@ export declare class InPlaceInteractionContextComponent<D, R, E> extends Disposa
     isActive(): boolean;
     startActivity<D1, R1, E1>(activityType: Constructable<Activity<D1, R1, E1>>, data?: D1, options?: InteractionContext.Options): Promise<R1>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InPlaceInteractionContextComponent<any, any, any>, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InPlaceInteractionContextComponent<any, any, any>, "aup-in-place-interaction-context", never, { "animateFirstActivity": "animateFirstActivity"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InPlaceInteractionContextComponent<any, any, any>, "aup-in-place-interaction-context", never, { "animateFirstActivity": "animateFirstActivity"; "syncWithRoutes": "syncWithRoutes"; }, {}, never, ["*"]>;
 }

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

@@ -1,5 +1,5 @@
 import { InteractionContext } from './interaction-context';
 import { InteractionService } from './services/interaction.service';
 export interface InPlaceInteractionContext extends InteractionContext {
-    initialise(id: string, api: InteractionService.Api): any;
+    onInplaceInteractionContextRegistered(id: string, api: InteractionService.Api): any;
 }

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

@@ -1,9 +1,9 @@
-import { BooleanValueModelChain, Disposable, GarbageCollector, ListModel, ListModelChain, ValueModel } from '@coolon/pectin';
-import { PlaceRouter } from '../../place/place-router';
+import { BooleanValueModelChain, Disposable, GarbageCollector, ListModel, ListModelChain, ValueModel } from "@coolon/pectin";
+import { PlaceRouter } from "../../place/place-router";
 import { InPlaceInteractionContext } from "../in-place-interaction-context";
-import { InteractionContext } from '../interaction-context';
-import { InteractionServiceRoutingAdapter } from './interaction-service-routing-adapter';
-import { ModalInteractionContextFactory } from './modal-interaction-context.factory';
+import { InteractionContext } from "../interaction-context";
+import { InteractionServiceRoutingAdapter } from "./interaction-service-routing-adapter";
+import { ModalInteractionContextFactory } from "./modal-interaction-context.factory";
 import * as i0 from "@angular/core";
 export declare class InteractionService {
     readonly modelInteractionContextFactory: ModalInteractionContextFactory;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "13.0.3",
+  "version": "13.1.0",
   "schematics": "./schematics/collection.json",
   "peerDependencies": {
     "@angular/common": "^13.2.3",

package/schematics/bootstrap-app/templates/src/app/app.component.ts.template

@@ -9,8 +9,7 @@ import {Dsl} from "@coolon/pectin";
 })
 export class AppComponent extends DisposableComponent {
 
-  readonly places = [
-  ];
+  readonly places: Constructable<PlaceComponent>[] = [];
 
   constructor() {
     super();

package/schematics/bootstrap-app/templates/src/styles.scss.template

@@ -1,13 +1,66 @@
-/* You can add global styles to this file, and also import other style files */
+@use 'sass:map';
+@use '@angular/material' as mat;
+@use '@angular/material/theming';
 
-@use '@angular/material/theming' as ng;
-@use "@coolon/angular-ui-powerups/assets/styles" as aup;
+@use "node_modules/@coolon/angular-ui-powerups/assets/styles" as aup;
 @use "./styles/global-variables";
 
-$primary: ng.mat-palette(ng.$mat-indigo);
-$accent: ng.mat-palette(ng.$mat-pink);
+$success-palette: (
+  50 : #e4feea,
+  100 : #bbfdcc,
+  200 : #8efbaa,
+  300 : #61f987,
+  400 : #3ff86e,
+  500 : #1df754,
+  600 : #1af64d,
+  700 : #15f543,
+  800 : #11f33a,
+  900 : #0af129,
+  A100 : #ffffff,
+  A200 : #e7ffea,
+  A400 : #b4ffbc,
+  A700 : #9bffa5,
+  contrast: (
+    50 : #000000,
+    100 : #000000,
+    200 : #000000,
+    300 : #000000,
+    400 : #000000,
+    500 : #000000,
+    600 : #000000,
+    700 : #000000,
+    800 : #000000,
+    900 : #000000,
+    A100 : #000000,
+    A200 : #000000,
+    A400 : #000000,
+    A700 : #000000,
+  )
+);
+
+$typography: mat.define-typography-config();
+
+$primary: mat.define-palette(mat.$indigo-palette);
+$accent: mat.define-palette(mat.$yellow-palette);
+$warn: mat.define-palette(mat.$red-palette);
+$success: mat.define-palette($success-palette);
+
+$theme: mat.define-light-theme((
+  color: (
+    primary: $primary,
+    accent: $accent,
+    warn: $warn,
+  )
+));
+
+$background: map.get($theme, background);
+$foreground: map.get($theme, foreground);
+
+@include mat.core($typography);
+@include mat.all-component-themes($theme);
+
+@include aup.apply-light-theme($theme, $typography);
 
-@include aup.apply-light-theme($primary, $accent);
 
 @import "./assets/fonts/material-design-icons/material-icons.css";
 
@@ -30,4 +83,3 @@ body {
 body > *:first-child {
   flex: 1;
 }
-