@breadstone/mosaik-elements-foundation 0.0.226 → 0.0.227

package/DragDrop/Controllers/DropListController.d.ts

@@ -0,0 +1,137 @@
+import { ControllerBase, type ControllerHost } from '../../Controls/Controllers/Abstracts/ControllerBase';
+import type { DragRef } from '../Core/DragRef';
+import { type DropListRef } from '../Core/DropListRef';
+import type { IDropListRefConfig } from '../Core/Types';
+/**
+ * Lit Reactive Controller for drop list functionality.
+ * Wraps DropListRef to integrate with Lit components.
+ *
+ * @public
+ */
+export declare class DropListController<TData = unknown, TItem = any> extends ControllerBase {
+    private _dropListRef;
+    private _config;
+    private _initialized;
+    private readonly _listeners;
+    private _groupController;
+    constructor(host: ControllerHost, config?: IDropListRefConfig);
+    /**
+     * Called when the host connects to the DOM.
+     *
+     * @public
+     * @override
+     */
+    hostConnected(): void;
+    /**
+     * Called when the host disconnects from the DOM.
+     *
+     * @public
+     * @override
+     */
+    hostDisconnected(): void;
+    /**
+     * Get the underlying DropListRef.
+     *
+     * @public
+     */
+    get dropListRef(): DropListRef<TData, TItem> | null;
+    /**
+     * Get/set disabled state.
+     *
+     * @public
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /**
+     * Get/set orientation.
+     *
+     * @public
+     */
+    get orientation(): 'horizontal' | 'vertical' | 'mixed';
+    set orientation(value: 'horizontal' | 'vertical' | 'mixed');
+    /**
+     * Get/set associated data.
+     *
+     * @public
+     */
+    get data(): TData | undefined;
+    set data(value: TData | undefined);
+    /**
+     * Get items.
+     *
+     * @public
+     */
+    get items(): ReadonlyArray<DragRef<TItem>>;
+    /**
+     * Get ID.
+     *
+     * @public
+     */
+    get id(): string;
+    /**
+     * Update configuration.
+     *
+     * @param config - New configuration.
+     *
+     * @public
+     */
+    updateConfig(config: Partial<IDropListRefConfig>): void;
+    /**
+     * Set items in the list.
+     *
+     * @param items - Drag items.
+     *
+     * @public
+     */
+    withItems(items: Array<DragRef<TItem>>): void;
+    /**
+     * Connect to other drop lists.
+     *
+     * @param lists - Connected lists.
+     *
+     * @public
+     */
+    connectTo(lists: Array<DropListRef<unknown, TItem>>): void;
+    /**
+     * Connect to other drop list controllers.
+     *
+     * @param controllers - Connected controllers.
+     *
+     * @public
+     */
+    connectToControllers(controllers: Array<DropListController<unknown, TItem>>): void;
+    /**
+     * Initialize the controller.
+     *
+     * @private
+     */
+    private _initialize;
+    /**
+     * Register with parent drop list group (if any).
+     *
+     * @private
+     */
+    private _registerWithGroup;
+    /**
+     * Set up event forwarding from DropListRef to host.
+     *
+     * @private
+     */
+    private _setupEventForwarding;
+    /**
+     * Add an event listener and track it for cleanup.
+     *
+     * @param type - Event type.
+     * @param handler - Event handler.
+     *
+     * @private
+     */
+    private _addListener;
+    /**
+     * Cleanup resources.
+     *
+     * @private
+     */
+    private _cleanup;
+}
+//# sourceMappingURL=DropListController.d.ts.map

package/DragDrop/Controllers/DropListController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropListController.d.ts","sourceRoot":"","sources":["../../../src/DragDrop/Controllers/DropListController.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,qDAAqD,CAAC;AAC1G,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAqB,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAOxD;;;;;GAKG;AACH,qBAAa,kBAAkB,CAAC,KAAK,GAAG,OAAO,EAAE,KAAK,GAAG,GAAG,CACxD,SAAQ,cAAc;IAItB,OAAO,CAAC,YAAY,CAA0C;IAC9D,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAGnB;IACR,OAAO,CAAC,gBAAgB,CAA+C;gBAGnE,IAAI,EAAE,cAAc,EACpB,MAAM,CAAC,EAAE,kBAAkB;IAU/B;;;;;OAKG;IACa,aAAa,IAAI,IAAI;IAQrC;;;;;OAKG;IACa,gBAAgB,IAAI,IAAI;IASxC;;;;OAIG;IACH,IAAW,WAAW,IAAI,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,IAAI,CAEzD;IAED;;;;OAIG;IACH,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAIjC;IAED;;;;OAIG;IACH,IAAW,WAAW,IAAI,YAAY,GAAG,UAAU,GAAG,OAAO,CAE5D;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,EAIhE;IAED;;;;OAIG;IACH,IAAW,IAAI,IAAI,KAAK,GAAG,SAAS,CAEnC;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,EAIvC;IAED;;;;OAIG;IACH,IAAW,KAAK,IAAI,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAEhD;IAED;;;;OAIG;IACH,IAAW,EAAE,IAAI,MAAM,CAEtB;IAMD;;;;;;OAMG;IACI,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,kBAAkB,CAAC,GAAG,IAAI;IAY9D;;;;;;OAMG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI;IAIpD;;;;;;OAMG;IACI,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI;IAIjE;;;;;;OAMG;IACI,oBAAoB,CAAC,WAAW,EAAE,KAAK,CAAC,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,IAAI;IASzF;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAWnB;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAgB1B;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAwC7B;;;;;;;OAOG;IACH,OAAO,CAAC,YAAY;IAQpB;;;;OAIG;IACH,OAAO,CAAC,QAAQ;CAyBnB"}

package/DragDrop/Controllers/DropListController.js

@@ -0,0 +1,281 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// #region Imports
+import { ControllerBase } from '../../Controls/Controllers/Abstracts/ControllerBase';
+import { createDropListRef } from '../Core/DropListRef';
+// #endregion
+// #region DropListController
+/**
+ * Lit Reactive Controller for drop list functionality.
+ * Wraps DropListRef to integrate with Lit components.
+ *
+ * @public
+ */
+export class DropListController extends ControllerBase {
+    // #region Fields
+    _dropListRef = null;
+    _config;
+    _initialized = false;
+    _listeners = [];
+    _groupController = null;
+    constructor(host, config) {
+        super(host);
+        this._config = config ?? {};
+    }
+    // #endregion
+    // #region ControllerBase Lifecycle
+    /**
+     * Called when the host connects to the DOM.
+     *
+     * @public
+     * @override
+     */
+    hostConnected() {
+        super.hostConnected();
+        if (!this._initialized) {
+            this._initialize();
+            this._initialized = true;
+        }
+    }
+    /**
+     * Called when the host disconnects from the DOM.
+     *
+     * @public
+     * @override
+     */
+    hostDisconnected() {
+        super.hostDisconnected();
+        this._cleanup();
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Get the underlying DropListRef.
+     *
+     * @public
+     */
+    get dropListRef() {
+        return this._dropListRef;
+    }
+    /**
+     * Get/set disabled state.
+     *
+     * @public
+     */
+    get disabled() {
+        return this._dropListRef?.disabled ?? false;
+    }
+    set disabled(value) {
+        if (this._dropListRef) {
+            this._dropListRef.disabled = value;
+        }
+    }
+    /**
+     * Get/set orientation.
+     *
+     * @public
+     */
+    get orientation() {
+        return this._dropListRef?.orientation ?? 'vertical';
+    }
+    set orientation(value) {
+        if (this._dropListRef) {
+            this._dropListRef.orientation = value;
+        }
+    }
+    /**
+     * Get/set associated data.
+     *
+     * @public
+     */
+    get data() {
+        return this._dropListRef?.data;
+    }
+    set data(value) {
+        if (this._dropListRef) {
+            this._dropListRef.data = value;
+        }
+    }
+    /**
+     * Get items.
+     *
+     * @public
+     */
+    get items() {
+        return this._dropListRef?.items ?? [];
+    }
+    /**
+     * Get ID.
+     *
+     * @public
+     */
+    get id() {
+        return this._dropListRef?.id ?? '';
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Update configuration.
+     *
+     * @param config - New configuration.
+     *
+     * @public
+     */
+    updateConfig(config) {
+        this._config = {
+            ...this._config,
+            ...config
+        };
+        if (this._dropListRef) {
+            // Recreate DropListRef with new config
+            this._cleanup();
+            this._initialize();
+        }
+    }
+    /**
+     * Set items in the list.
+     *
+     * @param items - Drag items.
+     *
+     * @public
+     */
+    withItems(items) {
+        this._dropListRef?.withItems(items);
+    }
+    /**
+     * Connect to other drop lists.
+     *
+     * @param lists - Connected lists.
+     *
+     * @public
+     */
+    connectTo(lists) {
+        this._dropListRef?.connectTo(lists);
+    }
+    /**
+     * Connect to other drop list controllers.
+     *
+     * @param controllers - Connected controllers.
+     *
+     * @public
+     */
+    connectToControllers(controllers) {
+        const refs = controllers
+            .map((c) => c.dropListRef)
+            .filter((ref) => ref !== null);
+        this._dropListRef?.connectTo(refs);
+    }
+    // #region Private Methods
+    /**
+     * Initialize the controller.
+     *
+     * @private
+     */
+    _initialize() {
+        // Create DropListRef
+        this._dropListRef = createDropListRef(this.host, this._config);
+        // Check for parent DropListGroup and register
+        this._registerWithGroup();
+        // Set up event forwarding
+        this._setupEventForwarding();
+    }
+    /**
+     * Register with parent drop list group (if any).
+     *
+     * @private
+     */
+    _registerWithGroup() {
+        // Look for parent element with data-drop-list-group attribute
+        let parent = this.host.parentElement;
+        while (parent) {
+            if (parent.hasAttribute('data-drop-list-group')) {
+                // Found group - check for controller
+                this._groupController = parent.__dropListGroupController;
+                if (this._groupController && this._dropListRef) {
+                    this._groupController.registerDropList(this._dropListRef);
+                    break;
+                }
+            }
+            parent = parent.parentElement;
+        }
+    }
+    /**
+     * Set up event forwarding from DropListRef to host.
+     *
+     * @private
+     */
+    _setupEventForwarding() {
+        if (!this._dropListRef) {
+            return;
+        }
+        // sort
+        this._addListener('sort', (event) => {
+            const sortEvent = event;
+            this.host.dispatchEvent(new CustomEvent('sort', {
+                bubbles: true,
+                composed: true,
+                cancelable: false,
+                detail: {
+                    ...sortEvent.detail,
+                    container: this._dropListRef ?? null
+                }
+            }));
+            this.host.requestUpdate();
+        });
+        // drop
+        this._addListener('drop', (event) => {
+            const dropEvent = event;
+            this.host.dispatchEvent(new CustomEvent('drop', {
+                bubbles: true,
+                composed: true,
+                cancelable: false,
+                detail: {
+                    ...dropEvent.detail,
+                    container: this._dropListRef ?? null
+                }
+            }));
+            this.host.requestUpdate();
+        });
+    }
+    /**
+     * Add an event listener and track it for cleanup.
+     *
+     * @param type - Event type.
+     * @param handler - Event handler.
+     *
+     * @private
+     */
+    _addListener(type, handler) {
+        this._dropListRef?.element.addEventListener(type, handler);
+        this._listeners.push({
+            type,
+            handler
+        });
+    }
+    /**
+     * Cleanup resources.
+     *
+     * @private
+     */
+    _cleanup() {
+        // Unregister from group
+        if (this._groupController) {
+            if (this._dropListRef) {
+                this._groupController.unregisterDropList(this._dropListRef);
+            }
+            this._groupController = null;
+        }
+        // Remove listeners
+        if (this._dropListRef) {
+            this._listeners.forEach(({ type, handler }) => {
+                this._dropListRef?.element.removeEventListener(type, handler);
+            });
+        }
+        this._listeners.length = 0;
+        // Dispose DropListRef
+        this._dropListRef?.dispose();
+        this._dropListRef = null;
+        this._initialized = false;
+    }
+}
+// #endregion
+//# sourceMappingURL=DropListController.js.map

package/DragDrop/Controllers/DropListController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropListController.js","sourceRoot":"","sources":["../../../src/DragDrop/Controllers/DropListController.ts"],"names":[],"mappings":"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"}

package/DragDrop/Controllers/DropListGroupController.d.ts

@@ -0,0 +1,89 @@
+import { ControllerBase, type ControllerHost } from '../../Controls/Controllers/Abstracts/ControllerBase';
+import type { IDropListGroupRefConfig } from '../Core/DropListGroupRef';
+import { type DropListGroupRef } from '../Core/DropListGroupRef';
+import type { DropListRef } from '../Core/DropListRef';
+/**
+ * Lit Reactive Controller for drop list group functionality.
+ * Wraps DropListGroupRef to integrate with Lit components.
+ *
+ * Automatically connects all child drop lists to each other,
+ * enabling drag-and-drop between them without manual configuration.
+ *
+ * Equivalent to Angular CDK's CdkDropListGroup.
+ *
+ * @public
+ */
+export declare class DropListGroupController<TItem = any> extends ControllerBase {
+    private _groupRef;
+    private _config;
+    private _initialized;
+    /**
+     * Create a new DropListGroupController.
+     *
+     * @param host - Host component.
+     * @param config - Configuration options.
+     */
+    constructor(host: ControllerHost, config?: IDropListGroupRefConfig);
+    /**
+     * Called when the host connects to the DOM.
+     *
+     * @public
+     * @override
+     */
+    hostConnected(): void;
+    /**
+     * Called when the host disconnects from the DOM.
+     *
+     * @public
+     * @override
+     */
+    hostDisconnected(): void;
+    /**
+     * Get the underlying DropListGroupRef.
+     *
+     * @public
+     */
+    get groupRef(): DropListGroupRef<TItem> | null;
+    /**
+     * Get/set disabled state.
+     *
+     * @public
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /**
+     * Get all registered drop lists.
+     *
+     * @public
+     */
+    get dropLists(): ReadonlySet<DropListRef<any, TItem>>;
+    /**
+     * Register a drop list with this group.
+     *
+     * @param dropList - Drop list to register.
+     *
+     * @public
+     */
+    registerDropList(dropList: DropListRef<any, TItem>): void;
+    /**
+     * Unregister a drop list from this group.
+     *
+     * @param dropList - Drop list to unregister.
+     *
+     * @public
+     */
+    unregisterDropList(dropList: DropListRef<any, TItem>): void;
+    /**
+     * Initialize the controller.
+     *
+     * @private
+     */
+    private _initialize;
+    /**
+     * Clean up the controller.
+     *
+     * @private
+     */
+    private _cleanup;
+}
+//# sourceMappingURL=DropListGroupController.d.ts.map

package/DragDrop/Controllers/DropListGroupController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropListGroupController.d.ts","sourceRoot":"","sources":["../../../src/DragDrop/Controllers/DropListGroupController.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,qDAAqD,CAAC;AAC1G,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAMvD;;;;;;;;;;GAUG;AACH,qBAAa,uBAAuB,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,cAAc;IAIpE,OAAO,CAAC,SAAS,CAAwC;IACzD,OAAO,CAAC,OAAO,CAA0B;IACzC,OAAO,CAAC,YAAY,CAAkB;IAMtC;;;;;OAKG;gBACgB,IAAI,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,uBAAuB;IAUzE;;;;;OAKG;IACa,aAAa,IAAI,IAAI;IAQrC;;;;;OAKG;IACa,gBAAgB,IAAI,IAAI;IASxC;;;;OAIG;IACH,IAAW,QAAQ,IAAI,gBAAgB,CAAC,KAAK,CAAC,GAAG,IAAI,CAEpD;IAED;;;;OAIG;IACH,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAIjC;IAED;;;;OAIG;IACH,IAAW,SAAS,IAAI,WAAW,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAE3D;IAMD;;;;;;OAMG;IACI,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI;IAIhE;;;;;;OAMG;IACI,kBAAkB,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI;IAQlE;;;;OAIG;IACH,OAAO,CAAC,WAAW;IAKnB;;;;OAIG;IACH,OAAO,CAAC,QAAQ;CAWnB"}

package/DragDrop/Controllers/DropListGroupController.js

@@ -0,0 +1,140 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// #region Imports
+import { ControllerBase } from '../../Controls/Controllers/Abstracts/ControllerBase';
+import { createDropListGroupRef } from '../Core/DropListGroupRef';
+// #endregion
+// #region DropListGroupController
+/**
+ * Lit Reactive Controller for drop list group functionality.
+ * Wraps DropListGroupRef to integrate with Lit components.
+ *
+ * Automatically connects all child drop lists to each other,
+ * enabling drag-and-drop between them without manual configuration.
+ *
+ * Equivalent to Angular CDK's CdkDropListGroup.
+ *
+ * @public
+ */
+export class DropListGroupController extends ControllerBase {
+    // #region Fields
+    _groupRef = null;
+    _config;
+    _initialized = false;
+    // #endregion
+    // #region Ctor
+    /**
+     * Create a new DropListGroupController.
+     *
+     * @param host - Host component.
+     * @param config - Configuration options.
+     */
+    constructor(host, config) {
+        super(host);
+        this._config = config ?? {};
+        console.log('[DropListGroupController] Created', { config });
+    }
+    // #endregion
+    // #region ControllerBase Lifecycle
+    /**
+     * Called when the host connects to the DOM.
+     *
+     * @public
+     * @override
+     */
+    hostConnected() {
+        super.hostConnected();
+        if (!this._initialized) {
+            this._initialize();
+            this._initialized = true;
+        }
+    }
+    /**
+     * Called when the host disconnects from the DOM.
+     *
+     * @public
+     * @override
+     */
+    hostDisconnected() {
+        super.hostDisconnected();
+        this._cleanup();
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Get the underlying DropListGroupRef.
+     *
+     * @public
+     */
+    get groupRef() {
+        return this._groupRef;
+    }
+    /**
+     * Get/set disabled state.
+     *
+     * @public
+     */
+    get disabled() {
+        return this._groupRef?.disabled ?? false;
+    }
+    set disabled(value) {
+        if (this._groupRef) {
+            this._groupRef.disabled = value;
+        }
+    }
+    /**
+     * Get all registered drop lists.
+     *
+     * @public
+     */
+    get dropLists() {
+        return this._groupRef?.dropLists ?? new Set();
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * Register a drop list with this group.
+     *
+     * @param dropList - Drop list to register.
+     *
+     * @public
+     */
+    registerDropList(dropList) {
+        this._groupRef?.registerDropList(dropList);
+    }
+    /**
+     * Unregister a drop list from this group.
+     *
+     * @param dropList - Drop list to unregister.
+     *
+     * @public
+     */
+    unregisterDropList(dropList) {
+        this._groupRef?.unregisterDropList(dropList);
+    }
+    // #endregion
+    // #region Private Methods
+    /**
+     * Initialize the controller.
+     *
+     * @private
+     */
+    _initialize() {
+        console.log('[DropListGroupController] Initializing');
+        this._groupRef = createDropListGroupRef(this._config);
+    }
+    /**
+     * Clean up the controller.
+     *
+     * @private
+     */
+    _cleanup() {
+        console.log('[DropListGroupController] Cleaning up');
+        if (this._groupRef) {
+            this._groupRef.dispose();
+            this._groupRef = null;
+        }
+        this._initialized = false;
+    }
+}
+// #endregion
+//# sourceMappingURL=DropListGroupController.js.map

package/DragDrop/Controllers/DropListGroupController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropListGroupController.js","sourceRoot":"","sources":["../../../src/DragDrop/Controllers/DropListGroupController.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,kBAAkB;AAElB,OAAO,EAAE,cAAc,EAAuB,MAAM,qDAAqD,CAAC;AAE1G,OAAO,EAAE,sBAAsB,EAAyB,MAAM,0BAA0B,CAAC;AAGzF,aAAa;AAEb,kCAAkC;AAElC;;;;;;;;;;GAUG;AACH,MAAM,OAAO,uBAAqC,SAAQ,cAAc;IAEpE,iBAAiB;IAET,SAAS,GAAmC,IAAI,CAAC;IACjD,OAAO,CAA0B;IACjC,YAAY,GAAY,KAAK,CAAC;IAEtC,aAAa;IAEb,eAAe;IAEf;;;;;OAKG;IACH,YAAmB,IAAoB,EAAE,MAAgC;QACrE,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,OAAO,GAAG,MAAM,IAAI,EAAE,CAAC;QAC5B,OAAO,CAAC,GAAG,CAAC,mCAAmC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IACjE,CAAC;IAED,aAAa;IAEb,mCAAmC;IAEnC;;;;;OAKG;IACa,aAAa;QACzB,KAAK,CAAC,aAAa,EAAE,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC7B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACa,gBAAgB;QAC5B,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACzB,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;OAIG;IACH,IAAW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED;;;;OAIG;IACH,IAAW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,KAAK,CAAC;IAC7C,CAAC;IAED,IAAW,QAAQ,CAAC,KAAc;QAC9B,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,KAAK,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IAAW,SAAS;QAChB,OAAO,IAAI,CAAC,SAAS,EAAE,SAAS,IAAI,IAAI,GAAG,EAAE,CAAC;IAClD,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;;;OAMG;IACI,gBAAgB,CAAC,QAAiC;QACrD,IAAI,CAAC,SAAS,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAED;;;;;;OAMG;IACI,kBAAkB,CAAC,QAAiC;QACvD,IAAI,CAAC,SAAS,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACjD,CAAC;IAED,aAAa;IAEb,0BAA0B;IAE1B;;;;OAIG;IACK,WAAW;QACf,OAAO,CAAC,GAAG,CAAC,wCAAwC,CAAC,CAAC;QACtD,IAAI,CAAC,SAAS,GAAG,sBAAsB,CAAQ,IAAI,CAAC,OAAO,CAAC,CAAC;IACjE,CAAC;IAED;;;;OAIG;IACK,QAAQ;QACZ,OAAO,CAAC,GAAG,CAAC,uCAAuC,CAAC,CAAC;QACrD,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QAC1B,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC9B,CAAC;CAIJ;AAED,aAAa"}

package/DragDrop/Core/AutoScrollHandler.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Configuration for auto-scrolling.
+ *
+ * @public
+ */
+export interface IAutoScrollConfig {
+    /**
+     * Distance from edge to trigger scroll (in pixels).
+     *
+     * @defaultValue 50
+     */
+    threshold?: number;
+    /**
+     * Maximum scroll speed (pixels per frame).
+     *
+     * @defaultValue 10
+     */
+    maxSpeed?: number;
+    /**
+     * Whether to enable auto-scrolling.
+     *
+     * @defaultValue true
+     */
+    enabled?: boolean;
+}
+//# sourceMappingURL=AutoScrollHandler.d.ts.map

package/DragDrop/Core/AutoScrollHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoScrollHandler.d.ts","sourceRoot":"","sources":["../../../src/DragDrop/Core/AutoScrollHandler.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAE9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB"}