@vectoriox/iox-ui 4.17.1 → 4.17.3

package/fesm2022/vectoriox-iox-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, HostListener, Output, Input, Directive, NgModule, Injectable, ViewChild, Component, Host, Optional, inject, NgZone, Inject, InjectionToken, PLATFORM_ID, ChangeDetectionStrategy, ViewContainerRef } from '@angular/core';
+import { EventEmitter, HostListener, Output, Input, Directive, NgModule, Injectable, ViewChild, Component, Host, Optional, inject, NgZone, Inject, InjectionToken, PLATFORM_ID, ChangeDetectionStrategy, ViewContainerRef, reflectComponentType } from '@angular/core';
 import * as i2 from '@angular/animations';
 import { style, animate } from '@angular/animations';
 import { Subject, fromEvent, of } from 'rxjs';
@@ -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"] }]
@@ -3200,6 +3213,53 @@ const PIPE_DESCRIPTORS = [
     { name: 'number', label: 'Number', args: [{ key: 'decimals', label: 'Decimals', control: 'number', default: null }] },
 ];
 
+/**
+ * Declared-input reflection + safe input application, shared by every dynamic renderer
+ * (builder `RenderDirective`, builder bindings panel, SSR `ClientTreeRendererService`).
+ *
+ * WHY THIS EXISTS: `ComponentRef.setInput(name, value)` for an input the component does NOT
+ * declare does **not throw** — in dev mode it calls `reportUnknownPropertyError`, which
+ * `console.error`s `NG0303: Can't set value of the '<name>' input ...` and returns without
+ * setting anything. A `try/catch` around `setInput` is therefore dead code (nothing is thrown)
+ * AND the value is silently dropped. On every (re-)render — drag, duplicate, save-triggered
+ * re-render, repeater/slider clones — that spams the console and skips the write.
+ *
+ * The fix is to reflect the component's declared inputs ONCE (cached) and only `setInput` names
+ * that exist; anything else is assigned directly on the instance (harmless for consumers that
+ * read the raw property, e.g. a `sourcePath`/`source` binding pushed to a SliderContainer).
+ */
+/** Per-component-class cache of declared public input names (templateName / alias). */
+const inputNameCache = new WeakMap();
+/**
+ * The public input names (`@Input()` / `input()` / `model()`, honouring aliases) a component
+ * class declares. Cached per class — `reflectComponentType` is not free. Returns an empty set
+ * for a class Angular can't reflect (e.g. a non-component).
+ */
+function declaredInputNames(type) {
+    let names = inputNameCache.get(type);
+    if (!names) {
+        const mirror = reflectComponentType(type);
+        names = new Set((mirror?.inputs ?? []).map(i => i.templateName));
+        inputNameCache.set(type, names);
+    }
+    return names;
+}
+/**
+ * Set `name` on `ref` as an Angular input **only** when the component declares it (so change
+ * detection + signal inputs work); otherwise assign directly on the instance and mark it for
+ * check. Never produces an NG0303 error and never silently drops the value. Returns `true` if
+ * it was applied as a real input, `false` if it fell back to direct assignment.
+ */
+function safeSetInput(ref, name, value) {
+    if (declaredInputNames(ref.componentType).has(name)) {
+        ref.setInput(name, value);
+        return true;
+    }
+    ref.instance[name] = value;
+    ref.changeDetectorRef.markForCheck();
+    return false;
+}
+
 /**
  * Cinematic page-transition presets — the SINGLE SOURCE OF TRUTH shared by the page builder
  * (preview) and the SSR client engine (production). Pure, transport-agnostic: this module only
@@ -3634,5 +3694,5 @@ function effectiveTransitionId(anim) {
  * Generated bundle index. Do not edit.
  */
 
-export { AOSService, AnalyticsService, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CMSClientInfraModule, CardComponent, ClientGalleryComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ConsentService, ContainerComponent, ContentService, DEFAULT_GALLERY_SCHEDULER, DEFAULT_PAGE_TRANSITION, DEFAULT_PAGE_TRANSITION_DURATION, DEFAULT_PAGE_TRANSITION_EASING, DEFAULT_PAGE_TRANSITION_PERSPECTIVE, DEFAULT_WIDTH_BY_TYPE, ENVIRONMENT, GALLERY_EFFECTS, GALLERY_EFFECT_DESCRIPTORS, GalleryLoop, IOX_BUILDER_EVENTS, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxPageComponent, IoxPageModule, IoxUiModule, LinkedContainerComponent, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PIPE_DESCRIPTORS, PIPE_REGISTRY, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, RESERVED_ALIAS_PREFIX, SUPPRESSED_STYLE_PROPS_BY_TYPE, SectionComponent, TRANSITION_FEELS, TextBlockComponent, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, WebSettingsService, applyBindingPipes, applyFeel, buildDataSourceFilter, buildRelatedFilter, buildTargetedStateSelector, buildTransitionTimeline, collectReferencedAliases, compileDeclarations, composeVirtualTraits, computeRelative, dataSourcePlanToRequest, effectiveTransitionId, excludeSelf, feelFor, getByPath, isReservedAlias, legacyEnterToTransition, matchRouteParams, nearestCommonAncestorId, nodeCssId, normalizeCollectionResult, parseUrlList, planDataSource, referencedDataSources, referencedDataSourcesDeep, renderDefaultDeclarations, resolveDerivedInto, resolveGalleryEffect, resolveGalleryUrls, resolvePageTransition, resolveRelativeInto, resolveRepeaterItems, resolveSiblings, resolveSingleItemId, rewriteViewportUnits, stripSuppressedProps, styleKeyToKebab };
+export { AOSService, AnalyticsService, BuilderButtonComponent, BuilderDividerComponent, BuilderHeadingComponent, BuilderIconComponent, BuilderImageComponent, BuilderLinkComponent, BuilderSpacerComponent, ButtonBlockComponent, CMSClientInfraModule, CardComponent, ClientGalleryComponent, ClientListComponent, ClientListItemComponent, ClientRepeaterComponent, ClientSliderContainerComponent, ClientSliderSlideComponent, ComponentInstanceRegistryService, ConsentService, ContainerComponent, ContentService, DEFAULT_GALLERY_SCHEDULER, DEFAULT_PAGE_TRANSITION, DEFAULT_PAGE_TRANSITION_DURATION, DEFAULT_PAGE_TRANSITION_EASING, DEFAULT_PAGE_TRANSITION_PERSPECTIVE, DEFAULT_WIDTH_BY_TYPE, ENVIRONMENT, GALLERY_EFFECTS, GALLERY_EFFECT_DESCRIPTORS, GalleryLoop, IOX_BUILDER_EVENTS, IS_PREVIEW, IoxAnimateContainer, IoxAosDirective, IoxAosModule, IoxBuilderComponentsModule, IoxComponentRegistryService, IoxPageComponent, IoxPageModule, IoxUiModule, LinkedContainerComponent, PAGE_TRANSITION_CATEGORIES, PAGE_TRANSITION_PRESETS, PIPE_DESCRIPTORS, PIPE_REGISTRY, PageScrollProvider, PrivacyModalComponent, PrivacyModalService, PrivacyModelEvent, RESERVED_ALIAS_PREFIX, SUPPRESSED_STYLE_PROPS_BY_TYPE, SectionComponent, TRANSITION_FEELS, TextBlockComponent, VIRTUAL_TRAIT_KEYS, ViewPositionDirective, ViewPositionModule, WebSettingsService, applyBindingPipes, applyFeel, buildDataSourceFilter, buildRelatedFilter, buildTargetedStateSelector, buildTransitionTimeline, collectReferencedAliases, compileDeclarations, composeVirtualTraits, computeRelative, dataSourcePlanToRequest, declaredInputNames, effectiveTransitionId, excludeSelf, feelFor, getByPath, isReservedAlias, legacyEnterToTransition, matchRouteParams, nearestCommonAncestorId, nodeCssId, normalizeCollectionResult, parseUrlList, planDataSource, referencedDataSources, referencedDataSourcesDeep, renderDefaultDeclarations, resolveDerivedInto, resolveGalleryEffect, resolveGalleryUrls, resolvePageTransition, resolveRelativeInto, resolveRepeaterItems, resolveSiblings, resolveSingleItemId, rewriteViewportUnits, safeSetInput, stripSuppressedProps, styleKeyToKebab };
 //# sourceMappingURL=vectoriox-iox-ui.mjs.map