@vectoriox/iox-builder 2.3.2 → 2.3.4

package/fesm2022/vectoriox-iox-builder.mjs

@@ -2395,6 +2395,39 @@ function arraySchemaFields(properties) {
     }
     return out;
 }
+/**
+ * Describe the ITEM shape of an array PROPERTY, straight from the schema — the authoritative source
+ * (a resolved sample may be missing, or ambiguous). Given a resource's schema `properties` and the
+ * dot-path to an array field (e.g. `gallery` or `info.items`):
+ *   - **object item** → its primitive leaf fields (flattened): `[{label:'url',value:'url'}, …]`.
+ *   - **primitive item** (`string[]`/`number[]`) → `isPrimitive:true` (caller offers "(the item value)").
+ *   - **can't tell** (many-relation whose items are related docs, or path not found) → both empty, so
+ *     the caller falls back to a resolved sample.
+ * JSON-schema arrays store the item schema under `.items`; embedded objects under `.properties`.
+ */
+function arrayItemSchemaFields(properties, arrayPath) {
+    const parts = (arrayPath ?? '').split('.').filter(Boolean);
+    let field = undefined;
+    let cursor = properties ?? {};
+    for (const part of parts) {
+        field = cursor?.[part];
+        if (!field)
+            return { fields: [], isPrimitive: false };
+        cursor = field.properties ?? field.items?.properties ?? {};
+    }
+    if (!field)
+        return { fields: [], isPrimitive: false };
+    const itemProps = field.items?.properties ?? (field.type === 'embedded' ? field.properties : undefined);
+    if (itemProps && Object.keys(itemProps).length) {
+        return { fields: flattenSchemaFields(itemProps), isPrimitive: false };
+    }
+    // Many-relation: items are related documents — needs the related schema, so let the caller sample.
+    const relType = (field.rel?.type ?? '').toString().toLowerCase();
+    if (field.type === 'rel' || relType.includes('many'))
+        return { fields: [], isPrimitive: false };
+    // Otherwise a primitive-item array (string[]/number[]/…): the item is bound as its own value.
+    return { fields: [], isPrimitive: true };
+}
 
 /**
  * StyleRegistryService — manages a single <style> tag for the builder canvas.
@@ -4772,9 +4805,7 @@ class BuilderComponent {
         this.selectedItem = event.node;
         this.overlayService.setSelect(event.element, event.node.type, this.activeMode, event.node, event.componentRef);
         this.selectPanel(PanelTypes.STYLES);
-        const symbolAncestor = this.findSymbolAncestorOf(event.node, this.layout)
-            ?? this.findSymbolAncestorOf(event.node, this.globalElements);
-        this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node: event.node, componentRef: event.componentRef, symbolAncestor });
+        this._emitElementSelect(event.node, event.componentRef);
     }
     _selectAfterDrop(node) {
         // Wait one tick for Angular to render the new component and register it
@@ -4786,9 +4817,7 @@ class BuilderComponent {
             this.selectedItem = node;
             this.overlayService.setSelect(ref.element, node.type, this.activeMode, node, ref.componentRef);
             this.selectPanel(PanelTypes.STYLES);
-            const symbolAncestor = this.findSymbolAncestorOf(node, this.layout)
-                ?? this.findSymbolAncestorOf(node, this.globalElements);
-            this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node, componentRef: ref.componentRef, symbolAncestor });
+            this._emitElementSelect(node, ref.componentRef);
         });
     }
     handleMouseEnter(event) {
@@ -4812,9 +4841,7 @@ class BuilderComponent {
         this.selectedItem = node;
         const ref = this.overlayService.getNodeRef(node);
         if (ref) {
-            const symbolAncestor = this.findSymbolAncestorOf(node, this.layout)
-                ?? this.findSymbolAncestorOf(node, this.globalElements);
-            this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node, componentRef: ref.componentRef, symbolAncestor });
+            this._emitElementSelect(node, ref.componentRef);
         }
         this.selectPanel(PanelTypes.STYLES);
     }
@@ -4900,7 +4927,7 @@ class BuilderComponent {
                     if (ref) {
                         this.selectedItem = parentNode;
                         this.overlayService.setSelect(ref.element, parentNode.type, this.activeMode, parentNode, ref.componentRef);
-                        this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node: parentNode, componentRef: ref.componentRef });
+                        this._emitElementSelect(parentNode, ref.componentRef);
                     }
                 }
                 else {
@@ -5129,6 +5156,28 @@ class BuilderComponent {
         }
         return null;
     }
+    /** Nearest Repeater ancestor of `target` (or null). A node inside a repeater renders in ITEM
+     *  scope, so the bindings panel needs the repeater to sample its current item (e.g. bind an
+     *  Image to a `gallery` string item). Prefers the innermost repeater when nested. */
+    findRepeaterAncestorOf(target, nodes) {
+        for (const node of nodes) {
+            if (node === target)
+                return null;
+            if (node.children?.length && this.findNodeInTree(target, node.children)) {
+                return this.findRepeaterAncestorOf(target, node.children)
+                    ?? (node.type === 'Repeater' ? node : null);
+            }
+        }
+        return null;
+    }
+    /** Emit ELEMENT_SELECT with the ancestors the panels need (symbol + repeater item scope). */
+    _emitElementSelect(node, componentRef) {
+        const symbolAncestor = this.findSymbolAncestorOf(node, this.layout)
+            ?? this.findSymbolAncestorOf(node, this.globalElements);
+        const repeaterAncestor = this.findRepeaterAncestorOf(node, this.layout)
+            ?? this.findRepeaterAncestorOf(node, this.globalElements);
+        this.panelEventService.emit(PanelEventTypes.ELEMENT_SELECT, { node, componentRef, symbolAncestor, repeaterAncestor });
+    }
     handlePanelEvents(panelEvent) {
         if (panelEvent.type === PanelEventTypes.PANEL_CLOSE) {
             this.isPanelOpen = false;
@@ -8127,5 +8176,5 @@ class BuilderSpacerComponentConfig extends ComponentConfig {
  * Generated bundle index. Do not edit.
  */
 
-export { ACTION_TYPE_OPTIONS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDataSourceService, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DataSourceType, DeviceMode, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EffectsGroupStyleConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_DATA_SOURCE_ENDPOINTS, IOX_FONT_MANAGER, InteractionEngineService, InteractionPresetRegistryService, InteractionsPanelComponent, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, RELATIONAL_STATES, RELATIONAL_STATE_BASE, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, SCREEN_WIDTH_OPTIONS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, SizeGroupStyleConfig, SliderContainerComponent, SliderContainerConfig, SliderSlideComponent, SliderSlideConfig, SpacingGroupStyleConfig, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, SymbolRegistryService, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, arraySchemaFields, buildFullStyleTraits, buildPresetStyleTraits, defaultPageSettings, flattenSchemaFields, generateNodeId, resolveTraitControllerType, resolveTraitOptions };
+export { ACTION_TYPE_OPTIONS, BackgroundGroupStyleConfig, BorderGroupStyleConfig, BuilderButtonBlockComponent, BuilderButtonComponentConfig, BuilderClipboardService, BuilderComponent, BuilderContainerComponent, BuilderContainerComponentConfig, BuilderDataSourceService, BuilderDividerComponentConfig, BuilderHeadingComponentConfig, BuilderHistoryService, BuilderIconComponentConfig, BuilderImageComponentConfig, BuilderLinkComponentConfig, BuilderLinkedContainerComponent, BuilderLinkedContainerConfig, BuilderListComponentConfig, BuilderListItemComponentConfig, BuilderMode, BuilderRepeaterComponent, BuilderSpacerComponentConfig, ButtonBlockComponentConfig, CardComponentConfig, ComponentConfig, ComponentRegistryService, DEVICE_OPTIONS, DataSourceRegistryService, DataSourceType, DeviceMode, DimensionsGroupStyleConfig, DragEngineService, EASING_OPTIONS, EffectsGroupStyleConfig, GroupStyleConfig, INTERACTION_STATES, INVERSE_ACTION, IOX_DATA_SOURCE_ENDPOINTS, IOX_FONT_MANAGER, InteractionEngineService, InteractionPresetRegistryService, InteractionsPanelComponent, IoxBuilderModule, IoxDraggableDirective, IoxDropzoneDirective, LayerTreeComponent, LayoutGroupStyleConfig, ListGroupStyleConfig, NodeAction, OverlayComponent, OverlayService, PanelChildComponent, PanelComponent, PanelEventService, PanelEventTypes, PanelTypes, PositionGroupStyleConfig, PresetRegistryService, RELATIONAL_STATES, RELATIONAL_STATE_BASE, ROUTE_ANIMATION_OPTIONS, RenderDirective, RepeaterComponentConfig, SCREEN_WIDTH_OPTIONS, STRUCTURAL_STATES, SUPPORTED_STATES, SectionComponent, SectionComponentConfig, SizeGroupStyleConfig, SliderContainerComponent, SliderContainerConfig, SliderSlideComponent, SliderSlideConfig, SpacingGroupStyleConfig, StyleCategory, StyleRegistryService, TraitConfig as StyleTraitConfig, SymbolRegistryService, TRIGGER_OPTIONS, TextBlockComponentConfig, ToolbarAction, ToolbarComponent, TraitConfig, TraitInputType, TypographyGroupStyleConfig, UNITS_ALL, UNITS_DEG, UNITS_FIXED, UNITS_NO_VW, ViewportService, ZOOM_OPTIONS, arrayItemSchemaFields, arraySchemaFields, buildFullStyleTraits, buildPresetStyleTraits, defaultPageSettings, flattenSchemaFields, generateNodeId, resolveTraitControllerType, resolveTraitOptions };
 //# sourceMappingURL=vectoriox-iox-builder.mjs.map