@vectoriox/iox-ui 4.17.2 → 4.17.3

package/fesm2022/vectoriox-iox-ui.mjs

@@ -871,13 +871,26 @@ class BuilderImageComponent {
         this.alt = 'Image';
         this.nodeId = '';
     }
+    /**
+     * The `src` attribute value, or `null` to OMIT the attribute entirely when there is no image.
+     *
+     * `src=""` is not "no image": the browser resolves the empty string against the document URL and
+     * re-requests the PAGE itself as an image — a broken-image icon plus a wasted round trip. Angular
+     * removes an attribute bound to `null`, which is the only way to render a genuinely src-less img.
+     *
+     * An empty src is a normal state, not a mistake: a context slot starts empty on purpose and is
+     * filled when the visitor interacts (see element-context-state-plan.md).
+     */
+    get srcAttr() {
+        return this.src || null;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BuilderImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: BuilderImageComponent, isStandalone: false, selector: "img[iox-img]", inputs: { src: "src", alt: "alt", nodeId: "nodeId" }, host: { properties: { "attr.src": "src", "attr.alt": "alt", "class": "'iox-node-' + nodeId" } }, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;max-width:100%}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: BuilderImageComponent, isStandalone: false, selector: "img[iox-img]", inputs: { src: "src", alt: "alt", nodeId: "nodeId" }, host: { properties: { "attr.src": "srcAttr", "attr.alt": "alt", "class": "'iox-node-' + nodeId" } }, ngImport: i0, template: '', isInline: true, styles: [":host{display:block;max-width:100%}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BuilderImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'img[iox-img]', template: '', host: {
-                        '[attr.src]': 'src',
+                        '[attr.src]': 'srcAttr',
                         '[attr.alt]': 'alt',
                         '[class]': "'iox-node-' + nodeId",
                     }, standalone: false, styles: [":host{display:block;max-width:100%}\n"] }]