@get-set/gs-sortable 0.0.35 → 0.0.37
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.
- package/README.md +99 -1
- package/actions/afterAllImagesLoad.ts +36 -0
- package/actions/calculate.ts +155 -0
- package/actions/calculateOnSort.ts +270 -0
- package/actions/checkItemInContainer.ts +22 -0
- package/actions/destroy.ts +30 -0
- package/actions/general.ts +72 -0
- package/actions/getCurrentParams.ts +32 -0
- package/actions/init.ts +31 -0
- package/actions/initDraggable.ts +85 -0
- package/actions/initMouseMove.ts +120 -0
- package/actions/initScroll.ts +21 -0
- package/actions/initSortEnd.ts +87 -0
- package/components/GSSortable.tsx +160 -0
- package/components/styles/GSSortable.css +39 -0
- package/components/styles/GSSortable.scss +38 -0
- package/components/styles/GSSortableCSS.ts +41 -0
- package/constants/constParams.ts +5 -0
- package/constants/defaultParams.ts +20 -0
- package/constants/types.ts +7 -0
- package/dist/GSSortable.d.ts +2 -0
- package/dist/actions/afterAllImagesLoad.d.ts +4 -0
- package/dist/actions/afterAllImagesLoad.d.ts.map +1 -0
- package/dist/actions/afterAllImagesLoad.js +35 -0
- package/dist/actions/afterAllImagesLoad.js.map +1 -0
- package/dist/actions/calculate.d.ts +3 -2
- package/dist/actions/calculate.d.ts.map +1 -0
- package/dist/actions/calculate.js +13 -18
- package/dist/actions/calculate.js.map +1 -1
- package/dist/actions/calculateOnSort.d.ts +3 -2
- package/dist/actions/calculateOnSort.d.ts.map +1 -0
- package/dist/actions/calculateOnSort.js +164 -58
- package/dist/actions/calculateOnSort.js.map +1 -1
- package/dist/actions/checkItemInContainer.d.ts +1 -0
- package/dist/actions/checkItemInContainer.d.ts.map +1 -0
- package/dist/actions/checkItemInContainer.js +8 -17
- package/dist/actions/checkItemInContainer.js.map +1 -1
- package/dist/actions/destroy.d.ts +3 -8
- package/dist/actions/destroy.d.ts.map +1 -0
- package/dist/actions/destroy.js +7 -9
- package/dist/actions/destroy.js.map +1 -1
- package/dist/actions/general.d.ts +1 -0
- package/dist/actions/general.d.ts.map +1 -0
- package/dist/actions/general.js +5 -12
- package/dist/actions/general.js.map +1 -1
- package/dist/actions/getCurrentParams.d.ts +4 -9
- package/dist/actions/getCurrentParams.d.ts.map +1 -0
- package/dist/actions/getCurrentParams.js +15 -18
- package/dist/actions/getCurrentParams.js.map +1 -1
- package/dist/actions/init.d.ts +3 -2
- package/dist/actions/init.d.ts.map +1 -0
- package/dist/actions/init.js +13 -16
- package/dist/actions/init.js.map +1 -1
- package/dist/actions/initDraggable.d.ts +3 -2
- package/dist/actions/initDraggable.d.ts.map +1 -0
- package/dist/actions/initDraggable.js +14 -22
- package/dist/actions/initDraggable.js.map +1 -1
- package/dist/actions/initMouseMove.d.ts +1 -0
- package/dist/actions/initMouseMove.d.ts.map +1 -0
- package/dist/actions/initMouseMove.js +40 -53
- package/dist/actions/initMouseMove.js.map +1 -1
- package/dist/actions/initScroll.d.ts +1 -0
- package/dist/actions/initScroll.d.ts.map +1 -0
- package/dist/actions/initScroll.js +7 -15
- package/dist/actions/initScroll.js.map +1 -1
- package/dist/actions/initSortEnd.d.ts +2 -1
- package/dist/actions/initSortEnd.d.ts.map +1 -0
- package/dist/actions/initSortEnd.js +62 -71
- package/dist/actions/initSortEnd.js.map +1 -1
- package/dist/components/GSSortable.d.ts +4 -19
- package/dist/components/GSSortable.d.ts.map +1 -0
- package/dist/components/GSSortable.js +72 -105
- package/dist/components/GSSortable.js.map +1 -1
- package/dist/components/styles/GSSortableCSS.d.ts +2 -1
- package/dist/components/styles/GSSortableCSS.d.ts.map +1 -0
- package/dist/components/styles/GSSortableCSS.js +3 -4
- package/dist/components/styles/GSSortableCSS.js.map +1 -1
- package/dist/constants/constParams.d.ts +4 -3
- package/dist/constants/constParams.d.ts.map +1 -0
- package/dist/constants/constParams.js +2 -4
- package/dist/constants/constParams.js.map +1 -1
- package/dist/constants/defaultParams.d.ts +3 -2
- package/dist/constants/defaultParams.d.ts.map +1 -0
- package/dist/constants/defaultParams.js +3 -8
- package/dist/constants/defaultParams.js.map +1 -1
- package/dist/constants/types.d.ts +1 -0
- package/dist/constants/types.d.ts.map +1 -0
- package/dist/constants/types.js +1 -3
- package/dist/constants/types.js.map +1 -1
- package/dist/helpers/uihelpers.d.ts +2 -1
- package/dist/helpers/uihelpers.d.ts.map +1 -0
- package/dist/helpers/uihelpers.js +9 -23
- package/dist/helpers/uihelpers.js.map +1 -1
- package/dist/types/params.d.ts +23 -0
- package/dist/types/params.d.ts.map +1 -0
- package/dist/types/params.js +2 -0
- package/dist/types/params.js.map +1 -0
- package/dist/types/ref.d.ts +41 -0
- package/dist/types/ref.d.ts.map +1 -0
- package/dist/types/ref.js +2 -0
- package/dist/types/ref.js.map +1 -0
- package/dist-js/bundle.js +1181 -0
- package/helpers/uihelpers.ts +44 -0
- package/package.json +71 -43
- package/styles/GSSortable.css +39 -0
- package/styles/GSSortable.scss +38 -0
- package/types/global.d.ts +19 -0
- package/types/params.ts +24 -0
- package/types/ref.ts +41 -0
- package/index.js +0 -3
package/dist/actions/destroy.js
CHANGED
|
@@ -1,19 +1,17 @@
|
|
|
1
|
-
|
|
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 types_1 = __importDefault(require("../constants/types"));
|
|
1
|
+
import types from '../constants/types';
|
|
7
2
|
const destroy = (ref) => {
|
|
3
|
+
// Disconnect per-item resize observers to prevent leaks
|
|
4
|
+
ref.itemResizeObservers?.forEach((obs) => obs.disconnect());
|
|
5
|
+
ref.itemResizeObservers = [];
|
|
8
6
|
ref.grid.classList.remove('gs-sortable-instance');
|
|
9
7
|
ref.grid.classList.remove(`gs-sortable-${ref.currentParams.type}`);
|
|
10
8
|
ref.grid.style.removeProperty('position');
|
|
11
9
|
ref.grid.style.removeProperty('gap');
|
|
12
10
|
ref.grid.style.removeProperty('height');
|
|
13
|
-
if (ref.currentParams.type ===
|
|
11
|
+
if (ref.currentParams.type === types.row) {
|
|
14
12
|
ref.grid.style.removeProperty('width');
|
|
15
13
|
}
|
|
16
|
-
Array.from(ref.grid.children).forEach(el => {
|
|
14
|
+
Array.from(ref.grid.children).forEach((el) => {
|
|
17
15
|
const element = el;
|
|
18
16
|
element.classList.remove('gs-sortable-item');
|
|
19
17
|
element.style.removeProperty('position');
|
|
@@ -23,5 +21,5 @@ const destroy = (ref) => {
|
|
|
23
21
|
element.style.removeProperty('transition');
|
|
24
22
|
});
|
|
25
23
|
};
|
|
26
|
-
|
|
24
|
+
export default destroy;
|
|
27
25
|
//# sourceMappingURL=destroy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"destroy.js","sourceRoot":"","sources":["../../
|
|
1
|
+
{"version":3,"file":"destroy.js","sourceRoot":"","sources":["../../actions/destroy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAGvC,MAAM,OAAO,GAAG,CAAC,GAAQ,EAAQ,EAAE;IACjC,wDAAwD;IACxD,GAAG,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5D,GAAG,CAAC,mBAAmB,GAAG,EAAE,CAAC;IAE7B,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;IAClD,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IACnE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAC1C,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IACrC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;IAExC,IAAI,GAAG,CAAC,aAAa,CAAC,IAAI,KAAK,KAAK,CAAC,GAAG,EAAE,CAAC;QACzC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;QAC3C,MAAM,OAAO,GAAG,EAAiB,CAAC;QAClC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAC7C,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QACzC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QACrC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"general.d.ts","sourceRoot":"","sources":["../../actions/general.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,KAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAO9E,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,IAAI,WAAW,GAAG,IAAI,KAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAqBrF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,IAAI,WAAW,GAAG,IAAI,KAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAqBvF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,WAAW,EACnB,OAAO,WAAW,EAClB,UAAU,MAAM,KACf,IAYF,CAAC"}
|
package/dist/actions/general.js
CHANGED
|
@@ -1,16 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.moveChildToIndex = exports.getOffsetFromWindow = exports.getOffsetFromBody = exports.getTranslateCoord = void 0;
|
|
4
|
-
const getTranslateCoord = (element) => {
|
|
1
|
+
export const getTranslateCoord = (element) => {
|
|
5
2
|
const style = window.getComputedStyle(element);
|
|
6
|
-
const matrix = new DOMMatrix(style.transform);
|
|
3
|
+
const matrix = new DOMMatrix(style.transform);
|
|
7
4
|
return {
|
|
8
5
|
x: matrix.e,
|
|
9
6
|
y: matrix.f,
|
|
10
7
|
};
|
|
11
8
|
};
|
|
12
|
-
|
|
13
|
-
const getOffsetFromBody = (el) => {
|
|
9
|
+
export const getOffsetFromBody = (el) => {
|
|
14
10
|
let top = 0, left = 0;
|
|
15
11
|
while (el && el !== document.body) {
|
|
16
12
|
top += el.offsetTop || 0;
|
|
@@ -27,8 +23,7 @@ const getOffsetFromBody = (el) => {
|
|
|
27
23
|
left += document.body.scrollLeft || document.documentElement.scrollLeft || 0;
|
|
28
24
|
return { top, left };
|
|
29
25
|
};
|
|
30
|
-
|
|
31
|
-
const getOffsetFromWindow = (el) => {
|
|
26
|
+
export const getOffsetFromWindow = (el) => {
|
|
32
27
|
let top = 0, left = 0;
|
|
33
28
|
while (el) {
|
|
34
29
|
top += el.offsetTop || 0;
|
|
@@ -45,8 +40,7 @@ const getOffsetFromWindow = (el) => {
|
|
|
45
40
|
left -= window.scrollX || 0;
|
|
46
41
|
return { top, left };
|
|
47
42
|
};
|
|
48
|
-
|
|
49
|
-
const moveChildToIndex = (parent, child, newIndex) => {
|
|
43
|
+
export const moveChildToIndex = (parent, child, newIndex) => {
|
|
50
44
|
const children = Array.from(parent.children);
|
|
51
45
|
const oldIndex = children.indexOf(child);
|
|
52
46
|
if (oldIndex !== newIndex) {
|
|
@@ -59,5 +53,4 @@ const moveChildToIndex = (parent, child, newIndex) => {
|
|
|
59
53
|
}
|
|
60
54
|
}
|
|
61
55
|
};
|
|
62
|
-
exports.moveChildToIndex = moveChildToIndex;
|
|
63
56
|
//# sourceMappingURL=general.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"general.js","sourceRoot":"","sources":["../../
|
|
1
|
+
{"version":3,"file":"general.js","sourceRoot":"","sources":["../../actions/general.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAoB,EAA4B,EAAE;IAClF,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAC9C,OAAO;QACL,CAAC,EAAE,MAAM,CAAC,CAAC;QACX,CAAC,EAAE,MAAM,CAAC,CAAC;KACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAsB,EAAiC,EAAE;IACzF,IAAI,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC;IAEtB,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClC,GAAG,IAAI,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC;QACzB,IAAI,IAAI,EAAE,CAAC,UAAU,IAAI,CAAC,CAAC;QAE3B,MAAM,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC;QACxD,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzB,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC;YACxC,GAAG,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;YACvB,IAAI,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;QAC1B,CAAC;QAED,EAAE,GAAG,EAAE,CAAC,YAAkC,CAAC;IAC7C,CAAC;IAED,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,IAAI,CAAC,CAAC;IAC1E,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAU,IAAI,QAAQ,CAAC,eAAe,CAAC,UAAU,IAAI,CAAC,CAAC;IAE7E,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAsB,EAAiC,EAAE;IAC3F,IAAI,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC;IAEtB,OAAO,EAAE,EAAE,CAAC;QACV,GAAG,IAAI,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC;QACzB,IAAI,IAAI,EAAE,CAAC,UAAU,IAAI,CAAC,CAAC;QAE3B,MAAM,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC;QACxD,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzB,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,CAAC;YACxC,GAAG,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;YACvB,IAAI,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;QAC1B,CAAC;QAED,EAAE,GAAG,EAAE,CAAC,YAAkC,CAAC;IAC7C,CAAC;IAED,GAAG,IAAI,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC;IAC3B,IAAI,IAAI,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC;IAE5B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,MAAmB,EACnB,KAAkB,EAClB,QAAgB,EACV,EAAE;IACR,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAkB,CAAC;IAC9D,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEzC,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC1B,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QAChE,IAAI,QAAQ,GAAG,QAAQ,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YAC3C,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,9 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export interface Params {
|
|
6
|
-
responsive?: Array<ResponsiveOption>;
|
|
7
|
-
[key: string]: any;
|
|
8
|
-
}
|
|
9
|
-
export default function getCurrentParams(params: Params): Params;
|
|
1
|
+
import { Params } from '../types/params';
|
|
2
|
+
declare const getCurrentParams: (params: Params) => Params;
|
|
3
|
+
export default getCurrentParams;
|
|
4
|
+
//# sourceMappingURL=getCurrentParams.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getCurrentParams.d.ts","sourceRoot":"","sources":["../../actions/getCurrentParams.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,QAAA,MAAM,gBAAgB,GAAI,QAAQ,MAAM,KAAG,MA0B1C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,27 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const defaultParams = Object.assign({}, defaultParams_1.default);
|
|
9
|
-
let finalParams = Object.assign(Object.assign({}, defaultParams), params);
|
|
1
|
+
import _defaultParams from '../constants/defaultParams';
|
|
2
|
+
const getCurrentParams = (params) => {
|
|
3
|
+
const defaultParams = { ..._defaultParams };
|
|
4
|
+
let finalParams = {
|
|
5
|
+
...defaultParams,
|
|
6
|
+
...params,
|
|
7
|
+
};
|
|
10
8
|
if (finalParams.responsive && finalParams.responsive.length > 0) {
|
|
11
9
|
finalParams.responsive.sort((a, b) => b.windowSize - a.windowSize);
|
|
12
10
|
}
|
|
13
11
|
if (finalParams.responsive && finalParams.responsive.length > 0) {
|
|
14
12
|
const windowSize = window.innerWidth;
|
|
15
|
-
const availableResponsives = finalParams.responsive.filter(resp => resp.windowSize >= windowSize);
|
|
16
|
-
availableResponsives.forEach(resp => {
|
|
17
|
-
finalParams =
|
|
13
|
+
const availableResponsives = finalParams.responsive.filter((resp) => resp.windowSize >= windowSize);
|
|
14
|
+
availableResponsives.forEach((resp) => {
|
|
15
|
+
finalParams = {
|
|
16
|
+
...finalParams,
|
|
17
|
+
...resp.params,
|
|
18
|
+
};
|
|
18
19
|
});
|
|
19
20
|
}
|
|
20
|
-
const bodyElement = document.querySelector('body');
|
|
21
|
-
if (bodyElement) {
|
|
22
|
-
bodyElement.dataset.ff = JSON.stringify(finalParams);
|
|
23
|
-
}
|
|
24
21
|
return finalParams;
|
|
25
|
-
}
|
|
26
|
-
|
|
22
|
+
};
|
|
23
|
+
export default getCurrentParams;
|
|
27
24
|
//# sourceMappingURL=getCurrentParams.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getCurrentParams.js","sourceRoot":"","sources":["../../
|
|
1
|
+
{"version":3,"file":"getCurrentParams.js","sourceRoot":"","sources":["../../actions/getCurrentParams.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,4BAA4B,CAAC;AAGxD,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAU,EAAE;IAClD,MAAM,aAAa,GAAW,EAAE,GAAG,cAAc,EAAE,CAAC;IACpD,IAAI,WAAW,GAAW;QACxB,GAAG,aAAa;QAChB,GAAG,MAAM;KACV,CAAC;IAEF,IAAI,WAAW,CAAC,UAAU,IAAI,WAAW,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChE,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACrE,CAAC;IAED,IAAI,WAAW,CAAC,UAAU,IAAI,WAAW,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChE,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACrC,MAAM,oBAAoB,GAAG,WAAW,CAAC,UAAU,CAAC,MAAM,CACxD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,IAAI,UAAU,CACxC,CAAC;QAEF,oBAAoB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACpC,WAAW,GAAG;gBACZ,GAAG,WAAW;gBACd,GAAG,IAAI,CAAC,MAAM;aACf,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
package/dist/actions/init.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../actions/init.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,QAAA,MAAM,IAAI,GAAI,KAAK,GAAG,KAAG,IAuBxB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/dist/actions/init.js
CHANGED
|
@@ -1,27 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 initDraggable_1 = __importDefault(require("./initDraggable"));
|
|
1
|
+
import constParams from '../constants/constParams';
|
|
2
|
+
import calculate from './calculate';
|
|
3
|
+
import initDraggable from './initDraggable';
|
|
9
4
|
const init = (ref) => {
|
|
10
|
-
const transition = `left ${
|
|
5
|
+
const transition = `left ${constParams.animationSpeed}ms, top ${constParams.animationSpeed}ms, transform ${constParams.animationSpeed}ms`;
|
|
11
6
|
ref.grid.classList.add('gs-sortable-instance');
|
|
12
7
|
ref.grid.classList.add(`gs-sortable-${ref.currentParams.type}`);
|
|
13
|
-
|
|
8
|
+
// Disconnect any observers from a previous init/refresh cycle
|
|
9
|
+
ref.itemResizeObservers?.forEach((obs) => obs.disconnect());
|
|
10
|
+
ref.itemResizeObservers = [];
|
|
11
|
+
Array.from(ref.grid.children).forEach((el) => {
|
|
14
12
|
const element = el;
|
|
15
13
|
element.classList.add('gs-sortable-item');
|
|
16
14
|
element.style.transition = transition;
|
|
17
15
|
element.style.position = 'absolute';
|
|
18
|
-
const
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
resizeObserver.observe(element);
|
|
16
|
+
const obs = new ResizeObserver(() => calculate(ref));
|
|
17
|
+
obs.observe(element);
|
|
18
|
+
ref.itemResizeObservers.push(obs);
|
|
22
19
|
});
|
|
23
20
|
ref.count = ref.grid.children.length;
|
|
24
|
-
(
|
|
21
|
+
initDraggable(ref);
|
|
25
22
|
};
|
|
26
|
-
|
|
23
|
+
export default init;
|
|
27
24
|
//# sourceMappingURL=init.js.map
|
package/dist/actions/init.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"init.js","sourceRoot":"","sources":["../../
|
|
1
|
+
{"version":3,"file":"init.js","sourceRoot":"","sources":["../../actions/init.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,MAAM,IAAI,GAAG,CAAC,GAAQ,EAAQ,EAAE;IAC9B,MAAM,UAAU,GAAG,QAAQ,WAAW,CAAC,cAAc,WAAW,WAAW,CAAC,cAAc,iBAAiB,WAAW,CAAC,cAAc,IAAI,CAAC;IAE1I,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;IAC/C,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,GAAG,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IAEhE,8DAA8D;IAC9D,GAAG,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5D,GAAG,CAAC,mBAAmB,GAAG,EAAE,CAAC;IAE7B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;QAC3C,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,GAAG,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;QACrD,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACrB,GAAG,CAAC,mBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;IACrC,aAAa,CAAC,GAAG,CAAC,CAAC;AACrB,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const initDraggable: (ref:
|
|
1
|
+
import { Ref } from '../types/ref';
|
|
2
|
+
declare const initDraggable: (ref: Ref) => void;
|
|
3
3
|
export default initDraggable;
|
|
4
|
+
//# sourceMappingURL=initDraggable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initDraggable.d.ts","sourceRoot":"","sources":["../../actions/initDraggable.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,QAAA,MAAM,aAAa,GAAI,KAAK,GAAG,KAAG,IA8EjC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,20 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 general_1 = require("./general");
|
|
1
|
+
import constParams from '../constants/constParams';
|
|
2
|
+
import { getOffsetFromWindow } from './general';
|
|
8
3
|
const initDraggable = (ref) => {
|
|
9
4
|
const params = ref.currentParams;
|
|
10
5
|
const $items = Array.from(ref.grid.children);
|
|
11
6
|
$items.forEach(($el, index) => {
|
|
12
7
|
$el.onmousedown = null;
|
|
13
|
-
const handler = params.handler
|
|
8
|
+
const handler = params.handler
|
|
9
|
+
? $el.querySelector(params.handler)
|
|
10
|
+
: $el;
|
|
14
11
|
if (handler instanceof HTMLElement) {
|
|
15
12
|
handler.style.cursor = 'move';
|
|
16
13
|
handler.onmousedown = (e) => {
|
|
17
|
-
if (!ref.
|
|
14
|
+
if (!ref.isAdjusting) {
|
|
18
15
|
window.GSSortableConfigue.overInItemRef = ref;
|
|
19
16
|
window.GSSortableConfigue.takeFrom = ref;
|
|
20
17
|
const container = ref.grid;
|
|
@@ -25,11 +22,12 @@ const initDraggable = (ref) => {
|
|
|
25
22
|
const top = parseFloat(elStyles.top);
|
|
26
23
|
const left = parseFloat(elStyles.left);
|
|
27
24
|
let $draggableEl = $el;
|
|
28
|
-
|
|
25
|
+
let placeholder;
|
|
29
26
|
if (!params.takeClone) {
|
|
27
|
+
placeholder = document.createElement('div');
|
|
30
28
|
placeholder.classList.add('gs-sortable-placeholder');
|
|
31
29
|
placeholder.style.position = elStyles.position;
|
|
32
|
-
placeholder.style.transition = `left ${
|
|
30
|
+
placeholder.style.transition = `left ${constParams.animationSpeed}ms, top ${constParams.animationSpeed}ms, transform ${constParams.animationSpeed}ms, opacity ${constParams.animationSpeed}ms`;
|
|
33
31
|
placeholder.style.width = `${$el.offsetWidth}px`;
|
|
34
32
|
placeholder.style.height = `${$el.offsetHeight}px`;
|
|
35
33
|
placeholder.style.top = `${top}px`;
|
|
@@ -43,21 +41,15 @@ const initDraggable = (ref) => {
|
|
|
43
41
|
ref.grid.append($cloneEl);
|
|
44
42
|
$draggableEl = $cloneEl;
|
|
45
43
|
}
|
|
46
|
-
const elOffsetWindow =
|
|
47
|
-
let translateX = 0;
|
|
48
|
-
let translateY = 0;
|
|
49
|
-
if (!isNaN(top)) {
|
|
50
|
-
translateY = top;
|
|
51
|
-
}
|
|
52
|
-
if (!isNaN(left)) {
|
|
53
|
-
translateX = left;
|
|
54
|
-
}
|
|
44
|
+
const elOffsetWindow = getOffsetFromWindow($el);
|
|
45
|
+
let translateX = !isNaN(left) ? left : 0;
|
|
46
|
+
let translateY = !isNaN(top) ? top : 0;
|
|
55
47
|
$draggableEl.style.transform = `translate(${translateX - paddingLeft}px, ${translateY - paddingTop}px)`;
|
|
56
48
|
$draggableEl.style.top = `${paddingTop}px`;
|
|
57
49
|
$draggableEl.style.left = `${paddingLeft}px`;
|
|
58
50
|
window.GSSortableConfigue.draggableInfo = {
|
|
59
51
|
moved: false,
|
|
60
|
-
ref
|
|
52
|
+
ref,
|
|
61
53
|
index,
|
|
62
54
|
$el: $draggableEl,
|
|
63
55
|
clientX: e.clientX,
|
|
@@ -79,5 +71,5 @@ const initDraggable = (ref) => {
|
|
|
79
71
|
}
|
|
80
72
|
});
|
|
81
73
|
};
|
|
82
|
-
|
|
74
|
+
export default initDraggable;
|
|
83
75
|
//# sourceMappingURL=initDraggable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"initDraggable.js","sourceRoot":"","sources":["../../
|
|
1
|
+
{"version":3,"file":"initDraggable.js","sourceRoot":"","sources":["../../actions/initDraggable.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initMouseMove.d.ts","sourceRoot":"","sources":["../../actions/initMouseMove.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,aAAa,GAAI,OAAO,UAAU,KAAG,IA8G1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,69 +1,62 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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"));
|
|
1
|
+
import { getOffsetFromWindow, getTranslateCoord } from './general';
|
|
2
|
+
import checkItemInContainer from './checkItemInContainer';
|
|
3
|
+
import calculate from './calculate';
|
|
4
|
+
import constParams from '../constants/constParams';
|
|
5
|
+
import calculateOnSort from './calculateOnSort';
|
|
11
6
|
const initMouseMove = (event) => {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
if (info != undefined) {
|
|
7
|
+
const info = window.GSSortableConfigue?.draggableInfo;
|
|
8
|
+
if (info !== undefined) {
|
|
15
9
|
info.moved = true;
|
|
16
10
|
const allRefs = [];
|
|
17
11
|
if (window.GSSortableConfigue.takeFrom !== undefined) {
|
|
18
12
|
allRefs.push(window.GSSortableConfigue.takeFrom);
|
|
19
13
|
}
|
|
20
|
-
window.GSSortableConfigue.references.forEach(item => {
|
|
14
|
+
window.GSSortableConfigue.references.forEach((item) => {
|
|
21
15
|
if (item.ref.currentParams.acceptFrom.includes(window.GSSortableConfigue.takeFrom.currentParams.reference)) {
|
|
22
16
|
allRefs.push(item.ref);
|
|
23
17
|
}
|
|
24
18
|
});
|
|
25
19
|
let findedRef = '';
|
|
26
|
-
allRefs.forEach(item => {
|
|
27
|
-
if ((
|
|
20
|
+
allRefs.forEach((item) => {
|
|
21
|
+
if (checkItemInContainer(item.grid, info.$el)) {
|
|
28
22
|
findedRef = item.currentParams.reference;
|
|
29
23
|
}
|
|
30
24
|
});
|
|
31
25
|
if (findedRef !== '') {
|
|
32
|
-
|
|
33
|
-
if (newRef
|
|
26
|
+
const newRef = window.GSSortableConfigue.instance(findedRef);
|
|
27
|
+
if (newRef !== undefined &&
|
|
34
28
|
info.ref.currentParams.reference !== newRef.currentParams.reference) {
|
|
35
29
|
const placeholder = document.querySelector('.gs-sortable-placeholder');
|
|
36
30
|
if (placeholder != null) {
|
|
37
31
|
placeholder.remove();
|
|
38
|
-
(
|
|
32
|
+
calculate(window.GSSortableConfigue.overInItemRef);
|
|
39
33
|
}
|
|
40
34
|
window.GSSortableConfigue.overInItemRef = newRef;
|
|
41
|
-
info.$el.style.width =
|
|
42
|
-
window.GSSortableConfigue.overInItemRef.itemWidth;
|
|
35
|
+
info.$el.style.width = window.GSSortableConfigue.overInItemRef.itemWidth;
|
|
43
36
|
const newWidth = info.$el.clientWidth;
|
|
44
37
|
const newHeight = info.$el.clientHeight;
|
|
45
|
-
const newContainerOffset =
|
|
38
|
+
const newContainerOffset = getOffsetFromWindow(window.GSSortableConfigue.takeFrom.grid);
|
|
46
39
|
const translateY = event.clientY - newContainerOffset.top - newHeight * info.fromTop;
|
|
47
40
|
const translateX = event.clientX - newContainerOffset.left - newWidth * info.fromLeft;
|
|
48
41
|
const elStyles = getComputedStyle(info.$el);
|
|
49
42
|
const top = parseFloat(elStyles.top);
|
|
50
43
|
const left = parseFloat(elStyles.left);
|
|
51
44
|
if (!window.GSSortableConfigue.overInItemRef.currentParams.takeClone) {
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
|
|
45
|
+
const newPlaceholder = document.createElement('div');
|
|
46
|
+
newPlaceholder.classList.add('gs-sortable-placeholder');
|
|
47
|
+
newPlaceholder.style.position = elStyles.position;
|
|
55
48
|
info.$el.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
info.placeholder =
|
|
49
|
+
newPlaceholder.style.transition = `left ${constParams.animationSpeed}ms, top ${constParams.animationSpeed}ms, transform ${constParams.animationSpeed}ms, opacity ${constParams.animationSpeed}ms`;
|
|
50
|
+
newPlaceholder.style.top = `${top}px`;
|
|
51
|
+
newPlaceholder.style.left = `${left}px`;
|
|
52
|
+
newPlaceholder.style.border = elStyles.border;
|
|
53
|
+
newPlaceholder.style.borderRadius = elStyles.borderRadius;
|
|
54
|
+
info.placeholder = newPlaceholder;
|
|
62
55
|
info.ref = newRef;
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
newRef.grid.append(
|
|
66
|
-
(
|
|
56
|
+
newPlaceholder.style.width = `${info.$el.offsetWidth}px`;
|
|
57
|
+
newPlaceholder.style.height = `${info.$el.offsetHeight}px`;
|
|
58
|
+
newRef.grid.append(newPlaceholder);
|
|
59
|
+
calculate(newRef);
|
|
67
60
|
return;
|
|
68
61
|
}
|
|
69
62
|
else {
|
|
@@ -72,8 +65,6 @@ const initMouseMove = (event) => {
|
|
|
72
65
|
}
|
|
73
66
|
}
|
|
74
67
|
const params = info.ref.currentParams;
|
|
75
|
-
const clientX = event.clientX;
|
|
76
|
-
const clientY = event.clientY;
|
|
77
68
|
const $el = info.$el;
|
|
78
69
|
const containerStyles = getComputedStyle(info.ref.grid);
|
|
79
70
|
const paddingLeft = parseFloat(containerStyles.paddingLeft);
|
|
@@ -82,28 +73,24 @@ const initMouseMove = (event) => {
|
|
|
82
73
|
const paddingBottom = parseFloat(containerStyles.paddingBottom);
|
|
83
74
|
const containerInnerHeight = info.ref.grid.clientHeight - paddingTop - paddingBottom;
|
|
84
75
|
const containerInnerWidth = info.ref.grid.clientWidth - paddingLeft - paddingRight;
|
|
85
|
-
const moveX = clientX - info.clientX;
|
|
86
|
-
const moveY = clientY - info.clientY;
|
|
87
|
-
const coord =
|
|
88
|
-
info.clientX = clientX;
|
|
89
|
-
info.clientY = clientY;
|
|
90
|
-
let
|
|
91
|
-
let
|
|
76
|
+
const moveX = event.clientX - info.clientX;
|
|
77
|
+
const moveY = event.clientY - info.clientY;
|
|
78
|
+
const coord = getTranslateCoord($el);
|
|
79
|
+
info.clientX = event.clientX;
|
|
80
|
+
info.clientY = event.clientY;
|
|
81
|
+
let translateX = moveX + coord.x;
|
|
82
|
+
let translateY = moveY + coord.y;
|
|
92
83
|
if (!params.allowOutOfBox) {
|
|
93
|
-
|
|
94
|
-
|
|
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);
|
|
84
|
+
translateX = Math.min(Math.max(translateX, 0), containerInnerWidth - $el.offsetWidth);
|
|
85
|
+
translateY = Math.min(Math.max(translateY, 0), containerInnerHeight - $el.offsetHeight);
|
|
99
86
|
}
|
|
100
|
-
$el.style.transform = `translate(${
|
|
87
|
+
$el.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
101
88
|
if (findedRef !== '') {
|
|
102
|
-
(
|
|
89
|
+
calculateOnSort(window.GSSortableConfigue.overInItemRef);
|
|
103
90
|
}
|
|
104
91
|
}
|
|
105
92
|
window.scrollY = document.documentElement.scrollTop;
|
|
106
93
|
window.scrollX = document.documentElement.scrollLeft;
|
|
107
94
|
};
|
|
108
|
-
|
|
95
|
+
export default initMouseMove;
|
|
109
96
|
//# sourceMappingURL=initMouseMove.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"initMouseMove.js","sourceRoot":"","sources":["../../
|
|
1
|
+
{"version":3,"file":"initMouseMove.js","sourceRoot":"","sources":["../../actions/initMouseMove.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACnE,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAGhD,MAAM,aAAa,GAAG,CAAC,KAAiB,EAAQ,EAAE;IAChD,MAAM,IAAI,GAAG,MAAM,CAAC,kBAAkB,EAAE,aAA0C,CAAC;IAEnF,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAElB,MAAM,OAAO,GAAU,EAAE,CAAC;QAC1B,IAAI,MAAM,CAAC,kBAAmB,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YACtD,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,kBAAmB,CAAC,QAAQ,CAAC,CAAC;QACpD,CAAC;QACD,MAAM,CAAC,kBAAmB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrD,IACE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,UAAW,CAAC,QAAQ,CACzC,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,aAAa,CAAC,SAAS,CAC7D,EACD,CAAC;gBACD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,SAAS,GAAG,EAAE,CAAC;QACnB,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,IAAI,oBAAoB,CAAC,IAAI,CAAC,IAAmB,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7D,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;YACrB,MAAM,MAAM,GAAG,MAAM,CAAC,kBAAmB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YAC9D,IACE,MAAM,KAAK,SAAS;gBACpB,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,KAAK,MAAM,CAAC,aAAa,CAAC,SAAS,EACnE,CAAC;gBACD,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;gBACvE,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;oBACxB,WAAW,CAAC,MAAM,EAAE,CAAC;oBACrB,SAAS,CAAC,MAAM,CAAC,kBAAmB,CAAC,aAAoB,CAAC,CAAC;gBAC7D,CAAC;gBACD,MAAM,CAAC,kBAAmB,CAAC,aAAa,GAAG,MAAM,CAAC;gBAClD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,kBAAmB,CAAC,aAAa,CAAC,SAAU,CAAC;gBAE3E,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC;gBACtC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC;gBACxC,MAAM,kBAAkB,GAAG,mBAAmB,CAC5C,MAAM,CAAC,kBAAmB,CAAC,QAAS,CAAC,IAAmB,CACzD,CAAC;gBAEF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,GAAG,kBAAkB,CAAC,GAAG,GAAG,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;gBACrF,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,GAAG,kBAAkB,CAAC,IAAI,GAAG,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;gBAEtF,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAC5C,MAAM,GAAG,GAAG,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACrC,MAAM,IAAI,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAEvC,IAAI,CAAC,MAAM,CAAC,kBAAmB,CAAC,aAAa,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC;oBACtE,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACrD,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;oBACxD,cAAc,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;oBAClD,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,UAAU,OAAO,UAAU,KAAK,CAAC;oBACzE,cAAc,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,WAAW,CAAC,cAAc,WAAW,WAAW,CAAC,cAAc,iBAAiB,WAAW,CAAC,cAAc,eAAe,WAAW,CAAC,cAAc,IAAI,CAAC;oBAClM,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;oBACtC,cAAc,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,IAAI,CAAC;oBACxC,cAAc,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;oBAC9C,cAAc,CAAC,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC;oBAC1D,IAAI,CAAC,WAAW,GAAG,cAAc,CAAC;oBAClC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC;oBAClB,cAAc,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,IAAI,CAAC;oBACzD,cAAc,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,IAAI,CAAC;oBAC3D,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;oBACnC,SAAS,CAAC,MAAM,CAAC,CAAC;oBAClB,OAAO;gBACT,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC;gBACpB,CAAC;YACH,CAAC;QACH,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC;QACtC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;QACrB,MAAM,eAAe,GAAG,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,UAAU,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QAC5D,MAAM,UAAU,GAAG,UAAU,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAC1D,MAAM,YAAY,GAAG,UAAU,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QAC9D,MAAM,aAAa,GAAG,UAAU,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QAChE,MAAM,oBAAoB,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;QACrF,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;QAEnF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3C,MAAM,KAAK,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAE7B,IAAI,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;QACjC,IAAI,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;QAEjC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC;YAC1B,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,mBAAmB,GAAG,GAAG,CAAC,WAAW,CAAC,CAAC;YACtF,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,oBAAoB,GAAG,GAAG,CAAC,YAAY,CAAC,CAAC;QAC1F,CAAC;QAED,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,UAAU,OAAO,UAAU,KAAK,CAAC;QAEpE,IAAI,SAAS,KAAK,EAAE,EAAE,CAAC;YACrB,eAAe,CAAC,MAAM,CAAC,kBAAmB,CAAC,aAAoB,CAAC,CAAC;QACnE,CAAC;IACH,CAAC;IAED,MAAM,CAAC,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;IACpD,MAAM,CAAC,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC;AACvD,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initScroll.d.ts","sourceRoot":"","sources":["../../actions/initScroll.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,UAAU,QAAO,IAgBtB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,24 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const general_1 = require("./general");
|
|
1
|
+
import { getTranslateCoord } from './general';
|
|
4
2
|
const initScroll = () => {
|
|
5
|
-
|
|
6
|
-
const info = (_a = window.GSSortableConfigue) === null || _a === void 0 ? void 0 : _a.draggableInfo;
|
|
3
|
+
const info = window.GSSortableConfigue?.draggableInfo;
|
|
7
4
|
if (info !== undefined) {
|
|
8
|
-
const
|
|
9
|
-
const coord = (0, general_1.getTranslateCoord)($el);
|
|
10
|
-
let translateX = coord.x;
|
|
11
|
-
let translateY = coord.y;
|
|
5
|
+
const coord = getTranslateCoord(info.$el);
|
|
12
6
|
const scrollY = document.documentElement.scrollTop;
|
|
13
7
|
const scrollX = document.documentElement.scrollLeft;
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
-
translateX += scrollXDist;
|
|
17
|
-
translateY += scrollYDist;
|
|
8
|
+
const translateX = coord.x + (scrollX - (window.scrollX || 0));
|
|
9
|
+
const translateY = coord.y + (scrollY - (window.scrollY || 0));
|
|
18
10
|
window.scrollY = scrollY;
|
|
19
11
|
window.scrollX = scrollX;
|
|
20
|
-
|
|
12
|
+
info.$el.style.transform = `translate(${translateX}px, ${translateY}px)`;
|
|
21
13
|
}
|
|
22
14
|
};
|
|
23
|
-
|
|
15
|
+
export default initScroll;
|
|
24
16
|
//# sourceMappingURL=initScroll.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"initScroll.js","sourceRoot":"","sources":["../../
|
|
1
|
+
{"version":3,"file":"initScroll.js","sourceRoot":"","sources":["../../actions/initScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,UAAU,GAAG,GAAS,EAAE;IAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,kBAAkB,EAAE,aAAa,CAAC;IAEtD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,MAAM,KAAK,GAAG,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;QACnD,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC;QAEpD,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC;QAC/D,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC;QAE/D,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QACzB,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;QAEzB,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,aAAa,UAAU,OAAO,UAAU,KAAK,CAAC;IAC3E,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"initSortEnd.d.ts","sourceRoot":"","sources":["../../actions/initSortEnd.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,WAAW,GAAI,QAAQ,UAAU,KAAG,IA+EzC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|