@studiometa/js-toolkit 2.0.0-beta.9 → 2.0.0-rc.1

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 (179) hide show
  1. package/Base/index.cjs +285 -0
  2. package/Base/index.d.ts +11 -2
  3. package/Base/index.js +114 -197
  4. package/Base/managers/ChildrenManager.cjs +146 -0
  5. package/Base/managers/ChildrenManager.d.ts +9 -1
  6. package/Base/managers/ChildrenManager.js +60 -59
  7. package/Base/managers/EventsManager.cjs +183 -0
  8. package/Base/managers/EventsManager.js +72 -112
  9. package/Base/managers/OptionsManager.cjs +174 -0
  10. package/Base/managers/OptionsManager.d.ts +9 -5
  11. package/Base/managers/OptionsManager.js +60 -90
  12. package/Base/managers/RefsManager.cjs +99 -0
  13. package/Base/managers/RefsManager.js +28 -38
  14. package/Base/managers/ServicesManager.cjs +131 -0
  15. package/Base/managers/ServicesManager.js +39 -67
  16. package/Base/utils.cjs +41 -0
  17. package/Base/utils.js +12 -11
  18. package/decorators/index.cjs +45 -0
  19. package/decorators/index.d.ts +1 -0
  20. package/decorators/index.js +20 -8
  21. package/decorators/withBreakpointManager.cjs +85 -0
  22. package/decorators/withBreakpointManager.js +18 -39
  23. package/decorators/withBreakpointObserver.cjs +115 -0
  24. package/decorators/withBreakpointObserver.js +44 -86
  25. package/decorators/withDrag.cjs +53 -0
  26. package/decorators/withDrag.js +24 -26
  27. package/decorators/withExtraConfig.cjs +43 -0
  28. package/decorators/withExtraConfig.js +17 -12
  29. package/decorators/withFreezedOptions.cjs +36 -0
  30. package/decorators/withFreezedOptions.d.ts +14 -0
  31. package/decorators/withFreezedOptions.js +14 -0
  32. package/decorators/withIntersectionObserver.cjs +62 -0
  33. package/decorators/withIntersectionObserver.js +29 -32
  34. package/decorators/withMountWhenInView.cjs +69 -0
  35. package/decorators/withMountWhenInView.js +31 -52
  36. package/decorators/withScrolledInView.cjs +114 -0
  37. package/decorators/withScrolledInView.js +35 -39
  38. package/decorators/withVue2.cjs +60 -0
  39. package/decorators/withVue2.js +26 -32
  40. package/helpers/createApp.cjs +52 -0
  41. package/helpers/createApp.d.ts +2 -2
  42. package/helpers/createApp.js +12 -12
  43. package/helpers/importOnInteraction.cjs +52 -0
  44. package/helpers/importOnInteraction.js +17 -18
  45. package/helpers/importWhenIdle.cjs +49 -0
  46. package/helpers/importWhenIdle.js +14 -17
  47. package/helpers/importWhenVisible.cjs +50 -0
  48. package/helpers/importWhenVisible.js +16 -18
  49. package/helpers/index.cjs +35 -0
  50. package/helpers/index.js +10 -4
  51. package/helpers/utils.cjs +35 -0
  52. package/helpers/utils.js +7 -6
  53. package/index.cjs +33 -0
  54. package/index.js +7 -4
  55. package/package.json +14 -4
  56. package/services/Service.cjs +76 -0
  57. package/services/Service.js +19 -32
  58. package/services/drag.cjs +213 -0
  59. package/services/drag.d.ts +1 -0
  60. package/services/drag.js +64 -68
  61. package/services/index.cjs +41 -0
  62. package/services/index.js +16 -7
  63. package/services/key.cjs +104 -0
  64. package/services/key.js +28 -36
  65. package/services/load.cjs +72 -0
  66. package/services/load.js +17 -19
  67. package/services/pointer.cjs +162 -0
  68. package/services/pointer.js +43 -60
  69. package/services/raf.cjs +83 -0
  70. package/services/raf.js +20 -28
  71. package/services/resize.cjs +108 -0
  72. package/services/resize.js +33 -42
  73. package/services/scroll.cjs +131 -0
  74. package/services/scroll.js +26 -35
  75. package/utils/collide/boundingRectToCircle.cjs +34 -0
  76. package/utils/collide/boundingRectToCircle.d.ts +1 -1
  77. package/utils/collide/boundingRectToCircle.js +7 -10
  78. package/utils/collide/collideCircleCircle.cjs +34 -0
  79. package/utils/collide/collideCircleCircle.js +8 -7
  80. package/utils/collide/collideCircleRect.cjs +46 -0
  81. package/utils/collide/collideCircleRect.js +10 -12
  82. package/utils/collide/collidePointCircle.cjs +31 -0
  83. package/utils/collide/collidePointCircle.js +8 -5
  84. package/utils/collide/collidePointRect.cjs +28 -0
  85. package/utils/collide/collidePointRect.js +5 -2
  86. package/utils/collide/collideRectRect.cjs +28 -0
  87. package/utils/collide/collideRectRect.js +5 -2
  88. package/utils/collide/index.cjs +39 -0
  89. package/utils/collide/index.js +14 -6
  90. package/utils/css/classes.cjs +47 -0
  91. package/utils/css/classes.d.ts +10 -9
  92. package/utils/css/classes.js +18 -14
  93. package/utils/css/index.cjs +38 -0
  94. package/utils/css/index.d.ts +2 -2
  95. package/utils/css/index.js +13 -6
  96. package/utils/css/matrix.cjs +30 -0
  97. package/utils/css/matrix.js +7 -5
  98. package/utils/css/styles.cjs +44 -0
  99. package/utils/css/styles.d.ts +6 -18
  100. package/utils/css/styles.js +12 -12
  101. package/utils/css/transition.cjs +120 -0
  102. package/utils/css/transition.d.ts +15 -9
  103. package/utils/css/transition.js +70 -119
  104. package/utils/debounce.cjs +34 -0
  105. package/utils/debounce.js +7 -9
  106. package/utils/focusTrap.cjs +82 -0
  107. package/utils/focusTrap.js +30 -21
  108. package/utils/history.cjs +89 -0
  109. package/utils/history.js +28 -57
  110. package/utils/index.cjs +54 -0
  111. package/utils/index.d.ts +4 -1
  112. package/utils/index.js +32 -11
  113. package/utils/keyCodes.cjs +35 -0
  114. package/utils/keyCodes.js +5 -2
  115. package/utils/math/clamp.cjs +28 -0
  116. package/utils/math/clamp.js +5 -2
  117. package/utils/math/clamp01.cjs +32 -0
  118. package/utils/math/clamp01.js +6 -3
  119. package/utils/math/damp.cjs +28 -0
  120. package/utils/math/damp.js +5 -4
  121. package/utils/math/ease.cjs +88 -0
  122. package/utils/math/ease.js +50 -25
  123. package/utils/math/index.cjs +43 -0
  124. package/utils/math/index.js +17 -8
  125. package/utils/math/inertiaFinalValue.cjs +37 -0
  126. package/utils/math/inertiaFinalValue.js +8 -10
  127. package/utils/math/lerp.cjs +28 -0
  128. package/utils/math/lerp.js +5 -2
  129. package/utils/math/map.cjs +28 -0
  130. package/utils/math/map.js +5 -2
  131. package/utils/math/round.cjs +28 -0
  132. package/utils/math/round.js +5 -3
  133. package/utils/memoize.cjs +43 -0
  134. package/utils/memoize.js +10 -19
  135. package/utils/nextFrame.cjs +38 -0
  136. package/utils/nextFrame.d.ts +4 -3
  137. package/utils/nextFrame.js +13 -10
  138. package/utils/nextMicrotask.cjs +28 -0
  139. package/utils/nextMicrotask.d.ts +8 -0
  140. package/utils/nextMicrotask.js +6 -0
  141. package/utils/nextTick.cjs +30 -0
  142. package/utils/nextTick.d.ts +8 -0
  143. package/utils/nextTick.js +8 -0
  144. package/utils/object/autoBind.cjs +49 -0
  145. package/utils/object/autoBind.js +12 -22
  146. package/utils/object/getAllProperties.cjs +37 -0
  147. package/utils/object/getAllProperties.js +10 -13
  148. package/utils/object/index.cjs +33 -0
  149. package/utils/object/index.js +8 -3
  150. package/utils/object/isObject.cjs +28 -0
  151. package/utils/object/isObject.js +6 -3
  152. package/utils/scrollTo.cjs +80 -0
  153. package/utils/scrollTo.js +20 -40
  154. package/utils/string/index.cjs +47 -0
  155. package/utils/string/index.js +22 -10
  156. package/utils/string/withLeadingCharacters.cjs +32 -0
  157. package/utils/string/withLeadingCharacters.js +7 -4
  158. package/utils/string/withLeadingSlash.cjs +32 -0
  159. package/utils/string/withLeadingSlash.js +7 -4
  160. package/utils/string/withTrailingCharacters.cjs +32 -0
  161. package/utils/string/withTrailingCharacters.js +7 -4
  162. package/utils/string/withTrailingSlash.cjs +32 -0
  163. package/utils/string/withTrailingSlash.js +7 -4
  164. package/utils/string/withoutLeadingCharacters.cjs +28 -0
  165. package/utils/string/withoutLeadingCharacters.js +6 -3
  166. package/utils/string/withoutLeadingCharactersRecursive.cjs +37 -0
  167. package/utils/string/withoutLeadingCharactersRecursive.js +8 -7
  168. package/utils/string/withoutLeadingSlash.cjs +32 -0
  169. package/utils/string/withoutLeadingSlash.js +7 -4
  170. package/utils/string/withoutTrailingCharacters.cjs +28 -0
  171. package/utils/string/withoutTrailingCharacters.js +6 -3
  172. package/utils/string/withoutTrailingCharactersRecursive.cjs +37 -0
  173. package/utils/string/withoutTrailingCharactersRecursive.js +8 -7
  174. package/utils/string/withoutTrailingSlash.cjs +32 -0
  175. package/utils/string/withoutTrailingSlash.js +7 -4
  176. package/utils/throttle.cjs +36 -0
  177. package/utils/throttle.js +9 -9
  178. package/index.modern.js +0 -1
  179. package/index.umd.js +0 -1
@@ -0,0 +1,131 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
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;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
21
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
22
+ var __publicField = (obj, key, value) => {
23
+ __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
24
+ return value;
25
+ };
26
+
27
+ // packages/js-toolkit/Base/managers/ServicesManager.js
28
+ var ServicesManager_exports = {};
29
+ __export(ServicesManager_exports, {
30
+ default: () => ServicesManager
31
+ });
32
+ module.exports = __toCommonJS(ServicesManager_exports);
33
+ var import_pointer = __toESM(require("../../services/pointer.cjs"), 1);
34
+ var import_raf = __toESM(require("../../services/raf.cjs"), 1);
35
+ var import_resize = __toESM(require("../../services/resize.cjs"), 1);
36
+ var import_scroll = __toESM(require("../../services/scroll.cjs"), 1);
37
+ var import_key = __toESM(require("../../services/key.cjs"), 1);
38
+ var import_load = __toESM(require("../../services/load.cjs"), 1);
39
+ var import_utils = require("../utils.cjs");
40
+ var SERVICES_MAP = {
41
+ scrolled: import_scroll.default,
42
+ resized: import_resize.default,
43
+ ticked: import_raf.default,
44
+ moved: import_pointer.default,
45
+ keyed: import_key.default,
46
+ loaded: import_load.default
47
+ };
48
+ var SERVICE_NAMES = Object.keys(SERVICES_MAP);
49
+ var ServicesManager = class {
50
+ constructor(instance) {
51
+ __publicField(this, "__base");
52
+ __publicField(this, "__customServices", {});
53
+ Object.defineProperties(this, {
54
+ __base: {
55
+ enumerable: false,
56
+ writable: false,
57
+ value: instance
58
+ }
59
+ });
60
+ }
61
+ get __services() {
62
+ return {
63
+ ...this.__customServices,
64
+ ...SERVICES_MAP
65
+ };
66
+ }
67
+ has(service) {
68
+ if (!(((0, import_utils.hasMethod)(this.__base, service) || this.__base.__hasEvent(service)) && this.__services[service])) {
69
+ return false;
70
+ }
71
+ const { has } = this.__services[service]();
72
+ return has(this.__base.$id);
73
+ }
74
+ enable(service) {
75
+ if (this.has(service)) {
76
+ return this.disable.bind(this, service);
77
+ }
78
+ if (!((0, import_utils.hasMethod)(this.__base, service) || this.__base.__hasEvent(service)) || !this.__services[service]) {
79
+ return function noop() {
80
+ };
81
+ }
82
+ const { add } = this.__services[service]();
83
+ const self = this;
84
+ function serviceHandler(...args) {
85
+ self.__base.__callMethod(service, ...args);
86
+ }
87
+ add(this.__base.$id, serviceHandler);
88
+ return this.disable.bind(this, service);
89
+ }
90
+ enableAll() {
91
+ return Object.keys(this.__services).map((serviceName) => this.enable(serviceName));
92
+ }
93
+ disableAll() {
94
+ Object.keys(this.__services).forEach((serviceName) => {
95
+ this.disable(serviceName);
96
+ });
97
+ }
98
+ disable(service) {
99
+ if (!this.__services[service]) {
100
+ return;
101
+ }
102
+ const { remove } = this.__services[service]();
103
+ remove(this.__base.$id);
104
+ }
105
+ toggle(service, force) {
106
+ if (typeof force !== "undefined") {
107
+ if (force && !this.has(service)) {
108
+ this.enable(service);
109
+ }
110
+ if (!force && this.has(service)) {
111
+ this.disable(service);
112
+ }
113
+ } else if (this.has(service)) {
114
+ this.disable(service);
115
+ } else {
116
+ this.enable(service);
117
+ }
118
+ }
119
+ register(name, useFunction) {
120
+ this.__customServices[name] = useFunction;
121
+ this.__base.__addEmits(name);
122
+ }
123
+ unregister(name) {
124
+ if (SERVICE_NAMES.includes(name)) {
125
+ throw new Error(`[ServicesManager] The \`${name}\` core service can not be unregistered.`);
126
+ }
127
+ this.__base.__removeEmits(name);
128
+ delete this.__customServices[name];
129
+ }
130
+ };
131
+ if (module.exports.default) module.exports = module.exports.default;
@@ -1,17 +1,17 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
3
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
4
-
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
-
7
- import usePointer from '../../services/pointer.js';
8
- import useRaf from '../../services/raf.js';
9
- import useResize from '../../services/resize.js';
10
- import useScroll from '../../services/scroll.js';
11
- import useKey from '../../services/key.js';
12
- import useLoad from '../../services/load.js';
13
- import { hasMethod } from '../utils.js';
14
- var SERVICES_MAP = {
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
+ };
7
+ import usePointer from "../../services/pointer.js";
8
+ import useRaf from "../../services/raf.js";
9
+ import useResize from "../../services/resize.js";
10
+ import useScroll from "../../services/scroll.js";
11
+ import useKey from "../../services/key.js";
12
+ import useLoad from "../../services/load.js";
13
+ import { hasMethod } from "../utils.js";
14
+ const SERVICES_MAP = {
15
15
  scrolled: useScroll,
16
16
  resized: useResize,
17
17
  ticked: useRaf,
@@ -19,17 +19,11 @@ var SERVICES_MAP = {
19
19
  keyed: useKey,
20
20
  loaded: useLoad
21
21
  };
22
- var SERVICE_NAMES = Object.keys(SERVICES_MAP);
23
- export default class ServicesManager {
24
- get __services() {
25
- return _objectSpread(_objectSpread({}, this.__customServices), SERVICES_MAP);
26
- }
27
-
22
+ const SERVICE_NAMES = Object.keys(SERVICES_MAP);
23
+ class ServicesManager {
28
24
  constructor(instance) {
29
- _defineProperty(this, "__base", void 0);
30
-
31
- _defineProperty(this, "__customServices", {});
32
-
25
+ __publicField(this, "__base");
26
+ __publicField(this, "__customServices", {});
33
27
  Object.defineProperties(this, {
34
28
  __base: {
35
29
  enumerable: false,
@@ -38,74 +32,55 @@ export default class ServicesManager {
38
32
  }
39
33
  });
40
34
  }
41
-
35
+ get __services() {
36
+ return {
37
+ ...this.__customServices,
38
+ ...SERVICES_MAP
39
+ };
40
+ }
42
41
  has(service) {
43
42
  if (!((hasMethod(this.__base, service) || this.__base.__hasEvent(service)) && this.__services[service])) {
44
43
  return false;
45
44
  }
46
-
47
- var {
48
- has
49
- } = this.__services[service]();
50
-
45
+ const { has } = this.__services[service]();
51
46
  return has(this.__base.$id);
52
47
  }
53
-
54
48
  enable(service) {
55
49
  if (this.has(service)) {
56
50
  return this.disable.bind(this, service);
57
51
  }
58
-
59
52
  if (!(hasMethod(this.__base, service) || this.__base.__hasEvent(service)) || !this.__services[service]) {
60
- return function noop() {};
53
+ return function noop() {
54
+ };
61
55
  }
62
-
63
- var {
64
- add
65
- } = this.__services[service]();
66
-
67
- var self = this;
68
-
69
- function serviceHandler() {
70
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
71
- args[_key] = arguments[_key];
72
- }
73
-
56
+ const { add } = this.__services[service]();
57
+ const self = this;
58
+ function serviceHandler(...args) {
74
59
  self.__base.__callMethod(service, ...args);
75
60
  }
76
-
77
61
  add(this.__base.$id, serviceHandler);
78
62
  return this.disable.bind(this, service);
79
63
  }
80
-
81
64
  enableAll() {
82
- return Object.keys(this.__services).map(serviceName => this.enable(serviceName));
65
+ return Object.keys(this.__services).map((serviceName) => this.enable(serviceName));
83
66
  }
84
-
85
67
  disableAll() {
86
- Object.keys(this.__services).forEach(serviceName => {
68
+ Object.keys(this.__services).forEach((serviceName) => {
87
69
  this.disable(serviceName);
88
70
  });
89
71
  }
90
-
91
72
  disable(service) {
92
73
  if (!this.__services[service]) {
93
74
  return;
94
75
  }
95
-
96
- var {
97
- remove
98
- } = this.__services[service]();
99
-
76
+ const { remove } = this.__services[service]();
100
77
  remove(this.__base.$id);
101
78
  }
102
-
103
79
  toggle(service, force) {
104
- if (typeof force !== 'undefined') {
80
+ if (typeof force !== "undefined") {
105
81
  if (force && !this.has(service)) {
106
82
  this.enable(service);
107
83
  }
108
-
109
84
  if (!force && this.has(service)) {
110
85
  this.disable(service);
111
86
  }
@@ -115,21 +90,18 @@ export default class ServicesManager {
115
90
  this.enable(service);
116
91
  }
117
92
  }
118
-
119
93
  register(name, useFunction) {
120
94
  this.__customServices[name] = useFunction;
121
-
122
95
  this.__base.__addEmits(name);
123
96
  }
124
-
125
97
  unregister(name) {
126
98
  if (SERVICE_NAMES.includes(name)) {
127
- throw new Error("[ServicesManager] The `".concat(name, "` core service can not be unregistered."));
99
+ throw new Error(`[ServicesManager] The \`${name}\` core service can not be unregistered.`);
128
100
  }
129
-
130
101
  this.__base.__removeEmits(name);
131
-
132
102
  delete this.__customServices[name];
133
103
  }
134
-
135
- }
104
+ }
105
+ export {
106
+ ServicesManager as default
107
+ };
package/Base/utils.cjs ADDED
@@ -0,0 +1,41 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: true });
8
+ };
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") {
11
+ for (let key of __getOwnPropNames(from))
12
+ if (!__hasOwnProp.call(to, key) && key !== except)
13
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ }
15
+ return to;
16
+ };
17
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
+
19
+ // packages/js-toolkit/Base/utils.js
20
+ var utils_exports = {};
21
+ __export(utils_exports, {
22
+ getComponentElements: () => getComponentElements,
23
+ hasMethod: () => hasMethod
24
+ });
25
+ module.exports = __toCommonJS(utils_exports);
26
+ function hasMethod(obj, name) {
27
+ return typeof obj[name] === "function";
28
+ }
29
+ function getComponentElements(nameOrSelector, element = document) {
30
+ const selector = `[data-component="${nameOrSelector}"]`;
31
+ let elements = [];
32
+ try {
33
+ elements = Array.from(element.querySelectorAll(selector));
34
+ } catch {
35
+ }
36
+ if (elements.length === 0) {
37
+ elements = Array.from(element.querySelectorAll(nameOrSelector));
38
+ }
39
+ return elements;
40
+ }
41
+ if (module.exports.default) module.exports = module.exports.default;
package/Base/utils.js CHANGED
@@ -1,18 +1,19 @@
1
- export function hasMethod(obj, name) {
2
- return typeof obj[name] === 'function';
1
+ function hasMethod(obj, name) {
2
+ return typeof obj[name] === "function";
3
3
  }
4
- export function getComponentElements(nameOrSelector) {
5
- var element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
6
- var selector = "[data-component=\"".concat(nameOrSelector, "\"]");
7
- var elements = [];
8
-
4
+ function getComponentElements(nameOrSelector, element = document) {
5
+ const selector = `[data-component="${nameOrSelector}"]`;
6
+ let elements = [];
9
7
  try {
10
8
  elements = Array.from(element.querySelectorAll(selector));
11
- } catch (_unused) {}
12
-
9
+ } catch {
10
+ }
13
11
  if (elements.length === 0) {
14
12
  elements = Array.from(element.querySelectorAll(nameOrSelector));
15
13
  }
16
-
17
14
  return elements;
18
- }
15
+ }
16
+ export {
17
+ getComponentElements,
18
+ hasMethod
19
+ };
@@ -0,0 +1,45 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
21
+
22
+ // packages/js-toolkit/decorators/index.js
23
+ var decorators_exports = {};
24
+ __export(decorators_exports, {
25
+ withBreakpointManager: () => import_withBreakpointManager.default,
26
+ withBreakpointObserver: () => import_withBreakpointObserver.default,
27
+ withDrag: () => import_withDrag.default,
28
+ withExtraConfig: () => import_withExtraConfig.default,
29
+ withFreezedOptions: () => import_withFreezedOptions.default,
30
+ withIntersectionObserver: () => import_withIntersectionObserver.default,
31
+ withMountWhenInView: () => import_withMountWhenInView.default,
32
+ withScrolledInView: () => import_withScrolledInView.default,
33
+ withVue2: () => import_withVue2.default
34
+ });
35
+ module.exports = __toCommonJS(decorators_exports);
36
+ var import_withBreakpointManager = __toESM(require("./withBreakpointManager.cjs"), 1);
37
+ var import_withBreakpointObserver = __toESM(require("./withBreakpointObserver.cjs"), 1);
38
+ var import_withDrag = __toESM(require("./withDrag.cjs"), 1);
39
+ var import_withExtraConfig = __toESM(require("./withExtraConfig.cjs"), 1);
40
+ var import_withFreezedOptions = __toESM(require("./withFreezedOptions.cjs"), 1);
41
+ var import_withIntersectionObserver = __toESM(require("./withIntersectionObserver.cjs"), 1);
42
+ var import_withMountWhenInView = __toESM(require("./withMountWhenInView.cjs"), 1);
43
+ var import_withScrolledInView = __toESM(require("./withScrolledInView.cjs"), 1);
44
+ var import_withVue2 = __toESM(require("./withVue2.cjs"), 1);
45
+ if (module.exports.default) module.exports = module.exports.default;
@@ -2,6 +2,7 @@ export { default as withBreakpointManager } from "./withBreakpointManager.js";
2
2
  export { default as withBreakpointObserver } from "./withBreakpointObserver.js";
3
3
  export { default as withDrag } from "./withDrag.js";
4
4
  export { default as withExtraConfig } from "./withExtraConfig.js";
5
+ export { default as withFreezedOptions } from "./withFreezedOptions.js";
5
6
  export { default as withIntersectionObserver } from "./withIntersectionObserver.js";
6
7
  export { default as withMountWhenInView } from "./withMountWhenInView.js";
7
8
  export { default as withScrolledInView } from "./withScrolledInView.js";
@@ -1,8 +1,20 @@
1
- export { default as withBreakpointManager } from './withBreakpointManager.js';
2
- export { default as withBreakpointObserver } from './withBreakpointObserver.js';
3
- export { default as withDrag } from './withDrag.js';
4
- export { default as withExtraConfig } from './withExtraConfig.js';
5
- export { default as withIntersectionObserver } from './withIntersectionObserver.js';
6
- export { default as withMountWhenInView } from './withMountWhenInView.js';
7
- export { default as withScrolledInView } from './withScrolledInView.js';
8
- export { default as withVue2 } from './withVue2.js';
1
+ import { default as default2 } from "./withBreakpointManager.js";
2
+ import { default as default3 } from "./withBreakpointObserver.js";
3
+ import { default as default4 } from "./withDrag.js";
4
+ import { default as default5 } from "./withExtraConfig.js";
5
+ import { default as default6 } from "./withFreezedOptions.js";
6
+ import { default as default7 } from "./withIntersectionObserver.js";
7
+ import { default as default8 } from "./withMountWhenInView.js";
8
+ import { default as default9 } from "./withScrolledInView.js";
9
+ import { default as default10 } from "./withVue2.js";
10
+ export {
11
+ default2 as withBreakpointManager,
12
+ default3 as withBreakpointObserver,
13
+ default4 as withDrag,
14
+ default5 as withExtraConfig,
15
+ default6 as withFreezedOptions,
16
+ default7 as withIntersectionObserver,
17
+ default8 as withMountWhenInView,
18
+ default9 as withScrolledInView,
19
+ default10 as withVue2
20
+ };
@@ -0,0 +1,85 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
20
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
21
+
22
+ // packages/js-toolkit/decorators/withBreakpointManager.js
23
+ var withBreakpointManager_exports = {};
24
+ __export(withBreakpointManager_exports, {
25
+ default: () => withBreakpointManager
26
+ });
27
+ module.exports = __toCommonJS(withBreakpointManager_exports);
28
+ var import_resize = __toESM(require("../services/resize.cjs"), 1);
29
+ function testBreakpoints(breakpoints) {
30
+ const { breakpoint } = (0, import_resize.default)().props();
31
+ breakpoints.forEach(([breakpointKeys, instance]) => {
32
+ if (breakpointKeys.includes(breakpoint) && !instance.$isMounted) {
33
+ setTimeout(() => instance.$mount(), 0);
34
+ } else if (!breakpointKeys.includes(breakpoint) && instance.$isMounted) {
35
+ instance.$destroy();
36
+ }
37
+ });
38
+ }
39
+ function mountComponents(instance, breakpoints) {
40
+ return breakpoints.map(([bk, ComponentClass]) => {
41
+ const child = new ComponentClass(instance.$el);
42
+ Object.defineProperty(child, "$parent", { get: () => instance.$parent });
43
+ return [bk, child];
44
+ });
45
+ }
46
+ var instances = /* @__PURE__ */ new WeakMap();
47
+ function withBreakpointManager(BaseClass, breakpoints) {
48
+ if (!Array.isArray(breakpoints)) {
49
+ throw new Error("[withBreakpointManager] The `breakpoints` parameter must be an array.");
50
+ }
51
+ if (breakpoints.length < 2) {
52
+ throw new Error("[withBreakpointManager] You must define at least 2 breakpoints.");
53
+ }
54
+ const { add, props } = (0, import_resize.default)();
55
+ if (!props().breakpoint) {
56
+ throw new Error(`The \`BreakpointManager\` class requires breakpoints to be defined.`);
57
+ }
58
+ return class extends BaseClass {
59
+ constructor(element) {
60
+ super(element);
61
+ if (!instances.has(this)) {
62
+ instances.set(this, mountComponents(this, breakpoints));
63
+ }
64
+ add(`BreakpointManager-${this.$id}`, () => {
65
+ testBreakpoints(instances.get(this));
66
+ });
67
+ this.instances = instances.get(this);
68
+ return this;
69
+ }
70
+ $mount() {
71
+ super.$mount();
72
+ testBreakpoints(instances.get(this));
73
+ return this;
74
+ }
75
+ $destroy() {
76
+ if (Array.isArray(instances.get(this))) {
77
+ instances.get(this).forEach(([, instance]) => {
78
+ instance.$destroy();
79
+ });
80
+ }
81
+ return super.$destroy();
82
+ }
83
+ };
84
+ }
85
+ if (module.exports.default) module.exports = module.exports.default;
@@ -1,12 +1,7 @@
1
- import useResize from '../services/resize.js';
2
-
1
+ import useResize from "../services/resize.js";
3
2
  function testBreakpoints(breakpoints) {
4
- var {
5
- breakpoint
6
- } = useResize().props();
7
- breakpoints.forEach(_ref => {
8
- var [breakpointKeys, instance] = _ref;
9
-
3
+ const { breakpoint } = useResize().props();
4
+ breakpoints.forEach(([breakpointKeys, instance]) => {
10
5
  if (breakpointKeys.includes(breakpoint) && !instance.$isMounted) {
11
6
  setTimeout(() => instance.$mount(), 0);
12
7
  } else if (!breakpointKeys.includes(breakpoint) && instance.$isMounted) {
@@ -14,68 +9,52 @@ function testBreakpoints(breakpoints) {
14
9
  }
15
10
  });
16
11
  }
17
-
18
12
  function mountComponents(instance, breakpoints) {
19
- return breakpoints.map(_ref2 => {
20
- var [bk, ComponentClass] = _ref2;
21
- var child = new ComponentClass(instance.$el);
22
- Object.defineProperty(child, '$parent', {
23
- get: () => instance.$parent
24
- });
13
+ return breakpoints.map(([bk, ComponentClass]) => {
14
+ const child = new ComponentClass(instance.$el);
15
+ Object.defineProperty(child, "$parent", { get: () => instance.$parent });
25
16
  return [bk, child];
26
17
  });
27
18
  }
28
-
29
- var instances = new WeakMap();
30
- export default function withBreakpointManager(BaseClass, breakpoints) {
19
+ const instances = /* @__PURE__ */ new WeakMap();
20
+ function withBreakpointManager(BaseClass, breakpoints) {
31
21
  if (!Array.isArray(breakpoints)) {
32
- throw new Error('[withBreakpointManager] The `breakpoints` parameter must be an array.');
22
+ throw new Error("[withBreakpointManager] The `breakpoints` parameter must be an array.");
33
23
  }
34
-
35
24
  if (breakpoints.length < 2) {
36
- throw new Error('[withBreakpointManager] You must define at least 2 breakpoints.');
25
+ throw new Error("[withBreakpointManager] You must define at least 2 breakpoints.");
37
26
  }
38
-
39
- var {
40
- add,
41
- props
42
- } = useResize();
43
-
27
+ const { add, props } = useResize();
44
28
  if (!props().breakpoint) {
45
- throw new Error("The `BreakpointManager` class requires breakpoints to be defined.");
29
+ throw new Error(`The \`BreakpointManager\` class requires breakpoints to be defined.`);
46
30
  }
47
-
48
31
  return class extends BaseClass {
49
32
  constructor(element) {
50
33
  super(element);
51
-
52
34
  if (!instances.has(this)) {
53
35
  instances.set(this, mountComponents(this, breakpoints));
54
36
  }
55
-
56
- add("BreakpointManager-".concat(this.$id), () => {
37
+ add(`BreakpointManager-${this.$id}`, () => {
57
38
  testBreakpoints(instances.get(this));
58
39
  });
59
40
  this.instances = instances.get(this);
60
41
  return this;
61
42
  }
62
-
63
43
  $mount() {
64
44
  super.$mount();
65
45
  testBreakpoints(instances.get(this));
66
46
  return this;
67
47
  }
68
-
69
48
  $destroy() {
70
49
  if (Array.isArray(instances.get(this))) {
71
- instances.get(this).forEach(_ref3 => {
72
- var [, instance] = _ref3;
50
+ instances.get(this).forEach(([, instance]) => {
73
51
  instance.$destroy();
74
52
  });
75
53
  }
76
-
77
54
  return super.$destroy();
78
55
  }
79
-
80
56
  };
81
- }
57
+ }
58
+ export {
59
+ withBreakpointManager as default
60
+ };