@elderbyte/ngx-starter 14.3.0 → 14.3.3

package/lib/common/data/data-context/data-context-base.d.ts

@@ -28,7 +28,7 @@ export declare abstract class DataContextBase<T> extends DataSource<T> implement
     private readonly _closed;
     private readonly _primaryIndex;
     private readonly _reloadQueue;
-    protected readonly unsubscribe$: Subject<any>;
+    protected readonly unsubscribe$: Subject<void>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *

package/lib/common/forms/elder-form-field-control.d.ts

@@ -0,0 +1,86 @@
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { ValueAccessorBase } from './value-accessor-base';
+import { Observable } from 'rxjs';
+import { AbstractControlDirective, NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+/**
+ * Base for custom material form field controls.
+ * https://material.angular.io/guide/creating-a-custom-form-field-control
+ *
+ * Implementors must provide the MatFormFieldControl:
+ * providers: [{provide: MatFormFieldControl, useExisting: MyCoolInput}]
+ */
+export declare abstract class ElderFormFieldControl<T> extends ValueAccessorBase<T> implements MatFormFieldControl<T> {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private static nextId;
+    private _placeholder;
+    private _disabled;
+    private _required;
+    private _readonly;
+    private _focused;
+    private readonly stateChangePusher$;
+    readonly id: string;
+    readonly ngControl: NgControl | AbstractControlDirective | null;
+    readonly controlType: string;
+    readonly autofilled: boolean;
+    readonly userAriaDescribedBy: string;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(controlType: string, ngControl?: NgControl);
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    set placeholder(value: string);
+    get placeholder(): string;
+    set required(value: boolean);
+    get required(): boolean;
+    set disabled(value: boolean);
+    get disabled(): boolean;
+    set readonly(value: boolean);
+    get readonly(): boolean;
+    get isLocked(): boolean;
+    get stateChanges(): Observable<void>;
+    get errorState(): boolean;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get focused(): boolean;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    onContainerClick(event: MouseEvent): void;
+    setDescribedByIds(ids: string[]): void;
+    /***************************************************************************
+     *                                                                         *
+     * Abstract API                                                            *
+     *                                                                         *
+     **************************************************************************/
+    /**
+     * Focus this control.
+     * @param options
+     */
+    abstract focus(options?: FocusOptions): void;
+    /**
+     * Blur this control.
+     */
+    abstract blur(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Internal API                                                            *
+     *                                                                         *
+     **************************************************************************/
+    protected onFocusInternal(): void;
+    protected onBlurInternal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderFormFieldControl<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderFormFieldControl<any>, never, never, { "placeholder": "placeholder"; "required": "required"; "disabled": "disabled"; "readonly": "readonly"; }, {}, never, never, false>;
+}

package/lib/common/forms/public_api.d.ts

@@ -2,4 +2,5 @@ export * from './view-providers';
 export * from './template-composite-control';
 export * from './value-accessor-base';
 export * from './form-field-base.component';
+export * from './elder-form-field-control';
 export * from './multi-model-base.component';

package/lib/common/public_api.d.ts

@@ -6,7 +6,6 @@ export * from './utils/public_api';
 export * from './selection/public_api';
 export * from './http/public_api';
 export * from './i18n/public_api';
-export * from './rxjs/public_api';
 export * from './enums/public_api';
 export * from './errors/public_api';
 export * from './csv/public_api';

package/lib/components/data-view/base/data-view-options-provider-binding.d.ts

@@ -0,0 +1,39 @@
+import { Observable } from 'rxjs';
+import { ElderDataViewBaseComponent } from './elder-data-view-base';
+import { ElderDataViewOptionsProvider } from './elder-data-view-options-provider';
+import { ElderDataViewOptions } from './elder-data-view-options';
+export declare class DataViewOptionsProviderBinding {
+    private readonly _dataViewBaseComponent;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private _optionsProvider;
+    /***************************************************************************
+     *                                                                         *
+     * Static Builder                                                          *
+     *                                                                         *
+     **************************************************************************/
+    static of(dataViewBaseComponent: ElderDataViewBaseComponent): DataViewOptionsProviderBinding;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    protected constructor(_dataViewBaseComponent: ElderDataViewBaseComponent);
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    dataViewOptionsProvider(optionsProvider: ElderDataViewOptionsProvider): this;
+    bindUntil(unsubscribe$: Observable<any>): this;
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    applyOptions(options: ElderDataViewOptions): void;
+}

package/lib/components/data-view/base/elder-data-view-base.d.ts

@@ -1,11 +1,12 @@
-import { BehaviorSubject, Observable } from 'rxjs';
-import { ElderDataViewSelectionMode } from '../../select/popup/selection-model-popup.directive';
+import { OnDestroy, OnInit } from '@angular/core';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { IDataContext, IDataContextActivePage, IDataContextContinuable } from '../../../common/data/data-context/data-context';
 import { SelectionModel } from '../../../common/selection/selection-model';
 import { ElderDataViewInteractionMode, IElderDataView } from './elder-data-view';
+import { ElderDataViewOptionsProvider } from './elder-data-view-options-provider';
 import * as i0 from "@angular/core";
-export declare class ElderDataViewBaseComponent implements IElderDataView {
-    protected readonly dataViewSelection: ElderDataViewSelectionMode;
+export declare abstract class ElderDataViewBaseComponent implements IElderDataView, OnInit, OnDestroy {
+    protected readonly dataViewOptionsProvider: ElderDataViewOptionsProvider;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -20,6 +21,14 @@ export declare class ElderDataViewBaseComponent implements IElderDataView {
      */
     readonly selectionModel: SelectionModel<any>;
     interactionMode: ElderDataViewInteractionMode;
+    /**
+     * Define if elder-table should clean up the
+     * data-context resources for you.
+     *
+     * In more advanced scenarios where you plan to reuse the same data-context
+     * set this to false and release the resources yourself. (dataContext.close)
+     */
+    cleanUp: boolean;
     /**
      * If true, this table is in dense mode.
      * Heights are generally reduced.
@@ -37,12 +46,20 @@ export declare class ElderDataViewBaseComponent implements IElderDataView {
     private _embedded;
     private readonly _itemClickSubject;
     private readonly EntityIdKeyFn;
+    protected readonly destroy$: Subject<void>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(selectionModel: SelectionModel<any>, dataViewSelection: ElderDataViewSelectionMode);
+    constructor(selectionModel: SelectionModel<any>, dataViewOptionsProvider: ElderDataViewOptionsProvider);
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -64,6 +81,8 @@ export declare class ElderDataViewBaseComponent implements IElderDataView {
     get selectionChange(): Observable<any[]>;
     get selectionSingleChange(): Observable<any>;
     set selectionMultiEnabled(enableMultiSelection: boolean);
+    abstract get selectionVisible(): boolean;
+    abstract set selectionVisible(selectionVisible: boolean);
     /***************************************************************************
      *                                                                         *
      * On click properties                                                     *
@@ -101,6 +120,10 @@ export declare class ElderDataViewBaseComponent implements IElderDataView {
      *                                                                         *
      **************************************************************************/
     protected getId(entity: any): any;
+    /**
+     * Performs clean up of the current data context if auto clean up is enabled.
+     */
+    protected autoCleanUp(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderDataViewBaseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderDataViewBaseComponent, "elder-data-view-base", never, { "interactionMode": "interactionMode"; "selectableEvaluatorFn": "selectableEvaluatorFn"; "selection": "selection"; "selectionMultiEnabled": "selectionMultiEnabled"; "dense": "dense"; "float": "float"; "embedded": "embedded"; }, { "selectionChange": "selectionChange"; "selectionSingleChange": "selectionSingleChange"; "itemClick": "itemClick"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderDataViewBaseComponent, never, never, { "interactionMode": "interactionMode"; "cleanUp": "cleanUp"; "selectableEvaluatorFn": "selectableEvaluatorFn"; "selection": "selection"; "selectionMultiEnabled": "selectionMultiEnabled"; "dense": "dense"; "float": "float"; "embedded": "embedded"; }, { "selectionChange": "selectionChange"; "selectionSingleChange": "selectionSingleChange"; "itemClick": "itemClick"; }, never, never, false>;
 }

package/lib/{common/rxjs/lazy-behavior-subject.d.ts → components/data-view/base/elder-data-view-options-provider.d.ts}

@@ -1,12 +1,12 @@
-import { Observable, Operator, Subject, Subscriber, Subscription, TeardownLogic } from 'rxjs';
-export declare class LazyBehaviorSubject<T> extends Subject<T> {
+import { BehaviorSubject } from 'rxjs';
+import { ElderDataViewOptions } from './elder-data-view-options';
+export declare class ElderDataViewOptionsProvider {
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
      *                                                                         *
      **************************************************************************/
-    private readonly _innerSubject;
-    private _currentValue;
+    readonly options$: BehaviorSubject<ElderDataViewOptions>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -15,24 +15,24 @@ export declare class LazyBehaviorSubject<T> extends Subject<T> {
     constructor();
     /***************************************************************************
      *                                                                         *
-     * Public Api                                                              *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get options(): ElderDataViewOptions;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    getValue(): T;
-    lift<R>(operator: Operator<T, R>): Observable<R>;
-    next(value?: T): void;
-    error(err: any): void;
-    complete(): void;
-    unsubscribe(): void;
-    /** @deprecated This is an internal implementation detail, do not use. */
-    _trySubscribe(subscriber: Subscriber<T>): TeardownLogic;
-    /** @deprecated This is an internal implementation detail, do not use. */
-    _subscribe(subscriber: Subscriber<T>): Subscription;
     /**
-     * Creates a new Observable with this Subject as the source. You can do this
-     * to create customize Observer-side logic of the Subject and conceal it from
-     * code that uses the Observable.
-     * @return {Observable} Observable that the Subject casts to
+     * Example usage:
+     *
+     * this.updateOptions(
+     *      options => options.withInteractionMode('open')
+     *                        .withFilters([])
+     * )
+     *
+     * @param optionsFn function modifying the options
      */
-    asObservable(): Observable<T>;
+    updateOptions(optionsFn: ((opt: ElderDataViewOptions) => ElderDataViewOptions)): void;
 }

package/lib/components/data-view/base/elder-data-view-options.d.ts

@@ -0,0 +1,33 @@
+import { Sort } from '../../../common/data/sort';
+import { Filter } from '../../../common/data/filter';
+import { ElderDataViewInteractionMode } from '../elder-data-view-interaction-mode';
+/**
+ * Options for supporting data view components.
+ */
+export declare class ElderDataViewOptions {
+    readonly sorts: Sort[];
+    readonly filters: Filter[];
+    readonly selectionMultiEnabled: boolean;
+    readonly interactionMode: ElderDataViewInteractionMode;
+    static defaultOptions(): ElderDataViewOptions;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(sorts: Sort[], filters: Filter[], selectionMultiEnabled: boolean, interactionMode: ElderDataViewInteractionMode);
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    withSorts(sorts: Sort[]): ElderDataViewOptions;
+    withFilters(filters: Filter[]): ElderDataViewOptions;
+    withSelectionMultiEnabled(selectionMultiEnabled: boolean): ElderDataViewOptions;
+    withInteractionMode(interactionMode: ElderDataViewInteractionMode): ElderDataViewOptions;
+}

package/lib/components/data-view/base/public_api.d.ts

@@ -0,0 +1,5 @@
+export * from './elder-data-view';
+export * from './elder-data-view-base';
+export * from './elder-data-view-options';
+export * from './elder-data-view-options-provider';
+export * from './data-view-options-provider-binding';

package/lib/components/data-view/grid/elder-grid/elder-grid.component.d.ts

@@ -1,13 +1,13 @@
-import { AfterViewInit, OnDestroy, OnInit, TemplateRef, TrackByFunction, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, OnInit, TemplateRef, TrackByFunction, ViewContainerRef } from '@angular/core';
 import { Observable } from 'rxjs';
 import { IDataContext, IDataContextContinuable } from '../../../../common/data/data-context/data-context';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { SelectionModel } from '../../../../common/selection/selection-model';
 import { MediaObserver } from '@angular/flex-layout';
 import { Sort } from '../../../../common/data/sort';
-import { ElderDataViewSelectionMode } from '../../../select/popup/selection-model-popup.directive';
 import { ElderDataViewBaseComponent } from '../../base/elder-data-view-base';
 import { MatPaginator } from '@angular/material/paginator';
+import { ElderDataViewOptionsProvider } from '../../base/elder-data-view-options-provider';
 import * as i0 from "@angular/core";
 export declare class ElderGridTileDirective {
     templateRef: TemplateRef<any>;
@@ -26,7 +26,7 @@ export declare class ElderGridToolbarDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderGridToolbarDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ElderGridToolbarDirective, "[elderGridToolbar]", never, {}, {}, never, never, false>;
 }
-export declare class ElderGridComponent extends ElderDataViewBaseComponent implements OnInit, AfterViewInit, OnDestroy {
+export declare class ElderGridComponent extends ElderDataViewBaseComponent implements OnInit, AfterViewInit {
     private mediaObserver;
     /***************************************************************************
      *                                                                         *
@@ -62,13 +62,12 @@ export declare class ElderGridComponent extends ElderDataViewBaseComponent imple
     matPaginator: MatPaginator;
     toolbarTemplateQuery: TemplateRef<any>;
     private _toolbarTemplate;
-    private readonly destroy$;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(selectionModel: SelectionModel<any>, dataViewSelection: ElderDataViewSelectionMode, mediaObserver: MediaObserver);
+    constructor(selectionModel: SelectionModel<any>, dataViewOptionsProvider: ElderDataViewOptionsProvider, mediaObserver: MediaObserver);
     /***************************************************************************
      *                                                                         *
      * Lifecycle                                                               *
@@ -76,7 +75,6 @@ export declare class ElderGridComponent extends ElderDataViewBaseComponent imple
      **************************************************************************/
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *

package/lib/components/data-view/public_api.d.ts

@@ -1,5 +1,5 @@
+export * from './base/public_api';
 export * from './common/elder-data-common.module';
-export * from './base/elder-data-view-base.module';
 export * from './table/elder-table.module';
 export * from './simple/elder-simple-selection-view/elder-simple-selection-view.module';
 export * from './grid/elder-grid.module';

package/lib/components/data-view/table/elder-table/elder-table.component.d.ts

@@ -1,19 +1,19 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, NgZone, OnDestroy, OnInit, QueryList, TemplateRef, TrackByFunction } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, NgZone, OnInit, QueryList, TemplateRef, TrackByFunction } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { IDataContext } from '../../../../common/data/data-context/data-context';
 import { SelectionModel } from '../../../../common/selection/selection-model';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { CdkColumnDef, CdkRowDef, CdkTable } from '@angular/cdk/table';
-import { ElderDataViewSelectionMode } from '../../../select/popup/selection-model-popup.directive';
 import { ElderTableRowDirective } from '../elder-table-row.directive';
 import { IDataSource } from '../../../../common/data/datasource/data-source';
 import { ElderDataViewBaseComponent } from '../../base/elder-data-view-base';
 import { ElderTableModel } from '../model/elder-table-model';
 import { ElderTableExtensionDirective } from '../elder-table-extension.directive';
 import { ElderTableColumnDirective } from '../elder-table-column.directive';
+import { ElderDataViewOptionsProvider } from '../../base/elder-data-view-options-provider';
 import * as i0 from "@angular/core";
-export declare class ElderTableComponent extends ElderDataViewBaseComponent implements OnInit, OnDestroy, AfterContentInit, AfterViewInit {
+export declare class ElderTableComponent extends ElderDataViewBaseComponent implements OnInit, AfterContentInit, AfterViewInit {
     readonly tableModel: ElderTableModel;
     private readonly parentExtension;
     private cdr;
@@ -24,7 +24,6 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
      *                                                                         *
      **************************************************************************/
     private readonly logger;
-    private readonly destroy$;
     /**
      * Load next chunk after current is done
      */
@@ -59,14 +58,6 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
      */
     hiddenField: string;
     pageSizeOptions: number[];
-    /**
-     * Define if elder-table should clean up the
-     * data-context resources for you.
-     *
-     * In more advanced scenarios where you plan to reuse the same data-context
-     * set this to false and release the resources yourself. (dataContext.close)
-     */
-    cleanUp: boolean;
     keepSelection: boolean;
     showFooter: boolean;
     canLoadMore$: Observable<boolean>;
@@ -95,7 +86,7 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(tableModel: ElderTableModel, selectionModel: SelectionModel<any>, dataViewSelection: ElderDataViewSelectionMode, matSort: MatSort, parentExtension: ElderTableExtensionDirective, cdr: ChangeDetectorRef, zone: NgZone);
+    constructor(tableModel: ElderTableModel, selectionModel: SelectionModel<any>, dataViewOptionsProvider: ElderDataViewOptionsProvider, matSort: MatSort, parentExtension: ElderTableExtensionDirective, cdr: ChangeDetectorRef, zone: NgZone);
     /***************************************************************************
      *                                                                         *
      * Life Cycle                                                              *
@@ -104,7 +95,6 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
-    ngOnDestroy(): void;
     /***************************************************************************
      *                                                                         *
      * Properties                                                              *
@@ -134,10 +124,6 @@ export declare class ElderTableComponent extends ElderDataViewBaseComponent impl
      *                                                                         *
      **************************************************************************/
     private setupSelectionLifeCycle;
-    /**
-     * Performs clean up of the current data context if auto clean up is enabled.
-     */
-    private autoCleanUp;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderTableComponent, [null, { optional: true; }, { optional: true; skipSelf: true; }, { optional: true; }, { optional: true; skipSelf: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ElderTableComponent, "elder-table, ebs-table", never, { "idField": "idField"; "removingField": "removingField"; "hiddenField": "hiddenField"; "pageSizeOptions": "pageSizeOptions"; "cleanUp": "cleanUp"; "keepSelection": "keepSelection"; "showFooter": "showFooter"; "toolbarTemplate": "toolbarTemplate"; "data": "data"; "displayedColumns": "displayedColumns"; "selectionVisible": "selectionVisible"; }, {}, ["columnDefs", "elderColumns", "rowDefs", "toolbarRowTemplateQuery"], never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ElderTableComponent, "elder-table, ebs-table", never, { "idField": "idField"; "removingField": "removingField"; "hiddenField": "hiddenField"; "pageSizeOptions": "pageSizeOptions"; "keepSelection": "keepSelection"; "showFooter": "showFooter"; "toolbarTemplate": "toolbarTemplate"; "data": "data"; "displayedColumns": "displayedColumns"; "selectionVisible": "selectionVisible"; }, {}, ["columnDefs", "elderColumns", "rowDefs", "toolbarRowTemplateQuery"], never, false>;
 }

package/lib/components/iframes/data-view/data-view-iframe/data-view-iframe.component.d.ts

@@ -0,0 +1,66 @@
+import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
+import { IframeHostComponent } from '../../iframe-host/iframe-host.component';
+import { SelectionModel } from '../../../../common/selection/selection-model';
+import { Observable } from 'rxjs';
+import { DataViewMessage, TypedEventMessage } from '../../typed-event-message';
+import { ElderDataViewOptions } from '../../../data-view/base/elder-data-view-options';
+import * as i0 from "@angular/core";
+/**
+ * Container for displaying a remote data view in an iframe.
+ * Provides capabilities to communicate between remote data view (child)
+ * and iframe parent.
+ */
+export declare class DataViewIframeComponent implements OnInit, OnDestroy, AfterViewInit {
+    private selectionModel;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private readonly _dataViewOptions$;
+    private readonly _destroy$;
+    srcUrl: string;
+    idField: string;
+    initialSelection: any[];
+    iframeHost: IframeHostComponent;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(selectionModel: SelectionModel<any>);
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get dataViewOptions(): ElderDataViewOptions;
+    set dataViewOptions(options: ElderDataViewOptions);
+    get dataViewOptions$(): Observable<ElderDataViewOptions>;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    onMessageFromChild(message: TypedEventMessage<any, any>): void;
+    sendMessageToChild(message: DataViewMessage<any>): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private handleSelectionMessage;
+    private setupDataViewOptionsBridge;
+    private buildDataViewInitMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataViewIframeComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataViewIframeComponent, "elder-data-view-iframe", never, { "srcUrl": "srcUrl"; "idField": "idField"; "initialSelection": "initialSelection"; "dataViewOptions": "dataViewOptions"; }, {}, never, never, false>;
+}

package/lib/components/iframes/data-view/data-view-iframe-adapter.directive.d.ts

@@ -0,0 +1,62 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { SelectionModel } from '../../../common/selection/selection-model';
+import { IframeService } from '../iframe.service';
+import { ElderDataViewOptionsProvider } from '../../data-view/base/elder-data-view-options-provider';
+import * as i0 from "@angular/core";
+export declare function createSelectionModel(): SelectionModel<any>;
+export declare function createDataOptionsProvider(): ElderDataViewOptionsProvider;
+/**
+ * An adapter bridging communication between
+ * a data view displayed in an iframe and its parent.
+ *
+ * For example propagates selection model changes
+ * to the iframe parent.
+ */
+export declare class DataViewIframeAdapterDirective implements OnInit, OnDestroy {
+    private readonly iframeService;
+    private readonly selectionModel;
+    private readonly dataViewOptionsProvider;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private readonly _destroy$;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(iframeService: IframeService, selectionModel: SelectionModel<any>, dataViewOptionsProvider: ElderDataViewOptionsProvider);
+    /***************************************************************************
+     *                                                                         *
+     * Listeners                                                               *
+     *                                                                         *
+     **************************************************************************/
+    /**
+     * Listens for messages from parent window.
+     * Makes it possible to react upon messages from iframe parent.
+     *
+     * @param event message from parent window
+     */
+    onWindowsMessage(event: MessageEvent): boolean;
+    /***************************************************************************
+     *                                                                         *
+     * Life Cycle                                                              *
+     *                                                                         *
+     **************************************************************************/
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private handleMessageFromParent;
+    private initializeDataView;
+    private propagateSelectionToParent;
+    private buildSelectionMessage;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataViewIframeAdapterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DataViewIframeAdapterDirective, "[elderDataViewIframeAdapter]", never, {}, {}, never, never, false>;
+}

package/lib/components/iframes/elder-iframe.module.d.ts

@@ -3,22 +3,26 @@ import * as i1 from "./iframe-host/iframe-host.component";
 import * as i2 from "./iframe-dialog/iframe-dialog.component";
 import * as i3 from "./iframe-side-content/iframe-side-content.component";
 import * as i4 from "./iframe-close.directive";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/router";
-import * as i7 from "@angular/forms";
-import * as i8 from "@angular/flex-layout";
-import * as i9 from "@ngx-translate/core";
-import * as i10 from "@angular/material/icon";
-import * as i11 from "@angular/material/button";
-import * as i12 from "../../pipes/elder-pipes.module";
+import * as i5 from "./data-view/data-view-iframe/data-view-iframe.component";
+import * as i6 from "./data-view/data-view-iframe-adapter.directive";
+import * as i7 from "@angular/common";
+import * as i8 from "@angular/router";
+import * as i9 from "@angular/forms";
+import * as i10 from "@angular/flex-layout";
+import * as i11 from "@ngx-translate/core";
+import * as i12 from "@angular/material/icon";
+import * as i13 from "@angular/material/button";
+import * as i14 from "../../pipes/elder-pipes.module";
 export * from './iframe.service';
 export * from './iframe-close.directive';
 export * from './iframe-host/iframe-host.component';
 export * from './iframe-side-content/iframe-side-content.component';
 export * from './iframe-dialog/iframe-dialog.component';
-export * from './iframe-message';
+export * from './typed-event-message';
+export * from './data-view/data-view-iframe/data-view-iframe.component';
+export * from './data-view/data-view-iframe-adapter.directive';
 export declare class ElderIFrameModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderIFrameModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderIFrameModule, [typeof i1.IframeHostComponent, typeof i2.IframeDialogComponent, typeof i3.IframeSideContentComponent, typeof i4.IframeCloseDirective], [typeof i5.CommonModule, typeof i6.RouterModule, typeof i7.FormsModule, typeof i8.FlexLayoutModule, typeof i9.TranslateModule, typeof i10.MatIconModule, typeof i11.MatButtonModule, typeof i12.ElderPipesModule], [typeof i1.IframeHostComponent, typeof i2.IframeDialogComponent, typeof i3.IframeSideContentComponent, typeof i4.IframeCloseDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ElderIFrameModule, [typeof i1.IframeHostComponent, typeof i2.IframeDialogComponent, typeof i3.IframeSideContentComponent, typeof i4.IframeCloseDirective, typeof i5.DataViewIframeComponent, typeof i6.DataViewIframeAdapterDirective], [typeof i7.CommonModule, typeof i8.RouterModule, typeof i9.FormsModule, typeof i10.FlexLayoutModule, typeof i11.TranslateModule, typeof i12.MatIconModule, typeof i13.MatButtonModule, typeof i14.ElderPipesModule], [typeof i1.IframeHostComponent, typeof i2.IframeDialogComponent, typeof i3.IframeSideContentComponent, typeof i4.IframeCloseDirective, typeof i5.DataViewIframeComponent, typeof i6.DataViewIframeAdapterDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ElderIFrameModule>;
 }