@coolon/angular-ui-powerups 1.20.0 → 2.0.0-alpha.0

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

@@ -1,16 +1,16 @@
 import { OnInit } from '@angular/core';
-import { DelegatingFormListModel } from '@coolon/pectin';
+import { Form } from '@coolon/pectin';
 import { AbstractInputComponent } from './abstract-input.component';
 export declare class AbstractListInputComponent<T> extends AbstractInputComponent<T[]> implements OnInit {
     /**
      * A backing model for all our @Input() valueModel properties which should be defined as follows.
      *
      *    @Input() @TrackExternal({useExisting: "inputModel"})
-     *    valueModel: FormListModel<string> | IMutableListModel<string>;
+     *    valueModel: Form.ListModelBase<string> | IMutableListModel<string>;
      *
      * This approach allows the input to accept plain or form models but all backed by a form
      * 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: DelegatingFormListModel<T>;
+    readonly inputModel: Form.DelegatingListModel<T>;
 }

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

@@ -1,16 +1,16 @@
 import { OnInit } from '@angular/core';
-import { DelegatingFormValueModel } from '@coolon/pectin';
+import { Form } from '@coolon/pectin';
 import { AbstractInputComponent } from './abstract-input.component';
 export declare class AbstractValueInputComponent<T> extends AbstractInputComponent<T> implements OnInit {
     /**
      * A backing model for all our @Input() valueModel properties which should be defined as follows.
      *
      *    @Input() @TrackExternal({useExisting: "inputModel"})
-     *    valueModel: FormValueModel<string> | IMutableValueModel<string>;
+     *    valueModel:  DirtyTrackingForm.ValueModel<string> | IMutableValueModel<string>;
      *
      * This approach allows the input to accept plain or form models but all backed by a form
      * 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: DelegatingFormValueModel<T>;
+    readonly inputModel: Form.DelegatingValueModel<T>;
 }

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

@@ -1,8 +1,8 @@
 import { OnInit } from '@angular/core';
-import { FormValueModel, IMutableValueModel } from '@coolon/pectin';
+import { Form, IMutableValueModel } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 export declare class CheckboxInputComponent extends AbstractValueInputComponent<boolean> implements OnInit {
-    valueModel: FormValueModel<boolean> | IMutableValueModel<boolean>;
+    valueModel: Form.ValueModelBase<boolean> | IMutableValueModel<boolean>;
     color: 'primary' | 'warn' | 'accent';
     labelPosition: 'before' | 'after';
     constructor();

package/lib/components/forms/multiple-select-input/multiple-select-input.component.d.ts

@@ -1,8 +1,8 @@
 import { OnInit, TemplateRef } from '@angular/core';
-import { FormListModel, IMutableListModel, ListModel } from '@coolon/pectin';
+import { Form, IMutableListModel, ListModel } from '@coolon/pectin';
 import { AbstractListInputComponent } from '../abstract-list-input.component';
 export declare class MultipleSelectInputComponent<T = any> extends AbstractListInputComponent<T> implements OnInit {
-    listModel: FormListModel<T> | IMutableListModel<T>;
+    listModel: Form.ListModelBase<T> | IMutableListModel<T>;
     optionsModel: ListModel<T>;
     options: T[];
     optionLabel: keyof T;

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

@@ -1,8 +1,8 @@
 import { OnInit } from '@angular/core';
-import { FormValueModel, IMutableValueModel } from '@coolon/pectin';
+import { Form, IMutableValueModel } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 export declare class NumberInputComponent extends AbstractValueInputComponent<number> implements OnInit {
-    valueModel: FormValueModel<number> | IMutableValueModel<number>;
+    valueModel: Form.ValueModelBase<number> | IMutableValueModel<number>;
     min: number;
     max: number;
     constructor();

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

@@ -1,8 +1,8 @@
 import { OnInit } from '@angular/core';
-import { FormValueModel, IMutableValueModel } from '@coolon/pectin';
+import { Form, IMutableValueModel } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 export declare class PasswordInputComponent extends AbstractValueInputComponent<string> implements OnInit {
-    valueModel: FormValueModel<string> | IMutableValueModel<string>;
+    valueModel: Form.ValueModelBase<string> | IMutableValueModel<string>;
     constructor();
     ngOnInit(): void;
 }

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

@@ -1,8 +1,8 @@
 import { OnInit, TemplateRef } from '@angular/core';
-import { FormValueModel, IMutableValueModel, ListModel } from '@coolon/pectin';
+import { IMutableValueModel, ListModel, Form } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 export declare class SelectInputComponent<T = any> extends AbstractValueInputComponent<T> implements OnInit {
-    valueModel: FormValueModel<T> | IMutableValueModel<T>;
+    valueModel: Form.ValueModelBase<T> | IMutableValueModel<T>;
     optionsModel: ListModel<T>;
     options: T[];
     optionLabel: keyof T;

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

@@ -1,8 +1,8 @@
 import { OnInit } from '@angular/core';
-import { Command, FormValueModel, IMutableValueModel, ValueModel } from '@coolon/pectin';
+import { Command, Form, IMutableValueModel, ValueModel } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 export declare class StringInputComponent extends AbstractValueInputComponent<string> implements OnInit {
-    valueModel: FormValueModel<string> | IMutableValueModel<string>;
+    valueModel: Form.ValueModelBase<string> | IMutableValueModel<string>;
     enableClearModel: ValueModel<boolean>;
     enableClear: boolean;
     readonly clearCommand: Command<void>;

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

@@ -1,8 +1,8 @@
 import { OnInit } from '@angular/core';
-import { FormValueModel, IMutableValueModel } from '@coolon/pectin';
+import { Form, IMutableValueModel } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 export declare class TextInputComponent extends AbstractValueInputComponent<string> implements OnInit {
-    valueModel: FormValueModel<string> | IMutableValueModel<string>;
+    valueModel: Form.ValueModelBase<string> | IMutableValueModel<string>;
     rows: number;
     cols: number;
     constructor();

package/lib/components/icon/icon.component.d.ts

@@ -1,9 +1,8 @@
-import { IconName } from '@fortawesome/fontawesome-common-types';
 export declare class IconComponent {
-    icon: string;
-    constructor();
-    ligature(): string;
-    svgIcon(): string;
-    isFontAwesome(): boolean;
-    fontAwesomeIcon(): IconName;
+    _icon: string;
+    prefix: string;
+    suffix: string;
+    errorMessage: string;
+    set icon(iconName: string);
+    get icon(): string;
 }

package/lib/components/table/cell-editors.d.ts

@@ -1,9 +1,9 @@
-import { FormListModel, FormValueModel, ListModel, ValueModel } from '@coolon/pectin';
+import { Form, ListModel, ValueModel } from '@coolon/pectin';
 export interface CellEditorComponent<T> {
-    valueModel: ValueModel<T> | FormValueModel<T>;
+    valueModel: ValueModel<T> | Form.ValueModelBase<T>;
     requestFocus?(): any;
 }
 export interface CellListEditorComponent<T> {
-    listModel: ListModel<T> | FormListModel<T>;
+    listModel: ListModel<T> | Form.ListModelBase<T>;
     requestFocus?(): any;
 }

package/lib/components/table/column-model.d.ts

@@ -1,6 +1,6 @@
 import { ComponentType } from '@angular/cdk/overlay';
 import { TemplateRef, ViewContainerRef } from '@angular/core';
-import { Command, Form, SelectionModel, Types, UnaryCommand, Validator } from '@coolon/pectin';
+import { Command, DirtyTrackingForm, SelectionModel, Types, UnaryCommand, Validator } from '@coolon/pectin';
 import { CellEditorComponent, CellListEditorComponent } from './cell-editors';
 import { CellEditorPortalRef, CellHeaderPortalRef, CellRendererPortalRef } from './cell-protal-ref';
 import { ColumnTextProperties } from './column-text-properties';
@@ -83,7 +83,7 @@ export declare class CustomValueColumnModel<Row, V> extends ColumnModel<Row> {
     selectRowOnClick(selectOnRowClick: boolean): this;
 }
 export declare class EditorControlColumnModel<Row> extends ColumnModel<Row> {
-    constructor(columnId: string, saveCommand: UnaryCommand<Form<Row>, boolean>, defaults: ColumnModel.Defaults);
+    constructor(columnId: string, saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>, defaults: ColumnModel.Defaults);
     cellRenderer(componentType: ComponentType<{
         row: Row;
         editSession: EditSession<Row>;

package/lib/components/table/edit-row-controls/edit-row-controls.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { Command, Form } from '@coolon/pectin';
+import { Command, DirtyTrackingForm } from '@coolon/pectin';
 import { DisposableComponent } from '../../disposable-component';
 import { EditSession } from '../edit-session';
 export declare class EditRowControls<Row> extends DisposableComponent implements OnInit {
@@ -10,5 +10,5 @@ export declare class EditRowControls<Row> extends DisposableComponent implements
     readonly cancelCommand: Command<void>;
     constructor();
     ngOnInit(): void;
-    get form(): Form<Row>;
+    get form(): DirtyTrackingForm<Row>;
 }

package/lib/components/table/edit-session.d.ts

@@ -1,9 +1,9 @@
-import { Form, GarbageCollector, UnaryCommand } from '@coolon/pectin';
+import { DirtyTrackingForm, GarbageCollector, UnaryCommand } from '@coolon/pectin';
 export declare class EditSession<Row> extends GarbageCollector {
     readonly rowId: any;
-    readonly form: Form<Row>;
-    readonly saveCommand: UnaryCommand<Form<Row>, boolean>;
+    readonly form: DirtyTrackingForm<Row>;
+    readonly saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>;
     private _liveRowValue;
     readonly liveRowValue: import("@coolon/pectin").ValueModel<Row>;
-    constructor(rowId: any, row: Row, form: Form<Row>, saveCommand: UnaryCommand<Form<Row>, boolean>);
+    constructor(rowId: any, row: Row, form: DirtyTrackingForm<Row>, saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>);
 }

package/lib/components/table/table-model.d.ts

@@ -1,4 +1,4 @@
-import { BooleanValueModelChain, CanIdentify, Form, ListModel, ListModelChain, SelectionModel, Types, UnaryCommand, ValueModelChain } from '@coolon/pectin';
+import { BooleanValueModelChain, CanIdentify, DirtyTrackingForm, ListModel, ListModelChain, SelectionModel, Types, UnaryCommand, ValueModelChain } from '@coolon/pectin';
 import { ColumnModel, CustomTemplateColumnModel, CustomValueColumnModel, EditorControlColumnModel, ListPropertyColumnModel, PropertyColumnModel, SelectionColumnModel } from './column-model';
 import { ColumnTextProperties } from './column-text-properties';
 import { EditSession } from './edit-session';
@@ -22,7 +22,7 @@ import { EditSession } from './edit-session';
  * }
  * const colorsNames: ListModel<string> = ...;
  * const model = TableModel.fromList(heroList, table => {
- *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }
+ *   table.pluck("firstName").cellEditor(StringInputComponent); <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
  *   table.pluck("lastName").cellEditor(StringInputComponent, {
  *     validators: [Validator.present("We need a last name")]
  *   });
@@ -51,7 +51,7 @@ import { EditSession } from './edit-session';
  *        // configure your component with what ever you need.
  *      });
  *      .cellRenderer(CellRendererComponent) // <-- interface CellEditor { value: string; }
- *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel: FormValueModel<string> | ValueModel<string>; }
+ *      .cellEditor(CellEditorComponent.); // <-- interface CellEditor { valueModel:  DirtyTrackingForm.ValueModel<string> | ValueModel<string>; }
  *   table.addCustomColumn("fullName", hero => `${hero.firstName} ${hero.lastName}`);
  * });
  *
@@ -79,6 +79,7 @@ export declare class TableModel<Row> {
     private _columnsById;
     private _editorSessions;
     private readonly _rowsBeingEdited;
+    private readonly rowClassNamePredicates;
     private _columnTextPropertiesLookup;
     readonly identityOf: CanIdentify<Row>['identityOf'];
     private saveCommand;
@@ -97,10 +98,12 @@ export declare class TableModel<Row> {
     pluck<P extends Types.ValuePropertiesOf<Row>>(property: P): PropertyColumnModel<Row, P>;
     pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P): ListPropertyColumnModel<Row, P>;
     addSelectionColumn(selectionModel: SelectionModel<Row>): SelectionColumnModel<Row>;
-    addEditControls(saveCommand: UnaryCommand<Form<Row>, boolean>): EditorControlColumnModel<Row>;
+    addEditControls(saveCommand: UnaryCommand<DirtyTrackingForm<Row>, boolean>): EditorControlColumnModel<Row>;
     addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V>;
     addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row>;
-    useFormFactory(factory: (row: Row) => Form<Row>): this;
+    addRowClass(className: string, predicate: (row: Row) => boolean): void;
+    getRowClasses(row: Row): string[];
+    useFormFactory(factory: (row: Row) => DirtyTrackingForm<Row>): this;
     protected addColumn<C extends ColumnModel<Row>>(column: C): C;
     columnTextProperties(columnTextProperties: {
         [columnName: string]: () => ColumnTextProperties;

package/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.d.ts

@@ -3,6 +3,15 @@ import { Command, Constructable } from '@coolon/pectin';
 import { DisposableComponent } from '../../../components/disposable-component';
 import { Activity } from '../../activity';
 import { InPlaceInteractionContextComponent } from '../inplace-interaction-context/in-place-interaction-context.component';
+/**
+ * Css Vars.
+ *   --link-color
+ *   --link-color-hover
+ *   --link-background
+ *   --link-background-hover
+ *   --link-border-radius
+ *   --link-padding
+ */
 export declare class AddItemInteractionContextComponent extends DisposableComponent implements OnInit {
     label: string;
     icon: string;

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

@@ -1,11 +1,11 @@
-import { Command, FormValueModel } from '@coolon/pectin';
+import { Command, Form } from '@coolon/pectin';
 import { Activity } from '../../activity';
 import { InputActivityData } from './input-activity-data';
 export declare class AbstractInputActivity<T, D extends InputActivityData<T> = InputActivityData<T>> extends Activity<D, T> {
     readonly data: D;
     readonly confirmCommand: Command<void>;
     readonly cancelCommand: Command<void>;
-    readonly valueModel: FormValueModel<T>;
+    readonly valueModel: Form.ValueModelBase<T>;
     class: string;
     constructor(data: D);
     onActivityReady(): void;

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

@@ -1,9 +1,9 @@
-import { FormValueModel, Validator } from '@coolon/pectin';
+import { Form, Validator } from '@coolon/pectin';
 import { InteractionContext } from '../../interaction-context';
 export interface InputActivityData<T> {
     label?: string;
     placeholder?: string;
     initialValue: T;
     validators?: Validator<T>[];
-    save?(valueModel: FormValueModel<T>, interactionContext?: InteractionContext): void | Promise<unknown>;
+    save?(valueModel: Form.ValueModelBase<T>, interactionContext?: InteractionContext): void | Promise<unknown>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "1.20.0",
+  "version": "2.0.0-alpha.0",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.0.0",