@malloydata/render 0.0.94-dev231005020107 → 0.0.94-dev231006230622

package/dist/html/image.js

@@ -33,11 +33,25 @@ class HTMLImageRenderer {
         if (!data.isString()) {
             return (0, utils_1.createErrorElement)(this.document, 'Invalid field for Image renderer');
         }
-        if (data.isNull()) {
-            return (0, utils_1.createNullElement)(this.document);
+        const element = data.isNull()
+            ? (0, utils_1.createNullElement)(this.document)
+            : this.document.createElement('img');
+        const { tag } = data.field.tagParse();
+        const width = tag.numeric('image', 'width');
+        const height = tag.numeric('image', 'height');
+        // Both image and null placeholder get matching size
+        if (width)
+            element.style.width = `${width}px`;
+        if (height)
+            element.style.height = `${height}px`;
+        // Image specific props
+        if (!data.isNull()) {
+            const alt = tag.text('image', 'alt');
+            const img = element;
+            img.src = data.value;
+            if (alt)
+                img.alt = alt;
         }
-        const element = this.document.createElement('img');
-        element.src = data.value;
         return element;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/render",
-  "version": "0.0.94-dev231005020107",
+  "version": "0.0.94-dev231006230622",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,7 +18,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@malloydata/malloy": "^0.0.94-dev231005020107",
+    "@malloydata/malloy": "^0.0.94-dev231006230622",
     "@types/luxon": "^2.4.0",
     "lodash": "^4.17.20",
     "luxon": "^2.4.0",