cedro 0.1.2 → 0.1.4

package/src/ui/widget.ui.ts

@@ -42,11 +42,7 @@ export class Widget implements IWidget {
     bodyTagName: string;
     body: HTMLElement;
 
-    constructor(
-        id: string,
-        bodyTagName: string = "div",
-        parent: IWidget | null = null
-    ) {
+    constructor(id: string, bodyTagName: string = "div", parent: IWidget | null = null) {
         this.id = id;
 
         this.overflow = false;
@@ -117,9 +113,43 @@ export class Widget implements IWidget {
             });
         });
 
+        this.body.addEventListener("wheel", (e) => {
+            this.subscribers.forEach((callback) => {
+                if (callback.event == "wheel") {
+                    callback.then(e, this);
+                }
+            });
+        });
+
+        this.body.addEventListener("mouseout", (e) => {
+            this.subscribers.forEach((callback) => {
+                if (callback.event == "mouseout") {
+                    callback.then(e, this);
+                }
+            });
+        });
+
+        this.body.addEventListener("mouseleave", (e) => {
+            this.subscribers.forEach((callback) => {
+                if (callback.event == "mouseleave") {
+                    callback.then(e, this);
+                }
+            });
+        });
+
         this.init();
 
         this.getMaxZIndex();
+
+        window.w.set(this.id, this);
+    }
+
+    public run(eventId: WUIEvent): void {
+        this.subscribers.forEach((callback) => {
+            if (callback.event == eventId) {
+                callback.then(new Event(eventId), this);
+            }
+        });
     }
 
     public subscribe(cb: WUICallback) {
@@ -268,10 +298,7 @@ export class Widget implements IWidget {
             this.body.style.bottom = "";
             this.body.style.right = "";
         } else {
-            if (
-                this.type === WidgetTypes.CUSTOM ||
-                this.type === WidgetTypes.FILL
-            ) {
+            if (this.type === WidgetTypes.CUSTOM || this.type === WidgetTypes.FILL) {
                 this.body.style.position = "absolute";
                 this.body.style.overflow = "hidden";
             }
@@ -461,7 +488,6 @@ export class Widget implements IWidget {
         var clientLeft = docElem.clientLeft || body.clientLeft || 0;
         var top = box.top + scrollTop - clientTop;
         var left = box.left + scrollLeft - clientLeft;
-
         return { x: Math.round(left), y: Math.round(top) };
     }
 
@@ -629,10 +655,7 @@ export class Widget implements IWidget {
 
         const padding = this.padding;
 
-        const size =
-            this.align === WidgetAlignTypes.HORIZONTAL
-                ? this.width
-                : this.height;
+        const size = this.align === WidgetAlignTypes.HORIZONTAL ? this.width : this.height;
 
         let currentPosition = padding;
 
@@ -699,29 +722,17 @@ export class Widget implements IWidget {
                 child.setX(currentPosition);
 
                 if (child.type === WidgetTypes.FILL) {
-                    child.setWH(
-                        elementSize - padding,
-                        this.getH() - padding * 2
-                    );
+                    child.setWH(elementSize - padding, this.getH() - padding * 2);
                 } else {
-                    child.setWH(
-                        elementSize - padding,
-                        this.getH() - padding * 2
-                    );
+                    child.setWH(elementSize - padding, this.getH() - padding * 2);
                 }
             } else if (this.align === WidgetAlignTypes.VERTICAL) {
                 child.setX(padding);
                 child.setY(currentPosition);
                 if (child.type === WidgetTypes.FILL) {
-                    child.setWH(
-                        this.getW() - padding * 2,
-                        elementSize - padding
-                    );
+                    child.setWH(this.getW() - padding * 2, elementSize - padding);
                 } else {
-                    child.setWH(
-                        this.getW() - padding * 2,
-                        elementSize - padding
-                    );
+                    child.setWH(this.getW() - padding * 2, elementSize - padding);
                 }
             }
             currentPosition += elementSize;
@@ -761,10 +772,7 @@ export class Widget implements IWidget {
         return content as HTMLElement;
     }
 
-    private getMaxZIndex(
-        maxZindex: number = 0,
-        node: ChildNode | null = null
-    ): number {
+    private getMaxZIndex(maxZindex: number = 0, node: ChildNode | null = null): number {
         const parent = node ? node : document.body;
 
         if (parent instanceof HTMLElement) {

package/tsconfig.json

@@ -26,5 +26,8 @@
     "noFallthroughCasesInSwitch": true,
 
     "baseUrl": ".",
-  }
+    
+  },
+  "include": ["src"]
+
 }

package/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" type="image/svg+xml" href="/icon.svg" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>cedro</title>
-        <link rel="stylesheet" href="src/ui/styles/main.css" />
-    </head>
-    <body>
-        <script type="module" src="/src/main.tsx"></script>
-    </body>
-</html>