@studiometa/js-toolkit 2.4.2 → 2.4.4-alpha.1

package/decorators/withMountWhenInView.cjs

@@ -21,7 +21,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withMountWhenInView.js
+// packages/js-toolkit/decorators/withMountWhenInView.ts
 var withMountWhenInView_exports = {};
 __export(withMountWhenInView_exports, {
   default: () => withMountWhenInView

package/decorators/withMountWhenInView.d.ts

@@ -1,33 +1,95 @@
-/**
- * @typedef {import('../Base').default} Base
- * @typedef {import('../Base').BaseOptions} BaseOptions
- * @typedef {import('../Base').BaseConstructor} BaseConstructor
- */
-/**
- * @typedef {Object} WithMountWhenInViewOptions
- * @property {IntersectionObserverInit} intersectionObserver
- */
-/**
- * @typedef {Object} WithMountWhenInViewInterface
- * @property {() => void} terminated
- * @property {WithMountWhenInViewOptions & BaseOptions} $options
- */
+import type { BaseTypeParameter, BaseConfig } from '../Base/index.js';
+import Base from '../Base/index.js';
+declare type WithMountWhenInViewInterface = {
+    $options: {
+        intersectionObserver: IntersectionObserverInit;
+    };
+};
 /**
  * IntersectionObserver decoration.
- *
- * @template {BaseConstructor} T
- * @param {T} BaseClass The Base class to extend.
- * @param {IntersectionObserverInit} [defaultOptions] The options for the IntersectionObserver instance.
- * @returns {T}
  */
-export default function withMountWhenInView<T extends typeof import("../Base").default>(BaseClass: T, defaultOptions?: IntersectionObserverInit): T;
-export type Base = import("../Base").default<any>;
-export type BaseOptions = import('../Base').BaseOptions;
-export type BaseConstructor = import('../Base').BaseConstructor;
-export type WithMountWhenInViewOptions = {
-    intersectionObserver: IntersectionObserverInit;
-};
-export type WithMountWhenInViewInterface = {
-    terminated: () => void;
-    $options: WithMountWhenInViewOptions & BaseOptions;
+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<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: Base<any> | Promise<Base<any>>;
+            };
+        }>;
+        $id: string;
+        $el: (WithMountWhenInViewInterface & T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof Base, Base<{
+                $el: HTMLElement;
+                $options: import("../Base/index.js").BaseOptions;
+                $refs: import("../Base/index.js").BaseRefs;
+                $children: {
+                    [name: string]: Base<any> | Promise<Base<any>>;
+                };
+            }> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: Base<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: Base<any> | Promise<Base<any>>;
+            };
+        }>;
+        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: any[]): any;
+        __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: any[]): 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: boolean;
+    $factory(nameOrSelector: string): Base<{
+        $el: HTMLElement;
+        $options: import("../Base/index.js").BaseOptions;
+        $refs: import("../Base/index.js").BaseRefs;
+        $children: {
+            [name: string]: Base<any> | Promise<Base<any>>;
+        };
+    }>[];
 };
+export {};

package/decorators/withResponsiveOptions.cjs

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/js-toolkit/decorators/withResponsiveOptions.js
+// packages/js-toolkit/decorators/withResponsiveOptions.ts
 var withResponsiveOptions_exports = {};
 __export(withResponsiveOptions_exports, {
   default: () => withResponsiveOptions
@@ -30,7 +30,7 @@ __export(withResponsiveOptions_exports, {
 module.exports = __toCommonJS(withResponsiveOptions_exports);
 var import_ResponsiveOptionsManager = __toESM(require("../Base/managers/ResponsiveOptionsManager.cjs"), 1);
 function withResponsiveOptions(BaseClass) {
-  return class extends BaseClass {
+  return class WithResponsiveOptions extends BaseClass {
     get __managers() {
       return {
         ...super.__managers,

package/decorators/withResponsiveOptions.d.ts

@@ -1,8 +1,81 @@
+import type { BaseTypeParameter, BaseConstructor, Managers } from '../Base/index.js';
+import ResponsiveOptionsManager from '../Base/managers/ResponsiveOptionsManager.js';
 /**
  * Extends the configuration of an existing class.
- *
- * @template {import('../Base').BaseConstructor} T
- * @param {T} BaseClass The Base class to extend.
- * @returns {T}
  */
-export default function withResponsiveOptions<T extends typeof import("../Base").default>(BaseClass: T): T;
+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<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+            };
+        }>;
+        $id: string;
+        $el: (U & T)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<{
+                $el: HTMLElement;
+                $options: import("../Base/index.js").BaseOptions;
+                $refs: import("../Base/index.js").BaseRefs;
+                $children: {
+                    [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+                };
+            }> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: import("../Base/index.js").default<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+            };
+        }>;
+        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: any[]): any;
+        __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: any[]): 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: boolean;
+    config: import("../Base/index.js").BaseConfig;
+    $factory(nameOrSelector: string): import("../Base/index.js").default<{
+        $el: HTMLElement;
+        $options: import("../Base/index.js").BaseOptions;
+        $refs: import("../Base/index.js").BaseRefs;
+        $children: {
+            [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+        };
+    }>[];
+};

package/decorators/withResponsiveOptions.js

@@ -1,6 +1,6 @@
 import ResponsiveOptionsManager from "../Base/managers/ResponsiveOptionsManager.js";
 function withResponsiveOptions(BaseClass) {
-  return class extends BaseClass {
+  return class WithResponsiveOptions extends BaseClass {
     get __managers() {
       return {
         ...super.__managers,

package/decorators/withScrolledInView.cjs

@@ -27,7 +27,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withScrolledInView.js
+// packages/js-toolkit/decorators/withScrolledInView.ts
 var withScrolledInView_exports = {};
 __export(withScrolledInView_exports, {
   default: () => withScrolledInView
@@ -57,7 +57,8 @@ function updateProps(props, dampFactor, dampPrecision, axis = "x") {
 }
 function withScrolledInView(BaseClass, options = {}) {
   var _a;
-  return _a = class extends (0, import_withMountWhenInView.default)(BaseClass, options) {
+  const WithMountWhenInView = (0, import_withMountWhenInView.default)(BaseClass, options);
+  return _a = class extends WithMountWhenInView {
     constructor(element) {
       super(element);
       __publicField(this, "__props", {
@@ -139,24 +140,29 @@ function withScrolledInView(BaseClass, options = {}) {
       });
     }
     mounted() {
-      if ((0, import_utils.isFunction)(super.mounted))
+      if ((0, import_utils.isFunction)(super.mounted)) {
         super.mounted();
+      }
     }
     resized(props) {
-      if ((0, import_utils.isFunction)(super.resized))
+      if ((0, import_utils.isFunction)(super.resized)) {
         super.resized(props);
+      }
     }
     scrolled(props) {
-      if ((0, import_utils.isFunction)(super.scrolled))
+      if ((0, import_utils.isFunction)(super.scrolled)) {
         super.scrolled(props);
+      }
     }
     ticked(props) {
-      if ((0, import_utils.isFunction)(super.ticked))
+      if ((0, import_utils.isFunction)(super.ticked)) {
         super.ticked(props);
+      }
     }
     destroyed() {
-      if ((0, import_utils.isFunction)(super.destroyed))
+      if ((0, import_utils.isFunction)(super.destroyed)) {
         super.destroyed();
+      }
     }
     __setProps() {
       const sizes = options.useOffsetSizes ? (0, import_utils.getOffsetSizes)(this.$el) : this.$el.getBoundingClientRect();

package/decorators/withScrolledInView.d.ts

@@ -1,18 +1,5 @@
-/**
- * Add scrolled in view capabilities to a component.
- *
- * @template {BaseConstructor} T
- * @param {T} BaseClass
- * @param {IntersectionObserverInit & { useOffsetSizes?: boolean }} options
- * @returns {T}
- */
-export default function withScrolledInView<T extends typeof import("../Base").default>(BaseClass: T, options?: IntersectionObserverInit & {
-    useOffsetSizes?: boolean;
-}): T;
-export type Base = import("../Base").default<any>;
-export type BaseConstructor = import('../Base').BaseConstructor;
-export type BaseConfig = import('../Base').BaseConfig;
-export type ScrollInViewProps = {
+import type { BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/index.js';
+declare type ScrollInViewProps = {
     start: {
         x: number;
         y: number;
@@ -38,3 +25,174 @@ export type ScrollInViewProps = {
         y: number;
     };
 };
+declare type withScrolledInViewOptions = IntersectionObserverInit & {
+    useOffsetSizes?: boolean;
+};
+/**
+ * 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<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+            };
+        }>;
+        $id: string;
+        $el: ({
+            $options: {
+                intersectionObserver: IntersectionObserverInit;
+            };
+        } & T & U)["$el"] & HTMLElement & {
+            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<{
+                $el: HTMLElement;
+                $options: import("../Base/index.js").BaseOptions;
+                $refs: import("../Base/index.js").BaseRefs;
+                $children: {
+                    [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+                };
+            }> | "terminated">;
+        };
+        $isMounted: boolean;
+        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
+        readonly $root: import("../Base/index.js").default<{
+            $el: HTMLElement;
+            $options: import("../Base/index.js").BaseOptions;
+            $refs: import("../Base/index.js").BaseRefs;
+            $children: {
+                [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+            };
+        }>;
+        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; /**
+         * Set the decorator props.
+         *
+         * @returns {void}
+         */
+        __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;
+        readonly $log: (...args: any) => void;
+        readonly __debug: (...args: any) => void;
+        readonly __managers: import("../Base/index.js").Managers;
+        __callMethod(method: string, ...args: any[]): any;
+        __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: any[]): 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: boolean;
+    $factory(nameOrSelector: string): import("../Base/index.js").default<{
+        $el: HTMLElement;
+        $options: import("../Base/index.js").BaseOptions;
+        $refs: import("../Base/index.js").BaseRefs;
+        $children: {
+            [name: string]: import("../Base/index.js").default<any> | Promise<import("../Base/index.js").default<any>>;
+        };
+    }>[];
+};
+export {};

package/decorators/withScrolledInView.js

@@ -28,7 +28,8 @@ function updateProps(props, dampFactor, dampPrecision, axis = "x") {
 }
 function withScrolledInView(BaseClass, options = {}) {
   var _a;
-  return _a = class extends withMountWhenInView(BaseClass, options) {
+  const WithMountWhenInView = withMountWhenInView(BaseClass, options);
+  return _a = class extends WithMountWhenInView {
     constructor(element) {
       super(element);
       __publicField(this, "__props", {
@@ -110,24 +111,29 @@ function withScrolledInView(BaseClass, options = {}) {
       });
     }
     mounted() {
-      if (isFunction(super.mounted))
+      if (isFunction(super.mounted)) {
         super.mounted();
+      }
     }
     resized(props) {
-      if (isFunction(super.resized))
+      if (isFunction(super.resized)) {
         super.resized(props);
+      }
     }
     scrolled(props) {
-      if (isFunction(super.scrolled))
+      if (isFunction(super.scrolled)) {
         super.scrolled(props);
+      }
     }
     ticked(props) {
-      if (isFunction(super.ticked))
+      if (isFunction(super.ticked)) {
         super.ticked(props);
+      }
     }
     destroyed() {
-      if (isFunction(super.destroyed))
+      if (isFunction(super.destroyed)) {
         super.destroyed();
+      }
     }
     __setProps() {
       const sizes = options.useOffsetSizes ? getOffsetSizes(this.$el) : this.$el.getBoundingClientRect();

package/decorators/withVue2.cjs

@@ -21,14 +21,14 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// packages/js-toolkit/decorators/withVue2.js
+// packages/js-toolkit/decorators/withVue2.ts
 var withVue2_exports = {};
 __export(withVue2_exports, {
-  default: () => withVue2_default
+  default: () => withVue2
 });
 module.exports = __toCommonJS(withVue2_exports);
 var import_utils = require("../utils/index.cjs");
-var withVue2_default = (BaseClass, Vue) => {
+function withVue2(BaseClass, VueCtor) {
   var _a, _b, _c;
   return _c = class extends BaseClass {
     constructor(element) {
@@ -48,7 +48,7 @@ var withVue2_default = (BaseClass, Vue) => {
         }
         return;
       }
-      this.$vue = new Vue(vueConfig);
+      this.$vue = new VueCtor(vueConfig);
       this.$on("mounted", () => {
         if (!(this.$refs.vue instanceof HTMLElement)) {
           throw new Error("[withVue] The `vue` refs must be a single HTMLElement.");
@@ -64,5 +64,5 @@ var withVue2_default = (BaseClass, Vue) => {
     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;