@studiometa/js-toolkit 2.2.1 → 2.3.0

package/decorators/withDrag.cjs

@@ -4,7 +4,6 @@ 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) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -19,10 +18,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 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);
-  return value;
-};
 
 // packages/js-toolkit/decorators/withDrag.js
 var withDrag_exports = {};
@@ -32,8 +27,11 @@ __export(withDrag_exports, {
 module.exports = __toCommonJS(withDrag_exports);
 var import_drag = __toESM(require("../services/drag.cjs"), 1);
 function withDrag(BaseClass, { target = (instance) => instance.$el, ...options } = {}) {
-  var _a;
-  return _a = class extends BaseClass {
+  return class extends BaseClass {
+    static config = {
+      name: `${BaseClass.config.name}WithDrag`,
+      emits: ["dragged"]
+    };
     constructor(el) {
       super(el);
       this.$on("mounted", () => {
@@ -45,9 +43,6 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
         this.$services.unregister("dragged");
       });
     }
-  }, __publicField(_a, "config", {
-    name: `${BaseClass.config.name}WithDrag`,
-    emits: ["dragged"]
-  }), _a;
+  };
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withDrag.js

@@ -1,13 +1,10 @@
-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 } = {}) {
-  var _a;
-  return _a = class extends BaseClass {
+  return class extends BaseClass {
+    static config = {
+      name: `${BaseClass.config.name}WithDrag`,
+      emits: ["dragged"]
+    };
     constructor(el) {
       super(el);
       this.$on("mounted", () => {
@@ -19,10 +16,7 @@ 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,7 +4,6 @@ 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) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -19,10 +18,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 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);
-  return value;
-};
 
 // packages/js-toolkit/decorators/withExtraConfig.js
 var withExtraConfig_exports = {};
@@ -32,12 +27,12 @@ __export(withExtraConfig_exports, {
 module.exports = __toCommonJS(withExtraConfig_exports);
 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 _a = class extends BaseClass {
-  }, __publicField(_a, "config", newConfig), _a;
+  return class extends BaseClass {
+    static config = newConfig;
+  };
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withExtraConfig.js

@@ -1,18 +1,12 @@
-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 _a = class extends BaseClass {
-  }, __publicField(_a, "config", newConfig), _a;
+  return class extends BaseClass {
+    static config = newConfig;
+  };
 }
 export {
   withExtraConfig as default

package/decorators/withFreezedOptions.cjs

@@ -2,7 +2,6 @@ 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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,10 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 
 // packages/js-toolkit/decorators/withFreezedOptions.js
 var withFreezedOptions_exports = {};
@@ -29,10 +24,7 @@ __export(withFreezedOptions_exports, {
 module.exports = __toCommonJS(withFreezedOptions_exports);
 function withFreezedOptions(BaseClass) {
   return class extends BaseClass {
-    constructor() {
-      super(...arguments);
-      __publicField(this, "__freezedOptions");
-    }
+    __freezedOptions;
     get $options() {
       Object.defineProperty(this, "__freezedOptions", {
         value: Object.freeze({ ...super.$options }),

package/decorators/withFreezedOptions.js

@@ -1,15 +1,6 @@
-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 withFreezedOptions(BaseClass) {
   return class extends BaseClass {
-    constructor() {
-      super(...arguments);
-      __publicField(this, "__freezedOptions");
-    }
+    __freezedOptions;
     get $options() {
       Object.defineProperty(this, "__freezedOptions", {
         value: Object.freeze({ ...super.$options }),

package/decorators/withIntersectionObserver.cjs

@@ -2,7 +2,6 @@ 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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,10 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 
 // packages/js-toolkit/decorators/withIntersectionObserver.js
 var withIntersectionObserver_exports = {};
@@ -31,8 +26,16 @@ 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 {
+  return class extends BaseClass {
+    static config = {
+      ...BaseClass.config,
+      name: `${BaseClass.config.name}WithIntersectionObserver`,
+      options: {
+        ...BaseClass.config?.options || {},
+        intersectionObserver: Object
+      },
+      emits: ["intersected"]
+    };
     constructor(element) {
       super(element);
       this.$observer = new IntersectionObserver((entries) => {
@@ -48,14 +51,6 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
         this.$observer.unobserve(this.$el);
       });
     }
-  }, __publicField(_b, "config", {
-    ...BaseClass.config,
-    name: `${BaseClass.config.name}WithIntersectionObserver`,
-    options: {
-      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
-      intersectionObserver: Object
-    },
-    emits: ["intersected"]
-  }), _b;
+  };
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withIntersectionObserver.js

@@ -1,15 +1,17 @@
-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) }) {
-  var _a, _b;
-  return _b = class extends BaseClass {
+  return class extends BaseClass {
+    static config = {
+      ...BaseClass.config,
+      name: `${BaseClass.config.name}WithIntersectionObserver`,
+      options: {
+        ...BaseClass.config?.options || {},
+        intersectionObserver: Object
+      },
+      emits: ["intersected"]
+    };
     constructor(element) {
       super(element);
       this.$observer = new IntersectionObserver((entries) => {
@@ -25,15 +27,7 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
         this.$observer.unobserve(this.$el);
       });
     }
-  }, __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,7 +2,6 @@ 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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,10 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 
 // packages/js-toolkit/decorators/withMountWhenInView.js
 var withMountWhenInView_exports = {};
@@ -28,12 +23,19 @@ __export(withMountWhenInView_exports, {
 });
 module.exports = __toCommonJS(withMountWhenInView_exports);
 function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] }) {
-  var _a, _b;
-  return _b = class extends BaseClass {
+  return class extends BaseClass {
+    static config = {
+      ...BaseClass.config,
+      name: `${BaseClass.config.name}WithMountWhenInView`,
+      options: {
+        ...BaseClass.config?.options || {},
+        intersectionObserver: Object
+      }
+    };
+    __isVisible = false;
+    __observer;
     constructor(element) {
       super(element);
-      __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) {
@@ -56,13 +58,6 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
       }
       return this;
     }
-  }, __publicField(_b, "config", {
-    ...BaseClass.config,
-    name: `${BaseClass.config.name}WithMountWhenInView`,
-    options: {
-      ...((_a = BaseClass.config) == null ? void 0 : _a.options) || {},
-      intersectionObserver: Object
-    }
-  }), _b;
+  };
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withMountWhenInView.js

@@ -1,16 +1,17 @@
-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] }) {
-  var _a, _b;
-  return _b = class extends BaseClass {
+  return class extends BaseClass {
+    static config = {
+      ...BaseClass.config,
+      name: `${BaseClass.config.name}WithMountWhenInView`,
+      options: {
+        ...BaseClass.config?.options || {},
+        intersectionObserver: Object
+      }
+    };
+    __isVisible = false;
+    __observer;
     constructor(element) {
       super(element);
-      __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) {
@@ -33,14 +34,7 @@ function withMountWhenInView(BaseClass, defaultOptions = { threshold: [0, 1] })
       }
       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,7 +4,6 @@ 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) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -19,10 +18,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 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);
-  return value;
-};
 
 // packages/js-toolkit/decorators/withScrolledInView.js
 var withScrolledInView_exports = {};
@@ -34,34 +29,37 @@ var import_withMountWhenInView = __toESM(require("./withMountWhenInView.cjs"), 1
 var import_utils = require("../utils/index.cjs");
 var scheduler = (0, import_utils.useScheduler)(["update", "render"]);
 function withScrolledInView(BaseClass, options = {}) {
-  var _a;
-  return _a = class extends (0, import_withMountWhenInView.default)(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;
     constructor(element) {
       super(element);
-      __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);
       const delegate = {
         handleEvent(event) {
           delegate[event.type](event.detail[0]);
@@ -149,9 +147,6 @@ 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;
+  };
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withScrolledInView.js

@@ -1,41 +1,38 @@
-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 withMountWhenInView from "./withMountWhenInView.js";
 import { damp, clamp, clamp01, getOffsetSizes, isFunction, useScheduler } from "../utils/index.js";
 const scheduler = useScheduler(["update", "render"]);
 function withScrolledInView(BaseClass, options = {}) {
-  var _a;
-  return _a = class extends withMountWhenInView(BaseClass, options) {
+  return class extends withMountWhenInView(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;
     constructor(element) {
       super(element);
-      __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);
       const delegate = {
         handleEvent(event) {
           delegate[event.type](event.detail[0]);
@@ -123,10 +120,7 @@ function withScrolledInView(BaseClass, options = {}) {
       this.__props.dampedProgress.x = damp(xProgress, this.__props.dampedProgress.x);
       this.__props.dampedProgress.y = damp(yProgress, this.__props.dampedProgress.y);
     }
-  }, __publicField(_a, "config", {
-    name: `${BaseClass.config.name}WithMountWhenInView`,
-    emits: ["scrolledInView"]
-  }), _a;
+  };
 }
 export {
   withScrolledInView as default

package/decorators/withVue2.cjs

@@ -2,7 +2,6 @@ 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 __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,10 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 
 // packages/js-toolkit/decorators/withVue2.js
 var withVue2_exports = {};
@@ -27,19 +22,30 @@ __export(withVue2_exports, {
   default: () => withVue2_default
 });
 module.exports = __toCommonJS(withVue2_exports);
+var import_utils = require("../utils/index.cjs");
 var withVue2_default = (BaseClass, Vue) => {
-  var _a, _b, _c;
-  return _c = class extends BaseClass {
+  return class WithVue2 extends BaseClass {
+    static config = {
+      ...BaseClass.config,
+      name: `${BaseClass.config.name}WithVue`,
+      refs: [...BaseClass.config?.refs ?? [], "vue"]
+    };
+    $vue;
+    static vueConfig;
     constructor(element) {
-      var _a2;
       super(element);
-      __publicField(this, "$vue");
-      const vueConfig = (_a2 = this.vueConfig) != null ? _a2 : this.constructor.vueConfig;
+      const vueConfig = this.vueConfig ?? this.constructor.vueConfig;
       if (!vueConfig) {
-        throw new Error("[withVue] You must define a `vueConfig` object.");
+        if (import_utils.isDev) {
+          throw new Error("[withVue] You must define a `vueConfig` object.");
+        }
+        return;
       }
-      if (typeof vueConfig.render !== "function") {
-        throw new Error("[withVue] You must define a `render` function in vueConfig.");
+      if (!(0, import_utils.isFunction)(vueConfig.render)) {
+        if (import_utils.isDev) {
+          throw new Error("[withVue] You must define a `render` function in vueConfig.");
+        }
+        return;
       }
       this.$vue = new Vue(vueConfig);
       this.$on("mounted", () => {
@@ -52,10 +58,6 @@ var withVue2_default = (BaseClass, Vue) => {
         this.$vue.$destroy();
       });
     }
-  }, __publicField(_c, "config", {
-    ...BaseClass.config,
-    name: `${BaseClass.config.name}WithVue`,
-    refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
-  }), __publicField(_c, "vueConfig"), _c;
+  };
 };
 if (module.exports.default) module.exports = module.exports.default;