fluid-dnd 2.3.0 → 2.5.0

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BYT3HBbe.cjs");exports.dragAndDrop=e.dragAndDrop;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BdOAK6C7.cjs");exports.dragAndDrop=e.dragAndDrop;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { d as o } from "./index-m7C-XuaH.js";
+import { p } from "./index-HczUoMBK.js";
 export {
-  o as dragAndDrop
+  p as dragAndDrop
 };

package/dist/insert-Dd8savAS.js

@@ -0,0 +1,51 @@
+import { u as B, c as C, h as g, i as L, j as N, k as F, e as O, g as _, f as G, o as M, a as u, l as v, r as T, n as R } from "./index-HczUoMBK.js";
+function w(s, n, t, e) {
+  const { delayBeforeInsert: r } = s, [l, f, i] = B(
+    s,
+    t,
+    e
+  ), h = (o, a, c, m, S) => {
+    const I = C(
+      a,
+      "insert",
+      s.direction,
+      c
+    ), { onInsertEvent: y } = s, A = g(c);
+    for (const [D, d] of A.entries())
+      L(d, N) && D >= o && i(d, I);
+    F(a, !1, S), setTimeout(() => {
+      y(o, m), E(o, c, s), l(a), b(a, n), O(n, 0, !0);
+    }, r);
+  }, b = (o, a) => {
+    const [c] = _(o, a);
+    for (const m of [...c, o])
+      G(m);
+  };
+  return [h];
+}
+const j = (s) => s.addedNodes.values().filter((t) => !R(t)).toArray().length > 0, E = (s, n, t) => {
+  const { insertingFromClass: e, animationDuration: r } = t, l = M(
+    () => {
+      const i = g(n)[s];
+      u(i, e), u(i, v), setTimeout(() => {
+        T(i, v), T(i, e), l.disconnect();
+      }, r);
+    },
+    n,
+    {
+      childList: !0
+    },
+    j
+  );
+}, P = (s, n, t, e) => {
+  if (!n)
+    return;
+  const { onInsertEvent: r, delayBeforeInsert: l } = s;
+  setTimeout(() => {
+    r(t, e), E(t, n, s);
+  }, l);
+};
+export {
+  w as default,
+  P as insertToListEmpty
+};

package/dist/insert-T4Y6rI_j.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BdOAK6C7.cjs");function f(s,t,n,i){const{delayBeforeInsert:a}=s,[c,g,o]=e.useChangeDraggableStyles(s,n,i),v=(r,l,d,m,S)=>{const b=e.getTranslationByDraggingAndEvent(l,"insert",s.direction,d),{onInsertEvent:I}=s,h=e.getParentDraggableChildren(d);for(const[y,u]of h.entries())e.containClass(u,e.DRAGGABLE_CLASS)&&y>=r&&o(u,b);e.addTempChildOnInsert(l,!1,S),setTimeout(()=>{I(r,m),T(r,d,s),c(l),E(l,t),e.removeTempChild(t,0,!0)},a)},E=(r,l)=>{const[d]=e.getSiblings(r,l);for(const m of[...d,r])e.removeTranslateWhitoutTransition(m)};return[v]}const A=s=>s.addedNodes.values().filter(n=>!e.isTempElement(n)).toArray().length>0,T=(s,t,n)=>{const{insertingFromClass:i,animationDuration:a}=n,c=e.observeMutation(()=>{const o=e.getParentDraggableChildren(t)[s];e.addClass(o,i),e.addClass(o,e.DISABLE_TRANSITION),setTimeout(()=>{e.removeClass(o,e.DISABLE_TRANSITION),e.removeClass(o,i),c.disconnect()},a)},t,{childList:!0},A)},D=(s,t,n,i)=>{if(!t)return;const{onInsertEvent:a,delayBeforeInsert:c}=s;setTimeout(()=>{a(n,i),T(n,t,s)},c)};exports.default=f;exports.insertToListEmpty=D;

package/dist/react/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),y=require("../HandlerPublisher-BNn5KECH.cjs"),b=require("../index-BYT3HBbe.cjs"),S=require("react-dom");function A(f,i){const[e,n]=u.useState(f),a=u.useRef(e);u.useEffect(()=>{a.current=e},[e]);function d(t,r=!1){const s=a.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 l(t,r,s){b.insertToListEmpty(t,i.current,r,s)}return[e,n,{removeAtEvent:d,insertEvent:g,getLength:h,getValue:m,insertToListEmpty:l}]}const D=new y.HandlerPublisher;function E(f,i){const e=u.useRef(null),[n,a,d]=A(f,e),[g,h,m]=b.dragAndDrop(d,D,i,"data-index");return u.useEffect(()=>{const l=m(e.current);return()=>{l&&l.disconnect()}},[n.length,i]),[e,n,a,h,g]}exports.useDragAndDrop=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),b=require("../HandlerPublisher-1MmlNkG3.cjs"),v=require("../index-BdOAK6C7.cjs"),S=require("react-dom");function y(f,i){const[e,r]=u.useState(f),a=u.useRef(e);u.useEffect(()=>{a.current=e},[e]);function d(t,s=!1){const c=a.current[t],n=()=>{r(o=>[...o.slice(0,t),...o.slice(t+1)])};return s?S.flushSync(n):n(),c}function g(t,s,c=!1){const n=()=>{r(o=>[...o.slice(0,t),s,...o.slice(t)])};c?S.flushSync(n):n()}function h(){return e.length}function m(t){return e[t]}function l(t,s,c){Promise.resolve().then(()=>require("../insert-T4Y6rI_j.cjs")).then(({insertToListEmpty:n})=>{n(t,i.current,s,c)})}return[e,r,{removeAtEvent:d,insertEvent:g,getLength:h,getValue:m,insertToListEmpty:l}]}const A=new b.HandlerPublisher;function D(f,i){const e=u.useRef(null),[r,a,d]=y(f,e),[g,h,m]=v.dragAndDrop(d,A,i,"data-index");return u.useEffect(()=>{const l=m(e.current);return()=>{l&&l.disconnect()}},[r.length,i]),[e,r,a,h,g]}exports.useDragAndDrop=D;

package/dist/react/index.mjs

@@ -1,62 +1,57 @@
-import { useState as S, useRef as h, useEffect as E } from "react";
-import { H as b } from "../HandlerPublisher-xM3zyGAn.js";
-import { i as A, d as C } from "../index-m7C-XuaH.js";
-import { flushSync as p } from "react-dom";
-function L(l, c) {
-  const [t, n] = S(l), a = h(t);
-  E(() => {
-    a.current = t;
+import { useState as b, useRef as d, useEffect as S } from "react";
+import { H as A } from "../HandlerPublisher-DBjPMiyO.js";
+import { p as C } from "../index-HczUoMBK.js";
+import { flushSync as h } from "react-dom";
+function E(l, i) {
+  const [t, r] = b(l), u = d(t);
+  S(() => {
+    u.current = t;
   }, [t]);
-  function f(e, r = !1) {
-    const s = a.current[e], o = () => {
-      n((i) => [
-        ...i.slice(0, e),
-        ...i.slice(e + 1)
-      ]);
+  function f(e, s = !1) {
+    const o = u.current[e], n = () => {
+      r((c) => [...c.slice(0, e), ...c.slice(e + 1)]);
     };
-    return r ? p(o) : o(), s;
+    return s ? h(n) : n(), o;
   }
-  function m(e, r, s = !1) {
-    const o = () => {
-      n((i) => [
-        ...i.slice(0, e),
-        r,
-        ...i.slice(e)
-      ]);
+  function m(e, s, o = !1) {
+    const n = () => {
+      r((c) => [...c.slice(0, e), s, ...c.slice(e)]);
     };
-    s ? p(o) : o();
+    o ? h(n) : n();
   }
-  function d() {
+  function p() {
     return t.length;
   }
   function g(e) {
     return t[e];
   }
-  function u(e, r, s) {
-    A(e, c.current, r, s);
+  function a(e, s, o) {
+    import("../insert-Dd8savAS.js").then(({ insertToListEmpty: n }) => {
+      n(e, i.current, s, o);
+    });
   }
-  return [t, n, {
+  return [t, r, {
     removeAtEvent: f,
     insertEvent: m,
-    getLength: d,
+    getLength: p,
     getValue: g,
-    insertToListEmpty: u
+    insertToListEmpty: a
   }];
 }
-const v = new b();
-function k(l, c) {
-  const t = h(null), [n, a, f] = L(l, t), [m, d, g] = C(
+const v = new A();
+function k(l, i) {
+  const t = d(null), [r, u, f] = E(l, t), [m, p, g] = C(
     f,
     v,
-    c,
+    i,
     "data-index"
   );
-  return E(() => {
-    const u = g(t.current);
+  return S(() => {
+    const a = g(t.current);
     return () => {
-      u && u.disconnect();
+      a && a.disconnect();
     };
-  }, [n.length, c]), [t, n, a, d, m];
+  }, [r.length, i]), [t, r, u, p, m];
 }
 export {
   k as useDragAndDrop

package/dist/react/utils/ReactLilstConfig.d.ts

@@ -1,3 +1,3 @@
-import { RefObject } from "react";
-import { ListCondig } from "../../core";
+import { RefObject } from 'react';
+import { ListCondig } from '../../core';
 export declare function useReactListConfig<T, E extends HTMLElement>(items: T[], parent: RefObject<E>): readonly [T[], import("react").Dispatch<import("react").SetStateAction<T[]>>, ListCondig<T>];

package/dist/react/utils/ReactLilstConfig.js

@@ -1,7 +1,6 @@
-import { useEffect, useRef, useState } from "react";
-import { insertToListEmpty as insertToListEmptyEvent } from "../../core/utils/events/emitEvents";
-// @ts-ignore  
-import { flushSync } from "react-dom";
+import { useEffect, useRef, useState } from 'react';
+// @ts-ignore
+import { flushSync } from 'react-dom';
 export function useReactListConfig(items, parent) {
     const [itemsState, setItemsState] = useState(items);
     const stateRef = useRef(itemsState);
@@ -11,10 +10,7 @@ export function useReactListConfig(items, parent) {
     function removeAtEvent(index, sync = false) {
         const deletedItem = stateRef.current[index];
         const removeCallback = () => {
-            setItemsState(prevItems => [
-                ...prevItems.slice(0, index),
-                ...prevItems.slice(index + 1)
-            ]);
+            setItemsState((prevItems) => [...prevItems.slice(0, index), ...prevItems.slice(index + 1)]);
         };
         if (sync) {
             flushSync(removeCallback);
@@ -24,15 +20,10 @@ export function useReactListConfig(items, parent) {
         }
         return deletedItem;
     }
-    ;
     function insertEvent(index, value, sync = false) {
         const insertCallback = () => {
-            setItemsState(prevItems => {
-                return [
-                    ...prevItems.slice(0, index),
-                    value,
-                    ...prevItems.slice(index)
-                ];
+            setItemsState((prevItems) => {
+                return [...prevItems.slice(0, index), value, ...prevItems.slice(index)];
             });
         };
         if (sync) {
@@ -42,16 +33,16 @@ export function useReactListConfig(items, parent) {
             insertCallback();
         }
     }
-    ;
     function getLength() {
         return itemsState.length;
     }
-    ;
     function getValue(index) {
         return itemsState[index];
     }
     function insertToListEmpty(config, index, value) {
-        insertToListEmptyEvent(config, parent.current, index, value);
+        import('../../core/events/insert').then(({ insertToListEmpty }) => {
+            insertToListEmpty(config, parent.current, index, value);
+        });
     }
     const actions = {
         removeAtEvent,

package/dist/remove-BC4sUY1o.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-BdOAK6C7.cjs");function d(a,l,g,u){const{animationDuration:m}=a,[S]=t.useChangeDraggableStyles(a,g,u),R=(s,o,e,i)=>{if(!e||!e.droppable||!e.config)return;const{droppable:n,config:v}=e;let[r]=t.getSiblings(o,n);r=[o,...r].toReversed();const c=t.getTranslationByDraggingAndEvent(o,"remove",v.direction,n);for(const[h,T]of r.entries())h>=s&&(t.moveTranslate(T,c),setTimeout(()=>{i(T)},m))},b=s=>{t.removeTempChild(l,m,!0),setTimeout(()=>{S(s),f(s,l)},m)},f=(s,o)=>{const[e]=t.getSiblings(s,o);for(const i of[...e,s])t.removeTranslateWhitoutTransition(i)},y=(s,o,e,i,n)=>{const{removingClass:v,delayBeforeRemove:r}=a;o==s&&(t.addClass(e,v),setTimeout(()=>{D(s,o,e,i,n)},r))},D=(s,o,e,i,n)=>{const{removingClass:v,onRemoveAtEvent:r}=a;t.removeClass(e,v),t.addTempChild(e,l,i==t.DraggingState.START_DRAGGING,n),R(o,e,n,c=>{A(c),b(e)}),r(s,!0)},A=s=>{t.setTranistion(s,m,t.draggableTargetTimingFunction),t.moveTranslate(s)};return[y]}exports.default=d;

package/dist/remove-M01dmTvo.js

@@ -0,0 +1,48 @@
+import { u as G, a as B, r as C, b as d, D as N, g as l, c as W, m as g, s as _, d as j, e as k, f as p } from "./index-HczUoMBK.js";
+function w(r, m, u, R) {
+  const { animationDuration: v } = r, [S] = G(
+    r,
+    u,
+    R
+  ), f = (s, t, o, e) => {
+    if (!o || !o.droppable || !o.config)
+      return;
+    const { droppable: i, config: a } = o;
+    let [n] = l(t, i);
+    n = [t, ...n].toReversed();
+    const c = W(
+      t,
+      "remove",
+      a.direction,
+      i
+    );
+    for (const [F, T] of n.entries())
+      F >= s && (g(T, c), setTimeout(() => {
+        e(T);
+      }, v));
+  }, D = (s) => {
+    k(m, v, !0), setTimeout(() => {
+      S(s), b(s, m);
+    }, v);
+  }, b = (s, t) => {
+    const [o] = l(s, t);
+    for (const e of [...o, s])
+      p(e);
+  }, A = (s, t, o, e, i) => {
+    const { removingClass: a, delayBeforeRemove: n } = r;
+    t == s && (B(o, a), setTimeout(() => {
+      h(s, t, o, e, i);
+    }, n));
+  }, h = (s, t, o, e, i) => {
+    const { removingClass: a, onRemoveAtEvent: n } = r;
+    C(o, a), d(o, m, e == N.START_DRAGGING, i), f(t, o, i, (c) => {
+      y(c), D(o);
+    }), n(s, !0);
+  }, y = (s) => {
+    _(s, v, j), g(s);
+  };
+  return [A];
+}
+export {
+  w as default
+};

package/dist/svelte/index.cjs

@@ -1 +1 @@
-"use strict";var u=Object.defineProperty;var d=(n,t,e)=>t in n?u(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var s=(n,t,e)=>d(n,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../HandlerPublisher-BNn5KECH.cjs"),o=require("../index-BYT3HBbe.cjs");class g{constructor(t){s(this,"items");s(this,"parent");this.items=t}setParent(t){this.parent=t}removeAtEvent(t){const e=this.items;if(e.length<=0)return;const[r]=e.splice(t,1);return r}insertEvent(t,e){this.items.splice(t,0,e)}getLength(){return this.items.length}getValue(t){return this.items[t]}insertToListEmpty(t,e,r){o.insertToListEmpty(t,this.parent,e,r)}}const h=new c.HandlerPublisher;function m(n,t){const e=new g(n),[r,l,a]=o.dragAndDrop(e,h,t,"data-index");return[i=>(e.setParent(i),a(i),{destroy(){}}),l,r]}exports.useDragAndDrop=m;
+"use strict";var a=Object.defineProperty;var u=(n,e,t)=>e in n?a(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var i=(n,e,t)=>u(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../HandlerPublisher-1MmlNkG3.cjs"),c=require("../index-BdOAK6C7.cjs");class h{constructor(e){i(this,"items");i(this,"parent");this.items=e}setParent(e){this.parent=e}removeAtEvent(e){const t=this.items;if(t.length<=0)return;const[r]=t.splice(e,1);return r}insertEvent(e,t){this.items.splice(e,0,t)}getLength(){return this.items.length}getValue(e){return this.items[e]}insertToListEmpty(e,t,r){Promise.resolve().then(()=>require("../insert-T4Y6rI_j.cjs")).then(({insertToListEmpty:s})=>{s(e,this.parent,t,r)})}}const g=new d.HandlerPublisher;function m(n,e){const t=new h(n),[r,s,l]=c.dragAndDrop(t,g,e,"data-index");return[o=>(t.setParent(o),l(o),{destroy(){}}),s,r]}exports.useDragAndDrop=m;

package/dist/svelte/index.mjs

@@ -1,12 +1,12 @@
 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-xM3zyGAn.js";
-import { i as m, d as u } from "../index-m7C-XuaH.js";
-class h {
+var i = (n, t, e) => d(n, typeof t != "symbol" ? t + "" : t, e);
+import { H as c } from "../HandlerPublisher-DBjPMiyO.js";
+import { p as h } from "../index-HczUoMBK.js";
+class m {
   constructor(t) {
-    r(this, "items");
-    r(this, "parent");
+    i(this, "items");
+    i(this, "parent");
     this.items = t;
   }
   setParent(t) {
@@ -16,8 +16,8 @@ class h {
     const e = this.items;
     if (e.length <= 0)
       return;
-    const [s] = e.splice(t, 1);
-    return s;
+    const [r] = e.splice(t, 1);
+    return r;
   }
   insertEvent(t, e) {
     this.items.splice(t, 0, e);
@@ -28,18 +28,20 @@ class h {
   getValue(t) {
     return this.items[t];
   }
-  insertToListEmpty(t, e, s) {
-    m(t, this.parent, e, s);
+  insertToListEmpty(t, e, r) {
+    import("../insert-Dd8savAS.js").then(({ insertToListEmpty: s }) => {
+      s(t, this.parent, e, r);
+    });
   }
 }
-const p = new c();
-function P(n, t) {
-  const e = new h(n), [s, o, a] = u(e, p, t, "data-index");
-  return [(i) => (e.setParent(i), a(i), {
+const u = new c();
+function D(n, t) {
+  const e = new m(n), [r, s, a] = h(e, u, t, "data-index");
+  return [(o) => (e.setParent(o), a(o), {
     destroy() {
     }
-  }), o, s];
+  }), s, r];
 }
 export {
-  P as useDragAndDrop
+  D as useDragAndDrop
 };

package/dist/svelte/utils/SvelteListCondig.js

@@ -1,4 +1,3 @@
-import { insertToListEmpty } from '../../core/utils/events/emitEvents';
 export class SvelteListCondig {
     items;
     parent;
@@ -27,6 +26,8 @@ export class SvelteListCondig {
         return this.items[index];
     }
     insertToListEmpty(config, index, value) {
-        insertToListEmpty(config, this.parent, index, value);
+        import('../../core/events/insert').then(({ insertToListEmpty }) => {
+            insertToListEmpty(config, this.parent, index, value);
+        });
     }
 }

package/dist/vue/index.cjs

@@ -1 +1 @@
-"use strict";var c=Object.defineProperty;var h=(n,e,t)=>e in n?c(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var s=(n,e,t)=>h(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),g=require("../HandlerPublisher-BNn5KECH.cjs"),u=require("../index-BYT3HBbe.cjs"),v=(n,e)=>{const t=n.value;if(t.length<=0)return;const[r]=t.splice(e,1);return r},d=(n,e,t)=>{n.value.splice(e,0,t)},m=n=>n.value.length,p=(n,e)=>n.value[e];class V{constructor(e,t){s(this,"items");s(this,"parent");this.items=e,this.parent=t}removeAtEvent(e){return v(this.items,e)}insertEvent(e,t){return d(this.items,e,t)}getLength(){return m(this.items)}getValue(e){return p(this.items,e)}insertToListEmpty(e,t,r){u.insertToListEmpty(e,this.parent.value,t,r)}}const A=new g.HandlerPublisher;function L(n,e){const t=i.ref();var r=new V(n,t);const[l,o,a]=u.dragAndDrop(r,A,e);return i.watch(t,()=>{a(t.value)}),[t,o,l]}exports.useDragAndDrop=L;
+"use strict";var a=Object.defineProperty;var c=(n,e,t)=>e in n?a(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var i=(n,e,t)=>c(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),h=require("../HandlerPublisher-1MmlNkG3.cjs"),v=require("../index-BdOAK6C7.cjs"),g=(n,e)=>{const t=n.value;if(t.length<=0)return;const[r]=t.splice(e,1);return r},d=(n,e,t)=>{n.value.splice(e,0,t)},m=n=>n.value.length,p=(n,e)=>n.value[e];class V{constructor(e,t){i(this,"items");i(this,"parent");this.items=e,this.parent=t}removeAtEvent(e){return g(this.items,e)}insertEvent(e,t){return d(this.items,e,t)}getLength(){return m(this.items)}getValue(e){return p(this.items,e)}insertToListEmpty(e,t,r){Promise.resolve().then(()=>require("../insert-T4Y6rI_j.cjs")).then(({insertToListEmpty:s})=>{s(e,this.parent.value,t,r)})}}const A=new h.HandlerPublisher;function L(n,e){const t=u.ref();var r=new V(n,t);const[s,l,o]=v.dragAndDrop(r,A,e);return u.watch(t,()=>{o(t.value)}),[t,l,s]}exports.useDragAndDrop=L;

package/dist/vue/index.mjs

@@ -1,49 +1,51 @@
-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);
+var a = Object.defineProperty;
+var u = (n, t, e) => t in n ? a(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var i = (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-xM3zyGAn.js";
-import { i as p, d as v } from "../index-m7C-XuaH.js";
-const g = (n, t) => {
+import { H as h } from "../HandlerPublisher-DBjPMiyO.js";
+import { p } from "../index-HczUoMBK.js";
+const v = (n, t) => {
   const e = n.value;
   if (e.length <= 0)
     return;
-  const [s] = e.splice(t, 1);
-  return s;
-}, d = (n, t, e) => {
+  const [r] = e.splice(t, 1);
+  return r;
+}, g = (n, t, e) => {
   n.value.splice(t, 0, e);
-}, V = (n) => n.value.length, L = (n, t) => n.value[t];
+}, d = (n) => n.value.length, V = (n, t) => n.value[t];
 class f {
   constructor(t, e) {
-    r(this, "items");
-    r(this, "parent");
+    i(this, "items");
+    i(this, "parent");
     this.items = t, this.parent = e;
   }
   removeAtEvent(t) {
-    return g(this.items, t);
+    return v(this.items, t);
   }
   insertEvent(t, e) {
-    return d(this.items, t, e);
+    return g(this.items, t, e);
   }
   getLength() {
-    return V(this.items);
+    return d(this.items);
   }
   getValue(t) {
-    return L(this.items, t);
+    return V(this.items, t);
   }
-  insertToListEmpty(t, e, s) {
-    p(t, this.parent.value, e, s);
+  insertToListEmpty(t, e, r) {
+    import("../insert-Dd8savAS.js").then(({ insertToListEmpty: s }) => {
+      s(t, this.parent.value, e, r);
+    });
   }
 }
 const A = new h();
-function P(n, t) {
+function D(n, t) {
   const e = c();
-  var s = new f(n, e);
-  const [i, o, a] = v(s, A, t);
+  var r = new f(n, e);
+  const [s, o, l] = p(r, A, t);
   return m(e, () => {
-    a(e.value);
-  }), [e, o, i];
+    l(e.value);
+  }), [e, o, s];
 }
 export {
-  P as useDragAndDrop
+  D as useDragAndDrop
 };

package/dist/vue/utils/VueListCondig.d.ts

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

package/dist/vue/utils/VueListCondig.js

@@ -1,5 +1,4 @@
-import { getLength, getValue, onInsertEventOnList, removeAtEventOnList } from "./DropMethods";
-import { insertToListEmpty } from "../../core/utils/events/emitEvents";
+import { getLength, getValue, onInsertEventOnList, removeAtEventOnList } from './DropMethods';
 export class VueListCondig {
     items;
     parent;
@@ -10,19 +9,18 @@ export class VueListCondig {
     removeAtEvent(index) {
         return removeAtEventOnList(this.items, index);
     }
-    ;
     insertEvent(index, value) {
         return onInsertEventOnList(this.items, index, value);
     }
-    ;
     getLength() {
         return getLength(this.items);
     }
-    ;
     getValue(index) {
         return getValue(this.items, index);
     }
     insertToListEmpty(config, index, value) {
-        insertToListEmpty(config, this.parent.value, index, value);
+        import('../../core/events/insert').then(({ insertToListEmpty }) => {
+            insertToListEmpty(config, this.parent.value, index, value);
+        });
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluid-dnd",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "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",

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

@@ -1,5 +0,0 @@
-import { ListCondig, MapFrom } from '..';
-import { Config, CoreConfig } from '..';
-import { DroppableConfig } from '../configHandler';
-export declare const getConfig: <T>(listCondig: ListCondig<T>, config?: Config<T>) => CoreConfig<T>;
-export declare const MapConfig: <T>(coreConfig: DroppableConfig<any>, mapFrom: MapFrom<T>) => CoreConfig<any>;

package/dist/core/utils/config.js

@@ -1,57 +0,0 @@
-import { VERTICAL } from '..';
-import { DRAGGABLE_CLASS } from './classes';
-export const getConfig = (listCondig, config) => {
-    const onRemoveAtEvent = (index, sync) => {
-        return listCondig.removeAtEvent(index, sync);
-    };
-    const onInsertEvent = (index, value, sync) => {
-        return listCondig.insertEvent(index, value, sync);
-    };
-    const onGetLegth = () => {
-        return listCondig.getLength();
-    };
-    const onGetValue = (index) => {
-        return listCondig.getValue(index);
-    };
-    const defaultMapFrom = (object) => {
-        return object;
-    };
-    return {
-        direction: config?.direction ?? VERTICAL,
-        handlerSelector: config?.handlerSelector ?? DRAGGABLE_CLASS,
-        draggingClass: config?.draggingClass ?? 'dragging',
-        droppableClass: config?.droppableClass ?? 'droppable-hover',
-        isDraggable: config?.isDraggable ?? (() => true),
-        onDragStart: config?.onDragStart ?? (() => { }),
-        onDragEnd: config?.onDragEnd ?? (() => { }),
-        droppableGroup: config?.droppableGroup,
-        onRemoveAtEvent,
-        onInsertEvent,
-        onGetLegth,
-        onGetValue,
-        animationDuration: config?.animationDuration ?? 200,
-        removingClass: config?.removingClass ?? 'removing',
-        insertingFromClass: config?.insertingFromClass ?? 'from-inserting',
-        delayBeforeRemove: config?.delayBeforeRemove ?? 200,
-        delayBeforeInsert: config?.delayBeforeInsert ?? 200,
-        mapFrom: config?.mapFrom ?? defaultMapFrom,
-        delayBeforeTouchMoveEvent: config?.delayBeforeTouchMoveEvent ?? 150,
-        coordinateTransform: config?.coordinateTransform ?? [(coordinate) => coordinate]
-    };
-};
-export const MapConfig = (coreConfig, mapFrom) => {
-    const { config, droppable } = coreConfig;
-    const { onInsertEvent, onDragEnd } = config;
-    const mapOnInsertEvent = (index, value) => {
-        return onInsertEvent(index, mapFrom(value, droppable), true);
-    };
-    const mapOnDragEnd = (eventData) => {
-        const { index, value } = eventData;
-        onDragEnd({ index, value: mapFrom(value, droppable) });
-    };
-    return {
-        ...config,
-        onDragEnd: mapOnDragEnd,
-        onInsertEvent: mapOnInsertEvent
-    };
-};

package/dist/core/utils/events/emitEvents.d.ts

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