@medyll/idae-be 0.78.0 → 0.79.0

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,10 +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 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;
@@ -13,11 +12,8 @@ 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') {
@@ -29,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
@@ -40,18 +32,18 @@ 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;
             }
         });
-        console.log('StylesHandler.handle end');
         return this.beElement;
     }
     resolveIndirection(actions) {
@@ -92,7 +84,11 @@ 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) {
         let css = null;
         this.beElement.eachNode((el) => {
@@ -101,19 +97,15 @@ export class StylesHandler {
                 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 '';
+        this.beElement.eachNode((el) => {
+            el.style.removeProperty(key);
+        });
+        return null;
     }
     applyStyle(property, value) {
         this.beElement.eachNode((el) => {
@@ -122,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.78.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",