@studiometa/js-toolkit 2.0.0-beta.10 → 2.0.0-beta.14

package/decorators/withScrolledInView.cjs

@@ -0,0 +1,113 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/decorators/withScrolledInView.js
+var withScrolledInView_exports = {};
+__export(withScrolledInView_exports, {
+  default: () => withScrolledInView
+});
+var import_withMountWhenInView = __toESM(require("./withMountWhenInView.cjs"), 1);
+var import_utils = require("../utils/index.cjs");
+function withScrolledInView(BaseClass, options) {
+  return class extends (0, import_withMountWhenInView.default)(BaseClass, options) {
+    static config = {
+      name: `${BaseClass.config.name}WithMountWhenInView`,
+      emits: ["scrolledInView"]
+    };
+    __props = {
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 0,
+        y: 0
+      },
+      current: {
+        x: 0,
+        y: 0
+      },
+      progress: {
+        x: 0,
+        y: 0
+      },
+      dampedProgress: {
+        x: 0,
+        y: 0
+      }
+    };
+    dampFactor = 0.1;
+    dampPrecision = 1e-3;
+    mounted() {
+      this.__setProps();
+    }
+    resized() {
+      this.__setProps();
+    }
+    scrolled(props) {
+      if (!this.$services.has("ticked") && props.changed.y || props.changed.x) {
+        this.$services.enable("ticked");
+      }
+    }
+    ticked() {
+      this.__props.current.x = (0, import_utils.clamp)(window.pageXOffset, this.__props.start.x, this.__props.end.x);
+      this.__props.progress.x = (0, import_utils.clamp01)((this.__props.current.x - this.__props.start.x) / (this.__props.end.x - this.__props.start.x));
+      this.__props.dampedProgress.x = (0, import_utils.damp)(this.__props.progress.x, this.__props.dampedProgress.x, this.dampFactor, this.dampPrecision);
+      this.__props.current.y = (0, import_utils.clamp)(window.pageYOffset, this.__props.start.y, this.__props.end.y);
+      this.__props.progress.y = (0, import_utils.clamp01)((this.__props.current.y - this.__props.start.y) / (this.__props.end.y - this.__props.start.y));
+      this.__props.dampedProgress.y = (0, import_utils.damp)(this.__props.progress.y, this.__props.dampedProgress.y, this.dampFactor, this.dampPrecision);
+      if (this.__props.dampedProgress.x === this.__props.progress.x && this.__props.dampedProgress.y === this.__props.progress.y) {
+        this.$services.disable("ticked");
+      }
+      this.__callMethod("scrolledInView", this.__props);
+    }
+    __setProps() {
+      const sizes = this.$el.getBoundingClientRect();
+      const yEnd = sizes.top + window.pageYOffset + sizes.height;
+      const yStart = yEnd - window.innerHeight - sizes.height;
+      const yCurrent = (0, import_utils.clamp)(window.pageYOffset, yStart, yEnd);
+      const yProgress = (0, import_utils.clamp01)((yCurrent - yStart) / (yEnd - yStart));
+      const xEnd = sizes.left + window.pageXOffset + sizes.width;
+      const xStart = xEnd - window.innerWidth - sizes.width;
+      const xCurrent = (0, import_utils.clamp)(window.pageXOffset, xStart, xEnd);
+      const xProgress = (0, import_utils.clamp01)((xCurrent - xStart) / (xEnd - xStart));
+      this.__props.start.x = xStart;
+      this.__props.start.y = yStart;
+      this.__props.end.x = xEnd;
+      this.__props.end.y = yEnd;
+      this.__props.current.x = xCurrent;
+      this.__props.current.y = yCurrent;
+      this.__props.progress.x = xProgress;
+      this.__props.progress.y = yProgress;
+      this.__props.dampedProgress.x = (0, import_utils.damp)(xProgress, this.__props.dampedProgress.x);
+      this.__props.dampedProgress.y = (0, import_utils.damp)(yProgress, this.__props.dampedProgress.y);
+    }
+  };
+}
+module.exports = __toCommonJS(withScrolledInView_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withScrolledInView.js

@@ -1,55 +1,46 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import withMountWhenInView from './withMountWhenInView.js';
-import { damp, clamp, clamp01 } from '../utils/index.js';
-export default function withScrolledInView(BaseClass, options) {
-  var _class, _temp;
-
-  return _temp = _class = class extends withMountWhenInView(BaseClass, options) {
-    constructor() {
-      super(...arguments);
-
-      _defineProperty(this, "__props", {
-        start: {
-          x: 0,
-          y: 0
-        },
-        end: {
-          x: 0,
-          y: 0
-        },
-        current: {
-          x: 0,
-          y: 0
-        },
-        progress: {
-          x: 0,
-          y: 0
-        },
-        dampedProgress: {
-          x: 0,
-          y: 0
-        }
-      });
-
-      _defineProperty(this, "dampFactor", 0.1);
-
-      _defineProperty(this, "dampPrecision", 0.001);
-    }
-
+import withMountWhenInView from "./withMountWhenInView.js";
+import { damp, clamp, clamp01 } from "../utils/index.js";
+function withScrolledInView(BaseClass, options) {
+  return class extends withMountWhenInView(BaseClass, options) {
+    static config = {
+      name: `${BaseClass.config.name}WithMountWhenInView`,
+      emits: ["scrolledInView"]
+    };
+    __props = {
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 0,
+        y: 0
+      },
+      current: {
+        x: 0,
+        y: 0
+      },
+      progress: {
+        x: 0,
+        y: 0
+      },
+      dampedProgress: {
+        x: 0,
+        y: 0
+      }
+    };
+    dampFactor = 0.1;
+    dampPrecision = 1e-3;
     mounted() {
       this.__setProps();
     }
-
     resized() {
       this.__setProps();
     }
-
     scrolled(props) {
-      if (!this.$services.has('ticked') && props.changed.y || props.changed.x) {
-        this.$services.enable('ticked');
+      if (!this.$services.has("ticked") && props.changed.y || props.changed.x) {
+        this.$services.enable("ticked");
       }
     }
-
     ticked() {
       this.__props.current.x = clamp(window.pageXOffset, this.__props.start.x, this.__props.end.x);
       this.__props.progress.x = clamp01((this.__props.current.x - this.__props.start.x) / (this.__props.end.x - this.__props.start.x));
@@ -57,24 +48,21 @@ export default function withScrolledInView(BaseClass, options) {
       this.__props.current.y = clamp(window.pageYOffset, this.__props.start.y, this.__props.end.y);
       this.__props.progress.y = clamp01((this.__props.current.y - this.__props.start.y) / (this.__props.end.y - this.__props.start.y));
       this.__props.dampedProgress.y = damp(this.__props.progress.y, this.__props.dampedProgress.y, this.dampFactor, this.dampPrecision);
-
       if (this.__props.dampedProgress.x === this.__props.progress.x && this.__props.dampedProgress.y === this.__props.progress.y) {
-        this.$services.disable('ticked');
+        this.$services.disable("ticked");
       }
-
-      this.__callMethod('scrolledInView', this.__props);
+      this.__callMethod("scrolledInView", this.__props);
     }
-
     __setProps() {
-      var sizes = this.$el.getBoundingClientRect();
-      var yEnd = sizes.top + window.pageYOffset + sizes.height;
-      var yStart = yEnd - window.innerHeight - sizes.height;
-      var yCurrent = clamp(window.pageYOffset, yStart, yEnd);
-      var yProgress = clamp01((yCurrent - yStart) / (yEnd - yStart));
-      var xEnd = sizes.left + window.pageXOffset + sizes.width;
-      var xStart = xEnd - window.innerWidth - sizes.width;
-      var xCurrent = clamp(window.pageXOffset, xStart, xEnd);
-      var xProgress = clamp01((xCurrent - xStart) / (xEnd - xStart));
+      const sizes = this.$el.getBoundingClientRect();
+      const yEnd = sizes.top + window.pageYOffset + sizes.height;
+      const yStart = yEnd - window.innerHeight - sizes.height;
+      const yCurrent = clamp(window.pageYOffset, yStart, yEnd);
+      const yProgress = clamp01((yCurrent - yStart) / (yEnd - yStart));
+      const xEnd = sizes.left + window.pageXOffset + sizes.width;
+      const xStart = xEnd - window.innerWidth - sizes.width;
+      const xCurrent = clamp(window.pageXOffset, xStart, xEnd);
+      const xProgress = clamp01((xCurrent - xStart) / (xEnd - xStart));
       this.__props.start.x = xStart;
       this.__props.start.y = yStart;
       this.__props.end.x = xEnd;
@@ -86,9 +74,8 @@ export default function withScrolledInView(BaseClass, options) {
       this.__props.dampedProgress.x = damp(xProgress, this.__props.dampedProgress.x);
       this.__props.dampedProgress.y = damp(yProgress, this.__props.dampedProgress.y);
     }
-
-  }, _defineProperty(_class, "config", {
-    name: "".concat(BaseClass.config.name, "WithMountWhenInView"),
-    emits: ['scrolledInView']
-  }), _temp;
-}
+  };
+}
+export {
+  withScrolledInView as default
+};

package/decorators/withVue2.cjs

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/decorators/withVue2.js
+var withVue2_exports = {};
+__export(withVue2_exports, {
+  default: () => withVue2_default
+});
+var withVue2_default = (BaseClass, Vue) => {
+  return class WithVue2 extends BaseClass {
+    static config = {
+      ...BaseClass.config || {},
+      name: `${BaseClass?.config?.name ?? ""}WithVue`,
+      refs: [...BaseClass?.config?.refs ?? [], "vue"]
+    };
+    $vue;
+    static vueConfig;
+    constructor(element) {
+      super(element);
+      const { vueConfig } = this.constructor;
+      if (!vueConfig) {
+        throw new Error("[withVue] You must define a `vueConfig` object.");
+      }
+      if (typeof vueConfig.render !== "function") {
+        throw new Error("[withVue] You must define a `render` function in vueConfig.");
+      }
+      this.$vue = new Vue(vueConfig);
+      this.$on("mounted", () => {
+        if (!(this.$refs.vue instanceof HTMLElement)) {
+          throw new Error("[withVue] The `vue` refs must be a single HTMLElement.");
+        }
+        this.$vue.$mount(this.$refs.vue);
+      });
+      this.$on("destroyed", () => {
+        this.$vue.$destroy();
+      });
+    }
+  };
+};
+module.exports = __toCommonJS(withVue2_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withVue2.js

@@ -1,45 +1,34 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-export default ((BaseClass, Vue) => {
-  var _class, _temp, _BaseClass$config$nam, _BaseClass$config, _BaseClass$config$ref, _BaseClass$config2;
-
-  return _temp = _class = class WithVue2 extends BaseClass {
+var withVue2_default = (BaseClass, Vue) => {
+  return class WithVue2 extends BaseClass {
+    static config = {
+      ...BaseClass.config || {},
+      name: `${BaseClass?.config?.name ?? ""}WithVue`,
+      refs: [...BaseClass?.config?.refs ?? [], "vue"]
+    };
+    $vue;
+    static vueConfig;
     constructor(element) {
       super(element);
-
-      _defineProperty(this, "$vue", void 0);
-
-      var {
-        vueConfig
-      } = this.constructor;
-
+      const { vueConfig } = this.constructor;
       if (!vueConfig) {
-        throw new Error('[withVue] You must define a `vueConfig` object.');
+        throw new Error("[withVue] You must define a `vueConfig` object.");
       }
-
-      if (typeof vueConfig.render !== 'function') {
-        throw new Error('[withVue] You must define a `render` function in vueConfig.');
+      if (typeof vueConfig.render !== "function") {
+        throw new Error("[withVue] You must define a `render` function in vueConfig.");
       }
-
       this.$vue = new Vue(vueConfig);
-      this.$on('mounted', () => {
+      this.$on("mounted", () => {
         if (!(this.$refs.vue instanceof HTMLElement)) {
-          throw new Error('[withVue] The `vue` refs must be a single HTMLElement.');
+          throw new Error("[withVue] The `vue` refs must be a single HTMLElement.");
         }
-
         this.$vue.$mount(this.$refs.vue);
       });
-      this.$on('destroyed', () => {
+      this.$on("destroyed", () => {
         this.$vue.$destroy();
       });
     }
-
-  }, _defineProperty(_class, "config", _objectSpread(_objectSpread({}, BaseClass.config || {}), {}, {
-    name: "".concat((_BaseClass$config$nam = BaseClass === null || BaseClass === void 0 ? void 0 : (_BaseClass$config = BaseClass.config) === null || _BaseClass$config === void 0 ? void 0 : _BaseClass$config.name) !== null && _BaseClass$config$nam !== void 0 ? _BaseClass$config$nam : '', "WithVue"),
-    refs: [...((_BaseClass$config$ref = BaseClass === null || BaseClass === void 0 ? void 0 : (_BaseClass$config2 = BaseClass.config) === null || _BaseClass$config2 === void 0 ? void 0 : _BaseClass$config2.refs) !== null && _BaseClass$config$ref !== void 0 ? _BaseClass$config$ref : []), 'vue']
-  })), _defineProperty(_class, "vueConfig", void 0), _temp;
-});
+  };
+};
+export {
+  withVue2_default as default
+};

package/helpers/createApp.cjs

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/helpers/createApp.js
+var createApp_exports = {};
+__export(createApp_exports, {
+  default: () => createApp
+});
+function createApp(App, rootElement) {
+  let isLoaded = document.readyState === "complete";
+  let app;
+  if (!isLoaded) {
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
+        app = new App(rootElement).$mount();
+        isLoaded = true;
+      }
+    });
+  } else {
+    app = new App(rootElement).$mount();
+  }
+  const promise = new Promise((resolve) => {
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
+        setTimeout(() => resolve(app), 0);
+      }
+    });
+  });
+  return function useApp() {
+    if (isLoaded) {
+      return Promise.resolve(app);
+    }
+    return promise;
+  };
+}
+module.exports = __toCommonJS(createApp_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/createApp.js

@@ -1,10 +1,9 @@
-export default function createApp(App, rootElement) {
-  var isLoaded = document.readyState === 'complete';
-  var app;
-
+function createApp(App, rootElement) {
+  let isLoaded = document.readyState === "complete";
+  let app;
   if (!isLoaded) {
-    document.addEventListener('readystatechange', () => {
-      if (document.readyState === 'complete') {
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
         app = new App(rootElement).$mount();
         isLoaded = true;
       }
@@ -12,10 +11,9 @@ export default function createApp(App, rootElement) {
   } else {
     app = new App(rootElement).$mount();
   }
-
-  var promise = new Promise(resolve => {
-    document.addEventListener('readystatechange', () => {
-      if (document.readyState === 'complete') {
+  const promise = new Promise((resolve) => {
+    document.addEventListener("readystatechange", () => {
+      if (document.readyState === "complete") {
         setTimeout(() => resolve(app), 0);
       }
     });
@@ -24,7 +22,9 @@ export default function createApp(App, rootElement) {
     if (isLoaded) {
       return Promise.resolve(app);
     }
-
     return promise;
   };
-}
+}
+export {
+  createApp as default
+};

package/helpers/importOnInteraction.cjs

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/helpers/importOnInteraction.js
+var importOnInteraction_exports = {};
+__export(importOnInteraction_exports, {
+  default: () => importOnInteraction
+});
+var import_utils = require("./utils.cjs");
+function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
+  const normalizedEvents = typeof events === "string" ? [events] : events;
+  let ResolvedClass;
+  const resolver = (resolve) => {
+    fn().then((module2) => {
+      ResolvedClass = "default" in module2 ? module2.default : module2;
+      resolve(ResolvedClass);
+    });
+  };
+  return new Promise((resolve) => {
+    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent?.$el);
+    const eventListenerOptions = {
+      capture: true,
+      passive: true,
+      once: true
+    };
+    const handler = () => {
+      resolver(resolve);
+    };
+    elements.forEach((element) => {
+      normalizedEvents.forEach((event) => {
+        element.addEventListener(event, handler, eventListenerOptions);
+      });
+    });
+  });
+}
+module.exports = __toCommonJS(importOnInteraction_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importOnInteraction.js

@@ -1,31 +1,30 @@
-import { getTargetElements } from './utils.js';
-export default function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
-  var normalizedEvents = typeof events === 'string' ? [events] : events;
-  var ResolvedClass;
-
-  var resolver = resolve => {
-    fn().then(module => {
-      ResolvedClass = 'default' in module ? module.default : module;
+import { getTargetElements } from "./utils.js";
+function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
+  const normalizedEvents = typeof events === "string" ? [events] : events;
+  let ResolvedClass;
+  const resolver = (resolve) => {
+    fn().then((module) => {
+      ResolvedClass = "default" in module ? module.default : module;
       resolve(ResolvedClass);
     });
   };
-
-  return new Promise(resolve => {
-    var elements = getTargetElements(nameOrSelectorOrElement, parent === null || parent === void 0 ? void 0 : parent.$el);
-    var eventListenerOptions = {
+  return new Promise((resolve) => {
+    const elements = getTargetElements(nameOrSelectorOrElement, parent?.$el);
+    const eventListenerOptions = {
       capture: true,
       passive: true,
       once: true
     };
-
-    var handler = () => {
+    const handler = () => {
       resolver(resolve);
     };
-
-    elements.forEach(element => {
-      normalizedEvents.forEach(event => {
+    elements.forEach((element) => {
+      normalizedEvents.forEach((event) => {
         element.addEventListener(event, handler, eventListenerOptions);
       });
     });
   });
-}
+}
+export {
+  importOnInteraction as default
+};

package/helpers/importWhenIdle.cjs

@@ -0,0 +1,53 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+
+// packages/js-toolkit/helpers/importWhenIdle.js
+var importWhenIdle_exports = {};
+__export(importWhenIdle_exports, {
+  default: () => importWhenIdle
+});
+function importWhenIdle(fn, options) {
+  let ResolvedClass;
+  const resolver = (resolve) => {
+    fn().then((module2) => {
+      ResolvedClass = "default" in module2 ? module2.default : module2;
+      resolve(ResolvedClass);
+    });
+  };
+  return new Promise((resolve) => {
+    const timeout = options?.timeout ?? 1;
+    if (!("requestIdleCallback" in window)) {
+      setTimeout(() => {
+        resolver(resolve);
+      }, timeout);
+    } else {
+      window.requestIdleCallback(() => {
+        setTimeout(() => {
+          resolver(resolve);
+        }, 0);
+      }, { timeout: options?.timeout });
+    }
+  });
+}
+module.exports = __toCommonJS(importWhenIdle_exports);
+if (module.exports.default) module.exports = module.exports.default;