@studiometa/js-toolkit 2.3.0 → 2.4.0

package/Base/managers/OptionsManager.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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -18,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/Base/managers/OptionsManager.js
 var OptionsManager_exports = {};
@@ -48,13 +53,14 @@ function __getPropertyName(name, prefix = "") {
   return propertyName;
 }
 function __register(that, name, config) {
+  var _a;
   if (!types.has(config.type)) {
     if (import_utils.isDev) {
       throw new Error(`The "${name}" option has an invalid type. The allowed types are: String, Number, Boolean, Array and Object.`);
     }
     return;
   }
-  config.default = config.default ?? __defaultValues[config.type.name];
+  config.default = (_a = config.default) != null ? _a : __defaultValues[config.type.name];
   if ((config.type === Array || config.type === Object) && !(0, import_utils.isFunction)(config.default)) {
     if (import_utils.isDev) {
       throw new Error(`The default value for options of type "${config.type.name}" must be returned by a function.`);
@@ -72,22 +78,23 @@ function __register(that, name, config) {
   });
 }
 var OptionsManager = class extends import_AbstractManager.default {
-  __values = {};
-  name = "Base";
-  debug = false;
-  log = false;
   constructor(base) {
+    var _a, _b;
     super(base);
+    __publicField(this, "__values", {});
+    __publicField(this, "name", "Base");
+    __publicField(this, "debug", false);
+    __publicField(this, "log", false);
     this.__hideProperties(["__values", "__defaultValues"]);
     const schema = this.__config.options || {};
     this.name = this.__config.name;
     schema.debug = {
       type: Boolean,
-      default: this.__config.debug ?? false
+      default: (_a = this.__config.debug) != null ? _a : false
     };
     schema.log = {
       type: Boolean,
-      default: this.__config.log ?? false
+      default: (_b = this.__config.log) != null ? _b : false
     };
     Object.entries(schema).forEach(([name, config]) => {
       __register(this, name, types.has(config) ? { type: config } : config);

package/Base/managers/OptionsManager.js

@@ -1,3 +1,9 @@
+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 deepmerge from "deepmerge";
 import AbstractManager from "./AbstractManager.js";
 import { isDev, isFunction, isDefined, isBoolean, isArray, isObject } from "../../utils/index.js";
@@ -20,13 +26,14 @@ function __getPropertyName(name, prefix = "") {
   return propertyName;
 }
 function __register(that, name, config) {
+  var _a;
   if (!types.has(config.type)) {
     if (isDev) {
       throw new Error(`The "${name}" option has an invalid type. The allowed types are: String, Number, Boolean, Array and Object.`);
     }
     return;
   }
-  config.default = config.default ?? __defaultValues[config.type.name];
+  config.default = (_a = config.default) != null ? _a : __defaultValues[config.type.name];
   if ((config.type === Array || config.type === Object) && !isFunction(config.default)) {
     if (isDev) {
       throw new Error(`The default value for options of type "${config.type.name}" must be returned by a function.`);
@@ -44,22 +51,23 @@ function __register(that, name, config) {
   });
 }
 class OptionsManager extends AbstractManager {
-  __values = {};
-  name = "Base";
-  debug = false;
-  log = false;
   constructor(base) {
+    var _a, _b;
     super(base);
+    __publicField(this, "__values", {});
+    __publicField(this, "name", "Base");
+    __publicField(this, "debug", false);
+    __publicField(this, "log", false);
     this.__hideProperties(["__values", "__defaultValues"]);
     const schema = this.__config.options || {};
     this.name = this.__config.name;
     schema.debug = {
       type: Boolean,
-      default: this.__config.debug ?? false
+      default: (_a = this.__config.debug) != null ? _a : false
     };
     schema.log = {
       type: Boolean,
-      default: this.__config.log ?? false
+      default: (_b = this.__config.log) != null ? _b : false
     };
     Object.entries(schema).forEach(([name, config]) => {
       __register(this, name, types.has(config) ? { type: config } : config);

package/Base/managers/RefsManager.cjs

@@ -65,7 +65,8 @@ function __unregister(that, refName) {
 }
 var RefsManager = class extends import_AbstractManager.default {
   get __refs() {
-    return this.__config.refs ?? [];
+    var _a;
+    return (_a = this.__config.refs) != null ? _a : [];
   }
   registerAll() {
     this.__refs.forEach((refName) => __register(this, refName));

package/Base/managers/RefsManager.js

@@ -37,7 +37,8 @@ function __unregister(that, refName) {
 }
 class RefsManager extends AbstractManager {
   get __refs() {
-    return this.__config.refs ?? [];
+    var _a;
+    return (_a = this.__config.refs) != null ? _a : [];
   }
   registerAll() {
     this.__refs.forEach((refName) => __register(this, refName));

package/Base/managers/ServicesManager.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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -18,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/Base/managers/ServicesManager.js
 var ServicesManager_exports = {};
@@ -43,7 +48,10 @@ var SERVICES_MAP = {
 };
 var SERVICE_NAMES = Object.keys(SERVICES_MAP);
 var ServicesManager = class extends import_AbstractManager.default {
-  __customServices = {};
+  constructor() {
+    super(...arguments);
+    __publicField(this, "__customServices", {});
+  }
   get __services() {
     return {
       ...this.__customServices,

package/Base/managers/ServicesManager.js

@@ -1,3 +1,9 @@
+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 usePointer from "../../services/pointer.js";
 import useRaf from "../../services/raf.js";
 import useResize from "../../services/resize.js";
@@ -16,7 +22,10 @@ const SERVICES_MAP = {
 };
 const SERVICE_NAMES = Object.keys(SERVICES_MAP);
 class ServicesManager extends AbstractManager {
-  __customServices = {};
+  constructor() {
+    super(...arguments);
+    __publicField(this, "__customServices", {});
+  }
   get __services() {
     return {
       ...this.__customServices,

package/README.md

@@ -5,7 +5,7 @@
 [![Dependency Status](https://img.shields.io/librariesio/release/npm/@studiometa/js-toolkit?style=flat-square)](https://david-dm.org/studiometa/js-toolkit)
 ![Codecov](https://img.shields.io/codecov/c/github/studiometa/js-toolkit?style=flat-square)
 
-> A set of useful little bits of JavaScript to boost your project! 🚀
+> A JavaScript data-attributes driven micro-framework shipped with plenty of useful utility functions to boost your project.
 
 ## Installation
 
@@ -15,9 +15,9 @@ Install the latest version via NPM:
 npm install @studiometa/js-toolkit
 ```
 
-## Documentation
+## What is it?
 
-This project contains a JavaScript micro-framework and its utility functions whose main objectives are:
+This project is a JavaScript micro-framework (along with its utility functions) whose main objectives are:
 
 - Enforcing best-practice and consistency between projects
 - Using elements from the DOM easily

package/decorators/withBreakpointObserver.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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -18,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withBreakpointObserver.js
 var withBreakpointObserver_exports = {};
@@ -63,16 +68,8 @@ function addToResize(key, instance) {
   }
 }
 function withBreakpointObserver(BaseClass) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config,
-      name: `${BaseClass.config.name}WithBreakpointObserver`,
-      options: {
-        ...BaseClass.config?.options || {},
-        activeBreakpoints: String,
-        inactiveBreakpoints: String
-      }
-    };
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
       const { remove, props } = (0, import_resize.default)();
@@ -110,6 +107,14 @@ function withBreakpointObserver(BaseClass) {
       }
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithBreakpointObserver`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      activeBreakpoints: String,
+      inactiveBreakpoints: String
+    }
+  }), _b;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withBreakpointObserver.js

@@ -1,3 +1,9 @@
+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 useResize from "../services/resize.js";
 import { isDev } from "../utils/index.js";
 function testBreakpoints(instance, breakpoint = useResize().props().breakpoint) {
@@ -36,16 +42,8 @@ function addToResize(key, instance) {
   }
 }
 function withBreakpointObserver(BaseClass) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config,
-      name: `${BaseClass.config.name}WithBreakpointObserver`,
-      options: {
-        ...BaseClass.config?.options || {},
-        activeBreakpoints: String,
-        inactiveBreakpoints: String
-      }
-    };
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
       const { remove, props } = useResize();
@@ -83,7 +81,15 @@ function withBreakpointObserver(BaseClass) {
       }
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithBreakpointObserver`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      activeBreakpoints: String,
+      inactiveBreakpoints: String
+    }
+  }), _b;
 }
 export {
   withBreakpointObserver as default

package/decorators/withDrag.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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -18,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withDrag.js
 var withDrag_exports = {};
@@ -27,11 +32,8 @@ __export(withDrag_exports, {
 module.exports = __toCommonJS(withDrag_exports);
 var import_drag = __toESM(require("../services/drag.cjs"), 1);
 function withDrag(BaseClass, { target = (instance) => instance.$el, ...options } = {}) {
-  return class extends BaseClass {
-    static config = {
-      name: `${BaseClass.config.name}WithDrag`,
-      emits: ["dragged"]
-    };
+  var _a;
+  return _a = class extends BaseClass {
     constructor(el) {
       super(el);
       this.$on("mounted", () => {
@@ -43,6 +45,9 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
         this.$services.unregister("dragged");
       });
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithDrag`,
+    emits: ["dragged"]
+  }), _a;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withDrag.js

@@ -1,10 +1,13 @@
+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 useDrag from "../services/drag.js";
 function withDrag(BaseClass, { target = (instance) => instance.$el, ...options } = {}) {
-  return class extends BaseClass {
-    static config = {
-      name: `${BaseClass.config.name}WithDrag`,
-      emits: ["dragged"]
-    };
+  var _a;
+  return _a = class extends BaseClass {
     constructor(el) {
       super(el);
       this.$on("mounted", () => {
@@ -16,7 +19,10 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
         this.$services.unregister("dragged");
       });
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithDrag`,
+    emits: ["dragged"]
+  }), _a;
 }
 export {
   withDrag as default

package/decorators/withExtraConfig.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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -18,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withExtraConfig.js
 var withExtraConfig_exports = {};
@@ -27,12 +32,12 @@ __export(withExtraConfig_exports, {
 module.exports = __toCommonJS(withExtraConfig_exports);
 var import_deepmerge = __toESM(require("deepmerge"), 1);
 function withExtraConfig(BaseClass, config, options = {}) {
+  var _a;
   const newConfig = (0, import_deepmerge.default)(BaseClass.config, config, options);
   if (newConfig.name === BaseClass.config.name) {
     newConfig.name = `${BaseClass.config.name}WithExtraConfig`;
   }
-  return class extends BaseClass {
-    static config = newConfig;
-  };
+  return _a = class extends BaseClass {
+  }, __publicField(_a, "config", newConfig), _a;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withExtraConfig.js

@@ -1,12 +1,18 @@
+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 merge from "deepmerge";
 function withExtraConfig(BaseClass, config, options = {}) {
+  var _a;
   const newConfig = merge(BaseClass.config, config, options);
   if (newConfig.name === BaseClass.config.name) {
     newConfig.name = `${BaseClass.config.name}WithExtraConfig`;
   }
-  return class extends BaseClass {
-    static config = newConfig;
-  };
+  return _a = class extends BaseClass {
+  }, __publicField(_a, "config", newConfig), _a;
 }
 export {
   withExtraConfig as default

package/decorators/withFreezedOptions.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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withFreezedOptions.js
 var withFreezedOptions_exports = {};
@@ -24,7 +29,10 @@ __export(withFreezedOptions_exports, {
 module.exports = __toCommonJS(withFreezedOptions_exports);
 function withFreezedOptions(BaseClass) {
   return class extends BaseClass {
-    __freezedOptions;
+    constructor() {
+      super(...arguments);
+      __publicField(this, "__freezedOptions");
+    }
     get $options() {
       Object.defineProperty(this, "__freezedOptions", {
         value: Object.freeze({ ...super.$options }),

package/decorators/withFreezedOptions.js

@@ -1,6 +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;
+};
 function withFreezedOptions(BaseClass) {
   return class extends BaseClass {
-    __freezedOptions;
+    constructor() {
+      super(...arguments);
+      __publicField(this, "__freezedOptions");
+    }
     get $options() {
       Object.defineProperty(this, "__freezedOptions", {
         value: Object.freeze({ ...super.$options }),

package/decorators/withIntersectionObserver.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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withIntersectionObserver.js
 var withIntersectionObserver_exports = {};
@@ -26,16 +31,8 @@ function createArrayOfNumber(length) {
   return [...new Array(length + 1)].map((val, index) => index / length);
 }
 function withIntersectionObserver(BaseClass, defaultOptions = { threshold: createArrayOfNumber(100) }) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config,
-      name: `${BaseClass.config.name}WithIntersectionObserver`,
-      options: {
-        ...BaseClass.config?.options || {},
-        intersectionObserver: Object
-      },
-      emits: ["intersected"]
-    };
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
       this.$observer = new IntersectionObserver((entries) => {
@@ -51,6 +48,14 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
         this.$observer.unobserve(this.$el);
       });
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithIntersectionObserver`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    },
+    emits: ["intersected"]
+  }), _b;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withIntersectionObserver.js

@@ -1,17 +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;
+};
 function createArrayOfNumber(length) {
   return [...new Array(length + 1)].map((val, index) => index / length);
 }
 function withIntersectionObserver(BaseClass, defaultOptions = { threshold: createArrayOfNumber(100) }) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config,
-      name: `${BaseClass.config.name}WithIntersectionObserver`,
-      options: {
-        ...BaseClass.config?.options || {},
-        intersectionObserver: Object
-      },
-      emits: ["intersected"]
-    };
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
       this.$observer = new IntersectionObserver((entries) => {
@@ -27,7 +25,15 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
         this.$observer.unobserve(this.$el);
       });
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithIntersectionObserver`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    },
+    emits: ["intersected"]
+  }), _b;
 }
 export {
   withIntersectionObserver as default

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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 
 // packages/js-toolkit/decorators/withMountWhenInView.js
 var withMountWhenInView_exports = {};
@@ -23,19 +28,12 @@ __export(withMountWhenInView_exports, {
 });
 module.exports = __toCommonJS(withMountWhenInView_exports);
 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);
+      __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) {
@@ -58,6 +56,13 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
       }
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    }
+  }), _b;
 }
 if (module.exports.default) module.exports = module.exports.default;