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

package/decorators/withIntersectionObserver.d.ts

@@ -1,69 +1,10 @@
-import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
-interface WithIntersectionObserverInterface {
-    $options: {
-        intersectionObserver: IntersectionObserverInit;
-    };
+import type { BaseDecorator, BaseInterface } from '../Base/types.js';
+import type { Base } from '../Base/index.js';
+interface WithIntersectionObserverInterface extends BaseInterface {
     $observer: IntersectionObserver;
-    intersected(entries: IntersectionObserverEntry[]): void;
 }
 /**
  * IntersectionObserver decoration.
  */
-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<BaseTypeParameter>;
-        $id: string;
-        $el: (WithIntersectionObserverInterface & T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
-        };
-        $isMounted: boolean;
-        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
-        readonly $root: import("../Base/index.js").default<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 & (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: unknown[]): unknown;
-        __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: 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: {
-        name: string;
-        options: {
-            intersectionObserver: ObjectConstructor;
-        };
-        emits: string[];
-        debug?: boolean;
-        log?: boolean;
-        refs?: string[];
-        components?: import("../Base/index.js").BaseConfigComponents;
-    };
-    readonly $isBase: true;
-    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
-};
+export declare function withIntersectionObserver<S extends Base>(BaseClass: typeof Base, defaultOptions?: IntersectionObserverInit): BaseDecorator<WithIntersectionObserverInterface, S>;
 export {};

package/decorators/withIntersectionObserver.js

@@ -8,8 +8,8 @@ function createArrayOfNumber(length) {
   return [...new Array(length + 1)].map((val, index) => index / length);
 }
 function withIntersectionObserver(BaseClass, defaultOptions = { threshold: createArrayOfNumber(100) }) {
-  var _a, _b;
-  return _b = class extends BaseClass {
+  var _a;
+  class WithIntersectionObserver extends BaseClass {
     constructor(element) {
       super(element);
       __publicField(this, "$observer");
@@ -29,7 +29,8 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
         this.$observer.unobserve(this.$el);
       });
     }
-  }, __publicField(_b, "config", {
+  }
+  __publicField(WithIntersectionObserver, "config", {
     ...BaseClass.config,
     name: `${BaseClass.config.name}WithIntersectionObserver`,
     options: {
@@ -37,8 +38,9 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
       intersectionObserver: Object
     },
     emits: ["intersected"]
-  }), _b;
+  });
+  return WithIntersectionObserver;
 }
 export {
-  withIntersectionObserver as default
+  withIntersectionObserver
 };

package/decorators/withMountWhenInView.cjs

@@ -24,12 +24,12 @@ var __publicField = (obj, key, value) => {
 // packages/js-toolkit/decorators/withMountWhenInView.ts
 var withMountWhenInView_exports = {};
 __export(withMountWhenInView_exports, {
-  default: () => withMountWhenInView
+  withMountWhenInView: () => withMountWhenInView
 });
 module.exports = __toCommonJS(withMountWhenInView_exports);
 function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {
-  var _a, _b;
-  return _b = class extends BaseClass {
+  var _a;
+  class WithMountWhenInView extends BaseClass {
     constructor(element) {
       super(element);
       __publicField(this, "__isVisible", false);
@@ -46,7 +46,10 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
             }
           }
         },
-        { ...defaultOptions, ...this.$options.intersectionObserver }
+        {
+          ...defaultOptions,
+          ...this.$options.intersectionObserver
+        }
       );
       this.__observer.observe(this.$el);
       this.$on("terminated", () => {
@@ -59,13 +62,15 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
       }
       return this;
     }
-  }, __publicField(_b, "config", {
+  }
+  __publicField(WithMountWhenInView, "config", {
     ...BaseClass.config,
     name: `${BaseClass.config.name}WithMountWhenInView`,
     options: {
       ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
       intersectionObserver: Object
     }
-  }), _b;
+  });
+  return WithMountWhenInView;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withMountWhenInView.d.ts

@@ -1,67 +1,22 @@
-import type { BaseTypeParameter, BaseConfig } from '../Base/index.js';
-import Base from '../Base/index.js';
-declare type WithMountWhenInViewInterface = {
+import { BaseInterface, BaseDecorator } from '../Base/types.js';
+import type { Base, BaseTypeParameter } from '../Base/index.js';
+export interface WithMountWhenInViewTypeParameter extends BaseTypeParameter {
     $options: {
         intersectionObserver: IntersectionObserverInit;
     };
-};
+}
+export interface WithMountWhenInViewInterface extends BaseInterface {
+    /**
+     * @private
+     */
+    __isVisible: boolean;
+    /**
+     * @private
+     */
+    __observer: IntersectionObserver;
+    $mount(): this;
+}
 /**
  * IntersectionObserver decoration.
  */
-export default function withMountWhenInView<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: typeof Base, defaultOptions?: IntersectionObserverInit): {
-    new <U extends BaseTypeParameter = BaseTypeParameter>(element: HTMLElement): {
-        /**
-         * Is the component visible?
-         * @private
-         */
-        __isVisible: boolean;
-        /**
-         * The component's observer.
-         * @private
-         */
-        __observer: IntersectionObserver;
-        /**
-         * Override the mounting of the component.
-         */
-        $mount(): any;
-        $parent: Base<BaseTypeParameter>;
-        $id: string;
-        $el: (WithMountWhenInViewInterface & T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof Base, 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 & (WithMountWhenInViewInterface & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        readonly $refs: import("../Base/managers/RefsManager.js").default & (WithMountWhenInViewInterface & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        __options: import("../Base/managers/OptionsManager.js").default & (WithMountWhenInViewInterface & T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        readonly $options: import("../Base/managers/OptionsManager.js").default & (WithMountWhenInViewInterface & T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        __children: import("../Base/managers/ChildrenManager.js").default & ((WithMountWhenInViewInterface & T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (WithMountWhenInViewInterface & T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
-        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((WithMountWhenInViewInterface & T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (WithMountWhenInViewInterface & 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: unknown[]): unknown;
-        __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: 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(nameOrSelector: string): Base<BaseTypeParameter>[];
-};
-export {};
+export declare function withMountWhenInView<S extends Base = Base>(BaseClass: typeof Base, defaultOptions?: IntersectionObserverInit): BaseDecorator<WithMountWhenInViewInterface, S>;

package/decorators/withMountWhenInView.js

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {
-  var _a, _b;
-  return _b = class extends BaseClass {
+  var _a;
+  class WithMountWhenInView extends BaseClass {
     constructor(element) {
       super(element);
       __publicField(this, "__isVisible", false);
@@ -23,7 +23,10 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
             }
           }
         },
-        { ...defaultOptions, ...this.$options.intersectionObserver }
+        {
+          ...defaultOptions,
+          ...this.$options.intersectionObserver
+        }
       );
       this.__observer.observe(this.$el);
       this.$on("terminated", () => {
@@ -36,15 +39,17 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
       }
       return this;
     }
-  }, __publicField(_b, "config", {
+  }
+  __publicField(WithMountWhenInView, "config", {
     ...BaseClass.config,
     name: `${BaseClass.config.name}WithMountWhenInView`,
     options: {
       ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
       intersectionObserver: Object
     }
-  }), _b;
+  });
+  return WithMountWhenInView;
 }
 export {
-  withMountWhenInView as default
+  withMountWhenInView
 };

package/decorators/withResponsiveOptions.cjs

@@ -25,18 +25,19 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // packages/js-toolkit/decorators/withResponsiveOptions.ts
 var withResponsiveOptions_exports = {};
 __export(withResponsiveOptions_exports, {
-  default: () => withResponsiveOptions
+  withResponsiveOptions: () => withResponsiveOptions
 });
 module.exports = __toCommonJS(withResponsiveOptions_exports);
 var import_ResponsiveOptionsManager = __toESM(require("../Base/managers/ResponsiveOptionsManager.cjs"), 1);
 function withResponsiveOptions(BaseClass) {
-  return class WithResponsiveOptions extends BaseClass {
+  class WithResponsiveOptions extends BaseClass {
     get __managers() {
       return {
         ...super.__managers,
         OptionsManager: import_ResponsiveOptionsManager.default
       };
     }
-  };
+  }
+  return WithResponsiveOptions;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withResponsiveOptions.d.ts

@@ -1,53 +1,6 @@
-import type { BaseTypeParameter, BaseConstructor, Managers } from '../Base/index.js';
-import ResponsiveOptionsManager from '../Base/managers/ResponsiveOptionsManager.js';
+import type { BaseInterface, BaseDecorator } from '../Base/types.js';
+import type { Base } from '../Base/index.js';
 /**
  * Extends the configuration of an existing class.
  */
-export default function withResponsiveOptions<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor): {
-    new <U extends BaseTypeParameters = BaseTypeParameter>(element: HTMLElement): {
-        /**
-         * Get managers.
-         */
-        readonly __managers: Managers & {
-            OptionsManager: typeof ResponsiveOptionsManager;
-        };
-        $parent: import("../Base/index.js").default<BaseTypeParameter>;
-        $id: string;
-        $el: (U & T)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
-        };
-        $isMounted: boolean;
-        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
-        readonly $root: import("../Base/index.js").default<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 & (U & T)["$refs"] & import("../Base/index.js").BaseRefs;
-        readonly $refs: import("../Base/managers/RefsManager.js").default & (U & T)["$refs"] & import("../Base/index.js").BaseRefs;
-        __options: import("../Base/managers/OptionsManager.js").default & (U & T)["$options"] & import("../Base/index.js").BaseOptions;
-        readonly $options: import("../Base/managers/OptionsManager.js").default & (U & T)["$options"] & import("../Base/index.js").BaseOptions;
-        __children: import("../Base/managers/ChildrenManager.js").default & ((U & T)["$children"] extends infer T_1 ? { [key in keyof T_1]: (U & T)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
-        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((U & T)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (U & T)["$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;
-        __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: 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: unknown[]): 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: true;
-    config: import("../Base/index.js").BaseConfig;
-    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
-};
+export declare function withResponsiveOptions<S extends Base>(BaseClass: typeof Base): BaseDecorator<BaseInterface, S>;

package/decorators/withResponsiveOptions.js

@@ -1,14 +1,15 @@
 import ResponsiveOptionsManager from "../Base/managers/ResponsiveOptionsManager.js";
 function withResponsiveOptions(BaseClass) {
-  return class WithResponsiveOptions extends BaseClass {
+  class WithResponsiveOptions extends BaseClass {
     get __managers() {
       return {
         ...super.__managers,
         OptionsManager: ResponsiveOptionsManager
       };
     }
-  };
+  }
+  return WithResponsiveOptions;
 }
 export {
-  withResponsiveOptions as default
+  withResponsiveOptions
 };

package/decorators/withScrolledInView.cjs

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __export = (target, all) => {
@@ -17,10 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -30,10 +24,10 @@ var __publicField = (obj, key, value) => {
 // packages/js-toolkit/decorators/withScrolledInView.ts
 var withScrolledInView_exports = {};
 __export(withScrolledInView_exports, {
-  default: () => withScrolledInView
+  withScrolledInView: () => withScrolledInView
 });
 module.exports = __toCommonJS(withScrolledInView_exports);
-var import_withMountWhenInView = __toESM(require("./withMountWhenInView.cjs"), 1);
+var import_withMountWhenInView = require("./withMountWhenInView.cjs");
 var import_utils = require("../utils/index.cjs");
 var scheduler = (0, import_utils.useScheduler)(["update", "render"]);
 function updateProps(props, dampFactor, dampPrecision, axis = "x") {
@@ -56,9 +50,7 @@ function updateProps(props, dampFactor, dampPrecision, axis = "x") {
   );
 }
 function withScrolledInView(BaseClass, options = {}) {
-  var _a;
-  const WithMountWhenInView = (0, import_withMountWhenInView.default)(BaseClass, options);
-  return _a = class extends WithMountWhenInView {
+  class WithScrolledInView extends (0, import_withMountWhenInView.withMountWhenInView)(BaseClass, options) {
     constructor(element) {
       super(element);
       __publicField(this, "__props", {
@@ -87,8 +79,8 @@ function withScrolledInView(BaseClass, options = {}) {
           y: 0
         }
       });
-      __publicField(this, "dampFactor", 0.1);
-      __publicField(this, "dampPrecision", 1e-3);
+      __publicField(this, "dampFactor", null);
+      __publicField(this, "dampPrecision", null);
       const render = () => {
         scheduler.update(() => {
           const renderFn = this.__callMethod("scrolledInView", this.__props);
@@ -112,8 +104,11 @@ function withScrolledInView(BaseClass, options = {}) {
           }
         },
         ticked: () => {
-          updateProps(this.__props, this.dampFactor, this.dampPrecision, "x");
-          updateProps(this.__props, this.dampFactor, this.dampPrecision, "y");
+          var _a, _b;
+          const dampFactor = (_a = this.dampFactor) != null ? _a : this.$options.dampFactor;
+          const dampPrecision = (_b = this.dampFactor) != null ? _b : this.$options.dampFactor;
+          updateProps(this.__props, dampFactor, dampPrecision, "x");
+          updateProps(this.__props, dampFactor, dampPrecision, "y");
           if (this.__props.dampedCurrent.x === this.__props.current.x && this.__props.dampedCurrent.y === this.__props.current.y) {
             this.$services.disable("ticked");
           }
@@ -201,9 +196,21 @@ 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;
+    emits: ["scrolledInView"],
+    options: {
+      dampFactor: {
+        type: Number,
+        default: 0.1
+      },
+      dampPrecision: {
+        type: Number,
+        default: 1e-3
+      }
+    }
+  });
+  return WithScrolledInView;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withScrolledInView.d.ts

@@ -1,5 +1,13 @@
-import type { BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/index.js';
-declare type ScrollInViewProps = {
+import type { BaseInterface, BaseDecorator } from '../Base/types.js';
+import type { Base, BaseTypeParameter } from '../Base/index.js';
+import type { RafServiceProps, ScrollServiceProps, ResizeServiceProps } from '../services/index.js';
+export interface WithScrolledInViewTypeParameter extends BaseTypeParameter {
+    $options: {
+        dampFactor: number;
+        dampPrecision: number;
+    };
+}
+export declare type ScrollInViewProps = {
     start: {
         x: number;
         y: number;
@@ -25,147 +33,28 @@ declare type ScrollInViewProps = {
         y: number;
     };
 };
-declare type withScrolledInViewOptions = IntersectionObserverInit & {
+export declare type WithScrolledInViewOptions = IntersectionObserverInit & {
     useOffsetSizes?: boolean;
 };
+export interface WithScrolledInViewInterface extends BaseInterface {
+    /**
+     * @private
+     * @type {ScrollInViewProps}
+     */
+    __props: ScrollInViewProps;
+    dampFactor?: number;
+    dampPrecision?: number;
+    mounted(): void;
+    resized(props: ResizeServiceProps): void;
+    scrolled(props: ScrollServiceProps): void;
+    ticked(props: RafServiceProps): void;
+    destroyed(): void;
+    /**
+     * @private
+     */
+    __setProps(): void;
+}
 /**
  * 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): {
-        __props: ScrollInViewProps;
-        /**
-         * Factor used for the `dampedProgress` props.
-         */
-        dampFactor: number;
-        /**
-         * Precision for the `dampedProgress` props.
-         */
-        dampPrecision: number;
-        /**
-         * Mounted hook.
-         *
-         * @returns {void}
-         */
-        mounted(): void;
-        /**
-         * Resized hook.
-         *
-         * @param   {import('../services/resize').ResizeServiceProps} props
-         * @returns {void}
-         */
-        resized(props: any): void;
-        /**
-         * Scrolled hook.
-         *
-         * @param   {import('../services/scroll').ScrollServiceProps} props
-         * @returns {void}
-         */
-        scrolled(props: any): void;
-        /**
-         * Ticked hook.
-         *
-         * @param   {import('../services/raf').RafServiceProps} props
-         * @returns {void}
-         */
-        ticked(props: any): 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>;
-        $id: string;
-        $el: ({
-            $options: {
-                intersectionObserver: IntersectionObserverInit;
-            };
-        } & T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
-        };
-        $isMounted: boolean;
-        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
-        readonly $root: import("../Base/index.js").default<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 & ({
-            $options: {
-                intersectionObserver: IntersectionObserverInit;
-            };
-        } & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        readonly $refs: import("../Base/managers/RefsManager.js").default & ({
-            $options: {
-                intersectionObserver: IntersectionObserverInit;
-            };
-        } & T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        __options: import("../Base/managers/OptionsManager.js").default & ({
-            $options: {
-                intersectionObserver: IntersectionObserverInit;
-            };
-        } & T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        readonly $options: import("../Base/managers/OptionsManager.js").default & ({
-            $options: {
-                intersectionObserver: IntersectionObserverInit;
-            };
-        } & T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        __children: import("../Base/managers/ChildrenManager.js").default & (({
-            $options: {
-                intersectionObserver: IntersectionObserverInit;
-            };
-        } & T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: ({
-            $options: {
-                intersectionObserver: IntersectionObserverInit;
-            };
-        } & T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
-        readonly $children: import("../Base/managers/ChildrenManager.js").default & (({
-            $options: {
-                intersectionObserver: IntersectionObserverInit;
-            };
-        } & T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: ({
-            $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;
-        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: 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: 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.
-     */
-    config: BaseConfig;
-    readonly $isBase: true;
-    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
-};
-export {};
+export declare function withScrolledInView<S extends Base = Base>(BaseClass: typeof Base, options?: WithScrolledInViewOptions): BaseDecorator<WithScrolledInViewInterface, S>;