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

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,11 +34,11 @@ 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;
   }
-  return class WithBreakpointManager extends BaseClass {
+  class WithBreakpointManager extends BaseClass {
     constructor(element) {
       super(element);
       if (!instances.has(this)) {
@@ -61,8 +61,9 @@ function withBreakpointManager(BaseClass, breakpoints) {
       }
       return super.$destroy();
     }
-  };
+  }
+  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);
@@ -73,11 +67,11 @@ function addToResize(key, instance) {
   }
 }
 function withBreakpointObserver(BaseClass) {
-  var _a, _b;
-  return _b = class extends BaseClass {
+  var _a;
+  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) {
@@ -114,7 +108,8 @@ function withBreakpointObserver(BaseClass) {
       }
       return this;
     }
-  }, __publicField(_b, "config", {
+  }
+  __publicField(WithBreakpointObserver, "config", {
     ...BaseClass.config,
     name: `${BaseClass.config.name}WithBreakpointObserver`,
     options: {
@@ -122,6 +117,7 @@ function withBreakpointObserver(BaseClass) {
       activeBreakpoints: String,
       inactiveBreakpoints: String
     }
-  }), _b;
+  });
+  return WithBreakpointObserver;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withBreakpointObserver.d.ts

@@ -1,65 +1,15 @@
-import type Base from '../Base/index.js';
-import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+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<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor): {
-    new <U extends BaseTypeParameter = BaseTypeParameter>(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: (T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof Base, 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 & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        readonly $refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        __options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        readonly $options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        __children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
-        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (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: unknown[]): unknown;
-        __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: 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(nameOrSelector: string): Base<BaseTypeParameter>[];
-};
+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;
@@ -44,8 +44,8 @@ function addToResize(key, instance) {
   }
 }
 function withBreakpointObserver(BaseClass) {
-  var _a, _b;
-  return _b = class extends BaseClass {
+  var _a;
+  class WithBreakpointObserver extends BaseClass {
     constructor(element) {
       super(element);
       const { remove, props } = useResize();
@@ -85,7 +85,8 @@ function withBreakpointObserver(BaseClass) {
       }
       return this;
     }
-  }, __publicField(_b, "config", {
+  }
+  __publicField(WithBreakpointObserver, "config", {
     ...BaseClass.config,
     name: `${BaseClass.config.name}WithBreakpointObserver`,
     options: {
@@ -93,8 +94,9 @@ function withBreakpointObserver(BaseClass) {
       activeBreakpoints: String,
       inactiveBreakpoints: String
     }
-  }), _b;
+  });
+  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,19 +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 } = {}) {
-  var _a;
-  return _a = class extends BaseClass {
-    constructor(el) {
-      super(el);
+  class WithDrag extends BaseClass {
+    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");
       });
@@ -51,9 +44,11 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
         this.$services.unregister("dragged");
       });
     }
-  }, __publicField(_a, "config", {
+  }
+  __publicField(WithDrag, "config", {
     name: `${BaseClass.config.name}WithDrag`,
     emits: ["dragged"]
-  }), _a;
+  });
+  return WithDrag;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withDrag.d.ts

@@ -1,56 +1,13 @@
-import type Base from '../Base/index.js';
-import type { 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<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor, { target, ...options }?: DragDecoratorOptions): {
-    new <U extends BaseTypeParameter = BaseTypeParameter>(el: any): {
-        $parent: Base<BaseTypeParameter>;
-        $id: string;
-        $el: (T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof Base, 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 & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        readonly $refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        __options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        readonly $options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        __children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
-        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (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: unknown[]): unknown;
-        __hasEvent(event: string): boolean;
-        $mount(): any;
-        $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: 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(nameOrSelector: string): Base<BaseTypeParameter>[];
-};
-export {};
+export declare function withDrag<S extends Base>(BaseClass: typeof Base, { target, ...options }?: DragDecoratorOptions): BaseDecorator<BaseInterface, S>;

package/decorators/withDrag.js

@@ -4,12 +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 } = {}) {
-  var _a;
-  return _a = class extends BaseClass {
-    constructor(el) {
-      super(el);
+  class WithDrag extends BaseClass {
+    constructor(element) {
+      super(element);
       this.$on("mounted", () => {
         this.$services.register(
           "dragged",
@@ -22,11 +21,13 @@ function withDrag(BaseClass, { target = (instance) => instance.$el, ...options }
         this.$services.unregister("dragged");
       });
     }
-  }, __publicField(_a, "config", {
+  }
+  __publicField(WithDrag, "config", {
     name: `${BaseClass.config.name}WithDrag`,
     emits: ["dragged"]
-  }), _a;
+  });
+  return WithDrag;
 }
 export {
-  withDrag as default
+  withDrag
 };

package/decorators/withExtraConfig.cjs

@@ -30,17 +30,18 @@ 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);
 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;
+  class WithExtraConfig extends BaseClass {
+  }
+  __publicField(WithExtraConfig, "config", newConfig);
+  return WithExtraConfig;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withExtraConfig.d.ts

@@ -1,57 +1,7 @@
 import type { Options as DeepmergeOptions } from 'deepmerge';
-import type { BaseTypeParameter, BaseConstructor, BaseConfig } from '../Base/index.js';
+import type { BaseDecorator, BaseInterface } from '../Base/types.js';
+import type { Base, BaseConfig } from '../Base/index.js';
 /**
  * Extends the configuration of an existing class.
- *
- * @template {BaseConstructor} T
- * @param {T} BaseClass The Base class to extend.
- * @param {Partial<BaseConfig>} config Extra configuration to merge.
- * @param {DeepmergeOptions} options Options for the `deepmerge` function. {@link https://github.com/TehShrike/deepmerge#options}
  */
-export default function withExtraConfig<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor, config: Partial<BaseConfig>, options?: DeepmergeOptions): {
-    new <U extends BaseTypeParameter = BaseTypeParameter>(element: HTMLElement): {
-        $parent: import("../Base/index.js").default<BaseTypeParameter>;
-        $id: string;
-        $el: (T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
-        };
-        $isMounted: boolean;
-        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
-        readonly $root: import("../Base/index.js").default<BaseTypeParameter>;
-        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 & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        readonly $refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        __options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        readonly $options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        __children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
-        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (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: unknown[]): unknown;
-        __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: unknown[]): void;
-        addEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        dispatchEvent(event: Event): boolean;
-        removeEventListener(type: string, callback: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    };
-    /**
-     * Class config.
-     * @type {BaseConfig}
-     */
-    config: BaseConfig;
-    readonly $isBase: true;
-    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
-};
+export declare function withExtraConfig<S extends Base>(BaseClass: typeof Base, config: Partial<BaseConfig>, options?: DeepmergeOptions): BaseDecorator<BaseInterface, S>;

package/decorators/withExtraConfig.js

@@ -6,14 +6,15 @@ var __publicField = (obj, key, 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;
+  class WithExtraConfig extends BaseClass {
+  }
+  __publicField(WithExtraConfig, "config", newConfig);
+  return WithExtraConfig;
 }
 export {
-  withExtraConfig as default
+  withExtraConfig
 };

package/decorators/withFreezedOptions.cjs

@@ -24,11 +24,11 @@ var __publicField = (obj, key, value) => {
 // packages/js-toolkit/decorators/withFreezedOptions.ts
 var withFreezedOptions_exports = {};
 __export(withFreezedOptions_exports, {
-  default: () => withFreezedOptions
+  withFreezedOptions: () => withFreezedOptions
 });
 module.exports = __toCommonJS(withFreezedOptions_exports);
 function withFreezedOptions(BaseClass) {
-  return class WithFreezedOptions extends BaseClass {
+  class WithFreezedOptions extends BaseClass {
     constructor() {
       super(...arguments);
       __publicField(this, "__freezedOptions");
@@ -43,6 +43,7 @@ function withFreezedOptions(BaseClass) {
       }
       return this.__freezedOptions;
     }
-  };
+  }
+  return WithFreezedOptions;
 }
 if (module.exports.default) module.exports = module.exports.default;

package/decorators/withFreezedOptions.d.ts

@@ -1,56 +1,9 @@
-import type { BaseConstructor, BaseTypeParameter } from '../Base/index.js';
+import type { BaseDecorator, BaseInterface } from '../Base/types.js';
+import type { Base } from '../Base/index.js';
+export interface WithFreezedOptionsInterface extends BaseInterface {
+    readonly $options: this['$options'];
+}
 /**
  * Freeze the `$options` property to improve performance.
  */
-export default function withFreezedOptions<T extends BaseTypeParameter = BaseTypeParameter>(BaseClass: BaseConstructor): {
-    new <U extends BaseTypeParameter = BaseTypeParameter>(element: HTMLElement): {
-        /**
-         * Hold freezed options
-         * @private
-         */
-        __freezedOptions: any;
-        /**
-         * Lazyly freeze the `$options` property.
-         * @returns {Readonly<this['$options']>}
-         */
-        readonly $options: any;
-        $parent: import("../Base/index.js").default<BaseTypeParameter>;
-        $id: string;
-        $el: (T & U)["$el"] & HTMLElement & {
-            __base__?: WeakMap<typeof import("../Base/index.js").default, import("../Base/index.js").default<BaseTypeParameter> | "terminated">;
-        };
-        $isMounted: boolean;
-        __eventHandlers: Map<string, Set<EventListenerOrEventListenerObject>>;
-        readonly $root: import("../Base/index.js").default<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 & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        readonly $refs: import("../Base/managers/RefsManager.js").default & (T & U)["$refs"] & import("../Base/index.js").BaseRefs;
-        __options: import("../Base/managers/OptionsManager.js").default & (T & U)["$options"] & import("../Base/index.js").BaseOptions;
-        __children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_1 ? { [key in keyof T_1]: (T & U)["$children"][key][]; } : never) & import("../Base/index.js").BaseChildren;
-        readonly $children: import("../Base/managers/ChildrenManager.js").default & ((T & U)["$children"] extends infer T_2 ? { [key_1 in keyof T_2]: (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: unknown[]): unknown;
-        __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: unknown[]): 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: true;
-    config: import("../Base/index.js").BaseConfig;
-    $factory(nameOrSelector: string): import("../Base/index.js").default<BaseTypeParameter>[];
-};
+export declare function withFreezedOptions<S extends Base>(BaseClass: typeof Base): BaseDecorator<WithFreezedOptionsInterface, S>;

package/decorators/withFreezedOptions.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 function withFreezedOptions(BaseClass) {
-  return class WithFreezedOptions extends BaseClass {
+  class WithFreezedOptions extends BaseClass {
     constructor() {
       super(...arguments);
       __publicField(this, "__freezedOptions");
@@ -20,8 +20,9 @@ function withFreezedOptions(BaseClass) {
       }
       return this.__freezedOptions;
     }
-  };
+  }
+  return WithFreezedOptions;
 }
 export {
-  withFreezedOptions as default
+  withFreezedOptions
 };

package/decorators/withIntersectionObserver.cjs

@@ -24,15 +24,15 @@ var __publicField = (obj, key, value) => {
 // packages/js-toolkit/decorators/withIntersectionObserver.ts
 var withIntersectionObserver_exports = {};
 __export(withIntersectionObserver_exports, {
-  default: () => withIntersectionObserver
+  withIntersectionObserver: () => withIntersectionObserver
 });
 module.exports = __toCommonJS(withIntersectionObserver_exports);
 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 {
+  var _a;
+  class WithIntersectionObserver extends BaseClass {
     constructor(element) {
       super(element);
       __publicField(this, "$observer");
@@ -52,7 +52,8 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
         this.$observer.unobserve(this.$el);
       });
     }
-  }, __publicField(_b, "config", {
+  }
+  __publicField(WithIntersectionObserver, "config", {
     ...BaseClass.config,
     name: `${BaseClass.config.name}WithIntersectionObserver`,
     options: {
@@ -60,6 +61,7 @@ function withIntersectionObserver(BaseClass, defaultOptions = { threshold: creat
       intersectionObserver: Object
     },
     emits: ["intersected"]
-  }), _b;
+  });
+  return WithIntersectionObserver;
 }
 if (module.exports.default) module.exports = module.exports.default;