@coolon/angular-ui-powerups 16.1.0-aplpha.189 → 16.1.0-aplpha.2

package/lib/components/exports.d.ts

@@ -5,16 +5,15 @@ export * from "./alignment";
 export * from "./components.module";
 export * from "./disposable-component";
 export * from "./focusable.component";
-export * from "./loadable-component";
 export * from "./resize-aware.component";
 export * from "./track";
 export * from "./busy-overlay/busy-overlay.component";
 export * from "./cards/abstract-card-container.component";
 export * from "./cards/card-container/card-container.component";
+export * from "./cards/card-stack/card-stack.component";
 export * from "./commands/command-face";
 export * from "./commands/flex.component";
 export * from "./commands/separator.component";
-export * from "./commands/button-renderer/button-renderer.component";
 export * from "./commands/command/command.component";
 export * from "./commands/command-face/command-face.component";
 export * from "./commands/group/command-container";
@@ -26,18 +25,15 @@ export * from "./commands/group/popup-menu/popup-menu.component";
 export * from "./commands/group/popup-menu/popup-menu-renderer/popup-menu-renderer.component";
 export * from "./commands/group/tool-bar/tool-bar.component";
 export * from "./empty-state/empty-state.component";
-export * from "./file/file-download/file-download.component";
 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/form-field";
 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";
 export * from "./forms/password-input/password-input.component";
-export * from "./forms/search-input/search-input.component";
 export * from "./forms/select-input/select-input.component";
 export * from "./forms/string-input/string-input.component";
 export * from "./forms/text-input/text-input.component";
@@ -50,9 +46,8 @@ export * from "./section-header/section-header.component";
 export * from "./switch-case/switch-case.component";
 export * from "./tables/abstract-table-model";
 export * from "./tables/abstract-table.component";
-export * from "./tables/column/column-manager";
+export * from "./tables/column/column-list-model";
 export * from "./tables/column/column-model";
-export * from "./tables/column/column-order-manager";
 export * from "./tables/column/column-text-properties";
 export * from "./tables/column/custom-template-column-model";
 export * from "./tables/column/custom-value-column-model";
@@ -68,9 +63,7 @@ export * from "./tables/filter/column-text-search-formatter";
 export * from "./tables/filter/enable-cell-text-search.decorator";
 export * from "./tables/filter/table-filter-model";
 export * from "./tables/filter/text-search-predicate";
-export * from "./tables/footer/footer-row-model";
 export * from "./tables/paginator/paginator.component";
-export * from "./tables/renderer/abstract-cell-renderer";
 export * from "./tables/renderer/cell-editors";
 export * from "./tables/renderer/cell-portal-ref";
 export * from "./tables/renderer/cell-renderer";
@@ -78,16 +71,14 @@ export * from "./tables/renderer/default-cell-renderer/default-cell-renderer.com
 export * from "./tables/renderer/default-header-cell-renderer/default-header-cell-renderer.component";
 export * from "./tables/renderer/select-header-cell/selection-header-cell.component";
 export * from "./tables/renderer/selection-cell/selection-cell.component";
-export * from "./tables/renderer/table-action-column/menu-builder";
-export * from "./tables/renderer/table-action-column/table-action-column.component";
 export * from "./tables/renderer/table-body/table-body.component";
 export * from "./tables/renderer/table-cell/table-cell.component";
-export * from "./tables/renderer/table-custom-more-menu/table-custom-more-menu-popup.component";
-export * from "./tables/renderer/table-custom-more-menu/table-custom-more-menu.component";
-export * from "./tables/renderer/table-footer-row/table-footer-row.component";
 export * from "./tables/renderer/table-header-cell/table-header-cell.component";
+export * from "./tables/renderer/table-more-menu/table-more-menu.component";
+export * from "./tables/renderer/table-more-menu/table-more-menu-popup/table-more-menu-popup.component";
 export * from "./tables/table/table-model";
 export * from "./tables/table/table.component";
+export * from "./tables/table-row-menu/table-row-menu.component";
 export * from "./tables/tree-table/decorated-tree-node";
 export * from "./tables/tree-table/flattened-tree-list-model";
 export * from "./tables/tree-table/tree-expansion-model";
@@ -99,5 +90,6 @@ export * from "./tables/tree-table/tree-label-cell-renderer/tree-label-cell-rend
 export * from "./text/markdown/markdown.component";
 export * from "./types/bounds.class";
 export * from "./types/dimension.class";
+export * from "./types/loadable";
 export * from "./types/point.class";
 export * from "./vertical-focus-container/vertical-focus-container.component";

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

@@ -1,9 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { ErrorStateMatcher } from '@angular/material/core';
-import { FloatLabelType } from "@angular/material/form-field";
-import { Command, Disposable, EventListenerList, FocusManager, IMutableHasValue, ListModel, MutableValueModel, ValueModel } from '@coolon/pectin';
+import { Command, Disposable, EventListenerList, FocusManager, IMutableHasValue, ListModel, ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
-import { FormField } from "./form-field";
 import * as i0 from "@angular/core";
 interface InputModel<T> extends IMutableHasValue<T>, Disposable {
     value: T;
@@ -24,12 +22,10 @@ export declare class AbstractInputComponent<T> extends DisposableComponent {
      * gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).
      */
     protected readonly formValue$: InputModel<T>;
-    accessor i18n$: MutableValueModel<FormField>;
-    accessor i18n: FormField;
-    _label: string;
-    userFloatLabel: FloatLabelType;
-    _hint?: string;
-    _placeholder?: string;
+    label: string;
+    userFloatLabel: 'auto' | 'always' | 'never';
+    hint: string;
+    placeholder: string;
     dense: boolean;
     private readonly _enabled$;
     set enabled$(condition$: ValueModel<boolean>);
@@ -53,23 +49,18 @@ export declare class AbstractInputComponent<T> extends DisposableComponent {
     protected safelyInvoke(command: Command<any>): void;
     constructor(formValue$: InputModel<T>);
     isEnabled(): boolean;
-    get disabled(): boolean;
     hasErrors(): boolean;
     get errorList$(): ListModel<string>;
     get firstError(): string;
     get focusContext(): FocusManager.Context;
-    get label(): string;
-    get hint(): string;
-    get placeholder(): string;
-    get floatLabel(): FloatLabelType;
+    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;
-    protected hackyGetI18n(key: keyof FormField): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractInputComponent<any>, "ng-component", never, { "i18n$": { "alias": "i18n$"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "userFloatLabel": { "alias": "floatLabel"; "required": false; }; "_hint": { "alias": "hint"; "required": false; }; "_placeholder": { "alias": "placeholder"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "enabled$": { "alias": "enabled$"; "required": false; }; "focusCommand": { "alias": "command.focus"; "required": false; }; "blurCommand": { "alias": "command.blur"; "required": false; }; "enterCommand": { "alias": "command.enter"; "required": false; }; "escapeCommand": { "alias": "command.escape"; "required": false; }; "clickCommand": { "alias": "command.click"; "required": false; }; }, { "focus": "focus"; "blur": "blur"; "enterKey": "enterKey"; "escapeKey": "escapeKey"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractInputComponent<any>, "ng-component", never, { "label": { "alias": "label"; "required": false; }; "userFloatLabel": { "alias": "floatLabel"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "enabled$": { "alias": "enabled$"; "required": false; }; "focusCommand": { "alias": "command.focus"; "required": false; }; "blurCommand": { "alias": "command.blur"; "required": false; }; "enterCommand": { "alias": "command.enter"; "required": false; }; "escapeCommand": { "alias": "command.escape"; "required": false; }; "clickCommand": { "alias": "command.click"; "required": false; }; }, { "focus": "focus"; "blur": "blur"; "enterKey": "enterKey"; "escapeKey": "escapeKey"; }, never, never, false, never>;
 }
 export {};

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

@@ -1,6 +1,6 @@
 import { AfterViewInit, TemplateRef } from "@angular/core";
-import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { MatInput } from "@angular/material/input";
+import { MatLegacyAutocompleteSelectedEvent as MatAutocompleteSelectedEvent } from '@angular/material/legacy-autocomplete';
+import { MatLegacyInput as MatInput } from "@angular/material/legacy-input";
 import { ListModel, ListModelChain, MutableValueModel, Predicate } from "@coolon/pectin";
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";

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

@@ -1,11 +1,9 @@
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
-import { MatCheckboxChange } from '@angular/material/checkbox';
 import * as i0 from "@angular/core";
 export declare class CheckboxInputComponent extends AbstractValueInputComponent<boolean> {
     color: 'primary' | 'warn' | 'accent';
     labelPosition: 'before' | 'after';
     constructor();
-    select($event: MatCheckboxChange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxInputComponent, "aup-checkbox-input", never, { "color": { "alias": "color"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,23 +1,11 @@
-import { Command, ValueModel, ValueModelChain } from "@coolon/pectin";
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
 export declare class NumberInputComponent extends AbstractValueInputComponent<number> {
     autocomplete: string;
-    accessor min$: ValueModel<number>;
-    accessor min: number;
-    accessor max$: ValueModel<number>;
-    accessor max: number;
-    accessor significantDigits$: ValueModel<number>;
-    accessor significantDigits: number;
-    protected readonly incrementCommand: Command<void>;
-    protected readonly decrementCommand: Command<void>;
-    protected readonly displayValue$: ValueModel<number>;
-    protected readonly step$: ValueModelChain<number>;
+    min: number;
+    max: number;
+    iconPrefix: string;
     constructor();
-    private increment;
-    private decrement;
-    private clampSignificantDigits;
-    onValueChange(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent, "aup-number-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "min$": { "alias": "min$"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max$": { "alias": "max$"; "required": false; }; "max": { "alias": "max"; "required": false; }; "significantDigits$": { "alias": "significantDigits$"; "required": false; }; "significantDigits": { "alias": "significantDigits"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberInputComponent, "aup-number-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "iconPrefix": { "alias": "iconPrefix"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,14 +1,8 @@
-import { Command, MutableValueModel, ValueModel } from "@coolon/pectin";
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
 export declare class PasswordInputComponent extends AbstractValueInputComponent<string> {
     autocomplete: string;
-    accessor enableShowPassword$: ValueModel<boolean>;
-    accessor enableShowPassword: boolean;
-    protected readonly showPassword$: MutableValueModel<boolean>;
-    protected readonly toggleShowPasswordCommand: Command<void>;
     constructor();
-    get fieldType(): "text" | "password";
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputComponent, "aup-password-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "enableShowPassword$": { "alias": "enableShowPassword$"; "required": false; }; "enableShowPassword": { "alias": "enableShowPassword"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordInputComponent, "aup-password-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -4,10 +4,9 @@ import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
 /**
  * Using templates:
- * <aup-select-input [value$]="myModel" [options]="myOptions">
+ * <aup-select-input [valueModel]="myModel" [options]="myOptions">
  *   <ng-template #optionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
- *   <ng-template #selectedOptionTemplate let-option>{{option.thePropertyYouWant}} note, not used for nils (the placeholder is used)</ng-template>
- *   <ng-template #nilOptionTemplate>Uses the placeholder by default but you can customise it</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 {
@@ -28,5 +27,5 @@ export declare class SelectInputComponent<T = any> extends AbstractValueInputCom
     select(item: T): void;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectInputComponent<any>, "aup-select-input", never, { "options$": { "alias": "options$"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "allowNil": { "alias": "allowNil"; "required": false; }; "optionLabelFormat": { "alias": "optionLabelFormat"; "required": false; }; }, {}, ["selectedOptionTemplateRef", "optionTemplateRef", "nilOptionTemplateRef"], ["[select-option-footer]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectInputComponent<any>, "aup-select-input", never, { "options$": { "alias": "options$"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "allowNil": { "alias": "allowNil"; "required": false; }; "optionLabelFormat": { "alias": "optionLabelFormat"; "required": false; }; }, {}, ["selectedOptionTemplateRef", "optionTemplateRef", "nilOptionTemplateRef"], never, false, never>;
 }

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

@@ -1,4 +1,3 @@
-import { ElementRef } from '@angular/core';
 import { Command, ValueModel } from '@coolon/pectin';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
@@ -7,13 +6,8 @@ export declare class StringInputComponent extends AbstractValueInputComponent<st
     accessor enableClear$: ValueModel<boolean>;
     accessor enableClear: boolean;
     iconPrefix: string;
-    accessor suffixCommand: Command;
-    inputMode: 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
     readonly clearCommand: Command<void>;
-    readonly elementRef: ElementRef<any>;
     constructor();
-    get hasSuffixCommand(): boolean;
-    select(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StringInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StringInputComponent, "aup-string-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "enableClear$": { "alias": "enableClear$"; "required": false; }; "enableClear": { "alias": "enableClear"; "required": false; }; "iconPrefix": { "alias": "iconPrefix"; "required": false; }; "suffixCommand": { "alias": "suffixCommand"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StringInputComponent, "aup-string-input", never, { "autocomplete": { "alias": "autocomplete"; "required": false; }; "enableClear$": { "alias": "enableClear$"; "required": false; }; "enableClear": { "alias": "enableClear"; "required": false; }; "iconPrefix": { "alias": "iconPrefix"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,12 +1,9 @@
-import { ElementRef } from '@angular/core';
 import { AbstractValueInputComponent } from '../abstract-value-input.component';
 import * as i0 from "@angular/core";
 export declare class TextInputComponent extends AbstractValueInputComponent<string> {
     rows: number;
     cols: number;
-    readonly elementRef: ElementRef<any>;
     constructor();
-    select(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "aup-text-input", never, { "rows": { "alias": "rows"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/loading-container/loading-container.component.d.ts

@@ -1,11 +1,14 @@
+import { OnInit } from '@angular/core';
 import { GarbageCollector, ValueModel } from '@coolon/pectin';
 import * as i0 from "@angular/core";
-export declare class LoadingContainerComponent extends GarbageCollector {
+export declare class LoadingContainerComponent extends GarbageCollector implements OnInit {
     accessor loading$: ValueModel<boolean>;
     accessor loading: boolean;
     accessor message$: ValueModel<string>;
     accessor message: string;
     get state(): string;
+    constructor();
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LoadingContainerComponent, "aup-loading-container", never, { "loading$": { "alias": "loading$"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message$": { "alias": "message$"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class NoopComponent {
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NoopComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NoopComponent, "aup-noop", never, {}, {}, never, never, false, never>;
 }

package/lib/components/resize-aware.component.d.ts

@@ -1,44 +1,25 @@
 import { AfterViewInit, ElementRef, NgZone } from '@angular/core';
-import { GarbageCollector, ValueModel } from '@coolon/pectin';
+import { ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from './disposable-component';
 import { Bounds } from './types/bounds.class';
 import { Point } from './types/point.class';
 import * as i0 from "@angular/core";
 export declare class ResizeAwareComponent extends DisposableComponent implements AfterViewInit {
-    protected readonly elementRef: ElementRef<any>;
+    protected readonly elementRef: ElementRef;
     protected readonly ngZone: NgZone;
-    protected boundsTracker: ResizeAwareComponent.ResizeTracker;
+    private _boundsModel;
+    constructor(elementRef: ElementRef, ngZone: NgZone);
     ngAfterViewInit(): void;
-    get bounds$(): ValueModel<Bounds>;
+    get boundsModel(): ValueModel<Bounds>;
     get nativeElement(): any;
     relativePositionOf(point: {
         x: number;
         y: number;
     } | MouseEvent): Point;
     get bounds(): Bounds;
+    private _updateBounds;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResizeAwareComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeAwareComponent, never, never, {}, {}, never, never, false, never>;
 }
 export declare namespace ResizeAwareComponent {
-    class ResizeTracker extends GarbageCollector {
-        protected readonly elementRef: ElementRef;
-        protected readonly ngZone: NgZone;
-        private _bounds$;
-        readonly width$: ValueModel<number>;
-        readonly height$: ValueModel<number>;
-        readonly top$: ValueModel<number>;
-        readonly left$: ValueModel<number>;
-        readonly bottom$: ValueModel<number>;
-        readonly right$: ValueModel<number>;
-        constructor(elementRef: ElementRef, ngZone: NgZone);
-        notifyViewReady(): void;
-        get bounds$(): ValueModel<Bounds>;
-        get nativeElement(): any;
-        relativePositionOf(point: {
-            x: number;
-            y: number;
-        } | MouseEvent): Point;
-        get bounds(): Bounds;
-        private _updateBounds;
-    }
 }

package/lib/components/switch-case/switch-case.component.d.ts

@@ -1,25 +1,25 @@
-import { AfterContentInit, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, QueryList, TemplateRef } from '@angular/core';
 import { ValueModel } from '@coolon/pectin';
 import { DisposableComponent } from '../disposable-component';
 import * as i0 from "@angular/core";
 export declare abstract class SwitchCaseOption<T> {
-    readonly templateRef: TemplateRef<object>;
+    readonly templateRef: TemplateRef<Object>;
     abstract readonly isDefault: boolean;
-    constructor(templateRef: TemplateRef<object>);
+    constructor(templateRef: TemplateRef<Object>);
     get name(): string;
     abstract matches(value: T): boolean;
 }
 export declare class SwitchCaseWhenDirective<T> extends SwitchCaseOption<T> {
     aupSwitchCaseWhen: T;
     readonly isDefault = false;
-    constructor(templateRef: TemplateRef<object>);
+    constructor(templateRef: TemplateRef<Object>);
     matches(value: T): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SwitchCaseWhenDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SwitchCaseWhenDirective<any>, "[aupSwitchCaseWhen]", never, { "aupSwitchCaseWhen": { "alias": "aupSwitchCaseWhen"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class SwitchCaseDefaultDirective<T> extends SwitchCaseOption<T> {
     readonly isDefault = true;
-    constructor(templateRef: TemplateRef<object>);
+    constructor(templateRef: TemplateRef<Object>);
     matches(value: T): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SwitchCaseDefaultDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SwitchCaseDefaultDirective<any>, "[aupSwitchCaseDefault]", never, {}, {}, never, never, false, never>;
@@ -32,11 +32,12 @@ export declare class SwitchCaseDefaultDirective<T> extends SwitchCaseOption<T> {
  * </aup-switch-case>
  */
 export declare class SwitchCaseComponent<T> extends DisposableComponent implements AfterContentInit {
+    private cdr;
     accessor switch$: ValueModel<T>;
     accessor switch: T;
     switchCaseOptions: QueryList<SwitchCaseOption<T>>;
     selectedIndex: number;
-    constructor();
+    constructor(cdr: ChangeDetectorRef);
     ngAfterContentInit(): void;
     private updateSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<SwitchCaseComponent<any>, never>;

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

@@ -1,38 +1,32 @@
-import { ComponentType } from '@angular/cdk/overlay';
-import { Injector } from '@angular/core';
-import { BooleanValueModelChain, Command, Constructable, DelegatingListModel, DependsOnOptions, DirtyTrackingForm, Disposable, GarbageCollector, HasValue, ListModel, SelectionModel, Types, ValueModel, ValueModelChain } from '@coolon/pectin';
-import { ColumnManager } from './column/column-manager';
-import { CellRendererOptions, ColumnModel, OnComponentInit } from './column/column-model';
-import { ColumnOrderManager } from './column/column-order-manager';
-import { ColumnTextProperties } from './column/column-text-properties';
-import { CustomTemplateColumnModel } from './column/custom-template-column-model';
-import { CustomValueColumnModel } from './column/custom-value-column-model';
-import { EditorControlColumnModel } from './column/editor-controls-column-model';
-import { ListPropertyColumnModel } from './column/list-propery-column-model';
-import { PropertyColumnModel } from './column/property-column-model';
-import { SelectionColumnModel } from './column/selection-column-model';
-import { EditSession } from './editor/edit-session';
-import { TextSearchPredicate } from './filter/text-search-predicate';
-import { FooterRowModel } from './footer/footer-row-model';
-import { CellRenderer } from './renderer/cell-renderer';
-import { MenuBuilder } from './renderer/table-action-column/menu-builder';
-import { TableActionColumnComponent } from './renderer/table-action-column/table-action-column.component';
-import { TableCustomMoreMenuPopupComponent } from './renderer/table-custom-more-menu/table-custom-more-menu-popup.component';
-export declare abstract class AbstractTableModel<Row extends object> extends GarbageCollector {
+import { ComponentType } from "@angular/cdk/overlay";
+import { Injector } from "@angular/core";
+import { BooleanValueModelChain, Command, Constructable, DelegatingListModel, DirtyTrackingForm, Disposable, GarbageCollector, ListModel, SelectionModel, Types, ValueModel, ValueModelChain } from "@coolon/pectin";
+import { CellRendererOptions, ColumnModel, OnComponentInit } from "./column/column-model";
+import { ColumnTextProperties } from "./column/column-text-properties";
+import { CustomTemplateColumnModel } from "./column/custom-template-column-model";
+import { CustomValueColumnModel } from "./column/custom-value-column-model";
+import { EditorControlColumnModel } from "./column/editor-controls-column-model";
+import { ListPropertyColumnModel } from "./column/list-propery-column-model";
+import { PropertyColumnModel } from "./column/property-column-model";
+import { SelectionColumnModel } from "./column/selection-column-model";
+import { EditSession } from "./editor/edit-session";
+import { CellRenderer } from "./renderer/cell-renderer";
+import { TextSearchPredicate } from "./filter/text-search-predicate";
+import { TableMoreMenuPopupComponent } from "./renderer/table-more-menu/table-more-menu-popup/table-more-menu-popup.component";
+export declare abstract class AbstractTableModel<Row> extends GarbageCollector {
     protected readonly _dataSource$: DelegatingListModel<Row>;
     protected readonly _filteredRows$: DelegatingListModel<Row>;
     protected readonly _visibleRows$: DelegatingListModel<Row>;
-    protected readonly columnManager: ColumnManager<Row>;
+    private readonly _columnList;
     private _editorSessions;
     private readonly _rowsBeingEdited$;
     private saveCommandFactory;
     private _editorSessionByRowId;
     private readonly rowClassNamePredicates;
-    private readonly rowAttributeGenerators;
     private _columnTextPropertiesLookup;
     readonly editing$: BooleanValueModelChain;
     readonly firstEditableColumn$: ValueModelChain<ColumnModel<Row>>;
-    readonly selectionColumnModel: SelectionColumnModel<Row>;
+    private selectionColumnModel;
     private rowSelectionDisabledOnAllColumns$;
     private readonly rowClickListeners;
     readonly firstVisibleColumn$: ValueModel<ColumnModel<Row>>;
@@ -41,11 +35,10 @@ export declare abstract class AbstractTableModel<Row extends object> extends Gar
     readonly textSearchPredicate$: ValueModel<TextSearchPredicate<Row>>;
     protected identityOf: (item: Row) => any;
     readonly dataSourceEmpty$: ValueModel<boolean>;
+    private readonly selectionModelProxy;
     readonly selectedItems$: ListModel<Row>;
     readonly leadSelection$: ValueModel<Row>;
     readonly hasSelection$: BooleanValueModelChain;
-    footerRowModel: FooterRowModel.Impl<any>;
-    private readonly _viewDependencies;
     constructor();
     protected setDataSource(dataSource$: any): void;
     /**
@@ -55,16 +48,6 @@ export declare abstract class AbstractTableModel<Row extends object> extends Gar
      * @param rest
      */
     initialise(injector: Injector, identityOf: (item: Row) => any): void;
-    /**
-     * Adds additional models that will trigger a table repaint.  This is required if the table
-     * needs to be redrawn outside of changes to the rows of filters.  i.e. some eternal state is used
-     * to assign row classes etc.
-     *
-     * Note: This function must be called before the table is bound to the model.
-     * @param hasValues
-     */
-    viewStateDependsOn(...hasValues: ReadonlyArray<HasValue<any>>): void;
-    get viewStateDependencies(): ReadonlyArray<HasValue<any>>;
     get dataSource$(): ListModel<Row>;
     /**
      * Gets the rows that are visible after any filters are applied.  If there are
@@ -80,32 +63,24 @@ export declare abstract class AbstractTableModel<Row extends object> extends Gar
     startEditSession(row: Row): EditSession<Row>;
     getEditSessionFor(row: Row): EditSession<Row>;
     cancelAllEditorSessions(): void;
-    get columns$(): ListModel<ColumnModel<Row>>;
-    get visibleColumns$(): ListModel<ColumnModel<Row>>;
+    get columns(): ListModel<ColumnModel<Row>>;
+    get visibleColumns(): 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>;
-    useSelectionModel(selectionModel?: SelectionModel<Row>): void;
+    protected _addSelectionColumn(selectionModel?: SelectionModel<Row>, visible?: ValueModel<boolean> | boolean): SelectionColumnModel<Row>;
     addEditControls(saveCommandFactory: Command.Factory<DirtyTrackingForm<Row>, boolean | Promise<boolean>>, formFactory?: (row: Row) => DirtyTrackingForm<Row>): EditorControlColumnModel<Row>;
     addCustomColumn<V>(columnId: string, dataAccessor: (row: Row) => V): CustomValueColumnModel<Row, V>;
     addComponentColumn<C extends CellRenderer<Partial<Row>>>(columnId: string, component: ComponentType<C>, onInit?: OnComponentInit<C>): CustomValueColumnModel<Row, Row>;
     addComponentColumn<C extends CellRenderer<Partial<Row>>>(columnId: string, component: ComponentType<C>, options?: CellRendererOptions<Row, C>): CustomValueColumnModel<Row, Row>;
-    addMoreMenu<C extends TableCustomMoreMenuPopupComponent<Row>>(builder: (menu: MenuBuilder<Row>) => void): CustomValueColumnModel<Row, Row>;
-    /**
-     * Use this method if the more menu popup needs custom components
-     */
-    addCustomMoreMenu<C extends TableCustomMoreMenuPopupComponent<Row>>(componentClass: Constructable<C>, initialiseCallback?: (component: C) => void): CustomValueColumnModel<Row, Row>;
-    addActionColumn(builder: (menu: TableActionColumnComponent<Row>) => void): CustomValueColumnModel<Row, Row>;
-    addFooterRow<C>(component: ComponentType<C>, initialiseCallback?: (component: C) => void): FooterRowModel<C>;
+    addMoreMenu(componentClass: Constructable<TableMoreMenuPopupComponent<Row>>): CustomValueColumnModel<Row, Row>;
     addTemplateColumn<V>(columnId: string): CustomTemplateColumnModel<Row>;
-    addRowClass(className: string, predicate: (row: Row) => boolean, options?: DependsOnOptions): void;
-    addRowAttribute(attributeName: string, getValue: (row: Row) => string): void;
+    addRowClass(className: string, predicate: (row: Row) => boolean): void;
     getRowClasses(row: Row): string[];
-    getRowAttributes(row: Row): Record<string, string>;
-    protected addColumn<C extends ColumnModel<Row>>(column: C, position?: ColumnOrderManager.Position): C;
+    protected addColumn<C extends ColumnModel<Row>>(column: C, index?: number): C;
     columnTextProperties(columnTextProperties: {
         [columnName: string]: ColumnTextProperties;
     }): void;

package/lib/components/tables/abstract-table.component.d.ts

@@ -1,5 +1,5 @@
 import { Injector, OnInit, TemplateRef, ViewContainerRef } from "@angular/core";
-import { DelegatingListModel, DelegatingValueModel, ListModelChain, ValueModel } from "@coolon/pectin";
+import { DelegatingListModel, DelegatingValueModel, ListModel, ListModelChain, ValueModel } from "@coolon/pectin";
 import { DisposableComponent } from "../disposable-component";
 import { AbstractTableModel } from './abstract-table-model';
 import { ColumnModel } from './column/column-model';
@@ -63,7 +63,7 @@ import * as i0 from "@angular/core";
  *   }
  * }
  */
-export declare class AbstractTableComponent<Row extends object> extends DisposableComponent implements OnInit {
+export declare class AbstractTableComponent<Row> extends DisposableComponent implements OnInit {
     readonly injector: Injector;
     accessor showHeader$: ValueModel<boolean>;
     accessor showHeader: boolean;
@@ -72,8 +72,7 @@ export declare class AbstractTableComponent<Row extends object> extends Disposab
      * need to set it explicitly e.g. height: 400px; or by using flex or grid layout to make it fill it's
      * containment area.
      */
-    accessor enableScrolling$: ValueModel<boolean>;
-    accessor enableScrolling: boolean;
+    enableScrolling: boolean;
     columns: ListModelChain<ColumnModel<Row>>;
     columnIds: ListModelChain<string>;
     private columnsById;
@@ -88,9 +87,9 @@ export declare class AbstractTableComponent<Row extends object> extends Disposab
     constructor(injector: Injector);
     identityOf(row: Row): any;
     ngOnInit(): void;
-    get visibleRows$(): import("@coolon/pectin").ListModel<Row>;
+    get visibleRows$(): ListModel<Row>;
     protected getModel(): AbstractTableModel<Row>;
     registerColumnTemplate(columnId: string, templateRef: TemplateRef<any>, viewContainer: ViewContainerRef, fillCell: boolean, padChild: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractTableComponent<any>, "aup-abstract-table", never, { "showHeader$": { "alias": "showHeader$"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "enableScrolling$": { "alias": "enableScrolling$"; "required": false; }; "enableScrolling": { "alias": "enableScrolling"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractTableComponent<any>, "aup-abstract-table", never, { "showHeader$": { "alias": "showHeader$"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "enableScrolling": { "alias": "enableScrolling"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/tables/column/column-list-model.d.ts

@@ -0,0 +1,13 @@
+import { AbstractComputedListModel, ListModel } from '@coolon/pectin';
+import { ColumnModel } from './column-model';
+export declare class ColumnListModel<Row> extends AbstractComputedListModel<ColumnModel<Row>, boolean> {
+    private readonly _allColumns$;
+    private readonly columnsById$;
+    constructor();
+    get allColumns$(): ListModel<ColumnModel<Row>>;
+    getColumn(id: string): ColumnModel<Row>;
+    hasColumn(id: string): boolean;
+    hasMatchingColumn(row: Row, regex: RegExp): boolean;
+    addColumn<C extends ColumnModel<Row>>(column: C, index?: number): C;
+    doComputeValue(): ColumnModel<Row>[];
+}