dockview-core 7.0.4 → 8.1.0

package/dist/esm/api/panelApi.js

@@ -1,87 +0,0 @@
-import { DockviewEvent, Emitter } from '../events';
-import { CompositeDisposable, MutableDisposable } from '../lifecycle';
-export class WillFocusEvent extends DockviewEvent {
-    constructor() {
-        super();
-    }
-}
-/**
- * A core api implementation that should be used across all panel-like objects
- */
-export class PanelApiImpl extends CompositeDisposable {
-    get isFocused() {
-        return this._isFocused;
-    }
-    get isActive() {
-        return this._isActive;
-    }
-    get isVisible() {
-        return this._isVisible;
-    }
-    get width() {
-        return this._width;
-    }
-    get height() {
-        return this._height;
-    }
-    constructor(id, component) {
-        super();
-        this.id = id;
-        this.component = component;
-        this._isFocused = false;
-        this._isActive = false;
-        this._isVisible = true;
-        this._width = 0;
-        this._height = 0;
-        this._parameters = {};
-        this.panelUpdatesDisposable = new MutableDisposable();
-        this._onDidDimensionChange = new Emitter();
-        this.onDidDimensionsChange = this._onDidDimensionChange.event;
-        this._onDidChangeFocus = new Emitter();
-        this.onDidFocusChange = this._onDidChangeFocus.event;
-        //
-        this._onWillFocus = new Emitter();
-        this.onWillFocus = this._onWillFocus.event;
-        //
-        this._onDidVisibilityChange = new Emitter();
-        this.onDidVisibilityChange = this._onDidVisibilityChange.event;
-        this._onWillVisibilityChange = new Emitter();
-        this.onWillVisibilityChange = this._onWillVisibilityChange.event;
-        this._onDidActiveChange = new Emitter();
-        this.onDidActiveChange = this._onDidActiveChange.event;
-        this._onActiveChange = new Emitter();
-        this.onActiveChange = this._onActiveChange.event;
-        this._onDidParametersChange = new Emitter();
-        this.onDidParametersChange = this._onDidParametersChange.event;
-        this.addDisposables(this.onDidFocusChange((event) => {
-            this._isFocused = event.isFocused;
-        }), this.onDidActiveChange((event) => {
-            this._isActive = event.isActive;
-        }), this.onDidVisibilityChange((event) => {
-            this._isVisible = event.isVisible;
-        }), this.onDidDimensionsChange((event) => {
-            this._width = event.width;
-            this._height = event.height;
-        }), this.panelUpdatesDisposable, this._onDidDimensionChange, this._onDidChangeFocus, this._onDidVisibilityChange, this._onDidActiveChange, this._onWillFocus, this._onActiveChange, this._onWillFocus, this._onWillVisibilityChange, this._onDidParametersChange);
-    }
-    getParameters() {
-        return this._parameters;
-    }
-    initialize(panel) {
-        this.panelUpdatesDisposable.value = this._onDidParametersChange.event((parameters) => {
-            this._parameters = parameters;
-            panel.update({
-                params: parameters,
-            });
-        });
-    }
-    setVisible(isVisible) {
-        this._onWillVisibilityChange.fire({ isVisible });
-    }
-    setActive() {
-        this._onActiveChange.fire();
-    }
-    updateParameters(parameters) {
-        this._onDidParametersChange.fire(parameters);
-    }
-}

package/dist/esm/api/paneviewPanelApi.d.ts

@@ -1,26 +0,0 @@
-import { Emitter, Event } from '../events';
-import { PaneviewPanel } from '../paneview/paneviewPanel';
-import { SplitviewPanelApi, SplitviewPanelApiImpl } from './splitviewPanelApi';
-export interface ExpansionEvent {
-    readonly isExpanded: boolean;
-}
-export interface PaneviewPanelApi extends SplitviewPanelApi {
-    readonly isExpanded: boolean;
-    readonly onDidExpansionChange: Event<ExpansionEvent>;
-    readonly onMouseEnter: Event<MouseEvent>;
-    readonly onMouseLeave: Event<MouseEvent>;
-    setExpanded(isExpanded: boolean): void;
-}
-export declare class PaneviewPanelApiImpl extends SplitviewPanelApiImpl implements PaneviewPanelApi {
-    readonly _onDidExpansionChange: Emitter<ExpansionEvent>;
-    readonly onDidExpansionChange: Event<ExpansionEvent>;
-    readonly _onMouseEnter: Emitter<MouseEvent>;
-    readonly onMouseEnter: Event<MouseEvent>;
-    readonly _onMouseLeave: Emitter<MouseEvent>;
-    readonly onMouseLeave: Event<MouseEvent>;
-    private _pane;
-    set pane(pane: PaneviewPanel);
-    constructor(id: string, component: string);
-    setExpanded(isExpanded: boolean): void;
-    get isExpanded(): boolean;
-}

package/dist/esm/api/paneviewPanelApi.js

@@ -1,27 +0,0 @@
-import { Emitter } from '../events';
-import { SplitviewPanelApiImpl } from './splitviewPanelApi';
-export class PaneviewPanelApiImpl extends SplitviewPanelApiImpl {
-    set pane(pane) {
-        this._pane = pane;
-    }
-    constructor(id, component) {
-        super(id, component);
-        this._onDidExpansionChange = new Emitter({
-            replay: true,
-        });
-        this.onDidExpansionChange = this._onDidExpansionChange.event;
-        this._onMouseEnter = new Emitter({});
-        this.onMouseEnter = this._onMouseEnter.event;
-        this._onMouseLeave = new Emitter({});
-        this.onMouseLeave = this._onMouseLeave.event;
-        this.addDisposables(this._onDidExpansionChange, this._onMouseEnter, this._onMouseLeave);
-    }
-    setExpanded(isExpanded) {
-        var _a;
-        (_a = this._pane) === null || _a === void 0 ? void 0 : _a.setExpanded(isExpanded);
-    }
-    get isExpanded() {
-        var _a;
-        return !!((_a = this._pane) === null || _a === void 0 ? void 0 : _a.isExpanded());
-    }
-}

package/dist/esm/api/splitviewPanelApi.d.ts

@@ -1,32 +0,0 @@
-import { Emitter, Event } from '../events';
-import { IDisposable } from '../lifecycle';
-import { FunctionOrValue } from '../types';
-import { PanelApiImpl, PanelApi } from './panelApi';
-interface PanelConstraintChangeEvent2 {
-    readonly minimumSize?: FunctionOrValue<number>;
-    readonly maximumSize?: FunctionOrValue<number>;
-}
-export interface PanelConstraintChangeEvent {
-    readonly minimumSize?: number;
-    readonly maximumSize?: number;
-}
-export interface PanelSizeEvent {
-    readonly size: number;
-}
-export interface SplitviewPanelApi extends PanelApi {
-    readonly onDidConstraintsChange: Event<PanelConstraintChangeEvent>;
-    setConstraints(value: PanelConstraintChangeEvent2): void;
-    setSize(event: PanelSizeEvent): void;
-}
-export declare class SplitviewPanelApiImpl extends PanelApiImpl implements SplitviewPanelApi, IDisposable {
-    readonly _onDidConstraintsChangeInternal: Emitter<PanelConstraintChangeEvent2>;
-    readonly onDidConstraintsChangeInternal: Event<PanelConstraintChangeEvent2>;
-    readonly _onDidConstraintsChange: Emitter<PanelConstraintChangeEvent>;
-    readonly onDidConstraintsChange: Event<PanelConstraintChangeEvent>;
-    readonly _onDidSizeChange: Emitter<PanelSizeEvent>;
-    readonly onDidSizeChange: Event<PanelSizeEvent>;
-    constructor(id: string, component: string);
-    setConstraints(value: PanelConstraintChangeEvent2): void;
-    setSize(event: PanelSizeEvent): void;
-}
-export {};

package/dist/esm/api/splitviewPanelApi.js

@@ -1,25 +0,0 @@
-import { Emitter } from '../events';
-import { PanelApiImpl } from './panelApi';
-export class SplitviewPanelApiImpl extends PanelApiImpl {
-    //
-    constructor(id, component) {
-        super(id, component);
-        this._onDidConstraintsChangeInternal = new Emitter();
-        this.onDidConstraintsChangeInternal = this._onDidConstraintsChangeInternal.event;
-        //
-        this._onDidConstraintsChange = new Emitter({
-            replay: true,
-        });
-        this.onDidConstraintsChange = this._onDidConstraintsChange.event;
-        //
-        this._onDidSizeChange = new Emitter();
-        this.onDidSizeChange = this._onDidSizeChange.event;
-        this.addDisposables(this._onDidConstraintsChangeInternal, this._onDidConstraintsChange, this._onDidSizeChange);
-    }
-    setConstraints(value) {
-        this._onDidConstraintsChangeInternal.fire(value);
-    }
-    setSize(event) {
-        this._onDidSizeChange.fire(event);
-    }
-}

package/dist/esm/array.d.ts

@@ -1,13 +0,0 @@
-export declare function tail<T>(arr: T[]): [T[], T];
-export declare function last<T>(arr: T[]): T | undefined;
-export declare function sequenceEquals<T>(arr1: T[], arr2: T[]): boolean;
-/**
- * Pushes an element to the start of the array, if found.
- */
-export declare function pushToStart<T>(arr: T[], value: T): void;
-/**
- * Pushes an element to the end of the array, if found.
- */
-export declare function pushToEnd<T>(arr: T[], value: T): void;
-export declare function firstIndex<T>(array: T[] | ReadonlyArray<T>, fn: (item: T) => boolean): number;
-export declare function remove<T>(array: T[], value: T): boolean;

package/dist/esm/array.js

@@ -1,57 +0,0 @@
-export function tail(arr) {
-    if (arr.length === 0) {
-        throw new Error('Invalid tail call');
-    }
-    return [arr.slice(0, arr.length - 1), arr[arr.length - 1]];
-}
-export function last(arr) {
-    return arr.length > 0 ? arr[arr.length - 1] : undefined;
-}
-export function sequenceEquals(arr1, arr2) {
-    if (arr1.length !== arr2.length) {
-        return false;
-    }
-    for (let i = 0; i < arr1.length; i++) {
-        if (arr1[i] !== arr2[i]) {
-            return false;
-        }
-    }
-    return true;
-}
-/**
- * Pushes an element to the start of the array, if found.
- */
-export function pushToStart(arr, value) {
-    const index = arr.indexOf(value);
-    if (index > -1) {
-        arr.splice(index, 1);
-        arr.unshift(value);
-    }
-}
-/**
- * Pushes an element to the end of the array, if found.
- */
-export function pushToEnd(arr, value) {
-    const index = arr.indexOf(value);
-    if (index > -1) {
-        arr.splice(index, 1);
-        arr.push(value);
-    }
-}
-export function firstIndex(array, fn) {
-    for (let i = 0; i < array.length; i++) {
-        const element = array[i];
-        if (fn(element)) {
-            return i;
-        }
-    }
-    return -1;
-}
-export function remove(array, value) {
-    const index = array.findIndex((t) => t === value);
-    if (index > -1) {
-        array.splice(index, 1);
-        return true;
-    }
-    return false;
-}

package/dist/esm/constants.d.ts

@@ -1,8 +0,0 @@
-export declare const DEFAULT_FLOATING_GROUP_OVERFLOW_SIZE = 100;
-export declare const DEFAULT_FLOATING_GROUP_POSITION: {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-};
-export declare const DESERIALIZATION_POPOUT_DELAY_MS = 100;

package/dist/esm/constants.js

@@ -1,8 +0,0 @@
-export const DEFAULT_FLOATING_GROUP_OVERFLOW_SIZE = 100;
-export const DEFAULT_FLOATING_GROUP_POSITION = {
-    left: 100,
-    top: 100,
-    width: 300,
-    height: 300,
-};
-export const DESERIALIZATION_POPOUT_DELAY_MS = 100;

package/dist/esm/dnd/backend.d.ts

@@ -1,70 +0,0 @@
-import { IDisposable } from '../lifecycle';
-import { DroptargetOptions, IDropTarget } from './droptarget';
-/**
- * Backend factory surface. Each implementation hides one concrete DnD
- * mechanism (HTML5 native events, pointer events) behind a uniform set of
- * `createX` methods.
- *
- * The backends are stateless — `html5Backend` and `pointerBackend` below
- * are exported as module-level singletons so they need no construction
- * or wiring through the component tree.
- */
-export interface IDragBackend {
-    /** Stable identifier, mostly for debugging / tests. */
-    readonly kind: 'html5' | 'pointer';
-    createDropTarget(element: HTMLElement, options: DroptargetOptions): IDropTarget;
-    createDragSource(element: HTMLElement, options: DragSourceOptions): IDragSource;
-}
-/**
- * Visual specification handed to the backend. HTML5 calls `setDragImage`
- * with `(element, offsetX, offsetY)` and discards the element after a
- * microtask. Pointer wraps the element in a `PointerGhost` that follows
- * the cursor for the duration of the drag.
- */
-export interface IDragGhostSpec {
-    element: HTMLElement;
-    /** Pixels from cursor to ghost's top-left. Default 0. */
-    offsetX?: number;
-    offsetY?: number;
-    /**
-     * Called when the backend is done with the ghost. HTML5 fires it after
-     * the drag-image snapshot is captured (next tick); pointer fires it
-     * when the follow-cursor ghost is removed at drag end. Use for custom
-     * framework renderers that need teardown.
-     */
-    dispose?: () => void;
-}
-export interface DragSourceOptions {
-    /** Populate transfer; returned disposer clears it on drag end. */
-    getData: (event: DragEvent | PointerEvent) => IDisposable;
-    /** Veto a drag at start time. */
-    isCancelled?: (event: DragEvent | PointerEvent) => boolean;
-    createGhost?: (event: DragEvent | PointerEvent) => IDragGhostSpec | undefined;
-    onDragStart?: (event: DragEvent | PointerEvent) => void;
-    onDragEnd?: (event: DragEvent | PointerEvent) => void;
-    /** Initial disabled state; toggle later via `setDisabled`. */
-    disabled?: boolean;
-    /**
-     * Pointer-only. When true (default), the pointer backend ignores mouse
-     * pointers and lets the HTML5 path handle them. HTML5 backend ignores.
-     */
-    touchOnly?: boolean;
-    /**
-     * Pointer-only long-press delay in ms. May be a function so the value
-     * can vary per gesture (e.g. floating-group redock vs docked rearrange).
-     */
-    touchInitiationDelay?: number | (() => number);
-    /** Pointer-only pre-arm movement tolerance in px. May also be a function. */
-    pressTolerance?: number | (() => number);
-    /** Pointer-only movement threshold to promote pointerdown → drag. */
-    threshold?: number;
-}
-export interface IDragSource extends IDisposable {
-    setDisabled(value: boolean): void;
-    /** Pointer-only knob; no-op on HTML5 backend. */
-    setTouchOnly(value: boolean): void;
-    /** Pointer-only; no-op on HTML5 backend. */
-    cancelPending(): void;
-}
-export declare const html5Backend: IDragBackend;
-export declare const pointerBackend: IDragBackend;

package/dist/esm/dnd/backend.js

@@ -1,148 +0,0 @@
-import { addDisposableListener } from '../events';
-import { CompositeDisposable, MutableDisposable, } from '../lifecycle';
-import { Droptarget } from './droptarget';
-import { addGhostImage } from './ghost';
-import { PointerDropTarget } from './pointer/pointerDropTarget';
-import { PointerDragSource } from './pointer/pointerDragSource';
-import { PointerGhost } from './pointer/pointerGhost';
-import { disableIframePointEvents } from '../dom';
-/**
- * HTML5 drag source. Listens for the native `dragstart` event, calls
- * `getData` to populate transfer, optionally renders the ghost via
- * `setDragImage`, fires `onDragStart` / `onDragEnd`, and tears down the
- * transfer disposer after `dragend`.
- */
-class Html5DragSource extends CompositeDisposable {
-    constructor(el, opts) {
-        super();
-        this.el = el;
-        this.opts = opts;
-        this._dataDisposable = new MutableDisposable();
-        this._pointerEventsDisposable = new MutableDisposable();
-        this._disabled = !!opts.disabled;
-        this.addDisposables(this._dataDisposable, this._pointerEventsDisposable, addDisposableListener(this.el, 'dragstart', (event) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-            if (event.defaultPrevented ||
-                this._disabled ||
-                ((_b = (_a = this.opts).isCancelled) === null || _b === void 0 ? void 0 : _b.call(_a, event))) {
-                event.preventDefault();
-                return;
-            }
-            // Iframes capture pointermove once the cursor enters them,
-            // which freezes drag tracking from the parent window's
-            // POV. Shield the source's owning document so popout-window
-            // drags shield the popout, not the main window.
-            const iframes = disableIframePointEvents((_c = this.el.ownerDocument) !== null && _c !== void 0 ? _c : document);
-            this._pointerEventsDisposable.value = {
-                dispose: () => iframes.release(),
-            };
-            this.el.classList.add('dv-dragged');
-            setTimeout(() => this.el.classList.remove('dv-dragged'), 0);
-            this._dataDisposable.value = this.opts.getData(event);
-            const ghost = (_e = (_d = this.opts).createGhost) === null || _e === void 0 ? void 0 : _e.call(_d, event);
-            if (ghost && event.dataTransfer) {
-                addGhostImage(event.dataTransfer, ghost.element, {
-                    x: (_f = ghost.offsetX) !== null && _f !== void 0 ? _f : 0,
-                    y: (_g = ghost.offsetY) !== null && _g !== void 0 ? _g : 0,
-                });
-                if (ghost.dispose) {
-                    // addGhostImage removes the element from the DOM on
-                    // the next tick; dispose the framework renderer on
-                    // the same schedule.
-                    const disposeGhost = ghost.dispose;
-                    setTimeout(() => disposeGhost(), 0);
-                }
-            }
-            if (event.dataTransfer) {
-                event.dataTransfer.effectAllowed = 'move';
-                // Some third-party DnD libs (e.g. react-dnd) cancel the
-                // dragstart when `dataTransfer.types` is empty.
-                if (event.dataTransfer.items.length === 0) {
-                    event.dataTransfer.setData('text/plain', '');
-                }
-            }
-            (_j = (_h = this.opts).onDragStart) === null || _j === void 0 ? void 0 : _j.call(_h, event);
-        }), addDisposableListener(this.el, 'dragend', (event) => {
-            var _a, _b;
-            this._pointerEventsDisposable.dispose();
-            // Defer disposal so drop handlers can still read the
-            // transfer payload before it clears.
-            setTimeout(() => this._dataDisposable.dispose(), 0);
-            (_b = (_a = this.opts).onDragEnd) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-        }));
-    }
-    setDisabled(value) {
-        this._disabled = value;
-    }
-    setTouchOnly(_) {
-        // No-op — HTML5 path can't filter by pointer type.
-    }
-    cancelPending() {
-        // No-op — HTML5 has no pre-arm phase to cancel.
-    }
-}
-class Html5DragBackend {
-    constructor() {
-        this.kind = 'html5';
-    }
-    createDropTarget(element, options) {
-        return new Droptarget(element, options);
-    }
-    createDragSource(element, options) {
-        return new Html5DragSource(element, options);
-    }
-}
-class PointerDragBackend {
-    constructor() {
-        this.kind = 'pointer';
-    }
-    createDropTarget(element, options) {
-        return new PointerDropTarget(element, options);
-    }
-    createDragSource(element, options) {
-        const pointerCreateGhost = options.createGhost
-            ? (event) => {
-                const spec = options.createGhost(event);
-                if (!spec) {
-                    return undefined;
-                }
-                const ghost = new PointerGhost({
-                    element: spec.element,
-                    initialX: event.clientX,
-                    initialY: event.clientY,
-                    offsetX: spec.offsetX,
-                    offsetY: spec.offsetY,
-                    owner: element,
-                });
-                if (spec.dispose) {
-                    const baseDispose = ghost.dispose.bind(ghost);
-                    const disposeSpec = spec.dispose;
-                    ghost.dispose = () => {
-                        baseDispose();
-                        disposeSpec();
-                    };
-                }
-                return ghost;
-            }
-            : undefined;
-        const source = new PointerDragSource(element, {
-            getData: options.getData,
-            isCancelled: options.isCancelled,
-            onDragStart: options.onDragStart,
-            onDragEnd: options.onDragEnd
-                ? (event) => options.onDragEnd(event.pointerEvent)
-                : undefined,
-            createGhost: pointerCreateGhost,
-            touchOnly: options.touchOnly,
-            touchInitiationDelay: options.touchInitiationDelay,
-            pressTolerance: options.pressTolerance,
-            threshold: options.threshold,
-        });
-        if (options.disabled) {
-            source.setDisabled(true);
-        }
-        return source;
-    }
-}
-export const html5Backend = new Html5DragBackend();
-export const pointerBackend = new PointerDragBackend();

package/dist/esm/dnd/dataTransfer.d.ts

@@ -1,31 +0,0 @@
-declare class TransferObject {
-}
-export declare class PanelTransfer extends TransferObject {
-    readonly viewId: string;
-    readonly groupId: string;
-    readonly panelId: string | null;
-    readonly tabGroupId?: string | undefined;
-    constructor(viewId: string, groupId: string, panelId: string | null, tabGroupId?: string | undefined);
-}
-export declare class PaneTransfer extends TransferObject {
-    readonly viewId: string;
-    readonly paneId: string;
-    constructor(viewId: string, paneId: string);
-}
-/**
- * A singleton to store transfer data during drag & drop operations that are only valid within the application.
- */
-export declare class LocalSelectionTransfer<T> {
-    private static readonly INSTANCE;
-    private data?;
-    private proto?;
-    private constructor();
-    static getInstance<T>(): LocalSelectionTransfer<T>;
-    hasData(proto: T): boolean;
-    clearData(proto: T): void;
-    getData(proto: T): T[] | undefined;
-    setData(data: T[], proto: T): void;
-}
-export declare function getPanelData(): PanelTransfer | undefined;
-export declare function getPaneData(): PaneTransfer | undefined;
-export {};

package/dist/esm/dnd/dataTransfer.js

@@ -1,67 +0,0 @@
-class TransferObject {
-}
-export class PanelTransfer extends TransferObject {
-    constructor(viewId, groupId, panelId, tabGroupId) {
-        super();
-        this.viewId = viewId;
-        this.groupId = groupId;
-        this.panelId = panelId;
-        this.tabGroupId = tabGroupId;
-    }
-}
-export class PaneTransfer extends TransferObject {
-    constructor(viewId, paneId) {
-        super();
-        this.viewId = viewId;
-        this.paneId = paneId;
-    }
-}
-/**
- * A singleton to store transfer data during drag & drop operations that are only valid within the application.
- */
-export class LocalSelectionTransfer {
-    constructor() {
-        // protect against external instantiation
-    }
-    static getInstance() {
-        return LocalSelectionTransfer.INSTANCE;
-    }
-    hasData(proto) {
-        return proto && proto === this.proto;
-    }
-    clearData(proto) {
-        if (this.hasData(proto)) {
-            this.proto = undefined;
-            this.data = undefined;
-        }
-    }
-    getData(proto) {
-        if (this.hasData(proto)) {
-            return this.data;
-        }
-        return undefined;
-    }
-    setData(data, proto) {
-        if (proto) {
-            this.data = data;
-            this.proto = proto;
-        }
-    }
-}
-LocalSelectionTransfer.INSTANCE = new LocalSelectionTransfer();
-export function getPanelData() {
-    const panelTransfer = LocalSelectionTransfer.getInstance();
-    const isPanelEvent = panelTransfer.hasData(PanelTransfer.prototype);
-    if (!isPanelEvent) {
-        return undefined;
-    }
-    return panelTransfer.getData(PanelTransfer.prototype)[0];
-}
-export function getPaneData() {
-    const paneTransfer = LocalSelectionTransfer.getInstance();
-    const isPanelEvent = paneTransfer.hasData(PaneTransfer.prototype);
-    if (!isPanelEvent) {
-        return undefined;
-    }
-    return paneTransfer.getData(PaneTransfer.prototype)[0];
-}

package/dist/esm/dnd/dnd.d.ts

@@ -1,32 +0,0 @@
-import { CompositeDisposable } from '../lifecycle';
-export interface IDragAndDropObserverCallbacks {
-    onDragEnter: (e: DragEvent) => void;
-    onDragLeave: (e: DragEvent) => void;
-    onDrop: (e: DragEvent) => void;
-    onDragEnd: (e: DragEvent) => void;
-    onDragOver?: (e: DragEvent) => void;
-}
-export declare class DragAndDropObserver extends CompositeDisposable {
-    private readonly element;
-    private readonly callbacks;
-    private target;
-    constructor(element: HTMLElement, callbacks: IDragAndDropObserverCallbacks);
-    onDragEnter(e: DragEvent): void;
-    onDragOver(e: DragEvent): void;
-    onDragLeave(e: DragEvent): void;
-    onDragEnd(e: DragEvent): void;
-    onDrop(e: DragEvent): void;
-    private registerListeners;
-}
-export interface IDraggedCompositeData {
-    eventData: DragEvent;
-    dragAndDropData: any;
-}
-export interface ICompositeDragAndDropObserverCallbacks {
-    onDragEnter?: (e: IDraggedCompositeData) => void;
-    onDragLeave?: (e: IDraggedCompositeData) => void;
-    onDrop?: (e: IDraggedCompositeData) => void;
-    onDragOver?: (e: IDraggedCompositeData) => void;
-    onDragStart?: (e: IDraggedCompositeData) => void;
-    onDragEnd?: (e: IDraggedCompositeData) => void;
-}