@coolon/angular-ui-powerups 2.0.0-alpha.17 → 2.0.0-alpha.19

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

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { ErrorStateMatcher } from '@angular/material/core';
-import { Command, FocusManager, ListModel, ValueModel } from '@coolon/pectin';
+import { Command, Disposable, EventListenerList, FocusManager, ListModel, ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
 interface InputModel<T> {
     value: T;
@@ -9,7 +9,8 @@ interface InputModel<T> {
     focusContext: FocusManager.Context;
 }
 export declare class AbstractInputComponent<T> extends DisposableComponent implements OnInit {
-    protected inputModel: InputModel<T>;
+    protected onValueEditedListeners: EventListenerList<(is: T, was: T) => void>;
+    protected formValueModel: InputModel<T>;
     label: string;
     userFloatLabel: 'auto' | 'always' | 'never';
     hint: string;
@@ -42,5 +43,10 @@ export declare class AbstractInputComponent<T> extends DisposableComponent imple
     get focusContext(): FocusManager.Context;
     get floatLabel(): 'auto' | 'always' | 'never';
     get showHint(): boolean;
+    /**
+     * Invokes the callback when this components value is changed by a user edit.
+     * @param callback
+     */
+    onValueEdited(callback: (is: T, was: T) => void): Disposable;
 }
 export {};

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

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { Form, IMutableListModel } from '@coolon/pectin';
+import { Form, IMutableListModel, MutableListModel } from '@coolon/pectin';
 import { AbstractInputComponent } from './abstract-input.component';
 export declare class AbstractListInputComponent<T> extends AbstractInputComponent<T[]> implements OnInit {
     listModel: Form.ListModelBase<T> | IMutableListModel<T>;
@@ -13,7 +13,8 @@ export declare class AbstractListInputComponent<T> extends AbstractInputComponen
      * friendly delegate.  We have to use an existing delegate for union types as pectin just
      * gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).
      */
-    readonly inputModel: Form.DelegatingListModel<T>;
+    protected readonly formValueModel: Form.DelegatingListModel<T>;
+    readonly componentListModel: MutableListModel<T>;
     private setValueIsInProgress;
     private listHolder;
     set value(value: T[]);

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

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { Form, Guard, IMutableValueModel } from '@coolon/pectin';
+import { Form, Guard, IMutableValueModel, MutableValueModel } from '@coolon/pectin';
 import { AbstractInputComponent } from './abstract-input.component';
 export declare class AbstractValueInputComponent<T> extends AbstractInputComponent<T> implements OnInit {
     valueModel: Form.ValueModelBase<T> | IMutableValueModel<T>;
@@ -13,9 +13,10 @@ export declare class AbstractValueInputComponent<T> extends AbstractInputCompone
      * friendly delegate.  We have to use an existing delegate for union types as pectin just
      * gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).
      */
-    readonly inputModel: Form.DelegatingValueModel<T>;
+    protected readonly formValueModel: Form.DelegatingValueModel<T>;
     protected setValueInProgress: Guard;
-    private valueHolder;
+    readonly componentValueModel: MutableValueModel<T>;
+    private plainValueHolder;
     set value(value: T);
     readonly valueChange: EventEmitter<T>;
     constructor();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "2.0.0-alpha.17",
+  "version": "2.0.0-alpha.19",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.0.0",
@@ -15,7 +15,8 @@
     "@angular/flex-layout": "^9.0.0-beta.31",
     "@angular/router": "^9.1.9",
     "rxjs": "~6.5.5",
-    "reflect-metadata": "^0.1.13"
+    "reflect-metadata": "^0.1.13",
+    "zone.js": "~0.10.2"
   },
   "peerDependencies": {
     "@angular/common": "^9.1.9",
@@ -23,7 +24,7 @@
     "@angular/material": "^9.2.4",
     "@angular/animations": "^9.1.9",
     "@angular/cdk": "^9.2.4",
-    "@coolon/pectin": ">=3.0.0-alpha.18",
+    "@coolon/pectin": ">=3.0.0-alpha.27",
     "resize-observer-polyfill": "^1.5.1",
     "@fortawesome/angular-fontawesome": "^0.6.1",
     "@fortawesome/fontawesome-svg-core": "^1.2.28",