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

package/decorators/withResponsiveOptions.d.ts

@@ -1,101 +1,6 @@
-import type { Base, 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<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S): {
-    new (...args: any[]): {
-        /**
-         * Get managers.
-         */
-        readonly __managers: Managers & {
-            OptionsManager: typeof ResponsiveOptionsManager;
-        };
-        $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;
-        __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;
-        addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        dispatchEvent(event: Event): boolean;
-        removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    };
-    prototype: Base<BaseTypeParameter>;
-} & Pick<typeof Base, "prototype" | "$isBase" | "config" | "$factory"> & Pick<{
-    new (...args: any[]): {
-        /**
-         * Get managers.
-         */
-        readonly __managers: Managers & {
-            OptionsManager: typeof ResponsiveOptionsManager;
-        };
-        $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;
-        __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;
-        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: typeof Base.$factory;
-} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
-    new (...args: any[]): Base<T>;
-    prototype: Base<BaseTypeParameter>;
-};
+export declare function withResponsiveOptions<S extends Base>(BaseClass: typeof Base): BaseDecorator<BaseInterface, S>;

package/decorators/withResponsiveOptions.js

@@ -11,5 +11,5 @@ function withResponsiveOptions(BaseClass) {
   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);
@@ -33,7 +27,7 @@ __export(withScrolledInView_exports, {
   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,8 +50,7 @@ function updateProps(props, dampFactor, dampPrecision, axis = "x") {
   );
 }
 function withScrolledInView(BaseClass, options = {}) {
-  const WithMountWhenInView = (0, import_withMountWhenInView.default)(BaseClass, options);
-  class WithScrolledInView extends WithMountWhenInView {
+  class WithScrolledInView extends (0, import_withMountWhenInView.withMountWhenInView)(BaseClass, options) {
     constructor(element) {
       super(element);
       __publicField(this, "__props", {
@@ -86,6 +79,8 @@ function withScrolledInView(BaseClass, options = {}) {
           y: 0
         }
       });
+      __publicField(this, "dampFactor", null);
+      __publicField(this, "dampPrecision", null);
       const render = () => {
         scheduler.update(() => {
           const renderFn = this.__callMethod("scrolledInView", this.__props);
@@ -109,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");
           }
@@ -136,12 +134,6 @@ function withScrolledInView(BaseClass, options = {}) {
         render();
       });
     }
-    get dampFactor() {
-      return 0.1;
-    }
-    get dampPrecision() {
-      return 1e-3;
-    }
     mounted() {
       if ((0, import_utils.isFunction)(super.mounted)) {
         super.mounted();
@@ -207,7 +199,17 @@ function withScrolledInView(BaseClass, options = {}) {
   }
   __publicField(WithScrolledInView, "config", {
     name: `${BaseClass.config.name}WithMountWhenInView`,
-    emits: ["scrolledInView"]
+    emits: ["scrolledInView"],
+    options: {
+      dampFactor: {
+        type: Number,
+        default: 0.1
+      },
+      dampPrecision: {
+        type: Number,
+        default: 1e-3
+      }
+    }
   });
   return WithScrolledInView;
 }

package/decorators/withScrolledInView.d.ts

@@ -1,5 +1,12 @@
-import type { Base, BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/index.js';
+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;
@@ -26,313 +33,28 @@ export 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 declare 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.
-         */
-        readonly dampFactor: number;
-        /**
-         * Precision for the `dampedProgress` props.
-         */
-        readonly 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;
-            };
-        })["$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;
-            };
-        })["$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;
-        $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.
-         */
-        readonly dampFactor: number;
-        /**
-         * Precision for the `dampedProgress` props.
-         */
-        readonly 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;
-            };
-        })["$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;
-            };
-        })["$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;
-        $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;
-    };
-    /**
-     * Config.
-     */
-    config: BaseConfig;
-    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 {};
+export declare function withScrolledInView<S extends Base = Base>(BaseClass: typeof Base, options?: WithScrolledInViewOptions): BaseDecorator<WithScrolledInViewInterface, S>;

package/decorators/withScrolledInView.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import withMountWhenInView from "./withMountWhenInView.js";
+import { withMountWhenInView } from "./withMountWhenInView.js";
 import { damp, clamp, clamp01, getOffsetSizes, isFunction, useScheduler } from "../utils/index.js";
 const scheduler = useScheduler(["update", "render"]);
 function updateProps(props, dampFactor, dampPrecision, axis = "x") {
@@ -27,8 +27,7 @@ function updateProps(props, dampFactor, dampPrecision, axis = "x") {
   );
 }
 function withScrolledInView(BaseClass, options = {}) {
-  const WithMountWhenInView = withMountWhenInView(BaseClass, options);
-  class WithScrolledInView extends WithMountWhenInView {
+  class WithScrolledInView extends withMountWhenInView(BaseClass, options) {
     constructor(element) {
       super(element);
       __publicField(this, "__props", {
@@ -57,6 +56,8 @@ function withScrolledInView(BaseClass, options = {}) {
           y: 0
         }
       });
+      __publicField(this, "dampFactor", null);
+      __publicField(this, "dampPrecision", null);
       const render = () => {
         scheduler.update(() => {
           const renderFn = this.__callMethod("scrolledInView", this.__props);
@@ -80,8 +81,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");
           }
@@ -107,12 +111,6 @@ function withScrolledInView(BaseClass, options = {}) {
         render();
       });
     }
-    get dampFactor() {
-      return 0.1;
-    }
-    get dampPrecision() {
-      return 1e-3;
-    }
     mounted() {
       if (isFunction(super.mounted)) {
         super.mounted();
@@ -178,7 +176,17 @@ function withScrolledInView(BaseClass, options = {}) {
   }
   __publicField(WithScrolledInView, "config", {
     name: `${BaseClass.config.name}WithMountWhenInView`,
-    emits: ["scrolledInView"]
+    emits: ["scrolledInView"],
+    options: {
+      dampFactor: {
+        type: Number,
+        default: 0.1
+      },
+      dampPrecision: {
+        type: Number,
+        default: 1e-3
+      }
+    }
   });
   return WithScrolledInView;
 }

package/decorators/withVue2.cjs

@@ -24,7 +24,7 @@ var __publicField = (obj, key, value) => {
 // packages/js-toolkit/decorators/withVue2.ts
 var withVue2_exports = {};
 __export(withVue2_exports, {
-  default: () => withVue2
+  withVue2: () => withVue2
 });
 module.exports = __toCommonJS(withVue2_exports);
 var import_utils = require("../utils/index.cjs");