@get-set/gs-sortable 0.0.22 → 0.0.23

package/dist/actions/general.js

@@ -1,90 +1,63 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.moveChildToIndex = exports.getTranslateCoord = exports.getOffsetFromWindow = exports.getOffsetFromBody = void 0;
-var getTranslateCoord = exports.getTranslateCoord = function getTranslateCoord(element) {
-  var style = window.getComputedStyle(element);
-  // eslint-disable-next-line no-undef
-  var matrix = new WebKitCSSMatrix(style.transform);
-  return {
-    x: matrix.e,
-    y: matrix.f
-  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.moveChildToIndex = exports.getOffsetFromWindow = exports.getOffsetFromBody = exports.getTranslateCoord = void 0;
+const getTranslateCoord = (element) => {
+    const style = window.getComputedStyle(element);
+    const matrix = new DOMMatrix(style.transform); // Using DOMMatrix for cross-browser compatibility
+    return {
+        x: matrix.e,
+        y: matrix.f,
+    };
 };
-var getOffsetFromBody = exports.getOffsetFromBody = function getOffsetFromBody(el) {
-  var top = 0,
-    left = 0;
-
-  // Loop through every parent element
-  while (el && el !== document.body) {
-    top += el.offsetTop || 0;
-    left += el.offsetLeft || 0;
-
-    // Handle transformations (i.e., translate, scale)
-    var transform = window.getComputedStyle(el).transform;
-    if (transform !== 'none') {
-      var matrix = new DOMMatrix(transform);
-      top += matrix.m42 || 0;
-      left += matrix.m41 || 0;
+exports.getTranslateCoord = getTranslateCoord;
+const getOffsetFromBody = (el) => {
+    let top = 0, left = 0;
+    while (el && el !== document.body) {
+        top += el.offsetTop || 0;
+        left += el.offsetLeft || 0;
+        const transform = window.getComputedStyle(el).transform;
+        if (transform !== 'none') {
+            const matrix = new DOMMatrix(transform);
+            top += matrix.m42 || 0;
+            left += matrix.m41 || 0;
+        }
+        el = el.offsetParent;
     }
-
-    // If there's a positioned parent, move up the tree
-    el = el.offsetParent;
-  }
-
-  // Add scroll offsets for body, in case of page scrolling
-  top += document.body.scrollTop || document.documentElement.scrollTop || 0;
-  left += document.body.scrollLeft || document.documentElement.scrollLeft || 0;
-  return {
-    top: top,
-    left: left
-  };
+    top += document.body.scrollTop || document.documentElement.scrollTop || 0;
+    left += document.body.scrollLeft || document.documentElement.scrollLeft || 0;
+    return { top, left };
 };
-var getOffsetFromWindow = exports.getOffsetFromWindow = function getOffsetFromWindow(el) {
-  var top = 0,
-    left = 0;
-
-  // Loop through each parent, accumulating the offset relative to the viewport
-  while (el) {
-    top += el.offsetTop || 0;
-    left += el.offsetLeft || 0;
-
-    // Handle transforms (translate, scale, etc.)
-    var transform = window.getComputedStyle(el).transform;
-    if (transform !== 'none') {
-      var matrix = new DOMMatrix(transform);
-      top += matrix.m42 || 0;
-      left += matrix.m41 || 0;
+exports.getOffsetFromBody = getOffsetFromBody;
+const getOffsetFromWindow = (el) => {
+    let top = 0, left = 0;
+    while (el) {
+        top += el.offsetTop || 0;
+        left += el.offsetLeft || 0;
+        const transform = window.getComputedStyle(el).transform;
+        if (transform !== 'none') {
+            const matrix = new DOMMatrix(transform);
+            top += matrix.m42 || 0;
+            left += matrix.m41 || 0;
+        }
+        el = el.offsetParent;
     }
-
-    // Move to the next parent element
-    el = el.offsetParent;
-  }
-
-  // Subtract scroll position from the window (not the document)
-  top -= window.scrollY || 0;
-  left -= window.scrollX || 0;
-  return {
-    top: top,
-    left: left
-  };
+    top -= window.scrollY || 0;
+    left -= window.scrollX || 0;
+    return { top, left };
 };
-var moveChildToIndex = exports.moveChildToIndex = function moveChildToIndex(parent, child, newIndex) {
-  var children = Array.from(parent.children);
-  var oldIndex = children.indexOf(child);
-  if (oldIndex !== newIndex) {
-    if (oldIndex === newIndex) return; // If not found or same position, do nothing
-
-    // Ensure the new index is within valid bounds
-    newIndex = Math.max(0, Math.min(newIndex, children.length - 1));
-    if (newIndex > oldIndex && oldIndex != -1) {
-      // Moving forward, so insert after the target index
-      parent.insertBefore(child, children[newIndex].nextSibling);
-    } else {
-      // Moving backward, insert before the target index
-      parent.insertBefore(child, children[newIndex]);
+exports.getOffsetFromWindow = getOffsetFromWindow;
+const moveChildToIndex = (parent, child, newIndex) => {
+    const children = Array.from(parent.children);
+    const oldIndex = children.indexOf(child);
+    if (oldIndex !== newIndex) {
+        newIndex = Math.max(0, Math.min(newIndex, children.length - 1));
+        if (newIndex > oldIndex && oldIndex !== -1) {
+            parent.insertBefore(child, children[newIndex].nextSibling);
+        }
+        else {
+            parent.insertBefore(child, children[newIndex]);
+        }
     }
-  }
-};
+};
+exports.moveChildToIndex = moveChildToIndex;
+//# sourceMappingURL=general.js.map

package/dist/actions/general.js.map

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

package/dist/actions/getCurrentParams.d.ts

@@ -0,0 +1,9 @@
+export interface ResponsiveOption {
+    windowSize: number;
+    params: Record<string, any>;
+}
+export interface Params {
+    responsive?: Array<ResponsiveOption>;
+    [key: string]: any;
+}
+export default function getCurrentParams(params: Params): Params;

package/dist/actions/getCurrentParams.js

@@ -1,35 +1,27 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _defaultParams2 = _interopRequireDefault(require("../constants/defaultParams"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getCurrentParams = function getCurrentParams(params) {
-  var defaultParams = _objectSpread({}, _defaultParams2["default"]);
-  var finalParams = _objectSpread(_objectSpread({}, defaultParams), params);
-  if (finalParams.responsive.length > 0) {
-    finalParams.responsive.sort(function (a, b) {
-      return b.windowSize - a.windowSize;
-    });
-  }
-  if (finalParams.responsive.length > 0) {
-    var windowSize = window.innerWidth;
-    var availableResponsives = finalParams.responsive.filter(function (resp) {
-      return resp.windowSize >= windowSize;
-    });
-    availableResponsives.map(function (resp) {
-      finalParams = _objectSpread(_objectSpread({}, finalParams), resp.params);
-      return resp;
-    });
-  }
-  return finalParams;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports["default"] = getCurrentParams;
+Object.defineProperty(exports, "__esModule", { value: true });
+const defaultParams_1 = __importDefault(require("../constants/defaultParams"));
+function getCurrentParams(params) {
+    const defaultParams = Object.assign({}, defaultParams_1.default);
+    let finalParams = Object.assign(Object.assign({}, defaultParams), params);
+    if (finalParams.responsive && finalParams.responsive.length > 0) {
+        finalParams.responsive.sort((a, b) => b.windowSize - a.windowSize);
+    }
+    if (finalParams.responsive && finalParams.responsive.length > 0) {
+        const windowSize = window.innerWidth;
+        const availableResponsives = finalParams.responsive.filter(resp => resp.windowSize >= windowSize);
+        availableResponsives.forEach(resp => {
+            finalParams = Object.assign(Object.assign({}, finalParams), resp.params);
+        });
+    }
+    const bodyElement = document.querySelector('body');
+    if (bodyElement) {
+        bodyElement.dataset.ff = JSON.stringify(finalParams);
+    }
+    return finalParams;
+}
+exports.default = getCurrentParams;
+//# sourceMappingURL=getCurrentParams.js.map

package/dist/actions/getCurrentParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getCurrentParams.js","sourceRoot":"","sources":["../../src/actions/getCurrentParams.tsx"],"names":[],"mappings":";;;;;AAAA,+EAAwD;AAYxD,SAAwB,gBAAgB,CAAC,MAAc;IACrD,MAAM,aAAa,qBAAgB,uBAAc,CAAE,CAAC;IACpD,IAAI,WAAW,mCACV,aAAa,GACb,MAAM,CACV,CAAC;IAEF,IAAI,WAAW,CAAC,UAAU,IAAI,WAAW,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/D,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;KACpE;IAED,IAAI,WAAW,CAAC,UAAU,IAAI,WAAW,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;QAC/D,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACrC,MAAM,oBAAoB,GAAG,WAAW,CAAC,UAAU,CAAC,MAAM,CACxD,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,IAAI,UAAU,CACtC,CAAC;QAEF,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAClC,WAAW,mCACN,WAAW,GACX,IAAI,CAAC,MAAM,CACf,CAAC;QACJ,CAAC,CAAC,CAAC;KACJ;IACD,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACnD,IAAI,WAAW,EAAE;QACf,WAAW,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;KACtD;IACD,OAAO,WAAW,CAAC;AACrB,CAAC;AA7BD,mCA6BC"}

package/dist/actions/init.d.ts

@@ -0,0 +1,3 @@
+import { GSSortableRef } from '../components/global';
+declare const init: (ref: GSSortableRef) => void;
+export default init;

package/dist/actions/init.js

@@ -1,33 +1,27 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _constParams = _interopRequireDefault(require("../constants/constParams"));
-var _calculate = _interopRequireDefault(require("./calculate"));
-var _initDraggable = _interopRequireDefault(require("./initDraggable"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var init = function init(ref) {
-  var transition = "left ".concat(_constParams["default"].animateionSpeed, "ms, top ").concat(_constParams["default"].animateionSpeed, "ms, transform ").concat(_constParams["default"].animateionSpeed, "ms");
-  ref.grid.classList.add('gs-sortable-instance');
-  ref.grid.classList.add("gs-sortable-".concat(ref.currentParams.type));
-  _toConsumableArray(ref.grid.children).map(function (el) {
-    el.classList.add('gs-sortable-item');
-    el.style.transition = transition;
-    el.style.position = 'absolute';
-    var resizeObserver = new ResizeObserver(function () {
-      (0, _calculate["default"])(ref);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const constParams_1 = __importDefault(require("../constants/constParams"));
+const calculate_1 = __importDefault(require("./calculate"));
+const initDraggable_1 = __importDefault(require("./initDraggable"));
+const init = (ref) => {
+    const transition = `left ${constParams_1.default.animationSpeed}ms, top ${constParams_1.default.animationSpeed}ms, transform ${constParams_1.default.animationSpeed}ms`;
+    ref.grid.classList.add('gs-sortable-instance');
+    ref.grid.classList.add(`gs-sortable-${ref.currentParams.type}`);
+    Array.from(ref.grid.children).forEach(el => {
+        const element = el;
+        element.classList.add('gs-sortable-item');
+        element.style.transition = transition;
+        element.style.position = 'absolute';
+        const resizeObserver = new ResizeObserver(() => {
+            (0, calculate_1.default)(ref);
+        });
+        resizeObserver.observe(element);
     });
-    resizeObserver.observe(el);
-  });
-  ref.count = ref.grid.children.length;
-  (0, _initDraggable["default"])(ref);
+    ref.count = ref.grid.children.length;
+    (0, initDraggable_1.default)(ref);
 };
-var _default = exports["default"] = init;
+exports.default = init;
+//# sourceMappingURL=init.js.map

package/dist/actions/init.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init.js","sourceRoot":"","sources":["../../src/actions/init.tsx"],"names":[],"mappings":";;;;;AAAA,2EAAmD;AACnD,4DAAoC;AACpC,oEAA4C;AAG5C,MAAM,IAAI,GAAG,CAAC,GAAkB,EAAQ,EAAE;IACxC,MAAM,UAAU,GAAG,QAAQ,qBAAW,CAAC,cAAc,WAAW,qBAAW,CAAC,cAAc,iBAAiB,qBAAW,CAAC,cAAc,IAAI,CAAC;IAE1I,GAAG,CAAC,IAAK,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;IAChD,GAAG,CAAC,IAAK,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IAEjE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QAC1C,MAAM,OAAO,GAAG,EAAiB,CAAC;QAClC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;QAC1C,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,UAAU,CAAC;QACtC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAEpC,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC7C,IAAA,mBAAS,EAAC,GAAG,CAAC,CAAC;QACjB,CAAC,CAAC,CAAC;QACH,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,IAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;IAEtC,IAAA,uBAAa,EAAC,GAAG,CAAC,CAAC;AACrB,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/actions/initDraggable.d.ts

@@ -0,0 +1,3 @@
+import { GSSortableRef } from '../components/global';
+declare const initDraggable: (ref: GSSortableRef) => void;
+export default initDraggable;

package/dist/actions/initDraggable.js

@@ -1,88 +1,83 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _constParams = _interopRequireDefault(require("../constants/constParams"));
-var _general = require("./general");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-var initDraggable = function initDraggable(ref) {
-  var params = ref.currentParams;
-  var $items = _toConsumableArray(ref.grid.children);
-  $items.map(function ($el, index) {
-    $el.onmousedown = null;
-    var handler = params.handler != "" ? $el.querySelector(params.handler) : $el;
-    if (handler != null) {
-      handler.style.cursor = "move";
-      handler.onmousedown = function (e) {
-        if (!ref.isAddjusting) {
-          window.GSSortableConfigue.overInItemRef = ref;
-          window.GSSortableConfigue.takeFrom = ref;
-          var container = ref.grid;
-          var elStyles = getComputedStyle($el);
-          var containerStyles = getComputedStyle(container);
-          var paddingTop = parseFloat(containerStyles.paddingTop);
-          var paddingLeft = parseFloat(containerStyles.paddingLeft);
-          var top = parseFloat(elStyles.top);
-          var left = parseFloat(elStyles.left);
-          var $draggaleEl = $el;
-          var placeholder = document.createElement("div");
-          if (!params.takeClone) {
-            placeholder.classList.add("gs-sortable-placeholder");
-            placeholder.style.position = elStyles.position;
-            placeholder.style.transition = "left ".concat(_constParams["default"].animateionSpeed, "ms, top ").concat(_constParams["default"].animateionSpeed, "ms, transform ").concat(_constParams["default"].animateionSpeed, "ms, opacity ").concat(_constParams["default"].animateionSpeed, "ms, opacity ").concat(_constParams["default"].animateionSpeed, "ms");
-            placeholder.style.width = "".concat($el.offsetWidth, "px");
-            placeholder.style.height = "".concat($el.offsetHeight, "px");
-            placeholder.style.top = "".concat(top, "px");
-            placeholder.style.left = "".concat(left, "px");
-            placeholder.style.border = elStyles.border;
-            placeholder.style.borderRadius = elStyles.borderRadius;
-            ref.grid.append(placeholder);
-          } else {
-            var $cloneEl = $el.cloneNode(true);
-            ref.grid.append($cloneEl);
-            $draggaleEl = $cloneEl;
-          }
-          var elOffsetWindow = (0, _general.getOffsetFromWindow)($el);
-          var translateX = 0;
-          var translateY = 0;
-          if (!isNaN(parseFloat(top))) {
-            translateY = parseFloat(top);
-          }
-          if (!isNaN(parseFloat(left))) {
-            translateX = parseFloat(left);
-          }
-          $draggaleEl.style.transform = " translate(".concat(translateX - paddingLeft, "px, ").concat(translateY - paddingTop, "px)");
-          $draggaleEl.style.top = "".concat(paddingTop, "px");
-          $draggaleEl.style.left = "".concat(paddingLeft, "px");
-          window.GSSortableConfigue.draggableInfo = {
-            moved: false,
-            ref: ref,
-            index: index,
-            $el: $draggaleEl,
-            clientX: e.clientX,
-            clientY: e.clientY,
-            placeholder: placeholder,
-            newLeft: left,
-            newTop: top,
-            fromLeft: (e.clientX - elOffsetWindow.left) / $el.offsetWidth,
-            fromTop: (e.clientY - elOffsetWindow.top) / $el.offsetHeight
-          };
-          $draggaleEl.classList.add("gs-sortable-item-inmove");
-          ref.grid.classList.add("gs-sortable-active");
-          if (ref.grid.closest(".gs-sortable-item") != null) {
-            ref.grid.closest(".gs-sortable-item").classList.add("gs-sortable-item-active-parent");
-          }
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const constParams_1 = __importDefault(require("../constants/constParams"));
+const general_1 = require("./general");
+const initDraggable = (ref) => {
+    const params = ref.currentParams;
+    const $items = Array.from(ref.grid.children);
+    $items.forEach(($el, index) => {
+        $el.onmousedown = null;
+        const handler = params.handler ? $el.querySelector(params.handler) : $el;
+        if (handler instanceof HTMLElement) {
+            handler.style.cursor = 'move';
+            handler.onmousedown = (e) => {
+                if (!ref.isAddjusting) {
+                    window.GSSortableConfigue.overInItemRef = ref;
+                    window.GSSortableConfigue.takeFrom = ref;
+                    const container = ref.grid;
+                    const elStyles = getComputedStyle($el);
+                    const containerStyles = getComputedStyle(container);
+                    const paddingTop = parseFloat(containerStyles.paddingTop);
+                    const paddingLeft = parseFloat(containerStyles.paddingLeft);
+                    const top = parseFloat(elStyles.top);
+                    const left = parseFloat(elStyles.left);
+                    let $draggableEl = $el;
+                    const placeholder = document.createElement('div');
+                    if (!params.takeClone) {
+                        placeholder.classList.add('gs-sortable-placeholder');
+                        placeholder.style.position = elStyles.position;
+                        placeholder.style.transition = `left ${constParams_1.default.animationSpeed}ms, top ${constParams_1.default.animationSpeed}ms, transform ${constParams_1.default.animationSpeed}ms, opacity ${constParams_1.default.animationSpeed}ms`;
+                        placeholder.style.width = `${$el.offsetWidth}px`;
+                        placeholder.style.height = `${$el.offsetHeight}px`;
+                        placeholder.style.top = `${top}px`;
+                        placeholder.style.left = `${left}px`;
+                        placeholder.style.border = elStyles.border;
+                        placeholder.style.borderRadius = elStyles.borderRadius;
+                        ref.grid.append(placeholder);
+                    }
+                    else {
+                        const $cloneEl = $el.cloneNode(true);
+                        ref.grid.append($cloneEl);
+                        $draggableEl = $cloneEl;
+                    }
+                    const elOffsetWindow = (0, general_1.getOffsetFromWindow)($el);
+                    let translateX = 0;
+                    let translateY = 0;
+                    if (!isNaN(top)) {
+                        translateY = top;
+                    }
+                    if (!isNaN(left)) {
+                        translateX = left;
+                    }
+                    $draggableEl.style.transform = `translate(${translateX - paddingLeft}px, ${translateY - paddingTop}px)`;
+                    $draggableEl.style.top = `${paddingTop}px`;
+                    $draggableEl.style.left = `${paddingLeft}px`;
+                    window.GSSortableConfigue.draggableInfo = {
+                        moved: false,
+                        ref: ref,
+                        index,
+                        $el: $draggableEl,
+                        clientX: e.clientX,
+                        clientY: e.clientY,
+                        placeholder,
+                        newLeft: left,
+                        newTop: top,
+                        fromLeft: (e.clientX - elOffsetWindow.left) / $el.offsetWidth,
+                        fromTop: (e.clientY - elOffsetWindow.top) / $el.offsetHeight,
+                    };
+                    $draggableEl.classList.add('gs-sortable-item-inmove');
+                    ref.grid.classList.add('gs-sortable-active');
+                    const closestItem = ref.grid.closest('.gs-sortable-item');
+                    if (closestItem) {
+                        closestItem.classList.add('gs-sortable-item-active-parent');
+                    }
+                }
+            };
         }
-      };
-    }
-  });
+    });
 };
-var _default = exports["default"] = initDraggable;
+exports.default = initDraggable;
+//# sourceMappingURL=initDraggable.js.map

package/dist/actions/initDraggable.js.map

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

package/dist/actions/initMouseMove.d.ts

@@ -0,0 +1,2 @@
+declare const initMouseMove: (event: MouseEvent) => void;
+export default initMouseMove;