@studiometa/js-toolkit 2.0.0-beta.12 → 2.0.0-beta.16

package/decorators/withBreakpointObserver.cjs

@@ -4,6 +4,7 @@ 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,11 +26,17 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/decorators/withBreakpointObserver.js
 var withBreakpointObserver_exports = {};
 __export(withBreakpointObserver_exports, {
   default: () => withBreakpointObserver
 });
-var import_resize = __toESM(require("../services/resize.js"), 1);
+var import_resize = __toESM(require("../services/resize.cjs"), 1);
 function testBreakpoints(instance, breakpoint = (0, import_resize.default)().props().breakpoint) {
   const { activeBreakpoints, inactiveBreakpoints } = instance.$options;
   const isInActiveBreakpoint = activeBreakpoints && activeBreakpoints.split(" ").includes(breakpoint);
@@ -64,16 +71,8 @@ function addToResize(key, instance) {
   }
 }
 function withBreakpointObserver(BaseClass) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config || {},
-      name: `${BaseClass?.config?.name ?? ""}WithBreakpointObserver`,
-      options: {
-        ...BaseClass?.config?.options || {},
-        activeBreakpoints: String,
-        inactiveBreakpoints: String
-      }
-    };
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
       const { remove, props } = (0, import_resize.default)();
@@ -109,6 +108,15 @@ function withBreakpointObserver(BaseClass) {
       }
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithBreakpointObserver`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      activeBreakpoints: String,
+      inactiveBreakpoints: String
+    }
+  }), _b;
 }
 module.exports = __toCommonJS(withBreakpointObserver_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withBreakpointObserver.js

@@ -1,3 +1,9 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import useResize from "../services/resize.js";
 function testBreakpoints(instance, breakpoint = useResize().props().breakpoint) {
   const { activeBreakpoints, inactiveBreakpoints } = instance.$options;
@@ -33,16 +39,8 @@ function addToResize(key, instance) {
   }
 }
 function withBreakpointObserver(BaseClass) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config || {},
-      name: `${BaseClass?.config?.name ?? ""}WithBreakpointObserver`,
-      options: {
-        ...BaseClass?.config?.options || {},
-        activeBreakpoints: String,
-        inactiveBreakpoints: String
-      }
-    };
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
       const { remove, props } = useResize();
@@ -78,7 +76,15 @@ function withBreakpointObserver(BaseClass) {
       }
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithBreakpointObserver`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      activeBreakpoints: String,
+      inactiveBreakpoints: String
+    }
+  }), _b;
 }
 export {
   withBreakpointObserver as default

package/decorators/withDrag.cjs

@@ -4,6 +4,7 @@ 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,17 +26,20 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/decorators/withDrag.js
 var withDrag_exports = {};
 __export(withDrag_exports, {
   default: () => withDrag
 });
-var import_drag = __toESM(require("../services/drag.js"), 1);
+var import_drag = __toESM(require("../services/drag.cjs"), 1);
 function withDrag(BaseClass, { target = (instance) => instance.$el, ...options } = {}) {
-  return class extends BaseClass {
-    static config = {
-      name: `${BaseClass.config.name}WithDrag`,
-      emits: ["dragged"]
-    };
+  var _a;
+  return _a = class extends BaseClass {
     constructor(el) {
       super(el);
       this.$on("mounted", () => {
@@ -47,6 +51,10 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
         this.$services.unregister("dragged");
       });
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithDrag`,
+    emits: ["dragged"]
+  }), _a;
 }
 module.exports = __toCommonJS(withDrag_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withDrag.js

@@ -1,10 +1,13 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import useDrag from "../services/drag.js";
 function withDrag(BaseClass, { target = (instance) => instance.$el, ...options } = {}) {
-  return class extends BaseClass {
-    static config = {
-      name: `${BaseClass.config.name}WithDrag`,
-      emits: ["dragged"]
-    };
+  var _a;
+  return _a = class extends BaseClass {
     constructor(el) {
       super(el);
       this.$on("mounted", () => {
@@ -16,7 +19,10 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
         this.$services.unregister("dragged");
       });
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithDrag`,
+    emits: ["dragged"]
+  }), _a;
 }
 export {
   withDrag as default

package/decorators/withExtraConfig.cjs

@@ -4,6 +4,7 @@ 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,18 +26,25 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/decorators/withExtraConfig.js
 var withExtraConfig_exports = {};
 __export(withExtraConfig_exports, {
   default: () => withExtraConfig
 });
 var import_deepmerge = __toESM(require("deepmerge"), 1);
 function withExtraConfig(BaseClass, config, options = {}) {
+  var _a;
   const newConfig = (0, import_deepmerge.default)(BaseClass.config, config, options);
   if (newConfig.name === BaseClass.config.name) {
     newConfig.name = `${BaseClass.config.name}WithExtraConfig`;
   }
-  return class extends BaseClass {
-    static config = newConfig;
-  };
+  return _a = class extends BaseClass {
+  }, __publicField(_a, "config", newConfig), _a;
 }
 module.exports = __toCommonJS(withExtraConfig_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withExtraConfig.js

@@ -1,12 +1,18 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import merge from "deepmerge";
 function withExtraConfig(BaseClass, config, options = {}) {
+  var _a;
   const newConfig = merge(BaseClass.config, config, options);
   if (newConfig.name === BaseClass.config.name) {
     newConfig.name = `${BaseClass.config.name}WithExtraConfig`;
   }
-  return class extends BaseClass {
-    static config = newConfig;
-  };
+  return _a = class extends BaseClass {
+  }, __publicField(_a, "config", newConfig), _a;
 }
 export {
   withExtraConfig as default

package/decorators/withIntersectionObserver.cjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -20,6 +21,12 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/decorators/withIntersectionObserver.js
 var withIntersectionObserver_exports = {};
 __export(withIntersectionObserver_exports, {
   default: () => withIntersectionObserver
@@ -28,24 +35,16 @@ function createArrayOfNumber(length) {
   return [...new Array(length + 1)].map((val, index) => index / length);
 }
 function withIntersectionObserver(BaseClass, defaultOptions = { threshold: createArrayOfNumber(100) }) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config || {},
-      name: `${BaseClass?.config?.name ?? ""}WithIntersectionObserver`,
-      options: {
-        ...BaseClass?.config?.options || {},
-        intersectionObserver: Object
-      },
-      emits: ["intersected"]
-    };
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
-      if (!this.intersected || typeof this.intersected !== "function") {
-        throw new Error("[withIntersectionObserver] The `intersected` method must be defined.");
-      }
       this.$observer = new IntersectionObserver((entries) => {
         this.__callMethod("intersected", entries);
-      }, { ...defaultOptions, ...this.$options.intersectionObserver || {} });
+      }, {
+        ...defaultOptions,
+        ...this.$options.intersectionObserver
+      });
       this.$on("mounted", () => {
         this.$observer.observe(this.$el);
       });
@@ -54,6 +53,15 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
       });
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithIntersectionObserver`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    },
+    emits: ["intersected"]
+  }), _b;
 }
 module.exports = __toCommonJS(withIntersectionObserver_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withIntersectionObserver.js

@@ -1,25 +1,23 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 function createArrayOfNumber(length) {
   return [...new Array(length + 1)].map((val, index) => index / length);
 }
 function withIntersectionObserver(BaseClass, defaultOptions = { threshold: createArrayOfNumber(100) }) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config || {},
-      name: `${BaseClass?.config?.name ?? ""}WithIntersectionObserver`,
-      options: {
-        ...BaseClass?.config?.options || {},
-        intersectionObserver: Object
-      },
-      emits: ["intersected"]
-    };
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
-      if (!this.intersected || typeof this.intersected !== "function") {
-        throw new Error("[withIntersectionObserver] The `intersected` method must be defined.");
-      }
       this.$observer = new IntersectionObserver((entries) => {
         this.__callMethod("intersected", entries);
-      }, { ...defaultOptions, ...this.$options.intersectionObserver || {} });
+      }, {
+        ...defaultOptions,
+        ...this.$options.intersectionObserver
+      });
       this.$on("mounted", () => {
         this.$observer.observe(this.$el);
       });
@@ -28,7 +26,15 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
       });
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithIntersectionObserver`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    },
+    emits: ["intersected"]
+  }), _b;
 }
 export {
   withIntersectionObserver as default

package/decorators/withMountWhenInView.cjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -20,28 +21,27 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/decorators/withMountWhenInView.js
 var withMountWhenInView_exports = {};
 __export(withMountWhenInView_exports, {
   default: () => withMountWhenInView
 });
 function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config || {},
-      name: `${BaseClass?.config?.name ?? ""}WithMountWhenInView`,
-      options: {
-        ...BaseClass?.config?.options || {},
-        intersectionObserver: Object
-      }
-    };
-    #isVisible = false;
-    #observer;
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
-      this.#observer = new IntersectionObserver((entries) => {
+      __publicField(this, "__isVisible", false);
+      __publicField(this, "__observer");
+      this.__observer = new IntersectionObserver((entries) => {
         const isVisible = entries.reduce((acc, entry) => acc || entry.isIntersecting, false);
-        if (this.#isVisible !== isVisible) {
-          this.#isVisible = isVisible;
+        if (this.__isVisible !== isVisible) {
+          this.__isVisible = isVisible;
           if (isVisible) {
             this.$mount();
           } else {
@@ -49,18 +49,26 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
           }
         }
       }, { ...defaultOptions, ...this.$options.intersectionObserver });
-      this.#observer.observe(this.$el);
+      this.__observer.observe(this.$el);
       this.$on("terminated", () => {
-        this.#observer.disconnect();
+        this.__observer.disconnect();
       });
       return this;
     }
     $mount() {
-      if (this.#isVisible) {
+      if (this.__isVisible) {
         super.$mount();
       }
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    }
+  }), _b;
 }
 module.exports = __toCommonJS(withMountWhenInView_exports);
+if (module.exports.default) module.exports = module.exports.default;

package/decorators/withMountWhenInView.js

@@ -1,21 +1,20 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {
-  return class extends BaseClass {
-    static config = {
-      ...BaseClass.config || {},
-      name: `${BaseClass?.config?.name ?? ""}WithMountWhenInView`,
-      options: {
-        ...BaseClass?.config?.options || {},
-        intersectionObserver: Object
-      }
-    };
-    #isVisible = false;
-    #observer;
+  var _a, _b;
+  return _b = class extends BaseClass {
     constructor(element) {
       super(element);
-      this.#observer = new IntersectionObserver((entries) => {
+      __publicField(this, "__isVisible", false);
+      __publicField(this, "__observer");
+      this.__observer = new IntersectionObserver((entries) => {
         const isVisible = entries.reduce((acc, entry) => acc || entry.isIntersecting, false);
-        if (this.#isVisible !== isVisible) {
-          this.#isVisible = isVisible;
+        if (this.__isVisible !== isVisible) {
+          this.__isVisible = isVisible;
           if (isVisible) {
             this.$mount();
           } else {
@@ -23,19 +22,26 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
           }
         }
       }, { ...defaultOptions, ...this.$options.intersectionObserver });
-      this.#observer.observe(this.$el);
+      this.__observer.observe(this.$el);
       this.$on("terminated", () => {
-        this.#observer.disconnect();
+        this.__observer.disconnect();
       });
       return this;
     }
     $mount() {
-      if (this.#isVisible) {
+      if (this.__isVisible) {
         super.$mount();
       }
       return this;
     }
-  };
+  }, __publicField(_b, "config", {
+    ...BaseClass.config,
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    options: {
+      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
+      intersectionObserver: Object
+    }
+  }), _b;
 }
 export {
   withMountWhenInView as default

package/decorators/withScrolledInView.cjs

@@ -4,6 +4,7 @@ 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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -25,42 +26,48 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// packages/js-toolkit/decorators/withScrolledInView.js
 var withScrolledInView_exports = {};
 __export(withScrolledInView_exports, {
   default: () => withScrolledInView
 });
-var import_withMountWhenInView = __toESM(require("./withMountWhenInView.js"), 1);
-var import_utils = require("../utils/index.js");
+var import_withMountWhenInView = __toESM(require("./withMountWhenInView.cjs"), 1);
+var import_utils = require("../utils/index.cjs");
 function withScrolledInView(BaseClass, options) {
-  return class extends (0, import_withMountWhenInView.default)(BaseClass, options) {
-    static config = {
-      name: `${BaseClass.config.name}WithMountWhenInView`,
-      emits: ["scrolledInView"]
-    };
-    __props = {
-      start: {
-        x: 0,
-        y: 0
-      },
-      end: {
-        x: 0,
-        y: 0
-      },
-      current: {
-        x: 0,
-        y: 0
-      },
-      progress: {
-        x: 0,
-        y: 0
-      },
-      dampedProgress: {
-        x: 0,
-        y: 0
-      }
-    };
-    dampFactor = 0.1;
-    dampPrecision = 1e-3;
+  var _a;
+  return _a = class extends (0, import_withMountWhenInView.default)(BaseClass, options) {
+    constructor() {
+      super(...arguments);
+      __publicField(this, "__props", {
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: 0,
+          y: 0
+        },
+        current: {
+          x: 0,
+          y: 0
+        },
+        progress: {
+          x: 0,
+          y: 0
+        },
+        dampedProgress: {
+          x: 0,
+          y: 0
+        }
+      });
+      __publicField(this, "dampFactor", 0.1);
+      __publicField(this, "dampPrecision", 1e-3);
+    }
     mounted() {
       this.__setProps();
     }
@@ -105,6 +112,10 @@ function withScrolledInView(BaseClass, options) {
       this.__props.dampedProgress.x = (0, import_utils.damp)(xProgress, this.__props.dampedProgress.x);
       this.__props.dampedProgress.y = (0, import_utils.damp)(yProgress, this.__props.dampedProgress.y);
     }
-  };
+  }, __publicField(_a, "config", {
+    name: `${BaseClass.config.name}WithMountWhenInView`,
+    emits: ["scrolledInView"]
+  }), _a;
 }
 module.exports = __toCommonJS(withScrolledInView_exports);
+if (module.exports.default) module.exports = module.exports.default;