@gisce/ooui 2.40.0-alpha.1 → 2.40.0-alpha.2

package/package.json

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

package/src/Image.ts

@@ -4,9 +4,43 @@ import Field from "./Field";
  * Image base64 field
  */
 class Image extends Field {
+  _width?: number;
+  get width(): number | undefined {
+    return this._width;
+  }
+
+  set width(value: number | undefined) {
+    this._width = value;
+  }
+
+  _height?: number;
+  get height(): number | undefined {
+    return this._height;
+  }
+
+  set height(value: number | undefined) {
+    this._height = value;
+  }
+
   get showControls(): boolean {
     return this.parsedWidgetProps?.showControls ?? true;
   }
+
+  constructor(props: any) {
+    super(props);
+
+    if (props) {
+      if (props.width) {
+        const parsedWidth = parseInt(props.width);
+        this._width = isNaN(parsedWidth) ? undefined : parsedWidth;
+      }
+
+      if (props.height) {
+        const parsedHeight = parseInt(props.height);
+        this._height = isNaN(parsedHeight) ? undefined : parsedHeight;
+      }
+    }
+  }
 }
 
 export default Image;

package/src/spec/Image.spec.ts

@@ -16,4 +16,32 @@ describe("Image", () => {
     const image = new Image(props);
     expect(image.showControls).toBe(false);
   });
+  it("should parse width property", () => {
+    const props = { width: "100" };
+    const image = new Image(props);
+    expect(image.width).toBe(100);
+  });
+  it("should parse height property", () => {
+    const props = { height: "50" };
+    const image = new Image(props);
+    expect(image.height).toBe(50);
+  });
+  it("should parse both width and height properties", () => {
+    const props = { width: "200", height: "150" };
+    const image = new Image(props);
+    expect(image.width).toBe(200);
+    expect(image.height).toBe(150);
+  });
+  it("should handle undefined width and height", () => {
+    const props = {};
+    const image = new Image(props);
+    expect(image.width).toBeUndefined();
+    expect(image.height).toBeUndefined();
+  });
+  it("should handle invalid width and height", () => {
+    const props = { width: "invalid", height: "invalid" };
+    const image = new Image(props);
+    expect(image.width).toBeUndefined();
+    expect(image.height).toBeUndefined();
+  });
 });