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

package/Base/types.d.ts

@@ -0,0 +1,43 @@
+import { KeyServiceProps, LoadServiceProps, PointerServiceProps, RafServiceProps, ResizeServiceProps, ScrollServiceProps } from '../services/index.js';
+export interface BaseInterface {
+    /**
+     * Mounted hook.
+     */
+    mounted?(): void;
+    /**
+     * Updated hook.
+     */
+    updated?(): void;
+    /**
+     * Destroyed hook.
+     */
+    destroyed?(): void;
+    /**
+     * Terminated hook.
+     */
+    terminated?(): void;
+    /**
+     * Key service, executed when a keyboard key is pressed or released.
+     */
+    keyed?(props: KeyServiceProps): void;
+    /**
+     * Load service, executed when the window `load` event is fired.
+     */
+    loaded?(props: LoadServiceProps): void;
+    /**
+     * Pointer service, executed when the pointer is moving, pressed or released.
+     */
+    moved?(props: PointerServiceProps): void;
+    /**
+     * Raf service, executed on each rendered frame.
+     */
+    ticked?(props: RafServiceProps): void;
+    /**
+     * Resize service, executed when the window is resized.
+     */
+    resized?(props: ResizeServiceProps): void;
+    /**
+     * Scroll service, executed when the document is scrolled.
+     */
+    scrolled?(props: ScrollServiceProps): void;
+}

package/Base/utils.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @typedef {import('./index.js').default} Base
+ */
+/**
+ * Get a list of elements based on the name of a component.
+ *
+ * @param {string} nameOrSelector
+ *   The name or selector to used for this component.
+ * @param {HTMLElement|Document} element
+ *   The root element on which to query the selector, defaults to `document`.
+ * @returns {Array<HTMLElement>}
+ *   A list of elements on which the component should be mounted.
+ */
+export function getComponentElements(nameOrSelector: string, element?: HTMLElement | Document): Array<HTMLElement>;
+/**
+ * Test if an event is defined in the given config.
+ *
+ * @param   {string} event
+ * @param   {import('./index.js').BaseConfig} config
+ * @returns {boolean}
+ */
+export function eventIsDefinedInConfig(event: string, config: import('./index.js').BaseConfig): boolean;
+/**
+ * Test if an event can be used on the given element.
+ *
+ * @param   {string} event
+ * @param   {HTMLElement} element
+ * @returns {boolean}
+ */
+export function eventIsNative(event: string, element: HTMLElement): boolean;
+/**
+ * Get the target of a given event.
+ *
+ * @param   {Base} instance
+ * @param   {string} event
+ * @param   {import('./index.js').BaseConfig} config
+ * @returns {Base|Base['$el']}
+ */
+export function getEventTarget(instance: Base, event: string, config: import('./index.js').BaseConfig): Base | Base['$el'];
+export type Base = import('./index.js').default;

package/decorators/index.d.ts

@@ -0,0 +1,10 @@
+export { default as withBreakpointManager } from './withBreakpointManager.js';
+export { default as withBreakpointObserver } from './withBreakpointObserver.js';
+export { default as withDrag } from './withDrag.js';
+export { default as withExtraConfig } from './withExtraConfig.js';
+export { default as withFreezedOptions } from './withFreezedOptions.js';
+export { default as withIntersectionObserver } from './withIntersectionObserver.js';
+export { default as withMountWhenInView } from './withMountWhenInView.js';
+export { default as withResponsiveOptions } from './withResponsiveOptions.js';
+export { default as withScrolledInView } from './withScrolledInView.js';
+export { default as withVue2 } from './withVue2.js';

package/decorators/withBreakpointManager.d.ts

@@ -0,0 +1,59 @@
+import type Base from '../Base/index.js';
+import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+/**
+ * BreakpointManager class.
+ */
+export default function withBreakpointManager<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor, breakpoints: Array<[string, BaseConstructor]>): typeof Base | {
+    new <U extends BaseTypeParameter = BaseTypeParameter>(element: any): {
+        /**
+         * Override the default $mount method to prevent component's from being
+         * mounted when they should not.
+         *
+         * @returns {this}
+         */
+        $mount(): any;
+        /**
+         * Destroy all instances when the main one is destroyed.
+         *
+         * @returns {this}
+         */
+        $destroy(): any;
+        $parent: Base<BaseTypeParameter>;
+        $id: string;
+        $el: (T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof Base, Base<BaseTypeParameter> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: Base<BaseTypeParameter>;
+        readonly __config: import("../Base/index.js").BaseConfig;
+        __services: import("../Base/managers/ServicesManager.js").default;
+        readonly $services: import("../Base/managers/ServicesManager.js").default;
+        __refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (T & U)["$children"][key_1][]; } : never) & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: any) => void;
+        readonly __debug: (...args: any) => void;
+        readonly __managers: import("../Base/index.js").Managers;
+        __callMethod(method: string, ...args: unknown[]): unknown;
+        __hasEvent(event: string): boolean;
+        $update(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof Base;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: unknown[]): void;
+        addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        dispatchEvent(event: Event): boolean;
+        removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    };
+    readonly $isBase: true;
+    config: import("../Base/index.js").BaseConfig;
+    $factory(nameOrSelector: string): Base<BaseTypeParameter>[];
+};

package/decorators/withBreakpointObserver.d.ts

@@ -0,0 +1,65 @@
+import type Base from '../Base/index.js';
+import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+/**
+ * BreakpointObserver class.
+ */
+export default function withBreakpointObserver<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor): {
+    new <U extends BaseTypeParameter = BaseTypeParameter>(element: any): {
+        /**
+         * Override the default $mount method to prevent component's from being
+         * mounted when they should not.
+         *
+         * @returns {this}
+         */
+        $mount(): any;
+        $parent: Base<BaseTypeParameter>;
+        $id: string;
+        $el: (T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof Base, Base<BaseTypeParameter> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: Base<BaseTypeParameter>;
+        readonly __config: import("../Base/index.js").BaseConfig;
+        __services: import("../Base/managers/ServicesManager.js").default;
+        readonly $services: import("../Base/managers/ServicesManager.js").default;
+        __refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (T & U)["$children"][key_1][]; } : never) & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: any) => void;
+        readonly __debug: (...args: any) => void;
+        readonly __managers: import("../Base/index.js").Managers;
+        __callMethod(method: string, ...args: unknown[]): unknown;
+        __hasEvent(event: string): boolean;
+        $update(): any;
+        $destroy(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof Base;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: unknown[]): void;
+        addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        dispatchEvent(event: Event): boolean;
+        removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    };
+    config: {
+        name: string;
+        options: {
+            activeBreakpoints: StringConstructor;
+            inactiveBreakpoints: StringConstructor;
+        };
+        debug?: boolean;
+        log?: boolean;
+        refs?: string[];
+        emits?: string[];
+        components?: import("../Base/index.js").BaseConfigComponents;
+    };
+    readonly $isBase: true;
+    $factory(nameOrSelector: string): Base<BaseTypeParameter>[];
+};

package/decorators/withDrag.d.ts

@@ -0,0 +1,56 @@
+import type Base from '../Base/index.js';
+import type { BaseTypeParameter, BaseConstructor } from '../Base/index.js';
+import type { DragServiceOptions } from '../services/drag.js';
+declare type DragDecoratorOptions = DragServiceOptions & {
+    target?: (this: Base, instance: Base) => HTMLElement;
+};
+/**
+ * Add dragging capabilities to a component.
+ */
+export default function withDrag<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor, { target, ...options }?: DragDecoratorOptions): {
+    new <U extends BaseTypeParameter = BaseTypeParameter>(el: any): {
+        $parent: Base<BaseTypeParameter>;
+        $id: string;
+        $el: (T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof Base, Base<BaseTypeParameter> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: Base<BaseTypeParameter>;
+        readonly __config: import("../Base/index.js").BaseConfig;
+        __services: import("../Base/managers/ServicesManager.js").default;
+        readonly $services: import("../Base/managers/ServicesManager.js").default;
+        __refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (T & U)["$children"][key_1][]; } : never) & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: any) => void;
+        readonly __debug: (...args: any) => void;
+        readonly __managers: import("../Base/index.js").Managers;
+        __callMethod(method: string, ...args: unknown[]): unknown;
+        __hasEvent(event: string): boolean;
+        $mount(): any;
+        $update(): any;
+        $destroy(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof Base;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: unknown[]): void;
+        addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        dispatchEvent(event: Event): boolean;
+        removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    };
+    config: {
+        name: string;
+        emits: string[];
+    };
+    readonly $isBase: true;
+    $factory(nameOrSelector: string): Base<BaseTypeParameter>[];
+};
+export {};

package/decorators/withExtraConfig.d.ts

@@ -0,0 +1,57 @@
+import type { Options as DeepmergeOptions } from 'deepmerge';
+import type { BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/index.js';
+/**
+ * Extends the configuration of an existing class.
+ *
+ * @template {BaseConstructor} T
+ * @param {T} BaseClass The Base class to extend.
+ * @param {Partial<BaseConfig>} config Extra configuration to merge.
+ * @param {DeepmergeOptions} options Options for the `deepmerge` function. {@link https://github.com/TehShrike/deepmerge#options}
+ */
+export default function withExtraConfig<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor, config: Partial<BaseConfig>, options?: DeepmergeOptions): {
+    new <U extends BaseTypeParameter = BaseTypeParameter>(element: HTMLElement): {
+        $parent: import("../Base/index.js").default<BaseTypeParameter>;
+        $id: string;
+        $el: (T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: import("../Base/index.js").default<BaseTypeParameter>;
+        readonly __config: BaseConfig;
+        __services: import("../Base/managers/ServicesManager.js").default;
+        readonly $services: import("../Base/managers/ServicesManager.js").default;
+        __refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (T & U)["$children"][key_1][]; } : never) & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: any) => void;
+        readonly __debug: (...args: any) => void;
+        readonly __managers: import("../Base/index.js").Managers;
+        __callMethod(method: string, ...args: unknown[]): unknown;
+        __hasEvent(event: string): boolean;
+        $mount(): any;
+        $update(): any;
+        $destroy(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof import("../Base/index.js").default;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: unknown[]): void;
+        addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        dispatchEvent(event: Event): boolean;
+        removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    };
+    /**
+     * Class config.
+     * @type {BaseConfig}
+     */
+    config: BaseConfig;
+    readonly $isBase: true;
+    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
+};

package/decorators/withFreezedOptions.d.ts

@@ -0,0 +1,56 @@
+import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+/**
+ * Freeze the `$options` property to improve performance.
+ */
+export default function withFreezedOptions<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor): {
+    new <U extends BaseTypeParameter = BaseTypeParameter>(element: HTMLElement): {
+        /**
+         * Hold freezed options
+         * @private
+         */
+        __freezedOptions: any;
+        /**
+         * Lazyly freeze the `$options` property.
+         * @returns {Readonly<this['$options']>}
+         */
+        readonly $options: any;
+        $parent: import("../Base/index.js").default<BaseTypeParameter>;
+        $id: string;
+        $el: (T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: import("../Base/index.js").default<BaseTypeParameter>;
+        readonly __config: import("../Base/index.js").BaseConfig;
+        __services: import("../Base/managers/ServicesManager.js").default;
+        readonly $services: import("../Base/managers/ServicesManager.js").default;
+        __refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (T & U)["$children"][key_1][]; } : never) & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: any) => void;
+        readonly __debug: (...args: any) => void;
+        readonly __managers: import("../Base/index.js").Managers;
+        __callMethod(method: string, ...args: unknown[]): unknown;
+        __hasEvent(event: string): boolean;
+        $mount(): any;
+        $update(): any;
+        $destroy(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof import("../Base/index.js").default;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: unknown[]): void;
+        addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        dispatchEvent(event: Event): boolean;
+        removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    };
+    readonly $isBase: true;
+    config: import("../Base/index.js").BaseConfig;
+    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
+};

package/decorators/withIntersectionObserver.d.ts

@@ -0,0 +1,69 @@
+import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+interface WithIntersectionObserverInterface {
+    $options: {
+        intersectionObserver: IntersectionObserverInit;
+    };
+    $observer: IntersectionObserver;
+    intersected(entries: IntersectionObserverEntry[]): void;
+}
+/**
+ * IntersectionObserver decoration.
+ */
+export default function withIntersectionObserver<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor, defaultOptions?: IntersectionObserverInit): {
+    new <U extends BaseTypeParameter = BaseTypeParameter>(element: HTMLElement): {
+        /**
+         * Intersection observer instance.
+         */
+        $observer: IntersectionObserver;
+        $parent: import("../Base/index.js").default<BaseTypeParameter>;
+        $id: string;
+        $el: (WithIntersectionObserverInterface & T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: import("../Base/index.js").default<BaseTypeParameter>;
+        readonly __config: import("../Base/index.js").BaseConfig;
+        __services: import("../Base/managers/ServicesManager.js").default;
+        readonly $services: import("../Base/managers/ServicesManager.js").default;
+        __refs: import("../Base/managers/RefsManager.js").default & (WithIntersectionObserverInterface & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & (WithIntersectionObserverInterface & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & (WithIntersectionObserverInterface & T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & (WithIntersectionObserverInterface & T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & ((WithIntersectionObserverInterface & T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (WithIntersectionObserverInterface & T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((WithIntersectionObserverInterface & T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (WithIntersectionObserverInterface & T & U)["$children"][key_1][]; } : never) & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: any) => void;
+        readonly __debug: (...args: any) => void;
+        readonly __managers: import("../Base/index.js").Managers;
+        __callMethod(method: string, ...args: unknown[]): unknown;
+        __hasEvent(event: string): boolean;
+        $mount(): any;
+        $update(): any;
+        $destroy(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof import("../Base/index.js").default;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: unknown[]): void;
+        addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        dispatchEvent(event: Event): boolean;
+        removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    };
+    config: {
+        name: string;
+        options: {
+            intersectionObserver: ObjectConstructor;
+        };
+        emits: string[];
+        debug?: boolean;
+        log?: boolean;
+        refs?: string[];
+        components?: import("../Base/index.js").BaseConfigComponents;
+    };
+    readonly $isBase: true;
+    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
+};
+export {};

package/decorators/withMountWhenInView.d.ts

@@ -0,0 +1,67 @@
+import type { BaseTypeParameter, BaseConfig } from '../Base/index.js';
+import Base from '../Base/index.js';
+declare type WithMountWhenInViewInterface = {
+    $options: {
+        intersectionObserver: IntersectionObserverInit;
+    };
+};
+/**
+ * IntersectionObserver decoration.
+ */
+export default function withMountWhenInView<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: typeof Base, defaultOptions?: IntersectionObserverInit): {
+    new <U extends BaseTypeParameter = BaseTypeParameter>(element: HTMLElement): {
+        /**
+         * Is the component visible?
+         * @private
+         */
+        __isVisible: boolean;
+        /**
+         * The component's observer.
+         * @private
+         */
+        __observer: IntersectionObserver;
+        /**
+         * Override the mounting of the component.
+         */
+        $mount(): any;
+        $parent: Base<BaseTypeParameter>;
+        $id: string;
+        $el: (WithMountWhenInViewInterface & T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof Base, Base<BaseTypeParameter> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: Base<BaseTypeParameter>;
+        readonly __config: BaseConfig;
+        __services: import("../Base/managers/ServicesManager.js").default;
+        readonly $services: import("../Base/managers/ServicesManager.js").default;
+        __refs: import("../Base/managers/RefsManager.js").default & (WithMountWhenInViewInterface & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & (WithMountWhenInViewInterface & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & (WithMountWhenInViewInterface & T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & (WithMountWhenInViewInterface & T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & ((WithMountWhenInViewInterface & T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (WithMountWhenInViewInterface & T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((WithMountWhenInViewInterface & T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (WithMountWhenInViewInterface & T & U)["$children"][key_1][]; } : never) & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: any) => void;
+        readonly __debug: (...args: any) => void;
+        readonly __managers: import("../Base/index.js").Managers;
+        __callMethod(method: string, ...args: unknown[]): unknown;
+        __hasEvent(event: string): boolean;
+        $update(): any;
+        $destroy(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof Base;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: unknown[]): void;
+        addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        dispatchEvent(event: Event): boolean;
+        removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    };
+    config: BaseConfig;
+    readonly $isBase: true;
+    $factory(nameOrSelector: string): Base<BaseTypeParameter>[];
+};
+export {};

package/decorators/withResponsiveOptions.d.ts

@@ -0,0 +1,53 @@
+import type { BaseTypeParameter, BaseConstructor, Managers } from '../Base/index.js';
+import ResponsiveOptionsManager from '../Base/managers/ResponsiveOptionsManager.js';
+/**
+ * Extends the configuration of an existing class.
+ */
+export default function withResponsiveOptions<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor): {
+    new <U extends BaseTypeParameters = BaseTypeParameter>(element: HTMLElement): {
+        /**
+         * Get managers.
+         */
+        readonly __managers: Managers & {
+            OptionsManager: typeof ResponsiveOptionsManager;
+        };
+        $parent: import("../Base/index.js").default<BaseTypeParameter>;
+        $id: string;
+        $el: (U & T)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: import("../Base/index.js").default<BaseTypeParameter>;
+        readonly __config: import("../Base/index.js").BaseConfig;
+        __services: import("../Base/managers/ServicesManager.js").default;
+        readonly $services: import("../Base/managers/ServicesManager.js").default;
+        __refs: import("../Base/managers/RefsManager.js").default & (U & T)["$refs"] & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & (U & T)["$refs"] & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & (U & T)["$options"] & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & (U & T)["$options"] & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & ((U & T)["$children"] extends infer T_1 ? { [key in keyof T_1]: (U & T)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((U & T)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (U & T)["$children"][key_1][]; } : never) & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: any) => void;
+        readonly __debug: (...args: any) => void;
+        __callMethod(method: string, ...args: unknown[]): unknown;
+        __hasEvent(event: string): boolean;
+        $mount(): any;
+        $update(): any;
+        $destroy(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof import("../Base/index.js").default;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: unknown[]): void;
+        addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        dispatchEvent(event: Event): boolean;
+        removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    };
+    readonly $isBase: true;
+    config: import("../Base/index.js").BaseConfig;
+    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
+};