@get-set/gs-sortable 0.0.22 → 0.0.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/actions/calculate.d.ts +3 -0
  2. package/dist/actions/calculate.js +132 -133
  3. package/dist/actions/calculate.js.map +1 -0
  4. package/dist/actions/calculateOnSort.d.ts +3 -0
  5. package/dist/actions/calculateOnSort.js +141 -239
  6. package/dist/actions/calculateOnSort.js.map +1 -0
  7. package/dist/actions/checkItemInContainer.d.ts +2 -0
  8. package/dist/actions/checkItemInContainer.js +24 -24
  9. package/dist/actions/checkItemInContainer.js.map +1 -0
  10. package/dist/actions/destroy.d.ts +9 -0
  11. package/dist/actions/destroy.js +25 -31
  12. package/dist/actions/destroy.js.map +1 -0
  13. package/dist/actions/general.d.ts +13 -0
  14. package/dist/actions/general.js +56 -83
  15. package/dist/actions/general.js.map +1 -0
  16. package/dist/actions/getCurrentParams.d.ts +9 -0
  17. package/dist/actions/getCurrentParams.js +25 -33
  18. package/dist/actions/getCurrentParams.js.map +1 -0
  19. package/dist/actions/init.d.ts +3 -0
  20. package/dist/actions/init.js +24 -30
  21. package/dist/actions/init.js.map +1 -0
  22. package/dist/actions/initDraggable.d.ts +3 -0
  23. package/dist/actions/initDraggable.js +80 -85
  24. package/dist/actions/initDraggable.js.map +1 -0
  25. package/dist/actions/initMouseMove.d.ts +2 -0
  26. package/dist/actions/initMouseMove.js +104 -97
  27. package/dist/actions/initMouseMove.js.map +1 -0
  28. package/dist/actions/initScroll.d.ts +2 -0
  29. package/dist/actions/initScroll.js +22 -24
  30. package/dist/actions/initScroll.js.map +1 -0
  31. package/dist/actions/initSortEnd.d.ts +2 -0
  32. package/dist/actions/initSortEnd.js +71 -68
  33. package/dist/actions/initSortEnd.js.map +1 -0
  34. package/dist/components/GSSortable.d.ts +24 -0
  35. package/dist/components/GSSortable.js +127 -166
  36. package/dist/components/GSSortable.js.map +1 -0
  37. package/dist/constants/constParams.d.ts +4 -0
  38. package/dist/constants/constParams.js +5 -8
  39. package/dist/constants/constParams.js.map +1 -0
  40. package/dist/constants/defaultParams.d.ts +3 -0
  41. package/dist/constants/defaultParams.js +21 -22
  42. package/dist/constants/defaultParams.js.map +1 -0
  43. package/dist/constants/types.d.ts +6 -0
  44. package/dist/constants/types.js +7 -10
  45. package/dist/constants/types.js.map +1 -0
  46. package/dist/helpers/uihelpers.d.ts +4 -0
  47. package/dist/helpers/uihelpers.js +47 -51
  48. package/dist/helpers/uihelpers.js.map +1 -0
  49. package/package.json +3 -2
  50. package/dist/actions/afterAllImagesLoad.js +0 -53
  51. package/dist/components/styles/GSSortable.css +0 -39
  52. package/dist/components/styles/GSSortable.css.map +0 -1
  53. package/dist/components/styles/GSSortable.scss +0 -37
@@ -1,102 +1,109 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _general = require("./general");
8
- var _checkItemInContainer = _interopRequireDefault(require("./checkItemInContainer"));
9
- var _calculate = _interopRequireDefault(require("./calculate"));
10
- var _constParams = _interopRequireDefault(require("../constants/constParams"));
11
- var _calculateOnSort = _interopRequireDefault(require("./calculateOnSort"));
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
- var initMouseMove = function initMouseMove(event) {
14
- var info = window.GSSortableConfigue.draggableInfo;
15
- if (info != undefined) {
16
- info.moved = true;
17
- var allRefs = [window.GSSortableConfigue.takeFrom];
18
- window.GSSortableConfigue.references.map(function (item) {
19
- if (item.ref.currentParams.acceptFrom.includes(window.GSSortableConfigue.takeFrom.currentParams.reference)) {
20
- allRefs.push(item.ref);
21
- }
22
- });
23
- var findedRef = "";
24
- allRefs.map(function (item) {
25
- if ((0, _checkItemInContainer["default"])(item.grid, info.$el)) {
26
- findedRef = item.currentParams.reference;
27
- }
28
- });
29
- if (findedRef !== "") {
30
- var newRef = window.GSSortableConfigue.instance(findedRef);
31
- if (newRef != undefined && info.ref.currentParams.reference !== newRef.currentParams.reference) {
32
- if (document.querySelector(".gs-sortable-placeholder") != null) {
33
- document.querySelector(".gs-sortable-placeholder").remove();
34
- (0, _calculate["default"])(window.GSSortableConfigue.overInItemRef);
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const general_1 = require("./general");
7
+ const checkItemInContainer_1 = __importDefault(require("./checkItemInContainer"));
8
+ const calculate_1 = __importDefault(require("./calculate"));
9
+ const constParams_1 = __importDefault(require("../constants/constParams"));
10
+ const calculateOnSort_1 = __importDefault(require("./calculateOnSort"));
11
+ const initMouseMove = (event) => {
12
+ var _a;
13
+ const info = (_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.draggableInfo;
14
+ if (info != undefined) {
15
+ info.moved = true;
16
+ const allRefs = [];
17
+ if (window.GSSortableConfigue.takeFrom !== undefined) {
18
+ allRefs.push(window.GSSortableConfigue.takeFrom);
35
19
  }
36
- window.GSSortableConfigue.overInItemRef = newRef;
37
- info.$el.style.width = window.GSSortableConfigue.overInItemRef.itemWidth;
38
- var newWidth = info.$el.clientWidth;
39
- var newHeight = info.$el.clientHeight;
40
- var newContainerOffset = (0, _general.getOffsetFromWindow)(window.GSSortableConfigue.takeFrom.grid);
41
- var translateY = event.clientY - newContainerOffset.top - newHeight * info.fromTop;
42
- var translateX = event.clientX - newContainerOffset.left - newWidth * info.fromLeft;
43
- var elStyles = getComputedStyle(info.$el);
44
- var top = parseFloat(elStyles.top);
45
- var left = parseFloat(elStyles.left);
46
- if (!window.GSSortableConfigue.overInItemRef.currentParams.takeClone) {
47
- var placeholder = document.createElement("div");
48
- placeholder.classList.add("gs-sortable-placeholder");
49
- placeholder.style.position = elStyles.position;
50
- info.$el.style.transform = "translate(".concat(translateX, "px, ").concat(translateY, "px)");
51
- 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");
52
- placeholder.style.top = "".concat(top, "px");
53
- placeholder.style.left = "".concat(left, "px");
54
- placeholder.style.border = elStyles.border;
55
- placeholder.style.borderRadius = elStyles.borderRadius;
56
- info.placeholder = placeholder;
57
- info.ref = newRef;
58
- placeholder.style.width = "".concat(info.$el.offsetWidth, "px");
59
- placeholder.style.height = "".concat(info.$el.offsetHeight, "px");
60
- newRef.grid.append(placeholder);
61
- (0, _calculate["default"])(newRef);
62
- return;
63
- } else {
64
- info.ref = newRef;
20
+ window.GSSortableConfigue.references.forEach(item => {
21
+ if (item.ref.currentParams.acceptFrom.includes(window.GSSortableConfigue.takeFrom.currentParams.reference)) {
22
+ allRefs.push(item.ref);
23
+ }
24
+ });
25
+ let findedRef = '';
26
+ allRefs.forEach(item => {
27
+ if ((0, checkItemInContainer_1.default)(item.grid, info.$el)) {
28
+ findedRef = item.currentParams.reference;
29
+ }
30
+ });
31
+ if (findedRef !== '') {
32
+ let newRef = window.GSSortableConfigue.instance(findedRef);
33
+ if (newRef != undefined &&
34
+ info.ref.currentParams.reference !== newRef.currentParams.reference) {
35
+ const placeholder = document.querySelector('.gs-sortable-placeholder');
36
+ if (placeholder != null) {
37
+ placeholder.remove();
38
+ (0, calculate_1.default)(window.GSSortableConfigue.overInItemRef);
39
+ }
40
+ window.GSSortableConfigue.overInItemRef = newRef;
41
+ info.$el.style.width =
42
+ window.GSSortableConfigue.overInItemRef.itemWidth;
43
+ const newWidth = info.$el.clientWidth;
44
+ const newHeight = info.$el.clientHeight;
45
+ const newContainerOffset = (0, general_1.getOffsetFromWindow)(window.GSSortableConfigue.takeFrom.grid);
46
+ const translateY = event.clientY - newContainerOffset.top - newHeight * info.fromTop;
47
+ const translateX = event.clientX - newContainerOffset.left - newWidth * info.fromLeft;
48
+ const elStyles = getComputedStyle(info.$el);
49
+ const top = parseFloat(elStyles.top);
50
+ const left = parseFloat(elStyles.left);
51
+ if (!window.GSSortableConfigue.overInItemRef.currentParams.takeClone) {
52
+ const placeholder = document.createElement('div');
53
+ placeholder.classList.add('gs-sortable-placeholder');
54
+ placeholder.style.position = elStyles.position;
55
+ info.$el.style.transform = `translate(${translateX}px, ${translateY}px)`;
56
+ 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`;
57
+ placeholder.style.top = `${top}px`;
58
+ placeholder.style.left = `${left}px`;
59
+ placeholder.style.border = elStyles.border;
60
+ placeholder.style.borderRadius = elStyles.borderRadius;
61
+ info.placeholder = placeholder;
62
+ info.ref = newRef;
63
+ placeholder.style.width = `${info.$el.offsetWidth}px`;
64
+ placeholder.style.height = `${info.$el.offsetHeight}px`;
65
+ newRef.grid.append(placeholder);
66
+ (0, calculate_1.default)(newRef);
67
+ return;
68
+ }
69
+ else {
70
+ info.ref = newRef;
71
+ }
72
+ }
73
+ }
74
+ const params = info.ref.currentParams;
75
+ const clientX = event.clientX;
76
+ const clientY = event.clientY;
77
+ const $el = info.$el;
78
+ const containerStyles = getComputedStyle(info.ref.grid);
79
+ const paddingLeft = parseFloat(containerStyles.paddingLeft);
80
+ const paddingTop = parseFloat(containerStyles.paddingTop);
81
+ const paddingRight = parseFloat(containerStyles.paddingRight);
82
+ const paddingBottom = parseFloat(containerStyles.paddingBottom);
83
+ const containerInnerHeight = info.ref.grid.clientHeight - paddingTop - paddingBottom;
84
+ const containerInnerWidth = info.ref.grid.clientWidth - paddingLeft - paddingRight;
85
+ const moveX = clientX - info.clientX;
86
+ const moveY = clientY - info.clientY;
87
+ const coord = (0, general_1.getTranslateCoord)($el);
88
+ info.clientX = clientX;
89
+ info.clientY = clientY;
90
+ let tranlateX = moveX + coord.x;
91
+ let tranlateY = moveY + coord.y;
92
+ if (!params.allowOutOfBox) {
93
+ const minY = 0;
94
+ const minX = 0;
95
+ const maxY = containerInnerHeight - $el.offsetHeight;
96
+ const maxX = containerInnerWidth - $el.offsetWidth;
97
+ tranlateX = Math.min(Math.max(tranlateX, minX), maxX);
98
+ tranlateY = Math.min(Math.max(tranlateY, minY), maxY);
99
+ }
100
+ $el.style.transform = `translate(${tranlateX}px, ${tranlateY}px)`;
101
+ if (findedRef !== '') {
102
+ (0, calculateOnSort_1.default)(window.GSSortableConfigue.overInItemRef);
65
103
  }
66
- }
67
- }
68
- var params = info.ref.currentParams;
69
- var clientX = event.clientX;
70
- var clientY = event.clientY;
71
- var $el = info.$el;
72
- var containerStyles = getComputedStyle(info.ref.grid);
73
- var paddingLeft = parseFloat(containerStyles.paddingLeft);
74
- var paddingTop = parseFloat(containerStyles.paddingTop);
75
- var paddingRight = parseFloat(containerStyles.paddingRight);
76
- var paddingBottom = parseFloat(containerStyles.paddingBottom);
77
- var containerInnerHeight = info.ref.grid.clientHeight - paddingTop - paddingBottom;
78
- var containerInnerWidth = info.ref.grid.clientWidth - paddingLeft - paddingRight;
79
- var moveX = clientX - info.clientX;
80
- var moveY = clientY - info.clientY;
81
- var coord = (0, _general.getTranslateCoord)($el);
82
- info.clientX = clientX;
83
- info.clientY = clientY;
84
- var tranlateX = moveX + coord.x;
85
- var tranlateY = moveY + coord.y;
86
- if (!params.allowOutOfBox) {
87
- var minY = 0;
88
- var minX = 0;
89
- var maxY = containerInnerHeight - $el.offsetHeight;
90
- var maxX = containerInnerWidth - $el.offsetWidth;
91
- tranlateX = Math.min(Math.max(tranlateX, minX), maxX);
92
- tranlateY = Math.min(Math.max(tranlateY, minY), maxY);
93
- }
94
- $el.style.transform = "translate(".concat(tranlateX, "px, ").concat(tranlateY, "px)");
95
- if (findedRef != "") {
96
- (0, _calculateOnSort["default"])(window.GSSortableConfigue.overInItemRef);
97
104
  }
98
- }
99
- window.scrollY = document.documentElement.scrollTop;
100
- window.scrollX = document.documentElement.scrollLeft;
105
+ window.scrollY = document.documentElement.scrollTop;
106
+ window.scrollX = document.documentElement.scrollLeft;
101
107
  };
102
- var _default = exports["default"] = initMouseMove;
108
+ exports.default = initMouseMove;
109
+ //# sourceMappingURL=initMouseMove.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initMouseMove.js","sourceRoot":"","sources":["../../src/actions/initMouseMove.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ declare const initScroll: () => void;
2
+ export default initScroll;
@@ -1,26 +1,24 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _general = require("./general");
8
- var initScroll = function initScroll() {
9
- var info = window.GSSortableConfigue.draggableInfo;
10
- if (info != undefined) {
11
- var $el = info.$el;
12
- var coord = (0, _general.getTranslateCoord)(info.$el);
13
- var translateX = coord.x;
14
- var translateY = coord.y;
15
- var scrollY = document.documentElement.scrollTop;
16
- var scrollX = document.documentElement.scrollLeft;
17
- var scrollYDist = scrollY - window.scrollY;
18
- var scrollXDist = scrollX - window.scrollX;
19
- translateX = translateX + scrollXDist;
20
- translateY = translateY + scrollYDist;
21
- window.scrollY = scrollY;
22
- window.scrollX = scrollX;
23
- info.$el.style.transform = "translate(".concat(translateX, "px, ").concat(translateY, "px)");
24
- }
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const general_1 = require("./general");
4
+ const initScroll = () => {
5
+ var _a;
6
+ const info = (_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.draggableInfo;
7
+ if (info !== undefined) {
8
+ const $el = info.$el;
9
+ const coord = (0, general_1.getTranslateCoord)($el);
10
+ let translateX = coord.x;
11
+ let translateY = coord.y;
12
+ const scrollY = document.documentElement.scrollTop;
13
+ const scrollX = document.documentElement.scrollLeft;
14
+ const scrollYDist = scrollY - (window.scrollY || 0);
15
+ const scrollXDist = scrollX - (window.scrollX || 0);
16
+ translateX += scrollXDist;
17
+ translateY += scrollYDist;
18
+ window.scrollY = scrollY;
19
+ window.scrollX = scrollX;
20
+ $el.style.transform = `translate(${translateX}px, ${translateY}px)`;
21
+ }
25
22
  };
26
- var _default = exports["default"] = initScroll;
23
+ exports.default = initScroll;
24
+ //# sourceMappingURL=initScroll.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initScroll.js","sourceRoot":"","sources":["../../src/actions/initScroll.tsx"],"names":[],"mappings":";;AAAA,uCAA8C;AAM9C,MAAM,UAAU,GAAG,GAAS,EAAE;;IAC5B,MAAM,IAAI,GAAG,MAAA,MAAM,CAAC,kBAAkB,0CAAE,aAE3B,CAAC;IAEd,IAAI,IAAI,KAAK,SAAS,EAAE;QACtB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QACrB,MAAM,KAAK,GAAG,IAAA,2BAAiB,EAAC,GAAG,CAAC,CAAC;QACrC,IAAI,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC;QACzB,IAAI,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC;QAEzB,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC;QACpD,MAAM,WAAW,GAAG,OAAO,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG,OAAO,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;QAEpD,UAAU,IAAI,WAAW,CAAC;QAC1B,UAAU,IAAI,WAAW,CAAC;QAE1B,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QACzB,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QAEzB,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,UAAU,OAAO,UAAU,KAAK,CAAC;KACrE;AACH,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
@@ -0,0 +1,2 @@
1
+ declare const initSortEnd: (event: MouseEvent) => void;
2
+ export default initSortEnd;
@@ -1,73 +1,76 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _constParams = _interopRequireDefault(require("../constants/constParams"));
8
- var _calculate = _interopRequireDefault(require("./calculate"));
9
- var _general = require("./general");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
- 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); }
12
- 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; }
13
- 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; }
14
- 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; }
15
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
16
- 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); }
17
- var initSortEnd = function initSortEnd(event) {
18
- var info = _objectSpread({}, window.GSSortableConfigue.draggableInfo);
19
- if (window.GSSortableConfigue.draggableInfo != undefined) {
20
- if (info.moved) {
21
- var containerDifX = 0;
22
- var containerDifY = 0;
23
- if (info.ref.currentParams.reference !== window.GSSortableConfigue.takeFrom.currentParams.reference) {
24
- var fromCoord = (0, _general.getOffsetFromBody)(window.GSSortableConfigue.takeFrom.grid);
25
- var toCoord = (0, _general.getOffsetFromBody)(info.ref.grid);
26
- containerDifY = toCoord.top - fromCoord.top;
27
- containerDifX = toCoord.left - fromCoord.left;
28
- }
29
- info.ref.isAddjusting = true;
30
- var $el = info.$el;
31
- var placeholder = info.placeholder;
32
- info.$el.classList.remove("gs-sortable-item-inmove");
33
- info.ref.grid.classList.remove("gs-sortable-active");
34
- if (info.ref.grid.closest(".gs-sortable-item-active-parent") != null) {
35
- info.ref.grid.closest(".gs-sortable-item-active-parent").classList.remove("gs-sortable-item-active-parent");
36
- }
37
- info.$el.classList.add("gs-sortable-item-addjusting");
38
- window.GSSortableConfigue.draggableInfo = undefined;
39
- info.$el.style.top = "".concat(info.newTop + containerDifY, "px");
40
- info.$el.style.left = "".concat(info.newLeft + containerDifX, "px");
41
- info.$el.style.removeProperty("transform");
42
- setTimeout(function () {
43
- $el.classList.remove("gs-sortable-item-addjusting");
44
- if (info.ref.currentParams.reference === window.GSSortableConfigue.takeFrom.currentParams.reference && window.GSSortableConfigue.takeFrom.currentParams.takeClone) {
45
- info.$el.remove();
46
- } else {
47
- if (info.index != undefined) {
48
- (0, _general.moveChildToIndex)(info.ref.grid, info.$el, info.index);
49
- }
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ const constParams_1 = __importDefault(require("../constants/constParams"));
7
+ const calculate_1 = __importDefault(require("./calculate"));
8
+ const general_1 = require("./general");
9
+ const initSortEnd = (event) => {
10
+ var _a, _b;
11
+ const info = Object.assign({}, (_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.draggableInfo);
12
+ if (((_b = window.GSSortableConfigue) === null || _b === void 0 ? void 0 : _b.draggableInfo) != undefined) {
13
+ if (info.moved) {
14
+ let containerDifX = 0;
15
+ let containerDifY = 0;
16
+ if (info.ref.currentParams.reference !==
17
+ window.GSSortableConfigue.takeFrom.currentParams.reference) {
18
+ const fromCoord = (0, general_1.getOffsetFromBody)(window.GSSortableConfigue.takeFrom.grid);
19
+ const toCoord = (0, general_1.getOffsetFromBody)(info.ref.grid);
20
+ containerDifY = toCoord.top - fromCoord.top;
21
+ containerDifX = toCoord.left - fromCoord.left;
22
+ }
23
+ info.ref.isAddjusting = true;
24
+ const $el = info.$el;
25
+ const placeholder = info.placeholder;
26
+ info.$el.classList.remove('gs-sortable-item-inmove');
27
+ info.ref.grid.classList.remove('gs-sortable-active');
28
+ const activeParent = info.ref.grid.closest('.gs-sortable-item-active-parent');
29
+ if (activeParent) {
30
+ activeParent.classList.remove('gs-sortable-item-active-parent');
31
+ }
32
+ info.$el.classList.add('gs-sortable-item-addjusting');
33
+ window.GSSortableConfigue.draggableInfo = undefined;
34
+ info.$el.style.top = `${info.newTop + containerDifY}px`;
35
+ info.$el.style.left = `${info.newLeft + containerDifX}px`;
36
+ info.$el.style.removeProperty('transform');
37
+ setTimeout(() => {
38
+ var _a, _b, _c, _d, _e, _f;
39
+ $el.classList.remove('gs-sortable-item-addjusting');
40
+ if (info.ref.currentParams.reference ===
41
+ window.GSSortableConfigue.takeFrom.currentParams.reference &&
42
+ window.GSSortableConfigue.takeFrom.currentParams.takeClone) {
43
+ info.$el.remove();
44
+ }
45
+ else {
46
+ if (info.index != undefined) {
47
+ (0, general_1.moveChildToIndex)(info.ref.grid, info.$el, info.index);
48
+ }
49
+ }
50
+ placeholder.remove();
51
+ if (info.ref.currentParams.reference !==
52
+ window.GSSortableConfigue.takeFrom.currentParams.reference) {
53
+ (_b = (_a = window.GSSortableConfigue.takeFrom.currentParams).afterSort) === null || _b === void 0 ? void 0 : _b.call(_a, window.GSSortableConfigue.takeFrom.grid.querySelectorAll('.gs-sortable-item'));
54
+ (_d = (_c = info.ref.currentParams).afterSort) === null || _d === void 0 ? void 0 : _d.call(_c, info.ref.grid.querySelectorAll('.gs-sortable-item'));
55
+ window.GSSortableConfigue.takeFrom.refresh();
56
+ info.ref.refresh();
57
+ }
58
+ else {
59
+ (0, calculate_1.default)(info.ref);
60
+ (_f = (_e = info.ref.currentParams).afterSort) === null || _f === void 0 ? void 0 : _f.call(_e, info.ref.grid.querySelectorAll('.gs-sortable-item'));
61
+ }
62
+ info.ref.isAddjusting = false;
63
+ }, constParams_1.default.animationSpeed);
50
64
  }
51
- placeholder.remove();
52
- if (info.ref.currentParams.reference !== window.GSSortableConfigue.takeFrom.currentParams.reference) {
53
- window.GSSortableConfigue.takeFrom.currentParams.afterSort(window.GSSortableConfigue.takeFrom.grid.querySelectorAll(".gs-sortable-item"));
54
- info.ref.currentParams.afterSort(info.ref.grid.querySelectorAll(".gs-sortable-item"));
55
- window.GSSortableConfigue.takeFrom.refresh();
56
- info.ref.refresh();
57
- } else {
58
- (0, _calculate["default"])(info.ref);
59
- info.ref.currentParams.afterSort(info.ref.grid.querySelectorAll(".gs-sortable-item"));
65
+ else {
66
+ const placeholder = info.placeholder;
67
+ info.$el.style.top = `${info.newTop}px`;
68
+ info.$el.style.left = `${info.newLeft}px`;
69
+ info.$el.style.removeProperty('transform');
70
+ placeholder.remove();
71
+ window.GSSortableConfigue.draggableInfo = undefined;
60
72
  }
61
- info.ref.isAddjusting = false;
62
- }, _constParams["default"].animateionSpeed);
63
- } else {
64
- var _placeholder = info.placeholder;
65
- info.$el.style.top = "".concat(info.newTop, "px");
66
- info.$el.style.left = "".concat(info.newLeft, "px");
67
- info.$el.style.removeProperty("transform");
68
- _placeholder.remove();
69
- window.GSSortableConfigue.draggableInfo = undefined;
70
73
  }
71
- }
72
74
  };
73
- var _default = exports["default"] = initSortEnd;
75
+ exports.default = initSortEnd;
76
+ //# sourceMappingURL=initSortEnd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initSortEnd.js","sourceRoot":"","sources":["../../src/actions/initSortEnd.tsx"],"names":[],"mappings":";;;;;AAEA,2EAAmD;AACnD,4DAAoC;AACpC,uCAAgE;AAEhE,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAQ,EAAE;;IAC9C,MAAM,IAAI,GAAG,kBAAK,MAAA,MAAM,CAAC,kBAAkB,0CAAE,aAAa,CAAmB,CAAC;IAE9E,IAAI,CAAA,MAAA,MAAM,CAAC,kBAAkB,0CAAE,aAAa,KAAI,SAAS,EAAE;QACzD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,aAAa,GAAG,CAAC,CAAC;YACtB,IAAI,aAAa,GAAG,CAAC,CAAC;YAEtB,IACE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS;gBAChC,MAAM,CAAC,kBAAkB,CAAC,QAAS,CAAC,aAAa,CAAC,SAAS,EAC3D;gBACA,MAAM,SAAS,GAAG,IAAA,2BAAiB,EACjC,MAAM,CAAC,kBAAkB,CAAC,QAAS,CAAC,IAAI,CACzC,CAAC;gBACF,MAAM,OAAO,GAAG,IAAA,2BAAiB,EAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBACjD,aAAa,GAAG,OAAO,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC;gBAC5C,aAAa,GAAG,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;aAC/C;YAED,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI,CAAC;YAC7B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YACrB,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YAErC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAAC;YACrD,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;YAErD,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CACxC,iCAAiC,CAClC,CAAC;YACF,IAAI,YAAY,EAAE;gBAChB,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,gCAAgC,CAAC,CAAC;aACjE;YAED,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;YACtD,MAAM,CAAC,kBAAkB,CAAC,aAAa,GAAG,SAAS,CAAC;YAEpD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,aAAa,IAAI,CAAC;YACxD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,aAAa,IAAI,CAAC;YAC1D,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;YAE3C,UAAU,CAAC,GAAG,EAAE;;gBACd,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC;gBAEpD,IACE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS;oBAC9B,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,aAAa,CAAC,SAAS;oBAC9D,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,aAAa,CAAC,SAAS,EAC5D;oBACA,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;iBACnB;qBAAM;oBACL,IAAI,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE;wBAC3B,IAAA,0BAAgB,EAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;qBACvD;iBACF;gBAED,WAAY,CAAC,MAAM,EAAE,CAAC;gBAEtB,IACE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS;oBAChC,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,aAAa,CAAC,SAAS,EAC5D;oBACA,MAAA,MAAA,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,aAAa,EAAC,SAAS,mDAC1D,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,IAAI,CAAC,gBAAgB,CACxD,mBAAmB,CACpB,CACF,CAAC;oBACF,MAAA,MAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAC,SAAS,mDAC9B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CACpD,CAAC;oBACF,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,OAAO,EAAE,CAAC;oBAC/C,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;iBACpB;qBAAM;oBACL,IAAA,mBAAS,EAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBACpB,MAAA,MAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAC,SAAS,mDAC9B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CACpD,CAAC;iBACH;gBAED,IAAI,CAAC,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC;YAChC,CAAC,EAAE,qBAAW,CAAC,cAAc,CAAC,CAAC;SAChC;aAAM;YACL,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACrC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,MAAM,IAAI,CAAC;YACxC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC;YAC1C,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;YAC3C,WAAY,CAAC,MAAM,EAAE,CAAC;YACtB,MAAM,CAAC,kBAAkB,CAAC,aAAa,GAAG,SAAS,CAAC;SACrD;KACF;AACH,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
@@ -0,0 +1,24 @@
1
+ import React, { ReactNode, CSSProperties } from 'react';
2
+ import { ResponsiveOption } from '../actions/getCurrentParams';
3
+ import './styles/GSSortable.css';
4
+ import { GSSortableRef } from './global';
5
+ export interface GSSortableProps {
6
+ reference?: string;
7
+ handler?: string;
8
+ className?: string;
9
+ width?: string;
10
+ takeClone?: boolean;
11
+ afterSort?: () => void;
12
+ gsx?: CSSProperties;
13
+ gap?: string;
14
+ allowOutOfBox?: boolean;
15
+ count?: number;
16
+ type?: 'row' | 'column' | 'grid';
17
+ acceptFrom?: Array<GSSortableRef>;
18
+ responsive?: ResponsiveOption[];
19
+ children?: ReactNode;
20
+ beforeInit?: () => void;
21
+ afterInit?: () => void;
22
+ }
23
+ declare const GSSortable: React.FC<GSSortableProps>;
24
+ export default GSSortable;