fluid-dnd 2.1.0 → 2.1.2

package/dist/{HandlerPublisher-LAmM6gCQ.js → HandlerPublisher-CVvTsXrJ.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-D_kOy-fH.js";
+import { a as h, t as n, G as t } from "./index-C6IKL-bo.js";
 class c {
   constructor() {
     r(this, "handlers");

package/dist/core/index.d.ts

@@ -92,7 +92,7 @@ export interface Config<T> {
     /**
      * The delay before the touchmove event is fired.
      */
-    delayBeforeTouchMoveEvent: number;
+    delayBeforeTouchMoveEvent?: number;
 }
 /**
  * onDrop event function.
@@ -141,8 +141,8 @@ export type CoreConfig<T> = {
      */
     isDraggable: (element: HTMLElement) => boolean;
     /**
-   * A function that is called when the draggable element starts being dragged.
-   */
+     * A function that is called when the draggable element starts being dragged.
+     */
     onDragStart: (element: DragStartEventData<T>) => void;
     /**
      * A function that is called when the draggable element is dropped.

package/dist/core/index.js

@@ -1,2 +1,2 @@
-export const HORIZONTAL = "horizontal";
-export const VERTICAL = "vertical";
+export const HORIZONTAL = 'horizontal';
+export const VERTICAL = 'vertical';

package/dist/core/useDraggable.d.ts

@@ -1,3 +1,3 @@
-import { CoreConfig } from ".";
-import HandlerPublisher from "./HandlerPublisher";
+import { CoreConfig } from '.';
+import HandlerPublisher from './HandlerPublisher';
 export default function useDraggable<T>(draggableElement: HTMLElement, index: number, config: CoreConfig<T>, parent: HTMLElement, handlerPublisher: HandlerPublisher): readonly [(targetIndex: number) => void, (targetIndex: number, value: T) => void];

package/dist/core/useDraggable.js

@@ -1,13 +1,13 @@
-import { assignDraggingEvent, convetEventToDragMouseTouchEvent, moveTranslate, setCustomFixedSize, setEventWithInterval, setTranistion, } from "./utils/SetStyles";
-import { useTransform } from "./utils/SetTransform";
-import useEmitEvents from "./utils/events/emitEvents";
-import { DRAG_EVENT, draggableTargetTimingFunction, START_DRAG_EVENT, START_DROP_EVENT } from "./utils";
-import ConfigHandler from "./configHandler";
-import { IsHTMLElement, isTouchEvent } from "./utils/touchDevice";
-import { addTempChild, addTempChildOnInsert, removeTempChildrens } from "./utils/tempChildren";
-import { DroppableConfigurator } from "./utils/droppableConfigurator";
-import { addClass, containClass, getClassesList, getClassesSelector, removeClass, toggleClass, } from "./utils/dom/classList";
-import { DRAGGABLE_CLASS, DRAGGING_CLASS, DROPPABLE_CLASS, HANDLER_CLASS } from "./utils/classes";
+import { assignDraggingEvent, convetEventToDragMouseTouchEvent, moveTranslate, setCustomFixedSize, setEventWithInterval, setTranistion } from './utils/SetStyles';
+import { useTransform } from './utils/SetTransform';
+import useEmitEvents from './utils/events/emitEvents';
+import { DRAG_EVENT, draggableTargetTimingFunction, START_DRAG_EVENT, START_DROP_EVENT } from './utils';
+import ConfigHandler from './configHandler';
+import { IsHTMLElement, isTouchEvent } from './utils/touchDevice';
+import { addTempChild, addTempChildOnInsert, removeTempChildrens } from './utils/tempChildren';
+import { DroppableConfigurator } from './utils/droppableConfigurator';
+import { addClass, containClass, getClassesList, getClassesSelector, removeClass, toggleClass } from './utils/dom/classList';
+import { DRAGGABLE_CLASS, DRAGGING_CLASS, DROPPABLE_CLASS, HANDLER_CLASS } from './utils/classes';
 var DraggingState;
 (function (DraggingState) {
     DraggingState[DraggingState["NOT_DRAGGING"] = 0] = "NOT_DRAGGING";
@@ -19,11 +19,11 @@ export default function useDraggable(draggableElement, index, config, parent, ha
     const { handlerSelector, isDraggable, droppableGroup, animationDuration, delayBeforeRemove, draggingClass, removingClass, onRemoveAtEvent, droppableClass, onDragStart, delayBeforeTouchMoveEvent } = config;
     const droppableGroupClass = getClassesList(droppableGroup)
         .map((classGroup) => `droppable-group-${classGroup}`)
-        .join(" ");
+        .join(' ');
     let draggingState = DraggingState.NOT_DRAGGING;
     let windowScroll = {
         scrollX: 0,
-        scrollY: 0,
+        scrollY: 0
     };
     let pagePosition = { pageX: 0, pageY: 0 };
     let delayTimeout;
@@ -32,7 +32,7 @@ export default function useDraggable(draggableElement, index, config, parent, ha
     const endDraggingState = () => {
         draggingState = DraggingState.NOT_DRAGGING;
     };
-    const [emitEventToSiblings, emitRemoveEventToSiblings, emitInsertEventToSiblings, emitFinishRemoveEventToSiblings, toggleDraggingClass,] = useEmitEvents(config, index, parent, droppableGroupClass, handlerPublisher, endDraggingState);
+    const [emitEventToSiblings, emitRemoveEventToSiblings, emitInsertEventToSiblings, emitFinishRemoveEventToSiblings, toggleDraggingClass] = useEmitEvents(config, index, parent, droppableGroupClass, handlerPublisher, endDraggingState);
     const setDraggable = () => {
         addClass(draggableElement, DRAGGABLE_CLASS);
     };
@@ -58,9 +58,10 @@ export default function useDraggable(draggableElement, index, config, parent, ha
     const getHandler = (element) => {
         const handler = element?.querySelector(`.${HANDLER_CLASS}`);
         const handlerParent = handler?.parentElement;
-        if (handler && handlerParent
-            && containClass(handlerParent, DROPPABLE_CLASS)
-            && !handlerParent.isSameNode(parent)) {
+        if (handler &&
+            handlerParent &&
+            containClass(handlerParent, DROPPABLE_CLASS) &&
+            !handlerParent.isSameNode(parent)) {
             return null;
         }
         return handler;
@@ -68,23 +69,23 @@ export default function useDraggable(draggableElement, index, config, parent, ha
     const setSlotRefElementParams = (element) => {
         const handlerElement = (getHandler(element) ?? element);
         if (handlerElement && isDraggable(element)) {
-            assignDraggingEvent(handlerElement, "onmousedown", onmousedown("mousemove", "mouseup"));
-            assignDraggingEvent(handlerElement, "ontouchstart", onmousedown("touchmove", "touchend"), (event) => {
+            assignDraggingEvent(handlerElement, 'onmousedown', onmousedown('mousemove', 'mouseup'));
+            assignDraggingEvent(handlerElement, 'ontouchstart', onmousedown('touchmove', 'touchend'), (event) => {
                 initialTouch = {
                     x: event.touches[0].clientX,
-                    y: event.touches[0].clientY,
+                    y: event.touches[0].clientY
                 };
             });
             disableMousedownEventFromImages(handlerElement);
         }
         if (!element?.isSameNode(handlerElement)) {
-            assignDraggingEvent(element, "onmousedown", mousedownOnDraggablefunction);
+            assignDraggingEvent(element, 'onmousedown', mousedownOnDraggablefunction);
         }
         addClass(parent, DROPPABLE_CLASS);
     };
     const disableMousedownEventFromImages = (handlerElement) => {
         // Avoid dragging inner images
-        const images = handlerElement.querySelectorAll("img");
+        const images = handlerElement.querySelectorAll('img');
         Array.from(images).forEach((image) => {
             image.onmousedown = () => false;
         });
@@ -112,11 +113,11 @@ export default function useDraggable(draggableElement, index, config, parent, ha
         if (!droppableConfigurator.current) {
             return;
         }
-        const droppables = droppableGroupClass ? Array.from(document.querySelectorAll(getClassesSelector(droppableGroupClass))) : [parent];
+        const droppables = droppableGroupClass
+            ? Array.from(document.querySelectorAll(getClassesSelector(droppableGroupClass)))
+            : [parent];
         for (const droppable of droppables) {
-            droppable
-                .classList
-                .toggle(droppableClass, !isOutside && droppable.isSameNode(droppableConfigurator.current.droppable));
+            droppable.classList.toggle(droppableClass, !isOutside && droppable.isSameNode(droppableConfigurator.current.droppable));
         }
     };
     const onMove = (event, isTouchEvent = false) => {
@@ -159,15 +160,14 @@ export default function useDraggable(draggableElement, index, config, parent, ha
         if (isTouchEvent(event) && event.cancelable && draggingState == DraggingState.DRAGING) {
             event.preventDefault();
         }
-        if ((isTouchEvent(event) && !event.cancelable)
-            || !cursorWasNotMoved(event)) {
-            disableDragging("touchmove", event);
+        if ((isTouchEvent(event) && !event.cancelable) || !cursorWasNotMoved(event)) {
+            disableDragging('touchmove', event);
             return;
         }
         onMove(eventToDragMouse, isTouchEvent(event));
     };
     const addTouchDeviceDelay = (event, callback) => {
-        if (event == "touchmove") {
+        if (event == 'touchmove') {
             delayTimeout = setTimeout(() => {
                 callback();
             }, delayBeforeTouchMoveEvent);
@@ -184,7 +184,7 @@ export default function useDraggable(draggableElement, index, config, parent, ha
     };
     const getDragStartEventData = (element) => {
         const value = config.onGetValue(index);
-        return ({ index, element, value });
+        return { index, element, value };
     };
     const startTouchMoveEvent = (event) => {
         droppableConfigurator.updateConfig(event);
@@ -209,11 +209,11 @@ export default function useDraggable(draggableElement, index, config, parent, ha
                     }
                 });
                 document.addEventListener(moveEvent, handleMove, {
-                    passive: false,
+                    passive: false
                 });
                 makeScrollEventOnDroppable(parent);
                 document.addEventListener(onLeaveEvent, onLeave(moveEvent), {
-                    once: true,
+                    once: true
                 });
             }
         };
@@ -269,7 +269,7 @@ export default function useDraggable(draggableElement, index, config, parent, ha
         setTransformDragEvent();
     };
     const makeScrollEventOnDroppable = (droppable) => {
-        return setEventWithInterval(droppable, "onscroll", onScrollEvent);
+        return setEventWithInterval(droppable, 'onscroll', onScrollEvent);
     };
     const onScrollEvent = () => {
         return setTransformDragEvent();
@@ -282,9 +282,7 @@ export default function useDraggable(draggableElement, index, config, parent, ha
         draggingState = DraggingState.END_DRAGGING;
         removeDraggingStyles(draggableElement);
         if (draggableElement.classList.contains(DRAGGING_CLASS)) {
-            emitEventToSiblings(draggableElement, START_DROP_EVENT, windowScroll, isOutsideAllDroppables ?
-                droppableConfigurator.initial :
-                droppableConfigurator.current, index);
+            emitEventToSiblings(draggableElement, START_DROP_EVENT, windowScroll, isOutsideAllDroppables ? droppableConfigurator.initial : droppableConfigurator.current, index);
         }
     };
     const removeDraggingStyles = (element) => {
@@ -299,7 +297,7 @@ export default function useDraggable(draggableElement, index, config, parent, ha
         });
         toggleDraggingClass(element, true);
         toggleClass(element, draggingClass, true);
-        element.style.transition = "";
+        element.style.transition = '';
     };
     const removeAfterRemovingClass = (targetIndex, config) => {
         removeClass(draggableElement, removingClass);
@@ -323,7 +321,8 @@ export default function useDraggable(draggableElement, index, config, parent, ha
         }
     };
     const insertAtFromElement = (targetIndex, value) => {
-        if (targetIndex === index || targetIndex === config.onGetLegth() && index === targetIndex - 1) {
+        if (targetIndex === index ||
+            (targetIndex === config.onGetLegth() && index === targetIndex - 1)) {
             emitInsertEventToSiblings(targetIndex, draggableElement, parent, value, () => {
                 addTempChildOnInsert(draggableElement, draggingState == DraggingState.START_DRAGGING, droppableConfigurator.initial);
             });

package/dist/{index-D_kOy-fH.js → index-C6IKL-bo.js}

@@ -967,9 +967,7 @@ function Ln(e, t, n, s, o) {
     scrollX: 0,
     scrollY: 0
   }, x = { pageX: 0, pageY: 0 }, $, G;
-  const [j, st] = Qe(
-    e
-  ), I = () => {
+  const [j, st] = Qe(e), I = () => {
     v = 0;
   }, [
     L,
@@ -1000,11 +998,7 @@ function Ln(e, t, n, s, o) {
     return g && D && et(D, Xt) && !D.isSameNode(s) ? null : g;
   }, ut = (i) => {
     const g = lt(i) ?? i;
-    g && c(i) && (It(
-      g,
-      "onmousedown",
-      ft("mousemove", "mouseup")
-    ), It(
+    g && c(i) && (It(g, "onmousedown", ft("mousemove", "mouseup")), It(
       g,
       "ontouchstart",
       ft("touchmove", "touchend"),
@@ -1024,19 +1018,9 @@ function Ln(e, t, n, s, o) {
     if (x.pageX == 0 && x.pageY == 0 || !d.current)
       return;
     const { droppable: i, config: g } = d.current;
-    j(e, i, x, g.direction), L(
-      e,
-      Pt,
-      w,
-      d.current
-    );
+    j(e, i, x, g.direction), L(e, Pt, w, d.current);
   }, h = (i, g) => {
-    g && v == 2 && !(i != null && i.droppable.isSameNode(g.droppable)) && L(
-      e,
-      Pt,
-      w,
-      g
-    );
+    g && v == 2 && !(i != null && i.droppable.isSameNode(g.droppable)) && L(e, Pt, w, g);
   }, d = new Rn(
     e,
     m,
@@ -1047,9 +1031,7 @@ function Ln(e, t, n, s, o) {
   ), y = (i) => {
     if (!d.current)
       return;
-    const g = m ? Array.from(
-      document.querySelectorAll(gt(m))
-    ) : [s];
+    const g = m ? Array.from(document.querySelectorAll(gt(m))) : [s];
     for (const D of g)
       D.classList.toggle(
         N,
@@ -1063,13 +1045,7 @@ function Ln(e, t, n, s, o) {
     if (!d.current)
       return;
     const { droppable: g } = d.current;
-    xn(
-      g,
-      s,
-      m,
-      u,
-      i
-    ), !i && Yt(
+    xn(g, s, m, u, i), !i && Yt(
       e,
       s,
       v == 1,
@@ -1181,14 +1157,9 @@ function Ln(e, t, n, s, o) {
       s,
       v == 1,
       d.initial
-    ), Z(
-      i,
-      e,
-      g,
-      (D) => {
-        Jt(D), k(e);
-      }
-    ), M(t, !0);
+    ), Z(i, e, g, (D) => {
+      Jt(D), k(e);
+    }), M(t, !0);
   }, Ee = (i) => {
     if (!d.initial)
       return;
@@ -1197,19 +1168,13 @@ function Ln(e, t, n, s, o) {
       Te(i, g);
     }, p));
   }, ye = (i, g) => {
-    (i === t || i === n.onGetLegth() && t === i - 1) && H(
-      i,
-      e,
-      s,
-      g,
-      () => {
-        Cn(
-          e,
-          v == 1,
-          d.initial
-        );
-      }
-    );
+    (i === t || i === n.onGetLegth() && t === i - 1) && H(i, e, s, g, () => {
+      Cn(
+        e,
+        v == 1,
+        d.initial
+      );
+    });
   };
   return tt(), ut(e), [Ee, ye];
 }

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { d as o } from "./index-D_kOy-fH.js";
+import { d as o } from "./index-C6IKL-bo.js";
 export {
   o as dragAndDrop
 };

package/dist/react/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),y=require("../HandlerPublisher-CsD6p60X.cjs"),b=require("../index-DE3X7xW4.cjs"),S=require("react-dom");function A(a,f){const[e,n]=s.useState(a),i=s.useRef(e);s.useEffect(()=>{i.current=e},[e]);function g(t,r=!1){const c=i.current[t],o=()=>{n(u=>[...u.slice(0,t),...u.slice(t+1)])};return r?S.flushSync(o):o(),c}function d(t,r,c=!1){const o=()=>{n(u=>[...u.slice(0,t),r,...u.slice(t)])};c?S.flushSync(o):o()}function h(){return e.length}function m(t){return e[t]}function l(t,r,c){b.insertToListEmpty(t,f.current,r,c)}return[e,n,{removeAtEvent:g,insertEvent:d,getLength:h,getValue:m,insertToListEmpty:l}]}const D=new y.HandlerPublisher;function E(a,f){const e=s.useRef(null),[n,i,g]=A(a,e),[d,h,m]=s.useMemo(()=>b.dragAndDrop(g,D,f,"data-index"),[n.length]);return s.useEffect(()=>{const l=m(e.current);return()=>{l&&(console.log("disconnect"),l.disconnect())}},[n.length]),[e,n,i,h,d]}exports.useDragAndDrop=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),y=require("../HandlerPublisher-CsD6p60X.cjs"),b=require("../index-DE3X7xW4.cjs"),S=require("react-dom");function A(l,f){const[e,n]=u.useState(l),i=u.useRef(e);u.useEffect(()=>{i.current=e},[e]);function d(t,r=!1){const s=i.current[t],c=()=>{n(o=>[...o.slice(0,t),...o.slice(t+1)])};return r?S.flushSync(c):c(),s}function g(t,r,s=!1){const c=()=>{n(o=>[...o.slice(0,t),r,...o.slice(t)])};s?S.flushSync(c):c()}function h(){return e.length}function m(t){return e[t]}function a(t,r,s){b.insertToListEmpty(t,f.current,r,s)}return[e,n,{removeAtEvent:d,insertEvent:g,getLength:h,getValue:m,insertToListEmpty:a}]}const D=new y.HandlerPublisher;function E(l,f){const e=u.useRef(null),[n,i,d]=A(l,e),[g,h,m]=b.dragAndDrop(d,D,f,"data-index");return u.useEffect(()=>{const a=m(e.current);return()=>{a&&a.disconnect()}},[n.length]),[e,n,i,h,g]}exports.useDragAndDrop=E;

package/dist/react/index.mjs

@@ -1,30 +1,30 @@
-import { useState as S, useRef as p, useEffect as E, useMemo as b } from "react";
-import { H as A } from "../HandlerPublisher-LAmM6gCQ.js";
-import { i as C, d as L } from "../index-D_kOy-fH.js";
-import { flushSync as h } from "react-dom";
-function v(a, l) {
-  const [t, n] = S(a), i = p(t);
+import { useState as S, useRef as h, useEffect as E } from "react";
+import { H as b } from "../HandlerPublisher-CVvTsXrJ.js";
+import { i as A, d as C } from "../index-C6IKL-bo.js";
+import { flushSync as p } from "react-dom";
+function L(u, l) {
+  const [t, n] = S(u), c = h(t);
   E(() => {
-    i.current = t;
+    c.current = t;
   }, [t]);
-  function f(e, s = !1) {
-    const r = i.current[e], o = () => {
-      n((c) => [
-        ...c.slice(0, e),
-        ...c.slice(e + 1)
+  function f(e, r = !1) {
+    const s = c.current[e], o = () => {
+      n((i) => [
+        ...i.slice(0, e),
+        ...i.slice(e + 1)
       ]);
     };
-    return s ? h(o) : o(), r;
+    return r ? p(o) : o(), s;
   }
-  function m(e, s, r = !1) {
+  function m(e, r, s = !1) {
     const o = () => {
-      n((c) => [
-        ...c.slice(0, e),
-        s,
-        ...c.slice(e)
+      n((i) => [
+        ...i.slice(0, e),
+        r,
+        ...i.slice(e)
       ]);
     };
-    r ? h(o) : o();
+    s ? p(o) : o();
   }
   function g() {
     return t.length;
@@ -32,27 +32,32 @@ function v(a, l) {
   function d(e) {
     return t[e];
   }
-  function u(e, s, r) {
-    C(e, l.current, s, r);
+  function a(e, r, s) {
+    A(e, l.current, r, s);
   }
   return [t, n, {
     removeAtEvent: f,
     insertEvent: m,
     getLength: g,
     getValue: d,
-    insertToListEmpty: u
+    insertToListEmpty: a
   }];
 }
-const y = new A();
-function H(a, l) {
-  const t = p(null), [n, i, f] = v(a, t), [m, g, d] = b(() => L(f, y, l, "data-index"), [n.length]);
+const v = new b();
+function k(u, l) {
+  const t = h(null), [n, c, f] = L(u, t), [m, g, d] = C(
+    f,
+    v,
+    l,
+    "data-index"
+  );
   return E(() => {
-    const u = d(t.current);
+    const a = d(t.current);
     return () => {
-      u && (console.log("disconnect"), u.disconnect());
+      a && a.disconnect();
     };
-  }, [n.length]), [t, n, i, g, m];
+  }, [n.length]), [t, n, c, g, m];
 }
 export {
-  H as useDragAndDrop
+  k as useDragAndDrop
 };

package/dist/react/useDragAndDrop.d.ts

@@ -1,2 +1,2 @@
-import { Config } from "../core";
+import { Config } from '../core';
 export default function useDragAndDrop<T, E extends HTMLElement>(items: T[], config?: Config<T>): readonly [import("react").RefObject<E>, T[], import("react").Dispatch<import("react").SetStateAction<T[]>>, (index: number, value: T) => void, (index: number) => void];

package/dist/react/useDragAndDrop.js

@@ -1,7 +1,7 @@
-import { useEffect, useMemo, useRef } from "react";
-import HandlerPublisher from "../core/HandlerPublisher";
-import { dragAndDrop } from "../index";
-import { useReactListConfig } from "./utils/ReactLilstConfig";
+import { useEffect, useRef } from 'react';
+import HandlerPublisher from '../core/HandlerPublisher';
+import { dragAndDrop } from '../index';
+import { useReactListConfig } from './utils/ReactLilstConfig';
 /**
  * Create the parent element of the draggable children and all the drag and drop events and styles.
  *
@@ -14,12 +14,11 @@ const handlerPublisher = new HandlerPublisher();
 export default function useDragAndDrop(items, config) {
     const parent = useRef(null);
     const [itemsState, setItemsState, listCondig] = useReactListConfig(items, parent);
-    const [removeAt, insertAt, onChangeParent] = useMemo(() => dragAndDrop(listCondig, handlerPublisher, config, 'data-index'), [itemsState.length]);
+    const [removeAt, insertAt, onChangeParent] = dragAndDrop(listCondig, handlerPublisher, config, 'data-index');
     useEffect(() => {
         const observer = onChangeParent(parent.current);
         return () => {
             if (observer) {
-                console.log('disconnect');
                 observer.disconnect();
             }
         };

package/dist/svelte/index.mjs

@@ -1,8 +1,8 @@
 var l = Object.defineProperty;
 var d = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var r = (n, t, e) => d(n, typeof t != "symbol" ? t + "" : t, e);
-import { H as c } from "../HandlerPublisher-LAmM6gCQ.js";
-import { i as m, d as u } from "../index-D_kOy-fH.js";
+import { H as c } from "../HandlerPublisher-CVvTsXrJ.js";
+import { i as m, d as u } from "../index-C6IKL-bo.js";
 class h {
   constructor(t) {
     r(this, "items");

package/dist/svelte/utils/SvelteListCondig.d.ts

@@ -1,5 +1,5 @@
-import { CoreConfig } from "../../core";
-import { ListCondig } from "../../core";
+import { CoreConfig } from '../../core';
+import { ListCondig } from '../../core';
 export declare class SvelteListCondig<T> implements ListCondig<T> {
     private items;
     private parent;

package/dist/svelte/utils/SvelteListCondig.js

@@ -1,4 +1,4 @@
-import { insertToListEmpty } from "../../core/utils/events/emitEvents";
+import { insertToListEmpty } from '../../core/utils/events/emitEvents';
 export class SvelteListCondig {
     items;
     parent;
@@ -8,7 +8,6 @@ export class SvelteListCondig {
     setParent(parent) {
         this.parent = parent;
     }
-    ;
     removeAtEvent(index) {
         const listValue = this.items;
         if (listValue.length <= 0) {
@@ -17,16 +16,13 @@ export class SvelteListCondig {
         const [deletedItem] = listValue.splice(index, 1);
         return deletedItem;
     }
-    ;
     insertEvent(index, value) {
         const listValue = this.items;
         listValue.splice(index, 0, value);
     }
-    ;
     getLength() {
         return this.items.length;
     }
-    ;
     getValue(index) {
         return this.items[index];
     }

package/dist/vue/index.mjs

@@ -2,8 +2,8 @@ var l = Object.defineProperty;
 var u = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var r = (n, t, e) => u(n, typeof t != "symbol" ? t + "" : t, e);
 import { ref as c, watch as m } from "vue";
-import { H as h } from "../HandlerPublisher-LAmM6gCQ.js";
-import { i as p, d as v } from "../index-D_kOy-fH.js";
+import { H as h } from "../HandlerPublisher-CVvTsXrJ.js";
+import { i as p, d as v } from "../index-C6IKL-bo.js";
 const g = (n, t) => {
   const e = n.value;
   if (e.length <= 0)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluid-dnd",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "An agnostic drag and drop library to sort all kind of lists. With current support for vue, react and svelte",
   "type": "module",
   "homepage": "https://fluid-dnd.netlify.app",
@@ -62,12 +62,13 @@
     "@types/react": "^18.3.20",
     "@types/react-dom": "^19.1.2",
     "jsdom": "^24.0.0",
+    "prettier": "3.5.3",
+    "prettier-plugin-svelte": "^3.3.3",
+    "svelte": "^5.0.0",
     "typescript": "^5.2.2",
     "vite": "^5.0.8",
     "vite-plugin-dts": "^3.7.0",
     "vitest": "^1.2.2",
-    "prettier-plugin-svelte": "^3.3.3",
-    "svelte": "^5.0.0",
     "vue": ">=3.4.0"
   },
   "scripts": {