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

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, Disposable, EventListenerList, FocusManager, ListModel, ValueModel } from '@coolon/pectin';
+import { Command, FocusManager, ListModel, ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
 interface InputModel<T> {
     value: T;
@@ -9,13 +9,11 @@ interface InputModel<T> {
     focusContext: FocusManager.Context;
 }
 export declare class AbstractInputComponent<T> extends DisposableComponent implements OnInit {
-    protected onValueEditedListeners: EventListenerList<(is: T, was: T) => void>;
-    protected formValueModel: InputModel<T>;
+    protected inputModel: InputModel<T>;
     label: string;
-    userFloatLabel: 'auto' | 'always' | 'never';
+    floatLabel: 'auto' | 'always' | 'never';
     hint: string;
     placeholder: string;
-    dense: boolean;
     focusCommand: Command<any>;
     blurCommand: Command<any>;
     enterCommand: Command<any>;
@@ -41,12 +39,5 @@ export declare class AbstractInputComponent<T> extends DisposableComponent imple
     get errorList(): ListModel<string>;
     get firstError(): string;
     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,8 +1,7 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { Form, IMutableListModel, MutableListModel } from '@coolon/pectin';
+import { OnInit } from '@angular/core';
+import { Form } 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>;
     /**
      * A backing model for all our @Input() valueModel properties which should be defined as follows.
      *
@@ -13,11 +12,5 @@ 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(..).
      */
-    protected readonly formValueModel: Form.DelegatingListModel<T>;
-    readonly componentListModel: MutableListModel<T>;
-    private setValueIsInProgress;
-    private listHolder;
-    set value(value: T[]);
-    readonly valueChange: EventEmitter<T[]>;
-    constructor();
+    readonly inputModel: Form.DelegatingListModel<T>;
 }

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

@@ -1,8 +1,7 @@
-import { EventEmitter, OnInit } from '@angular/core';
-import { Form, Guard, IMutableValueModel, MutableValueModel } from '@coolon/pectin';
+import { OnInit } from '@angular/core';
+import { Form } 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>;
     /**
      * A backing model for all our @Input() valueModel properties which should be defined as follows.
      *
@@ -13,11 +12,6 @@ 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(..).
      */
-    protected readonly formValueModel: Form.DelegatingValueModel<T>;
-    protected setValueInProgress: Guard;
-    readonly componentValueModel: MutableValueModel<T>;
-    private plainValueHolder;
-    set value(value: T);
-    readonly valueChange: EventEmitter<T>;
+    readonly inputModel: Form.DelegatingValueModel<T>;
     constructor();
 }

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

@@ -1,6 +1,8 @@
 import { OnInit } from '@angular/core';
+import { Form, IMutableValueModel } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 export declare class CheckboxInputComponent extends AbstractValueInputComponent<boolean> implements OnInit {
+    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,18 +1,14 @@
 import { OnInit, TemplateRef } from '@angular/core';
-import { ListModel } from '@coolon/pectin';
+import { Form, IMutableListModel, 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 #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
- * </aup-multiple-select_input>
- */
 export declare class MultipleSelectInputComponent<T = any> extends AbstractListInputComponent<T> implements OnInit {
+    listModel: Form.ListModelBase<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,6 +1,8 @@
 import { OnInit } from '@angular/core';
+import { Form, IMutableValueModel } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 export declare class NumberInputComponent extends AbstractValueInputComponent<number> implements OnInit {
+    valueModel: Form.ValueModelBase<number> | IMutableValueModel<number>;
     min: number;
     max: number;
     constructor();

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

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

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

@@ -1,14 +1,8 @@
 import { OnInit, TemplateRef } from '@angular/core';
-import { ListModel } from '@coolon/pectin';
+import { IMutableValueModel, ListModel, Form } from '@coolon/pectin';
 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 #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
- * </aup-select_input>
- */
 export declare class SelectInputComponent<T = any> extends AbstractValueInputComponent<T> implements OnInit {
+    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,7 +1,8 @@
 import { OnInit } from '@angular/core';
-import { Command, 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: 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,6 +1,8 @@
 import { OnInit } from '@angular/core';
+import { Form, IMutableValueModel } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 export declare class TextInputComponent extends AbstractValueInputComponent<string> implements OnInit {
+    valueModel: Form.ValueModelBase<string> | IMutableValueModel<string>;
     rows: number;
     cols: number;
     constructor();

package/lib/components/index.d.ts

@@ -10,7 +10,6 @@ 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";
@@ -24,7 +23,7 @@ export * from "./scroll-container/scroll-container.component";
 export * from "./section-header/section-header.component";
 export * from "./switch-case/switch-case.component";
 export * from "./table/cell-editors";
-export * from "./table/cell-portal-ref";
+export * from "./table/cell-protal-ref";
 export * from "./table/cell-renderer";
 export * from "./table/column-model";
 export * from "./table/column-text-properties";

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

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

package/lib/components/table/{cell-portal-ref.d.ts → cell-protal-ref.d.ts}

@@ -1,9 +1,9 @@
 import { ComponentType } from '@angular/cdk/overlay';
 import { TemplateRef, ViewContainerRef } from '@angular/core';
 import { ColumnModel, RowData } from './column-model';
-import { EditSession } from './edit-session';
-import { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';
 import { TableHeaderCellRendererComponent } from './table-header-cell-renderer/table-header-cell-renderer.component';
+import { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';
+import { EditSession } from './edit-session';
 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;
@@ -26,8 +26,8 @@ export declare abstract class CellRendererPortalRef<Row, Portal> extends CellPor
 }
 export declare class ComponentCellRendererPortalRef<Row, Portal> extends CellRendererPortalRef<Row, Portal> {
     readonly componentType: ComponentType<Portal>;
-    readonly updateComponent: (component: Portal, rowData: RowData<Row>, firstTime: boolean) => void;
-    constructor(componentType: ComponentType<Portal>, updateComponent: (component: Portal, rowData: RowData<Row>, firstTime: boolean) => void);
+    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;

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

@@ -2,7 +2,7 @@ import { ComponentType } from '@angular/cdk/overlay';
 import { TemplateRef, ViewContainerRef } from '@angular/core';
 import { Command, DirtyTrackingForm, SelectionModel, Types, UnaryCommand, Validator } from '@coolon/pectin';
 import { CellEditorComponent, CellListEditorComponent } from './cell-editors';
-import { CellEditorPortalRef, CellHeaderPortalRef, CellRendererPortalRef } from './cell-portal-ref';
+import { CellEditorPortalRef, CellHeaderPortalRef, CellRendererPortalRef } from './cell-protal-ref';
 import { ColumnTextProperties } from './column-text-properties';
 import { EditSession } from './edit-session';
 import { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';
@@ -50,21 +50,13 @@ 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>, options?: CellRendererOptions<Row, E>): this;
-    cellRenderer<E extends {
+    constructor(property: P, defaults: ColumnModel.Defaults);
+    cellRenderer(componentType: ComponentType<{
         value: Row[P];
-    }>(componentType: ComponentType<E>, onComponentInit?: OnComponentInit<E>): this;
+    }>): 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;
@@ -73,7 +65,7 @@ export declare class PropertyColumnModel<Row, P extends Types.ValuePropertiesOf<
 export declare class ListPropertyColumnModel<Row, P extends Types.ArrayPropertiesOf<Row>> extends ColumnModel<Row> {
     readonly property: P;
     private _format;
-    constructor(id: string, property: P, defaults: ColumnModel.Defaults);
+    constructor(property: P, defaults: ColumnModel.Defaults);
     cellRenderer(componentType: ComponentType<{
         value: Types.ArrayElementType<Row, P>[];
     }>): this;
@@ -85,9 +77,9 @@ export declare class ListPropertyColumnModel<Row, P extends Types.ArrayPropertie
 export declare class CustomValueColumnModel<Row, V> extends ColumnModel<Row> {
     private getValue;
     constructor(columnId: string, defaults: ColumnModel.Defaults, getValue: (row: Row) => V);
-    cellRenderer<C extends {
+    cellRenderer(componentType: ComponentType<{
         value: V;
-    }>(componentType: ComponentType<C>, onComponentInitOrOptions?: CellRendererOptions<Row, C> | OnComponentInit<C>): this;
+    }>): this;
     selectRowOnClick(selectOnRowClick: boolean): this;
 }
 export declare class EditorControlColumnModel<Row> extends ColumnModel<Row> {

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

@@ -5,7 +5,7 @@ import { CellEditorComponent, CellListEditorComponent } from '../cell-editors';
 import { ColumnModel, RowData } from '../column-model';
 import { EditSession } from '../edit-session';
 import { TableModel } from '../table-model';
-import { CELL_RENDERER_PORTAL, CELL_EDITOR_PORTAL } from '../cell-portal-ref';
+import { CELL_RENDERER_PORTAL, CELL_EDITOR_PORTAL } from '../cell-protal-ref';
 export declare class TableCellRendererComponent<Row> extends DisposableComponent implements OnInit, OnChanges {
     row: Row;
     column: ColumnModel<Row>;

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

@@ -1,7 +1,7 @@
 import { Portal } from '@angular/cdk/portal';
 import { OnInit } from '@angular/core';
 import { ColumnModel } from '../column-model';
-import { HEADER_CELL_RENDERER_PORTAL } from '../cell-portal-ref';
+import { HEADER_CELL_RENDERER_PORTAL } from '../cell-protal-ref';
 export declare class TableHeaderCellRendererComponent implements OnInit {
     column: ColumnModel<any>;
     defaultClassNames: string;

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

@@ -1,6 +1,5 @@
-import { ComponentType } from '@angular/cdk/overlay';
 import { BooleanValueModelChain, CanIdentify, DirtyTrackingForm, ListModel, ListModelChain, SelectionModel, Types, UnaryCommand, ValueModelChain } from '@coolon/pectin';
-import { CellRendererOptions, ColumnModel, CustomTemplateColumnModel, CustomValueColumnModel, EditorControlColumnModel, ListPropertyColumnModel, OnComponentInit, 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';
 /**
@@ -96,21 +95,11 @@ export declare class TableModel<Row> {
     get rowsBeingEdited(): ListModel<Row>;
     getTrackByFunction(): (index: number, item: Row) => any;
     get columns(): ListModel<ColumnModel<Row>>;
-    pluck<P extends Types.ValuePropertiesOf<Row>>(property: P, options?: {
-        columnId: string;
-    }): PropertyColumnModel<Row, P>;
-    pluckList<P extends Types.ArrayPropertiesOf<Row>>(property: P, options?: {
-        columnId: string;
-    }): ListPropertyColumnModel<Row, P>;
+    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<DirtyTrackingForm<Row>, boolean>): EditorControlColumnModel<Row>;
     addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V>;
-    addComponentColumn<C extends {
-        value: Row;
-    }>(columnId: string, component: ComponentType<C>, onInit?: OnComponentInit<C>): CustomValueColumnModel<Row, Row>;
-    addComponentColumn<C extends {
-        value: Row;
-    }>(columnId: string, component: ComponentType<C>, options?: CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row>;
     addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row>;
     addRowClass(className: string, predicate: (row: Row) => boolean): void;
     getRowClasses(row: Row): string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "2.0.0-alpha.19",
+  "version": "2.0.0-alpha.2",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.0.0",
@@ -11,12 +11,12 @@
     "@angular/platform-browser": "^9.1.9",
     "factory.ts": "^0.5.1",
     "faker": "^4.1.0",
+    "immer": "^6.0.5",
     "@angular/platform-browser-dynamic": "^9.1.9",
     "@angular/flex-layout": "^9.0.0-beta.31",
     "@angular/router": "^9.1.9",
     "rxjs": "~6.5.5",
-    "reflect-metadata": "^0.1.13",
-    "zone.js": "~0.10.2"
+    "reflect-metadata": "^0.1.13"
   },
   "peerDependencies": {
     "@angular/common": "^9.1.9",
@@ -24,7 +24,7 @@
     "@angular/material": "^9.2.4",
     "@angular/animations": "^9.1.9",
     "@angular/cdk": "^9.2.4",
-    "@coolon/pectin": ">=3.0.0-alpha.27",
+    "@coolon/pectin": ">=2.9.0",
     "resize-observer-polyfill": "^1.5.1",
     "@fortawesome/angular-fontawesome": "^0.6.1",
     "@fortawesome/fontawesome-svg-core": "^1.2.28",

package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.js

@@ -1,70 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
-import { Dsl, ListModel, MutableValueModel, StoreInListModel, TrackExternal } from '@coolon/pectin';
-import _ from 'lodash';
-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>
- */
-let AutocompleteInputComponent = class AutocompleteInputComponent extends AbstractValueInputComponent {
-    constructor() {
-        super();
-        this.filterValue = new MutableValueModel();
-        this.optionLabelFormat = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;
-        const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
-        const lowerCaseFilterValue = chain(this.filterValue)
-            .map(v => _.isString(v) ? v.toLowerCase() : '');
-        this.filteredOptions = chain(this.optionsModel)
-            .select(option => {
-            return _.isEmpty(this.filterValue.value) || this.optionLabelFormat(option).toString().toLowerCase().includes(lowerCaseFilterValue.value);
-        }, { dependsOn: lowerCaseFilterValue });
-    }
-    ngOnInit() {
-    }
-    formatOption(option) {
-        return this.optionLabelFormat(option);
-    }
-    updateFilter($event) {
-        this.filterValue.value = $event;
-    }
-    onSelect($event) {
-        this.valueModel.value = $event.option.value;
-    }
-};
-__decorate([
-    Input(), TrackExternal(),
-    __metadata("design:type", ListModel)
-], AutocompleteInputComponent.prototype, "optionsModel", void 0);
-__decorate([
-    Input(), StoreInListModel('optionsModel'),
-    __metadata("design:type", Array)
-], AutocompleteInputComponent.prototype, "options", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], AutocompleteInputComponent.prototype, "optionLabel", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], AutocompleteInputComponent.prototype, "allowNil", void 0);
-__decorate([
-    ContentChild('nilOptionTemplate'),
-    __metadata("design:type", TemplateRef)
-], AutocompleteInputComponent.prototype, "nilOptionTemplateRef", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Function)
-], AutocompleteInputComponent.prototype, "optionLabelFormat", void 0);
-AutocompleteInputComponent = __decorate([
-    Component({
-        selector: 'aup-autocomplete-input',
-        template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"string\"\n         matInput\n         [matAutocomplete]=\"autocomplete\"\n         placeholder=\"{{placeholder}}\"\n         [ngModel]=\"componentValueModel.value\"\n         (ngModelChange)=\"updateFilter($event)\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\" (optionSelected)=\"onSelect($event)\">\n    <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n                [value]=\"option\"\n    >{{formatOption(option)}}</mat-option>\n        <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n  </mat-autocomplete>\n\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-        styles: [":host{display:inline-block}mat-form-field{width:100%}"]
-    }),
-    __metadata("design:paramtypes", [])
-], AutocompleteInputComponent);
-export { AutocompleteInputComponent };
-//# sourceMappingURL=autocomplete-input.component.js.map

package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/autocomplete-input/autocomplete-input.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAEpF,OAAO,EACL,GAAG,EACH,SAAS,EAET,iBAAiB,EACjB,gBAAgB,EAEhB,aAAa,EACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAEhF;;;;;GAKG;AAMH,IAAa,0BAA0B,GAAvC,MAAa,0BAAoC,SAAQ,2BAA8B;IAuBrF;QACE,KAAK,EAAE,CAAC;QAPF,gBAAW,GAAG,IAAI,iBAAiB,EAAU,CAAC;QAItD,sBAAiB,GAAuB,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAInH,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzF,MAAO,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC;aAClD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAElD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC;aAC5C,MAAM,CAAC,MAAM,CAAC,EAAE;YACf,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC3I,CAAC,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC,CAAC;IAC5C,CAAC;IAED,QAAQ;IACR,CAAC;IAED,YAAY,CAAC,MAAS;QACpB,OAAO,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC;IAED,YAAY,CAAC,MAAc;QACzB,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC;IAClC,CAAC;IAED,QAAQ,CAAC,MAAoC;QAC3C,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IAC9C,CAAC;CACF,CAAA;AA9CC;IADC,KAAK,EAAE,EAAE,aAAa,EAAE;8BACX,SAAS;gEAAI;AAG3B;IADC,KAAK,EAAE,EAAE,gBAAgB,CAAC,cAAc,CAAC;;2DAC7B;AAGb;IADC,KAAK,EAAE;;+DACa;AAGrB;IADC,KAAK,EAAE;;4DACU;AAGlB;IADC,YAAY,CAAC,mBAAmB,CAAC;8BACZ,WAAW;wEAAM;AAMvC;IADC,KAAK,EAAE;;qEAC6G;AArB1G,0BAA0B;IALtC,SAAS,CAAC;QACT,QAAQ,EAAE,wBAAwB;QAClC,gnCAAkD;;KAEnD,CAAC;;GACW,0BAA0B,CAiDtC;SAjDY,0BAA0B","sourcesContent":["import { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core';\nimport { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\nimport {\n  Dsl,\n  ListModel,\n  ListModelChain,\n  MutableValueModel,\n  StoreInListModel,\n  Trace,\n  TrackExternal, TransactionObserver\n} from '@coolon/pectin';\nimport _ from 'lodash';\nimport { AbstractValueInputComponent } from '../abstract-value-input.component';\n\n/**\n * Using templates (not only supported for nil values:\n * <aup-autocomplete-input [valueModel]=\"myModel\" [options]=\"myOptions\">\n *   <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>\n * </aup-autocomplete-input>\n */\n@Component({\n  selector: 'aup-autocomplete-input',\n  templateUrl: './autocomplete-input.component.html',\n  styleUrls: ['./autocomplete-input.component.scss']\n})\nexport class AutocompleteInputComponent<T = any> extends AbstractValueInputComponent<T> implements OnInit {\n\n  @Input() @TrackExternal()\n  optionsModel: ListModel<T>;\n\n  @Input() @StoreInListModel('optionsModel')\n  options: T[];\n\n  @Input()\n  optionLabel: keyof T;\n\n  @Input()\n  allowNil: boolean;\n\n  @ContentChild('nilOptionTemplate')\n  nilOptionTemplateRef: TemplateRef<any>;\n\n  private filterValue = new MutableValueModel<string>();\n  readonly filteredOptions: ListModelChain<T>;\n\n  @Input()\n  optionLabelFormat: (option: T) => any = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    const  lowerCaseFilterValue = chain(this.filterValue)\n      .map(v => _.isString(v) ? v.toLowerCase() : '');\n\n    this.filteredOptions = chain(this.optionsModel)\n      .select(option => {\n        return _.isEmpty(this.filterValue.value) || this.optionLabelFormat(option).toString().toLowerCase().includes(lowerCaseFilterValue.value);\n      }, { dependsOn: lowerCaseFilterValue });\n  }\n\n  ngOnInit() {\n  }\n\n  formatOption(option: T) {\n    return this.optionLabelFormat(option);\n  }\n\n  updateFilter($event: string) {\n    this.filterValue.value = $event;\n  }\n\n  onSelect($event: MatAutocompleteSelectedEvent) {\n    this.valueModel.value = $event.option.value;\n  }\n}\n"]}

package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"AutocompleteInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../abstract-value-input.component","name":"AbstractValueInputComponent","line":25,"character":57},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"aup-autocomplete-input","template":"<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"string\"\n         matInput\n         [matAutocomplete]=\"autocomplete\"\n         placeholder=\"{{placeholder}}\"\n         [ngModel]=\"componentValueModel.value\"\n         (ngModelChange)=\"updateFilter($event)\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\" (optionSelected)=\"onSelect($event)\">\n    <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n                [value]=\"option\"\n    >{{formatOption(option)}}</mat-option>\n        <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n  </mat-autocomplete>\n\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n","styles":[":host{display:inline-block}mat-form-field{width:100%}"]}]}],"members":{"optionsModel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"TrackExternal","line":27,"character":12}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@coolon/pectin","name":"StoreInListModel","line":30,"character":12},"arguments":["optionsModel"]}]}],"optionLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"allowNil":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"nilOptionTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":39,"character":3},"arguments":["nilOptionTemplate"]}]}],"optionLabelFormat":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"formatOption":[{"__symbolic":"method"}],"updateFilter":[{"__symbolic":"method"}],"onSelect":[{"__symbolic":"method"}]}}}}]

package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-input.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/autocomplete-input/autocomplete-input.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.scss.shim.ngstyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-input.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/autocomplete-input/autocomplete-input.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm2015/lib/components/table/cell-portal-ref.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cell-portal-ref.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/table/cell-portal-ref.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentType } from '@angular/cdk/overlay';\nimport { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';\nimport { TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Trace } from '@coolon/pectin';\nimport { assert } from '@coolon/typescript-utilities';\nimport { ColumnModel, RowData } from './column-model';\nimport { EditSession } from './edit-session';\nimport { TableCellRendererComponent } from './table-cell-renderer/table-cell-renderer.component';\nimport { TableHeaderCellRendererComponent } from './table-header-cell-renderer/table-header-cell-renderer.component';\n\nexport const HEADER_CELL_RENDERER_PORTAL = Symbol('aup-cell-header-renderer-component-ref');\nexport const CELL_RENDERER_PORTAL = Symbol('aup-cell-renderer-component-ref');\nexport const CELL_EDITOR_PORTAL = Symbol('aup-cell-editor-component-ref');\nexport const PORTAL_RENDERER_COMPONENT = Symbol('aup-cell-renderer-portal-component');\nexport const PORTAL_EDITOR_COMPONENT = Symbol('aup-cell-editor-portal-component');\n\n\nexport abstract class CellPortalRef<Row, Host, Portal> {\n  constructor() {\n  }\n\n  abstract initialiseHost(host: Host, columnModel: ColumnModel<Row>)\n\n  abstract onPortalAttached(host: Host, portalComponent: Portal);\n}\n\nexport class CellHeaderPortalRef<Row, C> extends CellPortalRef<Row, TableHeaderCellRendererComponent, C> {\n  constructor(readonly componentType: ComponentType<C>, readonly initialiseHeader: (component: C, columnModel: ColumnModel<Row>) => void) {\n    super();\n  }\n\n  initialiseHost(host: TableHeaderCellRendererComponent, columnModel: ColumnModel<Row>) {\n    assert.isTruthy(host);\n    host[HEADER_CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);\n  }\n\n  // @Trace()\n  onPortalAttached(host: TableHeaderCellRendererComponent, portalComponent: C) {\n    this.initialiseHeader(portalComponent, host.column);\n  }\n\n}\n\nexport abstract class CellRendererPortalRef<Row, Portal> extends CellPortalRef<Row, TableCellRendererComponent<Row>, Portal> {\n  abstract pushState(host: TableCellRendererComponent<Row>): void;\n}\n\nexport class ComponentCellRendererPortalRef<Row, Portal> extends CellRendererPortalRef<Row, Portal> {\n\n\n  constructor(readonly componentType: ComponentType<Portal>, readonly updateComponent: (component: Portal, rowData: RowData<Row>, firstTime: boolean) => void) {\n    super();\n  }\n\n  initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>) {\n    host[CELL_RENDERER_PORTAL] = new ComponentPortal(this.componentType);\n  }\n\n  // @Trace()\n  onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: Portal) {\n    host[PORTAL_RENDERER_COMPONENT] = portalComponent;\n    this.updateComponent(portalComponent, host.getRowData(), true);\n  }\n\n  // @Trace()\n  pushState(host: TableCellRendererComponent<Row>): void {\n    if (host[PORTAL_RENDERER_COMPONENT]) {\n      this.updateComponent(host[PORTAL_RENDERER_COMPONENT], host.getRowData(), false);\n    }\n  }\n\n}\n\nexport class CellEditorPortalRef<Row, Portal> extends CellPortalRef<Row, TableCellRendererComponent<Row>, Portal> {\n\n  constructor(readonly componentType: ComponentType<Portal>, readonly initialiseEditorSession: (component: Portal, editSession: EditSession<Row>) => void) {\n    super();\n  }\n\n  initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>) {\n    assert.isTruthy(host);\n    host[CELL_EDITOR_PORTAL] = new ComponentPortal(this.componentType);\n  }\n\n  // @Trace()\n  onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: Portal) {\n    host[PORTAL_EDITOR_COMPONENT] = portalComponent;\n    this.initialiseEditorSession(portalComponent, host.editSession);\n  }\n\n}\n\nexport class TemplateCellRendererPortalRef<Row> extends CellRendererPortalRef<Row, undefined> {\n\n  private templateRef: TemplateRef<any>;\n  private viewContainer: ViewContainerRef;\n  private fillCell: boolean;\n  private padChild: boolean;\n\n  constructor() {\n    super();\n  }\n\n  public registerPortal(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean) {\n    this.templateRef = templateRef;\n    this.viewContainer = viewContainer;\n    this.fillCell = fillCell;\n    this.padChild = padChild;\n  }\n\n  initialiseHost(host: TableCellRendererComponent<Row>, columnModel: ColumnModel<Row>) {\n    assert.isTruthy(host);\n  }\n\n  // @Trace()\n  onPortalAttached(host: TableCellRendererComponent<Row>, portalComponent: undefined) {\n    //  don't care\n  }\n\n  // @Trace()\n  pushState(host: TableCellRendererComponent<Row>): void {\n    host[CELL_RENDERER_PORTAL] = this.createPortal(host.getRowData());\n    host.fillCell = this.fillCell;\n    host.padChild = this.padChild;\n  }\n\n  private createPortal(data: RowData<Row>) {\n    return new TemplatePortal<any>(this.templateRef, this.viewContainer, { ...(data), $implicit: data.row });\n  }\n}\n"]}

package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.js

@@ -1,73 +0,0 @@
-import { __decorate, __extends, __metadata } from "tslib";
-import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
-import { Dsl, ListModel, MutableValueModel, StoreInListModel, TrackExternal } from '@coolon/pectin';
-import _ from 'lodash';
-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>
- */
-var AutocompleteInputComponent = /** @class */ (function (_super) {
-    __extends(AutocompleteInputComponent, _super);
-    function AutocompleteInputComponent() {
-        var _this = _super.call(this) || this;
-        _this.filterValue = new MutableValueModel();
-        _this.optionLabelFormat = function (option) { return (option && _this.optionLabel) ? option[_this.optionLabel] : option; };
-        var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
-        var lowerCaseFilterValue = chain(_this.filterValue)
-            .map(function (v) { return _.isString(v) ? v.toLowerCase() : ''; });
-        _this.filteredOptions = chain(_this.optionsModel)
-            .select(function (option) {
-            return _.isEmpty(_this.filterValue.value) || _this.optionLabelFormat(option).toString().toLowerCase().includes(lowerCaseFilterValue.value);
-        }, { dependsOn: lowerCaseFilterValue });
-        return _this;
-    }
-    AutocompleteInputComponent.prototype.ngOnInit = function () {
-    };
-    AutocompleteInputComponent.prototype.formatOption = function (option) {
-        return this.optionLabelFormat(option);
-    };
-    AutocompleteInputComponent.prototype.updateFilter = function ($event) {
-        this.filterValue.value = $event;
-    };
-    AutocompleteInputComponent.prototype.onSelect = function ($event) {
-        this.valueModel.value = $event.option.value;
-    };
-    __decorate([
-        Input(), TrackExternal(),
-        __metadata("design:type", ListModel)
-    ], AutocompleteInputComponent.prototype, "optionsModel", void 0);
-    __decorate([
-        Input(), StoreInListModel('optionsModel'),
-        __metadata("design:type", Array)
-    ], AutocompleteInputComponent.prototype, "options", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], AutocompleteInputComponent.prototype, "optionLabel", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Boolean)
-    ], AutocompleteInputComponent.prototype, "allowNil", void 0);
-    __decorate([
-        ContentChild('nilOptionTemplate'),
-        __metadata("design:type", TemplateRef)
-    ], AutocompleteInputComponent.prototype, "nilOptionTemplateRef", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Function)
-    ], AutocompleteInputComponent.prototype, "optionLabelFormat", void 0);
-    AutocompleteInputComponent = __decorate([
-        Component({
-            selector: 'aup-autocomplete-input',
-            template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n  <mat-label *ngIf=\"label\">{{label}}</mat-label>\n  <input type=\"string\"\n         matInput\n         [matAutocomplete]=\"autocomplete\"\n         placeholder=\"{{placeholder}}\"\n         [ngModel]=\"componentValueModel.value\"\n         (ngModelChange)=\"updateFilter($event)\"\n         [disabled]=\"!enabled.value\"\n         (keydown.enter)=\"notifyEnterKey()\"\n         (keydown.escape)=\"notifyEscapeKey()\"\n         [pectinFocusBinding]=\"focusContext\"\n         [errorStateMatcher]=\"errorStateMatcher\"\n  >\n  <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\" (optionSelected)=\"onSelect($event)\">\n    <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n                [value]=\"option\"\n    >{{formatOption(option)}}</mat-option>\n        <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n  </mat-autocomplete>\n\n  <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n  <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
-            styles: [":host{display:inline-block}mat-form-field{width:100%}"]
-        }),
-        __metadata("design:paramtypes", [])
-    ], AutocompleteInputComponent);
-    return AutocompleteInputComponent;
-}(AbstractValueInputComponent));
-export { AutocompleteInputComponent };
-//# sourceMappingURL=autocomplete-input.component.js.map

package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-input.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/autocomplete-input/autocomplete-input.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAEpF,OAAO,EACL,GAAG,EACH,SAAS,EAET,iBAAiB,EACjB,gBAAgB,EAEhB,aAAa,EACd,MAAM,gBAAgB,CAAC;AACxB,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,EAAE,2BAA2B,EAAE,MAAM,mCAAmC,CAAC;AAEhF;;;;;GAKG;AAMH;IAAyD,8CAA8B;IAuBrF;QAAA,YACE,iBAAO,SASR;QAhBO,iBAAW,GAAG,IAAI,iBAAiB,EAAU,CAAC;QAItD,uBAAiB,GAAuB,UAAC,MAAM,IAAK,OAAA,CAAC,MAAM,IAAI,KAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,EAAhE,CAAgE,CAAC;QAI7G,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,IAAO,oBAAoB,GAAG,KAAK,CAAC,KAAI,CAAC,WAAW,CAAC;aAClD,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EAApC,CAAoC,CAAC,CAAC;QAElD,KAAI,CAAC,eAAe,GAAG,KAAK,CAAC,KAAI,CAAC,YAAY,CAAC;aAC5C,MAAM,CAAC,UAAA,MAAM;YACZ,OAAO,CAAC,CAAC,OAAO,CAAC,KAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,KAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC3I,CAAC,EAAE,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC,CAAC;;IAC5C,CAAC;IAED,6CAAQ,GAAR;IACA,CAAC;IAED,iDAAY,GAAZ,UAAa,MAAS;QACpB,OAAO,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACxC,CAAC;IAED,iDAAY,GAAZ,UAAa,MAAc;QACzB,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,MAAM,CAAC;IAClC,CAAC;IAED,6CAAQ,GAAR,UAAS,MAAoC;QAC3C,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IAC9C,CAAC;IA7CD;QADC,KAAK,EAAE,EAAE,aAAa,EAAE;kCACX,SAAS;oEAAI;IAG3B;QADC,KAAK,EAAE,EAAE,gBAAgB,CAAC,cAAc,CAAC;;+DAC7B;IAGb;QADC,KAAK,EAAE;;mEACa;IAGrB;QADC,KAAK,EAAE;;gEACU;IAGlB;QADC,YAAY,CAAC,mBAAmB,CAAC;kCACZ,WAAW;4EAAM;IAMvC;QADC,KAAK,EAAE;;yEAC6G;IArB1G,0BAA0B;QALtC,SAAS,CAAC;YACT,QAAQ,EAAE,wBAAwB;YAClC,gnCAAkD;;SAEnD,CAAC;;OACW,0BAA0B,CAiDtC;IAAD,iCAAC;CAAA,AAjDD,CAAyD,2BAA2B,GAiDnF;SAjDY,0BAA0B","sourcesContent":["import { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core';\nimport { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';\nimport {\n  Dsl,\n  ListModel,\n  ListModelChain,\n  MutableValueModel,\n  StoreInListModel,\n  Trace,\n  TrackExternal, TransactionObserver\n} from '@coolon/pectin';\nimport _ from 'lodash';\nimport { AbstractValueInputComponent } from '../abstract-value-input.component';\n\n/**\n * Using templates (not only supported for nil values:\n * <aup-autocomplete-input [valueModel]=\"myModel\" [options]=\"myOptions\">\n *   <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>\n * </aup-autocomplete-input>\n */\n@Component({\n  selector: 'aup-autocomplete-input',\n  templateUrl: './autocomplete-input.component.html',\n  styleUrls: ['./autocomplete-input.component.scss']\n})\nexport class AutocompleteInputComponent<T = any> extends AbstractValueInputComponent<T> implements OnInit {\n\n  @Input() @TrackExternal()\n  optionsModel: ListModel<T>;\n\n  @Input() @StoreInListModel('optionsModel')\n  options: T[];\n\n  @Input()\n  optionLabel: keyof T;\n\n  @Input()\n  allowNil: boolean;\n\n  @ContentChild('nilOptionTemplate')\n  nilOptionTemplateRef: TemplateRef<any>;\n\n  private filterValue = new MutableValueModel<string>();\n  readonly filteredOptions: ListModelChain<T>;\n\n  @Input()\n  optionLabelFormat: (option: T) => any = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;\n\n  constructor() {\n    super();\n    const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n    const  lowerCaseFilterValue = chain(this.filterValue)\n      .map(v => _.isString(v) ? v.toLowerCase() : '');\n\n    this.filteredOptions = chain(this.optionsModel)\n      .select(option => {\n        return _.isEmpty(this.filterValue.value) || this.optionLabelFormat(option).toString().toLowerCase().includes(lowerCaseFilterValue.value);\n      }, { dependsOn: lowerCaseFilterValue });\n  }\n\n  ngOnInit() {\n  }\n\n  formatOption(option: T) {\n    return this.optionLabelFormat(option);\n  }\n\n  updateFilter($event: string) {\n    this.filterValue.value = $event;\n  }\n\n  onSelect($event: MatAutocompleteSelectedEvent) {\n    this.valueModel.value = $event.option.value;\n  }\n}\n"]}

package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.ngfactory.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-input.component.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/autocomplete-input/autocomplete-input.component.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}

package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.scss.shim.ngstyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autocomplete-input.component.scss.shim.ngstyle.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/forms/autocomplete-input/autocomplete-input.component.scss.shim.ngstyle.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n"]}