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

package/decorators/withMountWhenInView.cjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -20,6 +21,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withMountWhenInView.js
 var withMountWhenInView_exports = {};
@@ -27,23 +32,16 @@ __export(withMountWhenInView_exports, {
   default: () => withMountWhenInView
 });
 function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config || {},
-      name: `${BaseClass?.config?.name ?? ""}WithMountWhenInView`,
-      options: {
-        ...BaseClass?.config?.options || {},
-        intersectionObserver: Object
-      }
-    };
-    #isVisible = false;
-    #observer;
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
-      this.#observer = new IntersectionObserver((entries) => {
+      __publicField(this, "__isVisible", false);
+      __publicField(this, "__observer");
+      this.__observer = new IntersectionObserver((entries) => {
         const isVisible = entries.reduce((acc, entry) => acc || entry.isIntersecting, false);
-        if (this.#isVisible !== isVisible) {
-          this.#isVisible = isVisible;
+        if (this.__isVisible !== isVisible) {
+          this.__isVisible = isVisible;
           if (isVisible) {
             this.$mount();
           } else {
@@ -51,18 +49,26 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
           }
         }
       }, { ...defaultOptions, ...this.$options.intersectionObserver });
-      this.#observer.observe(this.$el);
+      this.__observer.observe(this.$el);
       this.$on("terminated", () => {
-        this.#observer.disconnect();
+        this.__observer.disconnect();
       });
       return this;
     }
     $mount() {
-      if (this.#isVisible) {
+      if (this.__isVisible) {
         super.$mount();
       }
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    }
+  }), _b;
 }
 module.exports = __toCommonJS(withMountWhenInView_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withMountWhenInView.js

@@ -1,21 +1,20 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config || {},
-      name: `${BaseClass?.config?.name ?? ""}WithMountWhenInView`,
-      options: {
-        ...BaseClass?.config?.options || {},
-        intersectionObserver: Object
-      }
-    };
-    #isVisible = false;
-    #observer;
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
-      this.#observer = new IntersectionObserver((entries) => {
+      __publicField(this, "__isVisible", false);
+      __publicField(this, "__observer");
+      this.__observer = new IntersectionObserver((entries) => {
         const isVisible = entries.reduce((acc, entry) => acc || entry.isIntersecting, false);
-        if (this.#isVisible !== isVisible) {
-          this.#isVisible = isVisible;
+        if (this.__isVisible !== isVisible) {
+          this.__isVisible = isVisible;
           if (isVisible) {
             this.$mount();
           } else {
@@ -23,19 +22,26 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
           }
         }
       }, { ...defaultOptions, ...this.$options.intersectionObserver });
-      this.#observer.observe(this.$el);
+      this.__observer.observe(this.$el);
       this.$on("terminated", () => {
-        this.#observer.disconnect();
+        this.__observer.disconnect();
       });
       return this;
     }
     $mount() {
-      if (this.#isVisible) {
+      if (this.__isVisible) {
         super.$mount();
       }
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    }
+  }), _b;
 }
 export {
   withMountWhenInView as default

package/decorators/withScrolledInView.cjs

@@ -4,6 +4,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,6 +26,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withScrolledInView.js
 var withScrolledInView_exports = {};
@@ -34,35 +39,35 @@ __export(withScrolledInView_exports, {
 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;
+  var _a;
+  return _a = class extends (0, import_withMountWhenInView.default)(BaseClass, options) {
+    constructor() {
+      super(...arguments);
+      __publicField(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
+        }
+      });
+      __publicField(this, "dampFactor", 0.1);
+      __publicField(this, "dampPrecision", 1e-3);
+    }
     mounted() {
       this.__setProps();
     }
@@ -107,6 +112,10 @@ function withScrolledInView(BaseClass, options) {
       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);
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    emits: ["scrolledInView"]
+  }), _a;
 }
 module.exports = __toCommonJS(withScrolledInView_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withScrolledInView.js

@@ -1,35 +1,41 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 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;
+  var _a;
+  return _a = class extends withMountWhenInView(BaseClass, options) {
+    constructor() {
+      super(...arguments);
+      __publicField(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
+        }
+      });
+      __publicField(this, "dampFactor", 0.1);
+      __publicField(this, "dampPrecision", 1e-3);
+    }
     mounted() {
       this.__setProps();
     }
@@ -74,7 +80,10 @@ function withScrolledInView(BaseClass, options) {
       this.__props.dampedProgress.x = damp(xProgress, this.__props.dampedProgress.x);
       this.__props.dampedProgress.y = damp(yProgress, this.__props.dampedProgress.y);
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    emits: ["scrolledInView"]
+  }), _a;
 }
 export {
   withScrolledInView as default

package/decorators/withVue2.cjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -20,6 +21,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withVue2.js
 var withVue2_exports = {};
@@ -27,16 +32,11 @@ __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;
+  var _a, _b, _c;
+  return _c = class extends BaseClass {
     constructor(element) {
       super(element);
+      __publicField(this, "$vue");
       const { vueConfig } = this.constructor;
       if (!vueConfig) {
         throw new Error("[withVue] You must define a `vueConfig` object.");
@@ -55,6 +55,11 @@ var withVue2_default = (BaseClass, Vue) => {
         this.$vue.$destroy();
       });
     }
-  };
+  }, __publicField(_c, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithVue`,
+    refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
+  }), __publicField(_c, "vueConfig"), _c;
 };
 module.exports = __toCommonJS(withVue2_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withVue2.js

@@ -1,14 +1,15 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 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;
+  var _a, _b, _c;
+  return _c = class extends BaseClass {
     constructor(element) {
       super(element);
+      __publicField(this, "$vue");
       const { vueConfig } = this.constructor;
       if (!vueConfig) {
         throw new Error("[withVue] You must define a `vueConfig` object.");
@@ -27,7 +28,11 @@ var withVue2_default = (BaseClass, Vue) => {
         this.$vue.$destroy();
       });
     }
-  };
+  }, __publicField(_c, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithVue`,
+    refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
+  }), __publicField(_c, "vueConfig"), _c;
 };
 export {
   withVue2_default as default

package/helpers/createApp.cjs

@@ -54,3 +54,4 @@ function createApp(App, rootElement) {
   };
 }
 module.exports = __toCommonJS(createApp_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importOnInteraction.cjs

@@ -37,7 +37,7 @@ function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
     });
   };
   return new Promise((resolve) => {
-    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent?.$el);
+    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     const eventListenerOptions = {
       capture: true,
       passive: true,
@@ -54,3 +54,4 @@ function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
   });
 }
 module.exports = __toCommonJS(importOnInteraction_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importOnInteraction.js

@@ -9,7 +9,7 @@ function importOnInteraction(fn, nameOrSelectorOrElement, events, parent) {
     });
   };
   return new Promise((resolve) => {
-    const elements = getTargetElements(nameOrSelectorOrElement, parent?.$el);
+    const elements = getTargetElements(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     const eventListenerOptions = {
       capture: true,
       passive: true,

package/helpers/importWhenIdle.cjs

@@ -35,7 +35,8 @@ function importWhenIdle(fn, options) {
     });
   };
   return new Promise((resolve) => {
-    const timeout = options?.timeout ?? 1;
+    var _a;
+    const timeout = (_a = options == null ? void 0 : options.timeout) != null ? _a : 1;
     if (!("requestIdleCallback" in window)) {
       setTimeout(() => {
         resolver(resolve);
@@ -45,8 +46,9 @@ function importWhenIdle(fn, options) {
         setTimeout(() => {
           resolver(resolve);
         }, 0);
-      }, { timeout: options?.timeout });
+      }, { timeout: options == null ? void 0 : options.timeout });
     }
   });
 }
 module.exports = __toCommonJS(importWhenIdle_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importWhenIdle.js

@@ -7,7 +7,8 @@ function importWhenIdle(fn, options) {
     });
   };
   return new Promise((resolve) => {
-    const timeout = options?.timeout ?? 1;
+    var _a;
+    const timeout = (_a = options == null ? void 0 : options.timeout) != null ? _a : 1;
     if (!("requestIdleCallback" in window)) {
       setTimeout(() => {
         resolver(resolve);
@@ -17,7 +18,7 @@ function importWhenIdle(fn, options) {
         setTimeout(() => {
           resolver(resolve);
         }, 0);
-      }, { timeout: options?.timeout });
+      }, { timeout: options == null ? void 0 : options.timeout });
     }
   });
 }

package/helpers/importWhenVisible.cjs

@@ -47,8 +47,9 @@ function importWhenVisible(fn, nameOrSelectorOrElement, parent, observerOptions
         }, 0);
       }
     }, observerOptions);
-    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent?.$el);
+    const elements = (0, import_utils.getTargetElements)(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     elements.forEach((element) => observer.observe(element));
   });
 }
 module.exports = __toCommonJS(importWhenVisible_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/importWhenVisible.js

@@ -19,7 +19,7 @@ function importWhenVisible(fn, nameOrSelectorOrElement, parent, observerOptions
         }, 0);
       }
     }, observerOptions);
-    const elements = getTargetElements(nameOrSelectorOrElement, parent?.$el);
+    const elements = getTargetElements(nameOrSelectorOrElement, parent == null ? void 0 : parent.$el);
     elements.forEach((element) => observer.observe(element));
   });
 }

package/helpers/index.cjs

@@ -39,3 +39,4 @@ var import_importOnInteraction = __toESM(require("./importOnInteraction.cjs"), 1
 var import_importWhenIdle = __toESM(require("./importWhenIdle.cjs"), 1);
 var import_importWhenVisible = __toESM(require("./importWhenVisible.cjs"), 1);
 module.exports = __toCommonJS(helpers_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/helpers/utils.cjs

@@ -37,3 +37,4 @@ function getTargetElements(nameOrSelectorOrElement, context) {
   return nameOrSelectorOrElement;
 }
 module.exports = __toCommonJS(utils_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/index.cjs

@@ -36,3 +36,4 @@ __reExport(js_toolkit_exports, require("./decorators/index.cjs"));
 __reExport(js_toolkit_exports, require("./helpers/index.cjs"));
 __reExport(js_toolkit_exports, require("./services/index.cjs"));
 module.exports = __toCommonJS(js_toolkit_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "2.0.0-beta.13",
+  "version": "2.0.0-beta.17",
   "description": "A set of useful little bits of JavaScript to boost your project! 🚀",
   "publishConfig": {
     "access": "public"
@@ -39,7 +39,6 @@
     "toolkit"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.15.4",
     "deepmerge": "^4.2.2"
   }
 }

package/services/Service.cjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -20,6 +21,10 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/services/Service.js
 var Service_exports = {};
@@ -28,10 +33,10 @@ __export(Service_exports, {
 });
 var Service = class {
   constructor() {
+    __publicField(this, "props");
     this.callbacks = /* @__PURE__ */ new Map();
     this.isInit = false;
   }
-  props;
   updateProps(...args) {
     this.props = args;
     throw new Error("The `updateProps` method must be implemented.");
@@ -73,3 +78,4 @@ var Service = class {
   }
 };
 module.exports = __toCommonJS(Service_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/services/Service.js

@@ -1,9 +1,15 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 class Service {
   constructor() {
+    __publicField(this, "props");
     this.callbacks = /* @__PURE__ */ new Map();
     this.isInit = false;
   }
-  props;
   updateProps(...args) {
     this.props = args;
     throw new Error("The `updateProps` method must be implemented.");