@studiometa/js-toolkit 2.4.1 → 2.4.4-alpha.0

package/Base/index.cjs

@@ -17,7 +17,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);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -68,7 +71,9 @@ function createAndTestManagers(instance) {
   ].forEach(({ prop, constructorName, constructor }) => {
     instance[prop] = new instance.__managers[constructorName](instance);
     if (import_utils2.isDev && !(instance[prop] instanceof constructor)) {
-      throw new Error(`The \`$managers.${constructorName}\` must extend the \`${constructorName}\` class.`);
+      throw new Error(
+        `The \`$managers.${constructorName}\` must extend the \`${constructorName}\` class.`
+      );
     }
   });
 }
@@ -288,7 +293,9 @@ var Base = class extends EventTarget {
   }
   static $factory(nameOrSelector) {
     if (import_utils2.isDev && !nameOrSelector) {
-      throw new Error("The $factory method requires a component\u2019s name or selector to be specified.");
+      throw new Error(
+        "The $factory method requires a component\u2019s name or selector to be specified."
+      );
     }
     return (0, import_utils.getComponentElements)(nameOrSelector).map((el) => new this(el).$mount());
   }

package/Base/index.js

@@ -42,7 +42,9 @@ function createAndTestManagers(instance) {
   ].forEach(({ prop, constructorName, constructor }) => {
     instance[prop] = new instance.__managers[constructorName](instance);
     if (isDev && !(instance[prop] instanceof constructor)) {
-      throw new Error(`The \`$managers.${constructorName}\` must extend the \`${constructorName}\` class.`);
+      throw new Error(
+        `The \`$managers.${constructorName}\` must extend the \`${constructorName}\` class.`
+      );
     }
   });
 }
@@ -262,7 +264,9 @@ class Base extends EventTarget {
   }
   static $factory(nameOrSelector) {
     if (isDev && !nameOrSelector) {
-      throw new Error("The $factory method requires a component\u2019s name or selector to be specified.");
+      throw new Error(
+        "The $factory method requires a component\u2019s name or selector to be specified."
+      );
     }
     return getComponentElements(nameOrSelector).map((el) => new this(el).$mount());
   }

package/Base/managers/AbstractManager.cjs

@@ -43,14 +43,19 @@ var AbstractManager = class {
     return this.__base.__events;
   }
   __hideProperties(properties) {
-    Object.defineProperties(this, Object.fromEntries(properties.map((property) => [
-      property,
-      {
-        enumerable: false,
-        writable: false,
-        value: this[property]
-      }
-    ])));
+    Object.defineProperties(
+      this,
+      Object.fromEntries(
+        properties.map((property) => [
+          property,
+          {
+            enumerable: false,
+            writable: false,
+            value: this[property]
+          }
+        ])
+      )
+    );
   }
 };
 if (module.exports.default) module.exports = module.exports.default;

package/Base/managers/AbstractManager.js

@@ -20,14 +20,19 @@ class AbstractManager {
     return this.__base.__events;
   }
   __hideProperties(properties) {
-    Object.defineProperties(this, Object.fromEntries(properties.map((property) => [
-      property,
-      {
-        enumerable: false,
-        writable: false,
-        value: this[property]
-      }
-    ])));
+    Object.defineProperties(
+      this,
+      Object.fromEntries(
+        properties.map((property) => [
+          property,
+          {
+            enumerable: false,
+            writable: false,
+            value: this[property]
+          }
+        ])
+      )
+    );
   }
 }
 export {

package/Base/managers/ChildrenManager.cjs

@@ -17,7 +17,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);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -33,7 +36,9 @@ module.exports = __toCommonJS(ChildrenManager_exports);
 var import_AbstractManager = __toESM(require("./AbstractManager.cjs"), 1);
 var import_utils = require("../utils.cjs");
 function __getChild(that, el, ComponentClass, name) {
-  const asyncComponentPromise = that.__asyncComponentPromises.get(ComponentClass);
+  const asyncComponentPromise = that.__asyncComponentPromises.get(
+    ComponentClass
+  );
   if ("$isBase" in ComponentClass || asyncComponentPromise && asyncComponentPromise.status === "resolved") {
     let ctor = ComponentClass;
     if (asyncComponentPromise) {
@@ -110,7 +115,9 @@ var ChildrenManager = class extends import_AbstractManager.default {
     return Object.keys(this).filter((key) => !key.startsWith("__"));
   }
   registerAll() {
-    Object.entries(this.__config.components).forEach(([name, component]) => __register(this, name, component));
+    Object.entries(this.__config.components).forEach(
+      ([name, component]) => __register(this, name, component)
+    );
   }
   mountAll() {
     __triggerHookForAll(this, "$mount");

package/Base/managers/ChildrenManager.js

@@ -7,7 +7,9 @@ var __publicField = (obj, key, value) => {
 import AbstractManager from "./AbstractManager.js";
 import { getComponentElements } from "../utils.js";
 function __getChild(that, el, ComponentClass, name) {
-  const asyncComponentPromise = that.__asyncComponentPromises.get(ComponentClass);
+  const asyncComponentPromise = that.__asyncComponentPromises.get(
+    ComponentClass
+  );
   if ("$isBase" in ComponentClass || asyncComponentPromise && asyncComponentPromise.status === "resolved") {
     let ctor = ComponentClass;
     if (asyncComponentPromise) {
@@ -84,7 +86,9 @@ class ChildrenManager extends AbstractManager {
     return Object.keys(this).filter((key) => !key.startsWith("__"));
   }
   registerAll() {
-    Object.entries(this.__config.components).forEach(([name, component]) => __register(this, name, component));
+    Object.entries(this.__config.components).forEach(
+      ([name, component]) => __register(this, name, component)
+    );
   }
   mountAll() {
     __triggerHookForAll(this, "$mount");

package/Base/managers/EventsManager.cjs

@@ -17,7 +17,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);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -40,7 +43,10 @@ var import_RefsManager = require("./RefsManager.cjs");
 var names = /* @__PURE__ */ new Map();
 function normalizeName(name) {
   if (!names.has(name)) {
-    names.set(name, name.replace(/[A-Z]([A-Z].*)/g, (c) => c.toLowerCase()).replace(/[^a-zA-Z\d\s:]/g, " ").replace(/(^\w|\s+\w)/g, (c) => c.trim().toUpperCase()).trim());
+    names.set(
+      name,
+      name.replace(/[A-Z]([A-Z].*)/g, (c) => c.toLowerCase()).replace(/[^a-zA-Z\d\s:]/g, " ").replace(/(^\w|\s+\w)/g, (c) => c.trim().toUpperCase()).trim()
+    );
   }
   return names.get(name);
 }
@@ -68,7 +74,12 @@ function getEventMethodsByName(that, name = "") {
   const key = regex.toString();
   let methods = that.__methodsCache.get(key);
   if (!methods) {
-    methods = Array.from((0, import_getAllProperties.default)(that.__base, [], (method) => regex.test(method)).reduce((set, [method]) => set.add(method), /* @__PURE__ */ new Set()));
+    methods = Array.from(
+      (0, import_getAllProperties.default)(that.__base, [], (method) => regex.test(method)).reduce(
+        (set, [method]) => set.add(method),
+        /* @__PURE__ */ new Set()
+      )
+    );
     that.__methodsCache.set(key, methods);
   }
   return methods;
@@ -132,7 +143,9 @@ var EventsManager = class extends import_AbstractManager.default {
         const childrenManager = this.__base.$children;
         const { name, child: resolvedChild } = childrenManager.registeredNames.map((childName) => ({
           name: childName,
-          child: childrenManager[childName].find((instance) => instance === event.currentTarget || instance.$el === event.currentTarget)
+          child: childrenManager[childName].find(
+            (instance) => instance === event.currentTarget || instance.$el === event.currentTarget
+          )
         })).find(({ child }) => child);
         const normalizedChildName = normalizeName(name);
         const normalizedEventName = normalizeName(event.type);

package/Base/managers/EventsManager.js

@@ -12,7 +12,10 @@ import { normalizeRefName } from "./RefsManager.js";
 const names = /* @__PURE__ */ new Map();
 function normalizeName(name) {
   if (!names.has(name)) {
-    names.set(name, name.replace(/[A-Z]([A-Z].*)/g, (c) => c.toLowerCase()).replace(/[^a-zA-Z\d\s:]/g, " ").replace(/(^\w|\s+\w)/g, (c) => c.trim().toUpperCase()).trim());
+    names.set(
+      name,
+      name.replace(/[A-Z]([A-Z].*)/g, (c) => c.toLowerCase()).replace(/[^a-zA-Z\d\s:]/g, " ").replace(/(^\w|\s+\w)/g, (c) => c.trim().toUpperCase()).trim()
+    );
   }
   return names.get(name);
 }
@@ -40,7 +43,12 @@ function getEventMethodsByName(that, name = "") {
   const key = regex.toString();
   let methods = that.__methodsCache.get(key);
   if (!methods) {
-    methods = Array.from(getAllProperties(that.__base, [], (method) => regex.test(method)).reduce((set, [method]) => set.add(method), /* @__PURE__ */ new Set()));
+    methods = Array.from(
+      getAllProperties(that.__base, [], (method) => regex.test(method)).reduce(
+        (set, [method]) => set.add(method),
+        /* @__PURE__ */ new Set()
+      )
+    );
     that.__methodsCache.set(key, methods);
   }
   return methods;
@@ -104,7 +112,9 @@ class EventsManager extends AbstractManager {
         const childrenManager = this.__base.$children;
         const { name, child: resolvedChild } = childrenManager.registeredNames.map((childName) => ({
           name: childName,
-          child: childrenManager[childName].find((instance) => instance === event.currentTarget || instance.$el === event.currentTarget)
+          child: childrenManager[childName].find(
+            (instance) => instance === event.currentTarget || instance.$el === event.currentTarget
+          )
         })).find(({ child }) => child);
         const normalizedChildName = normalizeName(name);
         const normalizedEventName = normalizeName(event.type);

package/Base/managers/OptionsManager.cjs

@@ -17,7 +17,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);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -56,14 +59,18 @@ 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.`);
+      throw new Error(
+        `The "${name}" option has an invalid type. The allowed types are: String, Number, Boolean, Array and Object.`
+      );
     }
     return;
   }
   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.`);
+      throw new Error(
+        `The default value for options of type "${config.type.name}" must be returned by a function.`
+      );
     }
     return;
   }
@@ -97,7 +104,11 @@ var OptionsManager = class extends import_AbstractManager.default {
       default: (_b = this.__config.log) != null ? _b : false
     };
     Object.entries(schema).forEach(([name, config]) => {
-      __register(this, name, types.has(config) ? { type: config } : config);
+      __register(
+        this,
+        name,
+        types.has(config) ? { type: config } : config
+      );
     });
   }
   get(name, config) {
@@ -135,7 +146,9 @@ var OptionsManager = class extends import_AbstractManager.default {
     if (value.constructor.name !== type.name) {
       if (import_utils.isDev) {
         const val = (0, import_utils.isArray)(value) || (0, import_utils.isObject)(value) ? JSON.stringify(value) : value;
-        throw new TypeError(`The "${val}" value for the "${name}" option must be of type "${type.name}"`);
+        throw new TypeError(
+          `The "${val}" value for the "${name}" option must be of type "${type.name}"`
+        );
       }
       return;
     }

package/Base/managers/OptionsManager.js

@@ -29,14 +29,18 @@ 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.`);
+      throw new Error(
+        `The "${name}" option has an invalid type. The allowed types are: String, Number, Boolean, Array and Object.`
+      );
     }
     return;
   }
   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.`);
+      throw new Error(
+        `The default value for options of type "${config.type.name}" must be returned by a function.`
+      );
     }
     return;
   }
@@ -70,7 +74,11 @@ class OptionsManager extends AbstractManager {
       default: (_b = this.__config.log) != null ? _b : false
     };
     Object.entries(schema).forEach(([name, config]) => {
-      __register(this, name, types.has(config) ? { type: config } : config);
+      __register(
+        this,
+        name,
+        types.has(config) ? { type: config } : config
+      );
     });
   }
   get(name, config) {
@@ -108,7 +116,9 @@ class OptionsManager extends AbstractManager {
     if (value.constructor.name !== type.name) {
       if (isDev) {
         const val = isArray(value) || isObject(value) ? JSON.stringify(value) : value;
-        throw new TypeError(`The "${val}" value for the "${name}" option must be of type "${type.name}"`);
+        throw new TypeError(
+          `The "${val}" value for the "${name}" option must be of type "${type.name}"`
+        );
       }
       return;
     }

package/Base/managers/RefsManager.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/Base/managers/RefsManager.js
@@ -41,13 +44,23 @@ function __filterRefsBelongingToInstance(that, ref) {
 function __register(that, refName) {
   const isMultiple = refName.endsWith("[]");
   const propName = normalizeRefName(refName);
-  const refs = Array.from(that.__element.querySelectorAll(`[data-ref="${refName}"]`)).filter((ref) => __filterRefsBelongingToInstance(that, ref));
+  const refs = Array.from(that.__element.querySelectorAll(`[data-ref="${refName}"]`)).filter(
+    (ref) => __filterRefsBelongingToInstance(that, ref)
+  );
   if (import_utils.isDev && !isMultiple && refs.length > 1) {
-    console.warn(`[${that.__base.$options.name}]`, `The "${refName}" ref has been found multiple times.`, "Did you forgot to add the `[]` suffix to its name?");
+    console.warn(
+      `[${that.__base.$options.name}]`,
+      `The "${refName}" ref has been found multiple times.`,
+      "Did you forgot to add the `[]` suffix to its name?"
+    );
   }
   if (!isMultiple && refs.length <= 1 && !(0, import_utils.isDefined)(refs[0])) {
     if (import_utils.isDev) {
-      console.warn(`[${that.__base.$options.name}]`, `The "${refName}" ref is missing.`, `Is there an \`[data-ref="${refName}"]\` element in the component's scope?`);
+      console.warn(
+        `[${that.__base.$options.name}]`,
+        `The "${refName}" ref is missing.`,
+        `Is there an \`[data-ref="${refName}"]\` element in the component's scope?`
+      );
     }
     return;
   }

package/Base/managers/RefsManager.js

@@ -13,13 +13,23 @@ function __filterRefsBelongingToInstance(that, ref) {
 function __register(that, refName) {
   const isMultiple = refName.endsWith("[]");
   const propName = normalizeRefName(refName);
-  const refs = Array.from(that.__element.querySelectorAll(`[data-ref="${refName}"]`)).filter((ref) => __filterRefsBelongingToInstance(that, ref));
+  const refs = Array.from(that.__element.querySelectorAll(`[data-ref="${refName}"]`)).filter(
+    (ref) => __filterRefsBelongingToInstance(that, ref)
+  );
   if (isDev && !isMultiple && refs.length > 1) {
-    console.warn(`[${that.__base.$options.name}]`, `The "${refName}" ref has been found multiple times.`, "Did you forgot to add the `[]` suffix to its name?");
+    console.warn(
+      `[${that.__base.$options.name}]`,
+      `The "${refName}" ref has been found multiple times.`,
+      "Did you forgot to add the `[]` suffix to its name?"
+    );
   }
   if (!isMultiple && refs.length <= 1 && !isDefined(refs[0])) {
     if (isDev) {
-      console.warn(`[${that.__base.$options.name}]`, `The "${refName}" ref is missing.`, `Is there an \`[data-ref="${refName}"]\` element in the component's scope?`);
+      console.warn(
+        `[${that.__base.$options.name}]`,
+        `The "${refName}" ref is missing.`,
+        `Is there an \`[data-ref="${refName}"]\` element in the component's scope?`
+      );
     }
     return;
   }

package/Base/managers/ResponsiveOptionsManager.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/Base/managers/ResponsiveOptionsManager.js

package/Base/managers/ServicesManager.cjs

@@ -17,7 +17,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);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -84,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.js

@@ -58,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.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/decorators/index.cjs

@@ -16,10 +16,13 @@ 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
+// packages/js-toolkit/decorators/index.ts
 var decorators_exports = {};
 __export(decorators_exports, {
   withBreakpointManager: () => import_withBreakpointManager.default,

package/decorators/withBreakpointManager.cjs

@@ -16,10 +16,13 @@ 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
+// packages/js-toolkit/decorators/withBreakpointManager.ts
 var withBreakpointManager_exports = {};
 __export(withBreakpointManager_exports, {
   default: () => withBreakpointManager
@@ -65,7 +68,7 @@ function withBreakpointManager(BaseClass, breakpoints) {
     }
     return BaseClass;
   }
-  return class extends BaseClass {
+  return class WithBreakpointManager extends BaseClass {
     constructor(element) {
       super(element);
       if (!instances.has(this)) {
@@ -74,7 +77,6 @@ function withBreakpointManager(BaseClass, breakpoints) {
       add(`BreakpointManager-${this.$id}`, () => {
         testBreakpoints(instances.get(this));
       });
-      this.instances = instances.get(this);
     }
     $mount() {
       super.$mount();

package/decorators/withBreakpointManager.js

@@ -38,7 +38,7 @@ function withBreakpointManager(BaseClass, breakpoints) {
     }
     return BaseClass;
   }
-  return class extends BaseClass {
+  return class WithBreakpointManager extends BaseClass {
     constructor(element) {
       super(element);
       if (!instances.has(this)) {
@@ -47,7 +47,6 @@ function withBreakpointManager(BaseClass, breakpoints) {
       add(`BreakpointManager-${this.$id}`, () => {
         testBreakpoints(instances.get(this));
       });
-      this.instances = instances.get(this);
     }
     $mount() {
       super.$mount();

package/decorators/withBreakpointObserver.cjs

@@ -17,14 +17,17 @@ 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
+// packages/js-toolkit/decorators/withBreakpointObserver.ts
 var withBreakpointObserver_exports = {};
 __export(withBreakpointObserver_exports, {
   default: () => withBreakpointObserver
@@ -48,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) {
@@ -57,7 +62,7 @@ function addToResize(key, instance) {
   }
   const { add, has } = (0, import_resize.default)();
   if (!has(key)) {
-    add(key, function onResize({ breakpoint }) {
+    add(key, ({ breakpoint }) => {
       const action = testBreakpoints(instance, breakpoint);
       if (action === "$destroy" && instance.$isMounted) {
         instance[action]();
@@ -76,7 +81,9 @@ function withBreakpointObserver(BaseClass) {
       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;
       }