fluid-dnd 2.5.0 → 2.5.1

package/dist/{HandlerPublisher-DBjPMiyO.js → HandlerPublisher-CRu7xI9p.js}

@@ -1,7 +1,7 @@
 var d = Object.defineProperty;
 var e = (a, s, l) => s in a ? d(a, s, { enumerable: !0, configurable: !0, writable: !0, value: l }) : a[s] = l;
 var r = (a, s, l) => e(a, typeof s != "symbol" ? s + "" : s, l);
-import { a as h, t as n, G as t } from "./index-HczUoMBK.js";
+import { a as h, t as n, G as t } from "./index-CJpjY7r7.js";
 class c {
   constructor() {
     r(this, "handlers");

package/dist/{HandlerPublisher-1MmlNkG3.cjs → HandlerPublisher-CrUNmzg-.cjs}

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var n=(e,s,l)=>s in e?d(e,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[s]=l;var a=(e,s,l)=>n(e,typeof s!="symbol"?s+"":s,l);const r=require("./index-BdOAK6C7.cjs");class h{constructor(){a(this,"handlers");this.handlers=[]}addSubscriber(s){this.handlers.includes(s)||(this.handlers.push(s),r.addClass(s,r.GRAB_CLASS))}toggleGrabClass(s){for(const l of this.handlers)r.toggleClass(l,r.GRAB_CLASS,s)}}exports.HandlerPublisher=h;
+"use strict";var d=Object.defineProperty;var n=(e,s,l)=>s in e?d(e,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[s]=l;var a=(e,s,l)=>n(e,typeof s!="symbol"?s+"":s,l);const r=require("./index-BOqB07mI.cjs");class h{constructor(){a(this,"handlers");this.handlers=[]}addSubscriber(s){this.handlers.includes(s)||(this.handlers.push(s),r.addClass(s,r.GRAB_CLASS))}toggleGrabClass(s){for(const l of this.handlers)r.toggleClass(l,r.GRAB_CLASS,s)}}exports.HandlerPublisher=h;

package/dist/core/events/changeDraggableStyles.d.ts

@@ -1,4 +1,4 @@
 import { Translate } from 'index';
 import { CoreConfig } from '..';
 import HandlerPublisher from '../HandlerPublisher';
-export declare const useChangeDraggableStyles: <T>(currentConfig: CoreConfig<T>, handlerPublisher: HandlerPublisher, endDraggingAction: () => void) => readonly [(element: HTMLElement) => void, (element: Element, force: boolean) => void, (element: Element, translation: Translate) => void];
+export declare const useChangeDraggableStyles: <T>(currentConfig: CoreConfig<T>, handlerPublisher: HandlerPublisher, endDraggingAction: () => void) => readonly [(element: HTMLElement) => void, (element: Element, force: boolean) => void, (element: Element, translation?: Translate) => void];

package/dist/core/events/dragAndDrop/dragAndDrop.d.ts

@@ -5,5 +5,5 @@ import { DroppableConfig } from '../../config/configHandler';
 import HandlerPublisher from '../../HandlerPublisher';
 type DraggingEvent = typeof DRAG_EVENT | typeof START_DRAG_EVENT;
 type DropEvent = 'drop' | typeof START_DROP_EVENT;
-export default function useDragAndDropEvents<T>(currentConfig: CoreConfig<T>, index: number, parent: HTMLElement, droppableGroupClass: string | null, handlerPublisher: HandlerPublisher, endDraggingAction: () => void): readonly [(draggedElement: HTMLElement, event: DraggingEvent, droppableConfig: DroppableConfig<T> | undefined) => void, (draggedElement: HTMLElement, event: DropEvent, droppableConfig: DroppableConfig<T> | undefined, initialWindowScroll: WindowScroll, positionOnSourceDroppable?: number) => void, (element: Element, force: boolean) => void];
+export default function useDragAndDropEvents<T>(currentConfig: CoreConfig<T>, index: number, parent: HTMLElement, droppableGroupClass: string | null, handlerPublisher: HandlerPublisher, endDraggingAction: () => void): readonly [(draggedElement: HTMLElement, event: DraggingEvent, droppable: HTMLElement, config: CoreConfig<T>) => void, (draggedElement: HTMLElement, event: DropEvent, droppableConfig: DroppableConfig<T> | undefined, initialWindowScroll: WindowScroll, positionOnSourceDroppable?: number) => void, (element: Element, force: boolean) => void];
 export {};

package/dist/core/events/dragAndDrop/dragAndDrop.js

@@ -13,11 +13,7 @@ export default function useDragAndDropEvents(currentConfig, index, parent, dropp
     let actualIndex = index;
     const { onRemoveAtEvent, animationDuration, draggingClass } = currentConfig;
     const [removeElementDraggingStyles, toggleDraggingClass, dragEventOverElement] = useChangeDraggableStyles(currentConfig, handlerPublisher, endDraggingAction);
-    const emitDraggingEvent = (draggedElement, event, droppableConfig) => {
-        if (!droppableConfig) {
-            return;
-        }
-        const { droppable, config } = droppableConfig;
+    const emitDraggingEvent = (draggedElement, event, droppable, config) => {
         const tranlation = getTranslationByDragging(draggedElement, event, config.direction, droppable);
         emitDraggingEventToSiblings(draggedElement, event, tranlation, droppable, config);
     };

package/dist/core/events/insert.d.ts

@@ -1,5 +1,5 @@
 import { CoreConfig } from '../index';
 import HandlerPublisher from '../HandlerPublisher';
 import { DroppableConfig } from '../config/configHandler';
-export default function useInsertEvents<T>(currentConfig: CoreConfig<T>, parent: HTMLElement, handlerPublisher: HandlerPublisher, endDraggingAction: () => void): readonly [(targetIndex: number, draggedElement: HTMLElement, droppable: HTMLElement, value: T, droppableConfigurator: DroppableConfig<T> | undefined) => void];
+export default function useInsertEvents<T>(currentConfig: CoreConfig<T>, parent: HTMLElement, handlerPublisher: HandlerPublisher, endDraggingAction: () => void): readonly [(targetIndex: number, draggedElement: HTMLElement, droppable: HTMLElement, value: T, droppableConfigurator: DroppableConfig<T>) => void];
 export declare const insertToListEmpty: <T>(config: CoreConfig<T>, droppable: HTMLElement | undefined | null, targetIndex: number, value: T) => void;

package/dist/core/events/remove.d.ts

@@ -1,4 +1,4 @@
-import { CoreConfig, DraggingState } from '..';
+import { CoreConfig } from '..';
 import { DroppableConfig } from '../config/configHandler';
 import HandlerPublisher from '@/core/HandlerPublisher';
-export default function useRemoveEvents<T>(currentConfig: CoreConfig<T>, parent: HTMLElement, handlerPublisher: HandlerPublisher, endDraggingAction: () => void): readonly [(index: number, targetIndex: number, draggableElement: HTMLElement, draggingState: DraggingState, config: DroppableConfig<T>) => void];
+export default function useRemoveEvents<T>(currentConfig: CoreConfig<T>, parent: HTMLElement, handlerPublisher: HandlerPublisher, endDraggingAction: () => void): readonly [(index: number, targetIndex: number, draggableElement: HTMLElement, config: DroppableConfig<T>) => void];

package/dist/core/events/remove.js

@@ -1,6 +1,5 @@
 import { getSiblings } from '../utils/GetStyles';
 import { moveTranslate, removeTranslateWhitoutTransition, setTranistion } from '../utils/SetStyles';
-import { DraggingState } from '..';
 import getTranslationByDragging from './dragAndDrop/getTranslationByDraggingAndEvent';
 import { addTempChild, removeTempChild } from '../tempChildren';
 import { useChangeDraggableStyles } from './changeDraggableStyles';
@@ -39,19 +38,19 @@ export default function useRemoveEvents(currentConfig, parent, handlerPublisher,
             removeTranslateWhitoutTransition(sibling);
         }
     };
-    const removeAt = (index, targetIndex, draggableElement, draggingState, config) => {
+    const removeAt = (index, targetIndex, draggableElement, config) => {
         const { removingClass, delayBeforeRemove } = currentConfig;
         if (targetIndex == index) {
             addClass(draggableElement, removingClass);
             setTimeout(() => {
-                removeAfterRemovingClass(index, targetIndex, draggableElement, draggingState, config);
+                removeAfterRemovingClass(index, targetIndex, draggableElement, config);
             }, delayBeforeRemove);
         }
     };
-    const removeAfterRemovingClass = (index, targetIndex, draggableElement, draggingState, config) => {
+    const removeAfterRemovingClass = (index, targetIndex, draggableElement, config) => {
         const { removingClass, onRemoveAtEvent } = currentConfig;
         removeClass(draggableElement, removingClass);
-        addTempChild(draggableElement, parent, draggingState == DraggingState.START_DRAGGING, config);
+        addTempChild(draggableElement, parent, false, config);
         emitRemoveEventToSiblings(targetIndex, draggableElement, config, (sibling) => {
             removeDraggingStyles(sibling);
             emitFinishRemoveEventToSiblings(draggableElement);

package/dist/core/index.d.ts

@@ -206,9 +206,3 @@ export type CoreConfig<T> = {
      */
     coordinateTransform: CoordinateMap[];
 };
-export declare enum DraggingState {
-    NOT_DRAGGING = 0,
-    START_DRAGGING = 1,
-    DRAGING = 2,
-    END_DRAGGING = 3
-}

package/dist/core/index.js

@@ -1,9 +1,2 @@
 export const HORIZONTAL = 'horizontal';
 export const VERTICAL = 'vertical';
-export var DraggingState;
-(function (DraggingState) {
-    DraggingState[DraggingState["NOT_DRAGGING"] = 0] = "NOT_DRAGGING";
-    DraggingState[DraggingState["START_DRAGGING"] = 1] = "START_DRAGGING";
-    DraggingState[DraggingState["DRAGING"] = 2] = "DRAGING";
-    DraggingState[DraggingState["END_DRAGGING"] = 3] = "END_DRAGGING";
-})(DraggingState || (DraggingState = {}));

package/dist/core/positioning/usePositioning.d.ts

@@ -1,7 +1,7 @@
-import { DragMouseTouchEvent, TransformEvent } from '../../../index';
+import { DragMouseTouchEvent, ElementPosition, OffsetCoordinate, TransformEvent } from '../../../index';
 import { CoordinateMap, Direction } from '..';
 export declare const usePositioning: (draggedElement: HTMLElement, coordinateTransforms: CoordinateMap[]) => readonly [(element: HTMLElement, parent: HTMLElement, pagePosition: {
     pageX: number;
     pageY: number;
 }, direction?: Direction) => void, (event: DragMouseTouchEvent, element: HTMLElement) => void];
-export declare const getTransformState: (event: TransformEvent, element: HTMLElement, draggable: Element) => [number, number, number, number];
+export declare const getTransformState: (event: TransformEvent, element: HTMLElement, draggable: Element) => [ElementPosition, OffsetCoordinate];

package/dist/core/positioning/usePositioning.js

@@ -1,4 +1,4 @@
-import { getAxisValue, getBefore, getBeforeMarginValue, getBorderBeforeWidthValue, getDistanceValue, getInnerDistance, getNearestFixedParentPosition, getOffsetValue, getPageValue, getPropByDirection, getRect, getScrollValue, isSameNode } from '../utils/GetStyles';
+import { getAxisValue, getBefore, getBeforeMarginValue, getBorderBeforeWidthValue, getDistanceValue, getInnerDistance, getNearestFixedParentPosition, getOffsetValue, getPageValue, getPropByDirection, getRect, getScrollValue, hasTransform, isSameNode } from '../utils/GetStyles';
 import { HORIZONTAL, VERTICAL } from '..';
 import { useScroll } from './autoScroll';
 import { HANDLER_CLASS, DRAGGING_CLASS } from '../utils/classes';
@@ -11,9 +11,9 @@ export const usePositioning = (draggedElement, coordinateTransforms) => {
     const updateTranform = (newTranslate) => {
         draggedElement.style.transform = `translate( ${newTranslate.x}px, ${newTranslate.y}px)`;
     };
-    const updatePosition = (newPosition) => {
-        draggedElement.style.top = `${newPosition.top}px`;
-        draggedElement.style.left = `${newPosition.left}px`;
+    const updatePosition = (position) => {
+        draggedElement.style.top = `${position.top}px`;
+        draggedElement.style.left = `${position.left}px`;
     };
     const setTransform = (element, parent, pagePosition, direction) => {
         const getTranslateWihtDirection = (translateDirection) => {
@@ -27,12 +27,14 @@ export const usePositioning = (draggedElement, coordinateTransforms) => {
             const beforefixecParentValue = getNearestFixedParentPosition(element, translateDirection);
             if (elementPosittion >= scrollValue - distanceValue / 2 &&
                 elementPosittion <= scrollValue + innerDistance) {
+                const parentPosition = getParentPosition(translateDirection, parent);
                 const newTranslate = elementPosittion -
                     getBefore(translateDirection, position) -
                     border -
                     margin -
                     scrollValue -
-                    beforefixecParentValue;
+                    beforefixecParentValue -
+                    parentPosition;
                 updateScroll(translateDirection);
                 return newTranslate;
             }
@@ -60,13 +62,10 @@ export const usePositioning = (draggedElement, coordinateTransforms) => {
         return coordinate;
     };
     const updateTransformState = (event, element) => {
-        const [top, left, offsetX, offsetY] = getTransformState(event, element, draggedElement);
-        position = {
-            top,
-            left
-        };
+        const [tempPosition, offset] = getTransformState(event, element, draggedElement);
+        position = tempPosition;
         updatePosition(position);
-        currentOffset = { offsetX, offsetY };
+        currentOffset = offset;
     };
     return [setTransform, updateTransformState];
 };
@@ -87,7 +86,7 @@ const getOffset = (event, draggable) => {
         offsetX += getOffsetWithDraggable(HORIZONTAL, targetHandler, draggable);
         offsetY += getOffsetWithDraggable(VERTICAL, targetHandler, draggable);
     }
-    return [offsetX, offsetY];
+    return { offsetX, offsetY };
 };
 const getHandlerElementAncestor = (target, draggable) => {
     const targetHandler = target?.closest(`.${HANDLER_CLASS}`);
@@ -98,25 +97,37 @@ const getHandlerElementAncestor = (target, draggable) => {
 };
 const getPositionByDistance = (direction, event, element, offsetEvent) => {
     const beforefixecParentValue = getNearestFixedParentPosition(element, direction);
+    const parent = element.parentElement;
+    const parentPosition = getParentPosition(direction, parent);
     return (getPageValue(direction, event) -
         getOffsetValue(direction, offsetEvent) -
         getBeforeMarginValue(direction, element) -
         getBorderBeforeWidthValue(direction, element) -
         getScrollValue(direction, window) -
-        beforefixecParentValue);
+        beforefixecParentValue -
+        parentPosition);
+};
+const getParentPosition = (direction, element) => {
+    return element && hasAncestorTransform(element) ? getBefore(direction, getRect(element)) : 0;
+};
+const hasAncestorTransform = (element) => {
+    let current = element;
+    while (current) {
+        const currentElementHasTransform = hasTransform(current);
+        if (currentElementHasTransform) {
+            return true;
+        }
+        current = current.parentElement;
+    }
+    return false;
 };
 export const getTransformState = (event, element, draggable) => {
-    const [offsetX, offsetY] = getOffset(event, draggable);
+    const offset = getOffset(event, draggable);
     return [
-        getPositionByDistance(VERTICAL, event, element, {
-            offsetX,
-            offsetY
-        }),
-        getPositionByDistance(HORIZONTAL, event, element, {
-            offsetX,
-            offsetY
-        }),
-        offsetX,
-        offsetY
+        {
+            top: getPositionByDistance(VERTICAL, event, element, offset),
+            left: getPositionByDistance(HORIZONTAL, event, element, offset)
+        },
+        offset
     ];
 };

package/dist/core/tempChildren.d.ts

@@ -1,5 +1,5 @@
 import { DroppableConfig } from './config/configHandler';
-export declare const addTempChild: <T>(draggedElement: HTMLElement | undefined, parent: Element, ifStartDragging: boolean, droppableConfig?: DroppableConfig<T>, addingAnimationDuration?: number) => void;
-export declare const addTempChildOnInsert: <T>(draggedElement: HTMLElement | undefined, ifStartDragging: boolean, droppableConfig?: DroppableConfig<T>) => void;
+export declare const addTempChild: <T>(draggedElement: HTMLElement | undefined, parent: Element, ifStartDragging: boolean, droppableConfig: DroppableConfig<T>, addingAnimationDuration?: number) => void;
+export declare const addTempChildOnInsert: <T>(draggedElement: HTMLElement | undefined, ifStartDragging: boolean, droppableConfig: DroppableConfig<T>) => void;
 export declare const removeTempChildrens: (droppable: HTMLElement, parent: HTMLElement, droppableGroupClass: string | null, animationDuration: number, draggedElementIsOutside?: boolean) => void;
 export declare const removeTempChild: (parent: HTMLElement, animationDuration: number, isAnimated?: boolean) => void;

package/dist/core/tempChildren.js

@@ -57,9 +57,6 @@ const fixScrollInitialChange = (droppable, config, scroll, ifStartDragging) => {
     }
 };
 const getTempChild = (draggedElement, ifStartDragging, droppableConfig, addingAnimationDuration) => {
-    if (!droppableConfig) {
-        return;
-    }
     const { droppable, config, scroll } = droppableConfig;
     const { direction, animationDuration } = config;
     fixScrollInitialChange(droppable, config, scroll, ifStartDragging);

package/dist/core/useDraggable.js

@@ -1,6 +1,5 @@
 import { assignDraggingEvent, convetEventToDragMouseTouchEvent, moveTranslate, setCustomFixedSize, setEventWithInterval, setTranistion } from './utils/SetStyles';
 import { usePositioning } from './positioning/usePositioning';
-import { DraggingState } from '.';
 import { DRAG_EVENT, draggableTargetTimingFunction, START_DRAG_EVENT, START_DROP_EVENT } from './utils';
 import ConfigHandler from './config/configHandler';
 import { IsHTMLElement, isTouchEvent } from './utils/typesCheckers';
@@ -11,6 +10,13 @@ import { DRAGGABLE_CLASS, DRAGGING_CLASS, DROPPABLE_CLASS, HANDLER_CLASS } from
 import useDragAndDropEvents from './events/dragAndDrop/dragAndDrop';
 import { getRect, isSameNode } from './utils/GetStyles';
 const ON_MOUSEDOWN = 'onmousedown';
+var DraggingState;
+(function (DraggingState) {
+    DraggingState[DraggingState["NOT_DRAGGING"] = 0] = "NOT_DRAGGING";
+    DraggingState[DraggingState["START_DRAGGING"] = 1] = "START_DRAGGING";
+    DraggingState[DraggingState["DRAGING"] = 2] = "DRAGING";
+    DraggingState[DraggingState["END_DRAGGING"] = 3] = "END_DRAGGING";
+})(DraggingState || (DraggingState = {}));
 export default function useDraggable(draggableElement, index, config, parent, handlerPublisher) {
     const { handlerSelector, isDraggable, droppableGroup, animationDuration, draggingClass, droppableClass, onDragStart, delayBeforeTouchMoveEvent, coordinateTransform } = config;
     const droppableGroupClass = getClassesList(droppableGroup)
@@ -95,7 +101,7 @@ export default function useDraggable(draggableElement, index, config, parent, ha
         }
         const { droppable, config } = droppableConfigurator.current;
         setTransform(draggableElement, droppable, pagePosition, config.direction);
-        emitDraggingEvent(draggableElement, DRAG_EVENT, droppableConfigurator.current);
+        emitDraggingEvent(draggableElement, DRAG_EVENT, droppable, config);
     };
     const removeTranslates = (droppable) => {
         const drgagables = droppable.querySelectorAll(`.${DRAGGABLE_CLASS}`);
@@ -107,7 +113,7 @@ export default function useDraggable(draggableElement, index, config, parent, ha
         if (oldDroppableConfig &&
             draggingState == DraggingState.DRAGING &&
             !isSameNode(newdDroppableConfig?.droppable, oldDroppableConfig.droppable)) {
-            emitDraggingEvent(draggableElement, DRAG_EVENT, oldDroppableConfig);
+            emitDraggingEvent(draggableElement, DRAG_EVENT, oldDroppableConfig.droppable, oldDroppableConfig.config);
             removeTranslates(oldDroppableConfig.droppable);
         }
     };
@@ -258,9 +264,11 @@ export default function useDraggable(draggableElement, index, config, parent, ha
         }
     };
     const startDragging = (event) => {
-        addTempChild(draggableElement, parent, draggingState == DraggingState.START_DRAGGING, droppableConfigurator.current);
+        droppableConfigurator.current &&
+            addTempChild(draggableElement, parent, draggingState == DraggingState.START_DRAGGING, droppableConfigurator.current);
         updateDraggingStateBeforeDragging();
-        emitDraggingEvent(draggableElement, START_DRAG_EVENT, droppableConfigurator.current);
+        droppableConfigurator.current &&
+            emitDraggingEvent(draggableElement, START_DRAG_EVENT, droppableConfigurator.current.droppable, droppableConfigurator.current.config);
         setDraggingStyles(draggableElement);
         updateTransformState(event, draggableElement);
     };
@@ -306,10 +314,8 @@ export default function useDraggable(draggableElement, index, config, parent, ha
     const removeAtFromElement = (targetIndex) => {
         import('./events/remove').then((module) => {
             const [removeAt] = module.default(config, parent, handlerPublisher, endDraggingState);
-            if (!droppableConfigurator.initial) {
-                return;
-            }
-            removeAt(index, targetIndex, draggableElement, draggingState, droppableConfigurator.initial);
+            droppableConfigurator.initial &&
+                removeAt(index, targetIndex, draggableElement, droppableConfigurator.initial);
         });
     };
     const insertAtFromElement = (targetIndex, value) => {
@@ -317,7 +323,8 @@ export default function useDraggable(draggableElement, index, config, parent, ha
             (targetIndex === config.onGetLegth() && index === targetIndex - 1)) {
             import('./events/insert').then((module) => {
                 const [emitInsertEventToSiblings] = module.default(config, parent, handlerPublisher, endDraggingState);
-                emitInsertEventToSiblings(targetIndex, draggableElement, parent, value, droppableConfigurator.initial);
+                droppableConfigurator.initial &&
+                    emitInsertEventToSiblings(targetIndex, draggableElement, parent, value, droppableConfigurator.initial);
             });
         }
     };

package/dist/core/useDroppable.js

@@ -4,9 +4,7 @@ import useDraggable from './useDraggable';
 import { AddCssStylesToElement } from './utils/SetStyles';
 import { DRAGGABLE_CLASS, DRAGGING_CLASS, DRAGGING_HANDLER_CLASS, DROPPING_CLASS, GRAB_CLASS, GRABBING_CLASS, HANDLER_CLASS } from './utils/classes';
 const setDroppableGroupClass = (droppableGroupClass, droppable) => {
-    if (droppableGroupClass) {
-        addMultipleClasses(droppable, droppableGroupClass);
-    }
+    droppableGroupClass && addMultipleClasses(droppable, droppableGroupClass);
 };
 const createDraggableCssStyles = () => {
     AddCssStylesToElement(document.body, [

package/dist/core/utils/GetStyles.d.ts

@@ -63,3 +63,4 @@ export declare const getParentDraggableChildren: (parent: HTMLElement) => Elemen
 export declare const getSiblingsByParent: (current: HTMLElement, parent: HTMLElement) => readonly [Element[], number, HTMLElement];
 export declare const getNearestFixedParentPosition: (element: Element, direction: Direction) => number;
 export declare const isSameNode: (element1: Element | null | undefined, element2: Element | null) => boolean | undefined;
+export declare const hasTransform: (element: HTMLElement | null) => boolean | null;

package/dist/core/utils/GetStyles.js

@@ -196,3 +196,6 @@ export const getNearestFixedParentPosition = (element, direction) => {
 export const isSameNode = (element1, element2) => {
     return element1?.isSameNode(element2);
 };
+export const hasTransform = (element) => {
+    return element && getComputedStyle(element).transform !== 'none';
+};

package/dist/core/utils/ParseStyles.d.ts

@@ -1,6 +1,6 @@
 import { GapStyle } from '../../../index';
 import { Direction } from '..';
-export declare const getNumberFromPixels: (pixels: string | undefined) => number;
+export declare const getNumberFromPixels: (pixels: string) => number;
 export declare const computeGapPixels: (element: Element, gapType: GapStyle) => number;
 export declare const gapAndDisplayInformation: (element: Element | null, gapStyle: GapStyle) => [number, boolean];
 export declare const getBeforeStyles: (element: HTMLElement) => [number, number];

package/dist/core/utils/ParseStyles.js

@@ -1,6 +1,6 @@
 import { getPropByDirection, getRect, parseFloatEmpty } from './GetStyles';
 export const getNumberFromPixels = (pixels) => {
-    if (!pixels || pixels.length == 0) {
+    if (pixels.length == 0) {
         return 0;
     }
     return parseFloatEmpty(pixels.replace('px', ''));

package/dist/core/utils/SetStyles.d.ts

@@ -2,16 +2,11 @@ import { DragMouseTouchEvent, fixedSize, Translate } from '../../../index';
 type onTouchEvent = 'ontouchstart' | 'ontouchmove' | 'ontouchend';
 declare const onMouseEvents: readonly ["onmouseup", "onmousedown", "onmousemove"];
 type onMouseEvent = (typeof onMouseEvents)[number];
-type TouchEventType = 'touchstart' | 'touchmove' | 'touchend';
-declare const mouseEvents: readonly ["mouseup", "mousedown", "mousemove"];
-type MouseEventType = (typeof mouseEvents)[number];
 type DragEventCallback = (event: DragMouseTouchEvent) => void;
 type TouchEventCallback = (event: TouchEvent) => void;
-export declare const setSizeStyles: (element: HTMLElement | undefined | null, translate: Translate) => void;
-export declare const fixSizeStyle: (element: HTMLElement | undefined | null) => void;
+export declare const setSizeStyles: (element: HTMLElement, translate: Translate) => void;
 export declare const moveTranslate: (element: Element | undefined | null, translation?: Translate) => void;
 export declare const assignDraggingEvent: (element: HTMLElement, onEvent: onMouseEvent | onTouchEvent, callback: DragEventCallback | null, touchCallback?: TouchEventCallback) => void;
-export declare const addDragMouseToucEventListener: (event: TouchEventType | MouseEventType, callback: DragEventCallback | null) => void;
 export declare const convetEventToDragMouseTouchEvent: (event: MouseEvent | TouchEvent) => DragMouseTouchEvent;
 export declare const setTranistion: (element: Element | undefined, duration: number, timingFunction?: string, types?: string) => void;
 export declare const setEventWithInterval: (element: Element | undefined, eventName: "onscroll", callback: () => void) => void;

package/dist/core/utils/SetStyles.js

@@ -3,20 +3,10 @@ import { HORIZONTAL, VERTICAL } from '..';
 import { getBefore, getBorderBeforeWidthValue, getPageValue, getRect, getScrollValue } from './GetStyles';
 import { IsHTMLElement, IsMouseEvent, isTouchEvent } from './typesCheckers';
 const onMouseEvents = ['onmouseup', 'onmousedown', 'onmousemove'];
-const mouseEvents = ['mouseup', 'mousedown', 'mousemove'];
 export const setSizeStyles = (element, translate) => {
-    if (!element) {
-        return;
-    }
     element.style.height = `${translate.height}px`;
     element.style.width = `${translate.width}px`;
 };
-export const fixSizeStyle = (element) => {
-    if (!element) {
-        return;
-    }
-    setSizeStyles(element, getRect(element));
-};
 export const moveTranslate = (element, translation = NONE_TRANSLATE) => {
     if (!element || !IsHTMLElement(element)) {
         return;
@@ -49,22 +39,7 @@ export const assignDraggingEvent = (element, onEvent, callback, touchCallback) =
         assignDraggingTouchEvent(element, onEvent, callback, touchCallback);
     }
 };
-export const addDragMouseToucEventListener = (event, callback) => {
-    if (!callback) {
-        return;
-    }
-    if (isMouseEvent(event)) {
-        document.addEventListener(event, callback);
-    }
-    else {
-        document.addEventListener(event, (event) => {
-            const dragMouseTouchEvent = convetEventToDragMouseTouchEvent(event);
-            callback(dragMouseTouchEvent);
-        });
-    }
-};
 const isOnMouseEvent = (x) => onMouseEvents.includes(x);
-const isMouseEvent = (x) => mouseEvents.includes(x);
 const getDefaultEvent = (event) => {
     const { target } = event;
     return {
@@ -171,10 +146,7 @@ export const AddCssStylesToElement = (node, cssCodes) => {
 };
 const AddCssStyleToElement = (node, cssCode) => {
     var style = getStyles(node);
-    if (!style.sheet) {
-        return;
-    }
-    if (!containRule(style.sheet, cssCode)) {
+    if (style.sheet && !containRule(style.sheet, cssCode)) {
         style.sheet?.insertRule(cssCode, style.sheet.cssRules.length);
     }
 };

package/dist/core/utils/dom/classList.d.ts

@@ -3,6 +3,6 @@ export declare const toggleClass: (element: Element, cssClass: string, force?: b
 export declare const addClass: (element: Element, cssClass: string) => void;
 export declare const removeClass: (element: Element, cssClass: string) => void;
 export declare const containstClasses: (element: HTMLElement, classes: string) => boolean;
-export declare const getClassesSelector: (classes: string | null) => string;
-export declare const addMultipleClasses: (element: HTMLElement, classes: string | null) => void;
+export declare const getClassesSelector: (classes: string) => string;
+export declare const addMultipleClasses: (element: HTMLElement, classes: string) => void;
 export declare const getClassesList: (classes: string | null | undefined) => string[];

package/dist/core/utils/dom/classList.js

@@ -14,22 +14,13 @@ export const containstClasses = (element, classes) => {
     return getClassesList(classes).every((cssClass) => containClass(element, cssClass));
 };
 export const getClassesSelector = (classes) => {
-    if (!classes) {
-        return "";
-    }
-    const classesSelector = getClassesList(classes).join(".");
+    const classesSelector = getClassesList(classes).join('.');
     return `.${classesSelector}`;
 };
 export const addMultipleClasses = (element, classes) => {
-    if (!classes) {
-        return;
-    }
     const classesList = getClassesList(classes);
     element.classList.add(...classesList);
 };
 export const getClassesList = (classes) => {
-    if (!classes) {
-        return [];
-    }
-    return classes.split(" ").filter((cssClass) => cssClass);
+    return (classes?.split(' ') ?? []).filter((cssClass) => cssClass);
 };

package/dist/index-BOqB07mI.cjs

@@ -0,0 +1 @@
+"use strict";var $e=Object.defineProperty;var Ve=(t,e,n)=>e in t?$e(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var X=(t,e,n)=>Ve(t,typeof e!="symbol"?e+"":e,n);const Y="horizontal",q="vertical",_="draggable",Yt="droppable",Bt="handler-class",Ft="dragging",Xt="dragging-handler-class",_t="dropping",ae="grabbing",le="grab",Ye="disable-transition",U=(t,e)=>t.classList.contains(e),it=(t,e,n=!1)=>{t.classList.toggle(e,n)},st=(t,e)=>{t.classList.add(e)},Wt=(t,e)=>{t.classList.remove(e)},Xe=(t,e)=>vt(e).every(n=>U(t,n)),lt=t=>`.${vt(t).join(".")}`,_e=(t,e)=>{const n=vt(e);t.classList.add(...n)},vt=t=>((t==null?void 0:t.split(" "))??[]).filter(e=>e),We=()=>{const{scrollX:t,scrollY:e}=window;return{scrollX:t,scrollY:e}},Zt=t=>!t||t.trim().length==0||t=="normal"?0:parseFloat(t),He=t=>t?parseInt(t):-1,qe=t=>{const e=getComputedStyle(t),n=new DOMMatrixReadOnly(e.transform);return{x:n.m41,y:n.m42}},ue=(t,e)=>t.x1>e.x1?ue(e,t):t.x2<e.x1?0:t.x2>=e.x2?t.x2-t.x1:t.x2-e.x1,St=(t,e)=>!ze(t,e),ze=(t,e)=>{const{intersectionX:n,intersectionY:s,rect1:o,rect2:r}=ge(t,e);return s>=Math.min(o.height,r.height)/2&&n>=Math.min(o.width,r.width)/2},je=(t,e)=>!Ze(t,e),Ze=(t,e)=>{const{intersectionX:n,intersectionY:s}=ge(t,e);return s>=0&&n>=0},ge=(t,e)=>{const n=B(t),s=B(e),o=ee(n,s,q),r=ee(n,s,Y);return{rect1:n,rect2:s,intersectionX:r,intersectionY:o}},ee=(t,e,n)=>{const{before:s,distance:o}=I(n);return ue({x1:t[s],x2:t[s]+t[o]},{x1:e[s],x2:e[s]+e[o]})},Et=(t,e)=>t?Zt(getComputedStyle(t)[e]):0,ne=t=>{const{scrollLeft:e,scrollTop:n}=t;return{scrollLeft:e,scrollTop:n}},B=t=>t.getBoundingClientRect(),z=(t,e)=>{const{distance:n}=I(t);return[e[n],n]},It=(t,e)=>{const{axis:n}=I(t);return e[n]},ut=(t,e)=>{const{borderBeforeWidth:n}=I(t);return Et(e,n)},wt=(t,e)=>{const{beforeMargin:n}=I(t);return Et(e,n)},fe=(t,e)=>{const{beforeMargin:n}=I(t);return Et(e,n)},Dt=(t,e)=>{const{afterMargin:n}=I(t);return Et(e,n)},j=(t,e)=>{const{before:n}=I(t);return e[n]},Tt=(t,e)=>{const{scrollElement:n}=I(t);return[e[n],n]},at=(t,e)=>{const{scroll:n}=I(t);return e[n]},ke=(t,e)=>{const{inner:n}=I(t);return e[n]},kt=(t,e)=>{const{page:n}=I(t);return e[n]},pe=(t,e)=>{const{offset:n}=I(t);return e[n]},I=t=>{const e=t==Y;return{beforeMargin:e?"marginLeft":"marginTop",afterMargin:e?"marginRight":"marginBottom",borderBeforeWidth:e?"borderLeftWidth":"borderTopWidth",before:e?"left":"top",gap:e?"columnGap":"rowGap",distance:e?"width":"height",axis:e?"x":"y",offset:e?"offsetX":"offsetY",scroll:e?"scrollX":"scrollY",scrollElement:e?"scrollLeft":"scrollTop",page:e?"pageX":"pageY",inner:e?"innerWidth":"innerHeight",scrollDistance:e?"scrollWidth":"scrollHeight",clientDistance:e?"clientWidth":"clientHeight",paddingBefore:e?"paddingLeft":"paddingTop",getRect:B}},Mt=(t,e)=>Je(t,e),Ue=t=>[...t.children].filter(n=>U(n,_)),Je=(t,e)=>{const n=[...e.children].filter(o=>U(o,_)&&!o.isEqualNode(t)).toReversed(),s=[...e.children].findLastIndex(o=>o.isEqualNode(t));return[n,s,e]},Ke=t=>{let e=t.parentElement;for(;e;){if(window.getComputedStyle(e).position==="fixed")return e;e=e.parentElement}return null},de=(t,e)=>{const n=Ke(t);return n?j(e,B(n))+ut(e,n):0},P=(t,e)=>t==null?void 0:t.isSameNode(e),Qe=t=>t&&getComputedStyle(t).transform!=="none",he="startDrag",Lt="drag",me="startDrop",rt="temp-child",Ut="cubic-bezier(0.2, 0, 0, 1)",Pt={height:0,width:0},ht=t=>window.TouchEvent&&t instanceof TouchEvent,K=t=>t instanceof HTMLElement,Se=t=>t instanceof MouseEvent,tn=["onmouseup","onmousedown","onmousemove"],en=(t,e)=>{t.style.height=`${e.height}px`,t.style.width=`${e.width}px`},ot=(t,e=Pt)=>{!t||!K(t)||(e.width==0&&e.height==0?t.style.transform="":t.style.transform=`translate(${e.width}px,${e.height}px)`)},nn=(t,e,n,s)=>{t[e]=o=>{if(o.defaultPrevented)return;s&&s(o);const r=Ht(o);n(r)}},Vt=(t,e,n,s)=>{n&&(sn(e)?t[e]=n:nn(t,e,n,s))},sn=t=>tn.includes(t),on=t=>{const{target:e}=t;return{clientX:0,clientY:0,pageX:0,pageY:0,screenX:0,screenY:0,target:e,offsetX:0,offsetY:0}},rn=(t,e)=>{const n=(s,o)=>an(e,window,o,s);if(Se(t)){const{offsetX:s,offsetY:o}=t;return[s,o]}else{const s=t.target;return[n(s,Y),n(s,q)]}},Ht=t=>{const e=cn(t);if(!e)return on(t);const[n,s]=rn(t,e),{clientX:o,clientY:r,pageX:i,pageY:a,screenX:f,screenY:u,target:h}=e;return{clientX:o,clientY:r,pageX:i,pageY:a,screenX:f,screenY:u,target:h,offsetX:n,offsetY:s}},cn=t=>{if(ht(t))return t.touches[0]??t.changedTouches[0];if(Se(t))return t},an=(t,e,n,s)=>{const o=B(s);return kt(n,t)-at(n,e)-j(n,o)-ut(n,s)},Ct=(t,e,n="ease-out",s="transform")=>{K(t)&&(t.style.transitionDuration=`${e}ms`,t.style.transitionTimingFunction=`${n}`,t.style.transitionProperty=`${s}`)},De=(t,e,n)=>{!t||!K(t)||(t[e]=()=>{n()})},ln=t=>{var e=t.querySelector("style");if(!e){var n=document.createElement("style");return t.appendChild(n),n}return e},un=(t,e)=>{const n=/\.-?[_a-zA-Z0-9-*\s<>():]+/g,[s]=e.match(n)||[];for(const o of t.cssRules){const[r]=o.cssText.match(n)||[];if(s===r)return!0}return!1},gn=(t,e)=>{e.forEach(n=>{fn(t,n)})},fn=(t,e)=>{var s;var n=ln(t);n.sheet&&!un(n.sheet,e)&&((s=n.sheet)==null||s.insertRule(e,n.sheet.cssRules.length))},Te=(t,e={})=>{for(const n of Object.keys(e)){const s=e[n];s!=null&&pn(t,`--${n}`,s)}},pn=(t,e,n)=>t&&t.style.setProperty(e,n),Rt=t=>{K(t)&&(t.style.transition="",t.style.transform="")},dn=(t,e,n)=>{n!=0&&(e==="vertical"?t.scrollBy(0,n):t.scrollBy(n,0))},hn=t=>{let e=.5;const n=.03,s=(i,a,f,u)=>{const[h]=z(i,B(t)),d=B(a),x=j(i,f)-j(i,d)+It(i,u),[R]=z(i,d),b=R-h,C=x/b,T=h/b,A=.25,v=.2,M=.8;let N=0;const W=je(t,a);!W&&C<v&&C>-T?N=o(C<0?0:C,v):!W&&C>M&&C<1+T&&(N=r(C,M));const G=A*h*N;e=Math.sign(G)*Math.min(Math.abs(G),Math.abs(e)+n),dn(a,i,e)},o=(i,a)=>Math.pow(i/a,1/3)-1,r=(i,a)=>Math.pow(1/(1-a)*(i-a),3);return[s]},mn=(t,e)=>{let n={offsetX:0,offsetY:0},s={top:0,left:0},o={x:0,y:0};const[r]=hn(t),i=d=>{t.style.transform=`translate( ${d.x}px, ${d.y}px)`},a=d=>{t.style.top=`${d.top}px`,t.style.left=`${d.left}px`},f=(d,x,R,b)=>{const C=v=>{const M=kt(v,R),N=at(v,window),W=ke(v,window),[G]=z(v,B(d)),Z=ut(v,d),J=wt(v,d),k=M-pe(v,n),Q=de(d,v);if(k>=N-G/2&&k<=N+W){const g=ve(v,x),p=k-j(v,s)-Z-J-N-Q-g;return T(v),p}return It(v,o)},T=v=>{d&&U(d,Ft)&&v===b&&r(b,x,s,o)},A=v=>{const{axis:M}=I(v);o[M]=C(v),i(u())};A(Y),A(q)},u=()=>{let d=o;for(const x of e)d=x(d,t);return d};return[f,(d,x)=>{const[R,b]=vn(d,x,t);s=R,a(s),n=b}]},xt=(t,e,n)=>j(t,B(e))-j(t,B(n))-ut(t,n),Sn=(t,e)=>{let{offsetX:n,offsetY:s,target:o}=t,r=Dn(o,e);const i=o;return i&&r&&!P(i,r)&&(n+=xt(Y,i,r),s+=xt(q,i,r)),r&&e!=o&&(n+=xt(Y,r,e),s+=xt(q,r,e)),{offsetX:n,offsetY:s}},Dn=(t,e)=>{const n=t==null?void 0:t.closest(`.${Bt}`);return n&&P(e,n)?t:n},se=(t,e,n,s)=>{const o=de(n,t),r=n.parentElement,i=ve(t,r);return kt(t,e)-pe(t,s)-wt(t,n)-ut(t,n)-at(t,window)-o-i},ve=(t,e)=>e&&Tn(e)?j(t,B(e)):0,Tn=t=>{let e=t;for(;e;){if(Qe(e))return!0;e=e.parentElement}return!1},vn=(t,e,n)=>{const s=Sn(t,n);return[{top:se(q,t,e,s),left:se(Y,t,e,s)},s]},H=class H{static addConfig(e,n){const s=H.configs.filter(r=>!P(r.droppable,e)),o=ne(e);s.push({droppable:e,config:n,scroll:o}),H.configs=s}static updateScrolls(e,n){for(const s of H.configs){const{droppable:o}=s;(n&&Xe(o,n)||P(e,o))&&(s.scroll=ne(o))}}static getConfig(e){return H.configs.find(({droppable:s})=>P(e,s))}};X(H,"configs",[]),X(H,"removeObsoleteConfigs",()=>{const e=H.configs.filter(({droppable:n})=>document.contains(n));H.configs=e});let ct=H;const qt=t=>t.length==0?0:Zt(t.replace("px","")),En=(t,e)=>{const n=getComputedStyle(t)[e];if(n.match("%")){const o=Zt(n.replace("%","")),{width:r}=B(t);return r*(o/100)}return qt(n)},Cn=(t,e)=>{if(!(t instanceof Element))return[0,!1];const n=En(t,e),s=getComputedStyle(t).display,o=n>0||s==="flex";return[n,o]},yn=t=>{const{top:e,left:n}=getComputedStyle(t);return[qt(e),qt(n)]},Jt=(t,e)=>{const{gap:n}=I(e);return Cn(t,n)},bn=(t,e)=>{const[n,s]=Jt(t,e);return s?n:0},Kt=(t,e,n,s=()=>!0)=>{const o=new MutationObserver(r=>{if(r=r.filter(s),r.length>0){const i=r[0];t(o,i)}});return o.observe(e,n),o},zt=t=>K(t)?t.classList.contains(rt):!1;function mt(t,e,n,s,o=t.previousElementSibling,r=t.nextElementSibling){let{height:i,width:a}=An(n,t,o,r);return St(t,s)&&e==Lt&&(i=0,a=0),{height:i,width:a}}const An=(t,e,n,s)=>{const o=Dt(t,e),r=wt(t,e),i=wt(t,s),[a,f]=Jt(e.parentElement,t),[u]=z(t,B(e));if(f)return oe(u,r,o,a,0,t);const[h,d,x]=xn(n,i,o,r,t);return oe(u,d,h,0,x,t)},xn=(t,e,n,s,o)=>{const r=Math.max(e,n);let i=s,a=e;if(t){const f=Dt(o,t);i=Math.max(f,s),a=Math.max(a,f)}return[r,i,a]},oe=(t,e,n,s,o,r)=>Mn(r,t+e+n+s-o),Mn=(t,e)=>t==Y?{width:e,height:0}:{width:0,height:e},On="startDrag",Ee="cubic-bezier(0.2, 0, 0, 1)",Ce=50,ye="width, min-width, height",Bn=(t,e,n)=>{let s=mt(e,On,n,t);const o=bn(t,n),[,r]=z(n,s);s[r]-=o;const[i,a]=wn(n,e);return s[a]=i,s},wn=(t,e)=>{const n=t==Y?q:Y;return z(n,B(e))},gt=(t,e=Pt)=>{en(t,e),t.style.minWidth=`${e.width}px`},Ln=(t,e,n)=>s=>{e.contains(t)&&(gt(t,n),s.disconnect())},be=(t,e)=>{const{scrollDistance:n,clientDistance:s}=I(e);return t[n]-t[s]},Pn=(t,e,n)=>{const[s]=Tt(t,n);return s/be(e,t)},Rn=(t,e,n,s)=>{if(!s)return;const{direction:o}=e,r=Pn(o,t,n)>.99,[,i]=Tt(o,t);r&&(t[i]=be(t,o))},Ae=(t,e,n,s)=>{const{droppable:o,config:r,scroll:i}=n,{direction:a,animationDuration:f}=r;if(Rn(o,r,i,e),o.querySelector(`.${rt}`)||!t)return;var u=t.tagName=="LI"?"DIV":t.tagName,h=document.createElement(u);st(h,rt),gt(h);const d=Bn(o,t,a);return Ct(h,f,Ee,ye),[h,d,o]},jt=(t,e,n,s,o)=>{const r=Ae(t,n,s);if(!r)return;const[i,a,f]=r;P(e,f)&&gt(i,a),Kt(Ln(i,f,a),f,{childList:!0,subtree:!0}),f.appendChild(i)},Fn=(t,e,n)=>{const s=Ae(t,e,n);if(!s)return;const[o,r,i]=s;i.appendChild(o),In(o,r)},In=(t,e)=>requestAnimationFrame(()=>{gt(t,e),requestAnimationFrame(()=>{Ct(t,0,Ee,ye)})}),Nn=(t,e,n,s,o=!0)=>{if(n){var r=document.querySelectorAll(`${lt(n)} > .${rt}`);r.forEach(i=>{const a=i.parentElement;if(P(e,a)||!o&&P(t,a))return;gt(i),setTimeout(()=>{var u;(u=i.parentNode)==null||u.removeChild(i)},s+Ce)})}},Ot=(t,e,n=!1)=>{var s=t.querySelectorAll(`.${rt}`);s.forEach(o=>{const r=o;n?(gt(r),setTimeout(()=>{t.contains(r)&&t.removeChild(r)},e+Ce)):t.removeChild(o)})},Gn=(t,e)=>{const{config:n,droppable:s}=t,{onInsertEvent:o,onDragEnd:r}=n;return{...n,onDragEnd:f=>{const{index:u,value:h}=f;r({index:u,value:e(h,s)})},onInsertEvent:(f,u)=>o(f,e(u,s),!0)}};class $n{constructor(e,n,s,o,r,i){X(this,"initial");X(this,"current");X(this,"parent");X(this,"draggableElement");X(this,"groupClass");X(this,"dragEvent");X(this,"changeDroppable");X(this,"mapFrom");this.parent=s,this.draggableElement=e,this.groupClass=n,this.dragEvent=o,this.mapFrom=i,this.initial=ct.getConfig(s),this.changeDroppable=r}getDraggableAncestor(e,n,s){return document.elementsFromPoint(e,n).filter(o=>!P(s,o))}getElementBelow(e,n){return(o=>{const[r]=o.getDraggableAncestor(n.clientX,n.clientY,e);return r})(this)}getCurrent(e,n){const s=this.getElementBelow(e,n);return!this.groupClass||!s?void 0:s.closest(lt(this.groupClass))}isOutsideOfAllDroppables(e){return(this.groupClass?Array.from(document.querySelectorAll(lt(this.groupClass))):[this.parent]).every(s=>St(e,s))}isNotInsideAnotherDroppable(e,n){return!St(e,n)||this.isOutsideOfAllDroppables(e)}onScrollEvent(){this.dragEvent()}setOnScroll(e){De(e,"onscroll",()=>{this.onScrollEvent()})}getConfigFrom(e){const n=ct.getConfig(e);if(n)return P(this.parent,e)?n:{...n,config:Gn(n,this.mapFrom)}}droppableIfInsideCurrent(e,n){return e&&!P(n,e)&&n.contains(e)}getCurrentConfig(e){var o,r;const n=this.draggableElement,s=this.getCurrent(n,e);return this.current&&this.isNotInsideAnotherDroppable(n,(o=this.current)==null?void 0:o.droppable)&&!this.droppableIfInsideCurrent(s,(r=this.current)==null?void 0:r.droppable)?this.current:s?(K(s)&&!s.onscroll&&this.setOnScroll(s),this.getConfigFrom(s)):this.getConfigFrom(this.parent)}updateConfig(e){const n=this.current;this.current=this.getCurrentConfig(e),this.changeDroppable(this.current,n)}isOutside(e){const n=this.draggableElement;return!this.getCurrent(n,e)}}const re=(t,e)=>{const{paddingBefore:n}=I(t),s=ut(t,e),o=Et(e,n),r=It(t,B(e));return s+o+r},Vn=(t,e)=>{const[n,s]=yn(e),o=re(q,t);return[re(Y,t)-s,o-n]};function Yn(t,e,n,s,o,r,i,a,f){let u=0,h=0;const d=!!(n<0&&f);if(n===s&&!d)return ce({height:u,width:h},t,o,i,d);const[x,R,b,C]=Wn(e,n,s,f);if(d){const[p,m]=Vn(a,f);u+=m,h+=p}const[T,A]=Jt(a,t),[v,M,N]=qn(x,R==null?void 0:R.previousElementSibling,C,A,d,t),[W,G,Z]=Hn(b,T,A,t),J=_n(G,W,Z,M,v,T),[k]=Tt(t,a),Q=d?k:Xn(a,r,t),g=(C?J-N:N-J)-Q;return t===q?u+=g:t===Y&&(h+=g),ce({height:u,width:h},t,o,i,d)}const Xn=(t,e,n)=>{const[s]=Tt(n,t),[o]=Tt(n,e);return s-o},_n=(t,e,n,s,o,r)=>{const i=Math.max(e,o);return Math.max(n,s)+t+i+r},Wn=(t,e,n,s)=>{const o=e<n,[r,i]=[e,n].toSorted((h,d)=>h-d),a=t[e]??s,f=t[n];let u=o?t.slice(r+1,i+1):t.slice(r,i);return r<0&&s&&(u=t.slice(r+1,i)),[a,f,u,o]},Hn=(t,e,n,s)=>{if(t.length==0)return[0,0,0];const o=Dt(s,t[0]);let r=0,i=-o;for(const[a,f]of t.entries()){const[u]=z(s,B(f)),h=fe(s,f);n&&(r+=h),n&&a>0?r+=e:r=Math.max(r,h),i+=r+u,r=Dt(s,f)}return[o,i,r]},ce=(t,e,n,s,o)=>{const r=at(e,window),i=at(e,n),a=o?0:i-2*r+at(e,s),[,f]=z(e,t);return t[f]+=a,t},qn=(t,e,n,s,o,r)=>{const i=n?t.previousElementSibling:e;return zn(i,t,s,o,r)},zn=(t,e,n,s,o)=>{if(n)return[0,0,0];const r=Dt(o,s?null:t),i=fe(o,e);let a=Math.max(r,i);return[r,i,a]},xe=(t,e,n)=>{const{handlerSelector:s,animationDuration:o}=t,r=u=>{n(),i(u,!1),Rt(u),u.style.top="",u.style.left="",Te(u,{fixedHeight:"",fixedWidth:""})},i=(u,h)=>{it(u,Ft,h),a(h,u),e.toggleGrabClass(!h)},a=(u,h)=>{const d=h.querySelector(s);it(document.body,ae,u),it(d||h,Xt,u)};return[r,i,(u,h)=>{Ct(u,o,Ut),ot(u,h)}]},jn=50;function Zn(t,e,n,s,o,r){let i=e;const{onRemoveAtEvent:a,animationDuration:f,draggingClass:u}=t,[h,d,x]=xe(t,o,r),R=(g,p,m,y)=>{const O=mt(g,p,y.direction,m);C(g,p,O,m,y)},b=(g,p,m,y,O)=>{if(!m)return;const{droppable:E,scroll:w,config:L}=m,S=mt(g,p,L.direction,E);v(g,p,S,y,E,w,L,O)},C=(g,p,m,y,O)=>{const[E]=Mt(g,y),w=St(g,y),{direction:L}=O;E.length==0&&A(m,1,L,E);for(const[S,F]of E.entries()){if(!U(F,_))continue;const $=T(L,g,F,m);if(!w&&$)m=$;else if(!w)continue;const et=E.length-S;A(m,et,L,E),p===he?ot(F,m):p===Lt&&x(F,m)}},T=(g,p,m,y)=>{const O=B(p),E=B(m),w=j(g,O),L=j(g,E),[S]=z(g,E),F=L+S/2,$=It(g,qe(m)),et=F-$;return w>et?Pt:y},A=(g,p,m,y)=>{const O=y.filter(w=>U(w,_)).length,[E]=z(m,g);E==0?i=Math.max(i,p):i=Math.min(i,p-1),i=Math.min(i,O)},v=(g,p,m,y,O,E,w,L)=>{const[S,F]=Mt(g,O),$=S.toReversed(),et=F===-1?$.length:F;$.splice(et,0,g);const[Nt,yt,ft]=M(g,F,$,O);m=mt(g,p,w.direction,n,Nt,yt);const Gt=We(),bt=Yn(w.direction,$,F,ft,Gt,E,y,O,g);S.length==0&&N(void 0,m,g,bt);for(const[$t,pt]of S.toReversed().entries()){let At=m;ft-1>=$t&&(At=Pt),p===me&&!U(pt,rt)&&N(pt,At,g,bt)}W(ft,g,w,O,L)},M=(g,p,m,y)=>{const E=St(g,y)?p:i,w=()=>p<E?[E,E+1]:p>E?[E-1,E]:[E-1,E+1],[L,S]=w(),F=m[L]??null,$=m[S]??null;return[F,$,E]},N=(g,p,m,y)=>{ot(g,p),ot(m,y)},W=(g,p,m,y,O)=>{const{onInsertEvent:E,onDragEnd:w}=m;st(p,_t),J(p,n,y,()=>{if(Wt(p,_t),O!=null){const L=a(O,!0);L!=null&&(E(g,L,!0),w({value:L,index:g})),Z(p),G()}})},G=()=>{if(s){var g=document.querySelectorAll(`${lt(s)} > .${_}`);for(const p of g)Rt(p)}},Z=g=>{setTimeout(()=>{Wt(g,u)},jn)},J=(g,p,m,y)=>{setTimeout(()=>{y&&y(),k(p,m),Q(m),h(g),tt(g,p),tt(g,m)},f)},k=(g,p)=>{P(g,p)?Ot(g,f):(Ot(g,f,!0),Ot(p,f))},Q=g=>{if(!P(n,g)){var[p]=n.querySelectorAll(`.${rt}`);p&&K(p)&&(p.style.height="0px",p.style.width="0px")}},tt=(g,p)=>{const[m]=Mt(g,p);for(const y of[...m,g])Rt(y)};return[R,b,d]}const ie="onmousedown";function kn(t,e,n,s,o){const{handlerSelector:r,isDraggable:i,droppableGroup:a,animationDuration:f,draggingClass:u,droppableClass:h,onDragStart:d,delayBeforeTouchMoveEvent:x,coordinateTransform:R}=n,b=vt(a).map(c=>`droppable-group-${c}`).join(" ");let C=0,T={scrollX:0,scrollY:0},A={pageX:0,pageY:0},v,M;const[N,W]=mn(t,R),G=()=>{C=0},[Z,J,k]=Zn(n,e,s,b,o,G),Q=()=>{st(t,_)},tt=c=>{st(c,Bt),o.addSubscriber(c)},g=()=>{if(i(t)){const c=t.querySelector(r);tt(c||t)}},p=()=>{g(),Q()},m=c=>{const l=c==null?void 0:c.querySelector(`.${Bt}`),D=l==null?void 0:l.parentElement;return l&&D&&U(D,Yt)&&!P(s,D)?null:l},y=c=>{const l=m(c)??c;l&&i(c)&&(Vt(l,ie,pt("mousemove","mouseup")),Vt(l,"ontouchstart",pt("touchmove","touchend"),D=>{const V=D.touches[0];M={x:V.clientX,y:V.clientY}}),O(l)),P(c,l)||Vt(c,ie,At),st(s,Yt)},O=c=>{const l=c.querySelectorAll("img");Array.from(l).forEach(D=>{D.onmousedown=()=>!1})},E=()=>{if(A.pageX==0&&A.pageY==0||!S.current)return;const{droppable:c,config:l}=S.current;N(t,c,A,l.direction),Z(t,Lt,c,l)},w=c=>{const l=c.querySelectorAll(`.${_}`);for(const D of l)ot(D)},L=(c,l)=>{l&&C==2&&!P(c==null?void 0:c.droppable,l.droppable)&&(Z(t,Lt,l.droppable,l.config),w(l.droppable))},S=new $n(t,b,s,E,L,n.mapFrom),F=c=>{if(!S.current)return;const l=b?Array.from(document.querySelectorAll(lt(b))):[s];for(const D of l)D.classList.toggle(h,!c&&P(D,S.current.droppable))},$=(c,l=!1)=>{S.updateConfig(c);const D=S.isOutside(c);F(D),C===1&&!l?te(c):C===2&&(et(D),we(c))},et=(c=!0)=>{if(!S.current)return;const{droppable:l}=S.current;Nn(l,s,b,f,c),!c&&jt(t,s,C==1,S.current)},Nt=c=>{if(ht(c)&&M&&C==1){const l=c.touches[0],D=Math.abs(l.clientX-M.x),V=Math.abs(l.clientY-M.y);if(Math.abs(D)>5&&Math.abs(V)>5)return clearTimeout(v),!1}return!0},yt=c=>{clearTimeout(v);const l=Ht(c);if(ht(c)&&c.cancelable&&C==2&&c.preventDefault(),ht(c)&&!c.cancelable||!Nt(c)){Qt("touchmove",c);return}$(l,ht(c))},ft=(c,l)=>{c=="touchmove"?v=setTimeout(()=>{l()},x):l()},Gt=(c,l)=>{const{clientX:D,clientY:V}=c,nt=document.elementFromPoint(D,V),dt=nt==null?void 0:nt.closest(`.${_}`);return dt&&P(l,dt)},bt=c=>{const l=n.onGetValue(e);return{index:e,element:c,value:l}},$t=c=>{S.updateConfig(c),F(S.isOutside(c)),te(c)},pt=(c,l)=>D=>{if(!Gt(D,t))return;ct.updateScrolls(s,b);const{scrollX:V,scrollY:nt}=window;if(T={scrollX:V,scrollY:nt},C===0){C=1;const dt=bt(t);dt&&d(dt),ft(c,()=>{c=="touchmove"&&$t(D)}),document.addEventListener(c,yt,{passive:!1}),Le(s),document.addEventListener(l,Me(c),{once:!0})}},At=c=>S.updateConfig(c),Me=c=>l=>{Qt(c,l)},Qt=(c,l)=>{F(!0);const D=Ht(l);Re(S.isOutside(D)),clearTimeout(v),document.removeEventListener(c,yt),S.updateConfig(D);const V=S.getCurrentConfig(D);if(V){const{droppable:nt}=V;Oe(nt)}s.onscroll=null,G()},Oe=c=>{if(c.onscroll=null,!b)return;const l=Array.from(document.querySelectorAll(lt(b)));for(const D of l)K(D)&&(D.onscroll=null)},te=c=>{S.current&&jt(t,s,C==1,S.current),Be(),S.current&&Z(t,he,S.current.droppable,S.current.config),Ie(t),W(c,t)},Be=()=>{C=2},we=c=>{const{pageX:l,pageY:D}=c;A={pageX:l,pageY:D},E()},Le=c=>De(c,"onscroll",Pe),Pe=()=>E(),Re=c=>{if(C!==2&&C!==1){G();return}C=3,Fe(t),t.classList.contains(Ft)&&J(t,me,c?S.initial:S.current,T,e)},Fe=c=>{Ct(c,f,Ut),ot(c)},Ie=c=>{const{height:l,width:D}=B(c);Te(c,{fixedHeight:`${l}px`,fixedWidth:`${D}px`}),k(c,!0),it(c,u,!0),c.style.transition=""},Ne=c=>{Promise.resolve().then(()=>require("./remove-dSzXNYxs.cjs")).then(l=>{const[D]=l.default(n,s,o,G);S.initial&&D(e,c,t,S.initial)})},Ge=(c,l)=>{(c===e||c===n.onGetLegth()&&e===c-1)&&Promise.resolve().then(()=>require("./insert-CEcy9QNd.cjs")).then(D=>{const[V]=D.default(n,s,o,G);S.initial&&V(c,t,s,l,S.initial)})};return p(),y(t),[Ne,Ge]}const Un=(t,e)=>{t&&_e(e,t)},Jn=()=>{gn(document.body,[`.${_}{touch-action:manipulation;user-select:none;box-sizing:border-box!important;-webkit-user-select:none;}`,`.${Bt}{pointer-events:auto!important;}`,`.${le}{cursor:grab;}`,".temp-child{touch-action:none;pointer-events:none;box-sizing:border-box!important;}",".droppable{box-sizing:border-box!important;}",`.${Ft}{position:fixed;z-index:5000;width:var(--fixedWidth)!important;height:var(--fixedHeight)!important;}`,`.${Xt}{pointer-events:none!important;}`,`.${_t}{pointer-events:none!important;}`,`.${ae}{cursor:grabbing;}`,".disable-transition{transition:none!important;}"])};function Kn(t,e,n,s="index"){const o=s;let r=[],i=[];const{droppableGroup:a}=t;if(!n)return[r,i];const f=vt(a).map(u=>`droppable-group-${u}`).join(" ");Jn(),Un(f,n);for(const u of n.children){const h=u.getAttribute(o),d=He(h),x=u;if(x&&d>=0){const[R,b]=kn(x,d,t,n,e);r.push(R),i.push(b)}}return[r,i]}const Qn=(t,e)=>{const n=(a,f)=>t.removeAtEvent(a,f),s=(a,f,u)=>t.insertEvent(a,f,u),o=()=>t.getLength(),r=a=>t.getValue(a),i=a=>a;return{direction:(e==null?void 0:e.direction)??q,handlerSelector:(e==null?void 0:e.handlerSelector)??_,draggingClass:(e==null?void 0:e.draggingClass)??"dragging",droppableClass:(e==null?void 0:e.droppableClass)??"droppable-hover",isDraggable:(e==null?void 0:e.isDraggable)??(()=>!0),onDragStart:(e==null?void 0:e.onDragStart)??(()=>{}),onDragEnd:(e==null?void 0:e.onDragEnd)??(()=>{}),droppableGroup:e==null?void 0:e.droppableGroup,onRemoveAtEvent:n,onInsertEvent:s,onGetLegth:o,onGetValue:r,animationDuration:(e==null?void 0:e.animationDuration)??200,removingClass:(e==null?void 0:e.removingClass)??"removing",insertingFromClass:(e==null?void 0:e.insertingFromClass)??"from-inserting",delayBeforeRemove:(e==null?void 0:e.delayBeforeRemove)??200,delayBeforeInsert:(e==null?void 0:e.delayBeforeInsert)??200,mapFrom:(e==null?void 0:e.mapFrom)??i,delayBeforeTouchMoveEvent:(e==null?void 0:e.delayBeforeTouchMoveEvent)??150,coordinateTransform:(e==null?void 0:e.coordinateTransform)??[a=>a]}};function ts(t,e,n,s="index"){let o=[],r=[],i;const a=Qn(t,n),f=T=>{for(const A of o)A(T)},u=(T,A)=>{if(a.onGetLegth()===0)t.insertToListEmpty(a,T,A);else for(const M of r)M(T,A)},h=T=>{const[A,v]=Kn(a,e,T,s);o=A,r=v},d=T=>{const A=T.addedNodes.values().filter(M=>!zt(M)).toArray(),v=T.removedNodes.values().filter(M=>!zt(M)).toArray();return A.length>0||v.length>0},x=T=>{i=Kt(()=>{h(T)},T,{childList:!0},d)},R=T=>{st(T,Yt)},b=T=>{ct.addConfig(T,a)};return[f,u,T=>{if(T)return R(T),b(T),x(T),h(T),ct.removeObsoleteConfigs(),i}]}exports.DISABLE_TRANSITION=Ye;exports.DRAGGABLE_CLASS=_;exports.GRAB_CLASS=le;exports.addClass=st;exports.addTempChild=jt;exports.addTempChildOnInsert=Fn;exports.containClass=U;exports.dragAndDrop=ts;exports.draggableTargetTimingFunction=Ut;exports.getParentDraggableChildren=Ue;exports.getSiblings=Mt;exports.getTranslationByDraggingAndEvent=mt;exports.isTempElement=zt;exports.moveTranslate=ot;exports.observeMutation=Kt;exports.removeClass=Wt;exports.removeTempChild=Ot;exports.removeTranslateWhitoutTransition=Rt;exports.setTranistion=Ct;exports.toggleClass=it;exports.useChangeDraggableStyles=xe;