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

package/decorators/withBreakpointObserver.d.ts

@@ -1,10 +1,61 @@
-import type Base from '../Base/index.js';
-import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+import type { Base, BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+interface WithBreakpointObserverInterface {
+    $options: {
+        activeBreakpoints?: string;
+        inactiveBreakpoints?: string;
+    };
+}
 /**
  * BreakpointObserver class.
  */
-export default function withBreakpointObserver<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor): {
-    new <U extends BaseTypeParameter = BaseTypeParameter>(element: any): {
+export default function withBreakpointObserver<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S): {
+    new (...args: 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: HTMLElement & {
+            __base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, 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 & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: unknown[]) => void;
+        readonly __debug: (...args: unknown[]) => 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: BaseConstructor<Base<BaseTypeParameter>>;
+        $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;
+    };
+    prototype: Base<BaseTypeParameter>;
+} & Pick<typeof Base, "prototype" | "$isBase" | "config" | "$factory"> & Pick<{
+    new (element: any): {
         /**
          * Override the default $mount method to prevent component's from being
          * mounted when they should not.
@@ -14,8 +65,8 @@ export default function withBreakpointObserver<T extends BaseTypeParameter = Bas
         $mount(): any;
         $parent: Base<BaseTypeParameter>;
         $id: string;
-        $el: (T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof Base, Base<BaseTypeParameter> | "terminated">;
+        $el: HTMLElement & {
+            __base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
         };
         $isMounted: boolean;
         __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
@@ -23,15 +74,15 @@ export default function withBreakpointObserver<T extends BaseTypeParameter = Bas
         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;
+        __refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
         __events: import("../Base/managers/EventsManager.js").default;
-        readonly $log: (...args: any) => void;
-        readonly __debug: (...args: any) => void;
+        readonly $log: (...args: unknown[]) => void;
+        readonly __debug: (...args: unknown[]) => void;
         readonly __managers: import("../Base/index.js").Managers;
         __callMethod(method: string, ...args: unknown[]): unknown;
         __hasEvent(event: string): boolean;
@@ -40,7 +91,7 @@ export default function withBreakpointObserver<T extends BaseTypeParameter = Bas
         $terminate(): void;
         __addEmits(event: string): void;
         __removeEmits(event: string): void;
-        readonly __ctor: typeof Base;
+        readonly __ctor: BaseConstructor<Base<BaseTypeParameter>>;
         $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
         $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         $emit(event: string, ...args: unknown[]): void;
@@ -61,5 +112,9 @@ export default function withBreakpointObserver<T extends BaseTypeParameter = Bas
         components?: import("../Base/index.js").BaseConfigComponents;
     };
     readonly $isBase: true;
-    $factory(nameOrSelector: string): Base<BaseTypeParameter>[];
+    $factory: typeof Base.$factory;
+} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
+    new (...args: any[]): Base<T & WithBreakpointObserverInterface>;
+    prototype: Base<BaseTypeParameter>;
 };
+export {};

package/decorators/withBreakpointObserver.js

@@ -44,8 +44,8 @@ function addToResize(key, instance) {
   }
 }
 function withBreakpointObserver(BaseClass) {
-  var _a, _b;
-  return _b = class extends BaseClass {
+  var _a;
+  class WithBreakpointObserver extends BaseClass {
     constructor(element) {
       super(element);
       const { remove, props } = useResize();
@@ -85,7 +85,8 @@ function withBreakpointObserver(BaseClass) {
       }
       return this;
     }
-  }, __publicField(_b, "config", {
+  }
+  __publicField(WithBreakpointObserver, "config", {
     ...BaseClass.config,
     name: `${BaseClass.config.name}WithBreakpointObserver`,
     options: {
@@ -93,7 +94,8 @@ function withBreakpointObserver(BaseClass) {
       activeBreakpoints: String,
       inactiveBreakpoints: String
     }
-  }), _b;
+  });
+  return WithBreakpointObserver;
 }
 export {
   withBreakpointObserver as default

package/decorators/withDrag.cjs

@@ -35,8 +35,7 @@ __export(withDrag_exports, {
 module.exports = __toCommonJS(withDrag_exports);
 var import_drag = __toESM(require("../services/drag.cjs"), 1);
 function withDrag(BaseClass, { target = (instance) => instance.$el, ...options } = {}) {
-  var _a;
-  return _a = class extends BaseClass {
+  class WithDrag extends BaseClass {
     constructor(el) {
       super(el);
       this.$on("mounted", () => {
@@ -51,9 +50,11 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
         this.$services.unregister("dragged");
       });
     }
-  }, __publicField(_a, "config", {
+  }
+  __publicField(WithDrag, "config", {
     name: `${BaseClass.config.name}WithDrag`,
     emits: ["dragged"]
-  }), _a;
+  });
+  return WithDrag;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withDrag.d.ts

@@ -1,5 +1,4 @@
-import type Base from '../Base/index.js';
-import type { BaseTypeParameter, BaseConstructor } from '../Base/index.js';
+import type { Base, BaseTypeParameter, BaseConstructor } from '../Base/index.js';
 import type { DragServiceOptions } from '../services/drag.js';
 declare type DragDecoratorOptions = DragServiceOptions & {
     target?: (this: Base, instance: Base) => HTMLElement;
@@ -7,12 +6,12 @@ declare type DragDecoratorOptions = DragServiceOptions & {
 /**
  * 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): {
+export default function withDrag<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S, { target, ...options }?: DragDecoratorOptions): {
+    new (...args: any[]): {
         $parent: Base<BaseTypeParameter>;
         $id: string;
-        $el: (T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof Base, Base<BaseTypeParameter> | "terminated">;
+        $el: HTMLElement & {
+            __base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
         };
         $isMounted: boolean;
         __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
@@ -20,15 +19,15 @@ export default function withDrag<T extends BaseTypeParameter = 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;
+        __refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
         __events: import("../Base/managers/EventsManager.js").default;
-        readonly $log: (...args: any) => void;
-        readonly __debug: (...args: any) => void;
+        readonly $log: (...args: unknown[]) => void;
+        readonly __debug: (...args: unknown[]) => void;
         readonly __managers: import("../Base/index.js").Managers;
         __callMethod(method: string, ...args: unknown[]): unknown;
         __hasEvent(event: string): boolean;
@@ -38,7 +37,47 @@ export default function withDrag<T extends BaseTypeParameter = BaseTypeParameter
         $terminate(): void;
         __addEmits(event: string): void;
         __removeEmits(event: string): void;
-        readonly __ctor: typeof Base;
+        readonly __ctor: BaseConstructor<Base<BaseTypeParameter>>;
+        $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;
+    };
+    prototype: Base<BaseTypeParameter>;
+} & Pick<typeof Base, "prototype" | "$isBase" | "config" | "$factory"> & Pick<{
+    new (el: any): {
+        $parent: Base<BaseTypeParameter>;
+        $id: string;
+        $el: HTMLElement & {
+            __base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, 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 & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: unknown[]) => void;
+        readonly __debug: (...args: unknown[]) => 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: BaseConstructor<Base<BaseTypeParameter>>;
         $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
         $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         $emit(event: string, ...args: unknown[]): void;
@@ -51,6 +90,9 @@ export default function withDrag<T extends BaseTypeParameter = BaseTypeParameter
         emits: string[];
     };
     readonly $isBase: true;
-    $factory(nameOrSelector: string): Base<BaseTypeParameter>[];
+    $factory: typeof Base.$factory;
+} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
+    new (...args: any[]): Base<T>;
+    prototype: Base<BaseTypeParameter>;
 };
 export {};

package/decorators/withDrag.js

@@ -6,8 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 import useDrag from "../services/drag.js";
 function withDrag(BaseClass, { target = (instance) => instance.$el, ...options } = {}) {
-  var _a;
-  return _a = class extends BaseClass {
+  class WithDrag extends BaseClass {
     constructor(el) {
       super(el);
       this.$on("mounted", () => {
@@ -22,10 +21,12 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
         this.$services.unregister("dragged");
       });
     }
-  }, __publicField(_a, "config", {
+  }
+  __publicField(WithDrag, "config", {
     name: `${BaseClass.config.name}WithDrag`,
     emits: ["dragged"]
-  }), _a;
+  });
+  return WithDrag;
 }
 export {
   withDrag as default

package/decorators/withExtraConfig.cjs

@@ -35,12 +35,13 @@ __export(withExtraConfig_exports, {
 module.exports = __toCommonJS(withExtraConfig_exports);
 var import_deepmerge = __toESM(require("deepmerge"), 1);
 function withExtraConfig(BaseClass, config, options = {}) {
-  var _a;
   const newConfig = (0, import_deepmerge.default)(BaseClass.config, config, options);
   if (newConfig.name === BaseClass.config.name) {
     newConfig.name = `${BaseClass.config.name}WithExtraConfig`;
   }
-  return _a = class extends BaseClass {
-  }, __publicField(_a, "config", newConfig), _a;
+  class WithExtraConfig extends BaseClass {
+  }
+  __publicField(WithExtraConfig, "config", newConfig);
+  return WithExtraConfig;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withExtraConfig.d.ts

@@ -1,5 +1,5 @@
 import type { Options as DeepmergeOptions } from 'deepmerge';
-import type { BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/index.js';
+import type { Base, BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/index.js';
 /**
  * Extends the configuration of an existing class.
  *
@@ -8,28 +8,28 @@ import type { BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/ind
  * @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>;
+export default function withExtraConfig<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S, config: Partial<BaseConfig>, options?: DeepmergeOptions): {
+    new (...args: any[]): {
+        $parent: Base<BaseTypeParameter>;
         $id: string;
-        $el: (T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
+        $el: HTMLElement & {
+            __base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
         };
         $isMounted: boolean;
         __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
-        readonly $root: import("../Base/index.js").default<BaseTypeParameter>;
+        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 & (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;
+        __refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
         __events: import("../Base/managers/EventsManager.js").default;
-        readonly $log: (...args: any) => void;
-        readonly __debug: (...args: any) => void;
+        readonly $log: (...args: unknown[]) => void;
+        readonly __debug: (...args: unknown[]) => void;
         readonly __managers: import("../Base/index.js").Managers;
         __callMethod(method: string, ...args: unknown[]): unknown;
         __hasEvent(event: string): boolean;
@@ -39,7 +39,47 @@ export default function withExtraConfig<T extends BaseTypeParameter = BaseTypePa
         $terminate(): void;
         __addEmits(event: string): void;
         __removeEmits(event: string): void;
-        readonly __ctor: typeof import("../Base/index.js").default;
+        readonly __ctor: BaseConstructor<Base<BaseTypeParameter>>;
+        $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;
+    };
+    prototype: Base<BaseTypeParameter>;
+} & Pick<typeof Base, "prototype" | "$isBase" | "config" | "$factory"> & Pick<{
+    new (...args: any[]): {
+        $parent: Base<BaseTypeParameter>;
+        $id: string;
+        $el: HTMLElement & {
+            __base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, 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 & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: unknown[]) => void;
+        readonly __debug: (...args: unknown[]) => 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: BaseConstructor<Base<BaseTypeParameter>>;
         $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
         $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         $emit(event: string, ...args: unknown[]): void;
@@ -53,5 +93,8 @@ export default function withExtraConfig<T extends BaseTypeParameter = BaseTypePa
      */
     config: BaseConfig;
     readonly $isBase: true;
-    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
+    $factory: typeof Base.$factory;
+} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
+    new (...args: any[]): Base<T>;
+    prototype: Base<BaseTypeParameter>;
 };

package/decorators/withExtraConfig.js

@@ -6,13 +6,14 @@ var __publicField = (obj, key, value) => {
 };
 import merge from "deepmerge";
 function withExtraConfig(BaseClass, config, options = {}) {
-  var _a;
   const newConfig = merge(BaseClass.config, config, options);
   if (newConfig.name === BaseClass.config.name) {
     newConfig.name = `${BaseClass.config.name}WithExtraConfig`;
   }
-  return _a = class extends BaseClass {
-  }, __publicField(_a, "config", newConfig), _a;
+  class WithExtraConfig extends BaseClass {
+  }
+  __publicField(WithExtraConfig, "config", newConfig);
+  return WithExtraConfig;
 }
 export {
   withExtraConfig as default

package/decorators/withFreezedOptions.cjs

@@ -28,7 +28,7 @@ __export(withFreezedOptions_exports, {
 });
 module.exports = __toCommonJS(withFreezedOptions_exports);
 function withFreezedOptions(BaseClass) {
-  return class WithFreezedOptions extends BaseClass {
+  class WithFreezedOptions extends BaseClass {
     constructor() {
       super(...arguments);
       __publicField(this, "__freezedOptions");
@@ -43,6 +43,7 @@ function withFreezedOptions(BaseClass) {
       }
       return this.__freezedOptions;
     }
-  };
+  }
+  return WithFreezedOptions;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withFreezedOptions.d.ts

@@ -1,9 +1,9 @@
-import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+import type { Base, 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): {
+export default function withFreezedOptions<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S): {
+    new (...args: any[]): {
         /**
          * Hold freezed options
          * @private
@@ -14,25 +14,25 @@ export default function withFreezedOptions<T extends BaseTypeParameter = BaseTyp
          * @returns {Readonly<this['$options']>}
          */
         readonly $options: any;
-        $parent: import("../Base/index.js").default<BaseTypeParameter>;
+        $parent: Base<BaseTypeParameter>;
         $id: string;
-        $el: (T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
+        $el: HTMLElement & {
+            __base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
         };
         $isMounted: boolean;
         __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
-        readonly $root: import("../Base/index.js").default<BaseTypeParameter>;
+        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;
-        __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;
+        __refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
         __events: import("../Base/managers/EventsManager.js").default;
-        readonly $log: (...args: any) => void;
-        readonly __debug: (...args: any) => void;
+        readonly $log: (...args: unknown[]) => void;
+        readonly __debug: (...args: unknown[]) => void;
         readonly __managers: import("../Base/index.js").Managers;
         __callMethod(method: string, ...args: unknown[]): unknown;
         __hasEvent(event: string): boolean;
@@ -42,7 +42,56 @@ export default function withFreezedOptions<T extends BaseTypeParameter = BaseTyp
         $terminate(): void;
         __addEmits(event: string): void;
         __removeEmits(event: string): void;
-        readonly __ctor: typeof import("../Base/index.js").default;
+        readonly __ctor: BaseConstructor<Base<BaseTypeParameter>>;
+        $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;
+    };
+    prototype: Base<BaseTypeParameter>;
+} & Pick<typeof Base, "prototype" | "$isBase" | "config" | "$factory"> & Pick<{
+    new (...args: any[]): {
+        /**
+         * Hold freezed options
+         * @private
+         */
+        __freezedOptions: any;
+        /**
+         * Lazyly freeze the `$options` property.
+         * @returns {Readonly<this['$options']>}
+         */
+        readonly $options: any;
+        $parent: Base<BaseTypeParameter>;
+        $id: string;
+        $el: HTMLElement & {
+            __base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, 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 & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: unknown[]) => void;
+        readonly __debug: (...args: unknown[]) => 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: BaseConstructor<Base<BaseTypeParameter>>;
         $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
         $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         $emit(event: string, ...args: unknown[]): void;
@@ -52,5 +101,8 @@ export default function withFreezedOptions<T extends BaseTypeParameter = BaseTyp
     };
     readonly $isBase: true;
     config: import("../Base/index.js").BaseConfig;
-    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
+    $factory: typeof Base.$factory;
+} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
+    new (...args: any[]): Base<T>;
+    prototype: Base<BaseTypeParameter>;
 };

package/decorators/withFreezedOptions.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 function withFreezedOptions(BaseClass) {
-  return class WithFreezedOptions extends BaseClass {
+  class WithFreezedOptions extends BaseClass {
     constructor() {
       super(...arguments);
       __publicField(this, "__freezedOptions");
@@ -20,7 +20,8 @@ function withFreezedOptions(BaseClass) {
       }
       return this.__freezedOptions;
     }
-  };
+  }
+  return WithFreezedOptions;
 }
 export {
   withFreezedOptions as default