@medyll/idae-be 0.77.0 → 0.79.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

@@ -3,15 +3,12 @@ import type { CommonHandler } from '../types.js';
 declare enum beStyleMethods {
     set = "set",
     get = "get",
-    delete = "delete",
-    getKey = "getKey"
+    unset = "unset"
 }
 export interface BeStylesHandler {
     set?: Record<string, string> | string;
-    value?: string;
     get?: string;
-    delete?: string;
-    getKey?: string;
+    unset?: string;
 }
 export type BeStylesHandlerMethods = keyof typeof beStyleMethods;
 export declare class StylesHandler implements CommonHandler<StylesHandler> {
@@ -27,11 +24,14 @@ export declare class StylesHandler implements CommonHandler<StylesHandler> {
      * @returns The Be instance for method chaining.
      */
     set(styles: Record<string, string> | string, value?: string): Be;
+    /**
+     * getStyle Gets the value of a CSS property for the first matched element.
+     * @param key The CSS property name.
+     * @returns The value of the CSS property, or null if not found.
+     */
     get(key: string): string | null;
     unset(key: string): string | null;
-    getKey(key: string): string | null;
-    delete(key: string): string | null;
-    private handlerFor;
     private applyStyle;
+    getKey(key: string): string | null;
 }
 export {};

package/dist/modules/styles.js

@@ -3,8 +3,7 @@ var beStyleMethods;
 (function (beStyleMethods) {
     beStyleMethods["set"] = "set";
     beStyleMethods["get"] = "get";
-    beStyleMethods["delete"] = "delete";
-    beStyleMethods["getKey"] = "getKey";
+    beStyleMethods["unset"] = "unset";
 })(beStyleMethods || (beStyleMethods = {}));
 export class StylesHandler {
     beElement;
@@ -26,10 +25,6 @@ export class StylesHandler {
                                 this.applyStyle(property, propertyValue);
                             }
                         });
-                        // If value is provided, treat it as a single property setting
-                        /* if (value !== undefined) {
-                            this.applyStyle(styles, value);
-                        } */
                     }
                     else if (typeof args === 'object') {
                         // Handle object input
@@ -37,14 +32,15 @@ export class StylesHandler {
                             this.applyStyle(prop, val);
                         });
                     }
-                    console.log({ method, args });
+                    else {
+                        console.warn('Invalid argument type for set method');
+                    }
                     break;
                 case 'get':
-                    console.log({ method, args });
-                    break;
-                case 'delete':
+                    return this.get(args);
                     break;
-                case 'getKey':
+                case 'unset':
+                    this.unset(args);
                     break;
             }
         });
@@ -69,17 +65,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') {
@@ -90,23 +84,28 @@ export class StylesHandler {
         }
         return this.beElement;
     }
-    // get style
+    /**
+     * getStyle Gets the value of a CSS property for the first matched element.
+     * @param key The CSS property name.
+     * @returns The value of the CSS property, or null if not found.
+     */
     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();
+            }
+        }, true);
+        return css || null;
     }
     // unset style
     unset(key) {
-        return '';
-    }
-    //
-    getKey(key) {
-        return '';
-    }
-    delete(key) {
-        return '';
-    }
-    handlerFor(command) {
-        return (content, callback) => this.handle({ [command]: content, callback });
+        this.beElement.eachNode((el) => {
+            el.style.removeProperty(key);
+        });
+        return null;
     }
     applyStyle(property, value) {
         this.beElement.eachNode((el) => {
@@ -115,4 +114,11 @@ export class StylesHandler {
             // console.log(`Setting style ${property}: ${value}`);
         });
     }
+    getKey(key) {
+        let value = null;
+        this.beElement.eachNode((el) => {
+            value = el.style.getPropertyValue(key) || null;
+        });
+        return value;
+    }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@medyll/idae-be",
 	"scope": "@medyll",
-	"version": "0.77.0",
+	"version": "0.79.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",