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

package/decorators/withScrolledInView.d.ts

@@ -1,4 +1,5 @@
-import type { BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/index.js';
+import type { Base, BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/index.js';
+import type { RafServiceProps, ScrollServiceProps, ResizeServiceProps } from '../services/index.js';
 declare type ScrollInViewProps = {
     start: {
         x: number;
@@ -31,8 +32,8 @@ declare type withScrolledInViewOptions = IntersectionObserverInit & {
 /**
  * Add scrolled in view capabilities to a component.
  */
-export default function withScrolledInView<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor, options?: withScrolledInViewOptions): {
-    new <U extends BaseTypeParameter = BaseTypeParameter>(element: any): {
+export default function withScrolledInView<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S, options?: withScrolledInViewOptions): {
+    new (...args: any[]): {
         __props: ScrollInViewProps;
         /**
          * Factor used for the `dampedProgress` props.
@@ -44,107 +45,182 @@ export default function withScrolledInView<T extends BaseTypeParameter = BaseTyp
         dampPrecision: number;
         /**
          * Mounted hook.
-         *
-         * @returns {void}
          */
         mounted(): void;
         /**
          * Resized hook.
-         *
-         * @param   {import('../services/resize').ResizeServiceProps} props
-         * @returns {void}
          */
-        resized(props: any): void;
+        resized(props: ResizeServiceProps): void;
         /**
          * Scrolled hook.
-         *
-         * @param   {import('../services/scroll').ScrollServiceProps} props
-         * @returns {void}
          */
-        scrolled(props: any): void;
+        scrolled(props: ScrollServiceProps): void;
         /**
          * Ticked hook.
-         *
-         * @param   {import('../services/raf').RafServiceProps} props
-         * @returns {void}
          */
-        ticked(props: any): void;
+        ticked(props: RafServiceProps): void;
         /**
          * Destroyed hook.
-         *
-         * @returns {void}
          */
         destroyed(): void;
         /**
          * Set the decorator props.
-         *
-         * @returns {void}
          */
         __setProps(): void;
         __isVisible: boolean;
         __observer: IntersectionObserver;
-        $mount(): any;
-        $parent: import("../Base/index.js").default<BaseTypeParameter>;
+        $mount: (() => any) & (() => any);
+        $parent: Base<BaseTypeParameter>;
         $id: string;
-        $el: ({
+        $el: HTMLElement & {
+            __base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
+        } & (T & {
             $options: {
                 intersectionObserver: IntersectionObserverInit;
             };
-        } & T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
-        };
+        })["$el"];
         $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 & ({
+        __refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs & (T & {
             $options: {
                 intersectionObserver: IntersectionObserverInit;
             };
-        } & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        readonly $refs: import("../Base/managers/RefsManager.js").default & ({
+        })["$refs"];
+        readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs & (T & {
             $options: {
                 intersectionObserver: IntersectionObserverInit;
             };
-        } & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        __options: import("../Base/managers/OptionsManager.js").default & ({
+        })["$refs"];
+        __options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions & (T & {
             $options: {
                 intersectionObserver: IntersectionObserverInit;
             };
-        } & T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        readonly $options: import("../Base/managers/OptionsManager.js").default & ({
+        })["$options"];
+        readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions & (T & {
             $options: {
                 intersectionObserver: IntersectionObserverInit;
             };
-        } & T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        __children: import("../Base/managers/ChildrenManager.js").default & (({
+        })["$options"];
+        __children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren & (T & {
             $options: {
                 intersectionObserver: IntersectionObserverInit;
             };
-        } & T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: ({
+        })["$children"];
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren & (T & {
             $options: {
                 intersectionObserver: IntersectionObserverInit;
             };
-        } & T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
-        readonly $children: import("../Base/managers/ChildrenManager.js").default & (({
+        })["$children"];
+        __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) & ((event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions) => void);
+        $emit: ((event: string, ...args: unknown[]) => void) & ((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: HTMLElement): {
+        __props: ScrollInViewProps;
+        /**
+         * Factor used for the `dampedProgress` props.
+         */
+        dampFactor: number;
+        /**
+         * Precision for the `dampedProgress` props.
+         */
+        dampPrecision: number;
+        /**
+         * Mounted hook.
+         */
+        mounted(): void;
+        /**
+         * Resized hook.
+         */
+        resized(props: ResizeServiceProps): void;
+        /**
+         * Scrolled hook.
+         */
+        scrolled(props: ScrollServiceProps): void;
+        /**
+         * Ticked hook.
+         */
+        ticked(props: RafServiceProps): void;
+        /**
+         * Destroyed hook.
+         */
+        destroyed(): void;
+        /**
+         * Set the decorator props.
+         */
+        __setProps(): void;
+        __isVisible: boolean;
+        __observer: IntersectionObserver;
+        $mount: (() => any) & (() => any);
+        $parent: Base<BaseTypeParameter>;
+        $id: string;
+        $el: HTMLElement & {
+            __base__?: WeakMap<BaseConstructor<Base<BaseTypeParameter>>, Base<BaseTypeParameter> | "terminated">;
+        } & (T & {
             $options: {
                 intersectionObserver: IntersectionObserverInit;
             };
-        } & T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: ({
+        })["$el"];
+        $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 & (T & {
             $options: {
                 intersectionObserver: IntersectionObserverInit;
             };
-        } & T & U)["$children"][key_1][]; } : never) & import("../Base/index.js").BaseChildren;
-        __events: import("../Base/managers/EventsManager.js").default; /**
-         * Ticked hook.
-         *
-         * @param   {import('../services/raf').RafServiceProps} props
-         * @returns {void}
-         */
-        readonly $log: (...args: any) => void;
-        readonly __debug: (...args: any) => void;
+        })["$refs"];
+        readonly $refs: import("../Base/managers/RefsManager.js").default & import("../Base/index.js").BaseRefs & (T & {
+            $options: {
+                intersectionObserver: IntersectionObserverInit;
+            };
+        })["$refs"];
+        __options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions & (T & {
+            $options: {
+                intersectionObserver: IntersectionObserverInit;
+            };
+        })["$options"];
+        readonly $options: import("../Base/managers/OptionsManager.js").default & import("../Base/index.js").BaseOptions & (T & {
+            $options: {
+                intersectionObserver: IntersectionObserverInit;
+            };
+        })["$options"];
+        __children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren & (T & {
+            $options: {
+                intersectionObserver: IntersectionObserverInit;
+            };
+        })["$children"];
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & import("../Base/index.js").BaseChildren & (T & {
+            $options: {
+                intersectionObserver: IntersectionObserverInit;
+            };
+        })["$children"];
+        __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;
@@ -153,10 +229,10 @@ export default function withScrolledInView<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;
+        $off: ((event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions) => void) & ((event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions) => void);
+        $emit: ((event: string, ...args: unknown[]) => void) & ((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;
@@ -165,7 +241,98 @@ export default function withScrolledInView<T extends BaseTypeParameter = BaseTyp
      * Config.
      */
     config: BaseConfig;
-    readonly $isBase: true;
-    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
+    readonly $isBase: true & ({
+        new (element: HTMLElement): {
+            __isVisible: boolean;
+            __observer: IntersectionObserver;
+            $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: 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;
+        };
+        config: BaseConfig;
+        readonly $isBase: true;
+        $factory: typeof Base.$factory;
+    } & S)["$isBase"];
+    $factory: typeof Base.$factory & ({
+        new (element: HTMLElement): {
+            __isVisible: boolean;
+            __observer: IntersectionObserver;
+            $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: 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;
+        };
+        config: BaseConfig;
+        readonly $isBase: true;
+        $factory: typeof Base.$factory;
+    } & S)["$factory"];
+} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
+    new (...args: any[]): Base<T>;
+    prototype: Base<BaseTypeParameter>;
 };
 export {};

package/decorators/withScrolledInView.js

@@ -27,9 +27,8 @@ function updateProps(props, dampFactor, dampPrecision, axis = "x") {
   );
 }
 function withScrolledInView(BaseClass, options = {}) {
-  var _a;
   const WithMountWhenInView = withMountWhenInView(BaseClass, options);
-  return _a = class extends WithMountWhenInView {
+  class WithScrolledInView extends WithMountWhenInView {
     constructor(element) {
       super(element);
       __publicField(this, "__props", {
@@ -172,10 +171,12 @@ function withScrolledInView(BaseClass, options = {}) {
         (this.__props.dampedCurrent.y - yStart) / (yEnd - yStart)
       );
     }
-  }, __publicField(_a, "config", {
+  }
+  __publicField(WithScrolledInView, "config", {
     name: `${BaseClass.config.name}WithMountWhenInView`,
     emits: ["scrolledInView"]
-  }), _a;
+  });
+  return WithScrolledInView;
 }
 export {
   withScrolledInView as default

package/decorators/withType.cjs

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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/decorators/withType.ts
+var withType_exports = {};
+__export(withType_exports, {
+  default: () => withType
+});
+module.exports = __toCommonJS(withType_exports);
+function withType(BaseClass) {
+  return BaseClass;
+}
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withType.d.ts

@@ -0,0 +1,5 @@
+import type { Base, BaseTypeParameter, BaseConstructor } from '../Base/index.js';
+export default function withType<T extends BaseConstructor<Base>, U extends BaseTypeParameter = BaseTypeParameter>(BaseClass: T): T & {
+    new (...args: any[]): Base<U>;
+    prototype: Base<BaseTypeParameter>;
+} & Pick<typeof Base, "prototype" | "$isBase" | "config" | "$factory">;

package/decorators/withType.js

@@ -0,0 +1,6 @@
+function withType(BaseClass) {
+  return BaseClass;
+}
+export {
+  withType as default
+};

package/decorators/withVue2.cjs

@@ -29,8 +29,8 @@ __export(withVue2_exports, {
 module.exports = __toCommonJS(withVue2_exports);
 var import_utils = require("../utils/index.cjs");
 function withVue2(BaseClass, VueCtor) {
-  var _a, _b, _c;
-  return _c = class extends BaseClass {
+  var _a, _b;
+  class WithVue2 extends BaseClass {
     constructor(element) {
       var _a2;
       super(element);
@@ -59,10 +59,13 @@ function withVue2(BaseClass, VueCtor) {
         this.$vue.$destroy();
       });
     }
-  }, __publicField(_c, "config", {
+  }
+  __publicField(WithVue2, "config", {
     ...BaseClass.config,
     name: `${BaseClass.config.name}WithVue`,
     refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
-  }), __publicField(_c, "vueConfig"), _c;
+  });
+  __publicField(WithVue2, "vueConfig");
+  return WithVue2;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withVue2.d.ts

@@ -1,6 +1,6 @@
 import type Vue from 'vue';
 import type { ComponentOptions, VueConstructor } from 'vue';
-import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+import type { Base, BaseConstructor, BaseTypeParameter } from '../Base/index.js';
 interface WithVue2Interface {
     $refs: {
         vue: HTMLElement;
@@ -9,29 +9,29 @@ interface WithVue2Interface {
 /**
  * withVue decorator.
  */
-export default function withVue2<T extends BaseTypeParameter = BaseTypeParameter, VueTypeParameter extends Vue = Vue>(BaseClass: BaseConstructor, VueCtor: VueConstructor): {
-    new <U extends BaseTypeParameter = BaseTypeParameter>(element: HTMLElement): {
+export default function withVue2<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter, VueTypeParameter extends Vue = Vue>(BaseClass: S, VueCtor: VueConstructor): {
+    new (...args: any[]): {
         $vue: Vue;
-        $parent: import("../Base/index.js").default<BaseTypeParameter>;
+        $parent: Base<BaseTypeParameter>;
         $id: string;
-        $el: (WithVue2Interface & 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 & (WithVue2Interface & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        readonly $refs: import("../Base/managers/RefsManager.js").default & (WithVue2Interface & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        __options: import("../Base/managers/OptionsManager.js").default & (WithVue2Interface & T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        readonly $options: import("../Base/managers/OptionsManager.js").default & (WithVue2Interface & T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        __children: import("../Base/managers/ChildrenManager.js").default & ((WithVue2Interface & T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (WithVue2Interface & T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
-        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((WithVue2Interface & T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (WithVue2Interface & 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;
@@ -41,7 +41,48 @@ export default function withVue2<T extends BaseTypeParameter = BaseTypeParameter
         $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 (element: HTMLElement): {
+        $vue: Vue;
+        $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;
@@ -65,6 +106,9 @@ export default function withVue2<T extends BaseTypeParameter = BaseTypeParameter
         render: ComponentOptions<VueTypeParameter>['render'];
     };
     readonly $isBase: true;
-    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
+    $factory: typeof Base.$factory;
+} & S, "prototype" | "$isBase" | "config" | "$factory" | "vueConfig" | keyof S> & S & {
+    new (...args: any[]): Base<T & WithVue2Interface>;
+    prototype: Base<BaseTypeParameter>;
 };
 export {};

package/decorators/withVue2.js

@@ -6,8 +6,8 @@ var __publicField = (obj, key, value) => {
 };
 import { isDev, isFunction } from "../utils/index.js";
 function withVue2(BaseClass, VueCtor) {
-  var _a, _b, _c;
-  return _c = class extends BaseClass {
+  var _a, _b;
+  class WithVue2 extends BaseClass {
     constructor(element) {
       var _a2;
       super(element);
@@ -36,11 +36,14 @@ function withVue2(BaseClass, VueCtor) {
         this.$vue.$destroy();
       });
     }
-  }, __publicField(_c, "config", {
+  }
+  __publicField(WithVue2, "config", {
     ...BaseClass.config,
     name: `${BaseClass.config.name}WithVue`,
     refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
-  }), __publicField(_c, "vueConfig"), _c;
+  });
+  __publicField(WithVue2, "vueConfig");
+  return WithVue2;
 }
 export {
   withVue2 as default

package/helpers/createApp.cjs

@@ -16,7 +16,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/helpers/createApp.js
+// packages/js-toolkit/helpers/createApp.ts
 var createApp_exports = {};
 __export(createApp_exports, {
   default: () => createApp

package/helpers/createApp.d.ts

@@ -1,14 +1,6 @@
-/**
- * @typedef {import('../Base/index.js').BaseConstructor} BaseConstructor
- */
+import type { Base, BaseConstructor, BaseTypeParameter } from '../Base/index.js';
 /**
  * Instantiate and mount the given component on the given root element when the page has been loaded
  * and return a function to use the app instance when it is ready.
- *
- * @template {BaseConstructor} T
- * @param {T} App
- * @param {HTMLElement} [rootElement]
- * @returns {() => Promise<InstanceType<T>>}
  */
-export default function createApp<T extends typeof import("../Base/index.js").default>(App: T, rootElement?: HTMLElement): () => Promise<InstanceType<T>>;
-export type BaseConstructor = import('../Base/index.js').BaseConstructor;
+export default function createApp<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(App: S, rootElement?: HTMLElement): () => Promise<S & Base<T>>;