@studiometa/js-toolkit 2.4.4-alpha.7 → 2.4.4-alpha.8

package/Base/index.d.ts

@@ -34,11 +34,12 @@ export declare type BaseConfig = {
     components?: BaseConfigComponents;
     options?: import('./managers/OptionsManager').OptionsSchema;
 };
-export declare type BaseTypeParameter = {
+export declare type BaseProps = {
     $el?: HTMLElement;
     $options?: BaseOptions;
     $refs?: BaseRefs;
     $children?: BaseChildren;
+    $parent?: Base;
 };
 export declare type Managers = {
     ChildrenManager: typeof ChildrenManager;
@@ -50,7 +51,7 @@ export declare type Managers = {
 /**
  * Base class.
  */
-export declare class Base<T extends BaseTypeParameter = BaseTypeParameter> extends EventTarget {
+export declare class Base<T extends BaseProps = BaseProps> extends EventTarget {
     /**
      * This is a Base instance.
      */
@@ -58,7 +59,7 @@ export declare class Base<T extends BaseTypeParameter = BaseTypeParameter> exten
     /**
      * The instance parent.
      */
-    $parent: Base;
+    $parent: T['$parent'] & Base;
     /**
      * The instance id.
      */

package/Base/types.d.ts

@@ -1,4 +1,4 @@
-import type { Base, BaseTypeParameter } from './index.js';
+import type { Base, BaseProps } from './index.js';
 import type { KeyServiceProps, LoadServiceProps, PointerServiceProps, RafServiceProps, ResizeServiceProps, ScrollServiceProps } from '../services/index.js';
 export interface BaseInterface {
     /**
@@ -43,5 +43,5 @@ export interface BaseInterface {
     scrolled?(props: ScrollServiceProps): void;
 }
 export declare type BaseDecorator<S extends BaseInterface, T extends Base> = {
-    new <W extends BaseTypeParameter = BaseTypeParameter>(...args: unknown[]): S & T & Base<W>;
+    new <W extends BaseProps = BaseProps>(...args: unknown[]): S & T & Base<W>;
 } & Partial<Pick<T, keyof T>>;

package/decorators/withBreakpointObserver.d.ts

@@ -1,6 +1,6 @@
 import type { BaseDecorator, BaseInterface } from '../Base/types.js';
-import type { Base, BaseTypeParameter } from '../Base/index.js';
-export interface WithBreakpointObserverTypeParameter extends BaseTypeParameter {
+import type { Base, BaseProps } from '../Base/index.js';
+export interface WithBreakpointObserverProps extends BaseProps {
     $options: {
         activeBreakpoints?: string;
         inactiveBreakpoints?: string;

package/decorators/withDrag.d.ts

@@ -4,7 +4,7 @@ import type { DragServiceOptions, DragServiceProps } from '../services/drag.js';
 export declare type DragDecoratorOptions = DragServiceOptions & {
     target?: (this: Base, instance: Base) => HTMLElement;
 };
-export interface WithDragInterfacd extends BaseInterface {
+export interface WithDragInterface extends BaseInterface {
     dragged?(props: DragServiceProps): void;
 }
 /**

package/decorators/withIntersectionObserver.d.ts

@@ -1,10 +1,16 @@
 import type { BaseDecorator, BaseInterface } from '../Base/types.js';
-import type { Base } from '../Base/index.js';
-interface WithIntersectionObserverInterface extends BaseInterface {
+import type { Base, BaseProps } from '../Base/index.js';
+export interface WithIntersectionObserverProps extends BaseProps {
+    $options: {
+        intersectionObserver: IntersectionObserverInit;
+    };
+    $observer: IntersectionObserver;
+    intersected(entries: IntersectionObserverEntry[]): void;
+}
+export interface WithIntersectionObserverInterface extends BaseInterface {
     $observer: IntersectionObserver;
 }
 /**
  * IntersectionObserver decoration.
  */
 export declare function withIntersectionObserver<S extends Base>(BaseClass: typeof Base, defaultOptions?: IntersectionObserverInit): BaseDecorator<WithIntersectionObserverInterface, S>;
-export {};

package/decorators/withMountWhenInView.d.ts

@@ -1,6 +1,6 @@
 import { BaseInterface, BaseDecorator } from '../Base/types.js';
-import type { Base, BaseTypeParameter } from '../Base/index.js';
-export interface WithMountWhenInViewTypeParameter extends BaseTypeParameter {
+import type { Base, BaseProps } from '../Base/index.js';
+export interface WithMountWhenInViewProps extends BaseProps {
     $options: {
         intersectionObserver: IntersectionObserverInit;
     };

package/decorators/withScrolledInView.d.ts

@@ -1,7 +1,7 @@
 import type { BaseInterface, BaseDecorator } from '../Base/types.js';
-import type { Base, BaseTypeParameter } from '../Base/index.js';
+import type { Base, BaseProps } from '../Base/index.js';
 import type { RafServiceProps, ScrollServiceProps, ResizeServiceProps } from '../services/index.js';
-export interface WithScrolledInViewTypeParameter extends BaseTypeParameter {
+export interface WithScrolledInViewProps extends BaseProps {
     $options: {
         dampFactor: number;
         dampPrecision: number;

package/decorators/withVue2.d.ts

@@ -1,8 +1,8 @@
 import type Vue from 'vue';
 import type { VueConstructor } from 'vue';
 import type { BaseDecorator, BaseInterface } from '../Base/types.js';
-import type { Base, BaseTypeParameter } from '../Base/index.js';
-export interface WithVue2TypeParameter extends BaseTypeParameter {
+import type { Base, BaseProps } from '../Base/index.js';
+export interface WithVue2Props extends BaseProps {
     $refs: {
         vue: HTMLElement;
     };
@@ -13,4 +13,4 @@ export interface WithVue2Interface extends BaseInterface {
 /**
  * withVue decorator.
  */
-export declare function withVue2<S extends Base, VueTypeParameter extends Vue = Vue>(BaseClass: typeof Base, VueCtor: VueConstructor): BaseDecorator<WithVue2Interface, S>;
+export declare function withVue2<S extends Base, T extends Vue = Vue>(BaseClass: typeof Base, VueCtor: VueConstructor): BaseDecorator<WithVue2Interface, S>;

package/helpers/createApp.d.ts

@@ -1,6 +1,6 @@
-import type { Base, BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+import type { Base, BaseConstructor, BaseProps } 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.
  */
-export default function createApp<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(App: S, rootElement?: HTMLElement): () => Promise<S & Base<T>>;
+export default function createApp<S extends BaseConstructor<Base>, T extends BaseProps = BaseProps>(App: S, rootElement?: HTMLElement): () => Promise<S & Base<T>>;

package/index.d.ts

@@ -2,5 +2,5 @@ export { Base } from './Base/index.js';
 export * from './decorators/index.js';
 export * from './helpers/index.js';
 export * from './services/index.js';
-export type { BaseTypeParameter, BaseConstructor, BaseAsyncConstructor, BaseConfig, } from './Base/index.js';
+export type { BaseProps, BaseConstructor, BaseAsyncConstructor, BaseConfig, } from './Base/index.js';
 export type { BaseInterface, BaseDecorator } from './Base/types.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "2.4.4-alpha.7",
+  "version": "2.4.4-alpha.8",
   "description": "A set of useful little bits of JavaScript to boost your project! 🚀",
   "publishConfig": {
     "access": "public"