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

package/Base/types.d.ts

@@ -1,4 +1,5 @@
-import { KeyServiceProps, LoadServiceProps, PointerServiceProps, RafServiceProps, ResizeServiceProps, ScrollServiceProps } from '../services/index.js';
+import type { Base, BaseTypeParameter } from './index.js';
+import type { KeyServiceProps, LoadServiceProps, PointerServiceProps, RafServiceProps, ResizeServiceProps, ScrollServiceProps } from '../services/index.js';
 export interface BaseInterface {
     /**
      * Mounted hook.
@@ -41,3 +42,6 @@ export interface BaseInterface {
      */
     scrolled?(props: ScrollServiceProps): void;
 }
+export declare type BaseDecorator<S extends BaseInterface, T extends Base> = {
+    new <W extends BaseTypeParameter = BaseTypeParameter>(...args: unknown[]): S & T & Base<W>;
+} & Partial<Pick<T, keyof T>>;

package/decorators/index.cjs

@@ -1,13 +1,7 @@
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -17,36 +11,19 @@ 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
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/js-toolkit/decorators/index.ts
 var decorators_exports = {};
-__export(decorators_exports, {
-  withBreakpointManager: () => import_withBreakpointManager.default,
-  withBreakpointObserver: () => import_withBreakpointObserver.default,
-  withDrag: () => import_withDrag.default,
-  withExtraConfig: () => import_withExtraConfig.default,
-  withFreezedOptions: () => import_withFreezedOptions.default,
-  withIntersectionObserver: () => import_withIntersectionObserver.default,
-  withMountWhenInView: () => import_withMountWhenInView.default,
-  withResponsiveOptions: () => import_withResponsiveOptions.default,
-  withType: () => import_withType.default,
-  withVue2: () => import_withVue2.default
-});
 module.exports = __toCommonJS(decorators_exports);
-var import_withBreakpointManager = __toESM(require("./withBreakpointManager.cjs"), 1);
-var import_withBreakpointObserver = __toESM(require("./withBreakpointObserver.cjs"), 1);
-var import_withDrag = __toESM(require("./withDrag.cjs"), 1);
-var import_withExtraConfig = __toESM(require("./withExtraConfig.cjs"), 1);
-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);
+__reExport(decorators_exports, require("./withBreakpointManager.cjs"), module.exports);
+__reExport(decorators_exports, require("./withBreakpointObserver.cjs"), module.exports);
+__reExport(decorators_exports, require("./withDrag.cjs"), module.exports);
+__reExport(decorators_exports, require("./withExtraConfig.cjs"), module.exports);
+__reExport(decorators_exports, require("./withFreezedOptions.cjs"), module.exports);
+__reExport(decorators_exports, require("./withIntersectionObserver.cjs"), module.exports);
+__reExport(decorators_exports, require("./withMountWhenInView.cjs"), module.exports);
+__reExport(decorators_exports, require("./withResponsiveOptions.cjs"), module.exports);
 __reExport(decorators_exports, require("./withScrolledInView.cjs"), module.exports);
-var import_withType = __toESM(require("./withType.cjs"), 1);
-var import_withVue2 = __toESM(require("./withVue2.cjs"), 1);
+__reExport(decorators_exports, require("./withVue2.cjs"), module.exports);
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/index.d.ts

@@ -1,11 +1,10 @@
-export { default as withBreakpointManager } from './withBreakpointManager.js';
-export { default as withBreakpointObserver } from './withBreakpointObserver.js';
-export { default as withDrag } from './withDrag.js';
-export { default as withExtraConfig } from './withExtraConfig.js';
-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 * from './withBreakpointManager.js';
+export * from './withBreakpointObserver.js';
+export * from './withDrag.js';
+export * from './withExtraConfig.js';
+export * from './withFreezedOptions.js';
+export * from './withIntersectionObserver.js';
+export * from './withMountWhenInView.js';
+export * from './withResponsiveOptions.js';
 export * from './withScrolledInView.js';
-export { default as withType } from './withType.js';
-export { default as withVue2 } from './withVue2.js';
+export * from './withVue2.js';

package/decorators/index.js

@@ -1,23 +1,10 @@
-import { default as default2 } from "./withBreakpointManager.js";
-import { default as default3 } from "./withBreakpointObserver.js";
-import { default as default4 } from "./withDrag.js";
-import { default as default5 } from "./withExtraConfig.js";
-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";
+export * from "./withBreakpointManager.js";
+export * from "./withBreakpointObserver.js";
+export * from "./withDrag.js";
+export * from "./withExtraConfig.js";
+export * from "./withFreezedOptions.js";
+export * from "./withIntersectionObserver.js";
+export * from "./withMountWhenInView.js";
+export * from "./withResponsiveOptions.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,
-  default4 as withDrag,
-  default5 as withExtraConfig,
-  default6 as withFreezedOptions,
-  default7 as withIntersectionObserver,
-  default8 as withMountWhenInView,
-  default9 as withResponsiveOptions,
-  default10 as withType,
-  default11 as withVue2
-};
+export * from "./withVue2.js";

package/decorators/withBreakpointManager.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 __export = (target, all) => {
   for (var name in all)
@@ -16,22 +14,18 @@ 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);
 
 // packages/js-toolkit/decorators/withBreakpointManager.ts
 var withBreakpointManager_exports = {};
 __export(withBreakpointManager_exports, {
-  default: () => withBreakpointManager
+  withBreakpointManager: () => withBreakpointManager
 });
 module.exports = __toCommonJS(withBreakpointManager_exports);
-var import_resize = __toESM(require("../services/resize.cjs"), 1);
+var import_services = require("../services/index.cjs");
 var import_utils = require("../utils/index.cjs");
 function testBreakpoints(breakpoints) {
-  const { breakpoint } = (0, import_resize.default)().props();
+  const { breakpoint } = (0, import_services.useResize)().props();
   breakpoints.forEach(([breakpointKeys, instance]) => {
     if (breakpointKeys.includes(breakpoint) && !instance.$isMounted) {
       setTimeout(() => instance.$mount(), 0);
@@ -44,7 +38,7 @@ function mountComponents(instance, breakpoints) {
   return breakpoints.map(([bk, ComponentClass]) => {
     const child = new ComponentClass(instance.$el);
     Object.defineProperty(child, "$parent", { get: () => instance.$parent });
-    return [bk, child];
+    return [bk.split(" "), child];
   });
 }
 var instances = /* @__PURE__ */ new WeakMap();
@@ -61,10 +55,10 @@ function withBreakpointManager(BaseClass, breakpoints) {
     }
     return BaseClass;
   }
-  const { add, props } = (0, import_resize.default)();
+  const { add, props } = (0, import_services.useResize)();
   if (!props().breakpoint) {
     if (import_utils.isDev) {
-      throw new Error(`The \`BreakpointManager\` class requires breakpoints to be defined.`);
+      throw new Error("The `BreakpointManager` class requires breakpoints to be defined.");
     }
     return BaseClass;
   }

package/decorators/withBreakpointManager.d.ts

@@ -1,5 +1,6 @@
-import type { Base, BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+import type { BaseDecorator, BaseInterface } from '../Base/types.js';
+import type { Base, BaseConstructor } from '../Base/index.js';
 /**
  * BreakpointManager class.
  */
-export default function withBreakpointManager<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S, breakpoints: Array<[string, BaseConstructor<Base>]>): S;
+export declare function withBreakpointManager<S extends Base>(BaseClass: typeof Base, breakpoints: Array<[string, BaseConstructor<Base>]>): BaseDecorator<BaseInterface, S>;

package/decorators/withBreakpointManager.js

@@ -1,4 +1,4 @@
-import useResize from "../services/resize.js";
+import { useResize } from "../services/index.js";
 import { isDev, isArray } from "../utils/index.js";
 function testBreakpoints(breakpoints) {
   const { breakpoint } = useResize().props();
@@ -14,7 +14,7 @@ function mountComponents(instance, breakpoints) {
   return breakpoints.map(([bk, ComponentClass]) => {
     const child = new ComponentClass(instance.$el);
     Object.defineProperty(child, "$parent", { get: () => instance.$parent });
-    return [bk, child];
+    return [bk.split(" "), child];
   });
 }
 const instances = /* @__PURE__ */ new WeakMap();
@@ -34,7 +34,7 @@ function withBreakpointManager(BaseClass, breakpoints) {
   const { add, props } = useResize();
   if (!props().breakpoint) {
     if (isDev) {
-      throw new Error(`The \`BreakpointManager\` class requires breakpoints to be defined.`);
+      throw new Error("The `BreakpointManager` class requires breakpoints to be defined.");
     }
     return BaseClass;
   }
@@ -65,5 +65,5 @@ function withBreakpointManager(BaseClass, breakpoints) {
   return WithBreakpointManager;
 }
 export {
-  withBreakpointManager as default
+  withBreakpointManager
 };

package/decorators/withBreakpointObserver.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);
@@ -30,12 +24,12 @@ var __publicField = (obj, key, value) => {
 // packages/js-toolkit/decorators/withBreakpointObserver.ts
 var withBreakpointObserver_exports = {};
 __export(withBreakpointObserver_exports, {
-  default: () => withBreakpointObserver
+  withBreakpointObserver: () => withBreakpointObserver
 });
 module.exports = __toCommonJS(withBreakpointObserver_exports);
-var import_resize = __toESM(require("../services/resize.cjs"), 1);
+var import_services = require("../services/index.cjs");
 var import_utils = require("../utils/index.cjs");
-function testBreakpoints(instance, breakpoint = (0, import_resize.default)().props().breakpoint) {
+function testBreakpoints(instance, breakpoint = (0, import_services.useResize)().props().breakpoint) {
   const { activeBreakpoints, inactiveBreakpoints } = instance.$options;
   const isInActiveBreakpoint = activeBreakpoints && activeBreakpoints.split(" ").includes(breakpoint);
   const isInInactiveBreakpoint = inactiveBreakpoints && inactiveBreakpoints.split(" ").includes(breakpoint);
@@ -60,7 +54,7 @@ function addToResize(key, instance) {
   if (import_utils.isDev) {
     testConflictingBreakpointConfiguration(instance);
   }
-  const { add, has } = (0, import_resize.default)();
+  const { add, has } = (0, import_services.useResize)();
   if (!has(key)) {
     add(key, ({ breakpoint }) => {
       const action = testBreakpoints(instance, breakpoint);
@@ -77,7 +71,7 @@ function withBreakpointObserver(BaseClass) {
   class WithBreakpointObserver extends BaseClass {
     constructor(element) {
       super(element);
-      const { remove, props } = (0, import_resize.default)();
+      const { remove, props } = (0, import_services.useResize)();
       const { name } = this.$options;
       if (!props().breakpoint) {
         if (import_utils.isDev) {

package/decorators/withBreakpointObserver.d.ts

@@ -1,120 +1,15 @@
-import type { Base, BaseConstructor, BaseTypeParameter } from '../Base/index.js';
-interface WithBreakpointObserverInterface {
+import type { BaseDecorator, BaseInterface } from '../Base/types.js';
+import type { Base, BaseTypeParameter } from '../Base/index.js';
+export interface WithBreakpointObserverTypeParameter extends BaseTypeParameter {
     $options: {
         activeBreakpoints?: string;
         inactiveBreakpoints?: string;
     };
 }
+export interface WithBreakpointObserverInterface extends BaseInterface {
+    $mount(): this;
+}
 /**
  * BreakpointObserver class.
  */
-export default function withBreakpointObserver<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S): {
-    new (...args: any[]): {
-        /**
-         * Override the default $mount method to prevent component's from being
-         * mounted when they should not.
-         *
-         * @returns {this}
-         */
-        $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: 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;
-        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;
-    };
-    prototype: Base<BaseTypeParameter>;
-} & Pick<typeof Base, "prototype" | "$isBase" | "config" | "$factory"> & Pick<{
-    new (element: any): {
-        /**
-         * Override the default $mount method to prevent component's from being
-         * mounted when they should not.
-         *
-         * @returns {this}
-         */
-        $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: 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;
-        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: {
-        name: string;
-        options: {
-            activeBreakpoints: StringConstructor;
-            inactiveBreakpoints: StringConstructor;
-        };
-        debug?: boolean;
-        log?: boolean;
-        refs?: string[];
-        emits?: string[];
-        components?: import("../Base/index.js").BaseConfigComponents;
-    };
-    readonly $isBase: true;
-    $factory: typeof Base.$factory;
-} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
-    new (...args: any[]): Base<T & WithBreakpointObserverInterface>;
-    prototype: Base<BaseTypeParameter>;
-};
-export {};
+export declare function withBreakpointObserver<S extends Base>(BaseClass: typeof Base): BaseDecorator<WithBreakpointObserverInterface, S>;

package/decorators/withBreakpointObserver.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import useResize from "../services/resize.js";
+import { useResize } from "../services/index.js";
 import { isDev } from "../utils/index.js";
 function testBreakpoints(instance, breakpoint = useResize().props().breakpoint) {
   const { activeBreakpoints, inactiveBreakpoints } = instance.$options;
@@ -98,5 +98,5 @@ function withBreakpointObserver(BaseClass) {
   return WithBreakpointObserver;
 }
 export {
-  withBreakpointObserver as default
+  withBreakpointObserver
 };

package/decorators/withDrag.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);
@@ -30,18 +24,18 @@ var __publicField = (obj, key, value) => {
 // packages/js-toolkit/decorators/withDrag.ts
 var withDrag_exports = {};
 __export(withDrag_exports, {
-  default: () => withDrag
+  withDrag: () => withDrag
 });
 module.exports = __toCommonJS(withDrag_exports);
-var import_drag = __toESM(require("../services/drag.cjs"), 1);
+var import_services = require("../services/index.cjs");
 function withDrag(BaseClass, { target = (instance) => instance.$el, ...options } = {}) {
   class WithDrag extends BaseClass {
-    constructor(el) {
-      super(el);
+    constructor(element) {
+      super(element);
       this.$on("mounted", () => {
         this.$services.register(
           "dragged",
-          import_drag.default.bind(void 0, target.call(this, this), options)
+          import_services.useDrag.bind(void 0, target.call(this, this), options)
         );
         this.$services.enable("dragged");
       });

package/decorators/withDrag.d.ts

@@ -1,98 +1,13 @@
-import type { Base, BaseTypeParameter, BaseConstructor } from '../Base/index.js';
-import type { DragServiceOptions } from '../services/drag.js';
-declare type DragDecoratorOptions = DragServiceOptions & {
+import type { BaseDecorator, BaseInterface } from '../Base/types.js';
+import type { Base } from '../Base/index.js';
+import type { DragServiceOptions, DragServiceProps } from '../services/drag.js';
+export declare type DragDecoratorOptions = DragServiceOptions & {
     target?: (this: Base, instance: Base) => HTMLElement;
 };
+export interface WithDragInterfacd extends BaseInterface {
+    dragged?(props: DragServiceProps): void;
+}
 /**
  * Add dragging capabilities to a component.
  */
-export default function withDrag<S extends BaseConstructor<Base>, T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: S, { target, ...options }?: DragDecoratorOptions): {
-    new (...args: 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: 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;
-        readonly __managers: import("../Base/index.js").Managers;
-        __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 (el: 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: 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;
-        readonly __managers: import("../Base/index.js").Managers;
-        __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;
-    };
-    config: {
-        name: string;
-        emits: string[];
-    };
-    readonly $isBase: true;
-    $factory: typeof Base.$factory;
-} & S, "prototype" | "$isBase" | "config" | "$factory" | keyof S> & S & {
-    new (...args: any[]): Base<T>;
-    prototype: Base<BaseTypeParameter>;
-};
-export {};
+export declare function withDrag<S extends Base>(BaseClass: typeof Base, { target, ...options }?: DragDecoratorOptions): BaseDecorator<BaseInterface, S>;

package/decorators/withDrag.js

@@ -4,11 +4,11 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import useDrag from "../services/drag.js";
+import { useDrag } from "../services/index.js";
 function withDrag(BaseClass, { target = (instance) => instance.$el, ...options } = {}) {
   class WithDrag extends BaseClass {
-    constructor(el) {
-      super(el);
+    constructor(element) {
+      super(element);
       this.$on("mounted", () => {
         this.$services.register(
           "dragged",
@@ -29,5 +29,5 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
   return WithDrag;
 }
 export {
-  withDrag as default
+  withDrag
 };

package/decorators/withExtraConfig.cjs

@@ -30,7 +30,7 @@ var __publicField = (obj, key, value) => {
 // packages/js-toolkit/decorators/withExtraConfig.ts
 var withExtraConfig_exports = {};
 __export(withExtraConfig_exports, {
-  default: () => withExtraConfig
+  withExtraConfig: () => withExtraConfig
 });
 module.exports = __toCommonJS(withExtraConfig_exports);
 var import_deepmerge = __toESM(require("deepmerge"), 1);