@medyll/idae-be 1.27.0 → 1.28.0

package/dist/be.js

@@ -346,3 +346,9 @@ export const be = Be.elem;
 export const toBe = Be.toBe;
 export const beId = (id) => Be.elem(`#${id}`);
 export const createBe = Be.createBe;
+// be('.test').dom.update('content', () => {}); // should return be('.test').dom.
+// relies on dom.handle // should return be('.test')
+/* be('.test').dom({
+    update: { content: '<p>Updated</p>', callback: () => {} },
+    append: { content: '<p>Appended</p>', callback: () => {} }
+}); */

package/dist/modules/dom.js

@@ -40,7 +40,7 @@ export class DomHandler {
     handle(actions) {
         Object.entries(actions).forEach(([method, props]) => {
             switch (method) {
-                case 'update':
+                case 'update': // be('.test').dom({update: {content: '<p>Updated</p>', callback: () => {}}})
                     this.update(props.content, props.callback);
                     break;
                 case 'append':

package/dist/modules/events.d.ts

@@ -25,10 +25,11 @@ export interface EventHandlerHandle {
 /**
  * Handles event operations for Be elements.
  */
-export declare class EventsHandler implements CommonHandler<EventsHandler> {
+export declare class EventsHandler implements CommonHandler<EventsHandler, EventHandlerHandle> {
     private beElement;
     static methods: eventsMethods[];
     constructor(beElement: Be);
+    methods: eventsMethods[];
     /**
      * Handle event actions (add or remove event listeners).
      * @param actions An object specifying the event actions to perform.
@@ -76,5 +77,6 @@ export declare class EventsHandler implements CommonHandler<EventsHandler> {
      * beInstance.fire('customEvent', { key: 'value' }); // Dispatches a custom event with data
      */
     fire(eventName: string, detail: unknown, options?: EventInit, callback?: HandlerCallBackFn): Be;
+    valueOf(): Be;
 }
 export {};

package/dist/modules/events.js

@@ -14,6 +14,7 @@ export class EventsHandler {
     constructor(beElement) {
         this.beElement = beElement;
     }
+    methods = EventsHandler.methods;
     /**
      * Handle event actions (add or remove event listeners).
      * @param actions An object specifying the event actions to perform.
@@ -105,4 +106,7 @@ export class EventsHandler {
         });
         return this.beElement;
     }
+    valueOf() {
+        return this.beElement;
+    }
 }

package/dist/types.d.ts

@@ -1,5 +1,6 @@
 import { Be } from './be.js';
-export type CombineElements<T extends string> = T extends unknown ? T | `${T} ${CombineElements<T>}` : never;
+type CombineElementsHelper<T extends string, Depth extends number[]> = Depth['length'] extends 10 ? never : T | `${T} ${CombineElementsHelper<T, [...Depth, 1]>}`;
+export type CombineElements<T extends string> = CombineElementsHelper<T, []>;
 export type IsWhat = 'element' | 'array' | 'qy';
 export type PositionSnapOptions = 'top' | 'right' | 'bottom' | 'left' | 'center' | `${'top' | 'bottom'} ${'left' | 'right' | 'center'}` | `${'left' | 'right'} ${'top' | 'bottom' | 'center'}`;
 export type HandlerCallbackProps = {
@@ -21,3 +22,4 @@ export interface CommonHandler<T = unknown, H = unknown, V = unknown> {
     methods: string[] | keyof T;
     valueOf: () => V;
 }
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@medyll/idae-be",
 	"scope": "@medyll",
-	"version": "1.27.0",
+	"version": "1.28.0",
 	"description": "A modern, lightweight, and extensible DOM manipulation library built with TypeScript. Designed for precise element targeting and manipulation using a callback-based approach. Features include advanced DOM traversal, event handling, style management, attribute control, HTTP content loading, timers, and more. Ideal for developers seeking a modular and consistent API for dynamic web applications.",
 	"keywords": [
 		"DOM",
@@ -47,26 +47,26 @@
 		"svelte": "^5.0.0-next"
 	},
 	"devDependencies": {
-		"@playwright/test": "^1.51.1",
-		"@sveltejs/adapter-auto": "^5.0.0",
-		"@sveltejs/kit": "^2.20.2",
-		"@sveltejs/package": "^2.3.10",
+		"@playwright/test": "^1.52.0",
+		"@sveltejs/adapter-auto": "^6.0.0",
+		"@sveltejs/kit": "^2.20.8",
+		"@sveltejs/package": "^2.3.11",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@types/eslint": "^9.6.1",
-		"eslint": "^9.23.0",
-		"eslint-config-prettier": "^10.1.1",
-		"eslint-plugin-svelte": "^3.3.3",
-		"globals": "^16.0.0",
-		"jsdom": "^26.0.0",
+		"eslint": "^9.26.0",
+		"eslint-config-prettier": "^10.1.3",
+		"eslint-plugin-svelte": "^3.5.1",
+		"globals": "^16.1.0",
+		"jsdom": "^26.1.0",
 		"prettier": "^3.5.3",
 		"prettier-plugin-svelte": "^3.3.3",
-		"svelte": "^5.25.3",
-		"svelte-check": "^4.1.5",
+		"svelte": "^5.28.2",
+		"svelte-check": "^4.1.7",
 		"tslib": "^2.8.1",
-		"typescript": "^5.8.2",
-		"typescript-eslint": "^8.28.0",
-		"vite": "^6.2.3",
-		"vitest": "^3.0.9"
+		"typescript": "^5.8.3",
+		"typescript-eslint": "^8.32.0",
+		"vite": "^6.3.5",
+		"vitest": "^3.1.3"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",