@studiometa/js-toolkit 2.0.0-beta.14 → 2.0.0-beta.15
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/Base/index.cjs +38 -38
- package/Base/index.js +60 -54
- package/Base/managers/ChildrenManager.cjs +14 -8
- package/Base/managers/ChildrenManager.js +15 -8
- package/Base/managers/EventsManager.cjs +49 -44
- package/Base/managers/EventsManager.js +50 -44
- package/Base/managers/OptionsManager.cjs +15 -14
- package/Base/managers/OptionsManager.js +35 -27
- package/Base/managers/RefsManager.cjs +9 -4
- package/Base/managers/RefsManager.js +10 -4
- package/Base/managers/ServicesManager.cjs +13 -8
- package/Base/managers/ServicesManager.js +14 -8
- package/decorators/withBreakpointObserver.cjs +16 -11
- package/decorators/withBreakpointObserver.js +17 -11
- package/decorators/withDrag.cjs +11 -6
- package/decorators/withDrag.js +12 -6
- package/decorators/withExtraConfig.cjs +8 -3
- package/decorators/withExtraConfig.js +9 -3
- package/decorators/withIntersectionObserver.cjs +20 -15
- package/decorators/withIntersectionObserver.js +21 -15
- package/decorators/withMountWhenInView.cjs +23 -18
- package/decorators/withMountWhenInView.js +24 -18
- package/decorators/withScrolledInView.cjs +38 -30
- package/decorators/withScrolledInView.js +39 -30
- package/decorators/withVue2.cjs +13 -9
- package/decorators/withVue2.js +14 -9
- package/helpers/importOnInteraction.cjs +1 -1
- package/helpers/importOnInteraction.js +1 -1
- package/helpers/importWhenIdle.cjs +3 -2
- package/helpers/importWhenIdle.js +3 -2
- package/helpers/importWhenVisible.cjs +1 -1
- package/helpers/importWhenVisible.js +1 -1
- package/package.json +1 -2
- package/services/Service.cjs +6 -1
- package/services/Service.js +7 -1
- package/services/drag.cjs +33 -28
- package/services/drag.js +34 -28
- package/services/key.cjs +26 -17
- package/services/key.js +27 -17
- package/services/load.cjs +11 -3
- package/services/load.js +12 -3
- package/services/pointer.cjs +37 -28
- package/services/pointer.js +38 -28
- package/services/raf.cjs +15 -7
- package/services/raf.js +16 -7
- package/services/resize.cjs +15 -7
- package/services/resize.js +16 -7
- package/services/scroll.cjs +35 -27
- package/services/scroll.js +36 -27
- package/utils/css/matrix.cjs +2 -1
- package/utils/css/matrix.js +2 -1
- package/utils/css/transition.cjs +7 -2
- package/utils/css/transition.js +8 -2
package/services/scroll.cjs
CHANGED
|
@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
8
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
9
|
var __export = (target, all) => {
|
|
9
10
|
for (var name in all)
|
|
@@ -25,6 +26,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
25
26
|
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
27
|
};
|
|
27
28
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
29
|
+
var __publicField = (obj, key, value) => {
|
|
30
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
31
|
+
return value;
|
|
32
|
+
};
|
|
28
33
|
|
|
29
34
|
// packages/js-toolkit/services/scroll.js
|
|
30
35
|
var scroll_exports = {};
|
|
@@ -34,34 +39,37 @@ __export(scroll_exports, {
|
|
|
34
39
|
var import_Service = __toESM(require("./Service.cjs"), 1);
|
|
35
40
|
var import_debounce = __toESM(require("../utils/debounce.cjs"), 1);
|
|
36
41
|
var Scroll = class extends import_Service.default {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
changed: {
|
|
41
|
-
x: false,
|
|
42
|
-
y: false
|
|
43
|
-
},
|
|
44
|
-
last: {
|
|
42
|
+
constructor() {
|
|
43
|
+
super(...arguments);
|
|
44
|
+
__publicField(this, "props", {
|
|
45
45
|
x: window.pageXOffset,
|
|
46
|
-
y: window.pageYOffset
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
46
|
+
y: window.pageYOffset,
|
|
47
|
+
changed: {
|
|
48
|
+
x: false,
|
|
49
|
+
y: false
|
|
50
|
+
},
|
|
51
|
+
last: {
|
|
52
|
+
x: window.pageXOffset,
|
|
53
|
+
y: window.pageYOffset
|
|
54
|
+
},
|
|
55
|
+
delta: {
|
|
56
|
+
x: 0,
|
|
57
|
+
y: 0
|
|
58
|
+
},
|
|
59
|
+
max: {
|
|
60
|
+
x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
|
|
61
|
+
y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
|
|
62
|
+
},
|
|
63
|
+
progress: {
|
|
64
|
+
x: 0,
|
|
65
|
+
y: 0
|
|
66
|
+
},
|
|
67
|
+
direction: {
|
|
68
|
+
x: "NONE",
|
|
69
|
+
y: "NONE"
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
}
|
|
65
73
|
init() {
|
|
66
74
|
this.updateProps();
|
|
67
75
|
document.addEventListener("scroll", this, { passive: true, capture: true });
|
package/services/scroll.js
CHANGED
|
@@ -1,34 +1,43 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => {
|
|
4
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
+
return value;
|
|
6
|
+
};
|
|
1
7
|
import Service from "./Service.js";
|
|
2
8
|
import debounce from "../utils/debounce.js";
|
|
3
9
|
class Scroll extends Service {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
changed: {
|
|
8
|
-
x: false,
|
|
9
|
-
y: false
|
|
10
|
-
},
|
|
11
|
-
last: {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
__publicField(this, "props", {
|
|
12
13
|
x: window.pageXOffset,
|
|
13
|
-
y: window.pageYOffset
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
14
|
+
y: window.pageYOffset,
|
|
15
|
+
changed: {
|
|
16
|
+
x: false,
|
|
17
|
+
y: false
|
|
18
|
+
},
|
|
19
|
+
last: {
|
|
20
|
+
x: window.pageXOffset,
|
|
21
|
+
y: window.pageYOffset
|
|
22
|
+
},
|
|
23
|
+
delta: {
|
|
24
|
+
x: 0,
|
|
25
|
+
y: 0
|
|
26
|
+
},
|
|
27
|
+
max: {
|
|
28
|
+
x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
|
|
29
|
+
y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
|
|
30
|
+
},
|
|
31
|
+
progress: {
|
|
32
|
+
x: 0,
|
|
33
|
+
y: 0
|
|
34
|
+
},
|
|
35
|
+
direction: {
|
|
36
|
+
x: "NONE",
|
|
37
|
+
y: "NONE"
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
}
|
|
32
41
|
init() {
|
|
33
42
|
this.updateProps();
|
|
34
43
|
document.addEventListener("scroll", this, { passive: true, capture: true });
|
package/utils/css/matrix.cjs
CHANGED
|
@@ -27,8 +27,9 @@ __export(matrix_exports, {
|
|
|
27
27
|
default: () => matrix
|
|
28
28
|
});
|
|
29
29
|
function matrix(transform) {
|
|
30
|
+
var _a, _b, _c, _d, _e, _f;
|
|
30
31
|
transform = transform || {};
|
|
31
|
-
return `matrix(${transform.scaleX
|
|
32
|
+
return `matrix(${(_a = transform.scaleX) != null ? _a : 1}, ${(_b = transform.skewY) != null ? _b : 0}, ${(_c = transform.skewX) != null ? _c : 0}, ${(_d = transform.scaleY) != null ? _d : 1}, ${(_e = transform.translateX) != null ? _e : 0}, ${(_f = transform.translateY) != null ? _f : 0})`;
|
|
32
33
|
}
|
|
33
34
|
module.exports = __toCommonJS(matrix_exports);
|
|
34
35
|
if (module.exports.default) module.exports = module.exports.default;
|
package/utils/css/matrix.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
function matrix(transform) {
|
|
2
|
+
var _a, _b, _c, _d, _e, _f;
|
|
2
3
|
transform = transform || {};
|
|
3
|
-
return `matrix(${transform.scaleX
|
|
4
|
+
return `matrix(${(_a = transform.scaleX) != null ? _a : 1}, ${(_b = transform.skewY) != null ? _b : 0}, ${(_c = transform.skewX) != null ? _c : 0}, ${(_d = transform.scaleY) != null ? _d : 1}, ${(_e = transform.translateX) != null ? _e : 0}, ${(_f = transform.translateY) != null ? _f : 0})`;
|
|
4
5
|
}
|
|
5
6
|
export {
|
|
6
7
|
matrix as default
|
package/utils/css/transition.cjs
CHANGED
|
@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
5
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
8
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
9
|
var __export = (target, all) => {
|
|
9
10
|
for (var name in all)
|
|
@@ -25,6 +26,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache2) => {
|
|
|
25
26
|
return cache2 && cache2.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache2 && cache2.set(module2, temp), temp);
|
|
26
27
|
};
|
|
27
28
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
29
|
+
var __publicField = (obj, key, value) => {
|
|
30
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
31
|
+
return value;
|
|
32
|
+
};
|
|
28
33
|
|
|
29
34
|
// packages/js-toolkit/utils/css/transition.js
|
|
30
35
|
var transition_exports = {};
|
|
@@ -37,9 +42,9 @@ var classes = __toESM(require("./classes.cjs"), 1);
|
|
|
37
42
|
var styles = __toESM(require("./styles.cjs"), 1);
|
|
38
43
|
var cache = /* @__PURE__ */ new WeakMap();
|
|
39
44
|
var Transition = class {
|
|
40
|
-
isTransitioning = false;
|
|
41
|
-
transitionEndHandler = null;
|
|
42
45
|
constructor(element) {
|
|
46
|
+
__publicField(this, "isTransitioning", false);
|
|
47
|
+
__publicField(this, "transitionEndHandler", null);
|
|
43
48
|
cache.set(element, this);
|
|
44
49
|
}
|
|
45
50
|
static getInstance(element) {
|
package/utils/css/transition.js
CHANGED
|
@@ -1,11 +1,17 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
|
+
var __publicField = (obj, key, value) => {
|
|
4
|
+
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
|
+
return value;
|
|
6
|
+
};
|
|
1
7
|
import nextFrame from "../nextFrame.js";
|
|
2
8
|
import * as classes from "./classes.js";
|
|
3
9
|
import * as styles from "./styles.js";
|
|
4
10
|
const cache = /* @__PURE__ */ new WeakMap();
|
|
5
11
|
class Transition {
|
|
6
|
-
isTransitioning = false;
|
|
7
|
-
transitionEndHandler = null;
|
|
8
12
|
constructor(element) {
|
|
13
|
+
__publicField(this, "isTransitioning", false);
|
|
14
|
+
__publicField(this, "transitionEndHandler", null);
|
|
9
15
|
cache.set(element, this);
|
|
10
16
|
}
|
|
11
17
|
static getInstance(element) {
|