@rettangoli/ui 0.1.28 → 0.1.29

package/dist/rettangoli-iife-layout.min.js

@@ -532,6 +532,13 @@ var rettangoli=(()=>{function d(s,...t){let i="";return s.forEach((n,o)=>{i+=n+(
           height: 100%;
           width: 100%;
         }
+        :host([w]:not([h]):not([wh])) img,
+        :host([sm-w]:not([sm-h]):not([sm-wh])) img,
+        :host([md-w]:not([md-h]):not([md-wh])) img,
+        :host([lg-w]:not([lg-h]):not([lg-wh])) img,
+        :host([xl-w]:not([xl-h]):not([xl-wh])) img {
+          height: auto;
+        }
 
         ${S}
 

package/dist/rettangoli-iife-ui.min.js

@@ -532,6 +532,13 @@ var rettangoli=(()=>{var ni=Object.defineProperty;var P=(e,t)=>{for(var r in t)n
           height: 100%;
           width: 100%;
         }
+        :host([w]:not([h]):not([wh])) img,
+        :host([sm-w]:not([sm-h]):not([sm-wh])) img,
+        :host([md-w]:not([md-h]):not([md-wh])) img,
+        :host([lg-w]:not([lg-h]):not([lg-wh])) img,
+        :host([xl-w]:not([xl-h]):not([xl-wh])) img {
+          height: auto;
+        }
 
         ${_e}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rettangoli/ui",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "description": "A UI component library for building web interfaces.",
   "main": "dist/rettangoli-esm.min.js",
   "type": "module",
@@ -25,8 +25,9 @@
   "scripts": {
     "build:dev": "rtgl fe build -d && bun run esbuild-dev.js",
     "build": "rtgl fe build && bun run esbuild.js",
-    "vt:generate": "rtgl fe build -d && bun run esbuild-dev.js && rtgl vt generate --skip-screenshots",
-    "vt:report": "bun run build:dev && rtgl vt generate --screenshot-wait-time 500 && rtgl vt report",
+    "vt:generate": "bun run build:dev && rtgl vt generate",
+    "vt:docker": "bun run build:dev && docker run --rm --user $(id -u):$(id -g) -v \"$PWD:/app\" -w /app han4wluc/rtgl:playwright-v1.57.0-rtgl-v0.0.36 rtgl vt generate",
+    "vt:report": "bun run vt:docker && rtgl vt report",
     "vt:accept": "rtgl vt accept",
     "serve": "bunx serve .rettangoli/vt/_site"
   },
@@ -34,7 +35,7 @@
     "esbuild": "^0.20.0",
     "looks-same": "^9.0.1",
     "pixelmatch": "^6.0.0",
-    "playwright": "^1.46.0",
+    "playwright": "1.57.0",
     "pngjs": "^7.0.0"
   },
   "keywords": [

package/src/primitives/image.js

@@ -40,6 +40,13 @@ class RettangoliImageElement extends HTMLElement {
           height: 100%;
           width: 100%;
         }
+        :host([w]:not([h]):not([wh])) img,
+        :host([sm-w]:not([sm-h]):not([sm-wh])) img,
+        :host([md-w]:not([md-h]):not([md-wh])) img,
+        :host([lg-w]:not([lg-h]):not([lg-wh])) img,
+        :host([xl-w]:not([xl-h]):not([xl-wh])) img {
+          height: auto;
+        }
 
         ${anchorStyles}