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

package/Base/managers/OptionsManager.js

@@ -1,20 +1,26 @@
+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 isObject from "../../utils/object/isObject.js";
-class OptionsManager {
-  __element;
-  __values = {};
-  static types = [String, Number, Boolean, Array, Object];
-  __defaultValues = {
-    String: "",
-    Number: 0,
-    Boolean: false,
-    Array: () => [],
-    Object: () => ({})
-  };
-  name = "Base";
-  debug = false;
-  log = false;
+const _OptionsManager = class {
   constructor(element, schema, baseConfig) {
+    __publicField(this, "__element");
+    __publicField(this, "__values", {});
+    __publicField(this, "__defaultValues", {
+      String: "",
+      Number: 0,
+      Boolean: false,
+      Array: () => [],
+      Object: () => ({})
+    });
+    __publicField(this, "name", "Base");
+    __publicField(this, "debug", false);
+    __publicField(this, "log", false);
+    var _a, _b;
     Object.defineProperties(this, {
       __element: {
         enumerable: false,
@@ -35,11 +41,11 @@ class OptionsManager {
     this.name = baseConfig.name;
     schema.debug = {
       type: Boolean,
-      default: baseConfig.debug ?? false
+      default: (_a = baseConfig.debug) != null ? _a : false
     };
     schema.log = {
       type: Boolean,
-      default: baseConfig.log ?? false
+      default: (_b = baseConfig.log) != null ? _b : false
     };
     Object.entries(schema).forEach(([name, config]) => {
       this.__register(name, config);
@@ -47,9 +53,9 @@ class OptionsManager {
     return this;
   }
   __register(name, config) {
-    const hasDefaultValue = !OptionsManager.types.includes(config);
+    const hasDefaultValue = !_OptionsManager.types.includes(config);
     const type = hasDefaultValue ? config.type : config;
-    if (!OptionsManager.types.includes(type)) {
+    if (!_OptionsManager.types.includes(type)) {
       throw new Error(`The "${name}" option has an invalid type. The allowed types are: String, Number, Boolean, Array and Object.`);
     }
     const defaultValue = hasDefaultValue ? config.default : this.__defaultValues[type.name];
@@ -67,11 +73,11 @@ class OptionsManager {
     });
   }
   get(name, type, defaultValue) {
-    const propertyName = OptionsManager.__getPropertyName(name);
+    const propertyName = _OptionsManager.__getPropertyName(name);
     const hasProperty = this.__hasProperty(propertyName);
     if (type === Boolean) {
       if (defaultValue) {
-        const negatedPropertyName = OptionsManager.__getPropertyName(name, "No");
+        const negatedPropertyName = _OptionsManager.__getPropertyName(name, "No");
         const hasNegatedProperty = this.__hasProperty(negatedPropertyName);
         return !hasNegatedProperty;
       }
@@ -91,7 +97,7 @@ class OptionsManager {
     return hasProperty ? value : defaultValue;
   }
   set(name, type, value, defaultValue) {
-    const propertyName = OptionsManager.__getPropertyName(name);
+    const propertyName = _OptionsManager.__getPropertyName(name);
     if (value.constructor.name !== type.name) {
       const val = Array.isArray(value) || isObject(value) ? JSON.stringify(value) : value;
       throw new TypeError(`The "${val}" value for the "${name}" option must be of type "${type.name}"`);
@@ -99,7 +105,7 @@ class OptionsManager {
     switch (type) {
       case Boolean:
         if (defaultValue) {
-          const negatedPropertyName = OptionsManager.__getPropertyName(name, "No");
+          const negatedPropertyName = _OptionsManager.__getPropertyName(name, "No");
           if (value) {
             delete this.__element.dataset[negatedPropertyName];
           } else {
@@ -122,17 +128,19 @@ class OptionsManager {
   __hasProperty(prop) {
     return typeof this.__element.dataset[prop] !== "undefined";
   }
-  static __propertyNameCache = /* @__PURE__ */ new Map();
   static __getPropertyName(name, prefix = "") {
     const key = name + prefix;
-    if (OptionsManager.__propertyNameCache.has(key)) {
-      return OptionsManager.__propertyNameCache.get(key);
+    if (_OptionsManager.__propertyNameCache.has(key)) {
+      return _OptionsManager.__propertyNameCache.get(key);
     }
     const propertyName = `option${prefix}${name.replace(/^\w/, (c) => c.toUpperCase())}`;
-    OptionsManager.__propertyNameCache.set(key, propertyName);
+    _OptionsManager.__propertyNameCache.set(key, propertyName);
     return propertyName;
   }
-}
+};
+let OptionsManager = _OptionsManager;
+__publicField(OptionsManager, "types", [String, Number, Boolean, Array, Object]);
+__publicField(OptionsManager, "__propertyNameCache", /* @__PURE__ */ new Map());
 export {
   OptionsManager as default
 };

package/Base/managers/RefsManager.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/Base/managers/RefsManager.js
 var RefsManager_exports = {};
@@ -27,11 +32,11 @@ __export(RefsManager_exports, {
   default: () => RefsManager
 });
 var RefsManager = class {
-  __element;
-  __refs;
-  __base;
-  __eventsManager;
   constructor(base, element, refs, eventsManager) {
+    __publicField(this, "__element");
+    __publicField(this, "__refs");
+    __publicField(this, "__base");
+    __publicField(this, "__eventsManager");
     Object.defineProperties(this, {
       __element: {
         enumerable: false,

package/Base/managers/RefsManager.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 RefsManager {
-  __element;
-  __refs;
-  __base;
-  __eventsManager;
   constructor(base, element, refs, eventsManager) {
+    __publicField(this, "__element");
+    __publicField(this, "__refs");
+    __publicField(this, "__base");
+    __publicField(this, "__eventsManager");
     Object.defineProperties(this, {
       __element: {
         enumerable: false,

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 __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/Base/managers/ServicesManager.js
 var ServicesManager_exports = {};
@@ -48,15 +53,9 @@ var SERVICES_MAP = {
 };
 var SERVICE_NAMES = Object.keys(SERVICES_MAP);
 var ServicesManager = class {
-  __base;
-  __customServices = {};
-  get __services() {
-    return {
-      ...this.__customServices,
-      ...SERVICES_MAP
-    };
-  }
   constructor(instance) {
+    __publicField(this, "__base");
+    __publicField(this, "__customServices", {});
     Object.defineProperties(this, {
       __base: {
         enumerable: false,
@@ -65,6 +64,12 @@ var ServicesManager = class {
       }
     });
   }
+  get __services() {
+    return {
+      ...this.__customServices,
+      ...SERVICES_MAP
+    };
+  }
   has(service) {
     if (!(((0, import_utils.hasMethod)(this.__base, service) || this.__base.__hasEvent(service)) && this.__services[service])) {
       return false;

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";
@@ -15,15 +21,9 @@ const SERVICES_MAP = {
 };
 const SERVICE_NAMES = Object.keys(SERVICES_MAP);
 class ServicesManager {
-  __base;
-  __customServices = {};
-  get __services() {
-    return {
-      ...this.__customServices,
-      ...SERVICES_MAP
-    };
-  }
   constructor(instance) {
+    __publicField(this, "__base");
+    __publicField(this, "__customServices", {});
     Object.defineProperties(this, {
       __base: {
         enumerable: false,
@@ -32,6 +32,12 @@ class ServicesManager {
       }
     });
   }
+  get __services() {
+    return {
+      ...this.__customServices,
+      ...SERVICES_MAP
+    };
+  }
   has(service) {
     if (!((hasMethod(this.__base, service) || this.__base.__hasEvent(service)) && this.__services[service])) {
       return false;

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 __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/withBreakpointObserver.js
 var withBreakpointObserver_exports = {};
@@ -66,16 +71,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)();
@@ -111,7 +108,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;
 }
 module.exports = __toCommonJS(withBreakpointObserver_exports);
 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";
 function testBreakpoints(instance, breakpoint = useResize().props().breakpoint) {
   const { activeBreakpoints, inactiveBreakpoints } = instance.$options;
@@ -33,16 +39,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();
@@ -78,7 +76,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 __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/withDrag.js
 var withDrag_exports = {};
@@ -33,11 +38,8 @@ __export(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", () => {
@@ -49,7 +51,10 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
         this.$services.unregister("dragged");
       });
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithDrag`,
+    emits: ["dragged"]
+  }), _a;
 }
 module.exports = __toCommonJS(withDrag_exports);
 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 __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/withExtraConfig.js
 var withExtraConfig_exports = {};
@@ -33,13 +38,13 @@ __export(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;
 }
 module.exports = __toCommonJS(withExtraConfig_exports);
 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/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 __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/withIntersectionObserver.js
 var withIntersectionObserver_exports = {};
@@ -30,24 +35,16 @@ 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);
-      if (!this.intersected || typeof this.intersected !== "function") {
-        throw new Error("[withIntersectionObserver] The `intersected` method must be defined.");
-      }
       this.$observer = new IntersectionObserver((entries) => {
         this.__callMethod("intersected", entries);
-      }, { ...defaultOptions, ...this.$options.intersectionObserver || {} });
+      }, {
+        ...defaultOptions,
+        ...this.$options.intersectionObserver
+      });
       this.$on("mounted", () => {
         this.$observer.observe(this.$el);
       });
@@ -56,7 +53,15 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
       });
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithIntersectionObserver`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    },
+    emits: ["intersected"]
+  }), _b;
 }
 module.exports = __toCommonJS(withIntersectionObserver_exports);
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withIntersectionObserver.js

@@ -1,25 +1,23 @@
+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);
-      if (!this.intersected || typeof this.intersected !== "function") {
-        throw new Error("[withIntersectionObserver] The `intersected` method must be defined.");
-      }
       this.$observer = new IntersectionObserver((entries) => {
         this.__callMethod("intersected", entries);
-      }, { ...defaultOptions, ...this.$options.intersectionObserver || {} });
+      }, {
+        ...defaultOptions,
+        ...this.$options.intersectionObserver
+      });
       this.$on("mounted", () => {
         this.$observer.observe(this.$el);
       });
@@ -28,7 +26,15 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
       });
       return this;
     }
-  };
+  }, __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