@studiometa/js-toolkit 2.4.1 → 2.4.2

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.d.ts

@@ -28,8 +28,13 @@
  */
 /**
  * Base class.
+ * @template {{ $options: BaseOptions, $refs: BaseRefs, $children: BaseChildren }} BaseInterface
  */
-export default class Base extends EventTarget {
+export default class Base<BaseInterface extends {
+    $options: BaseOptions;
+    $refs: BaseRefs;
+    $children: BaseChildren;
+}> extends EventTarget {
     /**
      * This is a Base instance.
      * @type {boolean}
@@ -46,7 +51,7 @@ export default class Base extends EventTarget {
      * @param  {string}      nameOrSelector The selector on which to mount each instance.
      * @returns {Array<Base>}                A list of the created instance.
      */
-    static $factory(nameOrSelector: string): Array<Base>;
+    static $factory(nameOrSelector: string): Array<Base<any>>;
     /**
      * Class constructor where all the magic takes place.
      *
@@ -57,7 +62,7 @@ export default class Base extends EventTarget {
      * The instance parent.
      * @type {Base}
      */
-    $parent: Base;
+    $parent: Base<any>;
     /**
      * The instance id.
      * @type {string}
@@ -68,7 +73,7 @@ export default class Base extends EventTarget {
      * @type {HTMLElement & { __base__?: WeakMap<BaseConstructor, Base | 'terminated'> }}
      */
     $el: HTMLElement & {
-        __base__?: WeakMap<BaseConstructor, Base | 'terminated'>;
+        __base__?: WeakMap<BaseConstructor, Base<any> | 'terminated'>;
     };
     /**
      * The state of the component.
@@ -86,7 +91,7 @@ export default class Base extends EventTarget {
      * Get the root instance of the app.
      * @returns {Base}
      */
-    get $root(): Base;
+    get $root(): Base<any>;
     /**
      * Merge configuration with the parents' configurations.
      *
@@ -104,32 +109,34 @@ export default class Base extends EventTarget {
      */
     get $services(): ServicesManager;
     /**
-     * @type {RefsManager}
+     * @type {RefsManager & { [key in keyof BaseInterface['$refs']]: BaseInterface['$refs'][key] }}
      * @private
      */
     private __refs;
     /**
-     * @returns {RefsManager}
+     * @returns {RefsManager & { [key in keyof BaseInterface['$refs']]: BaseInterface['$refs'][key] }}
      */
-    get $refs(): RefsManager;
+    get $refs(): RefsManager & (BaseInterface["$refs"] extends infer T ? { [key in keyof T]: BaseInterface["$refs"][key]; } : never);
     /**
-     * @type {BaseOptions}
+     * @type {BaseOptions & { [key in keyof BaseInterface['$options']]: BaseInterface['$options'][key] }}
      * @private
      */
     private __options;
     /**
-     * @returns {BaseOptions}
+     * @returns {BaseOptions & { [key in keyof BaseInterface['$options']]: BaseInterface['$options'][key] }}
      */
-    get $options(): BaseOptions;
+    get $options(): OptionsManager & {
+        [name: string]: any;
+    } & (BaseInterface["$options"] extends infer T_1 ? { [key_1 in keyof T_1]: BaseInterface["$options"][key_1]; } : never);
     /**
-     * @type {ChildrenManager}
+     * @type {ChildrenManager & { [key in keyof BaseInterface['$children']]: Array<BaseInterface['$children'][key]> }}
      * @private
      */
     private __children;
     /**
-     * @returns {ChildrenManager}
+     * @returns {ChildrenManager & { [key in keyof BaseInterface['$children']]: Array<BaseInterface['$children'][key]> }}
      */
-    get $children(): ChildrenManager;
+    get $children(): ChildrenManager & (BaseInterface["$children"] extends infer T_2 ? { [key_2 in keyof T_2]: BaseInterface["$children"][key_2][]; } : never);
     /**
      * @type {EventsManager}
      * @private
@@ -259,9 +266,7 @@ export type BaseOptions = OptionsManager & {
 export type BaseRefs = {
     [name: string]: HTMLElement | HTMLElement[];
 };
-export type BaseChildren = {
-    [nameOrSelector: string]: Base[] | Promise<Base>[];
-};
+export type BaseChildren = BaseChildren;
 export type BaseConfigComponents = {
     [nameOrSelector: string]: typeof Base | BaseAsyncConstructor;
 };
@@ -285,6 +290,6 @@ export type Managers = {
 };
 import ServicesManager from "./managers/ServicesManager.js";
 import RefsManager from "./managers/RefsManager.js";
-import ChildrenManager from "./managers/ChildrenManager.js";
 import OptionsManager from "./managers/OptionsManager.js";
+import ChildrenManager from "./managers/ChildrenManager.js";
 import EventsManager from "./managers/EventsManager.js";

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.d.ts

@@ -12,11 +12,11 @@ export default class AbstractManager {
      *
      * @param   {Base} base
      */
-    constructor(base: Base);
+    constructor(base: import("../index.js").default<any>);
     /**
      * @type {Base}
      */
-    __base: Base;
+    __base: import("../index.js").default<any>;
     /**
      * Get the base instance root element.
      * @returns {HTMLElement}
@@ -39,6 +39,6 @@ export default class AbstractManager {
      */
     __hideProperties(properties: string[]): void;
 }
-export type Base = import('../index.js').default;
+export type Base = import("../index.js").default<any>;
 export type BaseConfig = import('../index.js').BaseConfig;
 export type EventsManager = import('./EventsManager.js').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.d.ts

@@ -34,7 +34,7 @@ export default class ChildrenManager extends AbstractManager {
      */
     destroyAll(): void;
 }
-export type Base = import('../index.js').default;
+export type Base = import("../index.js").default<any>;
 export type BaseConstructor = import('../index.js').BaseConstructor;
 export type BaseAsyncConstructor = import('../index.js').BaseAsyncConstructor;
 export type BaseConfigComponents = import('../index.js').BaseConfigComponents;

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.d.ts

@@ -83,7 +83,7 @@ export default class EventsManager extends AbstractManager {
      *   A base instance.
      * @returns {void}
      */
-    bindChild(name: string, instance: Base): void;
+    bindChild(name: string, instance: import("../index.js").default<any>): void;
     /**
      * Unbind event methods to the given child instance.
      *
@@ -93,7 +93,7 @@ export default class EventsManager extends AbstractManager {
      *   A base instance.
      * @returns {void}
      */
-    unbindChild(name: string, instance: Base): void;
+    unbindChild(name: string, instance: import("../index.js").default<any>): void;
     /**
      * Bind event methods on the root element.
      *
@@ -107,6 +107,6 @@ export default class EventsManager extends AbstractManager {
      */
     unbindRootElement(): void;
 }
-export type Base = import('../index.js').default;
+export type Base = import("../index.js").default<any>;
 export type ChildrenManager = import('./ChildrenManager.js').default;
 import AbstractManager from "./AbstractManager.js";

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.d.ts

@@ -52,7 +52,7 @@ export default class OptionsManager extends AbstractManager {
     set(name: string, value: any, config: OptionObject): void;
 }
 export type DeepmergeOptions = import('deepmerge').Options;
-export type Base = import('../index.js').default;
+export type Base = import("../index.js").default<any>;
 export type BaseConfig = import('../index.js').BaseConfig;
 export type OptionType = StringConstructor | NumberConstructor | BooleanConstructor | ArrayConstructor | ObjectConstructor;
 export type ArrayOption = {
@@ -79,7 +79,7 @@ export type BooleanOption = {
 };
 export type OptionObject = ArrayOption | ObjectOption | StringOption | NumberOption | BooleanOption;
 export type OptionsSchema = {
-    [name: string]: OptionType | OptionObject;
+    [name: string]: OptionObject | OptionType;
 };
 export type OptionsInterface = {
     [optionName: string]: any;

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