@coolon/angular-ui-powerups 1.12.0 → 1.13.0

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

@@ -1,19 +1,15 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { ErrorStateMatcher } from '@angular/material/core';
-import { Command, DelegatingFormValueModel, ListModel, ValueModel } from '@coolon/pectin';
+import { Command, FocusManager, ListModel, ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
+interface InputModel<T> {
+    value: T;
+    enabled: ValueModel<boolean>;
+    errorList: ListModel<string>;
+    focusContext: FocusManager.Context;
+}
 export declare class AbstractInputComponent<T> extends DisposableComponent implements OnInit {
-    /**
-     * A backing model for all our @Input() valueModel properties which should be defined as follows.
-     *
-     *    @Input() @TrackExternal({useExisting: "delegatingFormValueModel"})
-     *    valueModel: FormValueModel<string> | MutableValueModel<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 delegatingFormValueModel: DelegatingFormValueModel<T>;
+    protected get inputModel(): InputModel<T>;
     label: string;
     floatLabel: 'auto' | 'always' | 'never';
     hint: string;
@@ -42,4 +38,6 @@ export declare class AbstractInputComponent<T> extends DisposableComponent imple
     hasErrors(): boolean;
     get errorList(): ListModel<string>;
     get firstError(): string;
+    get focusContext(): FocusManager.Context;
 }
+export {};

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

@@ -0,0 +1,16 @@
+import { OnInit } from '@angular/core';
+import { DelegatingFormListModel } 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>;
+     *
+     * 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>;
+}

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

@@ -0,0 +1,16 @@
+import { OnInit } from '@angular/core';
+import { DelegatingFormValueModel } 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>;
+     *
+     * 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>;
+}

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

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

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

@@ -0,0 +1,15 @@
+import { OnInit, TemplateRef } from '@angular/core';
+import { FormListModel, 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>;
+    optionsModel: ListModel<T>;
+    options: T[];
+    optionLabel: keyof T;
+    allowNil: boolean;
+    optionTemplateRef: TemplateRef<any>;
+    nilOptionTemplateRef: TemplateRef<any>;
+    optionLabelFormat: (option: T) => any;
+    constructor();
+    ngOnInit(): void;
+}

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

@@ -1,8 +1,8 @@
 import { OnInit } from '@angular/core';
-import { FormValueModel, MutableValueModel } from '@coolon/pectin';
-import { AbstractInputComponent } from '../abstract-input.component';
-export declare class NumberInputComponent extends AbstractInputComponent<number> implements OnInit {
-    valueModel: FormValueModel<number> | MutableValueModel<number>;
+import { FormValueModel, 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>;
     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, MutableValueModel } from '@coolon/pectin';
-import { AbstractInputComponent } from '../abstract-input.component';
-export declare class PasswordInputComponent extends AbstractInputComponent<string> implements OnInit {
-    valueModel: FormValueModel<string> | MutableValueModel<string>;
+import { FormValueModel, 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>;
     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, ListModel, MutableValueModel } from '@coolon/pectin';
-import { AbstractInputComponent } from '../abstract-input.component';
-export declare class SelectInputComponent<T = any> extends AbstractInputComponent<T> implements OnInit {
-    valueModel: FormValueModel<T> | MutableValueModel<T>;
+import { FormValueModel, IMutableValueModel, ListModel } 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>;
     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, MutableValueModel, ValueModel } from '@coolon/pectin';
-import { AbstractInputComponent } from '../abstract-input.component';
-export declare class StringInputComponent extends AbstractInputComponent<string> implements OnInit {
-    valueModel: FormValueModel<string> | MutableValueModel<string>;
+import { Command, FormValueModel, 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>;
     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, MutableValueModel } from '@coolon/pectin';
-import { AbstractInputComponent } from '../abstract-input.component';
-export declare class TextInputComponent extends AbstractInputComponent<string> implements OnInit {
-    valueModel: FormValueModel<string> | MutableValueModel<string>;
+import { FormValueModel, 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>;
     rows: number;
     cols: number;
     constructor();

package/lib/components/index.d.ts

@@ -9,7 +9,10 @@ export * from "./card-container/card-container.component";
 export * from "./focus-container/focus-container.component";
 export * from "./forms/abstract-input-activity";
 export * from "./forms/abstract-input.component";
+export * from "./forms/abstract-list-input.component";
+export * from "./forms/abstract-value-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";
 export * from "./forms/password-input/password-input.component";
 export * from "./forms/select-input/select-input.component";
@@ -19,7 +22,7 @@ export * from "./forms/text-input/text-input.component";
 export * from "./noop/noop.component";
 export * from "./scroll-container/scroll-container.component";
 export * from "./switch-case/switch-case.component";
-export * from "./table/cell-editor.component";
+export * from "./table/cell-editors";
 export * from "./table/cell-renderer";
 export * from "./table/column-model";
 export * from "./table/column-text-properties";

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

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

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

@@ -1,53 +1,95 @@
 import { ComponentType } from '@angular/cdk/overlay';
-import { Portal } from '@angular/cdk/portal';
+import { TemplateRef, ViewContainerRef } from '@angular/core';
 import { Command, Form, SelectionModel, Types, UnaryCommand, Validator } from '@coolon/pectin';
-import { AbstractInputComponent } from '../forms/abstract-input.component';
-import { CellEditorComponent } from './cell-editor.component';
+import { CellEditorComponent, CellListEditorComponent } from './cell-editors';
 import { ColumnTextProperties } from './column-text-properties';
 import { EditSession } from './edit-session';
-export interface ColumnHeaderConfig<Row, C extends any> {
-    portal: Portal<C>;
-    initialiseComponent?: (component: C, column: ColumnModel<Row>) => void;
+import { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';
+import { TableHeaderCellRendererComponent } from './table-header-cell-renderer/table-header-cell-renderer.component';
+export declare const HEADER_CELL_RENDERER_PORTAL: unique symbol;
+export declare const CELL_RENDERER_PORTAL: unique symbol;
+export declare const CELL_EDITOR_PORTAL: unique symbol;
+export declare const PORTAL_RENDERER_COMPONENT: unique symbol;
+export declare const PORTAL_EDITOR_COMPONENT: unique symbol;
+export interface RowData<Row> {
+    row: Row;
+    editSession?: EditSession<Row>;
+    editRowCommand: Command<void>;
 }
-export interface CellRendererConfig<Row, C extends any> {
-    portal: Portal<C>;
-    pushState?: (component: C, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) => void;
+export declare abstract class CellPortalRef<Row, Host, Portal> {
+    constructor();
+    abstract initialiseHost(host: Host, columnModel: ColumnModel<Row>): any;
+    abstract onPortalAttached(host: Host, portalComponent: Portal): any;
 }
-export interface CellEditorConfig<Row, V, C extends AbstractInputComponent<V>> {
-    portal: Portal<C>;
-    initialiseComponent?: (component: C, editSession: EditSession<Row>) => void;
+export declare class CellHeaderPortalRef<Row, C> extends CellPortalRef<Row, TableHeaderCellRendererComponent, C> {
+    readonly componentType: ComponentType<C>;
+    readonly initialiseHeader: (component: C, columnModel: ColumnModel<Row>) => void;
+    constructor(componentType: ComponentType<C>, initialiseHeader: (component: C, columnModel: ColumnModel<Row>) => void);
+    initialiseHost(host: TableHeaderCellRendererComponent, columnModel: ColumnModel<Row>): void;
+    onPortalAttached(host: TableHeaderCellRendererComponent, portalComponent: C): void;
+}
+export declare abstract class CellRendererPortalRef<Row, Portal> extends CellPortalRef<Row, TableCellRendererComponent<Row>, Portal> {
+    abstract pushState(host: TableCellRendererComponent<Row>): void;
+}
+export declare class ComponentCellRendererPortalRef<Row, Portal> extends CellRendererPortalRef<Row, Portal> {
+    readonly componentType: ComponentType<Portal>;
+    readonly updateComponent: (component: Portal, rowData: RowData<Row>) => void;
+    constructor(componentType: ComponentType<Portal>, updateComponent: (component: Portal, rowData: RowData<Row>) => void);
+    initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>): void;
+    onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: Portal): void;
+    pushState(host: TableCellRendererComponent<Row>): void;
+}
+export declare class CellEditorPortalRef<Row, Portal> extends CellPortalRef<Row, TableCellRendererComponent<Row>, Portal> {
+    readonly componentType: ComponentType<Portal>;
+    readonly initialiseEditorSession: (component: Portal, editSession: EditSession<Row>) => void;
+    constructor(componentType: ComponentType<Portal>, initialiseEditorSession: (component: Portal, editSession: EditSession<Row>) => void);
+    initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>): void;
+    onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: Portal): void;
+}
+export declare class TemplateCellRendererPortalRef<Row> extends CellRendererPortalRef<Row, undefined> {
+    private templateRef;
+    private viewContainer;
+    private fillCell;
+    private padChild;
+    constructor();
+    registerPortal(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean): void;
+    initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>): void;
+    onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: undefined): void;
+    pushState(host: TableCellRendererComponent<Row>): void;
+    private createPortal;
 }
 export declare class ColumnModel<Row> {
     readonly columnId: string;
     private defaults;
     private _columnTextProperties;
-    private _columnHeaderConfig;
-    private _cellRendererConfig;
-    private _cellEditorConfig;
+    private _columnHeaderPortalRef;
+    private _cellRendererPortalRef;
+    private _cellEditorPortalRef;
     constructor(columnId: string, defaults: ColumnModel.Defaults);
     getHeaderText(): string;
     protected getDefaultHeaderText(): string;
     getColumnTextProperties(): ColumnTextProperties;
     textProperties(columnTextProperties: ColumnTextProperties): this;
-    protected setCellRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>) => void): void;
-    cellHeaderRenderer<C>(cellRenderer: ComponentType<C>, initialiser: (component: C, column: ColumnModel<Row>) => void): this;
-    protected setCellEditor<E extends AbstractInputComponent<any>>(cellEditor: CellEditorConfig<any, any, any>): void;
-    get cellRendererPortal(): Portal<any>;
-    get columnHeaderCellRendererPortal(): Portal<any>;
-    get cellEditorPortal(): Portal<any>;
-    hasEditor(): boolean;
-    updateCellRenderer(component: any, row: Row, editRowCommand: Command<void>, editSession: EditSession<Row>): void;
-    initialiseHeader(component: any): void;
-    initialiseEditor(component: any, editSession: EditSession<Row>): void;
+    protected configureHeaderRenderer<C>(config: CellPortalRef<Row, any, any>): void;
+    protected configureCellRenderer<C>(config: CellRendererPortalRef<Row, any>): void;
+    protected configureCellEditor<E>(cellEditor: CellEditorPortalRef<Row, E>): void;
+    cellHeaderRenderer<C>(componentType: ComponentType<C>, initialiser: (component: C, column: ColumnModel<Row>) => void): this;
+    hasEditorPortal(): boolean;
+    attachHeaderCell(host: any): void;
+    attachCell(host: any): void;
+    onHeaderAttached(host: TableHeaderCellRendererComponent, component: any): void;
+    onRendererAttached(host: TableCellRendererComponent<Row>, component: any): void;
+    onEditorAttached(host: TableCellRendererComponent<Row>, component: any): void;
+    updatePortalContent(host: TableCellRendererComponent<Row>): void;
 }
 export declare namespace ColumnModel {
     interface Defaults {
         getColumnTextProperties(columnModel: ColumnModel<any>): ColumnTextProperties;
     }
 }
-export interface CellEditorOptions<V, E extends CellEditorComponent<V>> {
+export interface CellEditorOptions<V, C> {
     validators?: Validator<V>[];
-    initialiseComponent?(component: E): any;
+    initialiseComponent?(component: C): any;
 }
 export declare class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<Row>> extends ColumnModel<Row> {
     readonly property: P;
@@ -56,9 +98,21 @@ export declare class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<
     cellRenderer(componentType: ComponentType<{
         value: Row[P];
     }>): this;
-    cellEditor<E extends CellEditorComponent<Row[P]>>(editor: ComponentType<E>, options?: CellEditorOptions<Row[P], 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;
 }
+export declare class ListPropertyColumnModel<Row, P extends Types.ArrayPropertiesOf<Row>> extends ColumnModel<Row> {
+    readonly property: P;
+    private _format;
+    constructor(property: P, defaults: ColumnModel.Defaults);
+    cellRenderer(componentType: ComponentType<{
+        value: Types.ArrayElementType<Row, P>[];
+    }>): this;
+    cellEditor<C extends CellListEditorComponent<Types.ArrayElementType<Row, P>>>(editor: ComponentType<C>, validators?: Validator<Types.ArrayElementType<Row, P>[]>[], initialiseComponent?: (component: C) => void): this;
+    cellEditor<C extends CellListEditorComponent<Types.ArrayElementType<Row, P>>>(editor: ComponentType<C>, initialiseComponent?: (component: C) => void): this;
+    format(formatter: (value: Types.ArrayElementType<Row, P>[]) => any): this;
+}
 export declare class CustomValueColumnModel<Row, V> extends ColumnModel<Row> {
     private getValue;
     constructor(columnId: string, defaults: ColumnModel.Defaults, getValue: (row: Row) => V);
@@ -76,11 +130,9 @@ export declare class EditorControlColumnModel<Row> extends ColumnModel<Row> {
     protected getDefaultHeaderText(): string;
 }
 export declare class CustomTemplateColumnModel<Row> extends ColumnModel<Row> {
-    constructor(columnId: string, defaults: ColumnModel.Defaults, component: ComponentType<{
-        editCommand: Command<void>;
-        saveCommand: Command<void>;
-        cancelCommand: Command<void>;
-    }>);
+    private readonly config;
+    constructor(columnId: string, defaults: ColumnModel.Defaults);
+    setTemplate(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean): void;
 }
 export declare class SelectionColumnModel<Row> extends ColumnModel<Row> {
     constructor(columnId: string, defaults: ColumnModel.Defaults, selectionModel: SelectionModel<Row>);

package/lib/components/table/column-template/column-template.directive.d.ts

@@ -1,7 +1,13 @@
-import { TemplateRef, ViewContainerRef } from '@angular/core';
+import { OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
 import { TableComponent } from '../table.component';
-export declare class ColumnTemplateDirective {
+export declare class ColumnTemplateDirective implements OnInit {
+    readonly host: TableComponent<any>;
     private templateRef;
     private viewContainer;
+    aupColumnTemplate: string;
+    aupColumnTemplateColumnId: string;
+    aupColumnTemplateFillCell: boolean;
+    aupColumnTemplateAutoPadChild: any;
     constructor(host: TableComponent<any>, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
+    ngOnInit(): void;
 }

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

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

package/lib/components/table/select-cell-renderer/select-cell-renderer.component.d.ts

@@ -1,10 +1,8 @@
 import { Command, SelectionModel } from '@coolon/pectin';
 import { DisposableComponent } from '../../disposable-component';
 export declare class SelectCellRendererComponent<Row> extends DisposableComponent {
-    private _row;
     readonly selectCommand: Command<void>;
-    set row(value: Row);
-    get row(): Row;
+    row: Row;
     selectionModel: SelectionModel<Row>;
     constructor();
     isSelected(): boolean;

package/lib/components/table/table-cell-renderer/table-cell-renderer.component.d.ts

@@ -1,19 +1,26 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import { ColumnModel } from '../column-model';
+import { Portal } from '@angular/cdk/portal';
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, ColumnModel, RowData } from '../column-model';
 import { EditSession } from '../edit-session';
 import { TableModel } from '../table-model';
-export declare class TableCellRendererComponent<Row> implements OnChanges {
+export declare class TableCellRendererComponent<Row> implements OnInit, OnChanges {
     row: Row;
     column: ColumnModel<Row>;
     editSession: EditSession<Row>;
     tableModel: TableModel<Row>;
-    private renderer;
-    private editor;
     private editRowCommand;
+    [CELL_RENDERER_PORTAL]: Portal<any>;
+    [CELL_EDITOR_PORTAL]: Portal<any>;
     defaultClassNames: string;
+    fillCell: boolean;
+    padChild: boolean;
     constructor();
+    ngOnInit(): void;
+    hasActiveEditor(): boolean;
     initialiseRenderer(instance: any): void;
     initialiseEditor(instance: any): void;
     ngOnChanges(changes: SimpleChanges): void;
-    hasActiveEditor(): boolean;
+    getRendererPortal(): Portal<any>;
+    getEditorPortal(): Portal<any>;
+    getRowData(): RowData<Row>;
 }

package/lib/components/table/table-header-cell-renderer/table-header-cell-renderer.component.d.ts

@@ -1,8 +1,12 @@
-import { ColumnModel } from '../column-model';
-export declare class TableHeaderCellRendererComponent<Row> {
-    column: ColumnModel<Row>;
-    private renderer;
+import { Portal } from '@angular/cdk/portal';
+import { OnInit } from '@angular/core';
+import { ColumnModel, HEADER_CELL_RENDERER_PORTAL } from '../column-model';
+export declare class TableHeaderCellRendererComponent implements OnInit {
+    column: ColumnModel<any>;
     defaultClassNames: string;
+    [HEADER_CELL_RENDERER_PORTAL]: Portal<any>;
     constructor();
+    ngOnInit(): void;
     initialiseHeader(instance: any): void;
+    getPortal(): Portal<any>;
 }

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

@@ -1,5 +1,5 @@
 import { BooleanValueModelChain, CanIdentify, Form, ListModel, ListModelChain, SelectionModel, Types, UnaryCommand } from '@coolon/pectin';
-import { ColumnModel, CustomValueColumnModel, EditorControlColumnModel, PropertyColumnModel, SelectionColumnModel } from './column-model';
+import { ColumnModel, CustomTemplateColumnModel, CustomValueColumnModel, EditorControlColumnModel, ListPropertyColumnModel, PropertyColumnModel, SelectionColumnModel } from './column-model';
 import { ColumnTextProperties } from './column-text-properties';
 import { EditSession } from './edit-session';
 /**
@@ -86,14 +86,18 @@ export declare class TableModel<Row> {
     readonly editing: BooleanValueModelChain;
     readonly dataSource: ListModelChain<Row>;
     static fromList<Row>(sourceOfTruth: ListModel<Row>, builder?: (tableModel: TableModel<Row>) => void): TableModel<Row>;
+    private _createForm;
     protected constructor(sourceOfTruth: ListModel<Row>);
     get rowsBeingEdited(): ListModel<Row>;
     getTrackByFunction(): (index: number, item: Row) => any;
     get columns(): ListModel<ColumnModel<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>;
     addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V>;
+    addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row>;
+    useFormFactory(factory: (row: Row) => Form<Row>): this;
     protected addColumn<C extends ColumnModel<Row>>(column: C): C;
     columnTextProperties(columnTextProperties: {
         [columnName: string]: () => ColumnTextProperties;

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

@@ -1,4 +1,4 @@
-import { OnInit } from '@angular/core';
+import { OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ListModelChain } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
 import { ColumnModel } from './column-model';
@@ -34,7 +34,9 @@ export declare class TableComponent<T> extends DisposableComponent implements On
     tableModel: TableModel<T>;
     columns: ListModelChain<ColumnModel<T>>;
     columnIds: ListModelChain<string>;
+    private columnsById;
     constructor();
     ngOnInit(): void;
     isEditing(row: T): boolean;
+    registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "ts-morph": "^7.0.3",

package/esm2015/lib/components/table/cell-editor.component.js

@@ -1 +0,0 @@
-//# sourceMappingURL=cell-editor.component.js.map

package/esm2015/lib/components/table/cell-editor.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cell-editor.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/cell-editor.component.ts"],"names":[],"mappings":"","sourcesContent":["import { FormValueModel, ValueModel } from '@coolon/pectin';\n\nexport interface CellEditorComponent<T> {\n  valueModel: ValueModel<T> | FormValueModel<T>\n  requestFocus?();\n}\n"]}

package/esm2015/lib/components/table/cell-editor.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"CellEditorComponent":{"__symbolic":"interface"}}}]

package/esm5/lib/components/table/cell-editor.component.js

@@ -1 +0,0 @@
-//# sourceMappingURL=cell-editor.component.js.map

package/esm5/lib/components/table/cell-editor.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cell-editor.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/cell-editor.component.ts"],"names":[],"mappings":"","sourcesContent":["import { FormValueModel, ValueModel } from '@coolon/pectin';\n\nexport interface CellEditorComponent<T> {\n  valueModel: ValueModel<T> | FormValueModel<T>\n  requestFocus?();\n}\n"]}

package/lib/components/table/cell-editor.component.d.ts

@@ -1,5 +0,0 @@
-import { FormValueModel, ValueModel } from '@coolon/pectin';
-export interface CellEditorComponent<T> {
-    valueModel: ValueModel<T> | FormValueModel<T>;
-    requestFocus?(): any;
-}