@studiometa/js-toolkit 2.4.2 → 2.4.4-alpha.1

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<any>;
-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

package/decorators/withDrag.d.ts

@@ -1,21 +1,84 @@
-/**
- * @typedef {import('../Base').default} Base
- * @typedef {import('../Base').BaseConstructor} BaseConstructor
- * @typedef {import('../services/drag').DragServiceOptions} DragServiceOptions
- */
-/**
- * @typedef {DragServiceOptions & { target?: (this:Base, Base) => HTMLElement }} DragDecoratorOptions
- */
+import type Base from '../Base/index.js';
+import type { BaseTypeParameter, BaseConstructor } from '../Base/index.js';
+import type { DragServiceOptions } from '../services/drag.js';
+declare type DragDecoratorOptions = DragServiceOptions & {
+    target?: (this: Base, instance: Base) => HTMLElement;
+};
 /**
  * Add dragging capabilities to a component.
- *
- * @template {BaseConstructor} T
- * @param {T} BaseClass
- * @param {DragDecoratorOptions} options
- * @returns {T}
  */
-export default function withDrag<T extends typeof import("../Base").default>(BaseClass: T, { target, ...options }?: DragDecoratorOptions): T;
-export type Base = import("../Base").default<any>;
-export type BaseConstructor = import('../Base').BaseConstructor;
-export type DragServiceOptions = import('../services/drag').DragServiceOptions;
-export type DragDecoratorOptions = DragDecoratorOptions;
+export default function withDrag<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor, { target, ...options }?: DragDecoratorOptions): {
+    new <U extends BaseTypeParameter = BaseTypeParameter>(el: 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;
+        $mount(): any;
+        $update(): any;
+        $destroy(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof Base;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: 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;
+        emits: string[];
+    };
+    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>>;
+        };
+    }>[];
+};
+export {};

package/decorators/withExtraConfig.cjs

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

package/decorators/withExtraConfig.d.ts

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

package/decorators/withFreezedOptions.cjs

@@ -21,24 +21,26 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withFreezedOptions.js
+// packages/js-toolkit/decorators/withFreezedOptions.ts
 var withFreezedOptions_exports = {};
 __export(withFreezedOptions_exports, {
   default: () => withFreezedOptions
 });
 module.exports = __toCommonJS(withFreezedOptions_exports);
 function withFreezedOptions(BaseClass) {
-  return class extends BaseClass {
+  return class WithFreezedOptions extends BaseClass {
     constructor() {
       super(...arguments);
       __publicField(this, "__freezedOptions");
     }
     get $options() {
-      Object.defineProperty(this, "__freezedOptions", {
-        value: Object.freeze({ ...super.$options }),
-        enumerable: false,
-        configurable: true
-      });
+      if (!this.__freezedOptions) {
+        Object.defineProperty(this, "__freezedOptions", {
+          value: Object.freeze({ ...super.$options }),
+          enumerable: false,
+          configurable: true
+        });
+      }
       return this.__freezedOptions;
     }
   };

package/decorators/withFreezedOptions.d.ts

@@ -1,14 +1,84 @@
-/**
- * @typedef {import('../Base').BaseOptions} BaseOptions
- * @typedef {import('../Base').BaseConstructor} BaseConstructor
- */
+import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
 /**
  * Freeze the `$options` property to improve performance.
- *
- * @template {BaseConstructor} T
- * @param {T} BaseClass The Base class to extend.
- * @returns {T}
  */
-export default function withFreezedOptions<T extends typeof import("../Base").default>(BaseClass: T): T;
-export type BaseOptions = import('../Base').BaseOptions;
-export type BaseConstructor = import('../Base').BaseConstructor;
+export default function withFreezedOptions<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor): {
+    new <U extends BaseTypeParameter = BaseTypeParameter>(element: HTMLElement): {
+        /**
+         * Hold freezed options
+         * @private
+         */
+        __freezedOptions: any;
+        /**
+         * Lazyly freeze the `$options` property.
+         * @returns {Readonly<this['$options']>}
+         */
+        readonly $options: any;
+        $parent: import("../Base/index.js").default<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+            };
+        }>;
+        $id: string;
+        $el: (T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<{
+                $el: HTMLElement;
+                $options: import("../Base/index.js").BaseOptions;
+                $refs: import("../Base/index.js").BaseRefs;
+                $children: {
+                    [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+                };
+            }> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: import("../Base/index.js").default<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<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;
+        __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;
+        $mount(): any;
+        $update(): any;
+        $destroy(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof import("../Base/index.js").default;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: 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): import("../Base/index.js").default<{
+        $el: HTMLElement;
+        $options: import("../Base/index.js").BaseOptions;
+        $refs: import("../Base/index.js").BaseRefs;
+        $children: {
+            [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+        };
+    }>[];
+};

package/decorators/withFreezedOptions.js

@@ -5,17 +5,19 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 function withFreezedOptions(BaseClass) {
-  return class extends BaseClass {
+  return class WithFreezedOptions extends BaseClass {
     constructor() {
       super(...arguments);
       __publicField(this, "__freezedOptions");
     }
     get $options() {
-      Object.defineProperty(this, "__freezedOptions", {
-        value: Object.freeze({ ...super.$options }),
-        enumerable: false,
-        configurable: true
-      });
+      if (!this.__freezedOptions) {
+        Object.defineProperty(this, "__freezedOptions", {
+          value: Object.freeze({ ...super.$options }),
+          enumerable: false,
+          configurable: true
+        });
+      }
       return this.__freezedOptions;
     }
   };

package/decorators/withIntersectionObserver.cjs

@@ -21,7 +21,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withIntersectionObserver.js
+// packages/js-toolkit/decorators/withIntersectionObserver.ts
 var withIntersectionObserver_exports = {};
 __export(withIntersectionObserver_exports, {
   default: () => withIntersectionObserver
@@ -35,6 +35,7 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
   return _b = class extends BaseClass {
     constructor(element) {
       super(element);
+      __publicField(this, "$observer");
       this.$observer = new IntersectionObserver(
         (entries) => {
           this.__callMethod("intersected", entries);

package/decorators/withIntersectionObserver.d.ts

@@ -1,23 +1,97 @@
+import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+interface WithIntersectionObserverInterface {
+    $options: {
+        intersectionObserver: IntersectionObserverInit;
+    };
+    $observer: IntersectionObserver;
+    intersected(entries: IntersectionObserverEntry[]): void;
+}
 /**
  * IntersectionObserver decoration.
- *
- * @template {BaseConstructor} T
- * @param {T} BaseClass The Base class to extend.
- * @param {Object} [defaultOptions] The options for the IntersectionObserver instance.
- * @returns {T & { new: (element:HTMLElement) => { $observer: IntersectionObserver }}}
  */
-export default function withIntersectionObserver<T extends typeof import("../Base").default>(BaseClass: T, defaultOptions?: any): T & {
-    new: (element: HTMLElement) => {
+export default function withIntersectionObserver<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor, defaultOptions?: IntersectionObserverInit): {
+    new <U extends BaseTypeParameter = BaseTypeParameter>(element: HTMLElement): {
+        /**
+         * Intersection observer instance.
+         */
         $observer: IntersectionObserver;
+        $parent: import("../Base/index.js").default<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+            };
+        }>;
+        $id: string;
+        $el: (WithIntersectionObserverInterface & T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<{
+                $el: HTMLElement;
+                $options: import("../Base/index.js").BaseOptions;
+                $refs: import("../Base/index.js").BaseRefs;
+                $children: {
+                    [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+                };
+            }> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: import("../Base/index.js").default<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<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 & (WithIntersectionObserverInterface & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        readonly $refs: import("../Base/managers/RefsManager.js").default & (WithIntersectionObserverInterface & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
+        __options: import("../Base/managers/OptionsManager.js").default & (WithIntersectionObserverInterface & T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        readonly $options: import("../Base/managers/OptionsManager.js").default & (WithIntersectionObserverInterface & T & U)["$options"] & import("../Base/index.js").BaseOptions;
+        __children: import("../Base/managers/ChildrenManager.js").default & ((WithIntersectionObserverInterface & T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (WithIntersectionObserverInterface & T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
+        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((WithIntersectionObserverInterface & T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (WithIntersectionObserverInterface & T & U)["$children"][key_1][]; } : never) & import("../Base/index.js").BaseChildren;
+        __events: import("../Base/managers/EventsManager.js").default;
+        readonly $log: (...args: any) => void;
+        readonly __debug: (...args: any) => void;
+        readonly __managers: import("../Base/index.js").Managers;
+        __callMethod(method: string, ...args: any[]): any;
+        __hasEvent(event: string): boolean;
+        $mount(): any;
+        $update(): any;
+        $destroy(): any;
+        $terminate(): void;
+        __addEmits(event: string): void;
+        __removeEmits(event: string): void;
+        readonly __ctor: typeof import("../Base/index.js").default;
+        $on(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): () => void;
+        $off(event: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        $emit(event: string, ...args: 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: {
+            intersectionObserver: ObjectConstructor;
+        };
+        emits: string[];
+        debug?: boolean;
+        log?: boolean;
+        refs?: string[];
+        components?: import("../Base/index.js").BaseConfigComponents;
+    };
+    readonly $isBase: boolean;
+    $factory(nameOrSelector: string): import("../Base/index.js").default<{
+        $el: HTMLElement;
+        $options: import("../Base/index.js").BaseOptions;
+        $refs: import("../Base/index.js").BaseRefs;
+        $children: {
+            [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+        };
+    }>[];
 };
-export type Base = import("../Base").default<any>;
-export type BaseConstructor = import('../Base').BaseConstructor;
-export type WithIntersectionObserverOptions = {
-    intersectionObserver: any;
-};
-export type WithIntersectionObserverInterface = {
-    $options: WithIntersectionObserverOptions;
-    $observer: IntersectionObserver;
-    intersected: (entries: IntersectionObserverEntry[]) => void;
-};
+export {};

package/decorators/withIntersectionObserver.js

@@ -12,6 +12,7 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
   return _b = class extends BaseClass {
     constructor(element) {
       super(element);
+      __publicField(this, "$observer");
       this.$observer = new IntersectionObserver(
         (entries) => {
           this.__callMethod("intersected", entries);