@medyll/idae-be 0.82.0 → 0.83.0

package/dist/be.d.ts

@@ -4,7 +4,6 @@ import type { IsWhat } from './types.js';
 import { type DataHandlerHandle, DataHandler } from './modules/data.js';
 import { EventsHandler, type EventHandlerHandle } from './modules/events.js';
 import { type ClassHandlerHandler, ClassesHandler } from './modules/classes.js';
-import { type PropsHandlerHandle } from './modules/props.js';
 import { DomHandler, type DomHandlerHandle } from './modules/dom.js';
 import { PositionHandler, type PositionHandlerHandle } from './modules/position.js';
 import { WalkHandler } from './modules/walk.js';
@@ -13,15 +12,13 @@ import { TimersHandler } from './modules/timers.js';
 export declare class Be {
     inputNode: HTMLElement | HTMLElement[] | string;
     isWhat: IsWhat;
-    BeTimer: NodeJS.Timeout | null;
-    BeInterval: NodeJS.Timeout | null;
+    timerOut: NodeJS.Timeout | null;
+    timerInterval: NodeJS.Timeout | null;
     styles: (actions: BeStylesHandler) => Be;
     private styleHandler;
     setStyle: StylesHandler['set'];
     getStyle: StylesHandler['get'];
     unsetStyle: StylesHandler['unset'];
-    props: (actions: PropsHandlerHandle) => Be;
-    private propHandler;
     data: (actions: DataHandlerHandle) => Be;
     private dataHandler;
     setData: DataHandler['set'];

package/dist/be.js

@@ -4,7 +4,6 @@ import { BeUtils } from './utils.js';
 import { DataHandler } from './modules/data.js';
 import { EventsHandler } from './modules/events.js';
 import { ClassesHandler } from './modules/classes.js';
-import { PropsHandler } from './modules/props.js';
 import { DomHandler } from './modules/dom.js';
 import { PositionHandler } from './modules/position.js';
 import { WalkHandler } from './modules/walk.js';
@@ -14,17 +13,14 @@ export class Be {
     inputNode;
     isWhat;
     //
-    BeTimer = null;
-    BeInterval = null;
+    timerOut = null;
+    timerInterval = null;
     // styles
     styles;
     styleHandler;
     setStyle;
     getStyle;
     unsetStyle;
-    // properties
-    props;
-    propHandler;
     // dataSet
     data;
     dataHandler;
@@ -120,10 +116,6 @@ export class Be {
         this.styleHandler = new StylesHandler(this);
         this.styles = this.handle(this.styleHandler);
         this.attach(StylesHandler, 'Style');
-        // properties
-        this.propHandler = new PropsHandler(this);
-        this.props = this.handle(this.styleHandler);
-        this.attach(PropsHandler, 'Prop');
         // dataSet
         this.dataHandler = new DataHandler(this);
         this.data = this.handle(this.styleHandler);

package/dist/index.d.ts

@@ -5,7 +5,6 @@ export * from './modules/walk.js';
 export * from './modules/timers.js';
 export * from './modules/text.js';
 export * from './modules/styles.js';
-export * from './modules/props.js';
 export * from './modules/position.js';
 export * from './modules/events.js';
 export * from './modules/dom.js';

package/dist/index.js

@@ -6,7 +6,6 @@ export * from './modules/walk.js';
 export * from './modules/timers.js';
 export * from './modules/text.js';
 export * from './modules/styles.js';
-export * from './modules/props.js';
 export * from './modules/position.js';
 export * from './modules/events.js';
 export * from './modules/dom.js';

package/dist/modules/attrs.js

@@ -47,7 +47,7 @@ export class AttrHandler {
                 el.removeAttribute(nameOrObject);
             }
             else if (typeof nameOrObject === 'object') {
-                Object.entries(nameOrObject).forEach(([name, val]) => {
+                Object.entries(nameOrObject).forEach(([name]) => {
                     el.removeAttribute(name);
                 });
             }

package/dist/modules/text.js

@@ -34,7 +34,7 @@ export class TextHandler {
                     break;
                 case 'prepend':
                     if (typeof props === 'string') {
-                        el.insertAdjacentHTML('afterbegin', props);
+                        el.insertAdjacentText('afterbegin', props);
                     }
                     else {
                         throw new Error('Invalid props for prepend: must be a string.');
@@ -42,7 +42,7 @@ export class TextHandler {
                     break;
                 case 'append':
                     if (typeof props === 'string') {
-                        el.insertAdjacentHTML('beforeend', props);
+                        el.insertAdjacentText('beforeend', props);
                     }
                     else {
                         throw new Error('Invalid props for append: must be a string.');
@@ -50,7 +50,7 @@ export class TextHandler {
                     break;
                 case 'replace':
                     if (typeof props === 'string') {
-                        el.outerHTML = props;
+                        el.textContent = props;
                     }
                     else {
                         throw new Error('Invalid props for replace: must be a string.');

package/dist/modules/timers.d.ts

@@ -10,10 +10,9 @@ type cd = Record<'timeout' | 'interval', number> & HandlerCallBack;
 type cds = Record<'clearTimeout' | 'clearInterval', HandlerCallBackFn>;
 type TimerHandlerHandle = cd & cds;
 export declare class TimersHandler implements CommonHandler<TimersHandler> {
+    #private;
     private beElement;
     static methods: timersMethods[];
-    _timer: NodeJS.Timeout | null;
-    _interval: NodeJS.Timeout | null;
     constructor(element: Be);
     methods: string[] | keyof TimersHandler;
     valueOf(): unknown;

package/dist/modules/timers.js

@@ -9,8 +9,8 @@ var timersMethods;
 export class TimersHandler {
     beElement;
     static methods = Object.values(timersMethods);
-    _timer = null;
-    _interval = null;
+    #timer = null;
+    #interval = null;
     constructor(element) {
         this.beElement = element;
     }
@@ -18,8 +18,8 @@ export class TimersHandler {
     valueOf() {
         return {
             methods: this.methods,
-            timer: this._timer,
-            interval: this._interval
+            timer: this.#timer,
+            interval: this.#interval
         };
     }
     handle(actions) {
@@ -40,10 +40,10 @@ export class TimersHandler {
         return this.beElement;
     }
     timeout(value, callback) {
-        this.beElement.BeTimer = setTimeout(() => {
+        this.beElement.timerOut = setTimeout(() => {
             callback?.({
                 method: 'timeout',
-                fragment: this.beElement.BeTimer,
+                fragment: this.beElement.timerOut,
                 be: this.beElement,
                 root: this.beElement
             });
@@ -62,10 +62,10 @@ export class TimersHandler {
         return this.beElement;
     }
     interval(value, callback) {
-        this.beElement.BeInterval = setInterval(() => {
+        this.beElement.timerInterval = setInterval(() => {
             callback?.({
                 method: 'interval',
-                fragment: this.beElement.BeInterval,
+                fragment: this.beElement.timerInterval,
                 be: this.beElement,
                 root: this.beElement
             });
@@ -84,8 +84,9 @@ export class TimersHandler {
         return this.beElement;
     }
     clearTimeout(callback) {
-        clearTimeout(this.beElement?.BeTimer);
-        this.beElement.BeTimer = null;
+        if (this.beElement.timerOut)
+            clearTimeout(this.beElement.timerOut);
+        this.beElement.timerOut = null;
         /* this.beElement.eachNode((el: HTMLElement) => {
             const aug = be(el);
             if (aug.BeTimer !== null) {
@@ -102,8 +103,9 @@ export class TimersHandler {
         return this.beElement;
     }
     clearInterval(callback) {
-        clearInterval(this.beElement?.BeInterval);
-        this.beElement.BeInterval = null;
+        if (this.beElement.timerInterval)
+            clearInterval(this.beElement.timerInterval);
+        this.beElement.timerInterval = null;
         /* this.beElement.eachNode((el: HTMLElement) => {
             const aug = be(el);
             if (aug.BeInterval !== null) {

package/package.json

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

package/dist/modules/props.d.ts

@@ -1,29 +0,0 @@
-import { Be } from '../be.js';
-import type { CommonHandler, HandlerCallBack, HandlerCallBackFn } from '../types.js';
-declare enum PropsMethods {
-    set = "set",
-    get = "get",
-    delete = "delete",
-    getKey = "getKey"
-}
-export interface PropsHandlerHandle {
-    set?: {
-        [key: string]: unknown;
-    } & HandlerCallBack;
-    delete?: {
-        keys: string[];
-    } & HandlerCallBack;
-}
-export declare class PropsHandler implements CommonHandler<PropsHandler, PropsHandlerHandle> {
-    private beElement;
-    static methods: PropsMethods[];
-    constructor(beElement: Be);
-    methods: (keyof PropsHandler)[];
-    handle(actions: PropsHandlerHandle): Be;
-    get(name: string, callback?: HandlerCallBackFn): any;
-    set(nameOrObject: string | Record<string, any>, value?: any, callback?: HandlerCallBackFn): Be;
-    delete(name: string, callback?: HandlerCallBackFn): Be;
-    getKey(key: string, callback?: HandlerCallBackFn): string | null;
-    valueOf(): Record<string, any> | null;
-}
-export {};

package/dist/modules/props.js

@@ -1,68 +0,0 @@
-import { Be } from '../be.js';
-var PropsMethods;
-(function (PropsMethods) {
-    PropsMethods["set"] = "set";
-    PropsMethods["get"] = "get";
-    PropsMethods["delete"] = "delete";
-    PropsMethods["getKey"] = "getKey";
-})(PropsMethods || (PropsMethods = {}));
-export class PropsHandler {
-    beElement;
-    static methods = Object.values(PropsMethods);
-    constructor(beElement) {
-        this.beElement = beElement;
-    }
-    methods = PropsHandler.methods;
-    handle(actions) {
-        if (!actions)
-            return this.beElement;
-        Object.entries(actions).forEach(([method, props]) => {
-            switch (method) {
-                case 'set':
-                    {
-                        const [key, val] = Object.entries(props)[0];
-                        this.set(key, val, props.callback);
-                    }
-                    break;
-                case 'delete':
-                    this.delete(props.delete);
-                    break;
-            }
-        });
-        return this.beElement;
-    }
-    get(name, callback) {
-        if (this.beElement.isWhat !== 'element')
-            return null;
-        return this.beElement.inputNode[name];
-    }
-    set(nameOrObject, value, callback) {
-        this.beElement.eachNode((el) => {
-            if (typeof nameOrObject === 'string' && value !== undefined) {
-                el[nameOrObject] = value;
-            }
-            else if (typeof nameOrObject === 'object') {
-                Object.entries(nameOrObject).forEach(([name, val]) => {
-                    el[name] = val;
-                });
-            }
-        });
-        return this.beElement;
-    }
-    delete(name, callback) { }
-    getKey(key, callback) {
-        return null;
-    }
-    valueOf() {
-        if (this.beElement.isWhat !== 'element')
-            return null;
-        const el = this.beElement.inputNode;
-        const props = {};
-        for (let prop in el) {
-            if (el.hasOwnProperty(prop)) {
-                props[prop] = el[prop];
-            }
-        }
-        return props;
-    }
-}