@elderbyte/ngx-starter 19.4.2 → 19.6.0

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

@@ -15,7 +15,7 @@ export declare abstract class DataContextContinuableBase<T> extends DataContextB
      *                                                                         *
      **************************************************************************/
     private readonly cblogger;
-    private _chunkSize;
+    private readonly _chunkSize$;
     /***************************************************************************
      *                                                                         *
      * Constructors                                                            *
@@ -28,7 +28,8 @@ export declare abstract class DataContextContinuableBase<T> extends DataContextB
      *                                                                         *
      **************************************************************************/
     loadAll(sorts?: Sort[], filters?: Filter[]): void;
-    get chunkSize(): number;
+    get chunkSize$(): Observable<number>;
+    get chunkSize(): number | undefined;
     set chunkSize(size: number);
     /***************************************************************************
      *                                                                         *

package/lib/common/data/data-context/data-context-continuable-paged.d.ts

@@ -47,7 +47,6 @@ export declare class DataContextContinuablePaged<T> extends DataContextContinuab
      *                                                                         *
      **************************************************************************/
     private checkHasMoreData;
-    protected onChunkSizeChanged(newSize: number): void;
     protected reloadInternal(): Observable<any>;
     protected clearAll(silent?: boolean): void;
     private fetchPage;

package/lib/common/data/data-context/data-context-continuable-token.d.ts

@@ -40,6 +40,8 @@ export declare class DataContextContinuableToken<T> extends DataContextContinuab
     protected clearAll(silent?: boolean): void;
     protected reloadInternal(): Observable<any>;
     private fetchNextChunk;
+    private onChunkFetched;
+    private onChunkFetchError;
     /**
      * Load the data from the given page into the current data context
      */

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

@@ -146,6 +146,12 @@ export interface IDataContextContinuable<T> extends IDataContext<T> {
      * paged context loads page by page until finished.
      */
     loadAll(sorts?: Sort[], filters?: Filter[]): void;
+    /**
+     * Set the desired chunk size
+     */
+    set chunkSize(size: number | undefined);
+    get chunkSize(): number;
+    get chunkSize$(): Observable<number | undefined>;
 }
 export interface IDataContextActivePage<T> extends IDataContext<T> {
     /**

package/lib/common/data/data-context/mat-table-data-context-binding.d.ts

@@ -2,6 +2,7 @@ import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { IDataContext } from './data-context';
 import { Observable } from 'rxjs';
+import { ElderContinuatorComponent } from '../../../components/data-view/common/elder-continuator/elder-continuator.component';
 export declare class MatTableDataContextBindingBuilder {
     /***************************************************************************
      *                                                                         *
@@ -12,6 +13,7 @@ export declare class MatTableDataContextBindingBuilder {
     private _dataContext$;
     private _sorts$;
     private _matPaginator$;
+    private _continuator$;
     /***************************************************************************
      *                                                                         *
      * Static Builder                                                          *
@@ -26,12 +28,14 @@ export declare class MatTableDataContextBindingBuilder {
      **************************************************************************/
     withSorts(sorts$: Observable<MatSort[]>): this;
     withPaginator(paginator$: Observable<MatPaginator>): this;
+    withContinuator(continuator$: Observable<ElderContinuatorComponent>): this;
     bindUntil(destroy$: Observable<any>): MatTableDataContextBinding;
 }
 export declare class MatTableDataContextBinding {
     private readonly _dataContext$;
     private readonly _matSorts$;
     private readonly _matPaginator$;
+    private readonly _continuator$;
     /***************************************************************************
      *                                                                         *
      * Fields                                                                  *
@@ -43,7 +47,7 @@ export declare class MatTableDataContextBinding {
      * Constructor                                                             *
      *                                                                         *
      **************************************************************************/
-    constructor(_dataContext$: Observable<IDataContext<any>>, _matSorts$: Observable<MatSort[]> | null, _matPaginator$: Observable<MatPaginator> | null, destroy$: Observable<any>);
+    constructor(_dataContext$: Observable<IDataContext<any>>, _matSorts$: Observable<MatSort[]> | null, _matPaginator$: Observable<MatPaginator> | null, _continuator$: Observable<ElderContinuatorComponent> | null, destroy$: Observable<any>);
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *
@@ -55,6 +59,7 @@ export declare class MatTableDataContextBinding {
     private updateMatSort;
     private bindMatSortsToDataContextUntil;
     private bindPaginatorUntil;
+    private bindContinuatorUntil;
     private toMatDirection;
     private fromMatDirection;
 }

package/lib/common/data/datasource/data-source.d.ts

@@ -5,6 +5,7 @@ import { Page, Pageable } from '../page';
 import { TokenChunkRequest } from '../token-chunk-request';
 import { ContinuableListing } from '../continuable-listing';
 import { DataSourceChangeEvent } from './data-source-change-event';
+import { LocalListDataSource } from "./local/local-list-data-source";
 /***************************************************************************
  *                                                                         *
  * Data Fetcher APIs                                                       *
@@ -55,5 +56,6 @@ export interface IContinuableDataSource<T> extends IContinuationFetcher<T>, IDat
  **************************************************************************/
 export declare function isDataSource(object: any): object is IDataSource<any>;
 export declare function isListDataSource(object: IDataSource<any>): object is IListDataSource<any>;
+export declare function isLocalListDataSource(object: IDataSource<any>): object is LocalListDataSource<any>;
 export declare function isPagedDataSource(object: IDataSource<any>): object is IPagedDataSource<any>;
 export declare function isContinuableDataSource(object: IDataSource<any>): object is IContinuableDataSource<any>;

package/lib/common/data/datasource/local/local-list-data-source.d.ts

@@ -58,7 +58,7 @@ export declare class LocalListDataSource<T> extends DataSourceBase<T> implements
     deleteAll(toDelete: T[]): void;
     deleteAllById(idsToDelete: any[]): void;
     saveAll(toSave: T[]): void;
-    save(entity: T): void;
+    save(entity: T, index?: number): void;
     /***************************************************************************
      *                                                                         *
      * Private methods                                                         *

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

@@ -16,6 +16,7 @@ export declare class SortContext {
     get sortsSnapshot(): Sort[];
     findSortDirection(prop: string): SortDirection | undefined;
     findSort(prop: string): Sort | undefined;
+    isEmpty(): boolean;
     /***************************************************************************
      *                                                                         *
      * Public API                                                              *

package/lib/common/data/token-chunk-request.d.ts

@@ -1,8 +1,19 @@
 import { Sort } from './sort';
 import { Filter } from './filters/filter';
+import { ContinuableListing } from './continuable-listing';
 export declare class TokenChunkRequest {
     readonly nextContinuationToken: string | null | undefined;
     readonly filters: Filter[];
     readonly sorts: Sort[];
-    constructor(nextContinuationToken: string | null | undefined, filters: Filter[], sorts: Sort[]);
+    readonly chunkSize: number | undefined;
+    static first(filters: Filter[], sorts: Sort[], chunkSize: number | undefined): TokenChunkRequest;
+    static nextIfAvailable(listing: ContinuableListing<any>, filters: Filter[], sorts: Sort[]): TokenChunkRequest | undefined;
+    /**
+     *
+     * @param nextContinuationToken The continuation token. If not defined, fetches the first chunk.
+     * @param filters Filters to send with the request.
+     * @param sorts Sorts to send with the request.
+     * @param chunkSize The desired chunk size. Since servers are in control of chunk-size (performance), this is only considered a hint which might be ignored.
+     */
+    constructor(nextContinuationToken: string | null | undefined, filters: Filter[], sorts: Sort[], chunkSize: number | undefined);
 }

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

@@ -1,4 +1,3 @@
-import { BooleanInput } from '@angular/cdk/coercion';
 import { OnDestroy, OnInit, Signal } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import { IDataContext, IDataContextActivePage, IDataContextContinuable } from '../../../common/data/data-context/data-context';
@@ -31,12 +30,8 @@ export declare abstract class ElderDataViewBaseComponent<T = any> implements IEl
      * 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.
-     */
-    private _dense;
+    readonly cleanUp: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    readonly dense: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
     private readonly _itemClickSubject;
     private readonly EntityIdKeyFn;
     protected readonly destroy$: Subject<void>;
@@ -46,7 +41,9 @@ export declare abstract class ElderDataViewBaseComponent<T = any> implements IEl
     readonly canLoadMore: Signal<boolean | undefined>;
     readonly viewData: Signal<T[] | undefined>;
     readonly currentPage: Signal<PageRequest | undefined>;
+    readonly currentChunkSize: Signal<number | undefined>;
     readonly currentSelection: Signal<T[] | undefined>;
+    readonly selectionSingleChange: Observable<any>;
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -80,7 +77,6 @@ export declare abstract class ElderDataViewBaseComponent<T = any> implements IEl
     set selectableEvaluatorFn(selectableEvaluatorFn: (entity: any) => boolean);
     set selection(selection: any[]);
     get selectionChange(): Observable<any[]>;
-    get selectionSingleChange(): Observable<any>;
     set selectionMultiEnabled(enableMultiSelection: boolean);
     abstract get selectionVisible(): boolean;
     abstract set selectionVisible(selectionVisible: boolean);
@@ -90,13 +86,6 @@ export declare abstract class ElderDataViewBaseComponent<T = any> implements IEl
      *                                                                         *
      **************************************************************************/
     get itemClick(): Observable<any>;
-    /***************************************************************************
-     *                                                                         *
-     * Style Properties                                                        *
-     *                                                                         *
-     **************************************************************************/
-    set dense(value: BooleanInput);
-    get dense(): boolean;
     /***************************************************************************
      *                                                                         *
      * Event Entry Points                                                      *
@@ -124,5 +113,5 @@ export declare abstract class ElderDataViewBaseComponent<T = any> implements IEl
      */
     protected autoCleanUp(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ElderDataViewBaseComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderDataViewBaseComponent<any>, never, never, { "interactionMode": { "alias": "interactionMode"; "required": false; }; "cleanUp": { "alias": "cleanUp"; "required": false; }; "selectableEvaluatorFn": { "alias": "selectableEvaluatorFn"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectionMultiEnabled": { "alias": "selectionMultiEnabled"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; }, { "selectionChange": "selectionChange"; "selectionSingleChange": "selectionSingleChange"; "itemClick": "itemClick"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderDataViewBaseComponent<any>, never, never, { "interactionMode": { "alias": "interactionMode"; "required": false; }; "cleanUp": { "alias": "cleanUp"; "required": false; "isSignal": true; }; "dense": { "alias": "dense"; "required": false; "isSignal": true; }; "selectableEvaluatorFn": { "alias": "selectableEvaluatorFn"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "selectionMultiEnabled": { "alias": "selectionMultiEnabled"; "required": false; }; }, { "selectionSingleChange": "selectionSingleChange"; "selectionChange": "selectionChange"; "itemClick": "itemClick"; }, never, never, true, never>;
 }

package/lib/components/data-view/common/drag-and-drop/data-view-dnd-controller.service.d.ts

@@ -0,0 +1,70 @@
+import { CdkDragDrop, CdkDragEnter, CdkDragExit, CdkDropList } from '@angular/cdk/drag-drop';
+import { Observable, Subject } from 'rxjs';
+import { IElderDataView } from '../../base/elder-data-view';
+import { DataViewItemDropEvent } from './events/data-view-item-drop-event';
+import { IDataContext } from '../../../../common/data/data-context/data-context';
+import { DataViewDragEnteredEvent } from './events/data-view-drag-entered-event';
+import { DataViewDragExitedEvent } from './events/data-view-drag-exited-event';
+import * as i0 from "@angular/core";
+/**
+ * Controller service for a single data view with drag and drop support
+ * (ElderDataViewDndDirective).
+ */
+export declare class DataViewDndControllerService<T> {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private readonly _dropList$;
+    private readonly _dataView$;
+    private readonly _canDragItemPredicate$;
+    private readonly _ignoreSamePositionDrops$;
+    readonly itemDropped$: Subject<DataViewItemDropEvent<T>>;
+    readonly dropListEntered$: Subject<DataViewDragEnteredEvent<T>>;
+    readonly dropListExited$: Subject<DataViewDragExitedEvent<T>>;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor();
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get dropList$(): Observable<CdkDropList>;
+    get canDragItemPredicate$(): Observable<(item: T) => boolean>;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    registerDataView(dataView: IElderDataView<T>): void;
+    register(cdkDropList: CdkDropList): void;
+    setCanDragItemPredicate(predicate: (item: T) => boolean): void;
+    setIgnoreSamePositionDrops(ignoreSamePositionDrops: boolean): void;
+    /***************************************************************************
+     *                                                                         *
+     * Event Handling                                                          *
+     *                                                                         *
+     **************************************************************************/
+    onItemDropped(event: CdkDragDrop<IDataContext<T>>): void;
+    onDropListEntered(event: CdkDragEnter<IDataContext<T>, T>): void;
+    onDropListExited(event: CdkDragExit<IDataContext<T>, T>): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private handleItemDropped;
+    private buildItemDropEvent;
+    private handleDropListEntered;
+    private buildDragEnteredEvent;
+    private handleDropListExited;
+    private buildDragExitedEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataViewDndControllerService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DataViewDndControllerService<any>>;
+}

package/lib/components/data-view/common/drag-and-drop/elder-data-view-dnd.directive.d.ts

@@ -0,0 +1,66 @@
+import { OutputRef } from '@angular/core';
+import { DataViewItemDropEvent } from './events/data-view-item-drop-event';
+import { IElderDataView } from '../../base/elder-data-view';
+import { DataViewDndControllerService } from './data-view-dnd-controller.service';
+import { IDataContext } from '../../../../common/data/data-context/data-context';
+import { DataViewDragEnteredEvent } from './events/data-view-drag-entered-event';
+import { DataViewDragExitedEvent } from './events/data-view-drag-exited-event';
+import * as i0 from "@angular/core";
+/**
+ * Directive adding drag and drop support on an Elder data view.
+ */
+export declare class ElderDataViewDndDirective<T> {
+    private readonly dndController;
+    readonly _dataView: IElderDataView<T>;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private readonly _dataContext;
+    private readonly _dropList;
+    /** Used to disconnect obsolete event bindings. */
+    private readonly _unsubscribeEventBindings;
+    /** Controls if drag and drop is generally enabled or not. */
+    readonly canDrag: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    /** Allows connecting different drop views together. */
+    readonly dropConnectedTo: import("@angular/core").InputSignal<string[]>;
+    /** Predicate to determine if an item is draggable or not. */
+    readonly canDragItemPredicate: import("@angular/core").InputSignal<(item: T) => boolean>;
+    /** Predicate to determine if one can enter a drop view. */
+    readonly canEnterPredicate: import("@angular/core").InputSignal<(item: T, context: IDataContext<T>) => boolean>;
+    /** If ture, will ignore drop events where the item was dropped at the same position from where it was dragged. */
+    readonly ignoreSamePositionDrops: import("@angular/core").InputSignalWithTransform<boolean, import("@angular/cdk/coercion").BooleanInput>;
+    /** Fired when an item is dropped. */
+    readonly itemDropped: OutputRef<DataViewItemDropEvent<T>>;
+    /** Fired when a drop view is entered while dragging. */
+    readonly dropListEntered: OutputRef<DataViewDragEnteredEvent<T>>;
+    /** Fired when a drop view is exited while dragging. */
+    readonly dropListExited: OutputRef<DataViewDragExitedEvent<T>>;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(dndController: DataViewDndControllerService<T>, _dataView: IElderDataView<T>);
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get controller(): DataViewDndControllerService<T>;
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private bindEvents;
+    private bindCanDrag;
+    private bindConnectedTo;
+    private bindCanEnterPredicate;
+    private dropEnterPredicate;
+    private bindData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDataViewDndDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderDataViewDndDirective<any>, "[elderDataViewDnd]", never, { "canDrag": { "alias": "canDrag"; "required": false; "isSignal": true; }; "dropConnectedTo": { "alias": "dropConnectedTo"; "required": false; "isSignal": true; }; "canDragItemPredicate": { "alias": "canDragItemPredicate"; "required": false; "isSignal": true; }; "canEnterPredicate": { "alias": "canEnterPredicate"; "required": false; "isSignal": true; }; "ignoreSamePositionDrops": { "alias": "ignoreSamePositionDrops"; "required": false; "isSignal": true; }; }, { "itemDropped": "itemDropped"; "dropListEntered": "dropListEntered"; "dropListExited": "dropListExited"; }, never, never, true, never>;
+}

package/lib/components/data-view/common/drag-and-drop/elder-data-view-item-drag.directive.d.ts

@@ -0,0 +1,38 @@
+import { CdkDrag } from '@angular/cdk/drag-drop';
+import { DataViewDndControllerService } from './data-view-dnd-controller.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/drag-drop";
+/**
+ * Adds drag and drop support for items of elder data view.
+ */
+export declare class ElderDataViewItemDragDirective<T> {
+    readonly dndController: DataViewDndControllerService<T>;
+    readonly cdkDrag: CdkDrag;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    /** The item that is being dragged. */
+    readonly item: import("@angular/core").InputSignal<T>;
+    /** Controls if the item can be dragged or not.
+     * We explicitly initialize with null and don't use booleanTransformFn since we need to know if the
+     * user defined this or if we should fall back to a superior predicate fn.
+     * */
+    readonly canDragItem: import("@angular/core").InputSignal<any>;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(dndController: DataViewDndControllerService<T>, cdkDrag: CdkDrag);
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private bindCanDragItem;
+    private bindData;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDataViewItemDragDirective<any>, [{ optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderDataViewItemDragDirective<any>, "[elderElderDataViewItemDrag]", never, { "item": { "alias": "elderElderDataViewItemDrag"; "required": true; "isSignal": true; }; "canDragItem": { "alias": "canDragItem"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.CdkDrag; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/data-view/common/drag-and-drop/events/data-view-drag-entered-event.d.ts

@@ -0,0 +1,16 @@
+import { IDataContext } from '../../../../../common/data/data-context/data-context';
+export declare class DataViewDragEnteredEvent<T> {
+    /** Data context into which the user has moved the item. */
+    readonly context: IDataContext<T>;
+    /** Item that was moved into the container. */
+    readonly item: T;
+    /** Index at which the item has entered the container. */
+    readonly currentIndex: number;
+    constructor(
+    /** Data context into which the user has moved the item. */
+    context: IDataContext<T>, 
+    /** Item that was moved into the container. */
+    item: T, 
+    /** Index at which the item has entered the container. */
+    currentIndex: number);
+}

package/lib/components/data-view/common/drag-and-drop/events/data-view-drag-exited-event.d.ts

@@ -0,0 +1,12 @@
+import { IDataContext } from '../../../../../common/data/data-context/data-context';
+export declare class DataViewDragExitedEvent<T> {
+    /** Data context from which the user has a removed an item. */
+    readonly context: IDataContext<T>;
+    /** Item that was removed from the container. */
+    readonly item: T;
+    constructor(
+    /** Data context from which the user has a removed an item. */
+    context: IDataContext<T>, 
+    /** Item that was removed from the container. */
+    item: T);
+}

package/lib/components/data-view/common/drag-and-drop/events/data-view-item-drop-event.d.ts

@@ -0,0 +1,74 @@
+import { IDataContext } from '../../../../../common/data/data-context/data-context';
+export declare class DataViewItemDropEvent<T> {
+    /**
+     * fromStack The stack where the card originated from
+     */
+    readonly fromContext: IDataContext<T>;
+    /**
+     * toStack The stack where the card is dropped to
+     */
+    readonly toContext: IDataContext<T>;
+    /**
+     * card The row-item domain model
+     */
+    readonly item: T;
+    /**
+     *  fromIndex Index of the item when it was picked up fromContext.
+     */
+    readonly fromIndex: number;
+    /**
+     * toIndex Current index of the item in toContext.
+     */
+    readonly toIndex: number;
+    /**
+     * isPointerOverContainer Whether the user's pointer was over the container when the item was dropped.
+     */
+    readonly isPointerOverContainer: boolean;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(
+    /**
+     * fromStack The stack where the card originated from
+     */
+    fromContext: IDataContext<T>, 
+    /**
+     * toStack The stack where the card is dropped to
+     */
+    toContext: IDataContext<T>, 
+    /**
+     * card The row-item domain model
+     */
+    item: T, 
+    /**
+     *  fromIndex Index of the item when it was picked up fromContext.
+     */
+    fromIndex: number, 
+    /**
+     * toIndex Current index of the item in toContext.
+     */
+    toIndex: number, 
+    /**
+     * isPointerOverContainer Whether the user's pointer was over the container when the item was dropped.
+     */
+    isPointerOverContainer: boolean);
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    /**
+     * Returns true if the drop happened across drop contexts.
+     */
+    isCrossContextDrop(): boolean;
+    /**
+     * Returns true if the drop happened at the exact same position as the drag started
+     */
+    isSamePositionDrop(): boolean;
+    /**
+     * Returns message string stating the drag. Useful for logging.
+     */
+    getDragLogMessage(): string;
+}

package/lib/components/data-view/common/drag-and-drop/events/public_api.d.ts

@@ -0,0 +1,3 @@
+export * from './data-view-drag-entered-event';
+export * from './data-view-drag-exited-event';
+export * from './data-view-item-drop-event';

package/lib/components/data-view/common/drag-and-drop/grouping/data-view-dnd-group-controller.service.d.ts

@@ -0,0 +1,42 @@
+import { Subject } from 'rxjs';
+import { DataViewItemDropEvent } from '../events/data-view-item-drop-event';
+import { ElderDataViewDndDirective } from '../elder-data-view-dnd.directive';
+import * as i0 from "@angular/core";
+/**
+ * Controller service for a single DataViewDndGroup.
+ */
+export declare class DataViewDndGroupControllerService<T> {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    private readonly _dropViews$;
+    /**
+     * Subject emitting each time an item is dropped on any drop view of this group.
+     */
+    readonly itemDropped$: Subject<DataViewItemDropEvent<T>>;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor();
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    setDropViews(dropViews: readonly ElderDataViewDndDirective<T>[]): void;
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    private getItemDropObservables;
+    private getItemDropObservable;
+    private handleItemDrop;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataViewDndGroupControllerService<any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DataViewDndGroupControllerService<any>>;
+}

package/lib/components/data-view/common/drag-and-drop/grouping/elder-data-view-dnd-group.directive.d.ts

@@ -0,0 +1,30 @@
+import { OutputRef } from '@angular/core';
+import { ElderDataViewDndDirective } from '../elder-data-view-dnd.directive';
+import { DataViewItemDropEvent } from '../events/data-view-item-drop-event';
+import { DataViewDndGroupControllerService } from './data-view-dnd-group-controller.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/drag-drop";
+/**
+ * Directive to group multiple drop data view together.
+ * Placing this directive to any element will automatically connect
+ * all ElderDataViewDndDirective elements beneath it.
+ */
+export declare class ElderDataViewDndGroupDirective<T> {
+    private readonly groupController;
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private readonly log;
+    readonly dropViews: import("@angular/core").Signal<readonly ElderDataViewDndDirective<T>[]>;
+    readonly itemDropped: OutputRef<DataViewItemDropEvent<T>>;
+    /***************************************************************************
+     *                                                                         *
+     * Constructor                                                             *
+     *                                                                         *
+     **************************************************************************/
+    constructor(groupController: DataViewDndGroupControllerService<T>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ElderDataViewDndGroupDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ElderDataViewDndGroupDirective<any>, "[elderDataViewDndGroup]", never, {}, { "itemDropped": "itemDropped"; }, ["dropViews"], never, true, [{ directive: typeof i1.CdkDropListGroup; inputs: {}; outputs: {}; }]>;
+}

package/lib/components/data-view/common/drag-and-drop/grouping/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './elder-data-view-dnd-group.directive';
+export * from './data-view-dnd-group-controller.service';

package/lib/components/data-view/common/drag-and-drop/local-data/data-view-dnd-model-util.d.ts

@@ -0,0 +1,40 @@
+import { DataViewItemDropEvent } from '../events/data-view-item-drop-event';
+import { LocalListDataSource } from '../../../../../common/data/datasource/local/local-list-data-source';
+import { IDataContext } from '../../../../../common/data/data-context/data-context';
+/**
+ * Support util for updating data view models
+ * according to drop events.
+ */
+export declare class DataViewDndModelUtil {
+    /***************************************************************************
+     *                                                                         *
+     * Fields                                                                  *
+     *                                                                         *
+     **************************************************************************/
+    private static readonly log;
+    /***************************************************************************
+     *                                                                         *
+     * Public API                                                              *
+     *                                                                         *
+     **************************************************************************/
+    static updateModel<T>(itemDropEvent: DataViewItemDropEvent<T>): void;
+    private static supportsModelUpdate;
+    private static moveItemAcrossContexts;
+    private static moveItemWithinContext;
+}
+export declare class ViewDropModelUpdateInstruction<T> {
+    readonly item: T;
+    readonly fromContext: IDataContext<T>;
+    readonly toContext: IDataContext<T>;
+    readonly fromIndex: number;
+    readonly toIndex: number;
+    static of<T>(dropEvent: DataViewItemDropEvent<T>): ViewDropModelUpdateInstruction<T>;
+    constructor(item: T, fromContext: IDataContext<T>, toContext: IDataContext<T>, fromIndex: number, toIndex: number);
+    /***************************************************************************
+     *                                                                         *
+     * Properties                                                              *
+     *                                                                         *
+     **************************************************************************/
+    get fromDataSource(): LocalListDataSource<T>;
+    get toDataSource(): LocalListDataSource<T>;
+}