@get-set/gs-sortable 0.0.21 → 0.0.23

package/dist/actions/calculate.d.ts

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

package/dist/actions/calculate.js

@@ -1,140 +1,139 @@
 "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;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const types_1 = __importDefault(require("../constants/types"));
+const calculate = (ref) => {
+    const params = ref.currentParams;
+    if (typeof ref.currentParams.beforeInit === 'function') {
+        ref.currentParams.beforeInit();
+    }
+    const $items = Array.from(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 (cssGap) {
+        const [cssGapYValue, cssGapXValue] = cssGap.includes(' ')
+            ? cssGap.split(' ')
+            : [cssGap, cssGap];
+        const gapYSize = parseInt(cssGapYValue);
+        const gapXSize = parseInt(cssGapXValue);
+        if (!Number.isNaN(gapYSize))
+            gapY = gapYSize;
+        if (!Number.isNaN(gapXSize))
+            gapX = gapXSize;
     }
-    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_1.default.grid) {
+        itemWidth = (containerWidth - (params.count - 1) * gapX) / params.count;
+        strItemWidth = `${itemWidth}px`;
     }
-  }
-  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;
+    else if (params.type === types_1.default.column) {
+        itemWidth = containerWidth;
+        strItemWidth = `${itemWidth}px`;
     }
-  });
-  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;
+    ref.itemWidth = strItemWidth;
+    let currentLeft = containerPL;
+    let currentTop = containerPT;
+    let currentHeight = containerPT + containerPB + borderBottomWidth + borderTopWidth;
+    let currentWidth = containerPL + containerPR + borderLeftWidth + borderRightWidth;
+    let maxHeight = 0;
+    $items.forEach(el => {
+        if (params.type !== types_1.default.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.forEach((el, index) => {
+        const height = el.offsetHeight;
+        const width = el.offsetWidth;
+        if (params.type === types_1.default.column) {
+            el.style.left = `${containerPL}px`;
+            if (currentTop === containerPT) {
+                el.style.top = `${containerPT}px`;
+                currentTop += height;
+                currentHeight += height;
+            }
+            else {
+                el.style.top = `${currentTop + gapY}px`;
+                currentTop += gapY + height;
+                currentHeight += height + gapY;
+            }
+        }
+        else if (params.type === types_1.default.row) {
+            el.style.top = `${containerPT}px`;
+            if (currentLeft === containerPL) {
+                el.style.left = `${containerPL}px`;
+                currentLeft += width;
+                currentWidth += width;
+            }
+            else {
+                el.style.left = `${currentLeft + gapX}px`;
+                currentLeft += gapX + width;
+                currentWidth += width + gapX;
+            }
+            if (height > maxHeight) {
+                maxHeight = height;
+            }
+        }
+        else if (params.type === types_1.default.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 += colHeight;
+                }
+                else {
+                    currentHeight += colHeight + gapY;
+                }
+                currentTop += colHeight + gapY;
+                colHeight = 0;
+            }
+            el.style.left = `${left}px`;
+            el.style.top = `${top}px`;
         }
-        currentTop = currentTop + colHeight + gapY;
-        colHeight = 0;
-      }
-      el.style.left = "".concat(left, "px");
-      el.style.top = "".concat(top, "px");
+    });
+    ref.grid.style.height = `${currentHeight}px`;
+    if (params.type === types_1.default.row) {
+        ref.grid.style.height = `${currentHeight + maxHeight}px`;
+        ref.grid.style.width = `${currentWidth}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;
+exports.default = calculate;
+//# sourceMappingURL=calculate.js.map

package/dist/actions/calculate.js.map

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

package/dist/actions/calculateOnSort.d.ts

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