@gisce/ooui 2.38.0-alpha.2 → 2.38.0-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/ooui",
-  "version": "2.38.0-alpha.2",
+  "version": "2.38.0-alpha.3",
   "engines": {
     "node": "20.5.0"
   },

package/src/Card.ts

@@ -19,6 +19,19 @@ class Card extends Spinner {
     this._icon = value;
   }
 
+  /**
+   * Height of the card component
+   */
+  _height: number | undefined = undefined;
+
+  get height(): number | undefined {
+    return this._height;
+  }
+
+  set height(value: number | undefined) {
+    this._height = value;
+  }
+
   constructor(props: any) {
     super(props);
     if (props) {
@@ -28,6 +41,10 @@ class Card extends Spinner {
       if (props.icon) {
         this._icon = props.icon;
       }
+      if (props.height) {
+        const parsedHeight = parseInt(props.height);
+        this._height = isNaN(parsedHeight) ? undefined : parsedHeight;
+      }
     }
   }
 }

package/src/spec/Card.spec.ts

@@ -49,6 +49,24 @@ describe("A Card", () => {
     const widget = widgetFactory.createWidget("card", props);
     expect(widget.title).toEqual("Card Title");
   });
+  it("can have a height property", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      title: "Card Title",
+      height: "200",
+    };
+    const widget = widgetFactory.createWidget("card", props);
+    expect(widget.height).toEqual(200);
+  });
+  it("should handle invalid height values", () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      title: "Card Title",
+      height: "invalid",
+    };
+    const widget = widgetFactory.createWidget("card", props);
+    expect(widget.height).toBeUndefined();
+  });
   describe("working as a spinner", () => {
     it("should be loading false as default", () => {
       const widgetFactory = new WidgetFactory();