@coolon/angular-ui-powerups 13.0.3 → 13.0.4

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "13.0.3",
+  "version": "13.0.4",
   "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;
 }
-