@coolon/angular-ui-powerups 2.0.0-alpha.7 → 2.0.0-alpha.9

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

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { Form, IMutableValueModel } from '@coolon/pectin';
+import { Form, Guard, IMutableValueModel } 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>;
@@ -14,7 +14,7 @@ export declare class AbstractValueInputComponent<T> extends AbstractInputCompone
      * gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).
      */
     readonly inputModel: Form.DelegatingValueModel<T>;
-    private setValueIsInitialising;
+    protected setValueInProgress: Guard;
     private valueHolder;
     set value(value: T);
     readonly valueChange: EventEmitter<T>;

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

@@ -0,0 +1,22 @@
+import { OnInit, TemplateRef } from '@angular/core';
+import { ListModel, ListModelChain } from '@coolon/pectin';
+import { AbstractValueInputComponent } from '../abstract-value-input.component';
+/**
+ * Using templates (not only supported for nil values:
+ * <aup-autocomplete-input [valueModel]="myModel" [options]="myOptions">
+ *   <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
+ * </aup-autocomplete-input>
+ */
+export declare class AutocompleteInputComponent<T = any> extends AbstractValueInputComponent<T> implements OnInit {
+    optionsModel: ListModel<T>;
+    options: T[];
+    optionLabel: keyof T;
+    allowNil: boolean;
+    nilOptionTemplateRef: TemplateRef<any>;
+    private filterValue;
+    readonly filteredOptions: ListModelChain<T>;
+    optionLabelFormat: (option: T) => any;
+    constructor();
+    ngOnInit(): void;
+    updateFilter($event: string): void;
+}

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

@@ -1,6 +1,13 @@
 import { OnInit, TemplateRef } from '@angular/core';
 import { ListModel } from '@coolon/pectin';
 import { AbstractListInputComponent } from '../abstract-list-input.component';
+/**
+ * Using templates:
+ * <aup-multiple-select-input [valueModel]="myModel" [options]="myOptions">
+ *   <ng-template #optionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
+ *   <ng-template #nilOptionTemplateRef let-option>{{option.thePropertyYouWant}}</ng-template>
+ * </aup-multiple-select_input>
+ */
 export declare class MultipleSelectInputComponent<T = any> extends AbstractListInputComponent<T> implements OnInit {
     optionsModel: ListModel<T>;
     options: T[];

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

@@ -5,6 +5,7 @@ import { AbstractValueInputComponent } from '../abstract-value-input.component';
  * Using templates:
  * <aup-select-input [valueModel]="myModel" [options]="myOptions">
  *   <ng-template #optionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
+ *   <ng-template #nilOptionTemplateRef let-option>{{option.thePropertyYouWant}}</ng-template>
  * </aup-select_input>
  */
 export declare class SelectInputComponent<T = any> extends AbstractValueInputComponent<T> implements OnInit {

package/lib/components/index.d.ts

@@ -10,6 +10,7 @@ export * from "./focus-container/focus-container.component";
 export * from "./forms/abstract-input.component";
 export * from "./forms/abstract-list-input.component";
 export * from "./forms/abstract-value-input.component";
+export * from "./forms/autocomplete-input/autocomplete-input.component";
 export * from "./forms/checkbox-input/checkbox-input.component";
 export * from "./forms/multiple-select-input/multiple-select-input.component";
 export * from "./forms/number-input/number-input.component";

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

@@ -50,13 +50,21 @@ export interface CellEditorOptions<V, C> {
     validators?: Validator<V>[];
     initialiseComponent?(component: C): any;
 }
+export declare type OnComponentInit<C> = (component: C) => void;
+export interface CellRendererOptions<Row, E> {
+    onComponentInit?: (component: E) => void;
+    onRowUpdate?: (component: E, row: Row) => void;
+}
 export declare class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {
     readonly property: P;
     private _format;
     constructor(id: string, property: P, defaults: ColumnModel.Defaults);
     cellRenderer<E extends {
         value: Row[P];
-    }>(componentType: ComponentType<E>, onComponentInit?: (component: E) => void): this;
+    }>(componentType: ComponentType<E>, options?: CellRendererOptions<Row, E>): this;
+    cellRenderer<E extends {
+        value: Row[P];
+    }>(componentType: ComponentType<E>, onComponentInit?: OnComponentInit<E>): this;
     cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, validators?: Validator<Row[P]>[], initialiseComponent?: (component: E) => void): this;
     cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, initialiseComponent?: (component: E) => void): this;
     format(formatter: (value: Row[P]) => any): this;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "2.0.0-alpha.7",
+  "version": "2.0.0-alpha.9",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.0.0",
@@ -24,7 +24,7 @@
     "@angular/material": "^9.2.4",
     "@angular/animations": "^9.1.9",
     "@angular/cdk": "^9.2.4",
-    "@coolon/pectin": ">=2.9.0",
+    "@coolon/pectin": ">=3.0.0-alpha.18",
     "resize-observer-polyfill": "^1.5.1",
     "@fortawesome/angular-fontawesome": "^0.6.1",
     "@fortawesome/fontawesome-svg-core": "^1.2.28",