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

package/decorators/index.cjs

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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
@@ -33,7 +34,6 @@ __export(decorators_exports, {
   withIntersectionObserver: () => import_withIntersectionObserver.default,
   withMountWhenInView: () => import_withMountWhenInView.default,
   withResponsiveOptions: () => import_withResponsiveOptions.default,
-  withScrolledInView: () => import_withScrolledInView.default,
   withType: () => import_withType.default,
   withVue2: () => import_withVue2.default
 });
@@ -46,7 +46,7 @@ var import_withFreezedOptions = __toESM(require("./withFreezedOptions.cjs"), 1);
 var import_withIntersectionObserver = __toESM(require("./withIntersectionObserver.cjs"), 1);
 var import_withMountWhenInView = __toESM(require("./withMountWhenInView.cjs"), 1);
 var import_withResponsiveOptions = __toESM(require("./withResponsiveOptions.cjs"), 1);
-var import_withScrolledInView = __toESM(require("./withScrolledInView.cjs"), 1);
+__reExport(decorators_exports, require("./withScrolledInView.cjs"), module.exports);
 var import_withType = __toESM(require("./withType.cjs"), 1);
 var import_withVue2 = __toESM(require("./withVue2.cjs"), 1);
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/index.d.ts

@@ -6,6 +6,6 @@ export { default as withFreezedOptions } from './withFreezedOptions.js';
 export { default as withIntersectionObserver } from './withIntersectionObserver.js';
 export { default as withMountWhenInView } from './withMountWhenInView.js';
 export { default as withResponsiveOptions } from './withResponsiveOptions.js';
-export { default as withScrolledInView } from './withScrolledInView.js';
+export * from './withScrolledInView.js';
 export { default as withType } from './withType.js';
 export { default as withVue2 } from './withVue2.js';

package/decorators/index.js

@@ -6,9 +6,9 @@ import { default as default6 } from "./withFreezedOptions.js";
 import { default as default7 } from "./withIntersectionObserver.js";
 import { default as default8 } from "./withMountWhenInView.js";
 import { default as default9 } from "./withResponsiveOptions.js";
-import { default as default10 } from "./withScrolledInView.js";
-import { default as default11 } from "./withType.js";
-import { default as default12 } from "./withVue2.js";
+export * from "./withScrolledInView.js";
+import { default as default10 } from "./withType.js";
+import { default as default11 } from "./withVue2.js";
 export {
   default2 as withBreakpointManager,
   default3 as withBreakpointObserver,
@@ -18,7 +18,6 @@ export {
   default7 as withIntersectionObserver,
   default8 as withMountWhenInView,
   default9 as withResponsiveOptions,
-  default10 as withScrolledInView,
-  default11 as withType,
-  default12 as withVue2
+  default10 as withType,
+  default11 as withVue2
 };

package/decorators/withScrolledInView.cjs

@@ -30,7 +30,7 @@ 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);
@@ -86,8 +86,6 @@ function withScrolledInView(BaseClass, options = {}) {
           y: 0
         }
       });
-      __publicField(this, "dampFactor", 0.1);
-      __publicField(this, "dampPrecision", 1e-3);
       const render = () => {
         scheduler.update(() => {
           const renderFn = this.__callMethod("scrolledInView", this.__props);
@@ -138,6 +136,12 @@ 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();

package/decorators/withScrolledInView.d.ts

@@ -1,6 +1,6 @@
 import type { Base, BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/index.js';
 import type { RafServiceProps, ScrollServiceProps, ResizeServiceProps } from '../services/index.js';
-declare type ScrollInViewProps = {
+export declare type ScrollInViewProps = {
     start: {
         x: number;
         y: number;
@@ -32,17 +32,17 @@ declare type withScrolledInViewOptions = IntersectionObserverInit & {
 /**
  * Add scrolled in view capabilities to a component.
  */
-export default function withScrolledInView<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S, options?: withScrolledInViewOptions): {
+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.
          */
-        dampFactor: number;
+        readonly dampFactor: number;
         /**
          * Precision for the `dampedProgress` props.
          */
-        dampPrecision: number;
+        readonly dampPrecision: number;
         /**
          * Mounted hook.
          */
@@ -141,11 +141,11 @@ export default function withScrolledInView<S extends BaseConstructor<Base>, T ex
         /**
          * Factor used for the `dampedProgress` props.
          */
-        dampFactor: number;
+        readonly dampFactor: number;
         /**
          * Precision for the `dampedProgress` props.
          */
-        dampPrecision: number;
+        readonly dampPrecision: number;
         /**
          * Mounted hook.
          */

package/decorators/withScrolledInView.js

@@ -57,8 +57,6 @@ function withScrolledInView(BaseClass, options = {}) {
           y: 0
         }
       });
-      __publicField(this, "dampFactor", 0.1);
-      __publicField(this, "dampPrecision", 1e-3);
       const render = () => {
         scheduler.update(() => {
           const renderFn = this.__callMethod("scrolledInView", this.__props);
@@ -109,6 +107,12 @@ function withScrolledInView(BaseClass, options = {}) {
         render();
       });
     }
+    get dampFactor() {
+      return 0.1;
+    }
+    get dampPrecision() {
+      return 1e-3;
+    }
     mounted() {
       if (isFunction(super.mounted)) {
         super.mounted();
@@ -179,5 +183,5 @@ function withScrolledInView(BaseClass, options = {}) {
   return WithScrolledInView;
 }
 export {
-  withScrolledInView as default
+  withScrolledInView
 };

package/helpers/importOnInteraction.d.ts

@@ -15,4 +15,4 @@ import type { Base, BaseConstructor } from '../Base/index.js';
  */
 export default function importOnInteraction<T extends BaseConstructor = BaseConstructor>(fn: () => Promise<T | {
     default: T;
-}>, nameOrSelectorOrElement: string | HTMLElement | HTMLElement[], events: string | string[], parent: Base): Promise<T>;
+}>, nameOrSelectorOrElement: string | HTMLElement | HTMLElement[], events: string | string[], parent?: Base): Promise<T>;

package/package.json

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