@studiometa/js-toolkit 3.9.0 → 4.0.0-alpha.1

package/dist/Base/Base.js

@@ -1,535 +0,0 @@
-import { closestComponent, queryComponentAll } from "../helpers/queryComponent.js";
-import { isArray, isDev, isFunction } from "../utils/is.js";
-import { noop } from "../utils/noop.js";
-import { ChildrenManager } from "./managers/ChildrenManager.js";
-import { EventsManager } from "./managers/EventsManager.js";
-import { OptionsManager } from "./managers/OptionsManager.js";
-import { RefsManager } from "./managers/RefsManager.js";
-import { ServicesManager } from "./managers/ServicesManager.js";
-import {
-  addInstance,
-  addToQueue,
-  addToRegistry,
-  deleteInstance,
-  getComponentElements,
-  getEventTarget,
-  hasInstance
-} from "./utils.js";
-import { getInstanceFromElement } from "../helpers/getInstanceFromElement.js";
-let id = 0;
-class Base {
-  /**
-   * This is a Base instance.
-   */
-  static $isBase = true;
-  /**
-   * Config.
-   * @link https://js-toolkit.studiometa.dev/api/configuration.html
-   */
-  static config = {
-    name: "Base",
-    emits: [
-      // hook events
-      "before-mounted",
-      "mounted",
-      "after-mounted",
-      "updated",
-      "before-destroyed",
-      "destroyed",
-      "after-destroyed",
-      "terminated",
-      // default services' events
-      "ticked",
-      "scrolled",
-      "resized",
-      "moved",
-      "loaded",
-      "keyed"
-    ]
-  };
-  /**
-   * The instance id.
-   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#id
-   */
-  $id;
-  /**
-   * The root element.
-   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#el
-   */
-  $el;
-  /**
-   * The state of the component.
-   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#isMounted
-   */
-  $isMounted = false;
-  /**
-   * Is the component currently mounting itself and its children?
-   * @private
-   */
-  __isMounting = false;
-  /**
-   * Store the event handlers.
-   * @private
-   */
-  __eventHandlers = /* @__PURE__ */ new Map();
-  /**
-   * Get the root instance of the app.
-   * @deprecated Use `$closest(name)` instead. Will be removed in v4.
-   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#root
-   */
-  get $root() {
-    if (isDev) {
-      console.warn(
-        `[${this.$id}] $root is deprecated and will be removed in v4. Use $closest(name) instead.`
-      );
-    }
-    if (!this.__parent) {
-      return this;
-    }
-    let parent = this.__parent;
-    let root = this.__parent;
-    while (parent) {
-      if (!parent.__parent) {
-        root = parent;
-      }
-      parent = parent.__parent;
-    }
-    return root;
-  }
-  /**
-   * The parent instance if the current instance is registered as a child component in a parent component.
-   * @deprecated Use `$closest(name)` instead. Will be removed in v4.
-   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#parent
-   */
-  get $parent() {
-    if (isDev) {
-      console.warn(
-        `[${this.$id}] $parent is deprecated and will be removed in v4. Use $closest(name) instead.`
-      );
-    }
-    return this.__parent;
-  }
-  /**
-   * Internal parent resolution without deprecation warning.
-   * @internal
-   */
-  get __parent() {
-    let el = this.$el.parentElement;
-    while (el) {
-      const baseMap = el.__base__;
-      if (baseMap) {
-        for (const instance of baseMap.values()) {
-          if (instance === "terminated" || !hasInstance(instance)) continue;
-          const { components } = instance.$config;
-          if (components) {
-            for (const component of Object.values(components)) {
-              if (component === this.constructor) {
-                return instance;
-              }
-              if (isFunction(component) && !("$isBase" in component)) {
-                const resolved = instance.__children.__asyncComponentPromises.get(
-                  component
-                );
-                if (resolved?.status === "resolved" && resolved.ctor === this.constructor) {
-                  return instance;
-                }
-              }
-            }
-          }
-        }
-      }
-      el = el.parentElement;
-    }
-    return null;
-  }
-  /**
-   * Merge configuration with the parents' configurations.
-   * @private
-   */
-  get __config() {
-    let proto = Object.getPrototypeOf(this);
-    let { config } = proto.constructor;
-    while (proto.constructor.config && proto.constructor.$isBase) {
-      config = { ...proto.constructor.config, ...config };
-      if (proto.constructor.config.options) {
-        config.options = { ...proto.constructor.config.options, ...config.options };
-      }
-      if (proto.constructor.config.emits && config.emits) {
-        config.emits = [...proto.constructor.config.emits, ...config.emits];
-      }
-      proto = Object.getPrototypeOf(proto);
-    }
-    config.options = config.options ?? {};
-    config.refs = config.refs ?? [];
-    config.components = config.components ?? {};
-    return config;
-  }
-  /**
-   * The normalized config of the component.
-   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#config
-   */
-  get $config() {
-    return this.__config;
-  }
-  __services;
-  /**
-   * Services.
-   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#services
-   */
-  get $services() {
-    return this.__services;
-  }
-  __refs;
-  /**
-   * Refs.
-   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#refs
-   */
-  get $refs() {
-    return this.__refs.props;
-  }
-  __options;
-  /**
-   * Options.
-   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#options
-   */
-  get $options() {
-    return this.__options.props;
-  }
-  __children;
-  /**
-   * Children.
-   * @deprecated Use `$query(name)` instead. Will be removed in v4.
-   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#children
-   */
-  get $children() {
-    if (isDev) {
-      console.warn(
-        `[${this.$id}] $children is deprecated and will be removed in v4. Use $query(name) instead.`
-      );
-    }
-    return this.__children.props;
-  }
-  /**
-   * Get all descendant component instances matching the given query.
-   * Sugar for `queryComponentAll(query, { from: this.$el })`.
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#query-query
-   */
-  $query(query) {
-    return queryComponentAll(query, { from: this.$el });
-  }
-  /**
-   * Get the closest ancestor component instance matching the given query.
-   * Sugar for `closestComponent(query, { from: this.$el })`.
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#closest-query
-   */
-  $closest(query) {
-    return closestComponent(query, { from: this.$el });
-  }
-  __events;
-  /**
-   * Small helper to log stuff.
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#log-content
-   */
-  get $log() {
-    return this.$options.log ? window.console.log.bind(window, `[${this.$id}]`) : noop;
-  }
-  /**
-   * Small helper to make warning easier.
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#warn-content
-   */
-  get $warn() {
-    return this.$options.log ? window.console.warn.bind(window, `[${this.$id}]`) : noop;
-  }
-  /**
-   * Small helper to debug information.
-   * @internal
-   */
-  get __debug() {
-    return isDev && this.$options.debug ? window.console.log.bind(window, `[debug] [${this.$id}]`) : noop;
-  }
-  /**
-   * Get manager constructors.
-   * @internal
-   */
-  get __managers() {
-    return {
-      ChildrenManager,
-      EventsManager,
-      OptionsManager,
-      RefsManager,
-      ServicesManager
-    };
-  }
-  /**
-   * Call an instance method and emit corresponding events.
-   * @internal
-   */
-  __callMethod(method, ...args) {
-    if (isDev) {
-      this.__debug("callMethod", method, ...args);
-    }
-    this.$emit(method, ...args);
-    if (!isFunction(this[method])) {
-      return null;
-    }
-    if (isDev) {
-      this.__debug(method, this, ...args);
-    }
-    return this[method].call(this, ...args);
-  }
-  /**
-   * Test if the given event has been bound to the instance.
-   *
-   * @param  {string} event The event's name.
-   * @return {boolean}      Wether the given event has been bound or not.
-   * @internal
-   */
-  __hasEvent(event) {
-    const eventHandlers = this.__eventHandlers.get(event);
-    return eventHandlers && eventHandlers.size > 0;
-  }
-  /**
-   * Class constructor where all the magic takes place.
-   *
-   * @param {HTMLElement} element The component's root element dd.
-   * @link https://js-toolkit.studiometa.dev/api/instantiation.html
-   */
-  constructor(element) {
-    if (!element) {
-      if (isDev) {
-        throw new Error("The root element must be defined.");
-      }
-      return;
-    }
-    const { $config } = this;
-    if ($config.name === "Base") {
-      if (isDev) {
-        throw new Error("The `config.name` property is required.");
-      }
-      return;
-    }
-    addToRegistry($config.name, this.constructor);
-    this.$id = `${$config.name}-${id}`;
-    id += 1;
-    this.$el = element;
-    this.$el.__base__ ??= /* @__PURE__ */ new Map();
-    this.$el.__base__.set($config.name, this);
-    for (const service of ["Options", "Services", "Events", "Refs", "Children"]) {
-      this[`__${service.toLowerCase()}`] = new this.__managers[`${service}Manager`](this);
-    }
-    this.$on("before-mounted", () => {
-      addInstance(this);
-    });
-    this.$on("after-destroyed", () => {
-      deleteInstance(this);
-    });
-    if (isDev) {
-      this.__debug("constructor", this);
-    }
-  }
-  /**
-   * Trigger the `mounted` callback.
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#mount
-   */
-  async $mount() {
-    if (this.$isMounted || this.__isMounting) {
-      return this;
-    }
-    this.__isMounting = true;
-    this.$emit("before-mounted");
-    if (isDev) {
-      this.__debug("$mount");
-    }
-    await Promise.all([
-      addToQueue(() => this.__children.registerAll()),
-      addToQueue(() => this.__refs.registerAll()),
-      addToQueue(() => this.__events.bindRootElement()),
-      addToQueue(() => this.__services.enableAll()),
-      addToQueue(() => this.__children.mountAll())
-    ]);
-    await addToQueue(() => {
-      this.$isMounted = true;
-      this.__callMethod("mounted");
-    });
-    this.__isMounting = false;
-    this.$emit("after-mounted");
-    return this;
-  }
-  /**
-   * Update the instance children.
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#update
-   */
-  async $update() {
-    if (isDev) {
-      this.__debug("$update");
-    }
-    await Promise.all([
-      // Undo
-      addToQueue(() => this.__refs.unregisterAll()),
-      addToQueue(() => this.__services.disableAll()),
-      // Redo
-      addToQueue(() => this.__children.registerAll()),
-      addToQueue(() => this.__refs.registerAll()),
-      addToQueue(() => this.__services.enableAll()),
-      // Update
-      addToQueue(() => this.__children.updateAll())
-    ]);
-    await addToQueue(() => this.__callMethod("updated"));
-    return this;
-  }
-  /**
-   * Trigger the `destroyed` callback.
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#destroy
-   */
-  async $destroy() {
-    if (!this.$isMounted) {
-      return this;
-    }
-    if (isDev) {
-      this.__debug("$destroy");
-    }
-    this.$emit("before-destroyed");
-    this.$isMounted = false;
-    await Promise.all([
-      addToQueue(() => this.__events.unbindRootElement()),
-      addToQueue(() => this.__refs.unregisterAll()),
-      addToQueue(() => this.__services.disableAll()),
-      addToQueue(() => this.__children.destroyAll())
-    ]);
-    await addToQueue(() => this.__callMethod("destroyed"));
-    this.$emit("after-destroyed");
-    return this;
-  }
-  /**
-   * Terminate a child instance when it is not needed anymore.
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#terminate
-   */
-  async $terminate() {
-    if (isDev) {
-      this.__debug("$terminate");
-    }
-    await Promise.all([
-      // First, destroy the component.
-      addToQueue(() => this.$destroy()),
-      // Execute the `terminated` hook if it exists
-      addToQueue(() => this.__callMethod("terminated")),
-      // Delete instance
-      addToQueue(() => this.$el.__base__.set(this.$config.name, "terminated"))
-    ]);
-  }
-  /**
-   * Add an emitted event.
-   *
-   * @param  {string} event The event name.
-   * @return {void}
-   * @internal
-   */
-  __addEmits(event) {
-    const ctor = this.constructor;
-    if (isArray(ctor.config.emits)) {
-      ctor.config.emits.push(event);
-    } else {
-      ctor.config.emits = [event];
-    }
-  }
-  /**
-   * Remove an emitted event.
-   *
-   * @param  {string} event The event name.
-   * @return {void}
-   * @internal
-   */
-  __removeEmits(event) {
-    const ctor = this.constructor;
-    const index = ctor.config.emits.indexOf(event);
-    ctor.config.emits.splice(index, 1);
-  }
-  /**
-   * Bind a listener function to an event.
-   *
-   * @param  {string} event
-   *   Name of the event.
-   * @param  {EventListenerOrEventListenerObject} listener
-   *   Function to be called.
-   * @param {boolean|AddEventListenerOptions} [options]
-   *   Options for the `removeEventListener` method.
-   * @return {() => void}
-   *   A function to unbind the listener.
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#on-event-callback-options
-   */
-  $on(event, listener, options) {
-    if (isDev) {
-      this.__debug("$on", event, listener, options);
-    }
-    let set = this.__eventHandlers.get(event);
-    if (!set) {
-      set = /* @__PURE__ */ new Set();
-      this.__eventHandlers.set(event, set);
-    }
-    set.add(listener);
-    const target = getEventTarget(this, event, this.__config);
-    target?.addEventListener(event, listener, options);
-    if (isDev) {
-      if (!target) {
-        console.warn(
-          `[${this.$id}]`,
-          `The "${event}" event is missing from the configuration and is not a native`,
-          `event for the root element of type \`${this.$el.constructor.name}\`.`
-        );
-      }
-    }
-    return () => {
-      this.$off(event, listener, options);
-    };
-  }
-  /**
-   * Unbind a listener function from an event.
-   *
-   * @param {string} event
-   *   Name of the event.
-   * @param {EventListenerOrEventListenerObject} listener
-   *   Function to be removed.
-   * @param {boolean|EventListenerOptions} [options]
-   *   Options for the `removeEventListener` method.
-   * @return {void}
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#off-event-callback-options
-   */
-  $off(event, listener, options) {
-    if (isDev) {
-      this.__debug("$off", event, listener);
-    }
-    this.__eventHandlers.get(event)?.delete(listener);
-    const target = getEventTarget(this, event, this.__config);
-    target?.removeEventListener(event, listener, options);
-  }
-  /**
-   * Emits an event.
-   *
-   * @param  {string} event Name of the event.
-   * @param  {any[]}  args  The arguments to apply to the functions bound to this event.
-   * @return {void}
-   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#emit-event-args
-   */
-  $emit(event, ...args) {
-    if (isDev) {
-      this.__debug("$emit", event, args);
-    }
-    this.$el.dispatchEvent(
-      event instanceof Event ? event : new CustomEvent(event, { detail: args })
-    );
-  }
-  /**
-   * Register and mount all instances of the component.
-   * @link https://js-toolkit.studiometa.dev/api/static-methods.html#register-nameorselector-string
-   */
-  static $register(nameOrSelector) {
-    addToRegistry(nameOrSelector ?? this.config.name, this);
-    return getComponentElements(nameOrSelector ?? this.config.name).map(
-      async (el) => getInstanceFromElement(el, this) ?? new this(el).$mount()
-    );
-  }
-}
-export {
-  Base
-};
-//# sourceMappingURL=Base.js.map

package/dist/Base/Base.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/js-toolkit/Base/Base.ts"],
-  "sourcesContent": ["/* eslint-disable no-use-before-define */\nimport { closestComponent, queryComponentAll } from '../helpers/queryComponent.js';\nimport { isArray, isDev, isFunction } from '../utils/is.js';\nimport { noop } from '../utils/noop.js';\nimport { ChildrenManager } from './managers/ChildrenManager.js';\nimport { EventsManager } from './managers/EventsManager.js';\nimport { OptionsManager } from './managers/OptionsManager.js';\nimport { RefsManager } from './managers/RefsManager.js';\nimport { ServicesManager } from './managers/ServicesManager.js';\nimport {\n  addInstance,\n  addToQueue,\n  addToRegistry,\n  deleteInstance,\n  getComponentElements,\n  getEventTarget,\n  hasInstance,\n} from './utils.js';\nimport { getInstanceFromElement } from '../helpers/getInstanceFromElement.js';\n\nlet id = 0;\n\nexport type BaseEl = HTMLElement & { __base__?: Map<string, Base | 'terminated'> };\nexport type BaseConstructor<T extends Base = Base> = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  new (...args: any[]): T;\n  prototype: Base;\n} & Pick<typeof Base, keyof typeof Base>;\nexport type BaseAsyncConstructor<T extends Base = Base> = (\n  instance: Base,\n) => Promise<BaseConstructor<T> | { default: BaseConstructor<T> }>;\nexport type BaseOptions = { [name: string]: unknown };\nexport type BaseRefs = { [name: string]: HTMLElement | HTMLElement[] };\nexport type BaseChildren = { [nameOrSelector: string]: Base[] | Promise<Base>[] };\nexport type BaseConfigComponents = {\n  [nameOrSelector: string]: BaseConstructor | BaseAsyncConstructor;\n};\n\nexport type BaseConfig = {\n  name: string;\n  debug?: boolean;\n  log?: boolean;\n  refs?: string[];\n  emits?: string[];\n  components?: BaseConfigComponents;\n  options?: import('./managers/OptionsManager').OptionsSchema;\n};\n\nexport type BaseProps = {\n  $el?: HTMLElement;\n  $options?: BaseOptions;\n  $refs?: BaseRefs;\n  $children?: BaseChildren;\n  $parent?: Base;\n};\n\nexport type Managers = {\n  ChildrenManager: typeof ChildrenManager;\n  EventsManager: typeof EventsManager;\n  OptionsManager: typeof OptionsManager;\n  RefsManager: typeof RefsManager;\n  ServicesManager: typeof ServicesManager;\n};\n\n/**\n * Base class.\n *\n * @link https://js-toolkit.studiometa.dev/api/\n */\nexport class Base<T extends BaseProps = BaseProps> {\n  /**\n   * Declare the `this.constructor` type\n   * @link https://github.com/microsoft/TypeScript/issues/3841#issuecomment-2381594311\n   */\n  declare ['constructor']: BaseConstructor;\n\n  /**\n   * This is a Base instance.\n   */\n  static readonly $isBase = true as const;\n\n  /**\n   * Config.\n   * @link https://js-toolkit.studiometa.dev/api/configuration.html\n   */\n  static config: BaseConfig = {\n    name: 'Base',\n    emits: [\n      // hook events\n      'before-mounted',\n      'mounted',\n      'after-mounted',\n      'updated',\n      'before-destroyed',\n      'destroyed',\n      'after-destroyed',\n      'terminated',\n      // default services' events\n      'ticked',\n      'scrolled',\n      'resized',\n      'moved',\n      'loaded',\n      'keyed',\n    ],\n  };\n\n  /**\n   * The instance id.\n   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#id\n   */\n  $id: string;\n\n  /**\n   * The root element.\n   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#el\n   */\n  $el: T['$el'] & BaseEl;\n\n  /**\n   * The state of the component.\n   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#isMounted\n   */\n  $isMounted = false;\n\n  /**\n   * Is the component currently mounting itself and its children?\n   * @private\n   */\n  __isMounting = false;\n\n  /**\n   * Store the event handlers.\n   * @private\n   */\n  __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>> = new Map();\n\n  /**\n   * Get the root instance of the app.\n   * @deprecated Use `$closest(name)` instead. Will be removed in v4.\n   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#root\n   */\n  get $root(): Base {\n    if (isDev) {\n      console.warn(\n        `[${this.$id}] $root is deprecated and will be removed in v4. Use $closest(name) instead.`,\n      );\n    }\n\n    if (!this.__parent) {\n      return this;\n    }\n\n    let parent = this.__parent;\n    let root = this.__parent;\n\n    while (parent) {\n      if (!parent.__parent) {\n        root = parent;\n      }\n\n      parent = parent.__parent;\n    }\n\n    return root;\n  }\n\n  /**\n   * The parent instance if the current instance is registered as a child component in a parent component.\n   * @deprecated Use `$closest(name)` instead. Will be removed in v4.\n   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#parent\n   */\n  get $parent(): (T['$parent'] & Base) | null {\n    if (isDev) {\n      console.warn(\n        `[${this.$id}] $parent is deprecated and will be removed in v4. Use $closest(name) instead.`,\n      );\n    }\n\n    return this.__parent;\n  }\n\n  /**\n   * Internal parent resolution without deprecation warning.\n   * @internal\n   */\n  get __parent(): (T['$parent'] & Base) | null {\n    // Walk up the DOM ancestors and resolve the closest mounted instance whose\n    // config declares this component as a child, using each element's `__base__`\n    // map for an O(1)-per-ancestor lookup. This is O(tree depth) instead of the\n    // O(N_instances) global scan (plus `Set` copy) it replaces.\n    let el = this.$el.parentElement;\n\n    while (el) {\n      const baseMap = (el as BaseEl).__base__;\n\n      if (baseMap) {\n        for (const instance of baseMap.values()) {\n          if (instance === 'terminated' || !hasInstance(instance)) continue;\n\n          const { components } = instance.$config;\n          if (components) {\n            for (const component of Object.values(components)) {\n              // Sync child: the declared value is the resolved constructor.\n              if (component === this.constructor) {\n                return instance as T['$parent'] & Base;\n              }\n\n              // Async/lazy child: the declared value is a loader function, so it\n              // never equals `this.constructor`. Its resolved constructor lives\n              // in the ancestor's own ChildrenManager, keyed by that same loader\n              // function \u2014 read it back to match by resolved identity.\n              if (isFunction(component) && !('$isBase' in component)) {\n                const resolved = instance.__children.__asyncComponentPromises.get(\n                  component as BaseAsyncConstructor,\n                );\n                if (resolved?.status === 'resolved' && resolved.ctor === this.constructor) {\n                  return instance as T['$parent'] & Base;\n                }\n              }\n            }\n          }\n        }\n      }\n\n      el = el.parentElement;\n    }\n\n    return null;\n  }\n\n  /**\n   * Merge configuration with the parents' configurations.\n   * @private\n   */\n  get __config(): BaseConfig {\n    let proto = Object.getPrototypeOf(this);\n    let { config } = proto.constructor;\n\n    while (proto.constructor.config && proto.constructor.$isBase) {\n      config = { ...proto.constructor.config, ...config };\n\n      if (proto.constructor.config.options) {\n        config.options = { ...proto.constructor.config.options, ...config.options };\n      }\n\n      if (proto.constructor.config.emits && config.emits) {\n        config.emits = [...proto.constructor.config.emits, ...config.emits];\n      }\n\n      proto = Object.getPrototypeOf(proto);\n    }\n\n    config.options = config.options ?? {};\n    config.refs = config.refs ?? [];\n    config.components = config.components ?? {};\n\n    return config;\n  }\n\n  /**\n   * The normalized config of the component.\n   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#config\n   */\n  get $config() {\n    return this.__config;\n  }\n\n  __services: ServicesManager;\n\n  /**\n   * Services.\n   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#services\n   */\n  get $services(): ServicesManager {\n    return this.__services;\n  }\n\n  __refs: RefsManager<T['$refs'] & BaseRefs>;\n\n  /**\n   * Refs.\n   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#refs\n   */\n  get $refs(): T['$refs'] & BaseRefs {\n    return this.__refs.props;\n  }\n\n  __options: OptionsManager<T['$options'] & BaseOptions>;\n\n  /**\n   * Options.\n   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#options\n   */\n  get $options(): T['$options'] & BaseOptions {\n    return this.__options.props;\n  }\n\n  __children: ChildrenManager<T['$children'] & BaseChildren>;\n\n  /**\n   * Children.\n   * @deprecated Use `$query(name)` instead. Will be removed in v4.\n   * @link https://js-toolkit.studiometa.dev/api/instance-properties.html#children\n   */\n  get $children(): T['$children'] & BaseChildren {\n    if (isDev) {\n      console.warn(\n        `[${this.$id}] $children is deprecated and will be removed in v4. Use $query(name) instead.`,\n      );\n    }\n\n    return this.__children.props;\n  }\n\n  /**\n   * Get all descendant component instances matching the given query.\n   * Sugar for `queryComponentAll(query, { from: this.$el })`.\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#query-query\n   */\n  $query<U extends Base = Base>(query: string): U[] {\n    return queryComponentAll<U>(query, { from: this.$el });\n  }\n\n  /**\n   * Get the closest ancestor component instance matching the given query.\n   * Sugar for `closestComponent(query, { from: this.$el })`.\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#closest-query\n   */\n  $closest<U extends Base = Base>(query: string): U | undefined {\n    return closestComponent<U>(query, { from: this.$el });\n  }\n\n  __events: EventsManager;\n\n  /**\n   * Small helper to log stuff.\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#log-content\n   */\n  get $log(): (...args: unknown[]) => void {\n    return this.$options.log ? window.console.log.bind(window, `[${this.$id}]`) : noop;\n  }\n\n  /**\n   * Small helper to make warning easier.\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#warn-content\n   */\n  get $warn(): (...args: unknown[]) => void {\n    return this.$options.log ? window.console.warn.bind(window, `[${this.$id}]`) : noop;\n  }\n\n  /**\n   * Small helper to debug information.\n   * @internal\n   */\n  get __debug(): (...args: unknown[]) => void {\n    return isDev && this.$options.debug\n      ? window.console.log.bind(window, `[debug] [${this.$id}]`)\n      : noop;\n  }\n\n  /**\n   * Get manager constructors.\n   * @internal\n   */\n  get __managers(): Managers {\n    return {\n      ChildrenManager,\n      EventsManager,\n      OptionsManager,\n      RefsManager,\n      ServicesManager,\n    };\n  }\n\n  /**\n   * Call an instance method and emit corresponding events.\n   * @internal\n   */\n  __callMethod(method: string, ...args: unknown[]): unknown {\n    if (isDev) {\n      this.__debug('callMethod', method, ...args);\n    }\n\n    this.$emit(method, ...args);\n\n    // We always emit an event, but we do not call the method if it does not exist\n    if (!isFunction(this[method])) {\n      return null;\n    }\n\n    if (isDev) {\n      this.__debug(method, this, ...args);\n    }\n\n    return this[method].call(this, ...args);\n  }\n\n  /**\n   * Test if the given event has been bound to the instance.\n   *\n   * @param  {string} event The event's name.\n   * @return {boolean}      Wether the given event has been bound or not.\n   * @internal\n   */\n  __hasEvent(event: string): boolean {\n    const eventHandlers = this.__eventHandlers.get(event);\n    return eventHandlers && eventHandlers.size > 0;\n  }\n\n  /**\n   * Class constructor where all the magic takes place.\n   *\n   * @param {HTMLElement} element The component's root element dd.\n   * @link https://js-toolkit.studiometa.dev/api/instantiation.html\n   */\n  constructor(element: HTMLElement) {\n    if (!element) {\n      if (isDev) {\n        throw new Error('The root element must be defined.');\n      }\n      return;\n    }\n\n    const { $config } = this;\n\n    if ($config.name === 'Base') {\n      if (isDev) {\n        throw new Error('The `config.name` property is required.');\n      }\n      return;\n    }\n\n    // Add current component to the registry\n    addToRegistry($config.name, this.constructor);\n\n    this.$id = `${$config.name}-${id}`;\n    id += 1;\n\n    this.$el = element;\n    this.$el.__base__ ??= new Map();\n    this.$el.__base__.set($config.name, this);\n\n    for (const service of ['Options', 'Services', 'Events', 'Refs', 'Children']) {\n      this[`__${service.toLowerCase()}`] = new this.__managers[`${service}Manager`](this);\n    }\n\n    this.$on('before-mounted', () => {\n      addInstance(this);\n    });\n    this.$on('after-destroyed', () => {\n      deleteInstance(this);\n    });\n\n    if (isDev) {\n      this.__debug('constructor', this);\n    }\n  }\n\n  /**\n   * Trigger the `mounted` callback.\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#mount\n   */\n  async $mount(): Promise<this> {\n    if (this.$isMounted || this.__isMounting) {\n      return this;\n    }\n\n    this.__isMounting = true;\n    this.$emit('before-mounted');\n\n    if (isDev) {\n      this.__debug('$mount');\n    }\n\n    await Promise.all([\n      addToQueue(() => this.__children.registerAll()),\n      addToQueue(() => this.__refs.registerAll()),\n      addToQueue(() => this.__events.bindRootElement()),\n      addToQueue(() => this.__services.enableAll()),\n      addToQueue(() => this.__children.mountAll()),\n    ]);\n\n    await addToQueue(() => {\n      this.$isMounted = true;\n      this.__callMethod('mounted');\n    });\n\n    this.__isMounting = false;\n    this.$emit('after-mounted');\n\n    return this;\n  }\n\n  /**\n   * Update the instance children.\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#update\n   */\n  async $update(): Promise<this> {\n    if (isDev) {\n      this.__debug('$update');\n    }\n\n    await Promise.all([\n      // Undo\n      addToQueue(() => this.__refs.unregisterAll()),\n      addToQueue(() => this.__services.disableAll()),\n      // Redo\n      addToQueue(() => this.__children.registerAll()),\n      addToQueue(() => this.__refs.registerAll()),\n      addToQueue(() => this.__services.enableAll()),\n      // Update\n      addToQueue(() => this.__children.updateAll()),\n    ]);\n\n    await addToQueue(() => this.__callMethod('updated'));\n\n    return this;\n  }\n\n  /**\n   * Trigger the `destroyed` callback.\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#destroy\n   */\n  async $destroy(): Promise<this> {\n    if (!this.$isMounted) {\n      return this;\n    }\n\n    if (isDev) {\n      this.__debug('$destroy');\n    }\n\n    this.$emit('before-destroyed');\n    this.$isMounted = false;\n\n    await Promise.all([\n      addToQueue(() => this.__events.unbindRootElement()),\n      addToQueue(() => this.__refs.unregisterAll()),\n      addToQueue(() => this.__services.disableAll()),\n      addToQueue(() => this.__children.destroyAll()),\n    ]);\n\n    await addToQueue(() => this.__callMethod('destroyed'));\n\n    this.$emit('after-destroyed');\n\n    return this;\n  }\n\n  /**\n   * Terminate a child instance when it is not needed anymore.\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#terminate\n   */\n  async $terminate(): Promise<void> {\n    if (isDev) {\n      this.__debug('$terminate');\n    }\n\n    await Promise.all([\n      // First, destroy the component.\n      addToQueue(() => this.$destroy()),\n      // Execute the `terminated` hook if it exists\n      addToQueue(() => this.__callMethod('terminated')),\n      // Delete instance\n      addToQueue(() => this.$el.__base__.set(this.$config.name, 'terminated')),\n    ]);\n  }\n\n  /**\n   * Add an emitted event.\n   *\n   * @param  {string} event The event name.\n   * @return {void}\n   * @internal\n   */\n  __addEmits(event: string): void {\n    const ctor = this.constructor;\n    if (isArray(ctor.config.emits)) {\n      ctor.config.emits.push(event);\n    } else {\n      ctor.config.emits = [event];\n    }\n  }\n\n  /**\n   * Remove an emitted event.\n   *\n   * @param  {string} event The event name.\n   * @return {void}\n   * @internal\n   */\n  __removeEmits(event: string): void {\n    const ctor = this.constructor;\n    const index = ctor.config.emits.indexOf(event);\n    ctor.config.emits.splice(index, 1);\n  }\n\n  /**\n   * Bind a listener function to an event.\n   *\n   * @param  {string} event\n   *   Name of the event.\n   * @param  {EventListenerOrEventListenerObject} listener\n   *   Function to be called.\n   * @param {boolean|AddEventListenerOptions} [options]\n   *   Options for the `removeEventListener` method.\n   * @return {() => void}\n   *   A function to unbind the listener.\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#on-event-callback-options\n   */\n  $on(\n    event: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions,\n  ): () => void {\n    if (isDev) {\n      this.__debug('$on', event, listener, options);\n    }\n\n    let set = this.__eventHandlers.get(event);\n\n    if (!set) {\n      set = new Set();\n      this.__eventHandlers.set(event, set);\n    }\n\n    set.add(listener);\n\n    const target = getEventTarget(this, event, this.__config);\n    target?.addEventListener(event, listener, options);\n\n    if (isDev) {\n      if (!target) {\n        console.warn(\n          `[${this.$id}]`,\n          `The \"${event}\" event is missing from the configuration and is not a native`,\n          `event for the root element of type \\`${this.$el.constructor.name}\\`.`,\n        );\n      }\n    }\n\n    return () => {\n      this.$off(event, listener, options);\n    };\n  }\n\n  /**\n   * Unbind a listener function from an event.\n   *\n   * @param {string} event\n   *   Name of the event.\n   * @param {EventListenerOrEventListenerObject} listener\n   *   Function to be removed.\n   * @param {boolean|EventListenerOptions} [options]\n   *   Options for the `removeEventListener` method.\n   * @return {void}\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#off-event-callback-options\n   */\n  $off(\n    event: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions,\n  ) {\n    if (isDev) {\n      this.__debug('$off', event, listener);\n    }\n\n    this.__eventHandlers.get(event)?.delete(listener);\n\n    const target = getEventTarget(this, event, this.__config);\n    target?.removeEventListener(event, listener, options);\n  }\n\n  /**\n   * Emits an event.\n   *\n   * @param  {string} event Name of the event.\n   * @param  {any[]}  args  The arguments to apply to the functions bound to this event.\n   * @return {void}\n   * @link https://js-toolkit.studiometa.dev/api/instance-methods.html#emit-event-args\n   */\n  $emit(event: string | Event, ...args: unknown[]) {\n    if (isDev) {\n      this.__debug('$emit', event, args);\n    }\n\n    this.$el.dispatchEvent(\n      event instanceof Event ? event : new CustomEvent(event, { detail: args }),\n    );\n  }\n\n  /**\n   * Register and mount all instances of the component.\n   * @link https://js-toolkit.studiometa.dev/api/static-methods.html#register-nameorselector-string\n   */\n  static $register<T extends BaseProps = BaseProps, U extends typeof Base<T> = typeof Base<T>>(\n    this: U,\n    nameOrSelector?: string,\n  ): Promise<InstanceType<U>>[] {\n    addToRegistry(nameOrSelector ?? this.config.name, this);\n\n    return getComponentElements(nameOrSelector ?? this.config.name).map(\n      async (el) =>\n        getInstanceFromElement(el, this) ?? (new this(el).$mount() as Promise<InstanceType<U>>),\n    );\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/Base/features.d.ts

@@ -1,16 +0,0 @@
-export type Features = {
-    blocking: boolean;
-    breakpoints: Record<string, string>;
-    prefix: string;
-    attributes: {
-        component: string;
-        option: string;
-        ref: string;
-    };
-};
-interface FeaturesMap extends Map<keyof Features, Features[keyof Features]> {
-    get<T extends keyof Features>(key: T): Features[T];
-    set<T extends keyof Features>(key: T, value: Features[T]): this;
-}
-export declare const features: FeaturesMap;
-export {};

package/dist/Base/features.js

@@ -1,36 +0,0 @@
-const features = /* @__PURE__ */ new Map([
-  ["blocking", false],
-  [
-    "breakpoints",
-    {
-      xxs: "0rem",
-      xs: "30rem",
-      // 480px
-      s: "48rem",
-      // 768px
-      m: "64rem",
-      // 1024px
-      l: "80rem",
-      // 1280px
-      xl: "90rem",
-      // 1440px
-      xxl: "120rem",
-      // 1920px
-      xxxl: "160rem"
-      // 2560px
-    }
-  ],
-  ["prefix", "tk"],
-  [
-    "attributes",
-    {
-      component: "data-component",
-      option: "data-option",
-      ref: "data-ref"
-    }
-  ]
-]);
-export {
-  features
-};
-//# sourceMappingURL=features.js.map

package/dist/Base/features.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../packages/js-toolkit/Base/features.ts"],
-  "sourcesContent": ["export type Features = {\n  blocking: boolean;\n  breakpoints: Record<string, string>;\n  prefix: string;\n  attributes: {\n    component: string;\n    option: string;\n    ref: string;\n  };\n};\n\ninterface FeaturesMap extends Map<keyof Features, Features[keyof Features]> {\n  get<T extends keyof Features>(key: T): Features[T];\n  set<T extends keyof Features>(key: T, value: Features[T]): this;\n}\n\nexport const features = new Map<keyof Features, Features[keyof Features]>([\n  ['blocking', false],\n  [\n    'breakpoints',\n    {\n      xxs: '0rem',\n      xs: '30rem', // 480px\n      s: '48rem', // 768px\n      m: '64rem', // 1024px\n      l: '80rem', // 1280px\n      xl: '90rem', // 1440px\n      xxl: '120rem', // 1920px\n      xxxl: '160rem', // 2560px\n    },\n  ],\n  ['prefix', 'tk'],\n  [\n    'attributes',\n    {\n      component: 'data-component',\n      option: 'data-option',\n      ref: 'data-ref',\n    },\n  ],\n]) as FeaturesMap;\n"],
-  "mappings": "AAgBO,MAAM,WAAW,oBAAI,IAA8C;AAAA,EACxE,CAAC,YAAY,KAAK;AAAA,EAClB;AAAA,IACE;AAAA,IACA;AAAA,MACE,KAAK;AAAA,MACL,IAAI;AAAA;AAAA,MACJ,GAAG;AAAA;AAAA,MACH,GAAG;AAAA;AAAA,MACH,GAAG;AAAA;AAAA,MACH,IAAI;AAAA;AAAA,MACJ,KAAK;AAAA;AAAA,MACL,MAAM;AAAA;AAAA,IACR;AAAA,EACF;AAAA,EACA,CAAC,UAAU,IAAI;AAAA,EACf;AAAA,IACE;AAAA,IACA;AAAA,MACE,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,EACF;AACF,CAAC;",
-  "names": []
-}

package/dist/Base/index.d.ts

@@ -1,2 +0,0 @@
-export { Base, type BaseAsyncConstructor, type BaseChildren, type BaseConfig, type BaseConfigComponents, type BaseConstructor, type BaseEl, type BaseOptions, type BaseProps, type BaseRefs, type Managers, } from './Base.js';
-export { getInstances } from './utils.js';

package/dist/Base/index.js

@@ -1,9 +0,0 @@
-import {
-  Base
-} from "./Base.js";
-import { getInstances } from "./utils.js";
-export {
-  Base,
-  getInstances
-};
-//# sourceMappingURL=index.js.map