@studiometa/js-toolkit 2.0.0-beta.1 → 2.0.0-beta.13

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 (184) hide show
  1. package/Base/index.cjs +294 -0
  2. package/Base/index.d.ts +27 -1
  3. package/Base/index.js +149 -179
  4. package/Base/managers/ChildrenManager.cjs +124 -0
  5. package/Base/managers/ChildrenManager.js +29 -55
  6. package/Base/managers/EventsManager.cjs +184 -0
  7. package/Base/managers/EventsManager.d.ts +3 -1
  8. package/Base/managers/EventsManager.js +85 -127
  9. package/Base/managers/OptionsManager.cjs +175 -0
  10. package/Base/managers/OptionsManager.d.ts +2 -0
  11. package/Base/managers/OptionsManager.js +46 -88
  12. package/Base/managers/RefsManager.cjs +98 -0
  13. package/Base/managers/RefsManager.d.ts +2 -0
  14. package/Base/managers/RefsManager.js +24 -35
  15. package/Base/managers/ServicesManager.cjs +132 -0
  16. package/Base/managers/ServicesManager.d.ts +29 -4
  17. package/Base/managers/ServicesManager.js +33 -63
  18. package/Base/utils.cjs +45 -0
  19. package/Base/utils.js +12 -11
  20. package/README.md +13 -70
  21. package/decorators/index.cjs +49 -0
  22. package/decorators/index.d.ts +8 -9
  23. package/decorators/index.js +18 -9
  24. package/decorators/withBreakpointManager.cjs +91 -0
  25. package/decorators/withBreakpointManager.js +18 -39
  26. package/decorators/withBreakpointObserver.cjs +116 -0
  27. package/decorators/withBreakpointObserver.js +40 -88
  28. package/decorators/withDrag.cjs +54 -0
  29. package/decorators/withDrag.js +16 -18
  30. package/decorators/withExtraConfig.cjs +44 -0
  31. package/decorators/withExtraConfig.js +11 -12
  32. package/decorators/withIntersectionObserver.cjs +61 -0
  33. package/decorators/withIntersectionObserver.js +23 -31
  34. package/decorators/withMountWhenInView.cjs +68 -0
  35. package/decorators/withMountWhenInView.js +31 -55
  36. package/decorators/withScrolledInView.cjs +112 -0
  37. package/decorators/withScrolledInView.d.ts +4 -1
  38. package/decorators/withScrolledInView.js +77 -73
  39. package/decorators/withVue2.cjs +60 -0
  40. package/decorators/withVue2.js +21 -32
  41. package/helpers/createApp.cjs +56 -0
  42. package/helpers/createApp.js +12 -12
  43. package/helpers/importOnInteraction.cjs +56 -0
  44. package/helpers/importOnInteraction.js +17 -18
  45. package/helpers/importWhenIdle.cjs +52 -0
  46. package/helpers/importWhenIdle.js +13 -17
  47. package/helpers/importWhenVisible.cjs +54 -0
  48. package/helpers/importWhenVisible.js +16 -18
  49. package/helpers/index.cjs +41 -0
  50. package/helpers/index.d.ts +4 -5
  51. package/helpers/index.js +10 -5
  52. package/helpers/utils.cjs +39 -0
  53. package/helpers/utils.js +7 -6
  54. package/index.cjs +38 -0
  55. package/index.d.ts +4 -21
  56. package/index.js +7 -5
  57. package/package.json +14 -3
  58. package/services/Service.cjs +75 -0
  59. package/services/Service.d.ts +22 -17
  60. package/services/Service.js +14 -28
  61. package/services/drag.cjs +194 -0
  62. package/services/drag.d.ts +4 -18
  63. package/services/drag.js +103 -156
  64. package/services/index.cjs +47 -0
  65. package/services/index.d.ts +13 -10
  66. package/services/index.js +16 -8
  67. package/services/key.cjs +101 -0
  68. package/services/key.d.ts +4 -13
  69. package/services/key.js +58 -77
  70. package/services/load.cjs +70 -0
  71. package/services/load.d.ts +3 -13
  72. package/services/load.js +31 -36
  73. package/services/pointer.cjs +159 -0
  74. package/services/pointer.d.ts +4 -13
  75. package/services/pointer.js +91 -121
  76. package/services/raf.cjs +81 -0
  77. package/services/raf.d.ts +3 -13
  78. package/services/raf.js +32 -52
  79. package/services/resize.cjs +106 -0
  80. package/services/resize.d.ts +3 -13
  81. package/services/resize.js +52 -52
  82. package/services/scroll.cjs +129 -0
  83. package/services/scroll.d.ts +3 -13
  84. package/services/scroll.js +75 -89
  85. package/utils/collide/boundingRectToCircle.cjs +38 -0
  86. package/utils/collide/boundingRectToCircle.d.ts +1 -1
  87. package/utils/collide/boundingRectToCircle.js +7 -10
  88. package/utils/collide/collideCircleCircle.cjs +38 -0
  89. package/utils/collide/collideCircleCircle.js +8 -7
  90. package/utils/collide/collideCircleRect.cjs +50 -0
  91. package/utils/collide/collideCircleRect.js +10 -12
  92. package/utils/collide/collidePointCircle.cjs +35 -0
  93. package/utils/collide/collidePointCircle.js +8 -5
  94. package/utils/collide/collidePointRect.cjs +32 -0
  95. package/utils/collide/collidePointRect.js +5 -2
  96. package/utils/collide/collideRectRect.cjs +32 -0
  97. package/utils/collide/collideRectRect.js +5 -2
  98. package/utils/collide/index.cjs +45 -0
  99. package/utils/collide/index.d.ts +6 -7
  100. package/utils/collide/index.js +14 -7
  101. package/utils/css/classes.cjs +48 -0
  102. package/utils/css/classes.js +13 -12
  103. package/utils/css/index.cjs +41 -0
  104. package/utils/css/index.d.ts +4 -5
  105. package/utils/css/index.js +10 -5
  106. package/utils/css/matrix.cjs +33 -0
  107. package/utils/css/matrix.js +6 -5
  108. package/utils/css/styles.cjs +51 -0
  109. package/utils/css/styles.js +13 -12
  110. package/utils/css/transition.cjs +121 -0
  111. package/utils/css/transition.js +62 -117
  112. package/utils/debounce.cjs +38 -0
  113. package/utils/debounce.js +7 -9
  114. package/utils/focusTrap.cjs +88 -0
  115. package/utils/focusTrap.js +30 -21
  116. package/utils/history.cjs +95 -0
  117. package/utils/history.js +28 -57
  118. package/utils/index.cjs +57 -0
  119. package/utils/index.d.ts +12 -35
  120. package/utils/index.js +30 -17
  121. package/utils/keyCodes.cjs +39 -0
  122. package/utils/keyCodes.js +5 -2
  123. package/utils/math/clamp.cjs +32 -0
  124. package/utils/math/clamp.js +5 -2
  125. package/utils/math/clamp01.cjs +38 -0
  126. package/utils/math/clamp01.js +6 -3
  127. package/utils/math/damp.cjs +32 -0
  128. package/utils/math/damp.js +5 -4
  129. package/utils/math/ease.cjs +92 -0
  130. package/utils/math/ease.d.ts +78 -0
  131. package/utils/math/ease.js +66 -0
  132. package/utils/math/index.cjs +48 -0
  133. package/utils/math/index.d.ts +8 -8
  134. package/utils/math/index.js +17 -8
  135. package/utils/math/inertiaFinalValue.cjs +41 -0
  136. package/utils/math/inertiaFinalValue.js +8 -10
  137. package/utils/math/lerp.cjs +32 -0
  138. package/utils/math/lerp.js +5 -2
  139. package/utils/math/map.cjs +32 -0
  140. package/utils/math/map.js +5 -2
  141. package/utils/math/round.cjs +32 -0
  142. package/utils/math/round.js +5 -3
  143. package/utils/memoize.cjs +47 -0
  144. package/utils/memoize.js +10 -19
  145. package/utils/nextFrame.cjs +44 -0
  146. package/utils/nextFrame.js +14 -9
  147. package/utils/object/autoBind.cjs +55 -0
  148. package/utils/object/autoBind.js +12 -22
  149. package/utils/object/getAllProperties.cjs +41 -0
  150. package/utils/object/getAllProperties.js +11 -14
  151. package/utils/object/index.cjs +39 -0
  152. package/utils/object/index.d.ts +3 -4
  153. package/utils/object/index.js +8 -4
  154. package/utils/object/isObject.cjs +32 -0
  155. package/utils/object/isObject.js +6 -3
  156. package/utils/scrollTo.cjs +86 -0
  157. package/utils/scrollTo.js +20 -40
  158. package/utils/string/index.cjs +53 -0
  159. package/utils/string/index.d.ts +10 -11
  160. package/utils/string/index.js +22 -11
  161. package/utils/string/withLeadingCharacters.cjs +38 -0
  162. package/utils/string/withLeadingCharacters.js +7 -4
  163. package/utils/string/withLeadingSlash.cjs +38 -0
  164. package/utils/string/withLeadingSlash.js +7 -4
  165. package/utils/string/withTrailingCharacters.cjs +38 -0
  166. package/utils/string/withTrailingCharacters.js +7 -4
  167. package/utils/string/withTrailingSlash.cjs +38 -0
  168. package/utils/string/withTrailingSlash.js +7 -4
  169. package/utils/string/withoutLeadingCharacters.cjs +32 -0
  170. package/utils/string/withoutLeadingCharacters.js +6 -3
  171. package/utils/string/withoutLeadingCharactersRecursive.cjs +43 -0
  172. package/utils/string/withoutLeadingCharactersRecursive.js +8 -7
  173. package/utils/string/withoutLeadingSlash.cjs +38 -0
  174. package/utils/string/withoutLeadingSlash.js +7 -4
  175. package/utils/string/withoutTrailingCharacters.cjs +32 -0
  176. package/utils/string/withoutTrailingCharacters.js +6 -3
  177. package/utils/string/withoutTrailingCharactersRecursive.cjs +43 -0
  178. package/utils/string/withoutTrailingCharactersRecursive.js +8 -7
  179. package/utils/string/withoutTrailingSlash.cjs +38 -0
  180. package/utils/string/withoutTrailingSlash.js +7 -4
  181. package/utils/throttle.cjs +40 -0
  182. package/utils/throttle.js +9 -9
  183. package/index.modern.js +0 -1
  184. package/index.umd.js +0 -1
@@ -0,0 +1,121 @@
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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache2) => {
24
+ return (module2, temp) => {
25
+ return cache2 && cache2.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache2 && cache2.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+
29
+ // packages/js-toolkit/utils/css/transition.js
30
+ var transition_exports = {};
31
+ __export(transition_exports, {
32
+ default: () => transition,
33
+ setClassesOrStyles: () => setClassesOrStyles
34
+ });
35
+ var import_nextFrame = __toESM(require("../nextFrame.cjs"), 1);
36
+ var classes = __toESM(require("./classes.cjs"), 1);
37
+ var styles = __toESM(require("./styles.cjs"), 1);
38
+ var cache = /* @__PURE__ */ new WeakMap();
39
+ var Transition = class {
40
+ isTransitioning = false;
41
+ transitionEndHandler = null;
42
+ constructor(element) {
43
+ cache.set(element, this);
44
+ }
45
+ static getInstance(element) {
46
+ let instance = cache.get(element);
47
+ if (!instance) {
48
+ instance = new this(element);
49
+ }
50
+ return instance;
51
+ }
52
+ };
53
+ function setClassesOrStyles(element, classesOrStyles, method = "add") {
54
+ if (typeof classesOrStyles === "string") {
55
+ classes[method](element, classesOrStyles, method);
56
+ } else {
57
+ styles[method](element, classesOrStyles, method);
58
+ }
59
+ }
60
+ function testTransition(element) {
61
+ if (typeof window === "undefined") {
62
+ return false;
63
+ }
64
+ const { transitionDuration } = window.getComputedStyle(element);
65
+ return !!transitionDuration && transitionDuration !== "0s";
66
+ }
67
+ async function start(element, classesOrStyles) {
68
+ const trs = Transition.getInstance(element);
69
+ trs.isTransitioning = true;
70
+ setClassesOrStyles(element, classesOrStyles.from);
71
+ await (0, import_nextFrame.default)();
72
+ setClassesOrStyles(element, classesOrStyles.active);
73
+ await (0, import_nextFrame.default)();
74
+ }
75
+ async function next(element, classesOrStyles) {
76
+ const hasTransition = testTransition(element);
77
+ return new Promise(async (resolve) => {
78
+ if (hasTransition) {
79
+ const trs = Transition.getInstance(element);
80
+ trs.transitionEndHandler = resolve;
81
+ element.addEventListener("transitionend", trs.transitionEndHandler, false);
82
+ }
83
+ setClassesOrStyles(element, classesOrStyles.from, "remove");
84
+ setClassesOrStyles(element, classesOrStyles.to);
85
+ await (0, import_nextFrame.default)();
86
+ if (!hasTransition) {
87
+ resolve();
88
+ }
89
+ });
90
+ }
91
+ function end(element, classesOrStyles, mode = "remove") {
92
+ const trs = Transition.getInstance(element);
93
+ element.removeEventListener("transitionend", trs.transitionEndHandler, false);
94
+ if (mode === "remove") {
95
+ setClassesOrStyles(element, classesOrStyles.to, "remove");
96
+ }
97
+ setClassesOrStyles(element, classesOrStyles.active, "remove");
98
+ trs.isTransitioning = false;
99
+ trs.transitionEndHandler = null;
100
+ }
101
+ async function transition(element, name, endMode = "remove") {
102
+ const classesOrStyles = typeof name === "string" ? {
103
+ from: `${name}-from`,
104
+ active: `${name}-active`,
105
+ to: `${name}-to`
106
+ } : {
107
+ from: "",
108
+ active: "",
109
+ to: "",
110
+ ...name
111
+ };
112
+ const trs = Transition.getInstance(element);
113
+ if (trs.isTransitioning) {
114
+ end(element, classesOrStyles);
115
+ }
116
+ await start(element, classesOrStyles);
117
+ await next(element, classesOrStyles);
118
+ end(element, classesOrStyles, endMode);
119
+ return Promise.resolve();
120
+ }
121
+ module.exports = __toCommonJS(transition_exports);
@@ -1,145 +1,90 @@
1
- import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
-
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
5
-
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
7
-
8
- import nextFrame from '../nextFrame.js';
9
- import * as classes from './classes.js';
10
- import * as styles from './styles.js';
11
- var cache = new WeakMap();
12
-
1
+ import nextFrame from "../nextFrame.js";
2
+ import * as classes from "./classes.js";
3
+ import * as styles from "./styles.js";
4
+ const cache = /* @__PURE__ */ new WeakMap();
13
5
  class Transition {
6
+ isTransitioning = false;
7
+ transitionEndHandler = null;
14
8
  constructor(element) {
15
- _defineProperty(this, "isTransitioning", false);
16
-
17
- _defineProperty(this, "transitionEndHandler", null);
18
-
19
9
  cache.set(element, this);
20
10
  }
21
-
22
11
  static getInstance(element) {
23
- var instance = cache.get(element);
24
-
12
+ let instance = cache.get(element);
25
13
  if (!instance) {
26
14
  instance = new this(element);
27
15
  }
28
-
29
16
  return instance;
30
17
  }
31
-
32
18
  }
33
-
34
- export function setClassesOrStyles(element, classesOrStyles) {
35
- var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'add';
36
-
37
- if (typeof classesOrStyles === 'string') {
19
+ function setClassesOrStyles(element, classesOrStyles, method = "add") {
20
+ if (typeof classesOrStyles === "string") {
38
21
  classes[method](element, classesOrStyles, method);
39
22
  } else {
40
23
  styles[method](element, classesOrStyles, method);
41
24
  }
42
25
  }
43
-
44
26
  function testTransition(element) {
45
- if (typeof window === 'undefined') {
27
+ if (typeof window === "undefined") {
46
28
  return false;
47
29
  }
48
-
49
- var {
50
- transitionDuration
51
- } = window.getComputedStyle(element);
52
- return !!transitionDuration && transitionDuration !== '0s';
30
+ const { transitionDuration } = window.getComputedStyle(element);
31
+ return !!transitionDuration && transitionDuration !== "0s";
53
32
  }
54
-
55
- function start(_x, _x2) {
56
- return _start.apply(this, arguments);
33
+ async function start(element, classesOrStyles) {
34
+ const trs = Transition.getInstance(element);
35
+ trs.isTransitioning = true;
36
+ setClassesOrStyles(element, classesOrStyles.from);
37
+ await nextFrame();
38
+ setClassesOrStyles(element, classesOrStyles.active);
39
+ await nextFrame();
57
40
  }
58
-
59
- function _start() {
60
- _start = _asyncToGenerator(function* (element, classesOrStyles) {
61
- var trs = Transition.getInstance(element);
62
- trs.isTransitioning = true;
63
- setClassesOrStyles(element, classesOrStyles.from);
64
- yield nextFrame();
65
- setClassesOrStyles(element, classesOrStyles.active);
66
- yield nextFrame();
67
- });
68
- return _start.apply(this, arguments);
69
- }
70
-
71
- function next(_x3, _x4) {
72
- return _next.apply(this, arguments);
73
- }
74
-
75
- function _next() {
76
- _next = _asyncToGenerator(function* (element, classesOrStyles) {
77
- var hasTransition = testTransition(element);
78
- return new Promise(function () {
79
- var _ref = _asyncToGenerator(function* (resolve) {
80
- if (hasTransition) {
81
- var trs = Transition.getInstance(element);
82
- trs.transitionEndHandler = resolve;
83
- element.addEventListener('transitionend', trs.transitionEndHandler, false);
84
- }
85
-
86
- setClassesOrStyles(element, classesOrStyles.from, 'remove');
87
- setClassesOrStyles(element, classesOrStyles.to);
88
- yield nextFrame();
89
-
90
- if (!hasTransition) {
91
- resolve();
92
- }
93
- });
94
-
95
- return function (_x7) {
96
- return _ref.apply(this, arguments);
97
- };
98
- }());
41
+ async function next(element, classesOrStyles) {
42
+ const hasTransition = testTransition(element);
43
+ return new Promise(async (resolve) => {
44
+ if (hasTransition) {
45
+ const trs = Transition.getInstance(element);
46
+ trs.transitionEndHandler = resolve;
47
+ element.addEventListener("transitionend", trs.transitionEndHandler, false);
48
+ }
49
+ setClassesOrStyles(element, classesOrStyles.from, "remove");
50
+ setClassesOrStyles(element, classesOrStyles.to);
51
+ await nextFrame();
52
+ if (!hasTransition) {
53
+ resolve();
54
+ }
99
55
  });
100
- return _next.apply(this, arguments);
101
56
  }
102
-
103
- function end(element, classesOrStyles) {
104
- var mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'remove';
105
- var trs = Transition.getInstance(element);
106
- element.removeEventListener('transitionend', trs.transitionEndHandler, false);
107
-
108
- if (mode === 'remove') {
109
- setClassesOrStyles(element, classesOrStyles.to, 'remove');
57
+ function end(element, classesOrStyles, mode = "remove") {
58
+ const trs = Transition.getInstance(element);
59
+ element.removeEventListener("transitionend", trs.transitionEndHandler, false);
60
+ if (mode === "remove") {
61
+ setClassesOrStyles(element, classesOrStyles.to, "remove");
110
62
  }
111
-
112
- setClassesOrStyles(element, classesOrStyles.active, 'remove');
63
+ setClassesOrStyles(element, classesOrStyles.active, "remove");
113
64
  trs.isTransitioning = false;
114
65
  trs.transitionEndHandler = null;
115
66
  }
116
-
117
- export default function transition(_x5, _x6) {
118
- return _transition.apply(this, arguments);
67
+ async function transition(element, name, endMode = "remove") {
68
+ const classesOrStyles = typeof name === "string" ? {
69
+ from: `${name}-from`,
70
+ active: `${name}-active`,
71
+ to: `${name}-to`
72
+ } : {
73
+ from: "",
74
+ active: "",
75
+ to: "",
76
+ ...name
77
+ };
78
+ const trs = Transition.getInstance(element);
79
+ if (trs.isTransitioning) {
80
+ end(element, classesOrStyles);
81
+ }
82
+ await start(element, classesOrStyles);
83
+ await next(element, classesOrStyles);
84
+ end(element, classesOrStyles, endMode);
85
+ return Promise.resolve();
119
86
  }
120
-
121
- function _transition() {
122
- _transition = _asyncToGenerator(function* (element, name) {
123
- var endMode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'remove';
124
- var classesOrStyles = typeof name === 'string' ? {
125
- from: "".concat(name, "-from"),
126
- active: "".concat(name, "-active"),
127
- to: "".concat(name, "-to")
128
- } : _objectSpread({
129
- from: '',
130
- active: '',
131
- to: ''
132
- }, name);
133
- var trs = Transition.getInstance(element);
134
-
135
- if (trs.isTransitioning) {
136
- end(element, classesOrStyles);
137
- }
138
-
139
- yield start(element, classesOrStyles);
140
- yield next(element, classesOrStyles);
141
- end(element, classesOrStyles, endMode);
142
- return Promise.resolve();
143
- });
144
- return _transition.apply(this, arguments);
145
- }
87
+ export {
88
+ transition as default,
89
+ setClassesOrStyles
90
+ };
@@ -0,0 +1,38 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __reExport = (target, module2, copyDefault, desc) => {
11
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
12
+ for (let key of __getOwnPropNames(module2))
13
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
14
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
15
+ }
16
+ return target;
17
+ };
18
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
19
+ return (module2, temp) => {
20
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
21
+ };
22
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
23
+
24
+ // packages/js-toolkit/utils/debounce.js
25
+ var debounce_exports = {};
26
+ __export(debounce_exports, {
27
+ default: () => debounce
28
+ });
29
+ function debounce(fn, delay = 300) {
30
+ let timeout;
31
+ return function debounced(...args) {
32
+ clearTimeout(timeout);
33
+ timeout = setTimeout(() => {
34
+ fn(...args);
35
+ }, delay);
36
+ };
37
+ }
38
+ module.exports = __toCommonJS(debounce_exports);
package/utils/debounce.js CHANGED
@@ -1,14 +1,12 @@
1
- export default function debounce(fn) {
2
- var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300;
3
- var timeout;
4
- return function debounced() {
5
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
6
- args[_key] = arguments[_key];
7
- }
8
-
1
+ function debounce(fn, delay = 300) {
2
+ let timeout;
3
+ return function debounced(...args) {
9
4
  clearTimeout(timeout);
10
5
  timeout = setTimeout(() => {
11
6
  fn(...args);
12
7
  }, delay);
13
8
  };
14
- }
9
+ }
10
+ export {
11
+ debounce as default
12
+ };
@@ -0,0 +1,88 @@
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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+
29
+ // packages/js-toolkit/utils/focusTrap.js
30
+ var focusTrap_exports = {};
31
+ __export(focusTrap_exports, {
32
+ default: () => useFocusTrap,
33
+ saveActiveElement: () => saveActiveElement,
34
+ trap: () => trap,
35
+ untrap: () => untrap
36
+ });
37
+ var import_keyCodes = __toESM(require("./keyCodes.cjs"), 1);
38
+ var FOCUSABLE_ELEMENTS = [
39
+ 'a[href]:not([tabindex^="-"]):not([inert])',
40
+ 'area[href]:not([tabindex^="-"]):not([inert])',
41
+ "input:not([disabled]):not([inert])",
42
+ "select:not([disabled]):not([inert])",
43
+ "textarea:not([disabled]):not([inert])",
44
+ "button:not([disabled]):not([inert])",
45
+ 'iframe:not([tabindex^="-"]):not([inert])',
46
+ 'audio:not([tabindex^="-"]):not([inert])',
47
+ 'video:not([tabindex^="-"]):not([inert])',
48
+ '[contenteditable]:not([tabindex^="-"]):not([inert])',
49
+ '[tabindex]:not([tabindex^="-"]):not([inert])'
50
+ ];
51
+ var focusedBefore;
52
+ function saveActiveElement() {
53
+ focusedBefore = document.activeElement;
54
+ }
55
+ function trap(element, event) {
56
+ if (event.keyCode !== import_keyCodes.default.TAB) {
57
+ return;
58
+ }
59
+ if (!focusedBefore) {
60
+ focusedBefore = document.activeElement;
61
+ }
62
+ const focusableChildren = Array.from(element.querySelectorAll(FOCUSABLE_ELEMENTS.join(", ")));
63
+ const focusedItemIndex = document.activeElement instanceof HTMLElement ? focusableChildren.indexOf(document.activeElement) : -1;
64
+ if (!focusableChildren.length) {
65
+ return;
66
+ }
67
+ if (focusedItemIndex < 0) {
68
+ focusableChildren[0].focus();
69
+ event.preventDefault();
70
+ }
71
+ if (event.shiftKey && focusedItemIndex === 0) {
72
+ focusableChildren[focusableChildren.length - 1].focus();
73
+ event.preventDefault();
74
+ } else if (!event.shiftKey && focusedItemIndex === focusableChildren.length - 1) {
75
+ focusableChildren[0].focus();
76
+ event.preventDefault();
77
+ }
78
+ }
79
+ function untrap() {
80
+ if (focusedBefore && typeof focusedBefore.focus === "function") {
81
+ focusedBefore.focus();
82
+ focusedBefore = null;
83
+ }
84
+ }
85
+ function useFocusTrap() {
86
+ return { trap, untrap, saveActiveElement };
87
+ }
88
+ module.exports = __toCommonJS(focusTrap_exports);
@@ -1,30 +1,37 @@
1
- import keyCodes from './keyCodes.js';
2
- var FOCUSABLE_ELEMENTS = ['a[href]:not([tabindex^="-"]):not([inert])', 'area[href]:not([tabindex^="-"]):not([inert])', 'input:not([disabled]):not([inert])', 'select:not([disabled]):not([inert])', 'textarea:not([disabled]):not([inert])', 'button:not([disabled]):not([inert])', 'iframe:not([tabindex^="-"]):not([inert])', 'audio:not([tabindex^="-"]):not([inert])', 'video:not([tabindex^="-"]):not([inert])', '[contenteditable]:not([tabindex^="-"]):not([inert])', '[tabindex]:not([tabindex^="-"]):not([inert])'];
3
- var focusedBefore;
4
- export function saveActiveElement() {
1
+ import keyCodes from "./keyCodes.js";
2
+ const FOCUSABLE_ELEMENTS = [
3
+ 'a[href]:not([tabindex^="-"]):not([inert])',
4
+ 'area[href]:not([tabindex^="-"]):not([inert])',
5
+ "input:not([disabled]):not([inert])",
6
+ "select:not([disabled]):not([inert])",
7
+ "textarea:not([disabled]):not([inert])",
8
+ "button:not([disabled]):not([inert])",
9
+ 'iframe:not([tabindex^="-"]):not([inert])',
10
+ 'audio:not([tabindex^="-"]):not([inert])',
11
+ 'video:not([tabindex^="-"]):not([inert])',
12
+ '[contenteditable]:not([tabindex^="-"]):not([inert])',
13
+ '[tabindex]:not([tabindex^="-"]):not([inert])'
14
+ ];
15
+ let focusedBefore;
16
+ function saveActiveElement() {
5
17
  focusedBefore = document.activeElement;
6
18
  }
7
- export function trap(element, event) {
19
+ function trap(element, event) {
8
20
  if (event.keyCode !== keyCodes.TAB) {
9
21
  return;
10
22
  }
11
-
12
23
  if (!focusedBefore) {
13
24
  focusedBefore = document.activeElement;
14
25
  }
15
-
16
- var focusableChildren = Array.from(element.querySelectorAll(FOCUSABLE_ELEMENTS.join(', ')));
17
- var focusedItemIndex = document.activeElement instanceof HTMLElement ? focusableChildren.indexOf(document.activeElement) : -1;
18
-
26
+ const focusableChildren = Array.from(element.querySelectorAll(FOCUSABLE_ELEMENTS.join(", ")));
27
+ const focusedItemIndex = document.activeElement instanceof HTMLElement ? focusableChildren.indexOf(document.activeElement) : -1;
19
28
  if (!focusableChildren.length) {
20
29
  return;
21
30
  }
22
-
23
31
  if (focusedItemIndex < 0) {
24
32
  focusableChildren[0].focus();
25
33
  event.preventDefault();
26
34
  }
27
-
28
35
  if (event.shiftKey && focusedItemIndex === 0) {
29
36
  focusableChildren[focusableChildren.length - 1].focus();
30
37
  event.preventDefault();
@@ -33,16 +40,18 @@ export function trap(element, event) {
33
40
  event.preventDefault();
34
41
  }
35
42
  }
36
- export function untrap() {
37
- if (focusedBefore && typeof focusedBefore.focus === 'function') {
43
+ function untrap() {
44
+ if (focusedBefore && typeof focusedBefore.focus === "function") {
38
45
  focusedBefore.focus();
39
46
  focusedBefore = null;
40
47
  }
41
48
  }
42
- export default function useFocusTrap() {
43
- return {
44
- trap,
45
- untrap,
46
- saveActiveElement
47
- };
48
- }
49
+ function useFocusTrap() {
50
+ return { trap, untrap, saveActiveElement };
51
+ }
52
+ export {
53
+ useFocusTrap as default,
54
+ saveActiveElement,
55
+ trap,
56
+ untrap
57
+ };
@@ -0,0 +1,95 @@
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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __reExport = (target, module2, copyDefault, desc) => {
13
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
+ for (let key of __getOwnPropNames(module2))
15
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
+ }
18
+ return target;
19
+ };
20
+ var __toESM = (module2, isNodeMode) => {
21
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
+ };
23
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
+ return (module2, temp) => {
25
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
+ };
27
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
+
29
+ // packages/js-toolkit/utils/history.js
30
+ var history_exports = {};
31
+ __export(history_exports, {
32
+ objectToURLSearchParams: () => objectToURLSearchParams,
33
+ push: () => push,
34
+ replace: () => replace
35
+ });
36
+ var import_isObject = __toESM(require("./object/isObject.cjs"), 1);
37
+ function updateUrlSearchParam(params, name, value) {
38
+ if (value === "" || value === null || value === void 0) {
39
+ if (params.has(name)) {
40
+ params.delete(name);
41
+ }
42
+ return params;
43
+ }
44
+ if (Array.isArray(value)) {
45
+ value.forEach((val, index) => {
46
+ const arrayName = `${name}[${index}]`;
47
+ updateUrlSearchParam(params, arrayName, val);
48
+ });
49
+ return params;
50
+ }
51
+ if ((0, import_isObject.default)(value)) {
52
+ Object.entries(value).forEach(([key, val]) => {
53
+ const objectName = `${name}[${key}]`;
54
+ updateUrlSearchParam(params, objectName, val);
55
+ });
56
+ return params;
57
+ }
58
+ params.set(name, value);
59
+ return params;
60
+ }
61
+ function objectToURLSearchParams(obj, defaultSearch = typeof window === "undefined" ? "" : window.location.search) {
62
+ return Object.entries(obj).reduce((urlSearchParams, [name, value]) => updateUrlSearchParam(urlSearchParams, name, value), new URLSearchParams(defaultSearch));
63
+ }
64
+ function updateHistory(mode, options, data = {}, title = "") {
65
+ if (!window.history) {
66
+ return;
67
+ }
68
+ const { path, search, hash } = {
69
+ path: window.location.pathname,
70
+ search: new URLSearchParams(window.location.search),
71
+ hash: window.location.hash,
72
+ ...options
73
+ };
74
+ let url = path;
75
+ const mergedSearch = search instanceof URLSearchParams ? search : objectToURLSearchParams(search);
76
+ if (mergedSearch.toString()) {
77
+ url += `?${mergedSearch.toString()}`;
78
+ }
79
+ if (hash) {
80
+ if (hash.startsWith("#")) {
81
+ url += hash;
82
+ } else {
83
+ url += `#${hash}`;
84
+ }
85
+ }
86
+ const method = `${mode}State`;
87
+ window.history[method](data, title, url);
88
+ }
89
+ function push(options, data = {}, title = "") {
90
+ updateHistory("push", options, data, title);
91
+ }
92
+ function replace(options, data = {}, title = "") {
93
+ updateHistory("replace", options, data, title);
94
+ }
95
+ module.exports = __toCommonJS(history_exports);