@get-set/gs-sortable 0.0.20 → 0.0.21

package/dist/actions/afterAllImagesLoad.js

@@ -1,43 +1,53 @@
-import calculate from "./calculate";
-
-const afterAllImagesLoad = (ref) => {
-  const $images = [...ref.grid.querySelectorAll("img")];
-  const count = $images.length;
-
-  if (count > 0) {
-    let alreadyLoaded = 0;
-    $images.map((img) => {
-      if (img.complete) {
-        alreadyLoaded++;
-        if (alreadyLoaded === count) {
-          setTimeout(() => {
-            calculate(ref);
-          }, 500);
-        }
-      } else {
-        img.onload = () => {
-          alreadyLoaded++;
-          if (alreadyLoaded === count) {
-            setTimeout(() => {
-              calculate(ref);
-            }, 500);
-          }
-        };
-        img.onerror = () => {
-          alreadyLoaded++;
-          if (alreadyLoaded === count) {
-            setTimeout(() => {
-              calculate(ref);
-            }, 500);
-          }
-        };
-      }
-    });
-  } else {
-    setTimeout(() => {
-      calculate(ref);
-    }, 500);
-  }
-};
-
-export default afterAllImagesLoad;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _calculate = _interopRequireDefault(require("./calculate"));
+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 afterAllImagesLoad = function afterAllImagesLoad(ref) {
+  var $images = _toConsumableArray(ref.grid.querySelectorAll("img"));
+  var count = $images.length;
+  if (count > 0) {
+    var alreadyLoaded = 0;
+    $images.map(function (img) {
+      if (img.complete) {
+        alreadyLoaded++;
+        if (alreadyLoaded === count) {
+          setTimeout(function () {
+            (0, _calculate["default"])(ref);
+          }, 500);
+        }
+      } else {
+        img.onload = function () {
+          alreadyLoaded++;
+          if (alreadyLoaded === count) {
+            setTimeout(function () {
+              (0, _calculate["default"])(ref);
+            }, 500);
+          }
+        };
+        img.onerror = function () {
+          alreadyLoaded++;
+          if (alreadyLoaded === count) {
+            setTimeout(function () {
+              (0, _calculate["default"])(ref);
+            }, 500);
+          }
+        };
+      }
+    });
+  } else {
+    setTimeout(function () {
+      (0, _calculate["default"])(ref);
+    }, 500);
+  }
+};
+var _default = exports["default"] = afterAllImagesLoad;

package/dist/actions/calculate.js

@@ -1,145 +1,140 @@
-import constParams from '../constants/constParams';
-import types from '../constants/types';
-
-const calculate = (ref) => {
-  const params = ref.currentParams;
-  if (typeof ref.currentParams.beforeInit === 'function') {
-    ref.currentParams.beforeInit();
-  }
-  const $items = [...ref.grid.children].filter(
-    (x) => !x.classList.contains('gs-sortable-item-inmove')
-  );
-  const itemsCount = $items.length;
-
-  ref.grid.style.position = 'relative';
-  if (params.gap != '') {
-    ref.grid.style.gap = params.gap;
-  }
-  const gridStyles = getComputedStyle(ref.grid);
-  const cssGap = gridStyles.gap;
-  let gapX = 0;
-  let gapY = 0;
-  if (typeof cssGap !== 'undefined' && cssGap !== null) {
-    const cssGapYValue = cssGap.includes(' ') ? cssGap.split(' ')[0] : cssGap;
-    const cssGapXValue = cssGap.includes(' ') ? cssGap.split(' ')[1] : cssGap;
-
-    const gapYSize = parseInt(cssGapYValue);
-    const gapXSize = parseInt(cssGapXValue);
-    if (!Number.isNaN(gapYSize)) {
-      gapY = gapYSize;
-    }
-    if (!Number.isNaN(gapXSize)) {
-      gapX = gapXSize;
-    }
-  }
-  const borderBottomWidth = parseFloat(gridStyles.borderBottomWidth);
-  const borderTopWidth = parseFloat(gridStyles.borderTopWidth);
-  const borderLeftWidth = parseFloat(gridStyles.borderLeftWidth);
-  const borderRightWidth = parseFloat(gridStyles.borderRightWidth);
-  const containerPT = parseFloat(gridStyles.paddingTop);
-  const containerPR = parseFloat(gridStyles.paddingRight);
-  const containerPB = parseFloat(gridStyles.paddingBottom);
-  const containerPL = parseFloat(gridStyles.paddingLeft);
-
-  const containerWidth = ref.grid.clientWidth - containerPR - containerPL;
-  let itemWidth = 0;
-  let strItemWidth = 'max-content';
-  if (params.type == types.grid) {
-    itemWidth = (containerWidth - (params.count - 1) * gapX) / params.count;
-    strItemWidth = itemWidth + 'px';
-  } else if (params.type == types.column) {
-    itemWidth = containerWidth;
-    strItemWidth = itemWidth + 'px';
-  }
-  ref.itemWidth = strItemWidth;
-
-  let currentLeft = containerPL;
-  let currentTop = containerPT;
-  let currentHeight =
-    containerPT + containerPB + borderBottomWidth + borderTopWidth; //ref.grid.offsetHeight;
-  let currentWidth =
-    containerPL + containerPR + borderLeftWidth + borderRightWidth;
-  let maxHeight = 0;
-
-  $items.map((el) => {
-    if (
-      params.type != types.row ||
-      !el.classList.contains('gs-sortable-placeholder')
-    ) {
-      el.style.width = strItemWidth;
-    }
-  });
-  ref.uiData = {
-    containerPT,
-    containerPR,
-    containerPB,
-    containerPL,
-    containerWidth,
-    currentHeight,
-    currentWidth,
-    itemWidth,
-    gapX,
-    gapY,
-  };
-  let colHeight = 0;
-  $items.map((el, index) => {
-    const height = el.offsetHeight;
-    const width = el.offsetWidth;
-    if (params.type == types.column) {
-      el.style.left = `${containerPL}px`;
-      if (currentTop == containerPT) {
-        el.style.top = `${containerPT}px`;
-        currentTop = containerPT + height;
-        currentHeight = currentHeight + height;
-      } else {
-        el.style.top = `${currentTop + gapY}px`;
-        currentTop = currentTop + gapY + height;
-        currentHeight = currentHeight + height + gapY;
-      }
-    } else if (params.type == types.row) {
-      el.style.top = `${containerPT}px`;
-      if (currentLeft == containerPL) {
-        el.style.left = `${containerPL}px`;
-        currentLeft = containerPL + width;
-        currentWidth = currentWidth + width;
-      } else {
-        el.style.left = `${currentLeft + gapX}px`;
-        currentLeft = currentLeft + gapX + width;
-        currentWidth = currentWidth + width + gapX;
-      }
-      if (height > maxHeight) {
-        maxHeight = height;
-      }
-    } else if (params.type == types.grid) {
-      const left =
-        index % params.count == 0
-          ? containerPL
-          : containerPL + (index % params.count) * (itemWidth + gapX);
-      const top = currentTop;
-      if (height > colHeight) {
-        colHeight = height;
-      }
-      if (
-        index % params.count === params.count - 1 ||
-        index === itemsCount - 1
-      ) {
-        if (top === containerPT) {
-          currentHeight = currentHeight + colHeight;
-        } else {
-          currentHeight = currentHeight + colHeight + gapY;
-        }
-        currentTop = currentTop + colHeight + gapY;
-        colHeight = 0;
-      }
-      el.style.left = `${left}px`;
-      el.style.top = `${top}px`;
-    }
-  });
-  ref.grid.style.height = `${currentHeight}px`;
-  if (params.type == types.row) {
-    ref.grid.style.height = `${currentHeight + maxHeight}px`;
-    ref.grid.style.width = `${currentWidth}px`;
-  }
-};
-
-export default calculate;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _constParams = _interopRequireDefault(require("../constants/constParams"));
+var _types = _interopRequireDefault(require("../constants/types"));
+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 calculate = function calculate(ref) {
+  var params = ref.currentParams;
+  if (typeof ref.currentParams.beforeInit === 'function') {
+    ref.currentParams.beforeInit();
+  }
+  var $items = _toConsumableArray(ref.grid.children).filter(function (x) {
+    return !x.classList.contains('gs-sortable-item-inmove');
+  });
+  var itemsCount = $items.length;
+  ref.grid.style.position = 'relative';
+  if (params.gap != '') {
+    ref.grid.style.gap = params.gap;
+  }
+  var gridStyles = getComputedStyle(ref.grid);
+  var cssGap = gridStyles.gap;
+  var gapX = 0;
+  var gapY = 0;
+  if (typeof cssGap !== 'undefined' && cssGap !== null) {
+    var cssGapYValue = cssGap.includes(' ') ? cssGap.split(' ')[0] : cssGap;
+    var cssGapXValue = cssGap.includes(' ') ? cssGap.split(' ')[1] : cssGap;
+    var gapYSize = parseInt(cssGapYValue);
+    var gapXSize = parseInt(cssGapXValue);
+    if (!Number.isNaN(gapYSize)) {
+      gapY = gapYSize;
+    }
+    if (!Number.isNaN(gapXSize)) {
+      gapX = gapXSize;
+    }
+  }
+  var borderBottomWidth = parseFloat(gridStyles.borderBottomWidth);
+  var borderTopWidth = parseFloat(gridStyles.borderTopWidth);
+  var borderLeftWidth = parseFloat(gridStyles.borderLeftWidth);
+  var borderRightWidth = parseFloat(gridStyles.borderRightWidth);
+  var containerPT = parseFloat(gridStyles.paddingTop);
+  var containerPR = parseFloat(gridStyles.paddingRight);
+  var containerPB = parseFloat(gridStyles.paddingBottom);
+  var containerPL = parseFloat(gridStyles.paddingLeft);
+  var containerWidth = ref.grid.clientWidth - containerPR - containerPL;
+  var itemWidth = 0;
+  var strItemWidth = 'max-content';
+  if (params.type == _types["default"].grid) {
+    itemWidth = (containerWidth - (params.count - 1) * gapX) / params.count;
+    strItemWidth = itemWidth + 'px';
+  } else if (params.type == _types["default"].column) {
+    itemWidth = containerWidth;
+    strItemWidth = itemWidth + 'px';
+  }
+  ref.itemWidth = strItemWidth;
+  var currentLeft = containerPL;
+  var currentTop = containerPT;
+  var currentHeight = containerPT + containerPB + borderBottomWidth + borderTopWidth; //ref.grid.offsetHeight;
+  var currentWidth = containerPL + containerPR + borderLeftWidth + borderRightWidth;
+  var maxHeight = 0;
+  $items.map(function (el) {
+    if (params.type != _types["default"].row || !el.classList.contains('gs-sortable-placeholder')) {
+      el.style.width = strItemWidth;
+    }
+  });
+  ref.uiData = {
+    containerPT: containerPT,
+    containerPR: containerPR,
+    containerPB: containerPB,
+    containerPL: containerPL,
+    containerWidth: containerWidth,
+    currentHeight: currentHeight,
+    currentWidth: currentWidth,
+    itemWidth: itemWidth,
+    gapX: gapX,
+    gapY: gapY
+  };
+  var colHeight = 0;
+  $items.map(function (el, index) {
+    var height = el.offsetHeight;
+    var width = el.offsetWidth;
+    if (params.type == _types["default"].column) {
+      el.style.left = "".concat(containerPL, "px");
+      if (currentTop == containerPT) {
+        el.style.top = "".concat(containerPT, "px");
+        currentTop = containerPT + height;
+        currentHeight = currentHeight + height;
+      } else {
+        el.style.top = "".concat(currentTop + gapY, "px");
+        currentTop = currentTop + gapY + height;
+        currentHeight = currentHeight + height + gapY;
+      }
+    } else if (params.type == _types["default"].row) {
+      el.style.top = "".concat(containerPT, "px");
+      if (currentLeft == containerPL) {
+        el.style.left = "".concat(containerPL, "px");
+        currentLeft = containerPL + width;
+        currentWidth = currentWidth + width;
+      } else {
+        el.style.left = "".concat(currentLeft + gapX, "px");
+        currentLeft = currentLeft + gapX + width;
+        currentWidth = currentWidth + width + gapX;
+      }
+      if (height > maxHeight) {
+        maxHeight = height;
+      }
+    } else if (params.type == _types["default"].grid) {
+      var left = index % params.count == 0 ? containerPL : containerPL + index % params.count * (itemWidth + gapX);
+      var top = currentTop;
+      if (height > colHeight) {
+        colHeight = height;
+      }
+      if (index % params.count === params.count - 1 || index === itemsCount - 1) {
+        if (top === containerPT) {
+          currentHeight = currentHeight + colHeight;
+        } else {
+          currentHeight = currentHeight + colHeight + gapY;
+        }
+        currentTop = currentTop + colHeight + gapY;
+        colHeight = 0;
+      }
+      el.style.left = "".concat(left, "px");
+      el.style.top = "".concat(top, "px");
+    }
+  });
+  ref.grid.style.height = "".concat(currentHeight, "px");
+  if (params.type == _types["default"].row) {
+    ref.grid.style.height = "".concat(currentHeight + maxHeight, "px");
+    ref.grid.style.width = "".concat(currentWidth, "px");
+  }
+};
+var _default = exports["default"] = calculate;