@medyll/idae-be 0.76.0 → 0.78.0

package/dist/be.d.ts

@@ -108,19 +108,13 @@ export declare class Be {
     static toBe(str: string | HTMLElement, options?: {
         tag?: string;
     }): Be;
-    /**
-     * setStyle Sets one or more CSS styles for the selected element(s), including CSS custom properties.
-     * @param styles An object of CSS properties and values, or a string of CSS properties and values.
-     * @param value The value for a single CSS property when styles is a property name string.
-     * @returns The Be instance for method chaining.
-     */
     fetch<T extends object>(options: {
         url: string;
         method?: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH' | 'OPTIONS' | 'HEAD' | 'CONNECT' | 'TRACE';
         data?: T;
         headers?: Record<string, string>;
     }): Promise<any>;
-    eachNode(callback: (el: HTMLElement) => void): void;
+    eachNode(callback: (el: HTMLElement) => void, firstChild?: boolean): void;
     /** DOM
      * Handles various DOM operations on the element(s).
      * @param actions An object specifying the DOM actions to perform.

package/dist/be.js

@@ -232,12 +232,6 @@ export class Be {
         }
         return beElem;
     }
-    /**
-     * setStyle Sets one or more CSS styles for the selected element(s), including CSS custom properties.
-     * @param styles An object of CSS properties and values, or a string of CSS properties and values.
-     * @param value The value for a single CSS property when styles is a property name string.
-     * @returns The Be instance for method chaining.
-     */
     fetch(options) {
         return fetch(options.url, {
             method: options.method || 'GET',
@@ -245,7 +239,7 @@ export class Be {
             headers: options.headers || {}
         }).then((response) => response.json());
     }
-    eachNode(callback) {
+    eachNode(callback, firstChild) {
         switch (this.isWhat) {
             case 'element':
                 BeUtils.applyCallback(this.node, callback);
@@ -253,10 +247,16 @@ export class Be {
             case 'array':
                 this.node.forEach((lo) => {
                     BeUtils.applyCallback(lo, callback);
+                    if (firstChild)
+                        return;
                 });
                 break;
             case 'qy':
-                document.querySelectorAll(this.node).forEach((el) => callback(el));
+                document.querySelectorAll(this.node).forEach((el) => {
+                    callback(el);
+                    if (firstChild)
+                        return;
+                });
                 break;
         }
     }

package/dist/modules/styles.d.ts

@@ -31,7 +31,6 @@ export declare class StylesHandler implements CommonHandler<StylesHandler> {
     unset(key: string): string | null;
     getKey(key: string): string | null;
     delete(key: string): string | null;
-    private handlerFor;
     private applyStyle;
 }
 export {};

package/dist/modules/styles.js

@@ -13,8 +13,11 @@ export class StylesHandler {
     }
     static methods = Object.values(beStyleMethods);
     handle(actions) {
+        console.log('StylesHandler.handle', actions);
         const { method, args } = this.resolveIndirection(actions);
+        console.log({ method, args });
         this.beElement.eachNode((el) => {
+            console.log({ method, args });
             switch (method) {
                 case 'set':
                     if (typeof args === 'string') {
@@ -48,6 +51,7 @@ export class StylesHandler {
                     break;
             }
         });
+        console.log('StylesHandler.handle end');
         return this.beElement;
     }
     resolveIndirection(actions) {
@@ -69,17 +73,15 @@ export class StylesHandler {
      */
     set(styles, value) {
         if (typeof styles === 'string') {
-            // Handle string input
-            const styleEntries = styles.split(';').filter((s) => s.trim() !== '');
-            styleEntries.forEach((entry) => {
-                const [property, propertyValue] = entry.split(':').map((s) => s.trim());
-                if (property && propertyValue) {
-                    this.applyStyle(property, propertyValue);
-                }
-            });
-            // If value is provided, treat it as a single property setting
-            if (value !== undefined) {
-                this.applyStyle(styles, value);
+            // Handle string input,   if contains ':' and use cssText
+            if (styles.includes(':')) {
+                this.beElement.eachNode((el) => {
+                    el.style.cssText = styles;
+                });
+            }
+            else {
+                // If value is provided, treat it as a single property setting
+                this.applyStyle(styles, value ?? '');
             }
         }
         else if (typeof styles === 'object') {
@@ -92,7 +94,15 @@ export class StylesHandler {
     }
     // get style
     get(key) {
-        return 'redfer';
+        let css = null;
+        this.beElement.eachNode((el) => {
+            css = el.style[key] || null;
+            if (!css) {
+                const computedStyle = window.getComputedStyle(el);
+                css = computedStyle.getPropertyValue(key).trim();
+            }
+        });
+        return css || null;
     }
     // unset style
     unset(key) {
@@ -105,9 +115,6 @@ export class StylesHandler {
     delete(key) {
         return '';
     }
-    handlerFor(command) {
-        return (content, callback) => this.handle({ [command]: content, callback });
-    }
     applyStyle(property, value) {
         this.beElement.eachNode((el) => {
             el.style[property] = value;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@medyll/idae-be",
 	"scope": "@medyll",
-	"version": "0.76.0",
+	"version": "0.78.0",
 	"description": "A powerful DOM manipulation library with a callback-based approach for precise element targeting. Provides consistent chaining, comprehensive DOM traversal, event handling, style management, and more. Written in TypeScript for modern browsers.",
 	"scripts": {
 		"dev": "vite dev",