cedro 0.1.7 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "cedro",
-    "version": "0.1.7",
+    "version": "0.1.8",
     "type": "module",
     "devDependencies": {
         "@types/node": "^20.4.4",

package/src/ui/container.ui.ts

@@ -6,11 +6,12 @@ export type ContainerParams = {
     orientation?: OrientationTypes;
     parent?: Widget | null;
     size?: number | null;
+    padding?: number | null;
 };
 
 export class Container extends Widget {
     constructor(params: ContainerParams) {
-        const { orientation = "horizontal", parent = null, size = null } = params;
+        const { orientation = "horizontal", parent = null, size = null, padding = null } = params;
 
         super(UID(), "div", parent);
 
@@ -24,6 +25,10 @@ export class Container extends Widget {
             this.setFixedSize(size);
         }
 
+        if (padding !== null) {
+            this.setPadding(padding);
+        }
+
         this.setType(WidgetTypes.FILL);
     }
 }

package/src/ui/label.ui.ts

@@ -8,9 +8,15 @@ export class Label extends Widget {
     color: Colors;
     text: string;
 
+    isHCentered: boolean;
+    isVCentered: boolean;
+
     constructor(id: string, variant: LabelVariants = "span", parent: Widget | null = null) {
         super(id, variant, parent);
 
+        this.isHCentered = false;
+        this.isVCentered = false;
+
         this.variant = variant;
         this.color = "primary";
         this.text = "";
@@ -22,11 +28,30 @@ export class Label extends Widget {
         super.init();
     }
 
-    public centerV(): void {
+    public setHCentered(isHCentered: boolean = true): void {
+        this.isHCentered = isHCentered;
+    }
+
+    public setVCentered(isVCentered: boolean = true): void {
+        this.isVCentered = isVCentered;
+    }
+
+    public render(): void {
+        super.render();
+
+        if (this.isHCentered) {
+            this.centerH();
+        }
+        if (this.isVCentered) {
+            this.centerV();
+        }
+    }
+
+    private centerV(): void {
         this.getBody().style.lineHeight = this.getH() + "px";
     }
 
-    public centerH(): void {
+    private centerH(): void {
         this.getBody().style.textAlign = "center";
     }