@studiometa/js-toolkit 2.0.0-alpha.4 → 2.0.0-alpha.8

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 (194) hide show
  1. package/Base/index.d.ts +29 -47
  2. package/Base/index.js +19 -14
  3. package/Base/managers/ChildrenManager.d.ts +6 -6
  4. package/Base/managers/ChildrenManager.js +1 -2
  5. package/Base/managers/EventsManager.d.ts +9 -9
  6. package/Base/managers/EventsManager.js +18 -33
  7. package/Base/managers/OptionsManager.d.ts +0 -8
  8. package/Base/managers/OptionsManager.js +1 -6
  9. package/Base/managers/RefsManager.js +1 -2
  10. package/Base/managers/ServicesManager.d.ts +14 -3
  11. package/Base/managers/ServicesManager.js +30 -12
  12. package/Base/utils.js +1 -2
  13. package/README.md +12 -70
  14. package/decorators/index.js +1 -2
  15. package/decorators/withBreakpointManager.d.ts +4 -4
  16. package/decorators/withBreakpointManager.js +1 -2
  17. package/decorators/withBreakpointObserver.d.ts +2 -2
  18. package/decorators/withBreakpointObserver.js +1 -2
  19. package/decorators/withDrag.d.ts +3 -3
  20. package/decorators/withDrag.js +1 -2
  21. package/decorators/withExtraConfig.d.ts +3 -3
  22. package/decorators/withExtraConfig.js +1 -2
  23. package/decorators/withIntersectionObserver.d.ts +2 -2
  24. package/decorators/withIntersectionObserver.js +1 -11
  25. package/decorators/withMountWhenInView.d.ts +3 -3
  26. package/decorators/withMountWhenInView.js +1 -2
  27. package/helpers/createApp.d.ts +3 -3
  28. package/helpers/createApp.js +9 -9
  29. package/helpers/importOnInteraction.d.ts +3 -3
  30. package/helpers/importOnInteraction.js +1 -2
  31. package/helpers/importWhenIdle.d.ts +3 -3
  32. package/helpers/importWhenIdle.js +1 -2
  33. package/helpers/importWhenVisible.d.ts +3 -3
  34. package/helpers/importWhenVisible.js +1 -2
  35. package/helpers/index.js +1 -2
  36. package/helpers/utils.js +1 -2
  37. package/index.d.ts +2 -2
  38. package/index.js +1 -2
  39. package/index.modern.js +1 -2
  40. package/index.umd.js +1 -2
  41. package/package.json +3 -4
  42. package/services/Service.js +1 -2
  43. package/services/drag.js +1 -2
  44. package/services/index.js +1 -2
  45. package/services/key.js +1 -2
  46. package/services/load.d.ts +1 -1
  47. package/services/load.js +2 -3
  48. package/services/pointer.js +1 -2
  49. package/services/raf.js +1 -2
  50. package/services/resize.js +1 -6
  51. package/services/scroll.js +1 -2
  52. package/utils/collide/boundingRectToCircle.js +1 -2
  53. package/utils/collide/collideCircleCircle.js +1 -2
  54. package/utils/collide/collideCircleRect.js +1 -2
  55. package/utils/collide/collidePointCircle.js +1 -2
  56. package/utils/collide/collidePointRect.js +1 -2
  57. package/utils/collide/collideRectRect.js +1 -2
  58. package/utils/collide/index.js +1 -2
  59. package/utils/css/classes.js +1 -2
  60. package/utils/css/index.js +1 -2
  61. package/utils/css/matrix.js +1 -2
  62. package/utils/css/styles.js +1 -2
  63. package/utils/css/transition.js +1 -2
  64. package/utils/debounce.js +1 -2
  65. package/utils/focusTrap.js +1 -2
  66. package/utils/history.js +2 -3
  67. package/utils/index.d.ts +2 -1
  68. package/utils/index.js +2 -2
  69. package/utils/keyCodes.js +1 -2
  70. package/utils/math/clamp.js +1 -2
  71. package/utils/math/clamp01.js +1 -2
  72. package/utils/math/damp.js +1 -2
  73. package/utils/math/index.js +1 -2
  74. package/utils/math/inertiaFinalValue.js +1 -2
  75. package/utils/math/lerp.js +1 -2
  76. package/utils/math/map.js +1 -2
  77. package/utils/math/round.js +1 -2
  78. package/utils/memoize.d.ts +30 -0
  79. package/utils/memoize.js +30 -0
  80. package/utils/nextFrame.js +1 -2
  81. package/utils/object/autoBind.js +1 -2
  82. package/utils/object/getAllProperties.js +1 -2
  83. package/utils/object/index.js +1 -2
  84. package/utils/object/isObject.js +1 -2
  85. package/utils/string/index.js +1 -2
  86. package/utils/string/withLeadingCharacters.js +1 -2
  87. package/utils/string/withLeadingSlash.js +1 -2
  88. package/utils/string/withTrailingCharacters.js +1 -2
  89. package/utils/string/withTrailingSlash.js +1 -2
  90. package/utils/string/withoutLeadingCharacters.js +1 -2
  91. package/utils/string/withoutLeadingCharactersRecursive.js +1 -2
  92. package/utils/string/withoutLeadingSlash.js +1 -2
  93. package/utils/string/withoutTrailingCharacters.js +1 -2
  94. package/utils/string/withoutTrailingCharactersRecursive.js +1 -2
  95. package/utils/string/withoutTrailingSlash.js +1 -2
  96. package/utils/throttle.js +1 -2
  97. package/Base/index.js.map +0 -1
  98. package/Base/managers/ChildrenManager.js.map +0 -1
  99. package/Base/managers/EventsManager.js.map +0 -1
  100. package/Base/managers/OptionsManager.js.map +0 -1
  101. package/Base/managers/RefsManager.js.map +0 -1
  102. package/Base/managers/ServicesManager.js.map +0 -1
  103. package/Base/utils.js.map +0 -1
  104. package/components/Accordion/Accordion.d.ts +0 -83
  105. package/components/Accordion/Accordion.js +0 -58
  106. package/components/Accordion/Accordion.js.map +0 -1
  107. package/components/Accordion/AccordionItem.d.ts +0 -122
  108. package/components/Accordion/AccordionItem.js +0 -244
  109. package/components/Accordion/AccordionItem.js.map +0 -1
  110. package/components/Accordion/index.d.ts +0 -27
  111. package/components/Accordion/index.js +0 -19
  112. package/components/Accordion/index.js.map +0 -1
  113. package/components/Cursor.d.ts +0 -138
  114. package/components/Cursor.js +0 -136
  115. package/components/Cursor.js.map +0 -1
  116. package/components/Draggable.d.ts +0 -49
  117. package/components/Draggable.js +0 -43
  118. package/components/Draggable.js.map +0 -1
  119. package/components/Modal.d.ts +0 -158
  120. package/components/Modal.js +0 -186
  121. package/components/Modal.js.map +0 -1
  122. package/components/Tabs.d.ts +0 -108
  123. package/components/Tabs.js +0 -120
  124. package/components/Tabs.js.map +0 -1
  125. package/components/index.d.ts +0 -6
  126. package/components/index.js +0 -7
  127. package/components/index.js.map +0 -1
  128. package/decorators/index.js.map +0 -1
  129. package/decorators/withBreakpointManager.js.map +0 -1
  130. package/decorators/withBreakpointObserver.js.map +0 -1
  131. package/decorators/withDrag.js.map +0 -1
  132. package/decorators/withExtraConfig.js.map +0 -1
  133. package/decorators/withIntersectionObserver.js.map +0 -1
  134. package/decorators/withMountWhenInView.js.map +0 -1
  135. package/helpers/createApp.js.map +0 -1
  136. package/helpers/importOnInteraction.js.map +0 -1
  137. package/helpers/importWhenIdle.js.map +0 -1
  138. package/helpers/importWhenVisible.js.map +0 -1
  139. package/helpers/index.js.map +0 -1
  140. package/helpers/utils.js.map +0 -1
  141. package/index.js.map +0 -1
  142. package/index.modern.js.map +0 -1
  143. package/index.umd.js.map +0 -1
  144. package/services/Service.js.map +0 -1
  145. package/services/drag.js.map +0 -1
  146. package/services/index.js.map +0 -1
  147. package/services/key.js.map +0 -1
  148. package/services/load.js.map +0 -1
  149. package/services/pointer.js.map +0 -1
  150. package/services/raf.js.map +0 -1
  151. package/services/resize.js.map +0 -1
  152. package/services/scroll.js.map +0 -1
  153. package/utils/collide/boundingRectToCircle.js.map +0 -1
  154. package/utils/collide/collideCircleCircle.js.map +0 -1
  155. package/utils/collide/collideCircleRect.js.map +0 -1
  156. package/utils/collide/collidePointCircle.js.map +0 -1
  157. package/utils/collide/collidePointRect.js.map +0 -1
  158. package/utils/collide/collideRectRect.js.map +0 -1
  159. package/utils/collide/index.js.map +0 -1
  160. package/utils/css/classes.js.map +0 -1
  161. package/utils/css/index.js.map +0 -1
  162. package/utils/css/matrix.js.map +0 -1
  163. package/utils/css/styles.js.map +0 -1
  164. package/utils/css/transition.js.map +0 -1
  165. package/utils/debounce.js.map +0 -1
  166. package/utils/focusTrap.js.map +0 -1
  167. package/utils/history.js.map +0 -1
  168. package/utils/index.js.map +0 -1
  169. package/utils/keyCodes.js.map +0 -1
  170. package/utils/math/clamp.js.map +0 -1
  171. package/utils/math/clamp01.js.map +0 -1
  172. package/utils/math/damp.js.map +0 -1
  173. package/utils/math/index.js.map +0 -1
  174. package/utils/math/inertiaFinalValue.js.map +0 -1
  175. package/utils/math/lerp.js.map +0 -1
  176. package/utils/math/map.js.map +0 -1
  177. package/utils/math/round.js.map +0 -1
  178. package/utils/nextFrame.js.map +0 -1
  179. package/utils/object/autoBind.js.map +0 -1
  180. package/utils/object/getAllProperties.js.map +0 -1
  181. package/utils/object/index.js.map +0 -1
  182. package/utils/object/isObject.js.map +0 -1
  183. package/utils/string/index.js.map +0 -1
  184. package/utils/string/withLeadingCharacters.js.map +0 -1
  185. package/utils/string/withLeadingSlash.js.map +0 -1
  186. package/utils/string/withTrailingCharacters.js.map +0 -1
  187. package/utils/string/withTrailingSlash.js.map +0 -1
  188. package/utils/string/withoutLeadingCharacters.js.map +0 -1
  189. package/utils/string/withoutLeadingCharactersRecursive.js.map +0 -1
  190. package/utils/string/withoutLeadingSlash.js.map +0 -1
  191. package/utils/string/withoutTrailingCharacters.js.map +0 -1
  192. package/utils/string/withoutTrailingCharactersRecursive.js.map +0 -1
  193. package/utils/string/withoutTrailingSlash.js.map +0 -1
  194. package/utils/throttle.js.map +0 -1
@@ -1,5 +1,4 @@
1
1
  import clamp from './clamp.js';
2
2
  export default function clamp01(value) {
3
3
  return clamp(value, 0, 1);
4
- }
5
- //# sourceMappingURL=clamp01.js.map
4
+ }
@@ -1,5 +1,4 @@
1
1
  export default function damp(targetValue, currentValue) {
2
2
  var factor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;
3
3
  return Math.abs(targetValue - currentValue) < 0.001 ? targetValue : currentValue + (targetValue - currentValue) * factor;
4
- }
5
- //# sourceMappingURL=damp.js.map
4
+ }
@@ -4,5 +4,4 @@ import damp from './damp.js';
4
4
  import lerp from './lerp.js';
5
5
  import map from './map.js';
6
6
  import round from './round.js';
7
- export { clamp, clamp01, damp, lerp, map, round };
8
- //# sourceMappingURL=index.js.map
7
+ export { clamp, clamp01, damp, lerp, map, round };
@@ -14,5 +14,4 @@ export default function inertiaFinalValue(initialValue, initialDelta) {
14
14
  }
15
15
 
16
16
  return finalValue;
17
- }
18
- //# sourceMappingURL=inertiaFinalValue.js.map
17
+ }
@@ -1,4 +1,3 @@
1
1
  export default function lerp(min, max, ratio) {
2
2
  return (1 - ratio) * min + ratio * max;
3
- }
4
- //# sourceMappingURL=lerp.js.map
3
+ }
package/utils/math/map.js CHANGED
@@ -1,4 +1,3 @@
1
1
  export default function map(value, inputMin, inputMax, outputMin, outputMax) {
2
2
  return (value - inputMin) * (outputMax - outputMin) / (inputMax - inputMin) + outputMin;
3
- }
4
- //# sourceMappingURL=map.js.map
3
+ }
@@ -1,5 +1,4 @@
1
1
  export default function round(value) {
2
2
  var decimals = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
3
3
  return Number(value.toFixed(decimals));
4
- }
5
- //# sourceMappingURL=round.js.map
4
+ }
@@ -0,0 +1,30 @@
1
+ /**
2
+ * @typedef {Object} MemorizeCache
3
+ * @property {(key:any) => boolean} has
4
+ * @property {(key:any, value:any) => MemorizeCache} set
5
+ * @property {(key:any) => any} get
6
+ */
7
+ /**
8
+ * @typedef {Object} MemorizeOptions
9
+ * @property {number} [maxAge]
10
+ * @property {(...args:any) => any} [cacheKey]
11
+ * @property {MemorizeCache} [cache]
12
+ */
13
+ /**
14
+ * Memorize the output of a function.
15
+ * @template {(...args:any) => any} T
16
+ * @param {T} fn
17
+ * @param {MemorizeOptions} options
18
+ * @return {(...args:Parameters<T>) => ReturnType<T>}
19
+ */
20
+ export default function memoize<T extends (...args: any) => any>(fn: T, { maxAge, cacheKey, cache }?: MemorizeOptions): (...args: Parameters<T>) => ReturnType<T>;
21
+ export type MemorizeCache = {
22
+ has: (key: any) => boolean;
23
+ set: (key: any, value: any) => MemorizeCache;
24
+ get: (key: any) => any;
25
+ };
26
+ export type MemorizeOptions = {
27
+ maxAge?: number;
28
+ cacheKey?: (...args: any) => any;
29
+ cache?: MemorizeCache;
30
+ };
@@ -0,0 +1,30 @@
1
+ export default function memoize(fn) {
2
+ var {
3
+ maxAge = Number.POSITIVE_INFINITY,
4
+ cacheKey = JSON.stringify,
5
+ cache = new Map()
6
+ } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
7
+ return function memoized() {
8
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
9
+ args[_key] = arguments[_key];
10
+ }
11
+
12
+ var key = cacheKey(args);
13
+ var date = Date.now();
14
+
15
+ if (cache.has(key)) {
16
+ var cached = cache.get(key);
17
+
18
+ if (date - cached.date < maxAge) {
19
+ return cached.data;
20
+ }
21
+ }
22
+
23
+ var data = fn(...args);
24
+ cache.set(key, {
25
+ data,
26
+ date: Date.now()
27
+ });
28
+ return data;
29
+ };
30
+ }
@@ -10,5 +10,4 @@ export default function nextFrame() {
10
10
  return new Promise(resolve => {
11
11
  raf(() => raf(() => resolve(fn())));
12
12
  });
13
- }
14
- //# sourceMappingURL=nextFrame.js.map
13
+ }
@@ -31,5 +31,4 @@ export default function autoBind(instance, options) {
31
31
  }
32
32
  });
33
33
  return instance;
34
- }
35
- //# sourceMappingURL=autoBind.js.map
34
+ }
@@ -15,5 +15,4 @@ export default function getAllProperties(object) {
15
15
 
16
16
  foundProps = foundProps.map(name => [name, proto]).reduce((acc, val) => [...acc, val], props);
17
17
  return getAllProperties(proto, foundProps, testFn);
18
- }
19
- //# sourceMappingURL=getAllProperties.js.map
18
+ }
@@ -1,5 +1,4 @@
1
1
  import autoBind from './autoBind.js';
2
2
  import getAllProperties from './getAllProperties.js';
3
3
  import isObject from './isObject.js';
4
- export { autoBind, getAllProperties, isObject };
5
- //# sourceMappingURL=index.js.map
4
+ export { autoBind, getAllProperties, isObject };
@@ -1,4 +1,3 @@
1
1
  export default function isObject(value) {
2
2
  return typeof value === 'object' && !!value && value.toString() === '[object Object]';
3
- }
4
- //# sourceMappingURL=isObject.js.map
3
+ }
@@ -8,5 +8,4 @@ import withoutTrailingCharactersRecursive from './withoutTrailingCharactersRecur
8
8
  import withoutTrailingSlash from './withoutTrailingSlash.js';
9
9
  import withTrailingCharacters from './withTrailingCharacters.js';
10
10
  import withTrailingSlash from './withTrailingSlash.js';
11
- export { withLeadingCharacters, withLeadingSlash, withoutLeadingCharacters, withoutLeadingCharactersRecursive, withoutLeadingSlash, withoutTrailingCharacters, withoutTrailingCharactersRecursive, withoutTrailingSlash, withTrailingCharacters, withTrailingSlash };
12
- //# sourceMappingURL=index.js.map
11
+ export { withLeadingCharacters, withLeadingSlash, withoutLeadingCharacters, withoutLeadingCharactersRecursive, withoutLeadingSlash, withoutTrailingCharacters, withoutTrailingCharactersRecursive, withoutTrailingSlash, withTrailingCharacters, withTrailingSlash };
@@ -1,5 +1,4 @@
1
1
  import withoutLeadingCharacters from './withoutLeadingCharacters.js';
2
2
  export default function withLeadingCharacters(string, characters) {
3
3
  return "".concat(characters).concat(withoutLeadingCharacters(string, characters));
4
- }
5
- //# sourceMappingURL=withLeadingCharacters.js.map
4
+ }
@@ -1,5 +1,4 @@
1
1
  import withLeadingCharacters from './withLeadingCharacters.js';
2
2
  export default function withLeadingSlash(string) {
3
3
  return withLeadingCharacters(string, '/');
4
- }
5
- //# sourceMappingURL=withLeadingSlash.js.map
4
+ }
@@ -1,5 +1,4 @@
1
1
  import withoutTrailingCharacters from './withoutTrailingCharacters.js';
2
2
  export default function withTrailingCharacters(string, characters) {
3
3
  return "".concat(withoutTrailingCharacters(string, characters)).concat(characters);
4
- }
5
- //# sourceMappingURL=withTrailingCharacters.js.map
4
+ }
@@ -1,5 +1,4 @@
1
1
  import withTrailingCharacters from './withTrailingCharacters.js';
2
2
  export default function withTrailingSlash(string) {
3
3
  return withTrailingCharacters(string, '/');
4
- }
5
- //# sourceMappingURL=withTrailingSlash.js.map
4
+ }
@@ -1,4 +1,3 @@
1
1
  export default function withoutLeadingCharacters(string, characters) {
2
2
  return string.replace(new RegExp("^".concat(characters)), '');
3
- }
4
- //# sourceMappingURL=withoutLeadingCharacters.js.map
3
+ }
@@ -8,5 +8,4 @@ export default function withoutLeadingCharactersRecursive(string, characters) {
8
8
  }
9
9
 
10
10
  return str;
11
- }
12
- //# sourceMappingURL=withoutLeadingCharactersRecursive.js.map
11
+ }
@@ -1,5 +1,4 @@
1
1
  import withoutLeadingCharacters from './withoutLeadingCharacters.js';
2
2
  export default function withoutLeadingSlash(string) {
3
3
  return withoutLeadingCharacters(string, '/');
4
- }
5
- //# sourceMappingURL=withoutLeadingSlash.js.map
4
+ }
@@ -1,4 +1,3 @@
1
1
  export default function withoutTrailingCharacters(string, characters) {
2
2
  return string.replace(new RegExp("".concat(characters, "$")), '');
3
- }
4
- //# sourceMappingURL=withoutTrailingCharacters.js.map
3
+ }
@@ -8,5 +8,4 @@ export default function withoutTrailingCharactersRecursive(string, characters) {
8
8
  }
9
9
 
10
10
  return str;
11
- }
12
- //# sourceMappingURL=withoutTrailingCharactersRecursive.js.map
11
+ }
@@ -1,5 +1,4 @@
1
1
  import withoutTrailingCharacters from './withoutTrailingCharacters.js';
2
2
  export default function withoutTrailingSlash(string) {
3
3
  return withoutTrailingCharacters(string, '/');
4
- }
5
- //# sourceMappingURL=withoutTrailingSlash.js.map
4
+ }
package/utils/throttle.js CHANGED
@@ -11,5 +11,4 @@ export default function throttle(fn) {
11
11
  lastCall = now;
12
12
  return fn(...arguments);
13
13
  };
14
- }
15
- //# sourceMappingURL=throttle.js.map
14
+ }
package/Base/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../packages/js-toolkit/Base/index.js"],"names":["autoBind","callMethod","getComponentElements","ChildrenManager","RefsManager","ServicesManager","EventsManager","OptionsManager","id","noop","Base","__excludeFromAutoBind","__config","proto","Object","getPrototypeOf","config","constructor","$isBase","options","$services","services","__services","$emit","$refs","refs","__refs","$options","__options","$children","__debug","$el","components","children","__children","$log","log","window","console","bind","name","debug","__DEV__","$id","element","Error","defineProperty","get","configurable","__events","exclude","$mount","registerAll","bindRootElement","enableAll","mountAll","$isMounted","$update","unregisterAll","disableAll","updateAll","$destroy","unbindRootElement","destroyAll","$terminate","value","writable","$factory","nameOrSelector","map","el","$on","event","listener","addEventListener","$off","removeEventListener","args","dispatchEvent","CustomEvent","detail"],"mappings":"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","sourcesContent":["import autoBind from '../utils/object/autoBind.js';\nimport { callMethod, getComponentElements } from './utils.js';\nimport ChildrenManager from './managers/ChildrenManager.js';\nimport RefsManager from './managers/RefsManager.js';\nimport ServicesManager from './managers/ServicesManager.js';\nimport EventsManager from './managers/EventsManager.js';\nimport OptionsManager from './managers/OptionsManager.js';\n\nlet id = 0;\n\nconst noop = function noop() {};\n\n/**\n * @typedef {typeof Base} BaseComponent\n * @typedef {(Base) => Promise<BaseComponent | { default: BaseComponent }>} BaseAsyncComponent\n * @typedef {OptionsManager & { [name:string]: any }} BaseOptions\n * @typedef {{ [name:string]: HTMLElement | HTMLElement[] }} BaseRefs\n * @typedef {{ [nameOrSelector:string]: Base[] | Promise<Base>[] }} BaseChildren\n * @typedef {{ [nameOrSelector:string]: BaseComponent | BaseAsyncComponent }} BaseConfigComponents\n * @typedef {import('./managers/OptionsManager').OptionsSchema} BaseConfigOptions\n * @typedef {import('./managers/ServicesManager.js').ServiceName} ServiceName\n */\n\n/**\n * @typedef {Object} BaseConfig\n * @property {String} name\n * @property {Boolean} [debug]\n * @property {Boolean} [log]\n * @property {String[]} [refs]\n * @property {BaseConfigComponents} [components]\n * @property {BaseConfigOptions} [options]\n */\n\n/**\n * Base class to easily create components.\n *\n * @example\n * ```js\n * class Component extends Base {\n * static config = {\n * name: 'Component',\n * log: true,\n * };\n *\n * mounted() {\n * this.$log('Component is mounted!');\n * }\n * }\n *\n * class App extends Base {\n * static config = {\n * name: 'App',\n * components: {\n * Component,\n * },\n * };\n * }\n *\n * new App(document.body).$mount();\n * ```\n */\nexport default class Base {\n /**\n * The instance parent.\n * @type {Base}\n */\n $parent = null;\n\n /**\n * The instance id.\n * @type {string}\n */\n $id;\n\n /**\n * The root element.\n * @type {HTMLElement}\n */\n $el;\n\n /**\n * The state of the component.\n * @type {Boolean}\n */\n $isMounted = false;\n\n /**\n * This is a Base instance.\n * @type {Boolean}\n */\n static $isBase = true;\n\n /**\n * Get properties to exclude from the autobind call.\n * @return {Array<String|RegExp>}\n */\n get __excludeFromAutoBind() {\n return [\n '$mount',\n '$update',\n '$destroy',\n '$terminate',\n '$log',\n '$on',\n '$once',\n '$off',\n '$emit',\n 'mounted',\n 'loaded',\n 'ticked',\n 'resized',\n 'moved',\n 'keyed',\n 'scrolled',\n 'destroyed',\n 'terminated',\n ];\n }\n\n /**\n * Merge configuration with the parents' configurations.\n *\n * @return {BaseConfig}\n * @private\n */\n get __config() {\n let proto = Object.getPrototypeOf(this);\n let { config } = proto.constructor;\n\n while (proto.constructor.config && proto.constructor.$isBase) {\n config = {\n ...proto.constructor.config,\n ...config,\n };\n\n if (proto.constructor.config.options) {\n config.options = {\n ...proto.constructor.config.options,\n ...config.options,\n };\n }\n\n proto = Object.getPrototypeOf(proto);\n }\n\n return config;\n }\n\n /**\n * @type {BaseConfig}\n */\n static config;\n\n /**\n * @type {ServicesManager}\n */\n __services;\n\n /**\n * The instance services.\n * @type {ServicesManager}\n */\n get $services() {\n const services = this.__services;\n this.$emit('get:services', services);\n return services;\n }\n\n /**\n * @type {RefsManager}\n */\n __refs;\n\n /**\n * @return {RefsManager}\n */\n get $refs() {\n const refs = this.__refs;\n this.$emit('get:refs', refs);\n return refs;\n }\n\n /**\n * @type {BaseOptions}\n */\n __options;\n\n /**\n * @return {BaseOptions}\n */\n get $options() {\n const options = this.__options;\n this.$emit('get:options', options);\n return options;\n }\n\n /**\n * @type {ChildrenManager}\n */\n __children;\n\n /**\n * @return {ChildrenManager}\n */\n get $children() {\n this.__debug('before:getChildren', this.$el, this.__config.components);\n\n const children = this.__children;\n this.$emit('get:children', children);\n\n this.__debug(this, 'after:getChildren', children);\n\n return children;\n }\n\n /**\n * @type {EventsManager}\n */\n __events;\n\n /**\n * Small helper to log stuff.\n *\n * @return {(...args: any) => void}\n */\n get $log() {\n return this.__options.log ? window.console.log.bind(window, `[${this.__config.name}]`) : noop;\n }\n\n /**\n * Small helper to debug information.\n *\n * @return {(...args:any) => void}\n */\n get __debug() {\n return this.__options.debug && typeof window.__DEV__ !== 'undefined' && window.__DEV__\n ? window.console.log.bind(window, `[debug] [${this.$id}]`)\n : noop;\n }\n\n /**\n * Class constructor where all the magic takes place.\n *\n * @param {HTMLElement} element The component's root element dd.\n */\n constructor(element) {\n if (!element) {\n throw new Error('The root element must be defined.');\n }\n\n const { __config } = this;\n\n if (!__config) {\n throw new Error('The `config` static property must be defined.');\n }\n\n if (!__config.name) {\n throw new Error('The `config.name` property is required.');\n }\n\n this.$id = `${__config.name}-${id}`;\n id += 1;\n\n this.$el = element;\n\n if (!('__base__' in this.$el)) {\n Object.defineProperty(this.$el, '__base__', {\n get: () => this,\n configurable: true,\n });\n }\n\n this.__options = new OptionsManager(element, __config.options || {}, __config);\n this.__services = new ServicesManager(this);\n this.__events = new EventsManager(element, this);\n this.__children = new ChildrenManager(this, element, __config.components || {}, this.__events);\n this.__refs = new RefsManager(this, element, __config.refs || [], this.__events);\n\n // Autobind all methods to the instance\n // @todo Maybe remove for performance reason? This pattern can use a lot of memory when creating\n // a large number of instances.\n autoBind(this, {\n exclude: [...this.__excludeFromAutoBind],\n });\n\n this.__debug('constructor', this);\n\n return this;\n }\n\n /**\n * Trigger the `mounted` callback.\n */\n $mount() {\n this.__debug('$mount');\n\n this.$children.registerAll();\n this.$refs.registerAll();\n this.__events.bindRootElement();\n this.$services.enableAll();\n this.$children.mountAll();\n\n callMethod(this, 'mounted');\n this.$isMounted = true;\n return this;\n }\n\n /**\n * Update the instance children.\n */\n $update() {\n this.__debug('$update');\n\n // Undo\n this.$refs.unregisterAll();\n this.$services.disableAll();\n\n // Redo\n this.$children.registerAll();\n this.$refs.registerAll();\n this.$services.enableAll();\n\n // Update\n this.$children.updateAll();\n\n callMethod(this, 'updated');\n return this;\n }\n\n /**\n * Trigger the `destroyed` callback.\n */\n $destroy() {\n this.__debug('$destroy');\n\n this.__events.unbindRootElement();\n this.$refs.unregisterAll();\n this.$services.disableAll();\n this.$children.destroyAll();\n callMethod(this, 'destroyed');\n this.$isMounted = false;\n return this;\n }\n\n /**\n * Terminate a child instance when it is not needed anymore.\n * @return {void}\n */\n $terminate() {\n this.__debug('$terminate');\n\n // First, destroy the component.\n this.$destroy();\n\n // Execute the `terminated` hook if it exists\n callMethod(this, 'terminated');\n\n // Delete the reference to the instance\n // delete this.$el.__base__;\n\n // And update its status to prevent re-instantiation when accessing the\n // parent's `$children` property\n Object.defineProperty(this.$el, '__base__', {\n value: 'terminated',\n configurable: false,\n writable: false,\n });\n }\n\n /**\n * Factory method to generate multiple instance of the class.\n *\n * @param {String} nameOrSelector The selector on which to mount each instance.\n * @return {Array<Base>} A list of the created instance.\n */\n static $factory(nameOrSelector) {\n if (!nameOrSelector) {\n throw new Error(\n 'The $factory method requires a component’s name or selector to be specified.'\n );\n }\n\n return getComponentElements(nameOrSelector).map((el) => new this(el).$mount());\n }\n\n /**\n * Bind a listener function to an event.\n *\n * @param {string} event\n * Name of the event.\n * @param {EventListenerOrEventListenerObject} listener\n * Function to be called.\n * @param {boolean|AddEventListenerOptions} [options]\n * Options for the `removeEventListener` method.\n * @return {() => void}\n * A function to unbind the listener.\n */\n $on(event, listener, options) {\n this.__debug('$on', event, listener, options);\n\n this.$el.addEventListener(event, listener, options);\n\n return () => {\n this.$off(event, listener, options);\n };\n }\n\n /**\n * Unbind a listener function from an event.\n *\n * @param {string} event\n * Name of the event.\n * @param {EventListenerOrEventListenerObject} listener\n * Function to be removed.\n * @param {boolean|EventListenerOptions} [options]\n * Options for the `removeEventListener` method.\n *\n * @return {void}\n */\n $off(event, listener, options) {\n this.__debug('$off', event, listener);\n\n this.$el.removeEventListener(event, listener, options);\n }\n\n /**\n * Emits an event.\n *\n * @param {string} event\n * Name of the event.\n * @param {any[]} args The arguments to apply to the functions bound to this event.\n * @return {void}\n */\n $emit(event, ...args) {\n this.__debug('$emit', event, args);\n\n this.$el.dispatchEvent(\n new CustomEvent(event, {\n detail: args,\n })\n );\n }\n}\n"],"file":"index.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../packages/js-toolkit/Base/managers/ChildrenManager.js"],"names":["getComponentElements","ChildrenManager","registeredNames","Object","keys","filter","key","startsWith","constructor","base","element","components","eventsManager","__base","__element","__components","__eventsManager","registerAll","entries","forEach","name","component","__register","defineProperty","enumerable","configurable","get","elements","length","map","__getChild","instance","el","ComponentClass","__base__","child","then","module","default","mountAll","__triggerHookForAll","updateAll","destroyAll","hook","Promise","resolvedInstance","__triggerHook","$isMounted","unbindChild","bindChild"],"mappings":";AAAA,SAASA,oBAAT,QAAqC,aAArC;AAaA,eAAe,MAAMC,eAAN,CAAsB;AA4BhB,MAAfC,eAAe,GAAG;AACpB,WAAOC,MAAM,CAACC,IAAP,CAAY,IAAZ,EAAkBC,MAAlB,CAA0BC,GAAD,IAAS,CAACA,GAAG,CAACC,UAAJ,CAAe,IAAf,CAAnC,CAAP;AACD;;AAYDC,EAAAA,WAAW,CAACC,IAAD,EAAOC,OAAP,EAAgBC,UAAhB,EAA4BC,aAA5B,EAA2C;AAAA;;AAAA;;AAAA;;AAAA;;AACpD,SAAKC,MAAL,GAAcJ,IAAd;AACA,SAAKK,SAAL,GAAiBJ,OAAjB;AACA,SAAKK,YAAL,GAAoBJ,UAApB;AACA,SAAKK,eAAL,GAAuBJ,aAAvB;AACD;;AAKDK,EAAAA,WAAW,GAAG;AACZd,IAAAA,MAAM,CAACe,OAAP,CAAe,KAAKH,YAApB,EAAkCI,OAAlC,CAA0C;AAAA,UAAC,CAACC,IAAD,EAAOC,SAAP,CAAD;AAAA,aACxC,KAAKC,UAAL,CAAgBF,IAAhB,EAAsBC,SAAtB,CADwC;AAAA,KAA1C;AAGD;;AAWDC,EAAAA,UAAU,CAACF,IAAD,EAAOC,SAAP,EAAkB;AAC1BlB,IAAAA,MAAM,CAACoB,cAAP,CAAsB,IAAtB,EAA4BH,IAA5B,EAAkC;AAChCI,MAAAA,UAAU,EAAE,IADoB;AAEhCC,MAAAA,YAAY,EAAE,IAFkB;AAGhCC,MAAAA,GAAG,EAAE,MAAM;AACT,YAAMC,QAAQ,GAAG3B,oBAAoB,CAACoB,IAAD,EAAO,KAAKN,SAAZ,CAArC;;AAEA,YAAIa,QAAQ,CAACC,MAAT,KAAoB,CAAxB,EAA2B;AACzB,iBAAO,EAAP;AACD;;AAED,eAAOD,QAAQ,CACZE,GADI,CACCnB,OAAD,IAAa,KAAKoB,UAAL,CAAgBpB,OAAhB,EAAyBW,SAAzB,EAAoCD,IAApC,CADb,EAEJf,MAFI,CAEI0B,QAAD,IAAcA,QAAQ,KAAK,YAF9B,CAAP;AAGD;AAb+B,KAAlC;AAeD;;AAeDD,EAAAA,UAAU,CAACE,EAAD,EAAKC,cAAL,EAAqBb,IAArB,EAA2B;AAEnC,QAAIY,EAAE,CAACE,QAAP,EAAiB;AACf,aAAOF,EAAE,CAACE,QAAV;AACD;;AAGD,QAAI,aAAaD,cAAjB,EAAiC;AAC/B,UAAME,KAAK,GAAG,IAAIF,cAAJ,CAAmBD,EAAnB,CAAd;AACA7B,MAAAA,MAAM,CAACoB,cAAP,CAAsBY,KAAtB,EAA6B,SAA7B,EAAwC;AAAET,QAAAA,GAAG,EAAE,MAAM,KAAKb;AAAlB,OAAxC;AACA,aAAOsB,KAAP;AACD;;AAGD,WAAOF,cAAc,CAAC,KAAKpB,MAAN,CAAd,CAA4BuB,IAA5B,CAAkCC,MAAD,IAAY;AAAA;;AAElD,aAAO,KAAKP,UAAL,CAAgBE,EAAhB,qBAAoBK,MAAM,CAACC,OAA3B,6DAAsCD,MAAtC,EAA8CjB,IAA9C,CAAP;AACD,KAHM,CAAP;AAID;;AAKDmB,EAAAA,QAAQ,GAAG;AACT,SAAKC,mBAAL,CAAyB,QAAzB;AACD;;AAKDC,EAAAA,SAAS,GAAG;AACV,SAAKD,mBAAL,CAAyB,SAAzB;AACD;;AAKDE,EAAAA,UAAU,GAAG;AACX,SAAKF,mBAAL,CAAyB,UAAzB;AACD;;AAQDA,EAAAA,mBAAmB,CAACG,IAAD,EAAO;AACxB,SAAKzC,eAAL,CAAqBiB,OAArB,CAA8BC,IAAD,IAAU;AACrC,WAAKA,IAAL,EAAWD,OAAX,CAAoBY,QAAD,IAAc;AAC/B,YAAIA,QAAQ,YAAYa,OAAxB,EAAiC;AAC/Bb,UAAAA,QAAQ,CAACK,IAAT,CAAeS,gBAAD,IAAsB,KAAKC,aAAL,CAAmBH,IAAnB,EAAyBE,gBAAzB,EAA2CzB,IAA3C,CAApC;AACD,SAFD,MAEO;AACL,eAAK0B,aAAL,CAAmBH,IAAnB,EAAyBZ,QAAzB,EAAmCX,IAAnC;AACD;AACF,OAND;AAOD,KARD;AASD;;AAUD0B,EAAAA,aAAa,CAACH,IAAD,EAAOZ,QAAP,EAAiBX,IAAjB,EAAuB;AAClC,QAAIuB,IAAI,KAAK,SAAT,IAAsB,CAACZ,QAAQ,CAACgB,UAApC,EAAgD;AAE9CJ,MAAAA,IAAI,GAAG,QAAP;AACD;;AAED,QAAIA,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,UAAnC,EAA+C;AAC7C,WAAK3B,eAAL,CAAqBgC,WAArB,CAAiC5B,IAAjC,EAAuCW,QAAvC;AACD;;AAED,QAAIY,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,QAAnC,EAA6C;AAC3C,WAAK3B,eAAL,CAAqBiC,SAArB,CAA+B7B,IAA/B,EAAqCW,QAArC;AACD;;AAEDA,IAAAA,QAAQ,CAACY,IAAD,CAAR;AACD;;AApLkC","sourcesContent":["import { getComponentElements } from '../utils.js';\n\n/**\n * @typedef {import('../index.js').default} Base\n * @typedef {import('../index.js').BaseComponent} BaseComponent\n * @typedef {import('../index.js').BaseAsyncComponent} BaseAsyncComponent\n * @typedef {import('../index.js').BaseConfigComponents} BaseConfigComponents\n * @typedef {import('./EventsManager.js').default} EventsManager\n */\n\n/**\n * Children manager.\n */\nexport default class ChildrenManager {\n /**\n * @type {Base}\n * @private\n */\n __base;\n\n /**\n * @type {HTMLElement}\n * @private\n */\n __element;\n\n /**\n * @type {BaseConfigComponents}\n * @private\n */\n __components;\n\n /**\n * @type {EventsManager}\n * @private\n */\n __eventsManager;\n\n /**\n * @return {string[]}\n */\n get registeredNames() {\n return Object.keys(this).filter((key) => !key.startsWith('__'));\n }\n\n /**\n * Class constructor.\n * @param {Base} base\n * The component's instance.\n * @param {HTMLElement} element\n * The component's root element\n * @param {BaseConfigComponents} components\n * The children components' classes\n * @param {EventsManager} eventsManager\n */\n constructor(base, element, components, eventsManager) {\n this.__base = base;\n this.__element = element;\n this.__components = components;\n this.__eventsManager = eventsManager;\n }\n\n /**\n * Register instances of all children components.\n */\n registerAll() {\n Object.entries(this.__components).forEach(([name, component]) =>\n this.__register(name, component)\n );\n }\n\n /**\n * Register instance of a child component.\n *\n * @param {string} name\n * The name of the child component.\n * @param {BaseComponent|BaseAsyncComponent} component\n * A Base class or a Promise for async components.\n * @private\n */\n __register(name, component) {\n Object.defineProperty(this, name, {\n enumerable: true,\n configurable: true,\n get: () => {\n const elements = getComponentElements(name, this.__element);\n\n if (elements.length === 0) {\n return [];\n }\n\n return elements\n .map((element) => this.__getChild(element, component, name))\n .filter((instance) => instance !== 'terminated');\n },\n });\n }\n\n /**\n * Get a child component's instance.\n *\n * @param {HTMLElement & { __base__?: Base | 'terminated' }} el\n * The root element of the child component.\n * @param {BaseComponent|BaseAsyncComponent} ComponentClass\n * A Base class or a Promise for async components.\n * @param {string} name\n * The name of the child component.\n * @return {Base|Promise|'terminated'}\n * A Base instance or a Promise resolving to a Base instance.\n * @private\n */\n __getChild(el, ComponentClass, name) {\n // Return existing instance if it exists\n if (el.__base__) {\n return el.__base__;\n }\n\n // Return a new instance if the component class is a child of the Base class\n if ('$isBase' in ComponentClass) {\n const child = new ComponentClass(el);\n Object.defineProperty(child, '$parent', { get: () => this.__base });\n return child;\n }\n\n // Resolve async components\n return ComponentClass(this.__base).then((module) => {\n // @ts-ignore\n return this.__getChild(el, module.default ?? module, name);\n });\n }\n\n /**\n * Mount all child component instances.\n */\n mountAll() {\n this.__triggerHookForAll('$mount');\n }\n\n /**\n * Update all child component instances.\n */\n updateAll() {\n this.__triggerHookForAll('$update');\n }\n\n /**\n * Destroy all child component instances.\n */\n destroyAll() {\n this.__triggerHookForAll('$destroy');\n }\n\n /**\n * Execute the given hook for all children instances.\n *\n * @param {'$mount'|'$update'|'$destroy'} hook The hook to execute.\n * @private\n */\n __triggerHookForAll(hook) {\n this.registeredNames.forEach((name) => {\n this[name].forEach((instance) => {\n if (instance instanceof Promise) {\n instance.then((resolvedInstance) => this.__triggerHook(hook, resolvedInstance, name));\n } else {\n this.__triggerHook(hook, instance, name);\n }\n });\n });\n }\n\n /**\n * Execute the given hook for the given instance.\n *\n * @param {'$mount'|'$update'|'$destroy'} hook The hook to trigger.\n * @param {Base} instance The target instance.\n * @param {string} name The name of the component.\n * @private\n */\n __triggerHook(hook, instance, name) {\n if (hook === '$update' && !instance.$isMounted) {\n // eslint-disable-next-line no-param-reassign\n hook = '$mount';\n }\n\n if (hook === '$update' || hook === '$destroy') {\n this.__eventsManager.unbindChild(name, instance);\n }\n\n if (hook === '$update' || hook === '$mount') {\n this.__eventsManager.bindChild(name, instance);\n }\n\n instance[hook]();\n }\n}\n"],"file":"ChildrenManager.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../packages/js-toolkit/Base/managers/EventsManager.js"],"names":["getAllProperties","RefsManager","EventsManager","constructor","rootElement","base","WeakMap","handleEvent","event","normalizedEventName","normalizeName","type","method","__base","ref","currentTarget","refName","normalizeRefName","dataset","normalizedRefName","index","Array","isArray","$refs","indexOf","child","__base__","childName","childrenManager","$children","registeredNames","find","name","includes","args","detail","__rootElement","__manageRef","elements","mode","action","methods","__getEventMethodsByName","forEach","__getEventNameByMethod","element","__refsHandler","bindRef","unbindRef","__manageChild","instance","__childrenHandler","bindChild","unbindChild","__manageRootElement","modeMethod","__rootElementHandler","bindRootElement","unbindRootElement","normalizedName","regex","RegExp","match","normalizeEventName","__methodsCache","get","test","set","reduce","acc","push","replace","c","toLowerCase","trim","toUpperCase"],"mappings":"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","sourcesContent":["import getAllProperties from '../../utils/object/getAllProperties.js';\nimport RefsManager from './RefsManager.js';\n\n/**\n * @typedef {import('../index.js').default} Base\n * @typedef {import('./ChildrenManager.js').default} ChildrenManager\n */\n\n/**\n * Event management class.\n */\nexport default class EventsManager {\n /**\n * @type {HTMLElement}\n * @private\n */\n __rootElement;\n\n /**\n * @type {Base}\n * @private\n */\n __base;\n\n /**\n * @type {WeakMap}\n * @private\n */\n __methodsCache = new WeakMap();\n\n /**\n * Event listener object for the root element.\n *\n * @type {EventListenerObject}\n */\n __rootElementHandler = {\n handleEvent: (event) => {\n const normalizedEventName = EventsManager.normalizeName(event.type);\n const method = `on${normalizedEventName}`;\n\n if (typeof this.__base[method] === 'function') {\n this.__base[method](event);\n }\n },\n };\n\n /**\n * Event listener object for the refs.\n *\n * @type {EventListenerObject}\n */\n __refsHandler = {\n handleEvent: (event) => {\n const ref = /** @type {HTMLElement} */ (event.currentTarget);\n const refName = RefsManager.normalizeRefName(ref.dataset.ref);\n\n const normalizedRefName = EventsManager.normalizeName(refName);\n const normalizedEventName = EventsManager.normalizeName(event.type);\n const method = `on${normalizedRefName}${normalizedEventName}`;\n\n if (typeof this.__base[method] === 'function') {\n let index = 0;\n if (Array.isArray(this.__base.$refs[refName])) {\n index = this.__base.$refs[refName].indexOf(ref);\n }\n\n this.__base[method](event, index);\n }\n },\n };\n\n /**\n * Event listener object for the children.\n *\n * @type {EventListenerObject}\n */\n __childrenHandler = {\n /**\n * @param {CustomEvent} event\n * @return {void}\n */\n handleEvent: (event) => {\n const child = /** @type {HTMLElement & { __base__: Base }} */ (event.currentTarget).__base__;\n let childName;\n let index = 0;\n\n const childrenManager = this.__base.$children;\n\n childrenManager.registeredNames.find((name) => {\n if (childrenManager[name].includes(child)) {\n childName = name;\n index = childrenManager[name].indexOf(child);\n return true;\n }\n\n return false;\n });\n\n const normalizedRefName = EventsManager.normalizeName(childName);\n const normalizedEventName = EventsManager.normalizeName(event.type);\n const method = `on${normalizedRefName}${normalizedEventName}`;\n\n if (typeof this.__base[method] === 'function') {\n const args = event.detail ?? [];\n this.__base[method](...args, index, event);\n }\n },\n };\n\n /**\n * Class constructor.\n *\n * @param {HTMLElement} rootElement\n * @param {Base} base\n */\n constructor(rootElement, base) {\n this.__rootElement = rootElement;\n this.__base = base;\n }\n\n /**\n * Manage a ref event methods.\n *\n * @param {string} name\n * The name of the ref.\n * @param {HTMLElement[]} elements\n * The elements of the ref.\n * @param {'add'|'remove'} [mode]\n * The action to perform: add or remove the event listeners.\n *\n * @return {void}\n * @private\n */\n __manageRef(name, elements, mode = 'add') {\n const action = `${mode}EventListener`;\n const methods = this.__getEventMethodsByName(name);\n methods.forEach((method) => {\n const event = this.__getEventNameByMethod(method, name);\n elements.forEach((element) => element[action](event, this.__refsHandler));\n });\n }\n\n /**\n * Bind event methods to the given ref elements.\n *\n * @param {string} name\n * The name of the ref.\n * @param {HTMLElement[]} elements\n * The elements of the ref.\n *\n * @return {void}\n */\n bindRef(name, elements) {\n this.__manageRef(name, elements);\n }\n\n /**\n * Bind event methods to the given ref elements.\n *\n * @param {string} name\n * The name of the ref.\n * @param {HTMLElement[]} elements\n * The elements of the ref.\n *\n * @return {void}\n */\n unbindRef(name, elements) {\n this.__manageRef(name, elements, 'remove');\n }\n\n /**\n * Manage event methods to the given child instance.\n *\n * @param {string} name\n * The name of the ref.\n * @param {Base} instance\n * A base instance.\n * @param {'add'|'remove'} [mode]\n * The action to perform: add or remove the event listeners.\n *\n * @return {void}\n * @private\n */\n __manageChild(name, instance, mode = 'add') {\n const action = mode === 'add' ? '$on' : '$off';\n const methods = this.__getEventMethodsByName(name);\n methods.forEach((method) => {\n const event = this.__getEventNameByMethod(method, name);\n instance[action](event, this.__childrenHandler);\n });\n }\n\n /**\n * Bind event methods to the given child instance.\n *\n * @param {string} name\n * The name of the ref.\n * @param {Base} instance\n * A base instance.\n *\n * @return {void}\n */\n bindChild(name, instance) {\n this.__manageChild(name, instance);\n }\n\n /**\n * Unbind event methods to the given child instance.\n *\n * @param {string} name\n * The name of the ref.\n * @param {Base} instance\n * A base instance.\n *\n * @return {void}\n */\n unbindChild(name, instance) {\n this.__manageChild(name, instance, 'remove');\n }\n\n /**\n * Manage event methods on the root element.\n *\n * @param {'add'|'remove'} [mode]\n * The action to perform: add or remove the event listeners.\n *\n * @return {void}\n * @private\n */\n __manageRootElement(mode = 'add') {\n const modeMethod = `${mode}EventListener`;\n const methods = this.__getEventMethodsByName();\n methods.forEach((method) => {\n const event = this.__getEventNameByMethod(method);\n this.__rootElement[modeMethod](event, this.__rootElementHandler);\n });\n }\n\n /**\n * Bind event methods on the root element.\n *\n * @return {void}\n */\n bindRootElement() {\n this.__manageRootElement();\n }\n\n /**\n * Unbind event method from the root element.\n *\n * @return {void}\n */\n unbindRootElement() {\n this.__manageRootElement('remove');\n }\n\n /**\n * Get the event name from the given method and its tied ref or children name.\n *\n * @param {string} method\n * @param {string} name\n * @return {string}\n * @private\n */\n __getEventNameByMethod(method, name = '') {\n const normalizedName = EventsManager.normalizeName(name);\n const regex = new RegExp(`^on${normalizedName}([A-Z].*)$`);\n const [, event] = method.match(regex);\n return EventsManager.normalizeEventName(event);\n }\n\n /**\n * Get the base instance methods matching the `onSomething` pattern.\n *\n * @param {string} [name]\n * @return {string[]}\n * @private\n */\n __getEventMethodsByName(name = '') {\n const normalizedName = EventsManager.normalizeName(name);\n const regex = new RegExp(`^on${normalizedName}[A-Z].*$`);\n\n let methods = this.__methodsCache.get(regex);\n\n if (!methods) {\n methods = getAllProperties(this.__base, [], (method) => regex.test(method));\n this.__methodsCache.set(regex, methods);\n }\n\n return methods.reduce((acc, [method]) => {\n if (!acc.includes(method)) {\n acc.push(method);\n }\n return acc;\n }, []);\n }\n\n /**\n * Normalize the given name to PascalCase, such as:\n *\n * ```\n * sentence case => SentenceCase\n * lowercase => Lowercase\n * UPPERCASE => Uppercase\n * kebab-case => KebabCase\n * snake_case => SnakeCase\n * camelCase => CamelCase\n * PascalCase => PascalCase\n * .class-selector => ClassSelector\n * .bem__selector => BemSelector\n * __id-selector => IdSelector\n * .complex[class^ =\"__\"] => ComplexClass\n * ```\n *\n * @param {string} name\n * @return {string}\n */\n static normalizeName(name) {\n return name\n .replace(/[A-Z]([A-Z].*)/g, (c) => c.toLowerCase())\n .replace(/[^a-zA-Z\\d\\s:]/g, ' ')\n .replace(/(^\\w|\\s+\\w)/g, (c) => c.trim().toUpperCase())\n .trim();\n }\n\n /**\n * Normalize the event names from PascalCase to kebab-case.\n *\n * @param {string} name\n * @return {string}\n */\n static normalizeEventName(name) {\n return name.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`).replace(/^-/, '');\n }\n}\n"],"file":"EventsManager.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../packages/js-toolkit/Base/managers/OptionsManager.js"],"names":["deepmerge","isObject","OptionsManager","constructor","element","schema","baseConfig","String","Number","Boolean","Array","Object","__element","name","debug","type","default","log","entries","forEach","config","__register","hasDefaultValue","types","includes","Error","defaultValue","__defaultValues","defineProperty","get","set","value","enumerable","propertyName","__getPropertyName","hasProperty","__hasProperty","negatedPropertyName","hasNegatedProperty","dataset","val","JSON","parse","__values","isArray","stringify","TypeError","prop","prefix","key","__propertyNameCache","has","replace","c","toUpperCase","__isPrimitive","Map"],"mappings":";AAAA,OAAOA,SAAP,MAAsB,WAAtB;AACA,OAAOC,QAAP,MAAqB,gCAArB;AAeA,eAAe,MAAMC,cAAN,CAAqB;AA4DlCC,EAAAA,WAAW,CAACC,OAAD,EAAUC,MAAV,EAAkBC,UAAlB,EAA8B;AAAA;;AAAA;;AAAA,sCA/C9B,EA+C8B;;AAAA,6CAjCvB;AAChBC,MAAAA,MAAM,EAAE,EADQ;AAEhBC,MAAAA,MAAM,EAAE,CAFQ;AAGhBC,MAAAA,OAAO,EAAE,KAHO;AAIhBC,MAAAA,KAAK,EAAE,MAAM,EAJG;AAKhBC,MAAAA,MAAM,EAAE,OAAO,EAAP;AALQ,KAiCuB;;AAAA,kCArBlC,MAqBkC;;AAAA,mCAfjC,KAeiC;;AAAA,iCATnC,KASmC;;AACvC,SAAKC,SAAL,GAAiBR,OAAjB;AACA,SAAKS,IAAL,GAAYP,UAAU,CAACO,IAAvB;AAEAR,IAAAA,MAAM,CAACS,KAAP,GAAe;AACbC,MAAAA,IAAI,EAAEN,OADO;AAEbO,MAAAA,OAAO,uBAAEV,UAAU,CAACQ,KAAb,iEAAsB;AAFhB,KAAf;AAKAT,IAAAA,MAAM,CAACY,GAAP,GAAa;AACXF,MAAAA,IAAI,EAAEN,OADK;AAEXO,MAAAA,OAAO,qBAAEV,UAAU,CAACW,GAAb,6DAAoB;AAFhB,KAAb;AAKAN,IAAAA,MAAM,CAACO,OAAP,CAAeb,MAAf,EAAuBc,OAAvB,CAA+B,QAAoB;AAAA,UAAnB,CAACN,IAAD,EAAOO,MAAP,CAAmB;;AACjD,WAAKC,UAAL,CAAgBR,IAAhB,EAAsBO,MAAtB;AACD,KAFD;AAIA,WAAO,IAAP;AACD;;AAUDC,EAAAA,UAAU,CAACR,IAAD,EAAOO,MAAP,EAAe;AACvB,QAAME,eAAe,GAAG,CAACpB,cAAc,CAACqB,KAAf,CAAqBC,QAArB,CAA8BJ,MAA9B,CAAzB;AACA,QAAML,IAAI,GAAGO,eAAe,GACUF,MAAD,CAASL,IADlB,GAEGK,MAF/B;;AAIA,QAAI,CAAClB,cAAc,CAACqB,KAAf,CAAqBC,QAArB,CAA8BT,IAA9B,CAAL,EAA0C;AACxC,YAAM,IAAIU,KAAJ,iBACIZ,IADJ,sGAAN;AAGD;;AAGD,QAAMa,YAAY,GAAGJ,eAAe,GAAGF,MAAM,CAACJ,OAAV,GAAoB,KAAKW,eAAL,CAAqBZ,IAAI,CAACF,IAA1B,CAAxD;;AAEA,QAAI,CAACE,IAAI,KAAKL,KAAT,IAAkBK,IAAI,KAAKJ,MAA5B,KAAuC,OAAOe,YAAP,KAAwB,UAAnE,EAA+E;AAC7E,YAAM,IAAID,KAAJ,mDACsCV,IAAI,CAACF,IAD3C,wCAAN;AAGD;;AAEDF,IAAAA,MAAM,CAACiB,cAAP,CAAsB,IAAtB,EAA4Bf,IAA5B,EAAkC;AAChCgB,MAAAA,GAAG,EAAE,MAAM;AACT,eAAO,KAAKA,GAAL,CAAShB,IAAT,EAAeE,IAAf,EAAqBW,YAArB,CAAP;AACD,OAH+B;AAIhCI,MAAAA,GAAG,EAAGC,KAAD,IAAW;AACd,aAAKD,GAAL,CAASjB,IAAT,EAAeE,IAAf,EAAqBgB,KAArB,EAA4BL,YAA5B;AACD,OAN+B;AAOhCM,MAAAA,UAAU,EAAE;AAPoB,KAAlC;AASD;;AASDH,EAAAA,GAAG,CAAChB,IAAD,EAAOE,IAAP,EAAaW,YAAb,EAA2B;AAC5B,QAAMO,YAAY,GAAG/B,cAAc,CAACgC,iBAAf,CAAiCrB,IAAjC,CAArB;;AACA,QAAMsB,WAAW,GAAG,KAAKC,aAAL,CAAmBH,YAAnB,CAApB;;AAEA,QAAIlB,IAAI,KAAKN,OAAb,EAAsB;AACpB,UAAIiB,YAAJ,EAAkB;AAChB,YAAMW,mBAAmB,GAAGnC,cAAc,CAACgC,iBAAf,CAAiCrB,IAAjC,EAAuC,IAAvC,CAA5B;;AACA,YAAMyB,kBAAkB,GAAG,KAAKF,aAAL,CAAmBC,mBAAnB,CAA3B;;AAEA,eAAO,CAACC,kBAAR;AACD;;AAED,aAAOH,WAAW,IAAIT,YAAtB;AACD;;AAED,QAAMK,KAAK,GAAG,KAAKnB,SAAL,CAAe2B,OAAf,CAAuBN,YAAvB,CAAd;;AAEA,QAAIlB,IAAI,KAAKP,MAAb,EAAqB;AACnB,aAAO2B,WAAW,GAAG3B,MAAM,CAACuB,KAAD,CAAT,GAAmBL,YAArC;AACD;;AAED,QAAIX,IAAI,KAAKL,KAAT,IAAkBK,IAAI,KAAKJ,MAA/B,EAAuC;AACrC,UAAM6B,GAAG,GAAGxC,SAAS,CACnB0B,YAAY,EADO,EAEnBS,WAAW,GAAGM,IAAI,CAACC,KAAL,CAAWX,KAAX,CAAH,GAAuB,KAAKJ,eAAL,CAAqBZ,IAAI,CAACF,IAA1B,GAFf,CAArB;;AAKA,UAAI,CAAC,KAAK8B,QAAL,CAAc9B,IAAd,CAAL,EAA0B;AACxB,aAAK8B,QAAL,CAAc9B,IAAd,IAAsB2B,GAAtB;AACD;;AAED,aAAO,KAAKG,QAAL,CAAc9B,IAAd,CAAP;AACD;;AAED,WAAOsB,WAAW,GAAGJ,KAAH,GAAWL,YAA7B;AACD;;AASDI,EAAAA,GAAG,CAACjB,IAAD,EAAOE,IAAP,EAAagB,KAAb,EAAoBL,YAApB,EAAkC;AACnC,QAAMO,YAAY,GAAG/B,cAAc,CAACgC,iBAAf,CAAiCrB,IAAjC,CAArB;;AAEA,QAAIkB,KAAK,CAAC5B,WAAN,CAAkBU,IAAlB,KAA2BE,IAAI,CAACF,IAApC,EAA0C;AACxC,UAAM2B,GAAG,GAAG9B,KAAK,CAACkC,OAAN,CAAcb,KAAd,KAAwB9B,QAAQ,CAAC8B,KAAD,CAAhC,GAA0CU,IAAI,CAACI,SAAL,CAAed,KAAf,CAA1C,GAAkEA,KAA9E;AACA,YAAM,IAAIe,SAAJ,iBACIN,GADJ,gCAC2B3B,IAD3B,yCAC4DE,IAAI,CAACF,IADjE,QAAN;AAGD;;AAED,YAAQE,IAAR;AACE,WAAKN,OAAL;AACE,YAAIiB,YAAJ,EAAkB;AAChB,cAAMW,mBAAmB,GAAGnC,cAAc,CAACgC,iBAAf,CAAiCrB,IAAjC,EAAuC,IAAvC,CAA5B;;AAEA,cAAIkB,KAAJ,EAAW;AACT,mBAAO,KAAKnB,SAAL,CAAe2B,OAAf,CAAuBF,mBAAvB,CAAP;AACD,WAFD,MAEO;AACL,iBAAKzB,SAAL,CAAe2B,OAAf,CAAuBF,mBAAvB,IAA8C,EAA9C;AACD;AACF,SARD,MAQO,IAAIN,KAAJ,EAAW;AAChB,eAAKnB,SAAL,CAAe2B,OAAf,CAAuBN,YAAvB,IAAuC,EAAvC;AACD,SAFM,MAEA;AACL,iBAAO,KAAKrB,SAAL,CAAe2B,OAAf,CAAuBN,YAAvB,CAAP;AACD;;AACD;;AACF,WAAKvB,KAAL;AACA,WAAKC,MAAL;AACE,aAAKgC,QAAL,CAAc9B,IAAd,IAAsBkB,KAAtB;AACA;;AACF;AACE,aAAKnB,SAAL,CAAe2B,OAAf,CAAuBN,YAAvB,IAAuCF,KAAvC;AArBJ;AAuBD;;AAQDK,EAAAA,aAAa,CAACW,IAAD,EAAO;AAClB,WAAO,OAAO,KAAKnC,SAAL,CAAe2B,OAAf,CAAuBQ,IAAvB,CAAP,KAAwC,WAA/C;AACD;;AAgBuB,SAAjBb,iBAAiB,CAACrB,IAAD,EAAoB;AAAA,QAAbmC,MAAa,uEAAJ,EAAI;AAC1C,QAAMC,GAAG,GAAGpC,IAAI,GAAGmC,MAAnB;;AAEA,QAAI9C,cAAc,CAACgD,mBAAf,CAAmCC,GAAnC,CAAuCF,GAAvC,CAAJ,EAAiD;AAC/C,aAAO/C,cAAc,CAACgD,mBAAf,CAAmCrB,GAAnC,CAAuCoB,GAAvC,CAAP;AACD;;AAED,QAAMhB,YAAY,mBAAYe,MAAZ,SAAqBnC,IAAI,CAACuC,OAAL,CAAa,KAAb,EAAqBC,CAAD,IAAOA,CAAC,CAACC,WAAF,EAA3B,CAArB,CAAlB;;AACApD,IAAAA,cAAc,CAACgD,mBAAf,CAAmCpB,GAAnC,CAAuCmB,GAAvC,EAA4ChB,YAA5C;;AACA,WAAOA,YAAP;AACD;;AASmB,SAAbsB,aAAa,CAACxB,KAAD,EAAQ;AAC1B,WACE,OAAOA,KAAP,KAAiB,QAAjB,IACA,OAAOA,KAAP,KAAiB,QADjB,IAEA,OAAOA,KAAP,KAAiB,QAFjB,IAGA,OAAOA,KAAP,KAAiB,SAJnB;AAMD;;AAjQiC;;gBAAf7B,c,WAoBJ,CAACK,MAAD,EAASC,MAAT,EAAiBC,OAAjB,EAA0BC,KAA1B,EAAiCC,MAAjC,C;;gBApBIT,c,yBA8NU,IAAIsD,GAAJ,E","sourcesContent":["import deepmerge from 'deepmerge';\nimport isObject from '../../utils/object/isObject.js';\n\n/**\n * @typedef {import('../index.js').BaseConfig} BaseConfig\n * @typedef {StringConstructor|NumberConstructor|BooleanConstructor|ArrayConstructor|ObjectConstructor} OptionType\n * @typedef {{ type: OptionType, default: String|Number|Boolean|(() => Array|Object)}} OptionWithDefault\n * @typedef {OptionType | OptionWithDefault} OptionValue\n * @typedef {{ [name:string]: OptionValue }} OptionsSchema\n * @typedef {{ [optionName:string]: any }} OptionsInterface\n */\n\n/**\n * Class options to manage options as data attributes on an HTML element.\n * @augments {OptionsInterface}\n */\nexport default class OptionsManager {\n /**\n * The HTML element holding the options attributes.\n * @type {HTMLElement}\n * @private\n */\n __element;\n\n /**\n * An object to store Array and Object values for reference.\n * @type {Object}\n * @private\n */\n __values = {};\n\n /**\n * List of allowed types.\n * @type {Array}\n * @private\n */\n static types = [String, Number, Boolean, Array, Object];\n\n /**\n * The default values to return for each available type.\n * @type {Object}\n * @private\n */\n __defaultValues = {\n String: '',\n Number: 0,\n Boolean: false,\n Array: () => [],\n Object: () => ({}),\n };\n\n /**\n * Default value for the name property.\n * @type {string}\n */\n name = 'Base';\n\n /**\n * Default value for the debug property.\n * @type {boolean}\n */\n debug = false;\n\n /**\n * Default value for the log property.\n * @type {Boolean}\n */\n log = false;\n\n /**\n * Class constructor.\n *\n * @param {HTMLElement} element The HTML element storing the options.\n * @param {OptionsSchema} schema A Base class config options.\n * @param {BaseConfig} baseConfig A Base class config.\n */\n constructor(element, schema, baseConfig) {\n this.__element = element;\n this.name = baseConfig.name;\n\n schema.debug = {\n type: Boolean,\n default: baseConfig.debug ?? false,\n };\n\n schema.log = {\n type: Boolean,\n default: baseConfig.log ?? false,\n };\n\n Object.entries(schema).forEach(([name, config]) => {\n this.__register(name, config);\n });\n\n return this;\n }\n\n /**\n * Register an option.\n *\n * @param {string} name\n * @param {OptionValue} config\n * @return {void}\n * @private\n */\n __register(name, config) {\n const hasDefaultValue = !OptionsManager.types.includes(config);\n const type = hasDefaultValue\n ? /** @type {OptionWithDefault} */ (config).type\n : /** @type {OptionType} */ (config);\n\n if (!OptionsManager.types.includes(type)) {\n throw new Error(\n `The \"${name}\" option has an invalid type. The allowed types are: String, Number, Boolean, Array and Object.`\n );\n }\n\n // @ts-ignore\n const defaultValue = hasDefaultValue ? config.default : this.__defaultValues[type.name];\n\n if ((type === Array || type === Object) && typeof defaultValue !== 'function') {\n throw new Error(\n `The default value for options of type \"${type.name}\" must be returned by a function.`\n );\n }\n\n Object.defineProperty(this, name, {\n get: () => {\n return this.get(name, type, defaultValue);\n },\n set: (value) => {\n this.set(name, type, value, defaultValue);\n },\n enumerable: true,\n });\n }\n\n /**\n * Get an option value.\n *\n * @param {String} name The option name.\n * @param {OptionType} type The option data's type.\n * @param {any} defaultValue The default value for this option.\n */\n get(name, type, defaultValue) {\n const propertyName = OptionsManager.__getPropertyName(name);\n const hasProperty = this.__hasProperty(propertyName);\n\n if (type === Boolean) {\n if (defaultValue) {\n const negatedPropertyName = OptionsManager.__getPropertyName(name, 'No');\n const hasNegatedProperty = this.__hasProperty(negatedPropertyName);\n\n return !hasNegatedProperty;\n }\n\n return hasProperty || defaultValue;\n }\n\n const value = this.__element.dataset[propertyName];\n\n if (type === Number) {\n return hasProperty ? Number(value) : defaultValue;\n }\n\n if (type === Array || type === Object) {\n const val = deepmerge(\n defaultValue(),\n hasProperty ? JSON.parse(value) : this.__defaultValues[type.name]()\n );\n\n if (!this.__values[name]) {\n this.__values[name] = val;\n }\n\n return this.__values[name];\n }\n\n return hasProperty ? value : defaultValue;\n }\n\n /**\n * Set an option value.\n *\n * @param {String} name The option name.\n * @param {OptionType} type The option data's type.\n * @param {any} value The new value for this option.\n */\n set(name, type, value, defaultValue) {\n const propertyName = OptionsManager.__getPropertyName(name);\n\n if (value.constructor.name !== type.name) {\n const val = Array.isArray(value) || isObject(value) ? JSON.stringify(value) : value;\n throw new TypeError(\n `The \"${val}\" value for the \"${name}\" option must be of type \"${type.name}\"`\n );\n }\n\n switch (type) {\n case Boolean:\n if (defaultValue) {\n const negatedPropertyName = OptionsManager.__getPropertyName(name, 'No');\n\n if (value) {\n delete this.__element.dataset[negatedPropertyName];\n } else {\n this.__element.dataset[negatedPropertyName] = '';\n }\n } else if (value) {\n this.__element.dataset[propertyName] = '';\n } else {\n delete this.__element.dataset[propertyName];\n }\n break;\n case Array:\n case Object:\n this.__values[name] = value;\n break;\n default:\n this.__element.dataset[propertyName] = value;\n }\n }\n\n /**\n * Test if the element has a given property.\n *\n * @param {string} prop\n * @return {boolean}\n */\n __hasProperty(prop) {\n return typeof this.__element.dataset[prop] !== 'undefined';\n }\n\n /**\n * Property name cache.\n * @type {Map}\n * @private\n */\n static __propertyNameCache = new Map();\n\n /**\n * Get a property name.\n *\n * @param {string} name\n * @return {string}\n * @private\n */\n static __getPropertyName(name, prefix = '') {\n const key = name + prefix;\n\n if (OptionsManager.__propertyNameCache.has(key)) {\n return OptionsManager.__propertyNameCache.get(key);\n }\n\n const propertyName = `option${prefix}${name.replace(/^\\w/, (c) => c.toUpperCase())}`;\n OptionsManager.__propertyNameCache.set(key, propertyName);\n return propertyName;\n }\n\n /**\n * Test if a value is primitive\n *\n * @param {any} value\n * @return {boolean}\n * @private\n */\n static __isPrimitive(value) {\n return (\n typeof value === 'string' ||\n typeof value === 'number' ||\n typeof value === 'symbol' ||\n typeof value === 'boolean'\n );\n }\n}\n"],"file":"OptionsManager.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../packages/js-toolkit/Base/managers/RefsManager.js"],"names":["RefsManager","constructor","base","element","refs","eventsManager","__element","__refs","__base","__eventsManager","registerAll","forEach","refName","__register","unregisterAll","__unregister","isMultiple","endsWith","propName","normalizeRefName","Array","from","querySelectorAll","filter","ref","__filterRefsBelongingToInstance","length","console","warn","$options","name","bindRef","Object","defineProperty","value","enumerable","configurable","isArray","unbindRef","replace","ancestor","parentElement","dataset","component","undefined"],"mappings":";AAQA,eAAe,MAAMA,WAAN,CAAkB;AAoC/BC,EAAAA,WAAW,CAACC,IAAD,EAAOC,OAAP,EAAgBC,IAAhB,EAAsBC,aAAtB,EAAqC;AAAA;;AAAA;;AAAA;;AAAA;;AAC9C,SAAKC,SAAL,GAAiBH,OAAjB;AACA,SAAKI,MAAL,GAAcH,IAAd;AACA,SAAKI,MAAL,GAAcN,IAAd;AACA,SAAKO,eAAL,GAAuBJ,aAAvB;AACD;;AAODK,EAAAA,WAAW,GAAG;AACZ,SAAKH,MAAL,CAAYI,OAAZ,CAAqBC,OAAD,IAAa,KAAKC,UAAL,CAAgBD,OAAhB,CAAjC;AACD;;AAODE,EAAAA,aAAa,GAAG;AACd,SAAKP,MAAL,CAAYI,OAAZ,CAAqBC,OAAD,IAAa,KAAKG,YAAL,CAAkBH,OAAlB,CAAjC;AACD;;AAQDC,EAAAA,UAAU,CAACD,OAAD,EAAU;AAClB,QAAMI,UAAU,GAAGJ,OAAO,CAACK,QAAR,CAAiB,IAAjB,CAAnB;AACA,QAAMC,QAAQ,GAAGlB,WAAW,CAACmB,gBAAZ,CAA6BP,OAA7B,CAAjB;AAEA,QAAMR,IAAI,GACRgB,KAAK,CAACC,IAAN,CAAW,KAAKf,SAAL,CAAegB,gBAAf,uBAA8CV,OAA9C,SAAX,CADwC,CAExCW,MAFwC,CAMvCC,GAAD,IAAS,KAAKC,+BAAL,CAAqCD,GAArC,CAN+B,CAA1C;;AASA,QAAI,CAACR,UAAD,IAAeZ,IAAI,CAACsB,MAAL,GAAc,CAAjC,EAAoC;AAClCC,MAAAA,OAAO,CAACC,IAAR,YACM,KAAKpB,MAAL,CAAYqB,QAAZ,CAAqBC,IAD3B,wBAEUlB,OAFV,4CAGE,oDAHF;AAKD;;AAED,SAAKH,eAAL,CAAqBsB,OAArB,CAA6BnB,OAA7B,EAAsCR,IAAtC;;AAEA4B,IAAAA,MAAM,CAACC,cAAP,CAAsB,IAAtB,EAA4Bf,QAA5B,EAAsC;AAEpCgB,MAAAA,KAAK,EAAElB,UAAU,IAAIZ,IAAI,CAACsB,MAAL,GAAc,CAA5B,GAAgCtB,IAAhC,GAAuCA,IAAI,CAAC,CAAD,CAFd;AAGpC+B,MAAAA,UAAU,EAAE,IAHwB;AAIpCC,MAAAA,YAAY,EAAE;AAJsB,KAAtC;AAMD;;AAQDrB,EAAAA,YAAY,CAACH,OAAD,EAAU;AACpB,QAAMM,QAAQ,GAAGlB,WAAW,CAACmB,gBAAZ,CAA6BP,OAA7B,CAAjB;AACA,QAAMR,IAAI,GAAGgB,KAAK,CAACiB,OAAN,CAAc,KAAKnB,QAAL,CAAd,IAAgC,KAAKA,QAAL,CAAhC,GAAiD,CAAC,KAAKA,QAAL,CAAD,CAA9D;;AACA,SAAKT,eAAL,CAAqB6B,SAArB,CAA+B1B,OAA/B,EAAwCR,IAAxC;AACD;;AAQsB,SAAhBe,gBAAgB,CAACW,IAAD,EAAO;AAC5B,WAAOA,IAAI,CAACb,QAAL,CAAc,IAAd,IAAsBa,IAAI,CAACS,OAAL,CAAa,OAAb,EAAsB,EAAtB,CAAtB,GAAkDT,IAAzD;AACD;;AASDL,EAAAA,+BAA+B,CAACD,GAAD,EAAM;AACnC,QAAIgB,QAAQ,GAAGhB,GAAG,CAACiB,aAAnB;;AAEA,WAAOD,QAAQ,IAAIA,QAAQ,CAACE,OAAT,CAAiBC,SAAjB,KAA+BC,SAAlD,EAA6D;AAC3DJ,MAAAA,QAAQ,GAAGA,QAAQ,CAACC,aAApB;AACD;;AAED,WAAOD,QAAQ,KAAK,IAAb,IAAqBA,QAAQ,KAAK,KAAKlC,SAA9C;AACD;;AAvI8B","sourcesContent":["/**\n * @typedef {import('../index.js').default} Base\n * @typedef {import('./EventsManager.js').default} EventsManager\n */\n\n/**\n * Refs Manager\n */\nexport default class RefsManager {\n /**\n * @type {HTMLElement}\n * @private\n */\n __element;\n\n /**\n * @type {string[]}\n * @private\n */\n __refs;\n\n /**\n * @type {Base}\n * @private\n */\n __base;\n\n /**\n * @type {EventsManager}\n * @private\n */\n __eventsManager;\n\n /**\n * Class constructor.\n *\n * @param {Base} base\n * The base instance tied to this manager.\n * @param {HTMLElement} element\n * The root element of a Base component.\n * @param {string[]} refs\n * The list of refs of this component.\n * @param {EventsManager} eventsManager\n */\n constructor(base, element, refs, eventsManager) {\n this.__element = element;\n this.__refs = refs;\n this.__base = base;\n this.__eventsManager = eventsManager;\n }\n\n /**\n * Register all refs.\n *\n * @return {void}\n */\n registerAll() {\n this.__refs.forEach((refName) => this.__register(refName));\n }\n\n /**\n * Unregister all refs.\n *\n * @return {void}\n */\n unregisterAll() {\n this.__refs.forEach((refName) => this.__unregister(refName));\n }\n\n /**\n * Register one ref.\n *\n * @param {string} refName The ref name.\n * @private\n */\n __register(refName) {\n const isMultiple = refName.endsWith('[]');\n const propName = RefsManager.normalizeRefName(refName);\n\n const refs = /** @type {HTMLElement[]} */ (\n Array.from(this.__element.querySelectorAll(`[data-ref=\"${refName}\"]`))\n ).filter(\n /**\n * @param {HTMLElement} ref\n */\n (ref) => this.__filterRefsBelongingToInstance(ref)\n );\n\n if (!isMultiple && refs.length > 1) {\n console.warn(\n `[${this.__base.$options.name}]`,\n `The \"${refName}\" ref has been found multiple times.`,\n 'Did you forgot to add the `[]` suffix to its name?'\n );\n }\n\n this.__eventsManager.bindRef(refName, refs);\n\n Object.defineProperty(this, propName, {\n // @todo remove usage of non-multiple refs as array\n value: isMultiple || refs.length > 1 ? refs : refs[0],\n enumerable: true,\n configurable: true,\n });\n }\n\n /**\n * Unregister one ref.\n *\n * @param {string} refName The ref name.\n * @private\n */\n __unregister(refName) {\n const propName = RefsManager.normalizeRefName(refName);\n const refs = Array.isArray(this[propName]) ? this[propName] : [this[propName]];\n this.__eventsManager.unbindRef(refName, refs);\n }\n\n /**\n * Normalize the name of ref.\n *\n * @param {string} name The original name.\n * @return {string} The normalized name.\n */\n static normalizeRefName(name) {\n return name.endsWith('[]') ? name.replace(/\\[\\]$/, '') : name;\n }\n\n /**\n * Filter refs belonging to the related Base instance.\n *\n * @param {HTMLElement} ref The ref to test.\n * @return {boolean}\n * @private\n */\n __filterRefsBelongingToInstance(ref) {\n let ancestor = ref.parentElement;\n\n while (ancestor && ancestor.dataset.component === undefined) {\n ancestor = ancestor.parentElement;\n }\n\n return ancestor === null || ancestor === this.__element;\n }\n}\n"],"file":"RefsManager.js"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../packages/js-toolkit/Base/managers/ServicesManager.js"],"names":["usePointer","useRaf","useResize","useScroll","useKey","useLoad","hasMethod","callMethod","SERVICES_MAP","scrolled","resized","ticked","moved","keyed","loaded","ServicesManager","constructor","instance","__base","has","service","$id","enable","disable","bind","noop","add","self","serviceHandler","args","enableAll","Object","keys","map","serviceName","disableAll","forEach","remove","register","name","useFunction","unregister"],"mappings":"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","sourcesContent":["import usePointer from '../../services/pointer.js';\nimport useRaf from '../../services/raf.js';\nimport useResize from '../../services/resize.js';\nimport useScroll from '../../services/scroll.js';\nimport useKey from '../../services/key.js';\nimport useLoad from '../../services/load.js';\nimport { hasMethod, callMethod } from '../utils.js';\n\n/**\n * @typedef {import('../index').default} Base\n * @typedef {import('../../services').ServiceInterface} ServiceInterface\n */\n\n/**\n * @type {Record<string, () => ServiceInterface>}\n */\nconst SERVICES_MAP = {\n scrolled: useScroll,\n resized: useResize,\n ticked: useRaf,\n moved: usePointer,\n keyed: useKey,\n loaded: useLoad,\n};\n\n/**\n * @typedef {keyof SERVICES_MAP} ServiceName\n */\n\n/**\n * Services management for the Base class.\n */\nexport default class ServicesManager {\n /**\n * @type {Base}\n * @private\n */\n __base;\n\n /**\n * Class constructor.\n * @param {Base} instance The Base instance.\n */\n constructor(instance) {\n this.__base = instance;\n }\n\n /**\n * Test if the given service is registered.\n *\n * @param {ServiceName} service The name of the service.\n * @return {Boolean}\n */\n has(service) {\n if (!hasMethod(this.__base, service) && !SERVICES_MAP[service]) {\n return false;\n }\n\n const { has } = SERVICES_MAP[service]();\n return has(this.__base.$id);\n }\n\n /**\n * Init the given service and bind it to the given instance.\n *\n * @param {ServiceName} service The name of the service.\n * @return {() => void} A function to unbind the service.\n */\n enable(service) {\n if (this.has(service)) {\n return this.disable.bind(this, service);\n }\n\n if (!hasMethod(this.__base, service) || !SERVICES_MAP[service]) {\n return function noop() {};\n }\n\n const { add } = SERVICES_MAP[service]();\n const self = this;\n\n /**\n * @param {any[]} args\n */\n function serviceHandler(...args) {\n callMethod(self.__base, service, ...args);\n }\n\n add(this.__base.$id, serviceHandler);\n\n return this.disable.bind(this, service);\n }\n\n /**\n * Enable all services and return methods to disable them.\n *\n * @return {Function[]}\n */\n enableAll() {\n return Object.keys(SERVICES_MAP).map(\n /** @param {ServiceName} serviceName */\n (serviceName) => this.enable(serviceName)\n );\n }\n\n /**\n * Disable all services.\n *\n * @return {void}\n */\n disableAll() {\n Object.keys(SERVICES_MAP).forEach(\n /** @param {ServiceName} serviceName */\n (serviceName) => {\n this.disable(serviceName);\n }\n );\n }\n\n /**\n * Disable a service.\n *\n * @param {String} service The name of the service.\n * @return {void}\n */\n disable(service) {\n if (!SERVICES_MAP[service]) {\n return;\n }\n\n const { remove } = SERVICES_MAP[service]();\n remove(this.__base.$id);\n }\n\n /**\n * Register a new service to be enabled/disabled.\n *\n * @param {string} name The name of the service hook.\n * @param {() => ServiceInterface} useFunction The `use...` function for the service.\n */\n register(name, useFunction) {\n SERVICES_MAP[name] = useFunction;\n }\n\n /**\n * Unregister a new service to be enabled disabled.\n *\n * @param {string} name The name of the service hooK\n */\n unregister(name) {\n delete SERVICES_MAP[name];\n }\n}\n"],"file":"ServicesManager.js"}
package/Base/utils.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../packages/js-toolkit/Base/utils.js"],"names":["hasMethod","obj","name","callMethod","instance","method","args","__debug","$isMounted","$emit","call","getComponentElements","nameOrSelector","element","document","selector","elements","Array","from","querySelectorAll","length"],"mappings":"AAWA,OAAO,SAASA,SAAT,CAAmBC,GAAnB,EAAwBC,IAAxB,EAA8B;AACnC,SAAO,OAAOD,GAAG,CAACC,IAAD,CAAV,KAAqB,UAA5B;AACD;AASD,OAAO,SAASC,UAAT,CAAoBC,QAApB,EAA8BC,MAA9B,EAA+C;AAAA,oCAANC,IAAM;AAANA,IAAAA,IAAM;AAAA;;AACpDF,EAAAA,QAAQ,CAACG,OAAT,CAAiB,YAAjB,EAA+BF,MAA/B,EAAuC,GAAGC,IAA1C;;AAIA,MACGD,MAAM,KAAK,WAAX,IAA0B,CAACD,QAAQ,CAACI,UAArC,IACCH,MAAM,KAAK,SAAX,IAAwBD,QAAQ,CAACI,UAFpC,EAGE;AACAJ,IAAAA,QAAQ,CAACG,OAAT,CAAiB,KAAjB,EAAwBF,MAAxB,EAAgC,qDAAhC;;AACA,WAAOD,QAAP;AACD;;AAEDA,EAAAA,QAAQ,CAACK,KAAT,CAAeJ,MAAf,EAAuB,GAAGC,IAA1B;;AAGA,MAAI,CAACN,SAAS,CAACI,QAAD,EAAWC,MAAX,CAAd,EAAkC;AAChC,WAAOD,QAAP;AACD;;AAEDA,EAAAA,QAAQ,CAACC,MAAD,CAAR,CAAiBK,IAAjB,CAAsBN,QAAtB,EAAgC,GAAGE,IAAnC;;AACAF,EAAAA,QAAQ,CAACG,OAAT,CAAiBF,MAAjB,EAAyBD,QAAzB,EAAmC,GAAGE,IAAtC;;AAEA,SAAOF,QAAP;AACD;AAYD,OAAO,SAASO,oBAAT,CAA8BC,cAA9B,EAAkE;AAAA,MAApBC,OAAoB,uEAAVC,QAAU;AACvE,MAAMC,QAAQ,+BAAuBH,cAAvB,QAAd;AACA,MAAII,QAAQ,GAAG,EAAf;;AAEA,MAAI;AACFA,IAAAA,QAAQ,GAAGC,KAAK,CAACC,IAAN,CAAWL,OAAO,CAACM,gBAAR,CAAyBJ,QAAzB,CAAX,CAAX;AAED,GAHD,CAGE,gBAAM,CAAE;;AAGV,MAAIC,QAAQ,CAACI,MAAT,KAAoB,CAAxB,EAA2B;AACzBJ,IAAAA,QAAQ,GAAGC,KAAK,CAACC,IAAN,CAAWL,OAAO,CAACM,gBAAR,CAAyBP,cAAzB,CAAX,CAAX;AACD;;AAED,SAAOI,QAAP;AACD","sourcesContent":["/**\n * @typedef {import('./index.js').default} Base\n */\n\n/**\n * Test if an object has a method.\n *\n * @param {Object} obj The object to test\n * @param {String} name The method's name\n * @return {Boolean}\n */\nexport function hasMethod(obj, name) {\n return typeof obj[name] === 'function';\n}\n\n/**\n * Call the given method while applying the given arguments.\n *\n * @param {Base} instance The Base instance on which to trigger the method.\n * @param {String} method The method to call.\n * @param {...any} args The arguments to pass to the method.\n */\nexport function callMethod(instance, method, ...args) {\n instance.__debug('callMethod', method, ...args);\n\n // Prevent duplicate call of `mounted` and `destroyed`\n // methods based on the component status\n if (\n (method === 'destroyed' && !instance.$isMounted) ||\n (method === 'mounted' && instance.$isMounted)\n ) {\n instance.__debug('not', method, 'because the method has already been triggered once.');\n return instance;\n }\n\n instance.$emit(method, ...args);\n\n // We always emit an event, but we do not call the method if it does not exist\n if (!hasMethod(instance, method)) {\n return instance;\n }\n\n instance[method].call(instance, ...args);\n instance.__debug(method, instance, ...args);\n\n return instance;\n}\n\n/**\n * Get a list of elements based on the name of a component.\n *\n * @param {String} nameOrSelector\n * The name or selector to used for this component.\n * @param {HTMLElement|Document} element\n * The root element on which to query the selector, defaults to `document`.\n * @return {Array<HTMLElement>}\n * A list of elements on which the component should be mounted.\n */\nexport function getComponentElements(nameOrSelector, element = document) {\n const selector = `[data-component=\"${nameOrSelector}\"]`;\n let elements = [];\n\n try {\n elements = Array.from(element.querySelectorAll(selector));\n // eslint-disable-next-line no-empty\n } catch {}\n\n // If no child component found with the default selector, try a classic DOM selector\n if (elements.length === 0) {\n elements = Array.from(element.querySelectorAll(nameOrSelector));\n }\n\n return elements;\n}\n"],"file":"utils.js"}
@@ -1,83 +0,0 @@
1
- /**
2
- * @typedef {import('./AccordionItem').default} AccordionItem
3
- * @typedef {import('./AccordionItem').AccordionItemOptions} AccordionItemOptions
4
- */
5
- /**
6
- * @typedef {Object} AccordionRefs
7
- * @property {HTMLElement[]} btn
8
- * @property {HTMLElement[]} content
9
- */
10
- /**
11
- * @typedef {Object} AccordionOptions
12
- * @property {Boolean} autoclose
13
- * @property {AccordionItemOptions} item
14
- */
15
- /**
16
- * @typedef {Object} AccordionChildren
17
- * @property {AccordionItem[]} AccordionItem
18
- */
19
- /**
20
- * @typedef {Object} AccordionPrivateInterface
21
- * @property {AccordionOptions} $options
22
- * @property {AccordionRefs} $refs
23
- * @property {AccordionChildren} $children
24
- */
25
- /**
26
- * @typedef {Accordion & AccordionPrivateInterface} AccordionInterface
27
- */
28
- /**
29
- * Accordion class.
30
- */
31
- export default class Accordion extends Base {
32
- /**
33
- * Accordion config.
34
- */
35
- static config: {
36
- name: string;
37
- options: {
38
- autoclose: BooleanConstructor;
39
- item: {
40
- type: ObjectConstructor;
41
- /**
42
- * @return {Partial<AccordionItemOptions>}
43
- */
44
- default: () => Partial<AccordionItemOptions>;
45
- };
46
- };
47
- };
48
- /**
49
- * @type {Array<Function>}
50
- */
51
- unbindMethods: Array<Function>;
52
- /**
53
- * Init autoclose behavior on mounted.
54
- * @this {AccordionInterface}
55
- * @return {Promise<void>}
56
- */
57
- mounted(): Promise<void>;
58
- /**
59
- * Destroy autoclose behavior on destroyed.
60
- * @return {void}
61
- */
62
- destroyed(): void;
63
- }
64
- export type AccordionItem = import('./AccordionItem').default;
65
- export type AccordionItemOptions = import('./AccordionItem').AccordionItemOptions;
66
- export type AccordionRefs = {
67
- btn: HTMLElement[];
68
- content: HTMLElement[];
69
- };
70
- export type AccordionOptions = {
71
- autoclose: boolean;
72
- item: AccordionItemOptions;
73
- };
74
- export type AccordionChildren = {
75
- AccordionItem: AccordionItem[];
76
- };
77
- export type AccordionPrivateInterface = {
78
- $options: AccordionOptions;
79
- $refs: AccordionRefs;
80
- $children: AccordionChildren;
81
- };
82
- export type AccordionInterface = Accordion & AccordionPrivateInterface;
83
- import Base from "../../Base/index.js";
@@ -1,58 +0,0 @@
1
- import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- import Base from '../../Base/index.js';
4
- export default class Accordion extends Base {
5
- constructor() {
6
- super(...arguments);
7
-
8
- _defineProperty(this, "unbindMethods", []);
9
- }
10
-
11
- mounted() {
12
- var _this = this;
13
-
14
- return _asyncToGenerator(function* () {
15
- if (!Array.isArray(_this.$children.AccordionItem)) {
16
- throw new Error('The Accordion component must be used with the AccordionItem component.');
17
- }
18
-
19
- _this.unbindMethods = _this.$children.AccordionItem.map((item, index) => {
20
- if (item instanceof Promise) {
21
- throw new Error('The AccordionItem component can not be used asynchronously.');
22
- }
23
-
24
- var unbindOpen = item.$on('open', () => {
25
- _this.$emit('open', item, index);
26
-
27
- if (_this.$options.autoclose) {
28
- _this.$children.AccordionItem.filter((el, i) => index !== i).forEach(it => it.close());
29
- }
30
- });
31
- var unbindClose = item.$on('close', () => {
32
- _this.$emit('close', item, index);
33
- });
34
- return () => {
35
- unbindOpen();
36
- unbindClose();
37
- };
38
- });
39
- })();
40
- }
41
-
42
- destroyed() {
43
- this.unbindMethods.forEach(unbind => unbind());
44
- }
45
-
46
- }
47
-
48
- _defineProperty(Accordion, "config", {
49
- name: 'Accordion',
50
- options: {
51
- autoclose: Boolean,
52
- item: {
53
- type: Object,
54
- default: () => ({})
55
- }
56
- }
57
- });
58
- //# sourceMappingURL=Accordion.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../packages/js-toolkit/components/Accordion/Accordion.js"],"names":["Base","Accordion","mounted","Array","isArray","$children","AccordionItem","Error","unbindMethods","map","item","index","Promise","unbindOpen","$on","$emit","$options","autoclose","filter","el","i","forEach","it","close","unbindClose","destroyed","unbind","name","options","Boolean","type","Object","default"],"mappings":";;AAAA,OAAOA,IAAP,MAAiB,qBAAjB;AAsCA,eAAe,MAAMC,SAAN,SAAwBD,IAAxB,CAA6B;AAAA;AAAA;;AAAA,2CAqB1B,EArB0B;AAAA;;AA4BpCE,EAAAA,OAAO,GAAG;AAAA;;AAAA;AACd,UAAI,CAACC,KAAK,CAACC,OAAN,CAAc,KAAI,CAACC,SAAL,CAAeC,aAA7B,CAAL,EAAkD;AAChD,cAAM,IAAIC,KAAJ,CAAU,wEAAV,CAAN;AACD;;AAED,MAAA,KAAI,CAACC,aAAL,GAAqB,KAAI,CAACH,SAAL,CAAeC,aAAf,CAA6BG,GAA7B,CAAiC,CAACC,IAAD,EAAOC,KAAP,KAAiB;AACrE,YAAID,IAAI,YAAYE,OAApB,EAA6B;AAC3B,gBAAM,IAAIL,KAAJ,CAAU,6DAAV,CAAN;AACD;;AAED,YAAMM,UAAU,GAAGH,IAAI,CAACI,GAAL,CAAS,MAAT,EAAiB,MAAM;AACxC,UAAA,KAAI,CAACC,KAAL,CAAW,MAAX,EAAmBL,IAAnB,EAAyBC,KAAzB;;AACA,cAAI,KAAI,CAACK,QAAL,CAAcC,SAAlB,EAA6B;AAC3B,YAAA,KAAI,CAACZ,SAAL,CAAeC,aAAf,CAA6BY,MAA7B,CAAoC,CAACC,EAAD,EAAKC,CAAL,KAAWT,KAAK,KAAKS,CAAzD,EAA4DC,OAA5D,CAAqEC,EAAD,IAAQA,EAAE,CAACC,KAAH,EAA5E;AACD;AACF,SALkB,CAAnB;AAMA,YAAMC,WAAW,GAAGd,IAAI,CAACI,GAAL,CAAS,OAAT,EAAkB,MAAM;AAC1C,UAAA,KAAI,CAACC,KAAL,CAAW,OAAX,EAAoBL,IAApB,EAA0BC,KAA1B;AACD,SAFmB,CAApB;AAIA,eAAO,MAAM;AACXE,UAAAA,UAAU;AACVW,UAAAA,WAAW;AACZ,SAHD;AAID,OAnBoB,CAArB;AALc;AAyBf;;AAMDC,EAAAA,SAAS,GAAG;AACV,SAAKjB,aAAL,CAAmBa,OAAnB,CAA4BK,MAAD,IAAYA,MAAM,EAA7C;AACD;;AA7DyC;;gBAAvBzB,S,YAIH;AACd0B,EAAAA,IAAI,EAAE,WADQ;AAEdC,EAAAA,OAAO,EAAE;AACPX,IAAAA,SAAS,EAAEY,OADJ;AAEPnB,IAAAA,IAAI,EAAE;AACJoB,MAAAA,IAAI,EAAEC,MADF;AAKJC,MAAAA,OAAO,EAAE,OAAO,EAAP;AALL;AAFC;AAFK,C","sourcesContent":["import Base from '../../Base/index.js';\n\n/**\n * @typedef {import('./AccordionItem').default} AccordionItem\n * @typedef {import('./AccordionItem').AccordionItemOptions} AccordionItemOptions\n */\n\n/**\n * @typedef {Object} AccordionRefs\n * @property {HTMLElement[]} btn\n * @property {HTMLElement[]} content\n */\n\n/**\n * @typedef {Object} AccordionOptions\n * @property {Boolean} autoclose\n * @property {AccordionItemOptions} item\n */\n\n/**\n * @typedef {Object} AccordionChildren\n * @property {AccordionItem[]} AccordionItem\n */\n\n/**\n * @typedef {Object} AccordionPrivateInterface\n * @property {AccordionOptions} $options\n * @property {AccordionRefs} $refs\n * @property {AccordionChildren} $children\n */\n\n/**\n * @typedef {Accordion & AccordionPrivateInterface} AccordionInterface\n */\n\n/**\n * Accordion class.\n */\nexport default class Accordion extends Base {\n /**\n * Accordion config.\n */\n static config = {\n name: 'Accordion',\n options: {\n autoclose: Boolean,\n item: {\n type: Object,\n /**\n * @return {Partial<AccordionItemOptions>}\n */\n default: () => ({}),\n },\n },\n };\n\n /**\n * @type {Array<Function>}\n */\n unbindMethods = [];\n\n /**\n * Init autoclose behavior on mounted.\n * @this {AccordionInterface}\n * @return {Promise<void>}\n */\n async mounted() {\n if (!Array.isArray(this.$children.AccordionItem)) {\n throw new Error('The Accordion component must be used with the AccordionItem component.');\n }\n\n this.unbindMethods = this.$children.AccordionItem.map((item, index) => {\n if (item instanceof Promise) {\n throw new Error('The AccordionItem component can not be used asynchronously.');\n }\n\n const unbindOpen = item.$on('open', () => {\n this.$emit('open', item, index);\n if (this.$options.autoclose) {\n this.$children.AccordionItem.filter((el, i) => index !== i).forEach((it) => it.close());\n }\n });\n const unbindClose = item.$on('close', () => {\n this.$emit('close', item, index);\n });\n\n return () => {\n unbindOpen();\n unbindClose();\n };\n });\n }\n\n /**\n * Destroy autoclose behavior on destroyed.\n * @return {void}\n */\n destroyed() {\n this.unbindMethods.forEach((unbind) => unbind());\n }\n}\n"],"file":"Accordion.js"}