@studiometa/js-toolkit 2.4.3 → 2.4.4-alpha.2

package/Base/index.d.ts

@@ -36,9 +36,9 @@
  */
 /**
  * Base class.
- * @template {BaseTypeParameter} [BaseInterface={ $el: HTMLElement, $options: BaseOptions, $refs: BaseRefs, $children: { [name:string]: Base | Promise<Base> } }]
+ * @template {BaseTypeParameter} [T={ $el: HTMLElement, $options: BaseOptions, $refs: BaseRefs, $children: { [name:string]: Base | Promise<Base> } }]
  */
-export default class Base<BaseInterface extends BaseTypeParameter = {
+export default class Base<T extends BaseTypeParameter = {
     $el: HTMLElement;
     $options: BaseOptions;
     $refs: BaseRefs;
@@ -81,9 +81,9 @@ export default class Base<BaseInterface extends BaseTypeParameter = {
     $id: string;
     /**
      * The root element.
-     * @type {BaseInterface['$el'] & HTMLElement & { __base__?: WeakMap<BaseConstructor, Base | 'terminated'> }}
+     * @type {T['$el'] & HTMLElement & { __base__?: WeakMap<BaseConstructor, Base | 'terminated'> }}
      */
-    $el: BaseInterface['$el'] & HTMLElement & {
+    $el: T['$el'] & HTMLElement & {
         __base__?: WeakMap<BaseConstructor, Base | 'terminated'>;
     };
     /**
@@ -94,10 +94,9 @@ export default class Base<BaseInterface extends BaseTypeParameter = {
     /**
      * Store the event handlers.
      *
-     * @private
      * @type {Map<string, Set<EventListenerOrEventListenerObject>>}
      */
-    private __eventHandlers;
+    __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
     /**
      * Get the root instance of the app.
      * @returns {Base}
@@ -114,50 +113,44 @@ export default class Base<BaseInterface extends BaseTypeParameter = {
      * Merge configuration with the parents' configurations.
      *
      * @returns {BaseConfig}
-     * @private
      */
-    private get __config();
+    get __config(): BaseConfig;
     /**
      * @type {ServicesManager}
-     * @private
      */
-    private __services;
+    __services: ServicesManager;
     /**
      * @type {ServicesManager}
      */
     get $services(): ServicesManager;
     /**
-     * @type {RefsManager & { [key in keyof BaseInterface['$refs']]: BaseInterface['$refs'][key] } & BaseRefs}
-     * @private
+     * @type {RefsManager & T['$refs'] & BaseRefs}
      */
-    private __refs;
+    __refs: RefsManager & T['$refs'] & BaseRefs;
     /**
-     * @returns {RefsManager & { [key in keyof BaseInterface['$refs']]: BaseInterface['$refs'][key] } & BaseRefs}
+     * @returns {RefsManager & T['$refs'] & BaseRefs}
      */
-    get $refs(): RefsManager & (BaseInterface["$refs"] extends infer T ? { [key in keyof T]: BaseInterface["$refs"][key]; } : never) & BaseRefs;
+    get $refs(): RefsManager & T["$refs"] & BaseRefs;
     /**
-     * @type {OptionsManager & { [key in keyof BaseInterface['$options']]: BaseInterface['$options'][key] } & BaseOptions}
-     * @private
+     * @type {OptionsManager & T['$options'] & BaseOptions}
      */
-    private __options;
+    __options: OptionsManager & T['$options'] & BaseOptions;
     /**
-     * @returns {OptionsManager & { [key in keyof BaseInterface['$options']]: BaseInterface['$options'][key] } & BaseOptions}
+     * @returns {OptionsManager & T['$options'] & BaseOptions}
      */
-    get $options(): OptionsManager & (BaseInterface["$options"] extends infer T_1 ? { [key_1 in keyof T_1]: BaseInterface["$options"][key_1]; } : never) & BaseOptions;
+    get $options(): OptionsManager & T["$options"] & BaseOptions;
     /**
-     * @type {ChildrenManager & { [key in keyof BaseInterface['$children']]: Array<BaseInterface['$children'][key]> } & BaseChildren}
-     * @private
+     * @type {ChildrenManager & { [key in keyof T['$children']]: Array<T['$children'][key]> } & BaseChildren}
      */
-    private __children;
+    __children: ChildrenManager & (T["$children"] extends infer T_1 ? { [key in keyof T_1]: T["$children"][key][]; } : never) & BaseChildren;
     /**
-     * @returns {ChildrenManager & { [key in keyof BaseInterface['$children']]: Array<BaseInterface['$children'][key]> } & BaseChildren}
+     * @returns {ChildrenManager & { [key in keyof T['$children']]: Array<T['$children'][key]> } & BaseChildren}
      */
-    get $children(): ChildrenManager & (BaseInterface["$children"] extends infer T_2 ? { [key_2 in keyof T_2]: BaseInterface["$children"][key_2][]; } : never) & BaseChildren;
+    get $children(): ChildrenManager & (T["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: T["$children"][key_1][]; } : never) & BaseChildren;
     /**
      * @type {EventsManager}
-     * @private
      */
-    private __events;
+    __events: EventsManager;
     /**
      * Small helper to log stuff.
      *
@@ -167,10 +160,9 @@ export default class Base<BaseInterface extends BaseTypeParameter = {
     /**
      * Small helper to debug information.
      *
-     * @private
      * @returns {(...args:any) => void}
      */
-    private get __debug();
+    get __debug(): (...args: any) => void;
     /**
      * Get manager constructors.
      *
@@ -180,20 +172,18 @@ export default class Base<BaseInterface extends BaseTypeParameter = {
     /**
      * Call an instance method and emit corresponding events.
      *
-     * @private
      * @param {string} method
      * @param {any[]} args
      * @returns {any}
      */
-    private __callMethod;
+    __callMethod(method: string, ...args: any[]): any;
     /**
      * Test if the given event has been bound to the instance.
      *
-     * @private
      * @param  {string} event The event's name.
      * @returns {boolean}      Wether the given event has been bound or not.
      */
-    private __hasEvent;
+    __hasEvent(event: string): boolean;
     /**
      * Trigger the `mounted` callback.
      * @returns {this}
@@ -217,26 +207,23 @@ export default class Base<BaseInterface extends BaseTypeParameter = {
     /**
      * Add an emitted event.
      *
-     * @private
      * @param   {string} event The event name.
      * @returns {void}
      */
-    private __addEmits;
+    __addEmits(event: string): void;
     /**
      * Remove an emitted event.
      *
-     * @private
      * @param   {string} event The event name.
      * @returns {void}
      */
-    private __removeEmits;
+    __removeEmits(event: string): void;
     /**
      * Get the instance constructor.
      *
-     * @private
      * @returns {BaseConstructor}
      */
-    private get __ctor();
+    get __ctor(): typeof Base;
     /**
      * Bind a listener function to an event.
      *

package/Base/managers/ResponsiveOptionsManager.cjs

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/Base/managers/ResponsiveOptionsManager.js
+// packages/js-toolkit/Base/managers/ResponsiveOptionsManager.ts
 var ResponsiveOptionsManager_exports = {};
 __export(ResponsiveOptionsManager_exports, {
   default: () => ResponsiveOptionsManager

package/Base/managers/ResponsiveOptionsManager.d.ts

@@ -1,3 +1,4 @@
+import OptionsManager from './OptionsManager.js';
 /**
  * Class options to manage options as data attributes on an HTML element.
  */
@@ -9,7 +10,7 @@ export default class ResponsiveOptionsManager extends OptionsManager {
      * @param   {ResponsiveOptionObject} config The option configuration.
      * @returns {any}
      */
-    get(name: string, config: ResponsiveOptionObject): any;
+    get(name: any, config: any): any;
     /**
      * Set an option value.
      *
@@ -17,10 +18,5 @@ export default class ResponsiveOptionsManager extends OptionsManager {
      * @param {any} value The new value.
      * @param {ResponsiveOptionObject} config The option configuration.
      */
-    set(name: string, value: any, config: ResponsiveOptionObject): void;
+    set(name: any, value: any, config: any): void;
 }
-export type OptionObject = import('./OptionsManager.js').OptionObject;
-export type ResponsiveOptionObject = OptionObject & {
-    responsive?: boolean;
-};
-import OptionsManager from "./OptionsManager.js";

package/Base/managers/ServicesManager.d.ts

@@ -11,11 +11,11 @@ export default class ServicesManager extends AbstractManager {
     /**
      * @type {Record<string, () => ServiceInterface>}
      */
-    __customServices: Record<string, () => ServiceInterface>;
+    __customServices: Record<string, () => import("../../services").ServiceInterface<any>>;
     /**
      * @returns {Record<string, () => ServiceInterface>}
      */
-    get __services(): Record<string, () => ServiceInterface>;
+    get __services(): Record<string, () => import("../../services").ServiceInterface<any>>;
     /**
      * Test if the given service is registered.
      *
@@ -28,7 +28,7 @@ export default class ServicesManager extends AbstractManager {
      * @param   {ServiceName} service The name of the service.
      * @returns {ReturnType<ServiceInterface['props']>}
      */
-    get(service: ServiceName): ReturnType<ServiceInterface['props']>;
+    get(service: ServiceName): ReturnType<import("../../services").ServiceInterface<any>['props']>;
     /**
      * Init the given service and bind it to the given instance.
      *
@@ -70,7 +70,7 @@ export default class ServicesManager extends AbstractManager {
      * @param {() => ServiceInterface} useFunction
      *   The `use...` function for the service.
      */
-    register(name: string, useFunction: () => ServiceInterface): void;
+    register(name: string, useFunction: () => import("../../services").ServiceInterface<any>): void;
     /**
      * Unregister a new service to be enabled disabled.
      *
@@ -82,7 +82,7 @@ export default class ServicesManager extends AbstractManager {
 export type Base = import('../index').default;
 export type BaseConstructor = import('../index').BaseConstructor;
 export type ServiceInterface = import('../../services').ServiceInterface<any>;
-export type Services = typeof SERVICES_MAP & Record<string, () => ServiceInterface>;
+export type Services = typeof SERVICES_MAP & Record<string, () => import("../../services").ServiceInterface<any>>;
 export type ServiceName = keyof {
     scrolled: typeof useScroll;
     resized: typeof useResize;

package/Base/types.cjs

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/js-toolkit/Base/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+if (module.exports.default) module.exports = module.exports.default;

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

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/decorators/index.js
+// packages/js-toolkit/decorators/index.ts
 var decorators_exports = {};
 __export(decorators_exports, {
   withBreakpointManager: () => import_withBreakpointManager.default,

package/decorators/index.d.ts

@@ -1,10 +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";
+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.cjs

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/decorators/withBreakpointManager.js
+// packages/js-toolkit/decorators/withBreakpointManager.ts
 var withBreakpointManager_exports = {};
 __export(withBreakpointManager_exports, {
   default: () => withBreakpointManager
@@ -68,7 +68,7 @@ function withBreakpointManager(BaseClass, breakpoints) {
     }
     return BaseClass;
   }
-  return class extends BaseClass {
+  return class WithBreakpointManager extends BaseClass {
     constructor(element) {
       super(element);
       if (!instances.has(this)) {
@@ -77,7 +77,6 @@ function withBreakpointManager(BaseClass, breakpoints) {
       add(`BreakpointManager-${this.$id}`, () => {
         testBreakpoints(instances.get(this));
       });
-      this.instances = instances.get(this);
     }
     $mount() {
       super.$mount();

package/decorators/withBreakpointManager.d.ts

@@ -1,10 +1,87 @@
+import type Base from '../Base/index.js';
+import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
 /**
  * BreakpointManager class.
- * @template {BaseConstructor} T
- * @param {T} BaseClass
- * @param {Array<[string, BaseConstructor]>} breakpoints
- * @returns {T}
  */
-export default function withBreakpointManager<T extends typeof import("../Base").default>(BaseClass: T, breakpoints: Array<[string, BaseConstructor]>): T;
-export type Base = import('../Base').default;
-export type BaseConstructor = import('../Base').BaseConstructor;
+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<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: Base<any> | Promise<Base<any>>;
+            };
+        }>;
+        $id: string;
+        $el: (T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof Base, Base<{
+                $el: HTMLElement;
+                $options: import("../Base/index.js").BaseOptions;
+                $refs: import("../Base/index.js").BaseRefs;
+                $children: {
+                    [name: string]: Base<any> | Promise<Base<any>>;
+                };
+            }> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: Base<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: Base<any> | Promise<Base<any>>;
+            };
+        }>;
+        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: any[]): any;
+        __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: any[]): 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: boolean;
+    config: import("../Base/index.js").BaseConfig;
+    $factory(nameOrSelector: string): Base<{
+        $el: HTMLElement;
+        $options: import("../Base/index.js").BaseOptions;
+        $refs: import("../Base/index.js").BaseRefs;
+        $children: {
+            [name: string]: Base<any> | Promise<Base<any>>;
+        };
+    }>[];
+};

package/decorators/withBreakpointManager.js

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

package/decorators/withBreakpointObserver.cjs

@@ -27,7 +27,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withBreakpointObserver.js
+// packages/js-toolkit/decorators/withBreakpointObserver.ts
 var withBreakpointObserver_exports = {};
 __export(withBreakpointObserver_exports, {
   default: () => withBreakpointObserver
@@ -62,7 +62,7 @@ function addToResize(key, instance) {
   }
   const { add, has } = (0, import_resize.default)();
   if (!has(key)) {
-    add(key, function onResize({ breakpoint }) {
+    add(key, ({ breakpoint }) => {
       const action = testBreakpoints(instance, breakpoint);
       if (action === "$destroy" && instance.$isMounted) {
         instance[action]();

package/decorators/withBreakpointObserver.d.ts

@@ -1,17 +1,93 @@
+import type Base from '../Base/index.js';
+import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
 /**
  * BreakpointObserver class.
- *
- * @template {BaseConstructor} T
- * @param {T} BaseClass The Base class to extend from.
- * @returns {T}
  */
-export default function withBreakpointObserver<T extends typeof import("../Base").default>(BaseClass: T): T;
-export type Base = import('../Base').default;
-export type BaseConstructor = import('../Base').BaseConstructor;
-export type WithBreakpointObserverOptions = {
-    activeBreakpoints?: string;
-    inactiveBreakpoints?: string;
-};
-export type WithBreakpointObserverInterface = {
-    $options: WithBreakpointObserverOptions;
+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<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: Base<any> | Promise<Base<any>>;
+            };
+        }>;
+        $id: string;
+        $el: (T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof Base, Base<{
+                $el: HTMLElement;
+                $options: import("../Base/index.js").BaseOptions;
+                $refs: import("../Base/index.js").BaseRefs;
+                $children: {
+                    [name: string]: Base<any> | Promise<Base<any>>;
+                };
+            }> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: Base<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: Base<any> | Promise<Base<any>>;
+            };
+        }>;
+        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: any[]): any;
+        __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: any[]): 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: boolean;
+    $factory(nameOrSelector: string): Base<{
+        $el: HTMLElement;
+        $options: import("../Base/index.js").BaseOptions;
+        $refs: import("../Base/index.js").BaseRefs;
+        $children: {
+            [name: string]: Base<any> | Promise<Base<any>>;
+        };
+    }>[];
 };

package/decorators/withBreakpointObserver.js

@@ -33,7 +33,7 @@ function addToResize(key, instance) {
   }
   const { add, has } = useResize();
   if (!has(key)) {
-    add(key, function onResize({ breakpoint }) {
+    add(key, ({ breakpoint }) => {
       const action = testBreakpoints(instance, breakpoint);
       if (action === "$destroy" && instance.$isMounted) {
         instance[action]();

package/decorators/withDrag.cjs

@@ -27,7 +27,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withDrag.js
+// packages/js-toolkit/decorators/withDrag.ts
 var withDrag_exports = {};
 __export(withDrag_exports, {
   default: () => withDrag