@studiometa/js-toolkit 2.3.0 → 2.4.2

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 });
@@ -16,8 +17,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 +51,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,
@@ -76,12 +87,16 @@ var ServicesManager = class extends import_AbstractManager.default {
     return this.disable.bind(this, service);
   }
   enableAll() {
-    return Object.keys(this.__services).map((serviceName) => this.enable(serviceName));
+    return Object.keys(this.__services).map(
+      (serviceName) => this.enable(serviceName)
+    );
   }
   disableAll() {
-    Object.keys(this.__services).forEach((serviceName) => {
-      this.disable(serviceName);
-    });
+    Object.keys(this.__services).forEach(
+      (serviceName) => {
+        this.disable(serviceName);
+      }
+    );
   }
   disable(service) {
     if (!this.__services[service]) {

package/Base/managers/ServicesManager.d.ts

@@ -79,7 +79,7 @@ export default class ServicesManager extends AbstractManager {
      */
     unregister(name: string): void;
 }
-export type Base = import('../index').default;
+export type Base = import("../index").default<any>;
 export type BaseConstructor = import('../index').BaseConstructor;
 export type ServiceInterface = import('../../services').ServiceInterface<any>;
 export type Services = typeof SERVICES_MAP & Record<string, () => ServiceInterface>;

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,
@@ -49,12 +58,16 @@ class ServicesManager extends AbstractManager {
     return this.disable.bind(this, service);
   }
   enableAll() {
-    return Object.keys(this.__services).map((serviceName) => this.enable(serviceName));
+    return Object.keys(this.__services).map(
+      (serviceName) => this.enable(serviceName)
+    );
   }
   disableAll() {
-    Object.keys(this.__services).forEach((serviceName) => {
-      this.disable(serviceName);
-    });
+    Object.keys(this.__services).forEach(
+      (serviceName) => {
+        this.disable(serviceName);
+      }
+    );
   }
   disable(service) {
     if (!this.__services[service]) {

package/Base/utils.cjs

@@ -52,7 +52,11 @@ function getEventTarget(instance, event, config) {
     return instance.$el;
   }
   if (import_utils.isDev) {
-    console.warn(`[${config.name}]`, `The "${event}" event is missing from the configuration and is not a native`, `event for the root element of type \`${instance.$el.constructor.name}\`.`);
+    console.warn(
+      `[${config.name}]`,
+      `The "${event}" event is missing from the configuration and is not a native`,
+      `event for the root element of type \`${instance.$el.constructor.name}\`.`
+    );
   }
   return instance;
 }

package/Base/utils.d.ts

@@ -36,5 +36,5 @@ export function eventIsNative(event: string, element: HTMLElement): boolean;
  * @param   {import('./index.js').BaseConfig} config
  * @returns {Base|Base['$el']}
  */
-export function getEventTarget(instance: Base, event: string, config: import('./index.js').BaseConfig): Base | Base['$el'];
-export type Base = import('./index.js').default;
+export function getEventTarget(instance: import("./index.js").default<any>, event: string, config: import('./index.js').BaseConfig): import("./index.js").default<any> | import("./index.js").default<any>['$el'];
+export type Base = import("./index.js").default<any>;

package/Base/utils.js

@@ -25,7 +25,11 @@ function getEventTarget(instance, event, config) {
     return instance.$el;
   }
   if (isDev) {
-    console.warn(`[${config.name}]`, `The "${event}" event is missing from the configuration and is not a native`, `event for the root element of type \`${instance.$el.constructor.name}\`.`);
+    console.warn(
+      `[${config.name}]`,
+      `The "${event}" event is missing from the configuration and is not a native`,
+      `event for the root element of type \`${instance.$el.constructor.name}\`.`
+    );
   }
   return instance;
 }

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/index.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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);
 
 // packages/js-toolkit/decorators/index.js

package/decorators/withBreakpointManager.cjs

@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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);
 
 // packages/js-toolkit/decorators/withBreakpointManager.js

package/decorators/withBreakpointManager.d.ts

@@ -6,5 +6,5 @@
  * @returns {T}
  */
 export default function withBreakpointManager<T extends typeof import("../Base").default>(BaseClass: T, breakpoints: Array<[string, BaseConstructor]>): T;
-export type Base = import('../Base').default;
+export type Base = import("../Base").default<any>;
 export type BaseConstructor = import('../Base').BaseConstructor;

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 });
@@ -16,8 +17,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 = {};
@@ -43,7 +51,9 @@ function hasBreakpointConfiguration(instance) {
 function testConflictingBreakpointConfiguration(instance) {
   const { activeBreakpoints, inactiveBreakpoints, name } = instance.$options;
   if (activeBreakpoints && inactiveBreakpoints) {
-    throw new Error(`[${name}] Incorrect configuration: the \`activeBreakpoints\` and \`inactiveBreakpoints\` are not compatible.`);
+    throw new Error(
+      `[${name}] Incorrect configuration: the \`activeBreakpoints\` and \`inactiveBreakpoints\` are not compatible.`
+    );
   }
 }
 function addToResize(key, instance) {
@@ -63,23 +73,17 @@ 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)();
       const { name } = this.$options;
       if (!props().breakpoint) {
         if (import_utils.isDev) {
-          throw new Error(`[${name}] The \`BreakpointObserver\` class requires breakpoints to be defined.`);
+          throw new Error(
+            `[${name}] The \`BreakpointObserver\` class requires breakpoints to be defined.`
+          );
         }
         return;
       }
@@ -110,6 +114,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.d.ts

@@ -6,7 +6,7 @@
  * @returns {T}
  */
 export default function withBreakpointObserver<T extends typeof import("../Base").default>(BaseClass: T): T;
-export type Base = import('../Base').default;
+export type Base = import("../Base").default<any>;
 export type BaseConstructor = import('../Base').BaseConstructor;
 export type WithBreakpointObserverOptions = {
     activeBreakpoints?: string;

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) {
@@ -16,7 +22,9 @@ function hasBreakpointConfiguration(instance) {
 function testConflictingBreakpointConfiguration(instance) {
   const { activeBreakpoints, inactiveBreakpoints, name } = instance.$options;
   if (activeBreakpoints && inactiveBreakpoints) {
-    throw new Error(`[${name}] Incorrect configuration: the \`activeBreakpoints\` and \`inactiveBreakpoints\` are not compatible.`);
+    throw new Error(
+      `[${name}] Incorrect configuration: the \`activeBreakpoints\` and \`inactiveBreakpoints\` are not compatible.`
+    );
   }
 }
 function addToResize(key, instance) {
@@ -36,23 +44,17 @@ 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();
       const { name } = this.$options;
       if (!props().breakpoint) {
         if (isDev) {
-          throw new Error(`[${name}] The \`BreakpointObserver\` class requires breakpoints to be defined.`);
+          throw new Error(
+            `[${name}] The \`BreakpointObserver\` class requires breakpoints to be defined.`
+          );
         }
         return;
       }
@@ -83,7 +85,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 });
@@ -16,8 +17,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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,15 +35,15 @@ __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", () => {
-        this.$services.register("dragged", import_drag.default.bind(void 0, target.call(this, this), options));
+        this.$services.register(
+          "dragged",
+          import_drag.default.bind(void 0, target.call(this, this), options)
+        );
         this.$services.enable("dragged");
       });
       this.$on("destroyed", () => {
@@ -43,6 +51,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.d.ts

@@ -15,9 +15,7 @@
  * @returns {T}
  */
 export default function withDrag<T extends typeof import("../Base").default>(BaseClass: T, { target, ...options }?: DragDecoratorOptions): T;
-export type Base = import('../Base').default;
+export type Base = import("../Base").default<any>;
 export type BaseConstructor = import('../Base').BaseConstructor;
 export type DragServiceOptions = import('../services/drag').DragServiceOptions;
-export type DragDecoratorOptions = import("../services/drag.js").DragServiceOptions & {
-    target?: (this: import("../Base").default, Base: any) => HTMLElement;
-};
+export type DragDecoratorOptions = DragDecoratorOptions;

package/decorators/withDrag.js

@@ -1,14 +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;
+};
 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", () => {
-        this.$services.register("dragged", useDrag.bind(void 0, target.call(this, this), options));
+        this.$services.register(
+          "dragged",
+          useDrag.bind(void 0, target.call(this, this), options)
+        );
         this.$services.enable("dragged");
       });
       this.$on("destroyed", () => {
@@ -16,7 +22,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 });
@@ -16,8 +17,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-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 __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 +35,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,24 +31,19 @@ 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) => {
-        this.__callMethod("intersected", entries);
-      }, {
-        ...defaultOptions,
-        ...this.$options.intersectionObserver
-      });
+      this.$observer = new IntersectionObserver(
+        (entries) => {
+          this.__callMethod("intersected", entries);
+        },
+        {
+          ...defaultOptions,
+          ...this.$options.intersectionObserver
+        }
+      );
       this.$on("mounted", () => {
         this.$observer.observe(this.$el);
       });
@@ -51,6 +51,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;