@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.
Files changed (53) hide show
  1. package/Base/index.cjs +38 -38
  2. package/Base/index.js +60 -54
  3. package/Base/managers/ChildrenManager.cjs +14 -8
  4. package/Base/managers/ChildrenManager.js +15 -8
  5. package/Base/managers/EventsManager.cjs +49 -44
  6. package/Base/managers/EventsManager.js +50 -44
  7. package/Base/managers/OptionsManager.cjs +15 -14
  8. package/Base/managers/OptionsManager.js +35 -27
  9. package/Base/managers/RefsManager.cjs +9 -4
  10. package/Base/managers/RefsManager.js +10 -4
  11. package/Base/managers/ServicesManager.cjs +13 -8
  12. package/Base/managers/ServicesManager.js +14 -8
  13. package/decorators/withBreakpointObserver.cjs +16 -11
  14. package/decorators/withBreakpointObserver.js +17 -11
  15. package/decorators/withDrag.cjs +11 -6
  16. package/decorators/withDrag.js +12 -6
  17. package/decorators/withExtraConfig.cjs +8 -3
  18. package/decorators/withExtraConfig.js +9 -3
  19. package/decorators/withIntersectionObserver.cjs +20 -15
  20. package/decorators/withIntersectionObserver.js +21 -15
  21. package/decorators/withMountWhenInView.cjs +23 -18
  22. package/decorators/withMountWhenInView.js +24 -18
  23. package/decorators/withScrolledInView.cjs +38 -30
  24. package/decorators/withScrolledInView.js +39 -30
  25. package/decorators/withVue2.cjs +13 -9
  26. package/decorators/withVue2.js +14 -9
  27. package/helpers/importOnInteraction.cjs +1 -1
  28. package/helpers/importOnInteraction.js +1 -1
  29. package/helpers/importWhenIdle.cjs +3 -2
  30. package/helpers/importWhenIdle.js +3 -2
  31. package/helpers/importWhenVisible.cjs +1 -1
  32. package/helpers/importWhenVisible.js +1 -1
  33. package/package.json +1 -2
  34. package/services/Service.cjs +6 -1
  35. package/services/Service.js +7 -1
  36. package/services/drag.cjs +33 -28
  37. package/services/drag.js +34 -28
  38. package/services/key.cjs +26 -17
  39. package/services/key.js +27 -17
  40. package/services/load.cjs +11 -3
  41. package/services/load.js +12 -3
  42. package/services/pointer.cjs +37 -28
  43. package/services/pointer.js +38 -28
  44. package/services/raf.cjs +15 -7
  45. package/services/raf.js +16 -7
  46. package/services/resize.cjs +15 -7
  47. package/services/resize.js +16 -7
  48. package/services/scroll.cjs +35 -27
  49. package/services/scroll.js +36 -27
  50. package/utils/css/matrix.cjs +2 -1
  51. package/utils/css/matrix.js +2 -1
  52. package/utils/css/transition.cjs +7 -2
  53. package/utils/css/transition.js +8 -2
@@ -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
- props = {
38
- x: window.pageXOffset,
39
- y: window.pageYOffset,
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
- delta: {
49
- x: 0,
50
- y: 0
51
- },
52
- max: {
53
- x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
54
- y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
55
- },
56
- progress: {
57
- x: 0,
58
- y: 0
59
- },
60
- direction: {
61
- x: "NONE",
62
- y: "NONE"
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 });
@@ -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
- props = {
5
- x: window.pageXOffset,
6
- y: window.pageYOffset,
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
- delta: {
16
- x: 0,
17
- y: 0
18
- },
19
- max: {
20
- x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
21
- y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
22
- },
23
- progress: {
24
- x: 0,
25
- y: 0
26
- },
27
- direction: {
28
- x: "NONE",
29
- y: "NONE"
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 });
@@ -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 ?? 1}, ${transform.skewY ?? 0}, ${transform.skewX ?? 0}, ${transform.scaleY ?? 1}, ${transform.translateX ?? 0}, ${transform.translateY ?? 0})`;
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;
@@ -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 ?? 1}, ${transform.skewY ?? 0}, ${transform.skewX ?? 0}, ${transform.scaleY ?? 1}, ${transform.translateX ?? 0}, ${transform.translateY ?? 0})`;
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
@@ -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) {
@@ -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) {